claude-discover 1.10.1 → 1.10.2

package/out/renderer/assets/{index-FM6CSRHb.js → index-BV8MRn7r.js}

@@ -1,4 +1,4 @@
-import { r as reactExports, j as jsxRuntimeExports, f as format, s as startOfWeek, a as startOfMonth, b as startOfDay, e as endOfWeek, c as endOfMonth, d as endOfDay, g as addWeeks, h as addMonths, i as addDays, k as isSameWeek, l as isSameMonth, m as isSameDay, n as intervalToDuration, o as getDaysInMonth, p as addHours, q as encode, H as Hourglass, G as Gauge, M as MessageSquare, C as Clock, Z as Zap, D as DollarSign, R as React, t as Markdown$1, u as rehypeHighlight, v as remarkGfm, w as defaultUrlTransform, T as Terminal, J as JsonView, x as vscodeTheme, y as tippy, z as reactDomExports, A as an, B as qt, Q as Qt, E as nn, F as parse, I as delegate, K as clientExports } from "./vendors-D2DMOduT.js";
+import { r as reactExports, j as jsxRuntimeExports, f as format, s as startOfWeek, a as startOfMonth, b as startOfDay, e as endOfWeek, c as endOfMonth, d as endOfDay, g as addWeeks, h as addMonths, i as addDays, k as isSameWeek, l as isSameMonth, m as isSameDay, n as intervalToDuration, o as getDaysInMonth, p as addHours, H as Hourglass, G as Gauge, M as MessageSquare, C as Clock, B as Brain, Z as Zap, D as DollarSign, q as encode, R as React, t as Markdown$1, u as rehypeHighlight, v as remarkGfm, w as defaultUrlTransform, L as LaptopMinimal, T as Terminal, x as Globe, J as JsonView, y as vscodeTheme, z as C, A as w, E as tippy, F as reactDomExports, I as ArrowDownToLine, K as an, N as qt, Q as Qt, O as nn, P as parse, S as delegate, U as clientExports } from "./vendors-CF1AEHsu.js";
 const SOURCE_COLORS = {
   scheduled: "#14b8a6",
   cli: "#3b82f6",
@@ -34,13 +34,13 @@ function useLocalStorage(key, initial) {
 }
 function clearOutdatedLocalStorage() {
   const version = localStorage.getItem(VERSION_KEY);
-  if (version !== "1.10.1") {
-    const [MAJOR, MINOR, PATCH] = "1.10.1".split(".");
+  if (version !== "1.10.2") {
+    const [MAJOR, MINOR, PATCH] = "1.10.2".split(".");
     const [major, minor, patch] = (version ?? "").split(".");
     if (MAJOR !== major || MINOR !== minor) {
       localStorage.clear();
     }
-    localStorage.setItem(VERSION_KEY, "1.10.1");
+    localStorage.setItem(VERSION_KEY, "1.10.2");
   }
 }
 function useMouseFontScale(storageKey) {
@@ -242,7 +242,7 @@ function WorkTimeOverlay({
   const [dragging, setDragging] = reactExports.useState(null);
   const [now, setNow] = reactExports.useState(() => Date.now());
   reactExports.useEffect(() => {
-    window.api.getWorkHours().then(({ work_hours: w }) => setWorkTime({ startMin: parseHM(w.start), endMin: parseHM(w.end) }));
+    window.api.getWorkHours().then(({ work_hours: w2 }) => setWorkTime({ startMin: parseHM(w2.start), endMin: parseHM(w2.end) }));
   }, []);
   reactExports.useEffect(() => {
     const id = setInterval(() => setNow(Date.now()), 6e4);
@@ -303,9 +303,9 @@ function WorkTimeOverlay({
     ] }),
     !showWorkBand && /* @__PURE__ */ jsxRuntimeExports.jsx("g", { className: "work-overlay", children: weekendSpans(viewStart, viewEnd).map(([start, end], i) => {
       const x = clamp(xForTs(start), chartLeft, chartRight);
-      const w = clamp(xForTs(end), chartLeft, chartRight) - x;
-      if (w <= 0) return null;
-      return /* @__PURE__ */ jsxRuntimeExports.jsx("rect", { className: "work-offhours-shade", x, y: 0, width: w, height: totalHeight }, i);
+      const w2 = clamp(xForTs(end), chartLeft, chartRight) - x;
+      if (w2 <= 0) return null;
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("rect", { className: "work-offhours-shade", x, y: 0, width: w2, height: totalHeight }, i);
     }) }),
     showNow && /* @__PURE__ */ jsxRuntimeExports.jsxs("g", { className: "now-line", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: xForTs(now), x2: xForTs(now), y1: 0, y2: totalHeight }),
@@ -316,8 +316,8 @@ function WorkTimeOverlay({
 const HEADER_HEIGHT = 28;
 const PROJECTS_WIDTH = 220;
 const BARS = {
-  day: { height: 22, min_width: 4, row_gap: 4, group_gap: 8, radius: 3 },
-  week: { height: 15, min_width: 3, row_gap: 3, group_gap: 4, radius: 2 },
+  day: { height: 16, min_width: 4, row_gap: 2, group_gap: 6, radius: 3 },
+  week: { height: 12, min_width: 3, row_gap: 2, group_gap: 3, radius: 2 },
   month: { height: 10, min_width: 2, row_gap: 2, group_gap: 2, radius: 1 }
 };
 const SUBAGENT_SPLIT_GAP = 5 * 6e4;
@@ -483,7 +483,8 @@ function GanttChart({
           "text",
           {
             x: 8,
-            y: g.yOffset + 14,
+            y: g.yOffset + bar.height / 2,
+            dominantBaseline: "central",
             className: `gantt-project gantt-project-clickable${projectFilter === g.key ? " gantt-project-active" : ""}`,
             onClick: (e) => {
               e.stopPropagation();
@@ -504,23 +505,23 @@ function GanttChart({
           const rawX2 = xFor(item.end);
           if (rawX2 < PROJECTS_WIDTH || rawX1 > width) return null;
           const x = Math.max(PROJECTS_WIDTH, rawX1);
-          const w = Math.max(bar.min_width, Math.min(width, rawX2) - x);
+          const w2 = Math.max(bar.min_width, Math.min(width, rawX2) - x);
           return /* @__PURE__ */ jsxRuntimeExports.jsxs(
             "g",
             {
               className: `bar ${isSelected ? "selected" : ""}`,
               onClick: () => onSelect(item.subs ? item.subs.at(-1).filePath : item.id),
               children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx("rect", { x, y, width: w, height: bar.height, rx: bar.radius, fill: color, className: "bar-fill" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("rect", { x, y, width: w2, height: bar.height, rx: bar.radius, fill: color, className: "bar-fill" }),
                 periods.slice(0, -1).map((p, i) => {
                   const gx1 = Math.max(PROJECTS_WIDTH, xFor(p.end));
                   const gx2 = Math.min(width, xFor(periods[i + 1].start));
                   if (gx2 <= gx1) return null;
                   return /* @__PURE__ */ jsxRuntimeExports.jsx("rect", { x: gx1, y, width: gx2 - gx1, height: bar.height, className: "gantt-idle" }, i);
                 }),
-                item.subs && /* @__PURE__ */ jsxRuntimeExports.jsx("rect", { x, y, width: w, height: bar.height, rx: bar.radius, fill: "url(#gantt-subagent-hatch)", opacity: 0.5, pointerEvents: "none" }),
-                item.subs && /* @__PURE__ */ jsxRuntimeExports.jsx("text", { x: x + w / 2, y: y + bar.height / 2, textAnchor: "middle", dominantBaseline: "central", className: "gantt-bar-count", children: item.subCount }),
-                isSelected && /* @__PURE__ */ jsxRuntimeExports.jsx("rect", { x, y, width: w, height: bar.height, rx: bar.radius, className: "bar-outline" }),
+                item.subs && /* @__PURE__ */ jsxRuntimeExports.jsx("rect", { x, y, width: w2, height: bar.height, rx: bar.radius, fill: "url(#gantt-subagent-hatch)", opacity: 0.5, pointerEvents: "none" }),
+                item.subs && /* @__PURE__ */ jsxRuntimeExports.jsx("text", { x: x + w2 / 2, y: y + bar.height / 2, textAnchor: "middle", dominantBaseline: "central", className: "gantt-bar-count", children: item.subCount }),
+                isSelected && /* @__PURE__ */ jsxRuntimeExports.jsx("rect", { x, y, width: w2, height: bar.height, rx: bar.radius, className: "bar-outline" }),
                 /* @__PURE__ */ jsxRuntimeExports.jsx("title", { children: `${item.subs ? `${item.subCount} subagents` : `${SOURCE_LABELS$1[item.source] || item.source} · ${item.label}`}
 ${g.key}
 ${new Date(item.start).toLocaleString()} → ${new Date(item.end).toLocaleString()}` })
@@ -590,23 +591,6 @@ function Toolbar({
   onToggleSourceFilter
 }) {
   const onToday = isSamePeriod(dayAnchor, Date.now(), granularity);
-  const [menuOpen, setMenuOpen] = reactExports.useState(false);
-  const menuRef = reactExports.useRef(null);
-  reactExports.useEffect(() => {
-    if (!menuOpen) return;
-    const onDocClick = (e) => {
-      if (menuRef.current && !menuRef.current.contains(e.target)) setMenuOpen(false);
-    };
-    const onKeyDown = (e) => {
-      if (e.key === "Escape") setMenuOpen(false);
-    };
-    document.addEventListener("mousedown", onDocClick);
-    document.addEventListener("keydown", onKeyDown);
-    return () => {
-      document.removeEventListener("mousedown", onDocClick);
-      document.removeEventListener("keydown", onKeyDown);
-    };
-  }, [menuOpen]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "gantt-toolbar", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "gantt-legend", children: (availableSources ?? []).slice().sort((a, b) => {
       const ia = SOURCE_ORDER.indexOf(a), ib = SOURCE_ORDER.indexOf(b);
@@ -621,38 +605,7 @@ function Toolbar({
     }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "gantt-toolbar-nav", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "gantt-nav-arrow", onClick: () => onShiftDay?.(-1), title: "Previous period", "aria-label": "Previous period", children: "‹" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "gantt-period", ref: menuRef, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "button",
-          {
-            type: "button",
-            className: "gantt-toolbar-title",
-            onClick: () => setMenuOpen((o) => !o),
-            "aria-haspopup": "listbox",
-            "aria-expanded": menuOpen,
-            title: "Change period granularity",
-            children: [
-              periodTitle(dayAnchor, granularity),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "gantt-granularity-caret", children: "▾" })
-            ]
-          }
-        ),
-        menuOpen && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "gantt-granularity-menu", role: "listbox", children: GRANULARITIES.map(({ key, label }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            type: "button",
-            role: "option",
-            "aria-selected": granularity === key,
-            className: `gantt-granularity-option${granularity === key ? " active" : ""}`,
-            onClick: () => {
-              onSetGranularity?.(key);
-              setMenuOpen(false);
-            },
-            children: label
-          },
-          key
-        )) })
-      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "gantt-toolbar-title", children: periodTitle(dayAnchor, granularity) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "button",
         {
@@ -674,7 +627,18 @@ function Toolbar({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", {})
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "gantt-granularity", role: "tablist", children: GRANULARITIES.map(({ key, label }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        type: "button",
+        role: "tab",
+        "aria-selected": granularity === key,
+        className: granularity === key ? "active" : "",
+        onClick: () => onSetGranularity?.(key),
+        children: label
+      },
+      key
+    )) })
   ] });
 }
 function fmtDuration(ms) {
@@ -691,12 +655,6 @@ function fmtAgo(date) {
   if (min < 24 * 60) return `${Math.floor(min / 60)}h ago`;
   return `${Math.floor(min / (24 * 60))}d ago`;
 }
-function fmtBytes(n) {
-  if (n == null) return "—";
-  if (n < 1024) return `${n} B`;
-  if (n < 1024 * 1024) return `${(n / 1024).toFixed(1)} KB`;
-  return `${(n / 1024 / 1024).toFixed(2)} MB`;
-}
 function fmtNum(n) {
   if (n == null) return "—";
   return n.toLocaleString();
@@ -869,175 +827,13 @@ function PeriodSummary({ sessions, dayAnchor, granularity = "day" }) {
 }
 const HOUR = 60 * 60 * 1e3;
 const THRESHOLDS = {
-  context: { warn: 1e5, danger: 2e5 },
+  context: { warn: 1e5, danger: 25e4 },
   messages: { warn: 250, danger: 500 },
   workTime: { warn: 0.5 * HOUR, danger: 2 * HOUR },
   cost: { warn: 3, danger: 8 },
   tokens: { warn: 3e6, danger: 8e6 }
 };
-const countTokens = (text, model = "") => {
-  if (!text) return 0;
-  const LEGACY_CLAUDE = /-(3|4)(-|$)/;
-  const scale = LEGACY_CLAUDE.test(model) ? 1.13 : 1.5;
-  return Math.round(encode(text).length * scale);
-};
-const queuedPrompt = (it) => it.type === "attachment" && it.attachment?.type === "queued_command" && it.attachment.commandMode === "prompt" && (it.attachment.origin?.kind ?? "human") === "human" && it.attachment.prompt?.trim() ? it.attachment.prompt : null;
-function flatten(items, instructions = []) {
-  const turns = [];
-  const results = {};
-  const companions = {};
-  for (const it of items) {
-    const queued = queuedPrompt(it);
-    if (queued) {
-      turns.push({
-        uuid: it.uuid,
-        role: "user",
-        isMeta: false,
-        queued: true,
-        ts: it.timestamp ? Date.parse(it.timestamp) : null,
-        model: null,
-        msgId: null,
-        usage: null,
-        tokenDelta: it._tokenDelta ?? null,
-        tokenTotal: it._tokenTotal ?? null,
-        blocks: [{ type: "text", text: queued }]
-      });
-      continue;
-    }
-    if (it.type === "attachment" && it.attachment) {
-      if (it.attachment.type === "structured_output" && it.attachment.toolUseID) continue;
-      const block = { type: "attachment", attachment: it.attachment };
-      const last = turns[turns.length - 1];
-      if (last && last.isMeta && last.blocks.every((b) => b.type === "attachment")) {
-        last.blocks.push(block);
-        if (it._tokenDelta != null) last.tokenDelta = (last.tokenDelta ?? 0) + it._tokenDelta;
-        if (it._tokenTotal != null) last.tokenTotal = it._tokenTotal;
-      } else {
-        turns.push({
-          uuid: it.uuid,
-          role: last?.role === "assistant" || last?.role === "tool" ? "assistant" : "user",
-          isMeta: true,
-          ts: it.timestamp ? Date.parse(it.timestamp) : null,
-          model: null,
-          usage: null,
-          tokenDelta: it._tokenDelta ?? null,
-          tokenTotal: it._tokenTotal ?? null,
-          blocks: [block]
-        });
-      }
-      continue;
-    }
-    if (it.type === "result" && it.key && it.agentId) {
-      const text = typeof it.result === "string" ? it.result : "```json\n" + JSON.stringify(it.result, null, 2) + "\n```";
-      turns.push({
-        uuid: `wf-${it.agentId}`,
-        role: "assistant",
-        isMeta: false,
-        ts: null,
-        model: null,
-        usage: null,
-        tokenDelta: null,
-        tokenTotal: null,
-        blocks: [{ type: "text", text: `**agent ${it.agentId}**
-
-${text}` }]
-      });
-      continue;
-    }
-    if (it.turnCompanion && it.sourceToolUseID) {
-      companions[it.sourceToolUseID] = companionText(it);
-      continue;
-    }
-    const command = it.turnCompanion && turns.findLast((t) => t.uuid === it.parentUuid);
-    if (command) {
-      const name = command.blocks.map((b) => parseCommand(b.text)?.name).find(Boolean)?.replace(/^\//, "");
-      command.blocks.push({ type: "skill", name, text: companionText(it) });
-      continue;
-    }
-    if (it.type !== "user" && it.type !== "assistant") continue;
-    const msg = it.message || {};
-    const blocks = collapseRedactedThinking(normalizeContent(msg.content));
-    if (blocks.length === 0) continue;
-    for (const b of blocks) {
-      if (b.type === "tool_result" && b.tool_use_id) results[b.tool_use_id] = b;
-    }
-    const role = it.type === "user" && blocks.every((b) => b.type === "tool_result") ? "tool" : it.type;
-    turns.push({
-      uuid: it.uuid,
-      role,
-      isMeta: !!it.isMeta,
-      ts: it.timestamp ? Date.parse(it.timestamp) : null,
-      model: msg.model || null,
-      msgId: msg.id || null,
-      usage: msg.usage || null,
-      tokenDelta: it._tokenDelta ?? null,
-      tokenTotal: it._tokenTotal ?? null,
-      blocks
-    });
-  }
-  for (const t of turns) {
-    t.blocks = t.blocks.map((b) => b.type === "tool_use" ? { ...b, result: withCompanion(results[b.id], companions[b.id]) } : b).filter((b) => !(b.type === "tool_result" && results[b.tool_use_id]));
-  }
-  const out = turns.filter((t) => t.blocks.length > 0);
-  if (instructions.length) {
-    const first = instructions.find((it) => it.timestamp);
-    const turn = {
-      uuid: "instructions",
-      role: "instruction",
-      isMeta: true,
-      ts: first ? Date.parse(first.timestamp) - 500 : null,
-      model: null,
-      usage: null,
-      tokenDelta: null,
-      tokenTotal: null,
-      blocks: instructions.map((it) => ({ type: "instruction", it }))
-    };
-    const i = out.findIndex((t) => t.ts != null && t.ts > turn.ts);
-    i === -1 ? out.push(turn) : out.splice(i, 0, turn);
-  }
-  return out;
-}
-const currentModel = (turns) => turns.findLast((t) => t.model && t.model !== "<synthetic>")?.model;
-const SMALL_CONTEXT = /* @__PURE__ */ new Set([
-  "claude-3-opus",
-  "claude-3-sonnet",
-  "claude-3-haiku",
-  "claude-3-5-sonnet",
-  "claude-3-5-haiku",
-  "claude-3-7-sonnet",
-  "claude-haiku-4-5",
-  "claude-opus-4",
-  "claude-opus-4-1",
-  "claude-opus-4-5",
-  "claude-opus-4-6",
-  "claude-sonnet-4",
-  "claude-sonnet-4-5",
-  "claude-sonnet-4-6"
-]);
-function contextWindow(models = []) {
-  const is200k = (model) => SMALL_CONTEXT.has(model.replace(/[-@]\d{8}.*$/, ""));
-  return models.some((m) => m && !is200k(m)) ? 1e6 : 2e5;
-}
-function collapseRedactedThinking(blocks) {
-  const out = [];
-  for (const b of blocks) {
-    if (!(b.type === "thinking" && !b.thinking?.trim())) {
-      out.push(b);
-      continue;
-    }
-    const last = out[out.length - 1];
-    if (last?.redacted) last.redacted++;
-    else out.push({ type: "thinking", redacted: 1 });
-  }
-  return out;
-}
-const companionText = (it) => normalizeContent(it.message?.content).filter((b) => b.type === "text").map((b) => b.text).join("\n");
-const withCompanion = (result, text) => text ? { ...result ?? { type: "tool_result" }, content: [...normalizeContent(result?.content), { type: "text", text }] } : result;
-function normalizeContent(content) {
-  if (typeof content === "string") return [{ type: "text", text: content }];
-  if (!Array.isArray(content)) return [];
-  return content.map((b) => typeof b === "string" ? { type: "text", text: b } : b);
-}
+const humanize = (type) => type.replace(/_/g, " ").replace(/^./, (c) => c.toUpperCase());
 const clip = (s, n = 100) => {
   s = String(s).replace(/\s+/g, " ").trim();
   return s.length > n ? s.slice(0, n - 1) + "…" : s;
@@ -1080,6 +876,11 @@ function parseCommand(text) {
     caveat: field("local-command-caveat")
   };
 }
+function persistedOutput(text) {
+  if (typeof text !== "string" || !text.trimStart().startsWith("<persisted-output>")) return null;
+  const saved = text.match(/Full output saved to: (.+)/)?.[1].trim();
+  return saved ? { path: saved, href: saved.split(/[\\/]/).slice(-3).map(encodeURIComponent).join("/") } : null;
+}
 const SOURCE_LABELS = { system: "system prompt", tools: "tools", message: "user message" };
 function groupInstructions(strips) {
   return Object.entries(SOURCE_LABELS).map(([source, label]) => [label, strips.filter((it) => it.source === source)]).filter(([, list]) => list.length);
@@ -1088,86 +889,18 @@ function instructionTitle(it, model) {
   const parts = [it.memory_type, it.model && it.model !== model && it.model].filter(Boolean).join(", ");
   return parts ? `${it.name ?? it.file_path} (${parts})` : it.name ?? it.file_path;
 }
-const isContextTurn = (t) => t.isMeta && t.blocks.every((b) => b.type === "attachment");
-function groupTurns(turns) {
-  const groups = [];
-  let cycle = null;
-  let pending = [];
-  const flush = () => {
-    if (cycle) {
-      groups.push(cycle);
-      cycle = null;
-    }
-  };
-  for (const t of turns) {
-    if (isContextTurn(t) && !cycle) {
-      if (groups.at(-1)?.kind === "user") groups.at(-1).turns.push(t);
-      else pending.push(t);
-    } else if (t.role === "instruction") {
-      flush();
-      groups.push({ kind: "instruction", turns: [t] });
-    } else if (t.role === "user") {
-      flush();
-      groups.push({ kind: "user", turns: [...pending, t] });
-      pending = [];
-    } else {
-      cycle ??= { kind: "assistant", turns: pending.splice(0) };
-      cycle.turns.push(t);
-      if (t.blocks.some((b) => b.type === "text")) flush();
-    }
-  }
-  flush();
-  if (pending.length) groups.push({ kind: "user", turns: pending });
-  return groups;
-}
-function cycleDurations(groups) {
-  let prevEnd = null;
-  return groups.map((g) => {
-    const tss = g.turns.map((t) => t.ts).filter((ts) => ts != null);
-    const end = tss.length ? tss[tss.length - 1] : null;
-    const duration2 = g.kind === "assistant" && end != null && prevEnd != null ? end - prevEnd : null;
-    if (end != null) prevEnd = end;
-    return duration2;
-  });
-}
-function tokenPoints(groups) {
-  let prev = 0;
-  return groups.map((g) => {
-    const turns = g.turns;
-    let total = null, ctx = null;
-    const byMsg = /* @__PURE__ */ new Map();
-    for (const t of turns) {
-      if (t.tokenTotal != null) total = t.tokenTotal;
-      const u = t.usage;
-      if (u) {
-        ctx = (u.input_tokens || 0) + (u.cache_read_input_tokens || 0) + (u.cache_creation_input_tokens || 0);
-        byMsg.set(t.msgId ?? t.uuid, u);
-      }
-    }
-    let usage = null;
-    for (const u of byMsg.values()) {
-      usage ??= { input: 0, output: 0, cacheRead: 0, cacheCreation: 0, cacheCreation5m: 0, cacheCreation1h: 0 };
-      usage.input += u.input_tokens || 0;
-      usage.output += u.output_tokens || 0;
-      usage.cacheRead += u.cache_read_input_tokens || 0;
-      usage.cacheCreation += u.cache_creation_input_tokens || 0;
-      usage.cacheCreation5m += u.cache_creation?.ephemeral_5m_input_tokens || 0;
-      usage.cacheCreation1h += u.cache_creation?.ephemeral_1h_input_tokens || 0;
-    }
-    if (total == null || total <= prev) return null;
-    const delta = total - prev;
-    prev = total;
-    if (ctx == null && g.kind !== "assistant") ctx = delta;
-    const ts = turns.find((t) => t.ts != null)?.ts ?? null;
-    return { delta, total, ts, ctx, usage, role: g.kind === "assistant" ? "assistant" : turns[0].role };
-  });
+function compactTitle({ trigger, preTokens }) {
+  const detail = [trigger, preTokens && `${fmtCompact(preTokens)} tokens before`].filter(Boolean).join(" · ");
+  return detail ? `Conversation compacted (${detail})` : "Conversation compacted";
 }
 const TIPS = {
   cache1h: "Billed 2× — prefer the default 5m cache",
   context: `Consider keeping it below ${fmtCompact(THRESHOLDS.context.warn)} tokens`,
   messages: `Consider sessions below ${fmtCompact(THRESHOLDS.messages.warn)} messages`,
-  time: `Consider sessions under ${THRESHOLDS.workTime.warn / 6e4}m`
+  time: `Consider sessions under ${THRESHOLDS.workTime.warn / 6e4}m`,
+  effort: "Thinks longer and spends more output tokens than high"
 };
+const EFFORT_BADGE = { xhigh: "warn-badge", max: "danger-badge" };
 function SessionList({ sessions, selectedId, deepLink, onSelect }) {
   const selectedRef = reactExports.useRef(null);
   const [sortBy, setSortBy] = useLocalStorage("session-list.sort", "time");
@@ -1248,6 +981,7 @@ function SessionList({ sessions, selectedId, deepLink, onSelect }) {
         const linkTip = linked && `Opened from deep link
 claude-discover://session?id=${deepLink.id}${deepLink.date ? `&date=${deepLink.date}` : ""}`;
         const command = labelCommand(s);
+        const topEffort = ["max", "xhigh"].find((e) => s.efforts?.includes(e));
         const sessionName = s.customTitle && s.agentName && s.customTitle !== s.agentName ? `${s.customTitle} [${s.agentName}]` : s.customTitle || s.agentName || "";
         return /* @__PURE__ */ jsxRuntimeExports.jsxs(
           "div",
@@ -1273,6 +1007,8 @@ ${TIPS.messages}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MessageSquare
 ${TIPS.time}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Clock, { size: 11 }) }),
                   s.activeMs > THRESHOLDS.workTime.warn && s.activeMs <= THRESHOLDS.workTime.danger && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "warn-badge", title: `Working time: ${fmtDuration(s.activeMs)}
 ${TIPS.time}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Clock, { size: 11 }) }),
+                  topEffort && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: EFFORT_BADGE[topEffort], title: `Effort: ${topEffort}
+${TIPS.effort}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Brain, { size: 11 }) }),
                   s.speed === "fast" && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `fast-badge ${s.fastPricingUnknown ? "fast-badge-unknown" : ""}`, title: s.fastPricingUnknown ? "Used fast mode — cost is INACCURATE: no fast-mode price multiplier known for this model" : "Used fast mode (speed: fast)", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Zap, { size: 11 }) }),
                   s.priceUnknown && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "danger-badge", title: `No price entry for ${s.models?.join(", ") || "this model"} — cost is missing or understated`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(DollarSign, { size: 11 }) }),
                   isSubagent && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "subagent-tag", children: "[subagent]" }),
@@ -1302,7 +1038,10 @@ ${TIPS.time}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Clock, { size: 11
                     s.tag
                   ] }),
                   s.project && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "session-project", title: s.project, children: s.projectShort }),
-                  s.models?.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "session-model", children: s.models.map((m) => m.replace(/^claude-/, "")).join(", ") }),
+                  s.models?.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "session-model", children: [
+                    s.models.map((m) => m.replace(/^claude-/, "")).join(", "),
+                    s.efforts?.length > 0 && ` ${s.efforts.join(", ")}`
+                  ] }),
                   /* @__PURE__ */ jsxRuntimeExports.jsx("span", { title: format(s.lastActivityAt, "MMM d, HH:mm:ss"), children: fmtAgo(s.lastActivityAt) }),
                   linked && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "deeplink-note", "data-tippy-content": linkTip, "data-tippy-maxWidth": 560, children: "opened from deep link" })
                 ] })
@@ -1319,6 +1058,317 @@ ${TIPS.time}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Clock, { size: 11
     ] })
   ] });
 }
+const countTokens = (text, model = "") => {
+  if (!text) return 0;
+  const LEGACY_CLAUDE = /-(3|4)(-|$)/;
+  const scale = LEGACY_CLAUDE.test(model) ? 1.13 : 1.5;
+  return Math.round(encode(text).length * scale);
+};
+const queuedPrompt = (it) => it.type === "attachment" && it.attachment?.type === "queued_command" && it.attachment.commandMode === "prompt" && (it.attachment.origin?.kind ?? "human") === "human" && it.attachment.prompt?.trim() ? it.attachment.prompt : null;
+const USER_ATTACHMENTS = /* @__PURE__ */ new Set(["opened_file_in_ide", "selected_lines_in_ide", "selected_lines_in_diff", "file", "already_read_file"]);
+function speaker(it, blocks = []) {
+  if (it.type === "attachment") return USER_ATTACHMENTS.has(it.attachment.type) ? "user" : "system";
+  if (it.type === "assistant") return it.message?.model === "<synthetic>" ? "system" : "assistant";
+  return it.isMeta && !blocks.some((b) => parseCommand(b.text)?.name) ? "system" : "user";
+}
+const ENVELOPE = /* @__PURE__ */ new Set(["type", "subtype", "level", "content", "uuid", "parentUuid", "logicalParentUuid", "isSidechain", "isMeta", "userType", "entrypoint", "cwd", "sessionId", "session_id", "version", "gitBranch", "slug", "timestamp"]);
+function systemNote(it) {
+  if (it.subtype === "turn_duration") return null;
+  const title = humanize(String(it.subtype)).replace(/^Api\b/, "API");
+  const payload = Object.fromEntries(Object.entries(it).filter(([k]) => !ENVELOPE.has(k)));
+  const body = it.content || (Object.keys(payload).length ? JSON.stringify(payload, null, 2) : null);
+  return { title, body, level: ["warning", "error"].includes(it.level) ? it.level : null };
+}
+const changed = (state, key, value) => {
+  const prev = state[key];
+  state[key] = value;
+  return prev && prev !== value;
+};
+function stateNote(it, state) {
+  if (it.type === "permission-mode") {
+    return changed(state, "mode", it.permissionMode) ? { title: `Permission mode → ${it.permissionMode}`, kind: "mode" } : null;
+  }
+  if ((it.type === "user" || it.type === "assistant") && it.cwd) {
+    return changed(state, "cwd", it.cwd) ? { title: `Working directory → ${it.cwd}` } : null;
+  }
+  if (it.type === "frame-link" && it.frameUrl && !state.artifacts.has(it.frameUrl)) {
+    state.artifacts.add(it.frameUrl);
+    return { title: `Artifact: ${it.title || it.frameUrl}`, url: it.frameUrl };
+  }
+  return null;
+}
+const metaTurn = (it, role, blocks, uuid = it.uuid) => ({
+  uuid,
+  role,
+  ts: it.timestamp ? Date.parse(it.timestamp) : null,
+  model: null,
+  usage: null,
+  tokenDelta: null,
+  tokenTotal: null,
+  blocks
+});
+const noteTurn = (it, note, uuid) => metaTurn(it, "system", [{ type: "system", ...note }], uuid);
+function flatten(items, instructions = []) {
+  const turns = [];
+  const results = {};
+  const companions = {};
+  const compactions = {};
+  const state = { mode: null, cwd: null, artifacts: /* @__PURE__ */ new Set() };
+  for (let it of items) {
+    if (it._relogged) continue;
+    const change = stateNote(it, state);
+    if (change) turns.push(noteTurn(it, change, `state-${turns.length}`));
+    if (it.subtype === "compact_boundary" || it.isCompactSummary) {
+      const key = it.isCompactSummary ? it.parentUuid ?? it.uuid : it.uuid;
+      let turn = compactions[key];
+      if (!turn) turns.push(turn = compactions[key] = metaTurn(it, "compact", [{ type: "compact" }]));
+      if (it.isCompactSummary) {
+        turn.blocks[0].summary = messageText(it);
+        turn.tokenDelta = it._tokenDelta ?? null;
+        turn.tokenTotal = it._tokenTotal ?? null;
+      } else {
+        turn.blocks[0].trigger = it.compactMetadata?.trigger;
+        turn.blocks[0].preTokens = it.compactMetadata?.preTokens;
+      }
+      continue;
+    }
+    const cmd = it.type === "system" && it.subtype === "local_command" && parseCommand(it.content);
+    if (cmd) {
+      if (!cmd.name && !cmd.stdout) continue;
+      it = { ...it, type: "user", isMeta: true, message: { role: "user", content: it.content } };
+    } else if (it.type === "system") {
+      const note = systemNote(it);
+      if (note) turns.push(noteTurn(it, note));
+      continue;
+    }
+    const queued = queuedPrompt(it);
+    if (queued) {
+      turns.push({
+        uuid: it.uuid,
+        role: "user",
+        queued: true,
+        ts: it.timestamp ? Date.parse(it.timestamp) : null,
+        model: null,
+        msgId: null,
+        usage: null,
+        tokenDelta: it._tokenDelta ?? null,
+        tokenTotal: it._tokenTotal ?? null,
+        blocks: [{ type: "text", text: queued }]
+      });
+      continue;
+    }
+    if (it.type === "attachment" && it.attachment) {
+      if (it.attachment.type === "structured_output" && it.attachment.toolUseID) continue;
+      const block = { type: "attachment", attachment: it.attachment };
+      const role2 = speaker(it);
+      const last = turns[turns.length - 1];
+      if (last && isContextTurn(last) && last.role === role2) {
+        last.blocks.push(block);
+        if (it._tokenDelta != null) last.tokenDelta = (last.tokenDelta ?? 0) + it._tokenDelta;
+        if (it._tokenTotal != null) last.tokenTotal = it._tokenTotal;
+      } else {
+        turns.push({ ...metaTurn(it, role2, [block]), tokenDelta: it._tokenDelta ?? null, tokenTotal: it._tokenTotal ?? null });
+      }
+      continue;
+    }
+    if (it.type === "result" && it.key && it.agentId) {
+      const text = typeof it.result === "string" ? it.result : "```json\n" + JSON.stringify(it.result, null, 2) + "\n```";
+      turns.push({
+        uuid: `wf-${it.agentId}`,
+        role: "assistant",
+        ts: null,
+        model: null,
+        usage: null,
+        tokenDelta: null,
+        tokenTotal: null,
+        blocks: [{ type: "text", text: `**agent ${it.agentId}**
+
+${text}` }]
+      });
+      continue;
+    }
+    if (it.turnCompanion && it.sourceToolUseID) {
+      companions[it.sourceToolUseID] = messageText(it);
+      continue;
+    }
+    const command = it.turnCompanion && turns.findLast((t) => t.uuid === it.parentUuid);
+    const name = command && command.blocks.map((b) => parseCommand(b.text)?.name).find(Boolean)?.replace(/^\//, "");
+    if (name) {
+      command.blocks.push({ type: "skill", name, text: messageText(it) });
+      continue;
+    }
+    if (it.type !== "user" && it.type !== "assistant") continue;
+    const msg = it.message || {};
+    const blocks = collapseRedactedThinking(normalizeContent(msg.content));
+    if (blocks.length === 0) continue;
+    const role = it.type === "user" && blocks.every((b) => b.type === "tool_result") ? "tool" : speaker(it, blocks);
+    if (it.type === "assistant" && role === "system") {
+      turns.push(noteTurn(it, { title: messageText(it), level: it.isApiErrorMessage ? "error" : null }));
+      continue;
+    }
+    for (const b of blocks) {
+      if (b.type === "tool_result" && b.tool_use_id) results[b.tool_use_id] = b;
+    }
+    turns.push({
+      uuid: it.uuid,
+      role,
+      // System prompting Claude itself (e.g. "Continue from where you left off.") — companions only annotate the turn before
+      prompt: role === "system" && !it.turnCompanion,
+      ts: it.timestamp ? Date.parse(it.timestamp) : null,
+      model: msg.model || null,
+      msgId: msg.id || null,
+      usage: msg.usage || null,
+      tokenDelta: it._tokenDelta ?? null,
+      tokenTotal: it._tokenTotal ?? null,
+      blocks
+    });
+  }
+  const calls = new Set(turns.flatMap((t) => t.blocks.filter((b) => b.type === "tool_use").map((b) => b.id)));
+  for (const t of turns) {
+    t.blocks = t.blocks.map((b) => b.type === "tool_use" ? { ...b, result: withCompanion(results[b.id], companions[b.id]) } : b).filter((b) => !(b.type === "tool_result" && calls.has(b.tool_use_id)));
+  }
+  const out = turns.filter((t) => t.blocks.length > 0);
+  if (instructions.length) {
+    const first = instructions.find((it) => it.timestamp);
+    const turn = {
+      uuid: "instructions",
+      role: "instruction",
+      ts: first ? Date.parse(first.timestamp) - 500 : null,
+      model: null,
+      usage: null,
+      tokenDelta: null,
+      tokenTotal: null,
+      blocks: instructions.map((it) => ({ type: "instruction", it }))
+    };
+    const i = out.findIndex((t) => t.ts != null && t.ts > turn.ts);
+    i === -1 ? out.push(turn) : out.splice(i, 0, turn);
+  }
+  return out;
+}
+const currentModel = (turns) => turns.findLast((t) => t.model && t.model !== "<synthetic>")?.model;
+const SMALL_CONTEXT = /* @__PURE__ */ new Set([
+  "claude-3-opus",
+  "claude-3-sonnet",
+  "claude-3-haiku",
+  "claude-3-5-sonnet",
+  "claude-3-5-haiku",
+  "claude-3-7-sonnet",
+  "claude-haiku-4-5",
+  "claude-opus-4",
+  "claude-opus-4-1",
+  "claude-opus-4-5",
+  "claude-opus-4-6",
+  "claude-sonnet-4",
+  "claude-sonnet-4-5",
+  "claude-sonnet-4-6"
+]);
+function contextWindow(models = []) {
+  const is200k = (model) => SMALL_CONTEXT.has(model.replace(/[-@]\d{8}.*$/, ""));
+  return models.some((m) => m && !is200k(m)) ? 1e6 : 2e5;
+}
+function collapseRedactedThinking(blocks) {
+  const out = [];
+  for (const b of blocks) {
+    if (!(b.type === "thinking" && !b.thinking?.trim())) {
+      out.push(b);
+      continue;
+    }
+    const last = out[out.length - 1];
+    if (last?.redacted) last.redacted++;
+    else out.push({ type: "thinking", redacted: 1 });
+  }
+  return out;
+}
+const messageText = (it) => normalizeContent(it.message?.content).filter((b) => b.type === "text").map((b) => b.text).join("\n");
+const withCompanion = (result, text) => text ? { ...result ?? { type: "tool_result" }, content: [...normalizeContent(result?.content), { type: "text", text }] } : result;
+function normalizeContent(content) {
+  if (typeof content === "string") return [{ type: "text", text: content }];
+  if (!Array.isArray(content)) return [];
+  return content.map((b) => typeof b === "string" ? { type: "text", text: b } : b);
+}
+const isContextTurn = (t) => t.blocks.every((b) => b.type === "attachment");
+function groupTurns(turns) {
+  const groups = [];
+  let cycle = null;
+  let pending = [];
+  const flush = () => {
+    if (cycle) {
+      groups.push(cycle);
+      cycle = null;
+    }
+  };
+  for (const t of turns) {
+    if (t.role === "system" && (!cycle || t.prompt)) {
+      flush();
+      if (groups.at(-1)?.kind === "system") groups.at(-1).turns.push(t);
+      else groups.push({ kind: "system", turns: [t] });
+    } else if (isContextTurn(t) && !cycle) {
+      const above = groups.findLast((g) => g.kind !== "system");
+      if (above?.kind === "user") above.turns.push(t);
+      else pending.push(t);
+    } else if (t.role === "instruction" || t.role === "compact") {
+      flush();
+      groups.push({ kind: t.role, turns: [t] });
+    } else if (t.role === "user") {
+      flush();
+      groups.push({ kind: "user", turns: [...pending, t] });
+      pending = [];
+    } else {
+      cycle ??= { kind: "assistant", turns: pending.splice(0) };
+      cycle.turns.push(t);
+      if (t.role === "assistant" && t.blocks.some((b) => b.type === "text")) flush();
+    }
+  }
+  flush();
+  if (pending.length) groups.push({ kind: "user", turns: pending });
+  return groups;
+}
+function cycleDurations(groups) {
+  let prevEnd = null;
+  return groups.map((g) => {
+    const tss = g.turns.map((t) => t.ts).filter((ts) => ts != null);
+    const end = tss.length ? tss[tss.length - 1] : null;
+    const duration2 = g.kind === "assistant" && end != null && prevEnd != null ? end - prevEnd : null;
+    if (end != null) prevEnd = end;
+    return duration2;
+  });
+}
+function tokenPoints(groups) {
+  let prev = 0;
+  return groups.map((g) => {
+    const turns = g.turns;
+    let total = null, ctx = null;
+    const byMsg = /* @__PURE__ */ new Map();
+    for (const t of turns) {
+      if (t.tokenTotal != null) total = t.tokenTotal;
+      const u = t.usage;
+      if (u) {
+        ctx = (u.input_tokens || 0) + (u.cache_read_input_tokens || 0) + (u.cache_creation_input_tokens || 0);
+        byMsg.set(t.msgId ?? t.uuid, u);
+      }
+    }
+    let usage = null;
+    for (const u of byMsg.values()) {
+      usage ??= { input: 0, output: 0, cacheRead: 0, cacheCreation: 0, cacheCreation5m: 0, cacheCreation1h: 0 };
+      usage.input += u.input_tokens || 0;
+      usage.output += u.output_tokens || 0;
+      usage.cacheRead += u.cache_read_input_tokens || 0;
+      usage.cacheCreation += u.cache_creation_input_tokens || 0;
+      usage.cacheCreation5m += u.cache_creation?.ephemeral_5m_input_tokens || 0;
+      usage.cacheCreation1h += u.cache_creation?.ephemeral_1h_input_tokens || 0;
+    }
+    if (total == null || total <= prev) return null;
+    const delta = total - prev;
+    prev = total;
+    if (ctx == null && g.kind !== "assistant") ctx = delta;
+    const ts = turns.find((t) => t.ts != null)?.ts ?? null;
+    return { delta, total, ts, ctx, usage, role: g.kind };
+  });
+}
+function Divider({ children, onClick, title, className = "" }) {
+  const Tag = onClick ? "button" : "div";
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Tag, { type: onClick ? "button" : void 0, className: `divider ${className}`, onClick, title, children });
+}
 function LazyMount({ children, eager = false, forceMount = false, placeholderMinHeight = 120, rootRef = null, style, ...rest }) {
   const ref = reactExports.useRef(null);
   const [mounted, setMounted] = reactExports.useState(eager);
@@ -1410,6 +1460,14 @@ function splitMarkdown(text, size = 1e4) {
   if (buf.length) chunks.push(buf.join("\n"));
   return chunks;
 }
+function OpenLink({ href, basePath = null, children, ...props }) {
+  const onClick = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    void window.api.openLink(href, basePath);
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href, onClick, ...props, children });
+}
 let active = false;
 const listeners = /* @__PURE__ */ new Set();
 const setActive = (v) => {
@@ -1436,12 +1494,7 @@ function buildLinkComponents(basePath) {
     a: ({ href, children, ...props }) => {
       const clickable = href && (isExternal(href) || basePath);
       if (!clickable) return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children });
-      const onClick = (e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        void window.api.openLink(href, basePath);
-      };
-      return /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href, onClick, ...props, children });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(OpenLink, { href, basePath, ...props, children });
     }
   };
 }
@@ -1458,6 +1511,7 @@ function Markdown({ text, basePath = null, autoFence = false, className = "", ..
 }
 const claudeIcon = "" + new URL("claude-icon-BqihzN4C.svg", import.meta.url).href;
 const ExpandAllContext = React.createContext(null);
+const TranscriptFileContext = React.createContext(null);
 function useCollapsed(defaultOpen) {
   const [open, setOpen] = reactExports.useState(defaultOpen);
   const expandAll = reactExports.useContext(ExpandAllContext);
@@ -1467,7 +1521,8 @@ function useCollapsed(defaultOpen) {
   return [open, setOpen];
 }
 const isCommandTurn = (t) => t.blocks.some((b) => b.type === "text" && parseCommand(b.text)?.name);
-function ConversationView({ items, instructions = [], expandAll = null }) {
+const isClearTurn = (t) => t.blocks.some((b) => b.type === "text" && parseCommand(b.text)?.name === "/clear");
+function ConversationView({ items, instructions = [], filePath = null, expandAll = null, continuesFrom = null, continuesTo = null, onShowPeriodOf }) {
   const turns = reactExports.useMemo(() => flatten(items, instructions), [items, instructions]);
   const groups = reactExports.useMemo(() => groupTurns(turns), [turns]);
   const points = reactExports.useMemo(() => tokenPoints(groups), [groups]);
@@ -1477,10 +1532,44 @@ function ConversationView({ items, instructions = [], expandAll = null }) {
   const model = currentModel(turns);
   const ctxLimit = contextWindow([model]);
   const hasTimeline = points.some(Boolean);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ExpandAllContext.Provider, { value: expandAll, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: zoomRef, className: `conversation${hasTimeline ? " has-token-timeline" : ""}`, style: { "--font-scale": scale }, children: groups.map((g, i) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `conv-row conv-row-${g.kind}`, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(LazyMount, { eager: i < 8, forceMount: findOpen, placeholderMinHeight: 80, children: g.kind === "user" ? /* @__PURE__ */ jsxRuntimeExports.jsx(UserRow, { turns: g.turns, point: points[i], ctxLimit }) : g.kind === "assistant" ? /* @__PURE__ */ jsxRuntimeExports.jsx(AssistantCard, { turns: g.turns, point: points[i], ctxLimit, duration: durations[i], showAuthor: groups[i - 1]?.kind !== "assistant" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(InstructionRun, { turns: g.turns, model }) }),
-    points[i] ? /* @__PURE__ */ jsxRuntimeExports.jsx(TokenPoint, { point: points[i] }) : hasTimeline && g.kind === "user" && g.turns.some(isCommandTurn) && /* @__PURE__ */ jsxRuntimeExports.jsx(TokenPoint, { point: { role: "command", delta: 0 } })
-  ] }, g.turns[0].uuid)) }) });
+  const branch = branchPoint(items, groups);
+  const branchDivider = branch && /* @__PURE__ */ jsxRuntimeExports.jsxs(Divider, { className: "conv-divider", title: branch.from, children: [
+    "Branched from session ",
+    branch.from.slice(0, 8)
+  ] });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ExpandAllContext.Provider, { value: expandAll, children: /* @__PURE__ */ jsxRuntimeExports.jsx(TranscriptFileContext.Provider, { value: filePath, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: zoomRef, className: `conversation${hasTimeline ? " has-token-timeline" : ""}`, style: { "--font-scale": scale }, children: [
+    continuesFrom != null && /* @__PURE__ */ jsxRuntimeExports.jsxs(Divider, { className: "conv-continues-from", onClick: () => onShowPeriodOf(continuesFrom), title: "Show the earlier period", children: [
+      "Continues from ",
+      format(continuesFrom, "MMM d, yyyy HH:mm")
+    ] }),
+    groups.map((g, i) => /* @__PURE__ */ jsxRuntimeExports.jsxs(React.Fragment, { children: [
+      i === branch?.index && branchDivider,
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `conv-row conv-row-${g.kind}`, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(LazyMount, { eager: i < 8, forceMount: findOpen, placeholderMinHeight: 80, children: g.kind === "user" || g.kind === "system" ? /* @__PURE__ */ jsxRuntimeExports.jsx(InputRow, { kind: g.kind, turns: g.turns, point: points[i], ctxLimit }) : g.kind === "assistant" ? /* @__PURE__ */ jsxRuntimeExports.jsx(AssistantCard, { turns: g.turns, point: points[i], ctxLimit, duration: durations[i], showAuthor: groups[i - 1]?.kind !== "assistant" }) : g.kind === "compact" ? /* @__PURE__ */ jsxRuntimeExports.jsx(Compaction, { block: g.turns[0].blocks[0] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(InstructionRun, { turns: g.turns, model }) }),
+        points[i] ? /* @__PURE__ */ jsxRuntimeExports.jsx(TokenPoint, { point: points[i] }) : hasTimeline && g.kind === "user" && g.turns.some(isCommandTurn) && /* @__PURE__ */ jsxRuntimeExports.jsx(TokenPoint, { point: { role: "command", delta: 0 } })
+      ] }),
+      g.kind === "user" && g.turns.some(isClearTurn) && /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, { className: "conv-divider", children: "Context cleared" })
+    ] }, g.turns[0].uuid)),
+    branch?.index === groups.length && branchDivider,
+    continuesTo != null && /* @__PURE__ */ jsxRuntimeExports.jsxs(Divider, { className: "conv-continues-to", onClick: () => onShowPeriodOf(continuesTo), title: "Show the later period", children: [
+      "Continues on ",
+      format(continuesTo, "MMM d, yyyy HH:mm")
+    ] })
+  ] }) }) });
+}
+function branchPoint(items, groups) {
+  const from = items.find((it) => it.forkedFrom)?.forkedFrom.sessionId;
+  const first = from && items.find((it) => it.timestamp && !it.forkedFrom);
+  if (!first) return null;
+  const ts = Date.parse(first.timestamp);
+  const i = groups.findIndex((g) => g.turns.some((t) => t.ts >= ts));
+  return { from, index: i === -1 ? groups.length : i };
+}
+function Compaction({ block }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, { className: "conv-divider", children: compactTitle(block) }),
+    block.summary && /* @__PURE__ */ jsxRuntimeExports.jsx(Collapsible, { title: "Summary", defaultOpen: false, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { className: "block-text", text: block.summary, autoFence: true }) })
+  ] });
 }
 const ClaudeIcon = () => /* @__PURE__ */ jsxRuntimeExports.jsx("img", { className: "msg-icon claude-icon", src: claudeIcon, alt: "" });
 function TokenPoint({ point: p }) {
@@ -1508,32 +1597,36 @@ function TokenStats({ point, ctxLimit }) {
   rows.push(`<div class="token-tooltip-total"><span>Accumulated tokens</span><span>${fmtCompact(point.total)}</span></div>`);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "msg-tokens", "data-tippy-html": `<div class="token-tooltip">${rows.join("")}</div>`, children: fmtCompact(point.total) });
 }
-function UserRow({ turns, point, ctxLimit }) {
+const AUTHORS = {
+  user: { Icon: Terminal, name: "You" },
+  system: { Icon: LaptopMinimal, name: "System" }
+};
+function InputRow({ kind, turns, point, ctxLimit }) {
   const [open, setOpen] = useCollapsed(false);
-  const msg = turns.find((t) => !isContextTurn(t));
+  const msgs = turns.filter((t) => !isContextTurn(t));
   const ctxItems = turns.filter(isContextTurn).flatMap((t) => t.blocks);
-  if (!msg || msg.isMeta && !isCommandTurn(msg)) return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: turns.map((t) => /* @__PURE__ */ jsxRuntimeExports.jsx(TurnRow, { turn: t }, t.uuid)) });
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "msg-user", children: [
+  const ts = (msgs[0] ?? turns[0]).ts;
+  const { Icon, name } = AUTHORS[kind];
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `msg-${kind}`, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "msg-header", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Terminal, { className: "msg-icon" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "msg-author", children: "You" }),
-      msg.queued && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "msg-summary", children: "queued during the previous turn" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { className: "msg-icon" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "msg-author", children: name }),
+      msgs.some((t) => t.queued) && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "msg-summary", children: "queued during the previous turn" }),
       ctxItems.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "msg-summary", onClick: () => setOpen((v) => !v), children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "aux-chevron", children: open ? "▾" : "▸" }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
-          "attachments · ",
           ctxItems.length,
-          " item",
+          " attachment",
           ctxItems.length === 1 ? "" : "s"
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "msg-header-right", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(TokenStats, { point, ctxLimit }),
-        msg.ts != null && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "msg-time", children: format(msg.ts, "HH:mm:ss") })
+        ts != null && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "msg-time", children: format(ts, "HH:mm:ss") })
       ] })
     ] }),
     open && ctxItems.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "msg-context", children: ctxItems.map((b, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(Attachment, { att: b.attachment }, i)) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(TurnRow, { turn: msg })
+    msgs.map((t) => /* @__PURE__ */ jsxRuntimeExports.jsx(TurnRow, { turn: t }, t.uuid))
   ] });
 }
 function AssistantCard({ turns, point, ctxLimit, duration: duration2, showAuthor = true }) {
@@ -1541,7 +1634,7 @@ function AssistantCard({ turns, point, ctxLimit, duration: duration2, showAuthor
   const toolBlocks = turns.flatMap((t) => t.blocks.filter((b) => b.type === "tool_use"));
   const errorCount = toolBlocks.filter((b) => b.result?.is_error).length;
   const skillCount = toolBlocks.filter((b) => b.name === "Skill").length;
-  const isAux = (t) => !t.blocks.some((b) => b.type === "text");
+  const isAux = (t) => t.role === "system" ? !t.blocks.some((b) => b.level) : !t.blocks.some((b) => b.type === "text");
   const foldable = toolBlocks.length > 0 && turns.some(isAux);
   const end = turns.findLast((t) => t.ts != null)?.ts ?? null;
   const [everOpen, setEverOpen] = reactExports.useState(false);
@@ -1576,10 +1669,10 @@ function AssistantCard({ turns, point, ctxLimit, duration: duration2, showAuthor
         end != null && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "msg-time", title: duration2 > 0 ? `Response time: ${fmtDuration(duration2)}` : null, children: format(end, "HH:mm:ss") })
       ] })
     ] }),
-    (anyVisible || everOpen) && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `assistant-card-body${anyVisible ? "" : " turn-hidden"}`, children: turns.map((t) => /* @__PURE__ */ jsxRuntimeExports.jsx(TurnRow, { turn: t, hidden: hidden(t) }, t.uuid)) })
+    (anyVisible || everOpen) && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `assistant-card-body${anyVisible ? "" : " turn-hidden"}`, children: turns.map((t) => /* @__PURE__ */ jsxRuntimeExports.jsx(TurnRow, { turn: t, hidden: hidden(t), speaker: t.role === "system" ? "System" : null }, t.uuid)) })
   ] });
 }
-function TurnRow({ turn, hidden = false }) {
+function TurnRow({ turn, hidden = false, speaker: speaker2 = null }) {
   const contextBlocks = [], otherBlocks = [];
   const groupAttachments = turn.role === "user";
   for (const b of turn.blocks) {
@@ -1587,12 +1680,12 @@ function TurnRow({ turn, hidden = false }) {
     else otherBlocks.push(b);
   }
   const hasError = turn.blocks.some((b) => b.type === "tool_use" && b.result?.is_error);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `turn turn-${turn.role} ${turn.isMeta ? "turn-meta-note" : ""} ${hasError ? "turn-error" : ""} ${hidden ? "turn-hidden" : ""}`, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "turn-blocks", children: [
-    contextBlocks.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(Collapsible, { className: "attachment", defaultOpen: false, title: `attachments · ${contextBlocks.length} item${contextBlocks.length === 1 ? "" : "s"}`, children: contextBlocks.map((b, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(Attachment, { att: b.attachment }, i)) }),
-    otherBlocks.map((b, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(Block, { block: b }, i))
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `turn turn-${turn.role} ${hasError ? "turn-error" : ""} ${hidden ? "turn-hidden" : ""}`, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "turn-blocks", children: [
+    contextBlocks.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(Collapsible, { className: "attachment", defaultOpen: false, title: `${contextBlocks.length} attachment${contextBlocks.length === 1 ? "" : "s"}`, children: contextBlocks.map((b, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(Attachment, { att: b.attachment }, i)) }),
+    otherBlocks.map((b, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(Block, { block: b, speaker: speaker2 }, i))
   ] }) });
 }
-function Block({ block }) {
+function Block({ block, speaker: speaker2 = null }) {
   if (block.type === "text") {
     const cmd = parseCommand(block.text);
     if (cmd) {
@@ -1631,11 +1724,19 @@ function Block({ block }) {
     const parts = Array.isArray(c) ? c : [typeof c === "string" ? { type: "text", text: c } : c];
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `tool-result ${block.is_error ? "error" : ""}`, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "tool-result-label", children: block.is_error ? "Error:" : "Result:" }),
-      parts.map((p, i) => p.type === "text" ? /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { children: p.text }, i) : /* @__PURE__ */ jsxRuntimeExports.jsx(Block, { block: p }, i))
+      parts.map((p, i) => p.type === "text" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(React.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(SavedOutputLink, { text: p.text }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { children: p.text })
+      ] }, i) : /* @__PURE__ */ jsxRuntimeExports.jsx(Block, { block: p }, i))
     ] });
   }
   if (block.type === "attachment") {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Attachment, { att: block.attachment });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Attachment, { att: block.attachment, speaker: speaker2 });
+  }
+  if (block.type === "system") {
+    const className = `system-note ${block.level ?? ""} ${block.kind ?? ""}`;
+    if (!block.body) return /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { title: said(speaker2, block.url ? /* @__PURE__ */ jsxRuntimeExports.jsx(OpenLink, { href: block.url, children: block.title }) : block.title), className });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Collapsible, { title: said(speaker2, block.title), className, defaultOpen: !!block.level, children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { children: block.body }) });
   }
   if (block.type === "image") {
     const src = block.source;
@@ -1646,6 +1747,15 @@ function Block({ block }) {
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Collapsible, { title: block.type || "block", children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { children: safeJson(block) }) });
 }
+function SavedOutputLink({ text }) {
+  const baseFile = reactExports.useContext(TranscriptFileContext);
+  const saved = persistedOutput(text);
+  if (!saved || !baseFile) return null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "tool-result-label saved-output", children: [
+    "Full output: ",
+    /* @__PURE__ */ jsxRuntimeExports.jsx(OpenLink, { href: saved.href, basePath: baseFile, children: saved.path })
+  ] });
+}
 const ATTACHMENT_RENDERERS = {
   selected_lines_in_ide: (a) => {
     const path = a.displayPath || a.filename || "";
@@ -1663,6 +1773,10 @@ const ATTACHMENT_RENDERERS = {
     body: safeJson({ added: a.addedNames, removed: a.removedNames }),
     defaultOpen: false
   }),
+  prompt_snapshot: (a) => ({
+    title: `Prompt snapshot: system prompt, ${a.tools?.length ?? 0} tools`,
+    body: [...a.systemPrompt ?? [], `Tools: ${(a.tools ?? []).map((t) => t.name).join(", ")}`].join("\n\n")
+  }),
   // The one nested shape the fallback below can't flatten: files → diagnostics → range.
   diagnostics: (a) => {
     const lines = (a.files || []).flatMap((f) => (f.diagnostics || []).map((d) => `${f.uri}:${(d.range?.start?.line ?? 0) + 1} ${d.severity}: ${d.message}${d.source ? ` (${d.source})` : ""}`));
@@ -1690,18 +1804,25 @@ function genericAttachment(att) {
     if (k !== "type") collect(v, k);
   }
   const detail = short.find(([k]) => /path|file|name|dir|uri|url|date/i.test(k))?.[1];
-  const label = (att?.type || "attachment").replace(/_/g, " ").replace(/^./, (c) => c.toUpperCase());
+  const label = humanize(att?.type || "attachment");
   return {
     title: detail ? `${label}: ${detail}` : label,
     body: long.length ? long.map(([, v]) => v).join("\n\n") : short.length > 1 ? safeJson(att) : null
   };
 }
-function Attachment({ att }) {
+function Attachment({ att, speaker: speaker2 = null }) {
   const render = ATTACHMENT_RENDERERS[att?.type];
   const { title, body, defaultOpen = false } = render ? render(att) : genericAttachment(att);
-  if (body == null) return /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { title, className: "attachment" });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Collapsible, { title, className: "attachment", defaultOpen, children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { children: body }) });
+  if (body == null) return /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { title: said(speaker2, title), className: "attachment" });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Collapsible, { title: said(speaker2, title), className: "attachment", defaultOpen, children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { children: body }) });
 }
+const said = (speaker2, title) => speaker2 ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+  /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "aux-speaker", children: [
+    speaker2,
+    ": "
+  ] }),
+  title
+] }) : title;
 function Label({ title, className }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `aux ${className || ""}`, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "aux-label", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "aux-chevron", children: "•" }),
@@ -1731,6 +1852,10 @@ function JsonBlock({ value }) {
 function InstructionRun({ turns, model }) {
   const strips = turns.flatMap((t) => t.blocks).map(({ it }) => ({ ...it, tokens: countTokens(it.content, it.model ?? model) }));
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "msg-header msg-proxy", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Globe, { className: "msg-icon" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "msg-author", children: "Proxy" })
+    ] }),
     groupInstructions(strips).map(([label, list]) => /* @__PURE__ */ jsxRuntimeExports.jsxs(React.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "aux instruction-source", children: label }),
       list.map((it) => /* @__PURE__ */ jsxRuntimeExports.jsx(InstructionFile, { it, model, tokens: it.tokens }, `${it.hash ?? it.file_path}-${it.timestamp}`))
@@ -1844,6 +1969,44 @@ function JsonlView({ items, expandAll = null }) {
     ] })
   ] });
 }
+const message = (thrown) => w(thrown) ?? String(thrown);
+function ErrorBanner() {
+  const [error, setError] = reactExports.useState(null);
+  reactExports.useEffect(() => {
+    const report = (thrown) => setError(message(thrown));
+    const onError = (e) => report(e.error ?? e.message);
+    const onRejection = (e) => report(e.reason);
+    window.addEventListener("error", onError);
+    window.addEventListener("unhandledrejection", onRejection);
+    return () => {
+      window.removeEventListener("error", onError);
+      window.removeEventListener("unhandledrejection", onRejection);
+    };
+  }, []);
+  if (!error) return null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "error-banner", role: "alert", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+      "⚠ ",
+      error
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", onClick: () => setError(null), title: "Dismiss", children: "×" })
+  ] });
+}
+const ErrorMessage = ({ title, error }) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "error-message", children: [
+  "⚠ ",
+  title,
+  ": ",
+  message(error)
+] });
+const AppCrashed = ({ error }) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "app-crash", children: [
+  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+    "⚠ ",
+    message(error)
+  ] }),
+  /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", onClick: () => location.reload(), children: "Reload" })
+] });
+const AppErrorBoundary = ({ children }) => /* @__PURE__ */ jsxRuntimeExports.jsx(C, { FallbackComponent: AppCrashed, children });
+const PaneErrorBoundary = ({ title, resetKeys, children }) => /* @__PURE__ */ jsxRuntimeExports.jsx(C, { resetKeys, fallbackRender: ({ error }) => /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorMessage, { title, error }), children });
 const time = (ts) => ts ? new Date(ts).toLocaleTimeString([], { hour12: false }) : "";
 const duration = (ms) => ms == null ? "" : ms < 1e3 ? `${ms}ms` : `${(ms / 1e3).toFixed(1)}s`;
 const splitUrl = (url) => {
@@ -1909,243 +2072,87 @@ const Pane = React.memo(function Pane2({ value, headers, seen, expandAll }) {
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "requests-label", children: "Headers" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(Tree, { value: headers, expandAll, collapsed: true })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "requests-label", children: [
-      "Body",
-      (paths.length > 0 || seen?.messages?.some(Boolean)) && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "requests-label-hint", children: "Content repeated from earlier requests is faded and collapsed" })
-    ] }),
-    value == null ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "requests-pane-empty", children: "Not captured" }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "requests-doc", style: vscodeTheme, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "bracket", children: open }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Tree, { value: messages ? bodyNoMsgs : value, expandAll, seen: bodySeen }),
-      messages && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "requests-msgs", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "key", children: '"messages"' }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "colon", children: ": " }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "bracket", children: "[" })
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "items", children: messages.map((m, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-          LazyMount,
-          {
-            eager: i < 10,
-            forceMount: findOpen,
-            rootRef: paneRef,
-            placeholderMinHeight: 22,
-            className: seen?.messages?.[i] ? "requests-seen" : void 0,
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(Tree, { value: m, expandAll, collapsed: !!seen?.messages?.[i], seen: msgSeen(i) })
-          },
-          i
-        )) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "bracket", children: "]" })
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "bracket", children: close })
-    ] })
-  ] });
-});
-function RequestsView({ filePath, date, granularity = "day", fileSize = 0, expandAll = null }) {
-  const [records, setRecords] = reactExports.useState(null);
-  const [selected, setSelected] = reactExports.useState(0);
-  const [tab, setTab] = reactExports.useState("request");
-  const rec = records?.[selected];
-  const body = reactExports.useDeferredValue(tab === "request" ? rec?.request ?? rec : rec?.response);
-  const headers = reactExports.useDeferredValue(tab === "request" ? rec?.requestHeaders : rec?.responseHeaders);
-  const seen = reactExports.useDeferredValue(tab === "request" ? rec?.$seen : null);
-  reactExports.useEffect(() => {
-    setRecords(null);
-    setSelected(0);
-  }, [filePath, date, granularity]);
-  reactExports.useEffect(() => {
-    let cancelled = false;
-    window.api.readRequests(filePath, date || null, granularity).then((res) => {
-      if (!cancelled) setRecords(res);
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [filePath, date, granularity, fileSize]);
-  if (!records) return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "requests-view", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "requests-empty", children: "Loading…" }) });
-  if (!records.length) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "requests-view", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "requests-empty", children: "No captured requests for this session. Requests are recorded only while the capture proxy is running." }) });
-  }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "requests-view", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: "requests-list", children: records.map((r, i) => {
-      const [method, path] = splitUrl(r.url);
-      return /* @__PURE__ */ jsxRuntimeExports.jsx("li", { className: i > 0 && r.kind?.[0] === "main" ? "new-turn" : "", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", className: i === selected ? "active" : "", onClick: () => setSelected(i), children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `requests-method ${method.toLowerCase()}`, children: method }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "requests-url", children: path }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `requests-status ${!r.status || r.status >= 400 ? "error" : "ok"}`, children: r.status ?? "—" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "requests-meta", children: time(r.timestamp) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "requests-meta requests-duration", children: duration(r.durationMs) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `requests-kind ${r.kind ? `kind-${r.kind[0]}` : ""}`, children: r.kind?.[1] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "requests-meta requests-tokens", title: "total tokens (input + output + cache)", children: tokens(totalTokens(r)) })
-      ] }) }, i);
-    }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "requests-detail", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "requests-tabs", children: ["request", "response"].map((t) => /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: t === tab ? "active" : "", onClick: () => setTab(t), children: t }, t)) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Pane, { value: body, headers, seen, expandAll })
-    ] })
-  ] });
-}
-let MAX_LINES = 10;
-let MAX_LINE_CHARS = 200;
-let MODEL = null;
-function truncateLine(line) {
-  if (line.length <= MAX_LINE_CHARS) return line;
-  return line.slice(0, MAX_LINE_CHARS) + ` …(${line.length - MAX_LINE_CHARS} chars truncated)`;
-}
-function truncate(text) {
-  const lines = String(text ?? "").split("\n").map(truncateLine);
-  if (lines.length <= MAX_LINES) return lines.join("\n");
-  return lines.slice(0, MAX_LINES).join("\n") + `
---- ${lines.length - MAX_LINES} lines truncated ---`;
-}
-function fence(text, lang = "") {
-  return "```" + lang + "\n" + truncate(text) + "\n```";
-}
-function resultText(r) {
-  const parts = Array.isArray(r?.content) ? r.content : [r?.content];
-  return parts.map((p) => typeof p === "string" ? p : p?.text ?? JSON.stringify(p)).join("\n");
-}
-function renderBlock(b) {
-  if (b.type === "text") return truncate(b.text || "");
-  if (b.type === "thinking") return b.redacted ? `_Thinking (encrypted${b.redacted > 1 ? ` · ${b.redacted}` : ""})_` : `Thinking:
-${fence(b.thinking)}`;
-  if (b.type === "tool_use") {
-    const tail = b.result ? `
-${b.result.is_error ? "error" : "result"}:
-${fence(resultText(b.result))}` : "";
-    const title = toolSummary(b.name, b.input);
-    return `[${title}]
-${fence(JSON.stringify(b.input, null, 2), "json")}${tail}`;
-  }
-  if (b.type === "tool_result") return `${b.is_error ? "error" : "result"}:
-${fence(resultText(b))}`;
-  if (b.type === "skill") return `Skill${b.name ? `: ${b.name}` : ""}:
-${fence(b.text)}`;
-  if (b.type === "image") return "[image]";
-  if (b.type === "instruction") {
-    const it = b.it;
-    const path = it.name && it.name !== it.file_path ? `
-\`${it.file_path}\`` : "";
-    return `_${instructionTitle(it, MODEL)}_${path}
-${fence(it.error ? `error: ${it.error}` : it.content || "")}`;
-  }
-  return fence(JSON.stringify(b, null, 2), "json");
-}
-function renderTurn(t) {
-  if (t.role === "instruction") {
-    return groupInstructions(t.blocks.map((b) => b.it)).map(([label, list]) => `**Instructions loaded (${label}):**
-
-${list.map((it) => renderBlock({ type: "instruction", it })).join("\n\n")}`).join("\n\n");
-  }
-  const role = t.role === "user" ? t.queued ? "User (queued)" : "User" : `Assistant`;
-  const tokens2 = t.tokenTotal > 0 && t.tokenDelta != null ? ` (${t.tokenDelta >= 0 ? "+" : ""}${fmtCompact(t.tokenDelta)} / ${fmtCompact(t.tokenTotal)} tokens)` : "";
-  return `**${role}${tokens2}:**
-
-${t.blocks.map(renderBlock).join("\n\n")}`;
-}
-const TRUNCATE_LINES = 10;
-const TRUNCATE_LINE_CHARS = 200;
-function markdownSession(meta, items, truncated, instructions = []) {
-  MAX_LINES = truncated ? TRUNCATE_LINES : Infinity;
-  MAX_LINE_CHARS = truncated ? TRUNCATE_LINE_CHARS : Infinity;
-  const t = meta.tokens;
-  const stu = meta.serverToolUse;
-  const wallDuration = meta.lastActivityAt - meta.startedAt;
-  const ctxLimit = contextWindow(meta.models);
-  const contextPct = Math.round(meta.lastContextTokens / ctxLimit * 100);
-  const cacheHitPct = (meta.cacheHitRatio * 100).toFixed(0);
-  const turns = items ? flatten(items, instructions) : null;
-  MODEL = turns ? currentModel(turns) : null;
-  const transcript = turns ? turns.map(renderTurn).join("\n\n---\n\n") : "_Loading…_";
-  const conversation = `
-# Conversation
-
-${transcript}`;
-  const summary = `
-# Session: ${meta.sessionId}
-
-# Summary
-- Estimated cost: ${fmtUSD(meta.cost)}
-- Total tokens: ${fmtCompact(meta.totalTokens)}
-- Working time: ${fmtDuration(meta.activeMs)}
-- Context size: ${fmtCompact(meta.lastContextTokens)} / ${fmtCompact(ctxLimit)} (${contextPct}%)${meta.savings.using5mCache > 0 ? `
-
-## Potential savings
-- with 5m cache: ${meta.cost > 0 ? `(${(meta.savings.using5mCache / meta.cost * 100).toFixed(0)}%) ` : ""}−${fmtUSD(meta.savings.using5mCache)}` : ""}
-
-## Tokens
-- Input: ${fmtNum(t.input)}
-- Output: ${fmtNum(t.output)}
-- Cache write (5m): ${fmtNum(t.cacheCreation5m || 0)}
-- Cache write (1h): ${fmtNum(t.cacheCreation1h || 0)}
-- Cache read: ${fmtNum(t.cacheRead)}
-- Cache hit ratio: ${cacheHitPct}%
-- Server tools (search / fetch): ${fmtNum(stu.webSearch)} / ${fmtNum(stu.webFetch)}
-
-## Activity
-- Started: ${format(meta.startedAt, "pp")}
-- Last activity: ${format(meta.lastActivityAt, "pp")}
-- Wall duration: ${fmtDuration(wallDuration)}
-- Active periods: ${fmtNum(meta.activityPeriods.length)}
-- Messages: ${fmtNum(meta.messageCount)}
-- Tool calls: ${fmtToolCalls(meta)}
-
-## Identity
-- Model: ${meta.models.join(", ") || "—"}
-- Service tier: ${meta.serviceTier || "—"}
-- Speed: ${meta.speed ? meta.speed === "fast" ? meta.fastPricingUnknown ? "fast (pricing unknown)" : "fast" : meta.speed : "—"}
-${meta.tag ? `- Tag: ${meta.tag}
-` : ""}- Git branch: ${meta.gitBranch || "—"}
-- Source: ${meta.source || meta.entrypoint || "—"}
-- Scheduled: ${meta.hasScheduledTask ? "yes" : "no"}
-- CLI version: ${meta.version || "—"}
-- Project: ${meta.project || "—"}
-${meta.worktreePath ? `- Worktree: ${meta.worktreePath}
-` : ""}- Log file: ${meta.filePath}
-- File size: ${fmtBytes(meta.fileSize)}
-`;
-  const body = `
-<summary>
-${summary}
-</summary>
-
-
-<transcript>
-${conversation}
-</transcript>`.trim();
-  return { body };
-}
-function Toggle({ checked, onChange, label, className = "" }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: `toggle ${className}`, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "input",
-      {
-        type: "checkbox",
-        checked,
-        onChange: (e) => onChange(e.target.checked)
-      }
-    ),
-    label && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "toggle-label", children: label })
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "requests-label", children: [
+      "Body",
+      (paths.length > 0 || seen?.messages?.some(Boolean)) && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "requests-label-hint", children: "Content repeated from earlier requests is faded and collapsed" })
+    ] }),
+    value == null ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "requests-pane-empty", children: "Not captured" }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "requests-doc", style: vscodeTheme, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "bracket", children: open }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Tree, { value: messages ? bodyNoMsgs : value, expandAll, seen: bodySeen }),
+      messages && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "requests-msgs", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "key", children: '"messages"' }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "colon", children: ": " }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "bracket", children: "[" })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "items", children: messages.map((m, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+          LazyMount,
+          {
+            eager: i < 10,
+            forceMount: findOpen,
+            rootRef: paneRef,
+            placeholderMinHeight: 22,
+            className: seen?.messages?.[i] ? "requests-seen" : void 0,
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(Tree, { value: m, expandAll, collapsed: !!seen?.messages?.[i], seen: msgSeen(i) })
+          },
+          i
+        )) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "bracket", children: "]" })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "bracket", children: close })
+    ] })
   ] });
-}
-function PromptEditor({ source, edited, setEdited, pretty }) {
-  const [editing, setEditing] = reactExports.useState(false);
-  const value = edited || source;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "prompt-editor-wrap", children: [
-    edited && edited !== source && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "prompt-editor-reset", onClick: (e) => {
-      e.stopPropagation();
-      setEdited("");
-    }, children: "Reset" }),
-    pretty && !editing ? /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { className: "prompt-editor-styled", text: value, onClick: () => setEditing(true), title: "Click to edit" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "textarea",
-      {
-        className: "prompt-editor-raw",
-        value,
-        spellCheck: true,
-        autoFocus: pretty,
-        onChange: (e) => setEdited(e.target.value),
-        onBlur: pretty ? () => setEditing(false) : void 0
-      }
-    )
+});
+function RequestsView({ filePath, date, granularity = "day", fileSize = 0, expandAll = null }) {
+  const [records, setRecords] = reactExports.useState(null);
+  const [selected, setSelected] = reactExports.useState(0);
+  const [tab, setTab] = reactExports.useState("request");
+  const [error, setError] = reactExports.useState(null);
+  const rec = records?.[selected];
+  const body = reactExports.useDeferredValue(tab === "request" ? rec?.request ?? rec : rec?.response);
+  const headers = reactExports.useDeferredValue(tab === "request" ? rec?.requestHeaders : rec?.responseHeaders);
+  const seen = reactExports.useDeferredValue(tab === "request" ? rec?.$seen : null);
+  reactExports.useEffect(() => {
+    setRecords(null);
+    setSelected(0);
+    setError(null);
+  }, [filePath, date, granularity]);
+  reactExports.useEffect(() => {
+    let cancelled = false;
+    window.api.readRequests(filePath, date || null, granularity).then((res) => {
+      if (cancelled) return;
+      setRecords(res);
+      setError(null);
+    }, (err) => {
+      if (!cancelled) setError(err);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [filePath, date, granularity, fileSize]);
+  if (!records) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "requests-view", children: error ? /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorMessage, { title: "Couldn't load the captured requests", error }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "requests-empty", children: "Loading…" }) });
+  }
+  if (!records.length) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "requests-view", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "requests-empty", children: "No captured requests for this session. Requests are recorded only while the capture proxy is running." }) });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "requests-view", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: "requests-list", children: records.map((r, i) => {
+      const [method, path] = splitUrl(r.url);
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("li", { className: i > 0 && r.kind?.[0] === "main" ? "new-turn" : "", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", className: i === selected ? "active" : "", onClick: () => setSelected(i), children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `requests-method ${method.toLowerCase()}`, children: method }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "requests-url", children: path }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `requests-status ${!r.status || r.status >= 400 ? "error" : "ok"}`, children: r.status ?? "—" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "requests-meta", children: time(r.timestamp) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "requests-meta requests-duration", children: duration(r.durationMs) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `requests-kind ${r.kind ? `kind-${r.kind[0]}` : ""}`, children: r.kind?.[1] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "requests-meta requests-tokens", title: "total tokens (input + output + cache)", children: tokens(totalTokens(r)) })
+      ] }) }, i);
+    }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "requests-detail", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "requests-tabs", children: ["request", "response"].map((t) => /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: t === tab ? "active" : "", onClick: () => setTab(t), children: t }, t)) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Pane, { value: body, headers, seen, expandAll })
+    ] })
   ] });
 }
 function createTypewriter(onText) {
@@ -2167,7 +2174,7 @@ function createTypewriter(onText) {
   };
   return push;
 }
-function AgentOutput({ output, pretty, running, error }) {
+function AgentOutput({ output, running, error }) {
   const [displayed, setDisplayed] = reactExports.useState(output);
   const lastOutputRef = reactExports.useRef(output);
   const scrollRef = reactExports.useRef(null);
@@ -2188,7 +2195,7 @@ function AgentOutput({ output, pretty, running, error }) {
   }, [displayed, running, error]);
   if (!displayed && !running && !error) return null;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "agent-prompt-output", ref: scrollRef, children: [
-    pretty ? /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { text: displayed }) : /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "agent-view-raw", children: displayed }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { text: displayed }),
     running && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "agent-prompt-typing", "aria-label": "Running", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "dot" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "dot" }),
@@ -2197,54 +2204,8 @@ function AgentOutput({ output, pretty, running, error }) {
     error && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "agent-prompt-error", children: error })
   ] });
 }
-function AgentView({ meta, items, instructions, agent, onClose }) {
-  const [pretty, setPretty] = useLocalStorage("agent.pretty", true);
-  const [copied, setCopied] = reactExports.useState(false);
-  const { body } = markdownSession(meta, items, agent.truncated, instructions);
-  const combinedText = `${agent.prompt}
-
----
-${body}`;
-  const onCopy = async () => {
-    await navigator.clipboard.writeText(combinedText);
-    setCopied(true);
-    setTimeout(() => setCopied(false), 1500);
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "agent-view", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "agent-view-actions", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Toggle, { checked: agent.truncated, onChange: agent.setTruncated, label: "truncated" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Toggle, { checked: pretty, onChange: setPretty, label: "human-friendly" }),
-      onClose && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "agent-view-close", onClick: onClose, "aria-label": "Close", children: "✕" })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "agent-view-left", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "agent-view-label", children: "Session" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "agent-view-block", children: pretty ? /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { text: body }) : /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "agent-view-raw", children: body }) })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "agent-view-right", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "agent-prompt-wrap", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "agent-view-label", children: "Prompt" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "agent-view-block", children: /* @__PURE__ */ jsxRuntimeExports.jsx(PromptEditor, { source: agent.defaultPrompt, edited: agent.editedPrompt, setEdited: agent.setEditedPrompt, pretty }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "agent-prompt-actions", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "button-primary", onClick: onCopy, children: copied ? "Copied" : "Copy" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "button-primary", onClick: () => agent.send(combinedText), disabled: agent.running, children: "Send" })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "agent-view-output-wrap", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "agent-view-label", children: "AI Result" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(AgentOutput, { output: agent.output, pretty, running: agent.running, error: agent.error })
-      ] })
-    ] })
-  ] });
-}
-function SessionSummary({ meta, items, instructions, agent, onOpenAgent, granularity = "day" }) {
+function SessionSummary({ meta, items, instructions, agent, granularity = "day" }) {
   const timeFormat = granularity === "day" ? "pp" : "MMM d, pp";
-  const onAnalyze = () => {
-    const { body } = markdownSession(meta, items, agent.truncated, instructions);
-    agent.send(`${agent.prompt}
-
----
-${body}`);
-  };
   const t = meta.tokens;
   const totalTokens2 = meta.totalTokens;
   const wallDuration = meta.lastActivityAt - meta.startedAt;
@@ -2258,30 +2219,20 @@ ${body}`);
   const ctxTone = tone(meta.lastContextTokens, THRESHOLDS.context);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "session-summary", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "summary-ai", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "summary-ai-row", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            type: "button",
-            className: "button-primary",
-            onClick: onAnalyze,
-            disabled: agent.running || !items,
-            children: agent.running ? "⚡︎ Analyzing…" : "⚡︎ AI Analyze"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            type: "button",
-            className: "summary-ai-gear",
-            onClick: onOpenAgent,
-            title: "Open Agent tab",
-            "aria-label": "Open Agent tab",
-            children: "⚙"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "summary-ai-output", children: /* @__PURE__ */ jsxRuntimeExports.jsx(AgentOutput, { output: agent.output, pretty: true, running: agent.running, error: agent.error }) })
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "button",
+        {
+          type: "button",
+          className: "button-primary summary-ai-button",
+          onClick: () => agent.analyze(meta, items, instructions),
+          disabled: agent.running || !items,
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: agent.running ? "hidden" : "", children: "⚡︎ AI Analyze" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: agent.running ? "" : "hidden", children: "⚡︎ Analyzing…" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(AgentOutput, { output: agent.output, running: agent.running, error: agent.error })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(Section, { title: "Summary", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "Estimated cost", value: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
@@ -2336,7 +2287,10 @@ ${body}`);
       /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "Tool calls", value: fmtToolCalls(meta) })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(Section, { title: "Identity", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "Session ID", value: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "session-id", children: meta.sessionId }), mono: true, full: true, autoselect: true }),
+      "        ",
       /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "Model", value: modelLabel, mono: true }),
+      meta.efforts.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "Effort", value: meta.efforts.join(", ") }),
       meta.serviceTier && /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "Service tier", value: meta.serviceTier }),
       meta.speed && /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "Speed", value: meta.speed === "fast" ? meta.fastPricingUnknown ? "fast (pricing unknown)" : "fast" : meta.speed }),
       meta.tag && /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "Tag", value: meta.tag, mono: true }),
@@ -2344,11 +2298,10 @@ ${body}`);
       /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "Source", value: meta.source || meta.entrypoint || "—" }),
       meta.hasScheduledTask && /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "Scheduled", value: "yes" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "CLI version", value: meta.version || "—", mono: true }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "Session ID", value: meta.sessionId, mono: true, full: true, autoselect: true }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "Project", value: meta.project || "—", mono: true, full: true, autoselect: true }),
       meta.worktreePath && /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "Worktree", value: meta.worktreePath, mono: true, full: true, autoselect: true }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "Log file", value: meta.filePath, mono: true, full: true, autoselect: true }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "File size", value: fmtBytes(meta.fileSize) })
+      "      "
     ] })
   ] });
 }
@@ -2384,28 +2337,180 @@ function Field({ label, value, mono, full, below, autoselect }) {
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `field-value ${mono ? "mono" : ""}`, onClick: selectAll, children: value })
   ] });
 }
+function Toggle({ checked, onChange, label, className = "" }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: `toggle ${className}`, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "input",
+      {
+        type: "checkbox",
+        checked,
+        onChange: (e) => onChange(e.target.checked)
+      }
+    ),
+    label && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "toggle-label", children: label })
+  ] });
+}
+const MAX_LINES = 10;
+const MAX_LINE_CHARS = 200;
+let MODEL = null;
+function truncateLine(line) {
+  if (line.length <= MAX_LINE_CHARS) return line;
+  return line.slice(0, MAX_LINE_CHARS) + ` …(${line.length - MAX_LINE_CHARS} chars truncated)`;
+}
+function truncate(text) {
+  const lines = String(text ?? "").split("\n").map(truncateLine);
+  if (lines.length <= MAX_LINES) return lines.join("\n");
+  return lines.slice(0, MAX_LINES).join("\n") + `
+--- ${lines.length - MAX_LINES} lines truncated ---`;
+}
+function fence(text, lang = "") {
+  return "```" + lang + "\n" + truncate(text) + "\n```";
+}
+function resultText(r) {
+  const parts = Array.isArray(r?.content) ? r.content : [r?.content];
+  return parts.map((p) => typeof p === "string" ? p : p?.text ?? JSON.stringify(p)).join("\n");
+}
+function renderBlock(b) {
+  if (b.type === "text") return truncate(b.text || "");
+  if (b.type === "thinking") return b.redacted ? `_Thinking (encrypted${b.redacted > 1 ? ` · ${b.redacted}` : ""})_` : `Thinking:
+${fence(b.thinking)}`;
+  if (b.type === "tool_use") {
+    const tail = b.result ? `
+${b.result.is_error ? "error" : "result"}:
+${fence(resultText(b.result))}` : "";
+    const title = toolSummary(b.name, b.input);
+    return `[${title}]
+${fence(JSON.stringify(b.input, null, 2), "json")}${tail}`;
+  }
+  if (b.type === "tool_result") return `${b.is_error ? "error" : "result"}:
+${fence(resultText(b))}`;
+  if (b.type === "skill") return `Skill${b.name ? `: ${b.name}` : ""}:
+${fence(b.text)}`;
+  if (b.type === "system") return `_${b.title}_${b.url ? ` (${b.url})` : ""}${b.body ? `
+${fence(b.body)}` : ""}`;
+  if (b.type === "image") return "[image]";
+  if (b.type === "instruction") {
+    const it = b.it;
+    const path = it.name && it.name !== it.file_path ? `
+\`${it.file_path}\`` : "";
+    return `_${instructionTitle(it, MODEL)}_${path}
+${fence(it.error ? `error: ${it.error}` : it.content || "")}`;
+  }
+  return fence(JSON.stringify(b, null, 2), "json");
+}
+function renderTurn(t) {
+  if (t.role === "instruction") {
+    return "**Proxy:**\n\n" + groupInstructions(t.blocks.map((b) => b.it)).map(([label, list]) => `**Instructions loaded (${label}):**
+
+${list.map((it) => renderBlock({ type: "instruction", it })).join("\n\n")}`).join("\n\n");
+  }
+  if (t.role === "compact") {
+    const b = t.blocks[0];
+    return `**${compactTitle(b)}**${b.summary ? `
+
+Summary:
+${fence(b.summary)}` : ""}`;
+  }
+  const role = t.role === "system" ? "System" : t.role === "user" ? t.queued ? "User (queued)" : "User" : `Assistant`;
+  const tokens2 = t.tokenTotal > 0 && t.tokenDelta != null ? ` (${t.tokenDelta >= 0 ? "+" : ""}${fmtCompact(t.tokenDelta)} / ${fmtCompact(t.tokenTotal)} tokens)` : "";
+  return `**${role}${tokens2}:**
+
+${t.blocks.map(renderBlock).join("\n\n")}`;
+}
+function markdownSession(meta, items, instructions = []) {
+  const t = meta.tokens;
+  const stu = meta.serverToolUse;
+  const wallDuration = meta.lastActivityAt - meta.startedAt;
+  const ctxLimit = contextWindow(meta.models);
+  const contextPct = Math.round(meta.lastContextTokens / ctxLimit * 100);
+  const cacheHitPct = (meta.cacheHitRatio * 100).toFixed(0);
+  const turns = items ? flatten(items, instructions) : null;
+  MODEL = turns ? currentModel(turns) : null;
+  const transcript = turns ? turns.map(renderTurn).join("\n\n---\n\n") : "_Loading…_";
+  const conversation = `
+# Conversation
+
+${transcript}`;
+  const summary = `
+# Session: ${meta.sessionId}
+
+# Summary
+- Estimated cost: ${fmtUSD(meta.cost)}
+- Total tokens: ${fmtCompact(meta.totalTokens)}
+- Working time: ${fmtDuration(meta.activeMs)}
+- Context size: ${fmtCompact(meta.lastContextTokens)} / ${fmtCompact(ctxLimit)} (${contextPct}%)${meta.savings.using5mCache > 0 ? `
+
+## Potential savings
+- with 5m cache: ${meta.cost > 0 ? `(${(meta.savings.using5mCache / meta.cost * 100).toFixed(0)}%) ` : ""}−${fmtUSD(meta.savings.using5mCache)}` : ""}
+
+## Tokens
+- Input: ${fmtNum(t.input)}
+- Output: ${fmtNum(t.output)}
+- Cache write (5m): ${fmtNum(t.cacheCreation5m || 0)}
+- Cache write (1h): ${fmtNum(t.cacheCreation1h || 0)}
+- Cache read: ${fmtNum(t.cacheRead)}
+- Cache hit ratio: ${cacheHitPct}%
+- Server tools (search / fetch): ${fmtNum(stu.webSearch)} / ${fmtNum(stu.webFetch)}
+
+## Activity
+${meta.continuesFrom ? `- Continues from: ${format(meta.continuesFrom, "PPpp")} (earlier messages not included)
+` : ""}- Started: ${format(meta.startedAt, "pp")}
+- Last activity: ${format(meta.lastActivityAt, "pp")}
+${meta.continuesTo ? `- Continues on: ${format(meta.continuesTo, "PPpp")} (later messages not included)
+` : ""}- Wall duration: ${fmtDuration(wallDuration)}
+- Active periods: ${fmtNum(meta.activityPeriods.length)}
+- Messages: ${fmtNum(meta.messageCount)}
+- Tool calls: ${fmtToolCalls(meta)}
+
+## Identity
+- Session ID: ${meta.sessionId}
+- Model: ${meta.models.join(", ") || "—"}
+- Effort: ${meta.efforts.join(", ") || "—"}
+- Service tier: ${meta.serviceTier || "—"}
+- Speed: ${meta.speed ? meta.speed === "fast" ? meta.fastPricingUnknown ? "fast (pricing unknown)" : "fast" : meta.speed : "—"}
+${meta.tag ? `- Tag: ${meta.tag}
+` : ""}- Git branch: ${meta.gitBranch || "—"}
+- Source: ${meta.source || meta.entrypoint || "—"}
+- Scheduled: ${meta.hasScheduledTask ? "yes" : "no"}
+- CLI version: ${meta.version || "—"}
+- Project: ${meta.project || "—"}
+${meta.worktreePath ? `- Worktree: ${meta.worktreePath}
+` : ""}- Log file: ${meta.filePath}
+`;
+  const body = `
+<summary>
+${summary}
+</summary>
+
+
+<transcript>
+${conversation}
+</transcript>`.trim();
+  return { body };
+}
 const ANALYZE_PROMPT = "# Role\r\n\r\nYou are reviewing a Claude Code session and giving the user practical advice on how to run a similar session more cheaply next time.\r\n\r\nThe user controls the prompts and the request settings around them: **model** (Opus / Sonnet / Haiku), **prompt caching**, enabled **system tools** (web search, web fetch, bash, MCP, etc.), context-window size, and CLAUDE.md. They cannot change Claude's internal reasoning. Look for missed opportunities to apply Anthropic's official Claude Code guidance.\r\n\r\n# Levers\r\n\r\nThe list below covers the most common waste patterns and should be your starting point — but it is **not exhaustive**. If you spot a different concrete inefficiency in this session that the user could change next time, raise it. Don't force-fit a session into a listed lever, and don't ignore real waste just because it isn't named here.\r\n\r\n**Out of scope — do NOT suggest these.** Anything about *how Claude itself works internally* is not under user control and must not appear in the output:\r\n\r\n  - How Claude batches or sequences tool calls (e.g. \"group edits per file\", \"batch related changes into one pass\", \"make parallel tool calls\").\r\n  - How Claude searches, reads, or explores (e.g. \"use Grep before Read\", \"use Glob to narrow first\").\r\n  - How Claude reasons, plans, or thinks.\r\n  - Anything the user would have to micromanage Claude into doing turn-by-turn — even if technically prompt-able, it isn't a realistic next-time change.\r\n\r\nStick to changes the user makes in *their* prompt, *their* settings, or *their* session structure.\r\n\r\n### Better initial prompt\r\nThe single biggest lever — vague prompts cause exploration, wrong-problem code, and correction rounds.\r\n\r\n  - Scope the task, name the file (`@path/to/file`), describe the symptom and likely location, reference an existing pattern.\r\n  - Provide verification criteria upfront: tests, expected outputs, screenshots, error messages.\r\n  - Paste rich content directly (errors, logs, screenshots, URLs) instead of asking Claude to reproduce, search, or guess.\r\n  - Use plan mode for uncertain / multi-file work; skip it for trivial fixes.\r\n\r\n### Context management\r\nEach later turn re-pays the full prior context.\r\n\r\n  - `/clear` between unrelated tasks (\"kitchen sink session\" anti-pattern) — often the biggest win.\r\n  - `/compact <focus>` with explicit preserve-instructions before context drifts past ~50%.\r\n  - `/rewind` to redirect early. After two failed corrections, `/clear` and restart with a better prompt.\r\n  - Subagents for investigation — they explore in a separate context and report a summary.\r\n  - Bloated CLAUDE.md is loaded every turn. If the session shows Claude ignoring a rule that's *in* CLAUDE.md, the file is probably too long.\r\n\r\n\r\n### Request settings\r\nVisible in `<summary>`.\r\n\r\n  - **Model**: Opus used for work Sonnet or Haiku could have done.\r\n  - **Caching**: a low cache-hit ratio means re-paying for the same context every turn. Bursty sessions, mid-session CLAUDE.md edits, tool-list changes, or long idle gaps bust the cache.\r\n  - **5m vs 1h cache**: 5m is the right default for almost all sessions and should be used most of the time. A 1h write costs ~2× a 5m write, so it only pays off in narrow cases — when the session reliably has gaps >5 min between turns (scheduled / background tasks, long manual review breaks, sessions resumed hours later). Most interactive coding does NOT qualify. Only flag 1h-caching as a fix when the activity timestamps in `<summary>` clearly show long gaps AND the cache-hit ratio is poor. Conversely, if the session is tight (<5 min gaps) but `Cache write (1h)` is non-trivial, that's overspend — recommend dropping back to 5m.\r\n  - **Unused system tools** (web search/fetch, MCP, bash, etc.) add tokens every turn even when they don't fire — disable what wasn't needed. Expensive web-search/fetch loops can also be short-circuited by pasting a URL or doc.\r\n  - **Context cap**: 1M-context for work that fits in 200k makes every cached token more expensive.\r\n\r\n\r\n\r\n# Input\r\n\r\n`<summary>` is rich — the app pre-computes it for you. Read every field and reason from numbers, not vibes\r\n`<transcript>` shows the actual turns, labeled with per-turn token deltas like `(+12k / 340k tokens)`. Use the deltas to find expensive moments and to ground each recommendation in a concrete event. **Instructions loaded** rows are CLAUDE.md / memory files Claude Code injected into the system prompt — they re-pay on every turn, so their size and relevance are a direct cost lever.\r\n{{TRUNCATION_NOTE}}\r\n\r\n# How to analyze\r\nSilently — don't show your work.\r\n\r\n  1. **Read `<summary>` first.** Several recommendations come straight from these numbers without needing the transcript.\r\n  2. **Then scan `<transcript>`** for the 2–4 most expensive moments via token deltas. What was happening? Was the prompt vague? Was context already large?\r\n  3. Cross-reference: do the transcript moments confirm or contradict the `<summary>` signals? E.g. low cache-hit ratio + bursty activity timestamps + small mid-session edits → cache-busting pattern.\r\n  4. Match findings against the levers above, OR identify other concrete inefficiencies the user could fix. Pick up to 3 changes that would have saved the most tokens *for this specific session*.\r\n  5. Drop any item you can't tie to a concrete signal (a number from `<summary>` or a moment in `<transcript>`).\r\n  6. Estimate a single combined savings figure (conservative). No per-item dollars.\r\n\r\n# Output\r\n\r\n## Rules\r\n  - Audience: a technical user in a hurry. Skimmable in ~10 seconds. No preamble, no closing remarks, no hedging. Avoid jargon, model internals, and acronyms.\r\n  - Each item: short instruction and why, tied to this session. No second sentence, no dollar figure.\r\n  - Rank by impact. Fewer items are fine — one strong item beats many weak ones.\r\n  - If the session was already efficient (no meaningful waste), output the one-line summary, then `I don't see any meaningful savings.` on its own line, and stop. Do not invent items to fill the list.\r\n\r\n## Format\r\n\r\n<one-line session summary, ≤20 words>\r\n\r\n**How to optimize?**\r\n\r\nN. **<instruction, ≤8 words>** — <why, tied to this session, ≤10 words>\r\n\r\n**Estimated savings: X% (about $X)**\r\n";
-const TRUNCATE_NOTE = `  - Note: long content was truncated for display (lines >${TRUNCATE_LINE_CHARS} chars, blocks >${TRUNCATE_LINES} lines). The original session had the full content — base advice on what was clearly happening, not on the truncation.`;
+const TRUNCATE_NOTE = `  - Note: long content was truncated for display (lines >${MAX_LINE_CHARS} chars, blocks >${MAX_LINES} lines). The original session had the full content — base advice on what was clearly happening, not on the truncation.`;
+const PROMPT = String(ANALYZE_PROMPT).replace("{{TRUNCATION_NOTE}}", TRUNCATE_NOTE);
 function useAgent(resetKey) {
-  const [truncated, setTruncated] = useLocalStorage("agent.truncated", true);
-  const [editedPrompt, setEditedPrompt] = useLocalStorage("agent.prompt", "");
   const [running, setRunning] = reactExports.useState(false);
   const [output, setOutput] = reactExports.useState("");
   const [error, setError] = reactExports.useState("");
-  const defaultPrompt = String(ANALYZE_PROMPT).replace("{{TRUNCATION_NOTE}}", truncated ? TRUNCATE_NOTE : "");
-  const prompt = editedPrompt || defaultPrompt;
   reactExports.useEffect(() => window.api.onAgentOutput((chunk) => setOutput((p) => p + chunk)), []);
   reactExports.useEffect(() => {
     setError("");
     setRunning(false);
     setOutput("");
   }, [resetKey]);
-  const send = async (text) => {
+  const analyze = async (meta, items, instructions) => {
     setError("");
     setOutput("");
     setRunning(true);
     try {
-      const { code } = await window.api.runAgentPrompt(text);
+      const { body } = markdownSession(meta, items, instructions);
+      const { code } = await window.api.runAgentPrompt(`${PROMPT}
+
+---
+${body}`);
       if (code !== 0) setError(`Claude exited with code ${code}`);
     } catch (err) {
       setError(err.message || String(err));
@@ -2413,18 +2518,18 @@ function useAgent(resetKey) {
       setRunning(false);
     }
   };
-  return { running, error, send, prompt, editedPrompt, setEditedPrompt, output, truncated, setTruncated, defaultPrompt };
+  return { running, error, output, analyze };
 }
 const TABS = [
   { key: "conversation", label: "Conversation" },
   { key: "jsonl", label: "Raw Logs" },
   { key: "requests", label: "API Requests" }
 ];
-function Session({ meta, missing, date, granularity = "day" }) {
+function Session({ meta, missing, date, granularity = "day", onShowPeriodOf }) {
   const [items, setItems] = reactExports.useState(null);
   const [instructions, setInstructions] = reactExports.useState([]);
+  const [error, setError] = reactExports.useState(null);
   const [mode, setMode] = useLocalStorage("session.view-mode", "conversation");
-  const [agentOpen, setAgentOpen] = reactExports.useState(false);
   const [expandAll, setExpandAll] = reactExports.useState(null);
   const filePath = meta?.filePath;
   const fileSize = meta?.fileSize;
@@ -2432,6 +2537,7 @@ function Session({ meta, missing, date, granularity = "day" }) {
   reactExports.useEffect(() => {
     setItems(null);
     setInstructions([]);
+    setError(null);
   }, [filePath, date, granularity]);
   reactExports.useEffect(() => {
     if (!filePath) return;
@@ -2440,18 +2546,22 @@ function Session({ meta, missing, date, granularity = "day" }) {
       if (cancelled || !res) return;
       setItems(res.items);
       setInstructions(res.instructions || []);
+      setError(null);
+    }, (err) => {
+      if (!cancelled) setError(err);
     });
     return () => {
       cancelled = true;
     };
   }, [filePath, date, granularity, fileSize]);
   if (!meta) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "session-view empty", children: missing?.warn ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "session-missing", children: [
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "session-view empty", children: missing?.error ? /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorMessage, { title: missing.text, error: missing.error }) : missing?.warn ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "session-missing", children: [
       "⚠ ",
       missing.text
     ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: missing?.text || "Select a session to inspect." }) });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "session-view", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "view-body", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "view-conversation", children: agentOpen ? /* @__PURE__ */ jsxRuntimeExports.jsx(AgentView, { meta, items, instructions, agent, onClose: () => setAgentOpen(false) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "view-tab-pane", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "view-tab-pane-row", children: [
+  const loadError = error && /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorMessage, { title: "Couldn't load this session", error });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "session-view", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "view-body", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "view-conversation", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "view-tab-pane", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "view-tab-pane-row", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "view-tab-pane-main", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "view-tabs-bar", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "view-tabs", children: TABS.map(({ key, label }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -2473,9 +2583,9 @@ function Session({ meta, missing, date, granularity = "day" }) {
           }
         )
       ] }),
-      mode === "conversation" ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "view-tab-pane-content", children: items ? /* @__PURE__ */ jsxRuntimeExports.jsx(ConversationView, { items, instructions, expandAll }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "empty", children: "Loading conversation…" }) }) : mode === "jsonl" ? /* @__PURE__ */ jsxRuntimeExports.jsx(JsonlView, { items, expandAll }) : /* @__PURE__ */ jsxRuntimeExports.jsx(RequestsView, { filePath, date, granularity, fileSize, expandAll })
+      mode === "conversation" ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "view-tab-pane-content", children: items ? /* @__PURE__ */ jsxRuntimeExports.jsx(ConversationView, { items, instructions, filePath: meta.parentFilePath ?? meta.filePath, expandAll, continuesFrom: meta.continuesFrom, continuesTo: meta.continuesTo, onShowPeriodOf }) : loadError || /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "empty", children: "Loading conversation…" }) }) : mode === "jsonl" ? !items && loadError || /* @__PURE__ */ jsxRuntimeExports.jsx(JsonlView, { items, expandAll }) : /* @__PURE__ */ jsxRuntimeExports.jsx(RequestsView, { filePath, date, granularity, fileSize, expandAll })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(SessionSummary, { meta, items, instructions, agent, onOpenAgent: () => setAgentOpen(true), granularity })
+    /* @__PURE__ */ jsxRuntimeExports.jsx(SessionSummary, { meta, items, instructions, agent, granularity })
   ] }) }) }) }) });
 }
 function useSwitch({ name, isOn = () => false }) {
@@ -2576,6 +2686,23 @@ const claudeDirTooltip = /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExport
   /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "Previous directories are listed in the File menu (press Alt)." })
 ] });
 const claudeDirChanges = /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { children: `"claudeDir": "…the chosen folder"` });
+const updateTooltip = ({ current, latest }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+  /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
+    "A new version is available: ",
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("b", { children: [
+      "v",
+      current,
+      " → v",
+      latest
+    ] })
+  ] }),
+  /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "The app will restart to install it - this takes about a minute." })
+] });
+const npxTooltip = /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+  /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "This copy runs from the npx cache, which npm clears from time to time." }),
+  /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "Install it globally to keep it, with in-app updates and settings that stay active after closing." }),
+  /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "The app will restart from the global install - this takes about a minute." })
+] });
 const ONE_YEAR_DAYS = 365;
 function humanizeDays(days) {
   if (days < ONE_YEAR_DAYS) return `${days}d`;
@@ -2588,6 +2715,16 @@ function StatusBar({ progress, sessionCount = 0 }) {
   const statusline = useSwitch({ name: "statusline", isOn: (s) => s?.installed });
   const retention = useSwitch({ name: "retention", isOn: (s) => s?.raised });
   const claudedir = useSwitch({ name: "claudedir" });
+  const [update, setUpdate] = reactExports.useState(null);
+  const [updating, setUpdating] = reactExports.useState(false);
+  reactExports.useEffect(() => {
+    window.api.checkUpdate().then(setUpdate);
+  }, []);
+  const updater = { status: update, busy: updating, toggle: async () => {
+    setUpdating(true);
+    await window.api.installUpdate();
+    setUpdating(false);
+  } };
   const proxyRunning = proxy.status?.running;
   const proxyDown = proxy.status?.configured && proxyRunning === false;
   const retentionRaised = retention.status?.raised;
@@ -2605,6 +2742,14 @@ function StatusBar({ progress, sessionCount = 0 }) {
       ] }),
       scanning && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "progress-bar", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "progress-bar-fill", style: { width: `${pct}%` } }) })
     ] }),
+    update?.fromNpx && /* @__PURE__ */ jsxRuntimeExports.jsxs(StatusSwitch, { service: updater, button: "Install globally", className: "statusbar-update", tooltip: npxTooltip, changes: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { children: `npm i -g claude-discover@${update.latest}` }), changesTitle: "Runs after the app closes", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowDownToLine, { size: 12 }),
+      " Install this app"
+    ] }),
+    update && !update.fromNpx && /* @__PURE__ */ jsxRuntimeExports.jsxs(StatusSwitch, { service: updater, button: `Update to v${update.latest}`, className: "statusbar-update", tooltip: updateTooltip(update), changes: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { children: `npm i -g claude-discover@${update.latest}` }), changesTitle: "Runs after the app closes", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowDownToLine, { size: 12 }),
+      " Update available"
+    ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(StatusSwitch, { service: retention, on: retentionRaised, warn: !!(retention.status && !retentionRaised), tooltip: retentionTooltip, changes: retentionChanges, children: [
       "Session logs ",
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "statusbar-state", children: retention.status ? humanizeDays(retention.status.days) : "…" })
@@ -2626,6 +2771,7 @@ function StatusBar({ progress, sessionCount = 0 }) {
 function App() {
   const [sessions, setSessions] = reactExports.useState([]);
   const [loading, setLoading] = reactExports.useState(true);
+  const [listError, setListError] = reactExports.useState(null);
   const [scanProgress, setScanProgress] = reactExports.useState(null);
   const [granularity, setGranularity] = useLocalStorage("gantt.granularity", "day");
   const [anchor, setAnchor] = reactExports.useState(() => startOfPeriod(Date.now(), granularity));
@@ -2659,6 +2805,13 @@ function App() {
       window.api.listSessions(format(anchor, "yyyy-MM-dd"), granularity).then((s) => {
         if (!cancelled) {
           setSessions(s || []);
+          setListError(null);
+          setLoading(false);
+        }
+      }, (err) => {
+        if (!cancelled) {
+          setSessions([]);
+          setListError(err);
           setLoading(false);
         }
       });
@@ -2684,7 +2837,8 @@ function App() {
     [sessions, selectedId]
   );
   let missing = null;
-  if (!selected && scanProgress?.scanning === false) {
+  if (listError) missing = { text: "Couldn't load sessions", error: listError };
+  else if (!selected && scanProgress?.scanning === false) {
     const when = granularity === "day" ? `on ${format(anchor, "MMM d, yyyy")}` : `in this ${granularity}`;
     if (!sessions.length) missing = { text: `No sessions recorded ${when}.` };
     else if (deepLink?.date === format(anchor, "yyyy-MM-dd")) missing = { text: `Session ${selectedId} has no records ${when}.`, warn: true };
@@ -2782,7 +2936,7 @@ function App() {
                   }
                 ) }),
                 /* @__PURE__ */ jsxRuntimeExports.jsx(nn, { className: "resize-handle resize-handle-v" }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx(Qt, { id: "detail", minSize: 30, className: "body-pane", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Session, { meta: selected, missing, date: format(anchor, "yyyy-MM-dd"), granularity }) })
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Qt, { id: "detail", minSize: 30, className: "body-pane", children: /* @__PURE__ */ jsxRuntimeExports.jsx(PaneErrorBoundary, { title: "Couldn't render this session", resetKeys: [selected?.filePath, anchor, granularity], children: /* @__PURE__ */ jsxRuntimeExports.jsx(Session, { meta: selected, missing, date: format(anchor, "yyyy-MM-dd"), granularity, onShowPeriodOf: (ts) => setAnchor(startOfPeriod(ts, granularity)) }) }) })
               ]
             }
           ) })
@@ -2816,5 +2970,8 @@ delegate("body", {
   }
 });
 clientExports.createRoot(document.getElementById("root")).render(
-  /* @__PURE__ */ jsxRuntimeExports.jsx(React.StrictMode, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(App, {}) })
+  /* @__PURE__ */ jsxRuntimeExports.jsxs(React.StrictMode, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(AppErrorBoundary, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(App, {}) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBanner, {})
+  ] })
 );