daily-focus 1.2.0-dev.8 → 1.2.0-dev.9

package/README.md

@@ -130,9 +130,13 @@ why is CI red, what does this thread actually want from me. With
 `DAILY_FOCUS_ASSISTANT` set to `claude` or `codex`, every item's panel gets an
 assistant that runs that CLI headless against the item, with quick actions for the
 common asks and a field for anything else. Click a card to open its panel, where its
-notes live too; the reply streams in there, and you can follow up in the same
-conversation. The panel stays on the item it was opened for while you move through
-the list.
+notes live too. While the assistant works, the panel shows what it is doing: each
+command it runs and each page, thread or ticket it reads, with a clock, and a cross
+on anything that failed, such as a repository it couldn't see. Once it answers,
+that trail folds away under the answer. The answer has buttons to copy it, or any
+block in it meant for pasting, and to open a draft it created. The field stays at
+the foot of the panel, so you can follow up in the same conversation. The panel
+stays on the item it was opened for while you move through the list.
 
 It is told to read and draft, and nothing more. An email reply is created as a Gmail
 draft on the thread, so it is waiting there when you open the mail; a reply to a

package/dist/{chunk-SX5FPS3A.js → chunk-KL6RU4XT.js}

@@ -107,6 +107,8 @@ import { appendFile, mkdir, readFile } from "node:fs/promises";
 import { createInterface } from "node:readline";
 var TURN_TIMEOUT_MS = 10 * 6e4;
 var TURNS_SHOWN = 20;
+var STEPS_KEPT = 100;
+var DETAIL_LENGTH = 200;
 var QUICK_ACTIONS = [
   {
     id: "assess-review",
@@ -193,6 +195,7 @@ function foldAssistantLog(text) {
         endedAt: null,
         status: "running",
         reply: "",
+        steps: [],
         error: null
       });
       continue;
@@ -201,6 +204,7 @@ function foldAssistantLog(text) {
     if (!turn) continue;
     turn.sessionId = typeof record.sessionId === "string" ? record.sessionId : turn.sessionId;
     turn.reply = typeof record.reply === "string" ? record.reply : turn.reply;
+    turn.steps = readSteps(record.steps);
     turn.endedAt = record.at;
     if (record.event === "finished") {
       turn.status = "done";
@@ -214,6 +218,27 @@ function foldAssistantLog(text) {
   }
   return turns;
 }
+function addStep(turn, step) {
+  turn.steps.push(step);
+  if (turn.steps.length > STEPS_KEPT) turn.steps.shift();
+}
+function sameWords(a, b) {
+  return a.replace(/\s+/g, " ").trim() === b.replace(/\s+/g, " ").trim();
+}
+function readSteps(value) {
+  if (!Array.isArray(value)) return [];
+  const steps = [];
+  for (const candidate of value) {
+    if (typeof candidate !== "object" || candidate === null || typeof candidate.text !== "string") continue;
+    steps.push({
+      kind: candidate.kind === "message" ? "message" : "tool",
+      text: candidate.text,
+      detail: typeof candidate.detail === "string" ? candidate.detail : null,
+      state: candidate.state === "failed" ? "failed" : "done"
+    });
+  }
+  return steps;
+}
 function parseLine(line) {
   const trimmed = line.trim();
   if (!trimmed.startsWith("{")) return null;
@@ -251,11 +276,15 @@ var claudeAdapter = {
     if (type === "system" && typeof event.session_id === "string") {
       return { sessionId: event.session_id };
     }
-    if (type === "assistant") {
+    if (type === "assistant" || type === "user") {
       const message = event.message;
       const content = Array.isArray(message?.content) ? message.content : [];
-      const text = content.filter((block) => block.type === "text" && typeof block.text === "string").map((block) => block.text).join("\n\n");
-      return text ? { text } : null;
+      const parsed = {};
+      const text = type === "assistant" ? content.filter((block) => block.type === "text" && typeof block.text === "string").map((block) => block.text).join("\n\n") : "";
+      if (text) parsed.text = text;
+      const steps = content.flatMap((block) => claudeStep(block) ?? []);
+      if (steps.length) parsed.steps = steps;
+      return text || steps.length ? parsed : null;
     }
     if (type === "result") {
       const ok = event.is_error !== true && event.subtype === "success";
@@ -293,10 +322,11 @@ var codexAdapter = {
     if (type === "thread.started" && typeof event.thread_id === "string") {
       return { sessionId: event.thread_id };
     }
-    if (type === "item.completed") {
+    if (type === "item.started" || type === "item.completed") {
       const item = event.item;
-      if (item?.type === "agent_message" && typeof item.text === "string") return { text: item.text };
-      return null;
+      if (type === "item.completed" && item?.type === "agent_message" && typeof item.text === "string") return { text: item.text };
+      const step = item ? codexStep(item, type === "item.completed") : null;
+      return step ? { steps: [step] } : null;
     }
     if (type === "turn.completed") return { done: { ok: true } };
     if (type === "turn.failed" || type === "error") {
@@ -311,6 +341,87 @@ var ADAPTERS = {
   claude: claudeAdapter,
   codex: codexAdapter
 };
+var CLAUDE_QUIET_TOOLS = /* @__PURE__ */ new Set(["ToolSearch", "TodoWrite"]);
+function claudeStep(block) {
+  if (block.type === "tool_result" && typeof block.tool_use_id === "string") {
+    return { id: block.tool_use_id, state: block.is_error === true ? "failed" : "done" };
+  }
+  if (block.type !== "tool_use" || typeof block.id !== "string" || typeof block.name !== "string") return null;
+  if (CLAUDE_QUIET_TOOLS.has(block.name)) return null;
+  const input = block.input ?? {};
+  const said = (key) => typeof input[key] === "string" && input[key] !== "" ? input[key] : null;
+  const step = (text, detail) => ({ id: block.id, text, detail: shorten(detail), state: "running" });
+  switch (block.name) {
+    case "Bash":
+      return step(said("description") ?? "Run a command", said("command"));
+    case "WebFetch":
+      return step("Fetch a page", said("url"));
+    case "WebSearch":
+      return step("Search the web", said("query"));
+    case "Read":
+      return step("Read a file", said("file_path"));
+    case "Grep":
+      return step("Search files", said("pattern"));
+    case "Glob":
+      return step("List files", said("pattern"));
+    case "Task":
+    case "Agent":
+      return step("Hand part of it to a subagent", said("description"));
+  }
+  const mcp = /^mcp__(.+?)__(.+)$/.exec(block.name);
+  if (mcp) return step(connectorLabel(mcp[1], mcp[2]), compactArgs(input));
+  return step(block.name, compactArgs(input));
+}
+function codexStep(item, completed) {
+  if (typeof item.id !== "string") return null;
+  const failed = item.status === "failed" || item.error !== void 0 && item.error !== null;
+  const state = completed ? failed ? "failed" : "done" : "running";
+  if (item.type === "command_execution") {
+    const exited = typeof item.exit_code === "number" && item.exit_code !== 0;
+    return {
+      id: item.id,
+      text: "Run a command",
+      detail: shorten(unwrapShell(item.command ?? "")),
+      state: completed && exited ? "failed" : state
+    };
+  }
+  if (item.type === "mcp_tool_call" && typeof item.server === "string" && typeof item.tool === "string") {
+    return { id: item.id, text: connectorLabel(item.server, item.tool), detail: compactArgs(item.arguments), state };
+  }
+  if (item.type === "web_search") {
+    const action = item.action ?? {};
+    if (action.type === "open_page") return { id: item.id, text: "Open a page", detail: shorten(action.url ?? null), state };
+    if (action.type === "find_in_page") return { id: item.id, text: "Find in a page", detail: shorten(action.pattern ?? action.url ?? null), state };
+    return { id: item.id, text: "Search the web", detail: shorten(action.query || item.query || null), state };
+  }
+  return null;
+}
+function unwrapShell(command) {
+  const wrapped = /^(?:\S*\/)?(?:ba|z)?sh\s+-l?c\s+(['"])([\s\S]*)\1$/.exec(command.trim());
+  if (!wrapped) return command.trim();
+  return wrapped[1] === "'" ? wrapped[2].replaceAll(`'\\''`, `'`) : wrapped[2];
+}
+function connectorLabel(server, tool) {
+  const words = (name) => name.replace(/[_-]+/g, " ").trim();
+  if (server === "codex_apps") {
+    const said = words(tool);
+    return said.charAt(0).toUpperCase() + said.slice(1);
+  }
+  return `${words(server.replace(/^claude_ai_/, ""))}: ${words(tool)}`;
+}
+function compactArgs(input) {
+  if (input === null || input === void 0) return null;
+  if (typeof input === "object" && Object.keys(input).length === 0) return null;
+  return shorten(typeof input === "string" ? input : JSON.stringify(input));
+}
+function shorten(value) {
+  if (!value) return null;
+  const lines = value.trim().split("\n");
+  const first = lines[0].trim();
+  const more = lines.length > 1;
+  if (first.length > DETAIL_LENGTH) return `${first.slice(0, DETAIL_LENGTH - 1)}\u2026`;
+  return more ? `${first} \u2026` : first;
+}
 function composePrompt(instructions, context, request, profile) {
   const now = /* @__PURE__ */ new Date();
   const facts = [`- Profile: ${profile}`, `- Today: ${now.toISOString().slice(0, 10)}`];
@@ -372,6 +483,7 @@ var Assistant = class _Assistant {
         sessionId: turn.sessionId,
         reason: turn.error,
         reply: turn.reply,
+        steps: turn.steps,
         at: turn.endedAt
       });
     }
@@ -431,6 +543,7 @@ ${typed}` : action.request : typed;
       endedAt: null,
       status: "running",
       reply: "",
+      steps: [],
       error: null
     };
     this.turns.set(turn.id, turn);
@@ -492,18 +605,27 @@ ${typed}` : action.request : typed;
       stderr.push(chunk.toString("utf8"));
       if (stderr.length > 50) stderr.shift();
     });
+    const calls = /* @__PURE__ */ new Map();
     if (child.stdout) {
       const lines = createInterface({ input: child.stdout });
       lines.on("line", (line) => {
         const event = adapter.parse(line);
         if (!event) return;
         if (event.sessionId) turn.sessionId = event.sessionId;
-        if (event.text) {
-          turn.reply = turn.reply ? `${turn.reply}
-
-${event.text}` : event.text;
-          this.hooks.onChange();
+        if (event.text) addStep(turn, { kind: "message", text: event.text, detail: null, state: "done" });
+        for (const parsed of event.steps ?? []) {
+          const known = calls.get(parsed.id);
+          if (known) {
+            if (parsed.text) known.text = parsed.text;
+            if (parsed.detail) known.detail = parsed.detail;
+            known.state = parsed.state;
+          } else if (parsed.text) {
+            const step = { kind: "tool", text: parsed.text, detail: parsed.detail ?? null, state: parsed.state };
+            calls.set(parsed.id, step);
+            addStep(turn, step);
+          }
         }
+        if (event.text || event.steps) this.hooks.onChange();
         if (event.done) done = event.done;
       });
     }
@@ -535,20 +657,24 @@ ${event.text}` : event.text;
   }
   async finish(turn, outcome, aborted = false) {
     const at = (/* @__PURE__ */ new Date()).toISOString();
-    const reply = outcome.reply ?? turn.reply;
+    const last = turn.steps.findLast((step) => step.kind === "message");
+    const reply = outcome.ok ? outcome.reply ?? last?.text ?? "" : "";
+    if (outcome.ok && last && sameWords(last.text, reply)) turn.steps.splice(turn.steps.lastIndexOf(last), 1);
+    for (const step of turn.steps) if (step.state === "running") step.state = outcome.ok ? "done" : "failed";
     turn.reply = reply;
     turn.endedAt = at;
+    const steps = turn.steps;
     if (outcome.ok) {
       turn.status = "done";
-      await this.append({ event: "finished", turn: turn.id, sessionId: turn.sessionId, reply, at });
+      await this.append({ event: "finished", turn: turn.id, sessionId: turn.sessionId, reply, steps, at });
     } else if (aborted) {
       turn.status = "aborted";
       turn.error = outcome.error ?? "stopped";
-      await this.append({ event: "aborted", turn: turn.id, sessionId: turn.sessionId, reason: turn.error, reply, at });
+      await this.append({ event: "aborted", turn: turn.id, sessionId: turn.sessionId, reason: turn.error, reply, steps, at });
     } else {
       turn.status = "failed";
       turn.error = outcome.error ?? "failed";
-      await this.append({ event: "failed", turn: turn.id, sessionId: turn.sessionId, error: turn.error, reply, at });
+      await this.append({ event: "failed", turn: turn.id, sessionId: turn.sessionId, error: turn.error, reply, steps, at });
     }
     this.hooks.onChange();
   }

package/dist/cli.js

@@ -49,7 +49,7 @@ function shouldOpen(flag) {
   return flag && process.stdout.isTTY === true && !process.env.CI;
 }
 async function demo(open, profile) {
-  const { demoEnv, demoIntegrations, demoProfile, writeDemoStore } = await import("./demo-6Q22AAC7.js");
+  const { demoEnv, demoIntegrations, demoProfile, writeDemoStore } = await import("./demo-TIIXODJG.js");
   const chosen = demoProfile(profile);
   const store = await mkdtemp(join(tmpdir(), "daily-focus-demo-"));
   process.on("exit", () => rmSync(store, { recursive: true, force: true }));
@@ -65,7 +65,7 @@ async function demo(open, profile) {
   );
 }
 async function start(open, onStarted, options = {}) {
-  const { runServer } = await import("./server-PIYOIUKJ.js");
+  const { runServer } = await import("./server-WT4CQ3VX.js");
   await runServer({
     ...options,
     onStarted: (url) => {

package/dist/{demo-6Q22AAC7.js → demo-TIIXODJG.js}

@@ -1,6 +1,6 @@
 import {
   QUICK_ACTIONS
-} from "./chunk-SX5FPS3A.js";
+} from "./chunk-KL6RU4XT.js";
 import {
   dateFromNow,
   sampleBrief,
@@ -737,6 +737,8 @@ function demoAgentLog(profile, now) {
   ];
   return runs.flatMap(runLines);
 }
+var call = (text, detail, state = "done") => ({ kind: "tool", text, detail, state });
+var said = (text) => ({ kind: "message", text, detail: null, state: "done" });
 function turnLines(seed) {
   const quick = seed.action ? QUICK_ACTIONS.find((candidate) => candidate.id === seed.action) : void 0;
   const request = quick ? seed.text ? `${quick.request}
@@ -745,7 +747,7 @@ ${seed.text}` : quick.request : seed.text ?? "";
   const endedAt = new Date(new Date(seed.at).getTime() + seed.seconds * 1e3).toISOString();
   return [
     { event: "started", turn: seed.id, item: seed.item, agent: "claude", request, action: quick?.id ?? null, at: seed.at },
-    { event: "finished", turn: seed.id, sessionId: `sample-${seed.item}`, reply: seed.reply, at: endedAt }
+    { event: "finished", turn: seed.id, sessionId: `sample-${seed.item}`, reply: seed.reply, steps: seed.steps, at: endedAt }
   ];
 }
 function demoAssistantLog(profile, now) {
@@ -757,6 +759,12 @@ function demoAssistantLog(profile, now) {
       action: "summarise-pr",
       at: minutesAgo(now, 46),
       seconds: 52,
+      steps: [
+        call("View the pull request", "gh pr view 3421 --repo acme/webapp --json title,body,files,reviews"),
+        call("Read the diff", "gh pr diff 3421 --repo acme/webapp"),
+        said("Four files. The recorder change is the substance; the rest is its tests and a type."),
+        call("Read the issue it closes", "gh issue view 3388 --repo acme/webapp --comments")
+      ],
       reply: [
         "**What it changes.** Session replay keeps every recorded mutation batch in an array on the recorder for the life of the tab, and only ever appends; on a tab left open for a day that is hundreds of megabytes. The change caps the buffer per tab, drops batches once the ingest endpoint has acknowledged them, and holds DOM node references through a `WeakRef` so a detached subtree can be collected.",
         "",
@@ -778,6 +786,11 @@ function demoAssistantLog(profile, now) {
       text: "Is the Safari fallback actually reachable?",
       at: minutesAgo(now, 44),
       seconds: 31,
+      steps: [
+        call("Find where the fallback is chosen", 'gh search code "WeakRef" --repo acme/webapp'),
+        call("Read the SDK docs on browser support", "gh api repos/acme/sdk-docs/contents/support.md", "failed"),
+        call("Read the webapp's copy of the support matrix", "gh api repos/acme/webapp/contents/docs/browser-support.md")
+      ],
       reply: "Only on Safari 14.0 and below, which the SDK\u2019s support matrix dropped in v5. Under the current matrix the branch is dead code. I would ask Alice to remove it rather than test it."
     },
     {
@@ -786,10 +799,18 @@ function demoAssistantLog(profile, now) {
       action: "draft-reply",
       at: minutesAgo(now, 38),
       seconds: 64,
+      steps: [
+        call("Gmail: get thread", '{"threadId":"18f2a9c4b7"}'),
+        call("Gmail: search threads", '{"query":"Q4 planning doc headcount"}'),
+        said("Bob wants numbers per team with a reason each. The planning doc has both."),
+        call("Gmail: create draft", '{"threadId":"18f2a9c4b7"}')
+      ],
       reply: [
         "I read the thread \u2014 four messages, Bob twice. He wants the Q4 team split: how many of the six open roles go to Platform and how many to Webapp, with a line of justification each, by the end of the week so it lands in the planning deck.",
         "",
-        "I have created a Gmail draft on the thread, from you, proposing four Platform and two Webapp with the reasons from the planning doc, and asking whether the deck can carry a footnote that the SDK hire depends on the Q3 numbers. It is **not sent**; it is waiting on the thread when you open it."
+        "I have created a Gmail draft on the thread, from you, proposing four Platform and two Webapp with the reasons from the planning doc, and asking whether the deck can carry a footnote that the SDK hire depends on the Q3 numbers. It is **not sent**; it is waiting on the thread when you open it.",
+        "",
+        "Created: [Gmail draft](https://mail.google.com/mail/u/0/#drafts?compose=18f2a9c4b7)"
       ].join("\n")
     },
     {
@@ -798,6 +819,12 @@ function demoAssistantLog(profile, now) {
       action: "explain-ci",
       at: minutesAgo(now, 20),
       seconds: 58,
+      steps: [
+        call("List the checks", "gh pr checks 3402 --repo acme/webapp"),
+        call("Read the failing job\u2019s log", "gh run view 9182734 --repo acme/webapp --log-failed"),
+        said("One failure, in tracing/fetch.spec.ts. Reading the retry path it exercises."),
+        call("Read the retry code", "gh api repos/acme/webapp/contents/src/tracing/fetch.ts")
+      ],
       reply: [
         "The failing check is `unit-tests (node-20)`, in `tracing/fetch.spec.ts`:",
         "",
@@ -817,6 +844,10 @@ function demoAssistantLog(profile, now) {
       action: "summarise-pr",
       at: minutesAgo(now, 52),
       seconds: 47,
+      steps: [
+        call("View the pull request", "gh pr view 47 --repo mara-l/pedalboard --json title,body,files,commits"),
+        call("Read the diff", "gh pr diff 47 --repo mara-l/pedalboard")
+      ],
       reply: [
         "Tomas adds MIDI clock sync to the looper: the transport listens for MIDI clock at 24 pulses per quarter note and for start and stop, derives the tempo, and quantises the loop start to the next beat. +212/\u221218 across three files, with a test for the tempo derivation.",
         "",
@@ -835,7 +866,8 @@ function demoAssistantLog(profile, now) {
       action: "draft-reply",
       at: minutesAgo(now, 30),
       seconds: 41,
-      reply: "The thread is three messages: your request on the 28th, their \u201Cwithin the week\u201D on the 29th, and nothing since. I have created a Gmail draft on it that asks, briefly and politely, whether the quote is still coming this week, and says the other quotes are in and you would like to decide by Friday. It is **not sent**; open the thread to read it."
+      steps: [call("Gmail: get thread", '{"threadId":"19a0c4e2f1"}'), call("Gmail: create draft", '{"threadId":"19a0c4e2f1"}')],
+      reply: "The thread is three messages: your request on the 28th, their \u201Cwithin the week\u201D on the 29th, and nothing since. I have created a Gmail draft on it that asks, briefly and politely, whether the quote is still coming this week, and says the other quotes are in and you would like to decide by Friday. It is **not sent**; open the thread to read it.\n\nCreated: [Gmail draft](https://mail.google.com/mail/u/0/#drafts?compose=19a0c4e2f1)"
     }
   ];
   return turns.flatMap(turnLines);

package/dist/{server-PIYOIUKJ.js → server-WT4CQ3VX.js}

@@ -3,7 +3,7 @@ import {
   Assistant,
   CodexGate,
   codexVersionWarning
-} from "./chunk-SX5FPS3A.js";
+} from "./chunk-KL6RU4XT.js";
 import {
   FOCUS_TEMPLATE,
   sourcesTemplate

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "daily-focus",
-  "version": "1.2.0-dev.8",
+  "version": "1.2.0-dev.9",
   "description": "An interactive dashboard of what you should focus on today at work",
   "keywords": [
     "dashboard",

package/prompts/assistant.md

@@ -51,7 +51,12 @@ thread the Gmail tool did not find — say so plainly at the top, and answer as
 the rest allows. A confident answer built on half the material is worse than a
 shorter one that says what it is missing.
 
-Give the URL of anything you created, so it can be opened from the panel.
+End with one line for each thing you created, in exactly this form, so the panel
+can offer it as a button:
+
+```
+Created: [Gmail draft](https://mail.google.com/mail/u/0/#drafts?compose=…)
+```
 
 ## Stay in this chat
 
@@ -59,4 +64,4 @@ This conversation is the whole record of what you did. Do not leave notes on the
 item, do not write to the dashboard's files, and do not try to mark the item done,
 snoozed or handled: the user does that from the dashboard once they have read your
 reply. If you created or changed something — a draft, most often — say so in the
-reply, with its URL, and stop there.
+reply, end with its `Created:` line, and stop there.

package/public/app.js

@@ -69,9 +69,9 @@ function H() {
   }
 }
 function L(n3, l5, u4, t4, i4, r4, o4, e4, f4, c4, a4) {
-  var s4, h5, p5, v4, y4, _5, g4 = t4 && t4.__k || w, m4 = l5.length;
-  for (f4 = T(u4, l5, g4, f4, m4), s4 = 0; s4 < m4; s4++) null != (p5 = u4.__k[s4]) && (h5 = -1 != p5.__i && g4[p5.__i] || d, p5.__i = s4, _5 = q(n3, p5, h5, i4, r4, o4, e4, f4, c4, a4), v4 = p5.__e, p5.ref && h5.ref != p5.ref && (h5.ref && J(h5.ref, null, p5), a4.push(p5.ref, p5.__c || v4, p5)), null == y4 && null != v4 && (y4 = v4), 4 & p5.__u ? (f4 = j(p5, f4, n3), h5.__e && (h5.__e = null)) : "function" == typeof p5.type && void 0 !== _5 ? f4 = _5 : v4 && (f4 = v4.nextSibling), p5.__u &= -7);
-  return u4.__e = y4, f4;
+  var s4, h5, p5, v4, y5, _5, g4 = t4 && t4.__k || w, m4 = l5.length;
+  for (f4 = T(u4, l5, g4, f4, m4), s4 = 0; s4 < m4; s4++) null != (p5 = u4.__k[s4]) && (h5 = -1 != p5.__i && g4[p5.__i] || d, p5.__i = s4, _5 = q(n3, p5, h5, i4, r4, o4, e4, f4, c4, a4), v4 = p5.__e, p5.ref && h5.ref != p5.ref && (h5.ref && J(h5.ref, null, p5), a4.push(p5.ref, p5.__c || v4, p5)), null == y5 && null != v4 && (y5 = v4), 4 & p5.__u ? (f4 = j(p5, f4, n3), h5.__e && (h5.__e = null)) : "function" == typeof p5.type && void 0 !== _5 ? f4 = _5 : v4 && (f4 = v4.nextSibling), p5.__u &= -7);
+  return u4.__e = y5, f4;
 }
 function T(n3, l5, u4, t4, i4) {
   var r4, o4, e4, f4, c4, a4 = u4.length, s4 = a4, h5 = 0;
@@ -131,29 +131,29 @@ function V(n3) {
   };
 }
 function q(n3, u4, t4, i4, r4, o4, e4, f4, c4, a4) {
-  var s4, h5, p5, v4, y4, d4, _5, k3, x4, M, I2, P2, A3, H2, T4, j4, F2 = u4.type;
+  var s4, h5, p5, v4, y5, d5, _5, k3, x4, M, I2, P2, A3, H2, T4, j4, F2 = u4.type;
   if (void 0 !== u4.constructor) return null;
   128 & t4.__u && (c4 = !!(32 & t4.__u), o4 = [f4 = u4.__e = t4.__e]), (s4 = l.__b) && s4(u4);
   n: if ("function" == typeof F2) {
     h5 = e4.length;
     try {
-      if (x4 = u4.props, M = F2.prototype && F2.prototype.render, I2 = (s4 = F2.contextType) && i4[s4.__c], P2 = s4 ? I2 ? I2.props.value : s4.__ : i4, t4.__c ? k3 = (p5 = u4.__c = t4.__c).__ = p5.__E : (M ? u4.__c = p5 = new F2(x4, P2) : (u4.__c = p5 = new C(x4, P2), p5.constructor = F2, p5.render = Q), I2 && I2.sub(p5), p5.state || (p5.state = {}), p5.__n = i4, v4 = p5.__d = true, p5.__h = [], p5._sb = []), M && null == p5.__s && (p5.__s = p5.state), M && null != F2.getDerivedStateFromProps && (p5.__s == p5.state && (p5.__s = m({}, p5.__s)), m(p5.__s, F2.getDerivedStateFromProps(x4, p5.__s))), y4 = p5.props, d4 = p5.state, p5.__v = u4, v4) M && null == F2.getDerivedStateFromProps && null != p5.componentWillMount && p5.componentWillMount(), M && null != p5.componentDidMount && p5.__h.push(p5.componentDidMount);
+      if (x4 = u4.props, M = F2.prototype && F2.prototype.render, I2 = (s4 = F2.contextType) && i4[s4.__c], P2 = s4 ? I2 ? I2.props.value : s4.__ : i4, t4.__c ? k3 = (p5 = u4.__c = t4.__c).__ = p5.__E : (M ? u4.__c = p5 = new F2(x4, P2) : (u4.__c = p5 = new C(x4, P2), p5.constructor = F2, p5.render = Q), I2 && I2.sub(p5), p5.state || (p5.state = {}), p5.__n = i4, v4 = p5.__d = true, p5.__h = [], p5._sb = []), M && null == p5.__s && (p5.__s = p5.state), M && null != F2.getDerivedStateFromProps && (p5.__s == p5.state && (p5.__s = m({}, p5.__s)), m(p5.__s, F2.getDerivedStateFromProps(x4, p5.__s))), y5 = p5.props, d5 = p5.state, p5.__v = u4, v4) M && null == F2.getDerivedStateFromProps && null != p5.componentWillMount && p5.componentWillMount(), M && null != p5.componentDidMount && p5.__h.push(p5.componentDidMount);
       else {
-        if (M && null == F2.getDerivedStateFromProps && x4 !== y4 && null != p5.componentWillReceiveProps && p5.componentWillReceiveProps(x4, P2), u4.__v == t4.__v || !p5.__e && null != p5.shouldComponentUpdate && false === p5.shouldComponentUpdate(x4, p5.__s, P2)) {
+        if (M && null == F2.getDerivedStateFromProps && x4 !== y5 && null != p5.componentWillReceiveProps && p5.componentWillReceiveProps(x4, P2), u4.__v == t4.__v || !p5.__e && null != p5.shouldComponentUpdate && false === p5.shouldComponentUpdate(x4, p5.__s, P2)) {
           u4.__v != t4.__v && (p5.props = x4, p5.state = p5.__s, p5.__d = false), u4.__e = t4.__e, u4.__k = t4.__k, u4.__k.some(function(n4) {
             n4 && (n4.__ = u4);
           }), w.push.apply(p5.__h, p5._sb), p5._sb = [], p5.__h.length && e4.push(p5), f4 = $(t4);
           break n;
         }
         null != p5.componentWillUpdate && p5.componentWillUpdate(x4, p5.__s, P2), M && null != p5.componentDidUpdate && p5.__h.push(function() {
-          p5.componentDidUpdate(y4, d4, _5);
+          p5.componentDidUpdate(y5, d5, _5);
         });
       }
       if (p5.context = P2, p5.props = x4, p5.__P = n3, p5.__e = false, A3 = l.__r, H2 = 0, M) p5.state = p5.__s, p5.__d = false, A3 && A3(u4), s4 = p5.render(p5.props, p5.state, p5.context), w.push.apply(p5.__h, p5._sb), p5._sb = [];
       else do {
         p5.__d = false, A3 && A3(u4), s4 = p5.render(p5.props, p5.state, p5.context), p5.state = p5.__s;
       } while (p5.__d && ++H2 < 25);
-      p5.state = p5.__s, null != p5.getChildContext && (i4 = m(m({}, i4), p5.getChildContext())), M && !v4 && null != p5.getSnapshotBeforeUpdate && (_5 = p5.getSnapshotBeforeUpdate(y4, d4)), T4 = null != s4 && s4.type === S && null == s4.key ? E(s4.props.children) : s4, f4 = L(n3, g(T4) ? T4 : [T4], u4, t4, i4, r4, o4, e4, f4, c4, a4), p5.base = u4.__e, u4.__u &= -161, p5.__h.length && e4.push(p5), k3 && (p5.__E = p5.__ = null);
+      p5.state = p5.__s, null != p5.getChildContext && (i4 = m(m({}, i4), p5.getChildContext())), M && !v4 && null != p5.getSnapshotBeforeUpdate && (_5 = p5.getSnapshotBeforeUpdate(y5, d5)), T4 = null != s4 && s4.type === S && null == s4.key ? E(s4.props.children) : s4, f4 = L(n3, g(T4) ? T4 : [T4], u4, t4, i4, r4, o4, e4, f4, c4, a4), p5.base = u4.__e, u4.__u &= -161, p5.__h.length && e4.push(p5), k3 && (p5.__E = p5.__ = null);
     } catch (n4) {
       if (e4.length = h5, u4.__v = null, c4 || null != o4) {
         if (n4.then) {
@@ -185,10 +185,10 @@ function E(n3) {
   return "object" != typeof n3 || null == n3 || n3.__b > 0 ? n3 : g(n3) ? n3.map(E) : void 0 !== n3.constructor ? null : m({}, n3);
 }
 function G(u4, t4, i4, r4, o4, e4, f4, c4, a4) {
-  var s4, h5, p5, v4, y4, w5, _5, m4 = i4.props || d, k3 = t4.props, x4 = t4.type;
+  var s4, h5, p5, v4, y5, w5, _5, m4 = i4.props || d, k3 = t4.props, x4 = t4.type;
   if ("svg" == x4 ? o4 = "http://www.w3.org/2000/svg" : "math" == x4 ? o4 = "http://www.w3.org/1998/Math/MathML" : o4 || (o4 = "http://www.w3.org/1999/xhtml"), null != e4) {
-    for (s4 = 0; s4 < e4.length; s4++) if ((y4 = e4[s4]) && "setAttribute" in y4 == !!x4 && (x4 ? y4.localName == x4 : 3 == y4.nodeType)) {
-      u4 = y4, e4[s4] = null;
+    for (s4 = 0; s4 < e4.length; s4++) if ((y5 = e4[s4]) && "setAttribute" in y5 == !!x4 && (x4 ? y5.localName == x4 : 3 == y5.nodeType)) {
+      u4 = y5, e4[s4] = null;
       break;
     }
   }
@@ -198,9 +198,9 @@ function G(u4, t4, i4, r4, o4, e4, f4, c4, a4) {
   }
   if (null == x4) m4 === k3 || c4 && u4.data == k3 || (u4.data = k3);
   else {
-    if (e4 = "textarea" == x4 && null != k3.defaultValue ? null : e4 && n.call(u4.childNodes), !c4 && null != e4) for (m4 = {}, s4 = 0; s4 < u4.attributes.length; s4++) m4[(y4 = u4.attributes[s4]).name] = y4.value;
-    for (s4 in m4) y4 = m4[s4], "dangerouslySetInnerHTML" == s4 ? p5 = y4 : "children" == s4 || s4 in k3 || "value" == s4 && "defaultValue" in k3 || "checked" == s4 && "defaultChecked" in k3 || N(u4, s4, null, y4, o4);
-    for (s4 in k3) y4 = k3[s4], "children" == s4 ? v4 = y4 : "dangerouslySetInnerHTML" == s4 ? h5 = y4 : "value" == s4 ? w5 = y4 : "checked" == s4 ? _5 = y4 : c4 && "function" != typeof y4 || m4[s4] === y4 || N(u4, s4, y4, m4[s4], o4);
+    if (e4 = "textarea" == x4 && null != k3.defaultValue ? null : e4 && n.call(u4.childNodes), !c4 && null != e4) for (m4 = {}, s4 = 0; s4 < u4.attributes.length; s4++) m4[(y5 = u4.attributes[s4]).name] = y5.value;
+    for (s4 in m4) y5 = m4[s4], "dangerouslySetInnerHTML" == s4 ? p5 = y5 : "children" == s4 || s4 in k3 || "value" == s4 && "defaultValue" in k3 || "checked" == s4 && "defaultChecked" in k3 || N(u4, s4, null, y5, o4);
+    for (s4 in k3) y5 = k3[s4], "children" == s4 ? v4 = y5 : "dangerouslySetInnerHTML" == s4 ? h5 = y5 : "value" == s4 ? w5 = y5 : "checked" == s4 ? _5 = y5 : c4 && "function" != typeof y5 || m4[s4] === y5 || N(u4, s4, y5, m4[s4], o4);
     if (h5) c4 || p5 && (h5.__html == p5.__html || h5.__html == u4.innerHTML) || (u4.innerHTML = h5.__html), t4.__k = [];
     else if (p5 && (u4.innerHTML = ""), L("template" == t4.type ? u4.content : u4, g(v4) ? v4 : [v4], t4, i4, r4, "foreignObject" == x4 ? "http://www.w3.org/1999/xhtml" : o4, e4, f4, e4 ? e4[0] : i4.__k && $(i4, 0), c4, a4), null != e4) for (s4 = e4.length; s4--; ) b(e4[s4]);
     c4 && "textarea" != x4 || (s4 = "value", "progress" == x4 && null == w5 ? u4.removeAttribute("value") : null != w5 && (w5 !== u4[s4] || "progress" == x4 && !w5 || "option" == x4 && w5 != m4[s4]) && N(u4, s4, w5, m4[s4], o4), s4 = "checked", null != _5 && _5 != u4[s4] && N(u4, s4, _5, m4[s4], o4));
@@ -274,6 +274,42 @@ function s2(n3, t4) {
   var u4 = r2.__H || (r2.__H = { __: [], __h: [] });
   return n3 >= u4.__.length && u4.__.push({}), u4.__[n3];
 }
+function d2(n3) {
+  return o2 = 1, y2(D2, n3);
+}
+function y2(n3, u4, i4) {
+  var o4 = s2(t2++, 2);
+  if (o4.t = n3, !o4.__c && (o4.__ = [i4 ? i4(u4) : D2(void 0, u4), function(n4) {
+    var t4 = o4.__N ? o4.__N[0] : o4.__[0], r4 = o4.t(t4, n4);
+    t4 !== r4 && (o4.__N = [r4, o4.__[1]], o4.__c.setState({}));
+  }], o4.__c = r2, !r2.__f)) {
+    var f4 = function(n4, t4, r4) {
+      if (!o4.__c.__H) return true;
+      var u5 = false, i5 = o4.__c.props !== n4;
+      if (o4.__c.__H.__.some(function(n5) {
+        if (n5.__N) {
+          u5 = true;
+          var t5 = n5.__[0];
+          n5.__ = n5.__N, n5.__N = void 0, t5 !== n5.__[0] && (i5 = true);
+        }
+      }), c4) {
+        var f5 = c4.call(this, n4, t4, r4);
+        return u5 ? f5 || i5 : f5;
+      }
+      return !u5 || i5;
+    };
+    r2.__f = true;
+    var c4 = r2.shouldComponentUpdate, e4 = r2.componentWillUpdate;
+    r2.componentWillUpdate = function(n4, t4, r4) {
+      if (this.__e) {
+        var u5 = c4;
+        c4 = void 0, f4(n4, t4, r4), c4 = u5;
+      }
+      e4 && e4.call(this, n4, t4, r4);
+    }, r2.shouldComponentUpdate = f4;
+  }
+  return o4.__N || o4.__;
+}
 function h2(n3, u4) {
   var i4 = s2(t2++, 3);
   !c2.__s && C2(i4.__H, u4) && (i4.__ = n3, i4.u = u4, r2.__H.__h.push(i4));
@@ -360,6 +396,9 @@ function C2(n3, t4) {
     return t5 !== n3[r4];
   });
 }
+function D2(n3, t4) {
+  return "function" == typeof t4 ? t4(n3) : t4;
+}
 
 // node_modules/@preact/signals-core/dist/signals-core.module.js
 var i3 = /* @__PURE__ */ Symbol.for("preact-signals");
@@ -430,7 +469,7 @@ var s3 = 0;
 var u3 = 0;
 var e3 = 0;
 var c3 = void 0;
-var d2 = 0;
+var d3 = 0;
 function a3(i4) {
   if (void 0 !== o3) {
     var t4 = i4.n;
@@ -543,7 +582,7 @@ Object.defineProperty(l3.prototype, "value", { get: function() {
     })(this);
     this.v = i4;
     this.i++;
-    d2++;
+    d3++;
     v3++;
     try {
       for (var n3 = this.t; void 0 !== n3; n3 = n3.x) n3.t.N();
@@ -552,7 +591,7 @@ Object.defineProperty(l3.prototype, "value", { get: function() {
     }
   }
 } });
-function y2(i4, t4) {
+function y3(i4, t4) {
   return new l3(i4, t4);
 }
 function w3(i4) {
@@ -590,7 +629,7 @@ function p3(i4, t4) {
   l3.call(this, void 0, t4);
   this.x = i4;
   this.s = void 0;
-  this.g = d2 - 1;
+  this.g = d3 - 1;
   this.f = 4;
 }
 p3.prototype = new l3();
@@ -599,8 +638,8 @@ p3.prototype.h = function() {
   if (1 & this.f) return false;
   if (32 == (36 & this.f)) return true;
   this.f &= -5;
-  if (this.g === d2) return true;
-  this.g = d2;
+  if (this.g === d3) return true;
+  this.g = d3;
   this.f |= 1;
   if (this.i > 0 && !w3(this)) {
     this.f &= -2;
@@ -754,7 +793,7 @@ function j3(i4, t4) {
 // node_modules/@preact/signals/dist/signals.module.js
 var l4;
 var h4;
-var d3;
+var d4;
 var p4 = "undefined" != typeof window && !!window.__PREACT_SIGNALS_DEVTOOLS__;
 var _4 = [];
 j3(function() {
@@ -765,14 +804,14 @@ function g3(i4, r4) {
   });
 }
 function b3(i4) {
-  if (d3) {
-    var n3 = d3;
-    d3 = void 0;
+  if (d4) {
+    var n3 = d4;
+    d4 = void 0;
     n3();
   }
-  d3 = i4 && i4.S();
+  d4 = i4 && i4.S();
 }
-function y3(i4) {
+function y4(i4) {
   var n3 = this, t4 = i4.data, f4 = useSignal(t4);
   f4.name = "ReactiveDom";
   f4.value = t4;
@@ -802,8 +841,8 @@ function y3(i4) {
   }, []), a4 = e4[0], v4 = e4[1];
   return a4.value ? v4.peek() : v4.value;
 }
-y3.displayName = "ReactiveTextNode";
-Object.defineProperties(l3.prototype, { constructor: { configurable: true, value: void 0 }, type: { configurable: true, value: y3 }, props: { configurable: true, get: function() {
+y4.displayName = "ReactiveTextNode";
+Object.defineProperties(l3.prototype, { constructor: { configurable: true, value: void 0 }, type: { configurable: true, value: y4 }, props: { configurable: true, get: function() {
   var i4 = this;
   return { data: { get value() {
     return i4.value;
@@ -887,7 +926,7 @@ g3("diffed", function(i4, n3) {
   i4(n3);
 });
 function w4(i4, n3, r4, t4) {
-  var o4 = n3 in i4 && void 0 === i4.ownerSVGElement, f4 = y2(r4);
+  var o4 = n3 in i4 && void 0 === i4.ownerSVGElement, f4 = y3(r4);
   return { o: function(i5, n4) {
     f4.value = i5;
     t4 = n4;
@@ -955,7 +994,7 @@ C.prototype.shouldComponentUpdate = function(i4, n3) {
 };
 function useSignal(i4, n3) {
   return T2(function() {
-    return y2(i4, n3);
+    return y3(i4, n3);
   }, []);
 }
 var q2 = function(i4) {
@@ -1079,33 +1118,33 @@ var PANEL_PREFIX = "panel:";
 var VIEW_KEY = "daily-focus:view";
 var AGENT_RUN_SEEN_KEY = "daily-focus:agent-run-seen";
 var DETAIL_KEY = "daily-focus:detail-for";
-var state = y2(null);
+var state = y3(null);
 function createUi(initial = {}) {
   return {
-    selectedId: y2(initial.selectedId ?? null),
-    clickedId: y2(initial.clickedId ?? null),
-    pending: y2(initial.pending ?? /* @__PURE__ */ new Set()),
-    menuFor: y2(initial.menuFor ?? null),
-    statusFor: y2(initial.statusFor ?? null),
-    detailFor: y2(initial.detailFor ?? null),
-    noteDraft: y2(initial.noteDraft ?? ""),
-    assistantDraft: y2(initial.assistantDraft ?? ""),
-    focusField: y2(initial.focusField ?? null),
-    openDrawers: y2(initial.openDrawers ?? /* @__PURE__ */ new Set()),
-    ticketMode: y2(initial.ticketMode ?? "sync"),
-    agentReportSeen: y2(initial.agentReportSeen ?? null),
-    messageOpen: y2(initial.messageOpen ?? /* @__PURE__ */ new Map()),
-    view: y2(initial.view ?? "today"),
-    theme: y2(initial.theme ?? "system"),
-    toast: y2(initial.toast ?? null),
-    connectionError: y2(initial.connectionError ?? null),
-    settingsReturn: y2(initial.settingsReturn ?? "today"),
-    settings: y2(initial.settings ?? null),
-    settingsDraft: y2(initial.settingsDraft ?? /* @__PURE__ */ new Map()),
-    settingsError: y2(initial.settingsError ?? null),
-    settingsSaving: y2(initial.settingsSaving ?? false),
-    texts: y2(initial.texts ?? {}),
-    calendars: y2(initial.calendars ?? null)
+    selectedId: y3(initial.selectedId ?? null),
+    clickedId: y3(initial.clickedId ?? null),
+    pending: y3(initial.pending ?? /* @__PURE__ */ new Set()),
+    menuFor: y3(initial.menuFor ?? null),
+    statusFor: y3(initial.statusFor ?? null),
+    detailFor: y3(initial.detailFor ?? null),
+    noteDraft: y3(initial.noteDraft ?? ""),
+    assistantDraft: y3(initial.assistantDraft ?? ""),
+    focusField: y3(initial.focusField ?? null),
+    openDrawers: y3(initial.openDrawers ?? /* @__PURE__ */ new Set()),
+    ticketMode: y3(initial.ticketMode ?? "sync"),
+    agentReportSeen: y3(initial.agentReportSeen ?? null),
+    messageOpen: y3(initial.messageOpen ?? /* @__PURE__ */ new Map()),
+    view: y3(initial.view ?? "today"),
+    theme: y3(initial.theme ?? "system"),
+    toast: y3(initial.toast ?? null),
+    connectionError: y3(initial.connectionError ?? null),
+    settingsReturn: y3(initial.settingsReturn ?? "today"),
+    settings: y3(initial.settings ?? null),
+    settingsDraft: y3(initial.settingsDraft ?? /* @__PURE__ */ new Map()),
+    settingsError: y3(initial.settingsError ?? null),
+    settingsSaving: y3(initial.settingsSaving ?? false),
+    texts: y3(initial.texts ?? {}),
+    calendars: y3(initial.calendars ?? null)
   };
 }
 function isView(value) {
@@ -1501,6 +1540,27 @@ async function stopAssistant(id) {
     showToast(`Could not stop: ${err.message}`);
   }
 }
+async function copy(text) {
+  try {
+    if (navigator.clipboard && window.isSecureContext) {
+      await navigator.clipboard.writeText(text);
+    } else {
+      const field = document.createElement("textarea");
+      field.value = text;
+      field.setAttribute("readonly", "");
+      field.style.position = "fixed";
+      field.style.opacity = "0";
+      document.body.append(field);
+      field.select();
+      const copied = document.execCommand("copy");
+      field.remove();
+      if (!copied) throw new Error("the browser would not copy");
+    }
+    showToast("Copied");
+  } catch (err) {
+    showToast(`Could not copy: ${err.message}`);
+  }
+}
 async function runAgent() {
   if (!state.value?.agentRun?.enabled || state.value.agentRun.last?.status === "running") return;
   const ok = window.confirm(
@@ -1808,6 +1868,7 @@ var handlers = {
   refreshCalendar: () => void refreshCalendar(),
   ask: (id, body) => void ask(id, body),
   stopAssistant: (id) => void stopAssistant(id),
+  copy: (text) => void copy(text),
   runAgent: () => void runAgent(),
   stopAgent: () => void stopAgent(),
   askAgent: (run, text) => void askAgent(run, text),
@@ -1866,15 +1927,15 @@ var dateFormats = formatters("UTC");
 var DATE_ONLY = /^\d{4}-\d{2}-\d{2}$/;
 function formatted(value, kind) {
   const bare = typeof value === "string" && DATE_ONLY.test(value);
-  const d4 = bare ? /* @__PURE__ */ new Date(`${value}T00:00:00Z`) : parseDate(value);
-  return d4 && !Number.isNaN(d4.getTime()) ? (bare ? dateFormats : clockFormats)[kind].format(d4) : "";
+  const d5 = bare ? /* @__PURE__ */ new Date(`${value}T00:00:00Z`) : parseDate(value);
+  return d5 && !Number.isNaN(d5.getTime()) ? (bare ? dateFormats : clockFormats)[kind].format(d5) : "";
 }
 function parseDate(value) {
   if (typeof value !== "string" || value === "") return null;
   const dateOnly = /^(\d{4})-(\d{2})-(\d{2})$/.exec(value);
   if (dateOnly) return new Date(+dateOnly[1], +dateOnly[2] - 1, +dateOnly[3]);
-  const d4 = new Date(value);
-  return Number.isNaN(d4.getTime()) ? null : d4;
+  const d5 = new Date(value);
+  return Number.isNaN(d5.getTime()) ? null : d5;
 }
 function formatTime(value) {
   return formatted(value, "time");
@@ -1901,37 +1962,37 @@ function setCalendarZone(timeZone) {
     clockFormats = formatters();
   }
 }
-function dayKey(d4) {
+function dayKey(d5) {
   if (dayKeyFmt) {
-    const parts = dayKeyFmt.formatToParts(d4);
+    const parts = dayKeyFmt.formatToParts(d5);
     const part = (type) => parts.find((p5) => p5.type === type)?.value ?? "";
     return `${part("year")}-${part("month")}-${part("day")}`;
   }
-  const m4 = String(d4.getMonth() + 1).padStart(2, "0");
-  const day = String(d4.getDate()).padStart(2, "0");
-  return `${d4.getFullYear()}-${m4}-${day}`;
+  const m4 = String(d5.getMonth() + 1).padStart(2, "0");
+  const day = String(d5.getDate()).padStart(2, "0");
+  return `${d5.getFullYear()}-${m4}-${day}`;
 }
 function splitKey(key) {
-  const [y4, m4, d4] = key.split("-").map(Number);
-  return [y4, m4 - 1, d4];
+  const [y5, m4, d5] = key.split("-").map(Number);
+  return [y5, m4 - 1, d5];
 }
 function keyAt(ms) {
   return new Date(ms).toISOString().slice(0, 10);
 }
 function addDays(key, days) {
-  const [y4, m4, d4] = splitKey(key);
-  return keyAt(Date.UTC(y4, m4, d4 + days));
+  const [y5, m4, d5] = splitKey(key);
+  return keyAt(Date.UTC(y5, m4, d5 + days));
 }
 function addMonths(key, months) {
-  const [y4, m4, d4] = splitKey(key);
-  const lastDay = new Date(Date.UTC(y4, m4 + months + 1, 0)).getUTCDate();
-  return keyAt(Date.UTC(y4, m4 + months, Math.min(d4, lastDay)));
+  const [y5, m4, d5] = splitKey(key);
+  const lastDay = new Date(Date.UTC(y5, m4 + months + 1, 0)).getUTCDate();
+  return keyAt(Date.UTC(y5, m4 + months, Math.min(d5, lastDay)));
 }
 function daysFromToday(value, now = /* @__PURE__ */ new Date()) {
   if (typeof value === "string" && /^\d{4}-\d{2}-\d{2}$/.test(value)) {
-    const [y4, m4, d4] = splitKey(value);
+    const [y5, m4, d5] = splitKey(value);
     const [ty, tm, td] = splitKey(dayKey(now));
-    return Math.round((Date.UTC(y4, m4, d4) - Date.UTC(ty, tm, td)) / 864e5);
+    return Math.round((Date.UTC(y5, m4, d5) - Date.UTC(ty, tm, td)) / 864e5);
   }
   const target = parseDate(value);
   if (!target) return null;
@@ -1957,9 +2018,9 @@ function formatDuration(minutes) {
   return `${h5} h ${m4} min`;
 }
 function relativeTime(value, now = /* @__PURE__ */ new Date()) {
-  const d4 = parseDate(value);
-  if (!d4) return "";
-  const seconds = Math.round((now.getTime() - d4.getTime()) / 1e3);
+  const d5 = parseDate(value);
+  if (!d5) return "";
+  const seconds = Math.round((now.getTime() - d5.getTime()) / 1e3);
   if (seconds < 60) return "just now";
   const minutes = Math.round(seconds / 60);
   if (minutes < 60) return `${minutes} min ago`;
@@ -1967,7 +2028,18 @@ function relativeTime(value, now = /* @__PURE__ */ new Date()) {
   if (hours < 48) return `${hours} h ago`;
   const days = Math.round(hours / 24);
   if (days <= 30) return `${days} days ago`;
-  return dayKey(d4).slice(0, 4) === dayKey(now).slice(0, 4) ? formatShortDay(value) : formatted(value, "shortDayYear");
+  return dayKey(d5).slice(0, 4) === dayKey(now).slice(0, 4) ? formatShortDay(value) : formatted(value, "shortDayYear");
+}
+function durationBetween(start, end) {
+  const from = parseDate(start);
+  const to = parseDate(end);
+  if (!from || !to || to < from) return "";
+  const seconds = Math.round((to.getTime() - from.getTime()) / 1e3);
+  return seconds < 60 ? `${seconds} s` : formatDuration(Math.round(seconds / 60));
+}
+function formatClock(seconds) {
+  const whole = Math.max(0, Math.floor(seconds));
+  return `${Math.floor(whole / 60)}:${String(whole % 60).padStart(2, "0")}`;
 }
 function firstLine(text) {
   const line = String(text).split("\n").find((l5) => l5.trim() !== "") ?? "";
@@ -2167,7 +2239,7 @@ function renderMarkdown(value) {
 function anchor(href, label) {
   return el("a", { href: /^https?:\/\//i.test(href) ? href : "#", target: "_blank", rel: "noopener noreferrer" }, label);
 }
-function renderMarkdownBlocks(value) {
+function renderMarkdownBlocks(value, options = {}) {
   const out = [];
   const lines = String(value).replace(/\r\n/g, "\n").split("\n");
   let i4 = 0;
@@ -2178,7 +2250,16 @@ function renderMarkdownBlocks(value) {
       i4++;
       while (i4 < lines.length && !/^\s*```/.test(lines[i4])) code.push(lines[i4++]);
       i4++;
-      out.push(el("pre", null, code.join("\n")));
+      const text = code.join("\n");
+      const { onCopy } = options;
+      out.push(
+        onCopy ? el(
+          "div",
+          { class: "code-block" },
+          el("pre", null, text),
+          el("button", { type: "button", class: "code-block__copy", title: "Copy to the clipboard", onClick: () => onCopy(text) }, "Copy")
+        ) : el("pre", null, text)
+      );
       continue;
     }
     if (line.trim() === "") {
@@ -2188,7 +2269,7 @@ function renderMarkdownBlocks(value) {
     if (/^\s*>/.test(line)) {
       const quoted = [];
       while (i4 < lines.length && /^\s*>/.test(lines[i4])) quoted.push(lines[i4++].replace(/^\s*>\s?/, ""));
-      out.push(el("blockquote", null, renderMarkdownBlocks(quoted.join("\n"))));
+      out.push(el("blockquote", null, renderMarkdownBlocks(quoted.join("\n"), options)));
       continue;
     }
     if (/^\s*(?:-{3,}|\*{3,}|_{3,})\s*$/.test(line)) {
@@ -3797,11 +3878,7 @@ function runStatus(run, now, handlers2) {
   );
 }
 function runDuration(run) {
-  const from = parseDate(run.startedAt);
-  const to = parseDate(run.endedAt);
-  if (!from || !to || to < from) return "";
-  const seconds = Math.round((to.getTime() - from.getTime()) / 1e3);
-  return seconds < 60 ? `${seconds} s` : formatDuration(Math.round(seconds / 60));
+  return durationBetween(run.startedAt, run.endedAt);
 }
 function runConversation(run, busy, answering, enabled, ui2, handlers2, inputRef) {
   const turns = run.turns.length ? el(
@@ -3957,8 +4034,9 @@ function RowPanel({ row, state: state2, ui: ui2, handlers: handlers2 }) {
         ) : el("p", { class: "flyout__empty" }, "Nothing noted yet. A note goes to the morning agent as free text."),
         k(NoteForm, { row, title: facts.title, ui: ui2, handlers: handlers2, inputRef: noteInput })
       ),
-      enabled ? renderAssistantSection(row, facts, state2, entry, ui2, handlers2, askInput) : entry.turns.length ? renderAssistantHistory(state2, entry) : null
-    )
+      entry.turns.length ? renderAssistantSection(state2, entry, enabled, handlers2) : null
+    ),
+    enabled ? renderAssistantFooter(facts, state2, entry, ui2, handlers2, askInput, row) : null
   ];
 }
 function describeRow(row) {
@@ -4059,21 +4137,27 @@ function NoteForm({
     el("button", { type: "submit", class: "button button--primary flyout__submit" }, "Save")
   );
 }
-function renderAssistantSection(row, facts, state2, entry, ui2, handlers2, inputRef) {
-  const source = "source" in row ? row.source : "github";
-  const actions = (state2.assistant?.quickActions ?? []).filter(
-    (action) => action.sources === null || action.sources.includes(source)
-  );
+function renderAssistantSection(state2, entry, enabled, handlers2) {
   const label = new Map((state2.assistant?.quickActions ?? []).map((action) => [action.id, action]));
   return el(
     "section",
     { class: "flyout__section assistant", "data-running": String(entry.running) },
     el("h3", { class: "flyout__label" }, "Assistant"),
-    entry.turns.length ? el(
+    el(
       "div",
       { class: "assistant__turns" },
-      entry.turns.map((turn) => renderAssistantTurn(turn, label))
-    ) : null,
+      entry.turns.map((turn) => renderAssistantTurn(turn, label, handlers2))
+    ),
+    enabled ? null : el("p", { class: "flyout__empty" }, "The assistant is switched off (DAILY_FOCUS_ASSISTANT), so nothing more can be asked here.")
+  );
+}
+function renderAssistantFooter(facts, state2, entry, ui2, handlers2, inputRef, row) {
+  const actions = (state2.assistant?.quickActions ?? []).filter(
+    (action) => action.sources === null || action.sources.includes(facts.source)
+  );
+  return el(
+    "div",
+    { class: "flyout__footer" },
     entry.running ? null : el(
       "div",
       { class: "assistant__quick" },
@@ -4093,20 +4177,6 @@ function renderAssistantSection(row, facts, state2, entry, ui2, handlers2, input
     k(AssistantComposer, { row, title: facts.title, entry, ui: ui2, handlers: handlers2, inputRef })
   );
 }
-function renderAssistantHistory(state2, entry) {
-  const label = new Map((state2.assistant?.quickActions ?? []).map((action) => [action.id, action]));
-  return el(
-    "section",
-    { class: "flyout__section assistant", "data-running": "false" },
-    el("h3", { class: "flyout__label" }, "Assistant"),
-    el(
-      "div",
-      { class: "assistant__turns" },
-      entry.turns.map((turn) => renderAssistantTurn(turn, label))
-    ),
-    el("p", { class: "flyout__empty" }, "The assistant is switched off (DAILY_FOCUS_ASSISTANT), so nothing more can be asked here.")
-  );
-}
 function AssistantComposer({
   row,
   title,
@@ -4135,7 +4205,7 @@ function AssistantComposer({
       rows: 2,
       ref: inputRef,
       value: ui2.assistantDraft.value,
-      placeholder: entry.turns.length ? "Follow up\u2026" : "What do you need help with?",
+      placeholder: entry.turns.length ? "Follow up\u2026" : "Ask the assistant about this\u2026",
       "aria-label": `Ask the assistant about ${title}`,
       disabled: entry.running,
       onInput: (event) => {
@@ -4151,19 +4221,83 @@ function AssistantComposer({
     entry.running ? el("button", { type: "button", class: "button flyout__submit", onClick: () => handlers2.stopAssistant(row.id) }, "Stop") : el("button", { type: "submit", class: "button button--primary flyout__submit" }, "Send")
   );
 }
-function renderAssistantTurn(turn, label) {
+function renderAssistantTurn(turn, label, handlers2) {
   const action = turn.action ? label.get(turn.action) : null;
   const extra = action && turn.request.startsWith(action.request) ? turn.request.slice(action.request.length).trim() : null;
   const asked = action ? [el("strong", null, action.label), extra ? ` \u2014 ${extra}` : ""] : [turn.request];
-  const status = turn.status === "running" ? el("p", { class: "assistant__status" }, "Working\u2026") : turn.status === "failed" ? el("p", { class: "assistant__status assistant__status--bad" }, `Failed: ${turn.error}`) : turn.status === "aborted" ? el("p", { class: "assistant__status" }, `Stopped: ${turn.error}`) : null;
+  const { body, created } = turn.status === "done" ? splitCreated(turn.reply) : { body: turn.reply, created: [] };
+  const status = turn.status === "failed" ? el("p", { class: "assistant__status assistant__status--bad" }, `Failed: ${turn.error}`) : turn.status === "aborted" ? el("p", { class: "assistant__status" }, `Stopped: ${turn.error}`) : null;
   return el(
     "div",
-    { class: "assistant__turn", "data-status": turn.status },
+    { key: turn.id, class: "assistant__turn", "data-status": turn.status },
     el("p", { class: "assistant__request" }, asked),
-    turn.reply ? el("div", { class: "assistant__reply" }, renderMarkdownBlocks(turn.reply)) : null,
-    status
+    renderWork(turn),
+    body ? el("div", { class: "assistant__reply" }, renderMarkdownBlocks(body, { onCopy: (text) => handlers2.copy(text) })) : null,
+    status,
+    turn.status === "done" && (body || created.length) ? el(
+      "div",
+      { class: "assistant__after" },
+      created.map(
+        (link) => el("a", { class: "button", href: link.url, target: "_blank", rel: "noopener noreferrer", title: link.url }, `${link.label} \u2197`)
+      ),
+      body ? el("button", { type: "button", class: "button", onClick: () => handlers2.copy(body) }, "Copy reply") : null
+    ) : null
   );
 }
+function renderWork(turn) {
+  const steps = turn.steps ?? [];
+  if (turn.status === "running") {
+    return el(
+      "div",
+      { class: "assistant__work" },
+      el("p", { class: "assistant__status assistant__status--working" }, "Working \xB7 ", k(Elapsed, { since: turn.startedAt })),
+      steps.length ? renderSteps(steps) : null
+    );
+  }
+  const took = durationBetween(turn.startedAt, turn.endedAt);
+  if (!steps.length) return took ? el("p", { class: "assistant__took" }, `Answered in ${took}`) : null;
+  const failed = steps.filter((step2) => step2.state === "failed").length;
+  const summary = [
+    took ? `${turn.status === "done" ? "Worked" : "Ran"} for ${took}` : null,
+    `${steps.length} ${steps.length === 1 ? "step" : "steps"}`,
+    failed ? `${failed} failed` : null
+  ].filter(Boolean).join(" \xB7 ");
+  return el("details", { class: "assistant__work", open: turn.status === "failed" }, el("summary", null, summary), renderSteps(steps));
+}
+function renderSteps(steps) {
+  return el(
+    "ol",
+    { class: "assistant__steps" },
+    steps.map(
+      (step2, index) => step2.kind === "message" ? el("li", { key: index, class: "assistant__step assistant__step--message" }, renderMarkdown(step2.text.trim())) : el(
+        "li",
+        { key: index, class: "assistant__step", "data-state": step2.state },
+        el("span", { class: "assistant__step-text" }, step2.text),
+        step2.detail ? el("code", { class: "assistant__step-detail", title: step2.detail }, step2.detail) : null
+      )
+    )
+  );
+}
+function Elapsed({ since }) {
+  const [now, setNow] = d2(() => Date.now());
+  h2(() => {
+    const timer = setInterval(() => setNow(Date.now()), 1e3);
+    return () => clearInterval(timer);
+  }, []);
+  const start = parseDate(since)?.getTime() ?? now;
+  return el("span", { class: "assistant__clock" }, formatClock((now - start) / 1e3));
+}
+var CREATED = /^\s*(?:[-*]\s+)?Created:\s*\[([^\]]+)\]\((https?:\/\/[^\s)]+)\)\s*\.?\s*$/i;
+function splitCreated(reply) {
+  const created = [];
+  const kept = [];
+  for (const line of reply.split("\n")) {
+    const match = CREATED.exec(line);
+    if (match) created.push({ label: match[1].trim(), url: match[2] });
+    else kept.push(line);
+  }
+  return { body: created.length ? kept.join("\n").trim() : reply, created };
+}
 
 // client/settings.ts
 var VIEW_NAME = {

package/public/style.css

@@ -1735,9 +1735,9 @@ a.button {
 /*
  * ---------- the assistant ----------
  *
- * A section of the item panel, so the transcript scrolls with the panel's body
- * and the field sits at its foot. It used to be a box under the card with its own
- * scroll region; now the panel is the box.
+ * A section of the item panel, so the transcript scrolls with the panel's body;
+ * the field is pinned in the panel's foot. It used to be a box under the card
+ * with its own scroll region; now the panel is the box.
  */
 
 .assistant__turns {
@@ -1801,8 +1801,29 @@ a.button {
   border: 0;
   border-top: 1px solid var(--hairline);
 }
-.assistant__turn[data-status='running'] .assistant__reply {
-  border-left-style: dashed;
+/* A fenced block in an answer is usually meant for pasting elsewhere, so it carries a Copy. */
+.code-block {
+  position: relative;
+}
+.code-block pre {
+  padding-right: 52px;
+}
+.code-block__copy {
+  position: absolute;
+  top: 5px;
+  right: 5px;
+  padding: 1px 6px;
+  border: 1px solid var(--border);
+  border-radius: var(--radius-sm);
+  background: var(--surface);
+  color: var(--ink-3);
+  font: inherit;
+  font-size: 11px;
+  cursor: pointer;
+}
+.code-block__copy:hover {
+  color: var(--ink-1);
+  border-color: var(--ink-3);
 }
 
 .assistant__status {
@@ -1813,16 +1834,25 @@ a.button {
 .assistant__status--bad {
   color: var(--critical);
 }
-.assistant[data-running='true'] .assistant__status:not(.assistant__status--bad)::after {
+.assistant__clock {
+  font-variant-numeric: tabular-nums;
+}
+
+/* A spinner, for the turn while it works and for each call it is waiting on. */
+.assistant__status--working::after,
+.assistant__step[data-state='running']::before {
   content: '';
   display: inline-block;
-  width: 8px;
-  height: 8px;
-  margin-left: 6px;
+  box-sizing: border-box;
+  width: 9px;
+  height: 9px;
   border-radius: 50%;
   border: 1.5px solid var(--accent);
   border-top-color: transparent;
   animation: assistant-spin 0.9s linear infinite;
+}
+.assistant__status--working::after {
+  margin-left: 6px;
   vertical-align: -1px;
 }
 @keyframes assistant-spin {
@@ -1831,16 +1861,105 @@ a.button {
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .assistant[data-running='true'] .assistant__status::after {
+  .assistant__status--working::after,
+  .assistant__step[data-state='running']::before {
     animation: none;
   }
 }
 
+/*
+ * The work: each call as one muted line under the request, the newest at the
+ * foot. Folded once the turn is over, under a line that says what it took.
+ */
+.assistant__work {
+  margin-top: 4px;
+}
+.assistant__work > summary {
+  font-size: 12px;
+  color: var(--ink-3);
+  cursor: pointer;
+}
+.assistant__work > summary:hover {
+  color: var(--ink-2);
+}
+.assistant__took {
+  margin: 4px 0 0;
+  font-size: 12px;
+  color: var(--ink-3);
+}
+.assistant__steps {
+  margin: 5px 0 0;
+  padding: 0 0 0 10px;
+  border-left: 2px solid var(--hairline);
+  list-style: none;
+  font-size: 12px;
+  line-height: 1.45;
+  color: var(--ink-2);
+}
+.assistant__step {
+  display: flex;
+  align-items: baseline;
+  gap: 6px;
+  min-width: 0;
+}
+.assistant__step + .assistant__step {
+  margin-top: 3px;
+}
+.assistant__step::before {
+  flex: none;
+  width: 9px;
+  font-size: 11px;
+  text-align: center;
+}
+.assistant__step[data-state='done']::before {
+  content: '✓';
+  color: var(--good-ink);
+}
+.assistant__step[data-state='failed']::before {
+  content: '✕';
+  color: var(--critical);
+}
+.assistant__step[data-state='running']::before {
+  align-self: center;
+}
+.assistant__step-text {
+  flex: none;
+  max-width: 60%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.assistant__step-detail {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 11.5px;
+  color: var(--ink-3);
+}
+/* What it said on the way: its own words, set apart from the calls by having no mark. */
+.assistant__step--message {
+  display: block;
+  padding-left: 15px;
+  font-style: italic;
+  color: var(--ink-3);
+  white-space: pre-line;
+  overflow-wrap: anywhere;
+}
+
+/* What can be done with a finished answer, without leaving the panel. */
+.assistant__after {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  margin-top: 6px;
+}
+
 .assistant__quick {
   display: flex;
   flex-wrap: wrap;
   gap: 6px;
-  margin-bottom: 14px;
+  margin-bottom: 10px;
 }
 
 .assistant__form {
@@ -1959,6 +2078,12 @@ body[data-flyout='open'] .layout__side {
   overflow-y: auto;
   padding: 16px 16px 20px;
 }
+/* The assistant's field and its canned asks, pinned under the body that scrolls. */
+.flyout__footer {
+  flex: none;
+  padding: 12px 16px 14px;
+  border-top: 1px solid var(--hairline);
+}
 .flyout__detail {
   margin: 0 0 22px;
   font-size: 13px;