claude-discover 1.9.0

package/out/renderer/assets/index-BLwpO6Wp.js

@@ -0,0 +1,2629 @@
+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, Z as Zap, D as DollarSign, R as React, q as Markdown$1, t as rehypeHighlight, u as remarkGfm, T as Terminal, J as JsonView, v as vscodeTheme, w as tippy, x as reactDomExports, y as sn, X as Xt, z as Zt, A as tn, B as delegate, E as clientExports } from "./vendors-D6iOvAG3.js";
+const SOURCE_COLORS = {
+  scheduled: "#14b8a6",
+  cli: "#3b82f6",
+  "claude-desktop": "#22c55e",
+  "sdk-cli": "#c084fc",
+  "sdk-py": "#6f3eca",
+  "sdk-ts": "#a851db",
+  other: "#94a3b8"
+};
+const SOURCE_ORDER = ["cli", "claude-desktop", "sdk-cli", "sdk-ts", "sdk-py", "scheduled", "other"];
+const SOURCE_LABELS = {
+  scheduled: "Scheduled",
+  cli: "CLI",
+  "claude-desktop": "Desktop",
+  "sdk-cli": "SDK (CLI)",
+  "sdk-ts": "SDK (TS)",
+  "sdk-py": "SDK (Py)",
+  other: "Other"
+};
+const VERSION_KEY = "version";
+function useLocalStorage(key, initial) {
+  const [value, setValue] = reactExports.useState(() => {
+    const raw = localStorage.getItem(key);
+    if (raw === null) {
+      return typeof initial === "function" ? initial() : initial;
+    }
+    return JSON.parse(raw);
+  });
+  reactExports.useEffect(() => {
+    localStorage.setItem(key, JSON.stringify(value));
+  }, [key, value]);
+  return [value, setValue];
+}
+function clearOutdatedLocalStorage() {
+  const version = localStorage.getItem(VERSION_KEY);
+  if (version !== "1.9.0") {
+    const [MAJOR, MINOR, PATCH] = "1.9.0".split(".");
+    const [major, minor, patch] = (version ?? "").split(".");
+    if (MAJOR !== major || MINOR !== minor) {
+      localStorage.clear();
+    }
+    localStorage.setItem(VERSION_KEY, "1.9.0");
+  }
+}
+function useMouseFontScale(storageKey) {
+  const [scale, setScale] = useLocalStorage(storageKey, 1);
+  const ref = reactExports.useRef(null);
+  useMouse(ref, {
+    onZoom: (e) => {
+      const dir = (e.deltaY || e.deltaX) < 0 ? 1 : -1;
+      setScale((s) => Math.min(2, Math.max(0.7, Math.round((s + dir * 0.1) * 10) / 10)));
+    },
+    onReset: () => setScale(1)
+  });
+  return [scale, ref];
+}
+function useMouse(ref, handlers) {
+  const fns = reactExports.useRef(handlers);
+  fns.current = handlers;
+  reactExports.useEffect(() => {
+    const el = ref.current;
+    const wheel = (e) => {
+      const { onZoom, onPan } = fns.current;
+      if (e.shiftKey || e.ctrlKey) {
+        if (!onZoom) return;
+        e.preventDefault();
+        onZoom(e);
+      } else if (onPan && e.deltaX !== 0) {
+        e.preventDefault();
+        onPan(e.deltaX);
+      }
+    };
+    const dragToPan = (e) => {
+      let startX = e.clientX;
+      const move = (me) => {
+        fns.current.onPan(startX - me.clientX);
+        startX = me.clientX;
+      };
+      const up = () => {
+        document.removeEventListener("mousemove", move);
+        document.removeEventListener("mouseup", up);
+      };
+      document.addEventListener("mousemove", move);
+      document.addEventListener("mouseup", up);
+    };
+    const mousedown = (e) => {
+      const { onReset, onPan } = fns.current;
+      if (e.shiftKey || e.ctrlKey) {
+        if (e.button !== 1 || !onReset) return;
+        e.preventDefault();
+        onReset(e);
+      } else if (onPan && !e.target.closest?.("[data-no-pan]")) {
+        dragToPan(e);
+      }
+    };
+    el.addEventListener("wheel", wheel, { passive: false });
+    el.addEventListener("mousedown", mousedown);
+    return () => {
+      el.removeEventListener("wheel", wheel);
+      el.removeEventListener("mousedown", mousedown);
+    };
+  }, [ref]);
+}
+const isJournal = (s) => s.sessionId.endsWith("-journal");
+function subagentsByParent(sessions) {
+  const ids = new Set(sessions.map((s) => s.sessionId));
+  const byParent = /* @__PURE__ */ new Map();
+  for (const s of sessions) {
+    if (!ids.has(s.parentSessionId)) continue;
+    let arr = byParent.get(s.parentSessionId);
+    if (!arr) byParent.set(s.parentSessionId, arr = []);
+    arr.push(s);
+  }
+  return byParent;
+}
+function subagentClusters(sessions, gap) {
+  return [...subagentsByParent(sessions).values()].flatMap((subs) => subs.sort((a, b) => a.startedAt - b.startedAt).reduce((runs, s, i, arr) => {
+    if (i && s.startedAt - arr[i - 1].lastActivityAt <= gap) runs.at(-1).push(s);
+    else runs.push([s]);
+    return runs;
+  }, []));
+}
+const BIN_HEIGHT_PX = 4;
+const BIN_WIDTH_MINUTES = 5;
+const BIN_WIDTH_MS = BIN_WIDTH_MINUTES * 6e4;
+const STOPS = [
+  [2, "rgb(128 136 147 / 0.25)"],
+  // light
+  [5, "rgb(245 158  11 / 0.70)"],
+  // heavy
+  [10, "rgb(239  68  68 / 0.95)"],
+  // very expensive
+  [Infinity, "rgb(185  28  28 / 1.00)"]
+  // outlier
+];
+function HeatStrip({ sessions, viewStart, viewEnd, width, gutter }) {
+  const chartWidth = width - gutter;
+  const slotStart = Math.floor(viewStart / BIN_WIDTH_MS) * BIN_WIDTH_MS;
+  const binCount = Math.ceil((viewEnd - slotStart) / BIN_WIDTH_MS);
+  const binW = BIN_WIDTH_MS / (viewEnd - viewStart) * chartWidth;
+  const x0 = (slotStart - viewStart) / (viewEnd - viewStart) * chartWidth;
+  const bins = reactExports.useMemo(() => {
+    const arr = new Float64Array(binCount);
+    for (const s of sessions) {
+      for (const { start, end, cost } of s.costSamples ?? []) {
+        const turnEnd = Math.max(end, start + 1);
+        const ratePerMs = cost / (turnEnd - start);
+        const b0 = Math.max(0, Math.floor((start - slotStart) / BIN_WIDTH_MS));
+        const b1 = Math.min(binCount - 1, Math.floor((turnEnd - slotStart) / BIN_WIDTH_MS));
+        for (let b = b0; b <= b1; b++) {
+          const bs = slotStart + b * BIN_WIDTH_MS;
+          arr[b] += ratePerMs * (Math.min(turnEnd, bs + BIN_WIDTH_MS) - Math.max(start, bs));
+        }
+      }
+    }
+    return arr;
+  }, [sessions, slotStart, binCount]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width, height: BIN_HEIGHT_PX, className: "heat-strip", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("rect", { x: 0, y: 0, width: gutter, height: BIN_HEIGHT_PX, className: "gantt-gutter" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("g", { transform: `translate(${gutter},0)`, children: Array.from(bins, (cost, i) => {
+      if (cost <= 0) return null;
+      const fill = STOPS.find(([max]) => cost < max)[1];
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("rect", { x: x0 + i * binW, y: 0, width: binW + 0.6, height: BIN_HEIGHT_PX, fill, children: /* @__PURE__ */ jsxRuntimeExports.jsx("title", { children: `$${cost.toFixed(2)} in ${BIN_WIDTH_MINUTES}m` }) }, i);
+    }) })
+  ] });
+}
+function minorIntervalFor(span) {
+  if (span < 15 * 6e4) return 6e4;
+  if (span < 60 * 6e4) return 5 * 6e4;
+  if (span < 3 * 36e5) return 10 * 6e4;
+  if (span < 12 * 36e5) return 30 * 6e4;
+  return null;
+}
+function computeTicks({ viewStart, viewEnd, width, span }) {
+  if (span > 2 * 864e5) {
+    const ticks2 = [];
+    const d = new Date(viewStart);
+    d.setHours(0, 0, 0, 0);
+    if (d.getTime() < viewStart) d.setDate(d.getDate() + 1);
+    for (let t = d.getTime(); t <= viewEnd; d.setDate(d.getDate() + 1), t = d.getTime()) {
+      ticks2.push({ x: (t - viewStart) / span * width, label: format(t, "MMM d"), major: true });
+    }
+    return ticks2;
+  }
+  const step = minorIntervalFor(span) ?? 36e5;
+  const intervalMin = step / 6e4;
+  const t0 = new Date(viewStart);
+  t0.setSeconds(0, 0);
+  t0.setMinutes(t0.getMinutes() - t0.getMinutes() % intervalMin);
+  if (t0.getTime() < viewStart) t0.setMinutes(t0.getMinutes() + intervalMin);
+  const ticks = [];
+  for (let t = t0.getTime(); t <= viewEnd; t += step) {
+    const d = new Date(t);
+    const major = d.getMinutes() === 0;
+    const label = major ? String(d.getHours()).padStart(2, "0") : `:${String(d.getMinutes()).padStart(2, "0")}`;
+    ticks.push({ x: (t - viewStart) / span * width, label, major });
+  }
+  return ticks;
+}
+function TimeAxis({ viewStart, viewEnd, width, span, headerHeight }) {
+  const ticks = computeTicks({ viewStart, viewEnd, width, span });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("g", { className: "ticks", children: ticks.map((tk, i) => /* @__PURE__ */ jsxRuntimeExports.jsxs("g", { transform: `translate(${tk.x},0)`, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("line", { y1: 0, y2: headerHeight, className: `tick-hline ${tk.major ? "tick-major" : "tick-minor"}` }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("text", { x: 4, y: 14, className: `tick-text ${tk.major ? "tick-major" : "tick-minor"}`, children: tk.label })
+  ] }, i)) });
+}
+const SNAP_MIN = 5;
+const clamp = (v, lo, hi) => Math.min(Math.max(v, lo), hi);
+const fmtHM = (m) => `${String(Math.floor(m / 60)).padStart(2, "0")}:${String(m % 60).padStart(2, "0")}`;
+const parseHM = (s) => {
+  const [h, m] = s.split(":").map(Number);
+  return h * 60 + m;
+};
+const weekendSpans = (viewStart, viewEnd) => {
+  const spans = [];
+  const d = new Date(viewStart);
+  d.setHours(0, 0, 0, 0);
+  while (d.getTime() < viewEnd) {
+    const day = d.getDay();
+    if (day === 0 || day === 6) {
+      const start = d.getTime();
+      const end = new Date(d).setDate(d.getDate() + 1);
+      spans.push([clamp(start, viewStart, viewEnd), clamp(end, viewStart, viewEnd)]);
+    }
+    d.setDate(d.getDate() + 1);
+  }
+  return spans;
+};
+function WorkTimeOverlay({
+  showWorkBand = true,
+  dayStart,
+  viewStart,
+  viewEnd,
+  chartLeft,
+  chartWidth,
+  totalHeight,
+  headerHeight,
+  containerRef
+}) {
+  const [workTime, setWorkTime] = reactExports.useState(null);
+  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) }));
+  }, []);
+  reactExports.useEffect(() => {
+    const id = setInterval(() => setNow(Date.now()), 6e4);
+    return () => clearInterval(id);
+  }, []);
+  reactExports.useEffect(() => {
+    if (workTime) window.api.setWorkHours({ work_hours: { start: fmtHM(workTime.startMin), end: fmtHM(workTime.endMin) } });
+  }, [workTime]);
+  const chartRight = chartLeft + chartWidth;
+  const xForMin = (min) => chartLeft + (dayStart + min * 6e4 - viewStart) / (viewEnd - viewStart) * chartWidth;
+  const xStart = workTime ? xForMin(workTime.startMin) : 0;
+  const xEnd = workTime ? xForMin(workTime.endMin) : 0;
+  const startDrag = (which) => (e) => {
+    e.stopPropagation();
+    e.preventDefault();
+    setDragging(which);
+    const onMove = (m) => {
+      const rect = containerRef.current.getBoundingClientRect();
+      const ratio = clamp((m.clientX - rect.left - chartLeft) / chartWidth, 0, 1);
+      const ts = viewStart + ratio * (viewEnd - viewStart);
+      const min = clamp(Math.round((ts - dayStart) / 6e4 / SNAP_MIN) * SNAP_MIN, 0, 24 * 60);
+      setWorkTime((wt) => which === "start" ? { ...wt, startMin: Math.min(min, wt.endMin - SNAP_MIN) } : { ...wt, endMin: Math.max(min, wt.startMin + SNAP_MIN) });
+    };
+    const onUp = () => {
+      setDragging(null);
+      document.removeEventListener("mousemove", onMove);
+      document.removeEventListener("mouseup", onUp);
+    };
+    document.addEventListener("mousemove", onMove);
+    document.addEventListener("mouseup", onUp);
+  };
+  const renderHandle = (which, rawX, min) => {
+    if (rawX < chartLeft - 1 || rawX > chartRight + 1) return null;
+    const x = clamp(rawX, chartLeft, chartRight);
+    const isDragging = dragging === which;
+    const labelOnLeft = which === "end";
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("g", { className: "work-handle", "data-no-pan": "", onMouseDown: startDrag(which), children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("rect", { className: "work-handle-hit", x: x - 7, y: 0, width: 14, height: totalHeight }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("line", { className: "work-handle-line", x1: x, x2: x, y1: 0, y2: totalHeight }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("rect", { className: "work-handle-grip", x: x - 4, y: 6, width: 8, height: 16, rx: 2 }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("title", { children: `Work ${which}: ${fmtHM(min)}` }),
+      isDragging && /* @__PURE__ */ jsxRuntimeExports.jsx("foreignObject", { x: labelOnLeft ? x - 50 : x + 6, y: 2, width: 48, height: 20, pointerEvents: "none", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "work-handle-label", children: fmtHM(min) }) })
+    ] });
+  };
+  const shadeL = clamp(xStart, chartLeft, chartRight);
+  const shadeR = clamp(xEnd, chartLeft, chartRight);
+  const xForTs = (ts) => chartLeft + (ts - viewStart) / (viewEnd - viewStart) * chartWidth;
+  const showNow = now >= viewStart && now <= viewEnd;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("g", { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("defs", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("pattern", { id: "work-offhours-stripes", width: 8, height: 8, patternUnits: "userSpaceOnUse", patternTransform: "rotate(45)", children: /* @__PURE__ */ jsxRuntimeExports.jsx("line", { className: "work-offhours-stripe", x1: 0, y1: 0, x2: 0, y2: 8 }) }) }),
+    showWorkBand && workTime && /* @__PURE__ */ jsxRuntimeExports.jsxs("g", { className: "work-overlay", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("rect", { className: "work-offhours-shade", x: chartLeft, y: 0, width: Math.max(0, shadeL - chartLeft), height: totalHeight }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("rect", { className: "work-offhours-shade", x: shadeR, y: 0, width: Math.max(0, chartRight - shadeR), height: totalHeight }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("g", { className: "work-handles", children: [
+        renderHandle("start", xStart, workTime.startMin),
+        renderHandle("end", xEnd, workTime.endMin)
+      ] })
+    ] }),
+    !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);
+    }) }),
+    showNow && /* @__PURE__ */ jsxRuntimeExports.jsxs("g", { className: "now-line", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: xForTs(now), x2: xForTs(now), y1: 0, y2: totalHeight }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("text", { x: xForTs(now) + 4, y: headerHeight - 2, children: "now" })
+    ] })
+  ] });
+}
+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 },
+  month: { height: 10, min_width: 2, row_gap: 2, group_gap: 2, radius: 1 }
+};
+const SUBAGENT_SPLIT_GAP = 5 * 6e4;
+const endOf = (s) => Math.max(s.lastActivityAt, s.startedAt + 6e4);
+function packLanes(items) {
+  const lanes = [];
+  const placed = items.slice().sort((a, b) => a.start - b.start).map((item) => {
+    let lane = lanes.findIndex((endTs) => endTs <= item.start);
+    if (lane === -1) {
+      lane = lanes.length;
+      lanes.push(item.end);
+    } else {
+      lanes[lane] = item.end;
+    }
+    return { item, lane };
+  });
+  return { placed, laneCount: Math.max(1, lanes.length) };
+}
+function GanttChart({
+  dayRange,
+  sessions,
+  onSelect,
+  selectedId,
+  dayAnchor,
+  granularity = "day",
+  projectFilter,
+  onToggleProjectFilter
+}) {
+  const bar = BARS[granularity] ?? BARS.day;
+  const containerRef = reactExports.useRef(null);
+  const [width, setWidth] = reactExports.useState(1200);
+  const [view, setView] = useLocalStorage("gantt-chart.view", { dayAnchor, granularity, start: dayRange.start, end: dayRange.end });
+  reactExports.useEffect(() => {
+    if (view.dayAnchor !== dayAnchor || view.granularity !== granularity) {
+      setView({ dayAnchor, granularity, start: dayRange.start, end: dayRange.end });
+    }
+  }, [dayAnchor, granularity]);
+  reactExports.useEffect(() => {
+    if (!containerRef.current) return;
+    const ro = new ResizeObserver((entries) => {
+      for (const e of entries) setWidth(Math.max(400, e.contentRect.width));
+    });
+    ro.observe(containerRef.current);
+    return () => ro.disconnect();
+  }, []);
+  const { groups, totalHeight } = reactExports.useMemo(() => {
+    const clusters = subagentClusters(sessions, SUBAGENT_SPLIT_GAP).filter((c) => c.length >= 2);
+    const collapsed = new Set(clusters.flat().map((s) => s.sessionId));
+    const byKey = /* @__PURE__ */ new Map();
+    const addItem = (s, item, cost) => {
+      const key = s.project || "(no project)";
+      let group = byKey.get(key);
+      if (!group) byKey.set(key, group = { projectShort: s.projectShort, items: [], cost: 0 });
+      group.items.push(item);
+      group.cost += cost || 0;
+    };
+    for (const s of sessions) {
+      if (collapsed.has(s.sessionId)) continue;
+      addItem(s, {
+        id: s.sessionId,
+        label: s.summary || s.firstUserPrompt || s.firstUserCommand || s.sessionId,
+        start: s.startedAt,
+        end: endOf(s),
+        source: s.source,
+        activityPeriods: s.activityPeriods
+      }, s.cost);
+    }
+    for (const subs of clusters) {
+      const periods = subs.map((c) => ({ start: c.startedAt, end: endOf(c) }));
+      addItem(subs[0], {
+        id: `${subs[0].sessionId}::subagents`,
+        start: periods[0].start,
+        end: Math.max(...periods.map((p) => p.end)),
+        source: subs[0].source,
+        activityPeriods: periods,
+        subs,
+        subCount: subs.filter((c) => !isJournal(c)).length
+        // journals are workflow logs, not subagents
+      }, subs.reduce((sum, c) => sum + (c.cost || 0), 0));
+    }
+    const arr = [...byKey.entries()].map(([key, { projectShort, items, cost }]) => {
+      const { placed, laneCount } = packLanes(items);
+      return { key, projectShort, placed, laneCount, cost };
+    });
+    arr.sort((a, b) => b.cost - a.cost);
+    let y = HEADER_HEIGHT;
+    for (const g of arr) {
+      g.yOffset = y;
+      g.height = g.laneCount * (bar.height + bar.row_gap);
+      y += g.height + bar.group_gap;
+    }
+    return { groups: arr, totalHeight: Math.max(HEADER_HEIGHT + bar.height + 12, y + 4) };
+  }, [sessions, granularity]);
+  const chartWidth = Math.max(100, width - PROJECTS_WIDTH);
+  const span = view.end - view.start;
+  const xFor = (ts) => PROJECTS_WIDTH + (ts - view.start) / span * chartWidth;
+  const ticks = reactExports.useMemo(
+    () => computeTicks({ viewStart: view.start, viewEnd: view.end, width: chartWidth, span }),
+    [view.start, view.end, chartWidth, span]
+  );
+  useMouse(containerRef, {
+    onZoom: (e) => {
+      const rect = containerRef.current.getBoundingClientRect();
+      const xInCanvas = e.clientX - rect.left;
+      const ratio = Math.min(1, Math.max(0, (xInCanvas - PROJECTS_WIDTH) / chartWidth));
+      const newSpan = Math.max(6e4, Math.min(dayRange.end - dayRange.start, span * Math.exp(e.deltaY * 15e-4)));
+      const center = view.start + ratio * span;
+      const start = Math.max(dayRange.start, center - ratio * newSpan);
+      const end = Math.min(dayRange.end, center + (1 - ratio) * newSpan);
+      setView((v) => ({ ...v, start, end }));
+    },
+    onReset: () => setView((v) => ({ ...v, start: dayRange.start, end: dayRange.end })),
+    onPan: (dx) => {
+      const dt = dx / chartWidth * span;
+      setView((v) => {
+        const newStart = Math.max(dayRange.start, v.start + dt);
+        const newEnd = Math.min(dayRange.end, v.end + dt);
+        return newEnd - newStart < span ? v : { ...v, start: newStart, end: newEnd };
+      });
+    }
+  });
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "gantt-wrap", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      HeatStrip,
+      {
+        sessions,
+        viewStart: view.start,
+        viewEnd: view.end,
+        width,
+        gutter: PROJECTS_WIDTH
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "gantt-canvas", ref: containerRef, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width, height: totalHeight, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("defs", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("pattern", { id: "gantt-subagent-hatch", patternUnits: "userSpaceOnUse", width: 5, height: 5, patternTransform: "rotate(45)", children: /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: 0, y1: 0, x2: 0, y2: 5, stroke: "#0b0e14", strokeWidth: 3.5 }) }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("rect", { x: 0, y: 0, width: PROJECTS_WIDTH, height: totalHeight, className: "gantt-gutter" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: PROJECTS_WIDTH, x2: PROJECTS_WIDTH, y1: 0, y2: totalHeight, className: "gantt-divider" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("g", { transform: `translate(${PROJECTS_WIDTH},0)`, children: [
+        ticks.map((tk, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "line",
+          {
+            x1: tk.x,
+            x2: tk.x,
+            y1: HEADER_HEIGHT,
+            y2: totalHeight,
+            className: `tick-vline ${tk.major ? "tick-major" : "tick-minor"}`
+          },
+          i
+        )),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(TimeAxis, { viewStart: view.start, viewEnd: view.end, width: chartWidth, span, headerHeight: HEADER_HEIGHT })
+      ] }),
+      groups.map((g, gi) => /* @__PURE__ */ jsxRuntimeExports.jsxs("g", { style: projectFilter && projectFilter !== g.key ? { opacity: 0.25 } : void 0, children: [
+        gi > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "line",
+          {
+            x1: 0,
+            x2: width,
+            y1: g.yOffset - bar.group_gap / 2,
+            y2: g.yOffset - bar.group_gap / 2,
+            className: "gantt-group-sep"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "text",
+          {
+            x: 8,
+            y: g.yOffset + 14,
+            className: `gantt-project gantt-project-clickable${projectFilter === g.key ? " gantt-project-active" : ""}`,
+            onClick: (e) => {
+              e.stopPropagation();
+              onToggleProjectFilter?.(g.key);
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("title", { children: g.key }),
+              g.projectShort
+            ]
+          }
+        ),
+        g.placed.map(({ item, lane }) => {
+          const y = g.yOffset + lane * (bar.height + bar.row_gap);
+          const color = SOURCE_COLORS[item.source] || SOURCE_COLORS.other;
+          const isSelected = item.subs ? item.subs.some((c) => c.sessionId === selectedId) : item.id === selectedId;
+          const periods = item.activityPeriods?.length ? item.activityPeriods : [{ start: item.start, end: item.end }];
+          const rawX1 = xFor(item.start);
+          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);
+          return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "g",
+            {
+              className: `bar ${isSelected ? "selected" : ""}`,
+              onClick: () => onSelect(item.subs ? item.subs.at(-1).sessionId : item.id),
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("rect", { x, y, width: w, 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" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("title", { children: `${item.subs ? `${item.subCount} subagents` : `${SOURCE_LABELS[item.source] || item.source} · ${item.label}`}
+${g.key}
+${new Date(item.start).toLocaleString()} → ${new Date(item.end).toLocaleString()}` })
+              ]
+            },
+            item.id
+          );
+        })
+      ] }, g.key)),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        WorkTimeOverlay,
+        {
+          showWorkBand: granularity === "day",
+          dayStart: dayRange.start,
+          viewStart: view.start,
+          viewEnd: view.end,
+          chartLeft: PROJECTS_WIDTH,
+          chartWidth,
+          totalHeight,
+          headerHeight: HEADER_HEIGHT,
+          containerRef
+        }
+      )
+    ] }) })
+  ] });
+}
+const WEEK = { weekStartsOn: 1 };
+function startOfPeriod(ts, granularity) {
+  if (granularity === "week") return +startOfWeek(ts, WEEK);
+  if (granularity === "month") return +startOfMonth(ts);
+  return +startOfDay(ts);
+}
+function endOfPeriod(ts, granularity) {
+  if (granularity === "week") return +endOfWeek(ts, WEEK);
+  if (granularity === "month") return +endOfMonth(ts);
+  return +endOfDay(ts);
+}
+function addPeriod(ts, granularity, delta) {
+  if (granularity === "week") return +addWeeks(ts, delta);
+  if (granularity === "month") return +addMonths(ts, delta);
+  return +addDays(ts, delta);
+}
+function isSamePeriod(a, b, granularity) {
+  if (granularity === "week") return isSameWeek(a, b, WEEK);
+  if (granularity === "month") return isSameMonth(a, b);
+  return isSameDay(a, b);
+}
+const GRANULARITIES = [
+  { key: "day", label: "Daily" },
+  { key: "week", label: "Weekly" },
+  { key: "month", label: "Monthly" }
+];
+const RESET_LABELS = { day: "Today", week: "This week", month: "This month" };
+function periodTitle(anchor, granularity) {
+  if (granularity === "week") return `${format(anchor, "MMM d")} – ${format(endOfPeriod(anchor, "week"), "MMM d")}`;
+  if (granularity === "month") return format(anchor, "MMMM yyyy");
+  return format(anchor, "EEE, MMM d");
+}
+function Toolbar({
+  granularity,
+  onSetGranularity,
+  dayAnchor,
+  onShiftDay,
+  onResetToday,
+  sourceFilter,
+  availableSources,
+  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);
+      return (ia === -1 ? SOURCE_ORDER.length : ia) - (ib === -1 ? SOURCE_ORDER.length : ib);
+    }).map((k) => {
+      const active2 = sourceFilter === k;
+      const dim = sourceFilter && !active2;
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", className: `legend-chip ${active2 ? "active" : ""} ${dim ? "dim" : ""}`, onClick: () => onToggleSourceFilter?.(k), children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "swatch", style: { background: SOURCE_COLORS[k] || SOURCE_COLORS.other } }),
+        SOURCE_LABELS[k] || k
+      ] }, k);
+    }) }),
+    /* @__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(
+        "button",
+        {
+          className: "gantt-nav-arrow",
+          onClick: () => onShiftDay?.(1),
+          style: { visibility: onToday ? "hidden" : "visible" },
+          title: "Next period",
+          "aria-label": "Next period",
+          children: "›"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          className: "gantt-toolbar-today",
+          onClick: onResetToday,
+          style: { visibility: onToday ? "hidden" : "visible" },
+          children: RESET_LABELS[granularity]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", {})
+  ] });
+}
+const HOUR = 60 * 60 * 1e3;
+const THRESHOLDS = {
+  context: { warn: 1e5, danger: 2e5 },
+  messages: { warn: 250, danger: 500 },
+  workTime: { warn: 0.5 * HOUR, danger: 2 * HOUR },
+  cost: { warn: 3, danger: 8 },
+  tokens: { warn: 3e6, danger: 8e6 }
+};
+function fmtDuration(ms) {
+  if (!ms || ms < 0) return "—";
+  if (ms < 6e4) return `${Math.round(ms / 1e3)}s`;
+  const { hours = 0, minutes = 0, seconds = 0 } = intervalToDuration({ start: 0, end: ms });
+  if (!hours) return `${minutes}m ${seconds}s`;
+  return `${hours}h ${minutes}m`;
+}
+function fmtAgo(date) {
+  const min = Math.floor((Date.now() - new Date(date)) / 6e4);
+  if (min < 1) return "now";
+  if (min < 60) return `${min}m ago`;
+  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();
+}
+function fmtUSD(n) {
+  if (n == null) return "—";
+  return `$${n.toFixed(2)}`;
+}
+function tone(value, { warn, danger }) {
+  if (value >= danger) return "danger";
+  if (value >= warn) return "warn";
+  return "";
+}
+function fmtCompact(n) {
+  if (n == null) return "—";
+  if (n < 0) return `-${fmtCompact(-n)}`;
+  if (n < 1e3) return `${n}`;
+  if (n < 1e6) return `${+(n / 1e3).toFixed(1)}k`;
+  return `${(n / 1e6).toFixed(1)}M`;
+}
+const BAR_MAX_PX = 52;
+function CostBreakdownChart({ sessions, dayAnchor, granularity }) {
+  const { bs, max } = reactExports.useMemo(() => {
+    const start = startOfPeriod(dayAnchor, granularity);
+    let bs2;
+    if (granularity === "month") {
+      const monthStart = startOfMonth(start);
+      bs2 = Array.from({ length: getDaysInMonth(monthStart) }, (_, i) => ({ start: +addDays(monthStart, i), label: format(addDays(monthStart, i), "d"), tip: format(addDays(monthStart, i), "MMM d"), showLabel: i % 5 === 0 }));
+    } else if (granularity === "week") {
+      bs2 = Array.from({ length: 7 }, (_, i) => ({ start: +addDays(start, i), label: format(addDays(start, i), "EEEEE"), tip: format(addDays(start, i), "MMM d"), showLabel: true }));
+    } else {
+      bs2 = Array.from({ length: 24 }, (_, i) => ({ start: +addHours(start, i), label: String(i).padStart(2, "0"), tip: `${i}h`, showLabel: i % 6 === 0 }));
+    }
+    for (const b of bs2) b.cost = 0;
+    for (const s of sessions) {
+      for (const sample of s.costSamples ?? []) {
+        let i = bs2.length - 1;
+        while (i > 0 && bs2[i].start > sample.start) i--;
+        bs2[i].cost += sample.cost || 0;
+      }
+    }
+    return { bs: bs2, max: Math.max(0, ...bs2.map((b) => b.cost)) };
+  }, [sessions, dayAnchor, granularity]);
+  if (max <= 0) return null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "cost-chart", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "cost-chart-cols", children: bs.map((b, i) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "cost-chart-col", "data-tippy-content": `${b.tip} · ${fmtUSD(b.cost)}`, "data-tippy-placement": "bottom", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "cost-chart-cell", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "cost-chart-bar", style: { height: `${b.cost > 0 ? Math.max(1, Math.round(b.cost / max * BAR_MAX_PX)) : 0}px` } }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "cost-chart-label", children: b.showLabel ? b.label : "" })
+  ] }, i)) }) });
+}
+function PeriodSummary({ sessions, dayAnchor, granularity = "day" }) {
+  const totals = reactExports.useMemo(() => {
+    const t = sessions.reduce((acc, s) => {
+      acc.cost += s.cost || 0;
+      acc.savingsUsing5mCache += s.savings?.using5mCache || 0;
+      acc.totalTokens += s.totalTokens || 0;
+      acc.input += s.tokens.input;
+      acc.output += s.tokens.output;
+      acc.cacheRead += s.tokens.cacheRead;
+      acc.cacheCreation += s.tokens.cacheCreation;
+      acc.cacheCreation5m += s.tokens.cacheCreation5m || 0;
+      acc.cacheCreation1h += s.tokens.cacheCreation1h || 0;
+      acc.activeMs += s.activeMs || 0;
+      return acc;
+    }, { cost: 0, savingsUsing5mCache: 0, totalTokens: 0, input: 0, output: 0, cacheRead: 0, cacheCreation: 0, cacheCreation5m: 0, cacheCreation1h: 0, activeMs: 0 });
+    const cacheDenom = t.cacheRead + t.cacheCreation;
+    t.cacheHitRatio = cacheDenom > 0 ? t.cacheRead / cacheDenom : null;
+    return t;
+  }, [sessions]);
+  const byProject = reactExports.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const s of sessions) {
+      const key = s.project || "(no project)";
+      let g = map.get(key);
+      if (!g) {
+        g = { key, projectShort: s.projectShort, cost: 0, totalTokens: 0 };
+        map.set(key, g);
+      }
+      g.cost += s.cost || 0;
+      g.totalTokens += s.totalTokens || 0;
+    }
+    return [...map.values()];
+  }, [sessions]);
+  const [projectStat, setProjectStat] = reactExports.useState("cost");
+  const sortedByProject = reactExports.useMemo(
+    () => [...byProject].sort((a, b) => projectStat === "cost" ? b.cost - a.cost : b.totalTokens - a.totalTokens),
+    [byProject, projectStat]
+  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("aside", { className: "gantt-side", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "gantt-side-section", children: [
+      totals.cost > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(CostBreakdownChart, { sessions, dayAnchor, granularity }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "gantt-side-row", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Estimated cost" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("b", { children: fmtUSD(totals.cost) })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "gantt-side-row", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Total tokens" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("b", { children: fmtCompact(totals.totalTokens) })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "gantt-side-row", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Working time" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("b", { children: fmtDuration(totals.activeMs) })
+      ] })
+    ] }),
+    totals.savingsUsing5mCache > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "gantt-side-section", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "gantt-side-heading", children: "Potential savings" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "gantt-side-row", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+          totals.cost > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("strong", { children: [
+            "-",
+            (totals.savingsUsing5mCache / totals.cost * 100).toFixed(0),
+            "% "
+          ] }),
+          "with 5m cache"
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("b", { children: [
+          "−",
+          fmtUSD(totals.savingsUsing5mCache)
+        ] })
+      ] })
+    ] }),
+    sortedByProject.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "gantt-side-section", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "gantt-side-heading", children: [
+        "By project",
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            className: "stats-toggle",
+            onClick: () => setProjectStat((v) => v === "cost" ? "tokens" : "cost"),
+            title: `Showing ${projectStat} — click to toggle`,
+            children: projectStat === "cost" ? "T" : "$"
+          }
+        )
+      ] }),
+      sortedByProject.map((g) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "gantt-side-row", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: g.projectShort }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("b", { children: projectStat === "cost" ? fmtUSD(g.cost) : fmtCompact(g.totalTokens) })
+      ] }, g.key))
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "gantt-side-section", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "gantt-side-heading", children: "Tokens breakdown" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "gantt-side-row", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Input" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("b", { children: fmtCompact(totals.input) })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "gantt-side-row", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Output" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("b", { children: fmtCompact(totals.output) })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "gantt-side-row", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Cache write (5m)" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("b", { children: fmtCompact(totals.cacheCreation5m) })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "gantt-side-row", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Cache write (1h)" }),
+        totals.cacheCreation1h > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("b", { className: "warn-badge", children: fmtCompact(totals.cacheCreation1h) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("b", { children: fmtCompact(totals.cacheCreation1h) })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "gantt-side-row", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Cache read" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("b", { children: fmtCompact(totals.cacheRead) })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "gantt-side-row", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Cache hit ratio" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("b", { children: totals.cacheHitRatio != null ? `${Math.round(totals.cacheHitRatio * 100)}%` : "—" })
+      ] })
+    ] })
+  ] });
+}
+function flatten(items, instructions = []) {
+  const turns = [];
+  const results = {};
+  for (const it of items) {
+    if (it.type === "attachment" && it.attachment) {
+      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.type !== "user" && it.type !== "assistant") continue;
+    const msg = it.message || {};
+    const blocks = normalizeContent(msg.content).filter((b) => !(b.type === "thinking" && !b.thinking?.trim()));
+    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: results[b.id] } : b).filter((b) => !(b.type === "tool_result" && results[b.tool_use_id]));
+  }
+  const out = turns.filter((t) => t.blocks.length > 0);
+  for (const it of instructions) {
+    const turn = {
+      uuid: `instr-${it.hash ?? it.file_path}-${it.timestamp}`,
+      // system prompts share a file_path, their hash disambiguates
+      role: "instruction",
+      isMeta: true,
+      ts: it.timestamp ? Date.parse(it.timestamp) - 500 : null,
+      model: null,
+      usage: null,
+      tokenDelta: null,
+      tokenTotal: null,
+      blocks: [{ 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;
+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 clip = (s, n = 100) => {
+  s = String(s).replace(/\s+/g, " ").trim();
+  return s.length > n ? s.slice(0, n - 1) + "…" : s;
+};
+const basename = (p) => p ? String(p).split(/[\\/]/).pop() : "";
+const TOOL_ARG_SUMMARY = {
+  Bash: (i) => i.command,
+  Read: (i) => basename(i.file_path),
+  Edit: (i) => basename(i.file_path),
+  MultiEdit: (i) => basename(i.file_path),
+  Write: (i) => basename(i.file_path),
+  NotebookEdit: (i) => basename(i.notebook_path),
+  Grep: (i) => [i.pattern, basename(i.path) || i.glob].filter(Boolean).join(" in "),
+  Glob: (i) => [i.pattern, basename(i.path)].filter(Boolean).join(" in "),
+  LS: (i) => basename(i.path),
+  WebFetch: (i) => i.url,
+  WebSearch: (i) => i.query,
+  Skill: (i) => [i.skill, i.args].filter(Boolean).join(" "),
+  SlashCommand: (i) => i.command,
+  TodoWrite: (i) => i.todos?.find((t) => t.status === "in_progress")?.content || `${i.todos?.length ?? 0} todos`,
+  AskUserQuestion: (i) => i.questions?.map((q) => q.question).join(" · "),
+  KillShell: (i) => i.shell_id,
+  BashOutput: (i) => i.bash_id
+};
+function toolSummary(name, input) {
+  const i = input || {};
+  const summary = i.description || TOOL_ARG_SUMMARY[name]?.(i);
+  return summary ? `${name}: ${clip(summary)}` : name;
+}
+const stripAnsi = (s) => s.replace(/\x1b\[[0-9;]*[a-zA-Z]/g, "");
+function parseCommand(text) {
+  if (typeof text !== "string") return null;
+  if (!/^\s*<(command-name|command-message|local-command-stdout|local-command-caveat)>/.test(text)) return null;
+  const field = (tag) => stripAnsi(text.match(new RegExp(`<${tag}>([\\s\\S]*?)</${tag}>`))?.[1] ?? "");
+  return {
+    name: field("command-name"),
+    message: field("command-message"),
+    args: field("command-args"),
+    stdout: field("local-command-stdout"),
+    caveat: field("local-command-caveat")
+  };
+}
+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", turn: 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 ?? [g.turn]).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 ?? [g.turn];
+    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 };
+  });
+}
+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`
+};
+function SessionList({ sessions, selectedId, onSelect }) {
+  const selectedRef = reactExports.useRef(null);
+  const [sortBy, setSortBy] = useLocalStorage("session-list.sort", "time");
+  const [filter, setFilter] = reactExports.useState("");
+  const [, tick] = reactExports.useState(0);
+  reactExports.useEffect(() => {
+    selectedRef.current?.scrollIntoView({ block: "nearest" });
+  }, [selectedId]);
+  reactExports.useEffect(() => {
+    const t = setInterval(() => tick((n) => n + 1), 6e4);
+    return () => clearInterval(t);
+  }, []);
+  const cmd = (text) => {
+    const c = parseCommand(text);
+    return c ? `${c.name || c.message} ${c.args}` : "";
+  };
+  const sessionLabel = (s) => s.aiTitle || s.summary || s.firstUserPrompt || cmd(s.firstUserCommand) || s.sessionId || "";
+  const q = filter.trim().toLowerCase();
+  const filtered = q ? sessions.filter((s) => [
+    s.customTitle,
+    s.agentName,
+    s.aiTitle,
+    s.summary,
+    s.firstUserPrompt,
+    s.firstUserCommand,
+    s.project,
+    s.worktree,
+    s.sessionId,
+    s.model,
+    s.gitBranch
+  ].filter(Boolean).join(" ").toLowerCase().includes(q)) : sessions;
+  const sorted = sortBy === "cost" ? [...filtered].sort((a, b) => (b.cost || 0) - (a.cost || 0)) : sortBy === "tokens" ? [...filtered].sort((a, b) => (b.totalTokens || 0) - (a.totalTokens || 0)) : sortBy === "name" ? [...filtered].sort((a, b) => sessionLabel(a).toLowerCase().localeCompare(sessionLabel(b).toLowerCase())) : filtered;
+  const grouped = reactExports.useMemo(() => {
+    const byParent = subagentsByParent(sorted);
+    return sorted.flatMap((s) => byParent.has(s.parentSessionId) ? [] : [
+      { session: s, isChild: false },
+      ...(byParent.get(s.sessionId) ?? []).map((c) => ({ session: c, isChild: true }))
+    ]);
+  }, [sorted]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "session-list", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "session-list-header", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "filter-wrap", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "input",
+          {
+            className: "filter",
+            placeholder: "Filter sessions…",
+            value: filter,
+            onChange: (e) => setFilter(e.target.value)
+          }
+        ),
+        filter && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "filter-clear", "aria-label": "Clear filter", onClick: () => setFilter(""), children: "×" })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "session-list-header-row", children: [
+        q && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "filter-count", children: [
+          "Filtered ",
+          filtered.length,
+          "/",
+          sessions.length
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sort-toggle", role: "group", "aria-label": "Sort sessions", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sort-toggle-label", children: "Sort by:" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: `sort-pill ${sortBy === "time" ? "active" : ""}`, onClick: () => setSortBy("time"), children: "Time" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: `sort-pill ${sortBy === "name" ? "active" : ""}`, onClick: () => setSortBy("name"), children: "Name" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: `sort-pill ${sortBy === "cost" ? "active" : ""}`, onClick: () => setSortBy("cost"), children: "Cost" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: `sort-pill ${sortBy === "tokens" ? "active" : ""}`, onClick: () => setSortBy("tokens"), children: "Tokens" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "session-list-scroll", children: [
+      sorted.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "empty", children: "No sessions on this day." }),
+      grouped.map(({ session: s, isChild }) => {
+        const isSubagent = s.sessionId.startsWith("agent-");
+        const journal = isJournal(s);
+        const isFork = !!s.forkedFrom;
+        const sessionName = s.customTitle && s.agentName && s.customTitle !== s.agentName ? `${s.customTitle} [${s.agentName}]` : s.customTitle || s.agentName || "";
+        return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "div",
+          {
+            ref: selectedId === s.sessionId ? selectedRef : null,
+            className: `session-row ${selectedId === s.sessionId ? "selected" : ""} ${isChild ? "is-subagent-child" : ""}`,
+            onClick: () => onSelect(selectedId === s.sessionId ? null : s.sessionId),
+            style: { borderLeftColor: SOURCE_COLORS[s.source] || SOURCE_COLORS.other },
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "session-row-main", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "session-label", children: [
+                  s.tokens?.cacheCreation1h > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "warn-badge", title: `Used 1h extended cache (${fmtNum(s.tokens.cacheCreation1h)} tokens)
+${TIPS.cache1h}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Hourglass, { size: 11 }) }),
+                  s.lastContextTokens > THRESHOLDS.context.danger && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "danger-badge", title: `Context size: ${fmtCompact(s.lastContextTokens)} tokens
+${TIPS.context}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Gauge, { size: 11 }) }),
+                  s.lastContextTokens > THRESHOLDS.context.warn && s.lastContextTokens <= THRESHOLDS.context.danger && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "warn-badge", title: `Context size: ${fmtCompact(s.lastContextTokens)} tokens
+${TIPS.context}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Gauge, { size: 11 }) }),
+                  s.messageCount > THRESHOLDS.messages.danger && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "danger-badge", title: `${fmtNum(s.messageCount)} messages
+${TIPS.messages}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MessageSquare, { size: 11 }) }),
+                  s.messageCount > THRESHOLDS.messages.warn && s.messageCount <= THRESHOLDS.messages.danger && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "warn-badge", title: `${fmtNum(s.messageCount)} messages
+${TIPS.messages}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MessageSquare, { size: 11 }) }),
+                  s.activeMs > THRESHOLDS.workTime.danger && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "danger-badge", title: `Working time: ${fmtDuration(s.activeMs)}
+${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 }) }),
+                  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]" }),
+                  journal && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "subagent-tag", children: [
+                    "[journal: ",
+                    s.workflowAgents,
+                    " subagent",
+                    s.workflowAgents === 1 ? "" : "s",
+                    "]"
+                  ] }),
+                  s.worktree && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "worktree-tag", title: `Worktree of ${s.projectShort}`, children: [
+                    "[",
+                    s.worktree,
+                    "]"
+                  ] }),
+                  isFork && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "fork-tag", title: `Forked from session ${s.forkedFrom.sessionId}`, children: "↳" }),
+                  sessionName && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "session-name", children: sessionName }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "session-label-text", children: sessionLabel(s) })
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "session-time-bottom", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { title: format(s.lastActivityAt, "MMM d, HH:mm:ss"), children: fmtAgo(s.lastActivityAt) }),
+                  s.models?.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "session-model", children: [
+                    ", ",
+                    s.models.map((m) => m.replace(/^claude-/, "")).join(", ")
+                  ] })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "session-row-stats", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `${sortBy === "tokens" ? "stat-primary" : "stat-secondary"} ${tone(s.totalTokens, THRESHOLDS.tokens)}`, children: fmtCompact(s.totalTokens) }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `${sortBy === "cost" ? "stat-primary" : "stat-secondary"} ${tone(s.cost, THRESHOLDS.cost)}`, children: s.cost ? fmtUSD(s.cost) : "—" })
+              ] })
+            ]
+          },
+          s.sessionId
+        );
+      })
+    ] })
+  ] });
+}
+function LazyMount({ children, eager = false, forceMount = false, placeholderMinHeight = 120, rootRef = null, style, ...rest }) {
+  const ref = reactExports.useRef(null);
+  const [mounted, setMounted] = reactExports.useState(eager);
+  const render = mounted || forceMount;
+  reactExports.useEffect(() => {
+    if (mounted) return;
+    const io = new IntersectionObserver(([e]) => {
+      if (e.isIntersecting) {
+        setMounted(true);
+        io.disconnect();
+      }
+    }, { root: rootRef?.current ?? null, rootMargin: "600px 0px" });
+    io.observe(ref.current);
+    return () => io.disconnect();
+  }, [mounted]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref, style: render ? style : { ...style, minHeight: placeholderMinHeight }, ...rest, children: render && children });
+}
+const detectLang = (body, limit = 500) => {
+  if (body[0] === "[") return "json";
+  const snippet = body.length > limit ? body.slice(0, limit) : body;
+  if (/"[^"]*"\s*:/.test(snippet)) return "json";
+  if (/'[^']*'\s*:/.test(snippet)) return "python";
+  return null;
+};
+const findMatchingClose = (text, start) => {
+  const open = text[start];
+  const close = open === "{" ? "}" : "]";
+  let depth = 0;
+  for (let i = start; i < text.length; i++) {
+    const c = text[i];
+    if (c === open) depth++;
+    else if (c === close && --depth === 0) return i + 1;
+  }
+  return -1;
+};
+const insideFence = (text, i) => (text.slice(0, i).match(/^```/gm)?.length ?? 0) % 2;
+function fenceBlocks(text) {
+  if (typeof text !== "string") return text;
+  if (!text.includes("{") && !text.includes("[")) return text;
+  const startRe = /^([^\n{[]*)[{[]/gm;
+  let out = "", cursor = 0, m;
+  while ((m = startRe.exec(text)) !== null) {
+    const bodyStart = m.index + m[1].length;
+    if (insideFence(text, bodyStart)) continue;
+    const end = findMatchingClose(text, bodyStart);
+    if (end < 0) continue;
+    if (end !== text.length && text[end] !== "\n" && text[end] !== "\r") continue;
+    const body = text.slice(bodyStart, end);
+    const lang = detectLang(body);
+    if (!lang) continue;
+    out += text.slice(cursor, m.index) + m[1].trimEnd() + "\n```" + lang + "\n" + body + "\n```\n";
+    cursor = startRe.lastIndex = end;
+  }
+  return out + text.slice(cursor);
+}
+function fenceTags(text) {
+  if (typeof text !== "string" || !text.includes("<")) return text;
+  const startRe = /^<([A-Za-z][\w-]*)(?:\s[^<>`\n]*)?>/gm;
+  let out = "", cursor = 0, m;
+  while ((m = startRe.exec(text)) !== null) {
+    if (insideFence(text, m.index)) continue;
+    const close = text.indexOf(`</${m[1]}>`, m.index);
+    if (close < 0) continue;
+    const end = close + m[1].length + 3;
+    if (end !== text.length && text[end] !== "\n" && text[end] !== "\r") continue;
+    out += text.slice(cursor, m.index) + "```xml\n" + text.slice(m.index, end) + "\n```";
+    cursor = startRe.lastIndex = end;
+  }
+  out += text.slice(cursor);
+  return out.split(/(^```[^\n]*\n[\s\S]*?\n```|`[^`\n]+`)/m).map((part, i) => i % 2 ? part : part.replace(/<\/?[A-Za-z][\w-]*(?:\s[^<>`\n]*)?\/?>/g, "`$&`")).join("");
+}
+function splitMarkdown(text, size = 1e4) {
+  if (typeof text !== "string" || text.length <= size) return [text];
+  const chunks = [];
+  let buf = [], len = 0, inFence = false;
+  for (const line of text.split("\n")) {
+    if (line.startsWith("```")) inFence = !inFence;
+    if (len > size && !inFence && line.trim() === "") {
+      chunks.push(buf.join("\n"));
+      buf = [];
+      len = 0;
+      continue;
+    }
+    buf.push(line);
+    len += line.length + 1;
+  }
+  if (buf.length) chunks.push(buf.join("\n"));
+  return chunks;
+}
+let active = false;
+const listeners = /* @__PURE__ */ new Set();
+const setActive = (v) => {
+  if (v === active) return;
+  active = v;
+  listeners.forEach((l) => l());
+};
+window.api.onFindActive(setActive);
+const subscribe = (cb) => {
+  listeners.add(cb);
+  return () => listeners.delete(cb);
+};
+function useFindActive() {
+  return reactExports.useSyncExternalStore(subscribe, () => active);
+}
+function closeFind() {
+  if (!active) return;
+  setActive(false);
+  window.api.findClose();
+}
+const isExternal = (href) => /^(https?:|mailto:)/i.test(href || "");
+function buildLinkComponents(basePath) {
+  return {
+    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 });
+    }
+  };
+}
+const Chunk = React.memo(({ text, components }) => /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown$1, { remarkPlugins: [remarkGfm], rehypePlugins: [rehypeHighlight], components, children: text }));
+function Markdown({ text, basePath = null, autoFence = false, className = "", ...rest }) {
+  const ref = reactExports.useRef(null);
+  const findOpen = useFindActive();
+  const components = reactExports.useMemo(() => buildLinkComponents(basePath), [basePath]);
+  const chunks = reactExports.useMemo(() => splitMarkdown(autoFence ? fenceBlocks(fenceTags(text)) : text), [text, autoFence]);
+  const cls = `markdown${className ? " " + className : ""}`;
+  if (chunks.length === 1) return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cls, ...rest, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Chunk, { text: chunks[0], components }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cls, ref, ...rest, children: chunks.map((c, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(LazyMount, { eager: i === 0, forceMount: findOpen, rootRef: ref, placeholderMinHeight: 500, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Chunk, { text: c, components }) }, i)) });
+}
+const claudeIcon = "" + new URL("claude-icon-BqihzN4C.svg", import.meta.url).href;
+const ExpandAllContext = React.createContext(null);
+function useCollapsed(defaultOpen) {
+  const [open, setOpen] = reactExports.useState(defaultOpen);
+  const expandAll = reactExports.useContext(ExpandAllContext);
+  reactExports.useEffect(() => {
+    if (expandAll != null) setOpen(expandAll);
+  }, [expandAll]);
+  return [open, setOpen];
+}
+const isCommandTurn = (t) => t.blocks.some((b) => b.type === "text" && parseCommand(b.text)?.name);
+function ConversationView({ items, instructions = [], expandAll = null }) {
+  const turns = reactExports.useMemo(() => flatten(items, instructions), [items, instructions]);
+  const groups = reactExports.useMemo(() => groupTurns(turns), [turns]);
+  const points = reactExports.useMemo(() => tokenPoints(groups), [groups]);
+  const durations = reactExports.useMemo(() => cycleDurations(groups), [groups]);
+  const findOpen = useFindActive();
+  const [scale, zoomRef] = useMouseFontScale("font-scale.conversation");
+  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] }) : g.kind === "assistant" ? /* @__PURE__ */ jsxRuntimeExports.jsx(AssistantCard, { turns: g.turns, point: points[i], duration: durations[i], showAuthor: groups[i - 1]?.kind !== "assistant" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(InstructionFile, { it: g.turn.blocks[0].it, model: currentModel(turns) }) }),
+    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 === "instruction" ? g.turn.uuid : g.turns[0].uuid)) }) });
+}
+const ClaudeIcon = () => /* @__PURE__ */ jsxRuntimeExports.jsx("img", { className: "msg-icon claude-icon", src: claudeIcon, alt: "" });
+const CTX_LIMIT = THRESHOLDS.context.danger;
+function TokenPoint({ point: p }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `token-point token-point-${p.role}${p.delta < 0 ? " negative" : ""}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "token-point-dot" }) });
+}
+function TokenStats({ point }) {
+  if (!point) return null;
+  const rows = [];
+  if (point.ctx != null) {
+    const width = Math.min(point.ctx / CTX_LIMIT, 1) * 100;
+    rows.push(`<div class="token-tooltip-ctx">Context <span class="token-point-ctx-bar"><span style="width:${width}%"></span></span> <span class="token-tooltip-ctx-val">${fmtCompact(point.ctx)}</span></div>`);
+  }
+  const u = point.usage;
+  if (u) {
+    const cells = [
+      ["Input", fmtCompact(u.input)],
+      ["Output", fmtCompact(u.output)],
+      ["Cache write (5m)", fmtCompact(u.cacheCreation5m)],
+      ["Cache write (1h)", fmtCompact(u.cacheCreation1h)],
+      ["Cache read", fmtCompact(u.cacheRead)]
+    ];
+    const sum = `<span></span><span class="token-tooltip-sum">+${fmtCompact(u.input + u.output + u.cacheRead + u.cacheCreation)}</span>`;
+    rows.push(`<div class="token-tooltip-grid">${cells.map(([l, v]) => `<span>${l}</span><span>${v}</span>`).join("")}${sum}</div>`);
+  }
+  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 }) {
+  const [open, setOpen] = useCollapsed(false);
+  const msg = turns.find((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: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "msg-header", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Terminal, { className: "msg-icon" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "msg-author", children: "You" }),
+      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",
+          ctxItems.length === 1 ? "" : "s"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "msg-header-right", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(TokenStats, { point }),
+        msg.ts != null && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "msg-time", children: format(msg.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 })
+  ] });
+}
+function AssistantCard({ turns, point, duration: duration2, showAuthor = true }) {
+  const [open, setOpen] = useCollapsed(false);
+  const toolBlocks = turns.flatMap((t) => t.blocks.filter((b) => b.type === "tool_use"));
+  const errorCount = toolBlocks.filter((b) => b.result?.is_error).length;
+  const isAux = (t) => !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);
+  reactExports.useEffect(() => {
+    if (open) setEverOpen(true);
+  }, [open]);
+  const hidden = (t) => !open && foldable && isAux(t);
+  const anyVisible = turns.some((t) => !hidden(t));
+  const parts = [
+    toolBlocks.length > 0 && `${toolBlocks.length} tool call${toolBlocks.length === 1 ? "" : "s"}`,
+    errorCount > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "msg-errors", children: [
+      errorCount,
+      " error",
+      errorCount === 1 ? "" : "s"
+    ] }, "err")
+  ].filter(Boolean);
+  const summary = parts.map((p, i) => /* @__PURE__ */ jsxRuntimeExports.jsxs(React.Fragment, { children: [
+    i > 0 && ", ",
+    p
+  ] }, i));
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "assistant-card", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "msg-header", children: [
+      showAuthor && /* @__PURE__ */ jsxRuntimeExports.jsx(ClaudeIcon, {}),
+      showAuthor && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "msg-author", children: "Claude" }),
+      parts.length > 0 && (foldable ? /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "msg-summary", onClick: () => setOpen((v) => !v), children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "aux-chevron", children: open ? "▾" : "▸" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: summary })
+      ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "msg-summary", children: summary })),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "msg-header-right", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(TokenStats, { point }),
+        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)) })
+  ] });
+}
+function TurnRow({ turn, hidden = false }) {
+  const contextBlocks = [], otherBlocks = [];
+  const groupAttachments = turn.role === "user";
+  for (const b of turn.blocks) {
+    if (b.type === "attachment" && groupAttachments) contextBlocks.push(b);
+    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))
+  ] }) });
+}
+function Block({ block }) {
+  if (block.type === "text") {
+    const cmd = parseCommand(block.text);
+    if (cmd) {
+      if (!cmd.name && !cmd.args && !cmd.stdout && !cmd.caveat) return null;
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "block-command", children: [
+        cmd.name && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "cmd-name", children: cmd.name }),
+        cmd.args && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "cmd-args", children: [
+          " ",
+          cmd.args
+        ] }),
+        cmd.stdout && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "cmd-stdout", children: cmd.stdout }),
+        cmd.caveat && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "cmd-stdout", children: cmd.caveat })
+      ] });
+    }
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { className: "block-text", text: block.text, autoFence: true });
+  }
+  if (block.type === "thinking") {
+    if (!block.thinking) return null;
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Collapsible, { title: "thinking", defaultOpen: false, children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { children: block.thinking }) });
+  }
+  if (block.type === "tool_use") {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(Collapsible, { title: toolSummary(block.name, block.input), defaultOpen: false, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(JsonBlock, { value: block.input }),
+      block.result && /* @__PURE__ */ jsxRuntimeExports.jsx(Block, { block: block.result })
+    ] });
+  }
+  if (block.type === "tool_result") {
+    const c = block.content;
+    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))
+    ] });
+  }
+  if (block.type === "attachment") {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Attachment, { att: block.attachment });
+  }
+  if (block.type === "image") {
+    const src = block.source;
+    if (src && src.type === "base64") {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("img", { className: "block-image", src: `data:${src.media_type};base64,${src.data}`, alt: "" });
+    }
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "block-aux", children: "[image]" });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Collapsible, { title: block.type || "block", children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { children: safeJson(block) }) });
+}
+const ATTACHMENT_RENDERERS = {
+  selected_lines_in_ide: (a) => {
+    const path = a.displayPath || a.filename || "";
+    const range = a.lineStart === a.lineEnd ? `L${a.lineStart}` : `L${a.lineStart}-${a.lineEnd}`;
+    return { title: `Selection in ${a.ideName || "IDE"}: ${path}:${range}`, body: a.content || "" };
+  },
+  opened_file_in_ide: (a) => ({ title: `Opened in IDE: ${a.displayPath || a.filename || ""}`, body: null }),
+  file: (a) => {
+    const f = a.content?.file;
+    return { title: `File: ${a.displayPath || f?.filePath || a.filename || ""}`, body: f?.content ?? safeJson(a.content) };
+  },
+  skill_listing: (a) => ({ title: `${a.skillCount} skills`, body: a.content || "", defaultOpen: false }),
+  deferred_tools_delta: (a) => ({
+    title: `${a.addedNames?.length || 0} deferred tools ${a.removedNames?.length ? `(removed: ${a.removedNames.length})` : ""}`,
+    body: safeJson({ added: a.addedNames, removed: a.removedNames }),
+    defaultOpen: false
+  })
+};
+function Attachment({ att }) {
+  const render = ATTACHMENT_RENDERERS[att?.type];
+  const { title, body, defaultOpen = false } = render ? render(att) : { title: `Attachment: ${att?.type || "unknown"}`, body: safeJson(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 }) });
+}
+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: "•" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: title })
+  ] }) });
+}
+function Collapsible({ title, children, className, defaultOpen = true }) {
+  const [open, setOpen] = useCollapsed(defaultOpen);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `aux ${className || ""}`, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "aux-toggle", onClick: () => setOpen((v) => !v), children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "aux-chevron", children: open ? "▾" : "▸" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: title })
+    ] }),
+    open && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "aux-body", children })
+  ] });
+}
+function safeJson(x) {
+  try {
+    return JSON.stringify(x, null, 2);
+  } catch {
+    return String(x);
+  }
+}
+function JsonBlock({ value }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { className: "block-text", text: "```json\n" + safeJson(value) + "\n```" });
+}
+function InstructionFile({ it, model }) {
+  const [open, setOpen] = useCollapsed(false);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "aux instruction-file", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "aux-toggle", onClick: () => setOpen((v) => !v), children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "aux-chevron", children: open ? "▾" : "▸" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: instructionTitle(it, model) })
+    ] }),
+    open && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "aux-body", children: [
+      it.name && it.name !== it.file_path && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "instruction-path", children: it.file_path }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { className: "block-text", text: it.content || "", basePath: it.file_path })
+    ] })
+  ] });
+}
+const SHORTEN_AT = 500;
+const moreLabel = (hidden) => /\s/.test(hidden) ? `${hidden.split(/\s+/).filter(Boolean).length.toLocaleString()} more words` : `${hidden.length.toLocaleString()} more chars`;
+function ShortText({ text, ...rest }) {
+  const [expandedText, setExpandedText] = reactExports.useState(null);
+  const expanded = expandedText === text;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { ...rest, style: { cursor: "pointer" }, onClick: () => setExpandedText(expanded ? null : text), children: [
+    '"',
+    expanded ? text : `${text.slice(0, SHORTEN_AT)}...`,
+    '"',
+    !expanded && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "shorten-more", children: [
+      " (",
+      moreLabel(text.slice(SHORTEN_AT)),
+      ")"
+    ] })
+  ] });
+}
+const renderShortened = (shorten) => ({ children, ...rest }, { type, value }) => shorten && type === "value" && typeof value === "string" && value.length > SHORTEN_AT ? /* @__PURE__ */ jsxRuntimeExports.jsx(ShortText, { ...rest, text: value }) : void 0;
+function highlight(text, q) {
+  const escaped = q.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  return String(text ?? "").split(new RegExp(`(${escaped})`, "i")).map((p, i) => i % 2 ? /* @__PURE__ */ jsxRuntimeExports.jsx("mark", { className: "jsonl-viewer-mark", children: p }, i) : p);
+}
+function prune(value, q) {
+  if (!value || typeof value !== "object") {
+    return String(value ?? "").toLowerCase().includes(q) ? value : void 0;
+  }
+  const out = Array.isArray(value) ? [] : {};
+  for (const [k, v] of Object.entries(value)) {
+    const sub = k.toLowerCase().includes(q) ? v : prune(v, q);
+    if (sub !== void 0) Array.isArray(out) ? out.push(sub) : out[k] = sub;
+  }
+  return Object.keys(out).length ? out : void 0;
+}
+function labelFor(entry) {
+  if (!entry || typeof entry !== "object") return "entry";
+  const type = entry.type || entry.message?.role;
+  if (!type) return "entry";
+  const sub = entry.message?.role !== type ? entry.message?.role : null;
+  return sub ? `${type}:${sub}` : type;
+}
+function JsonlView({ items, expandAll = null }) {
+  const [query, setQuery] = reactExports.useState("");
+  const [scale, bodyRef] = useMouseFontScale("font-scale.jsonl");
+  const findOpen = useFindActive();
+  const scrollTo = (i) => {
+    const el = bodyRef.current?.querySelector(`[data-entry="${i}"]`);
+    if (el) el.scrollIntoView({ behavior: "smooth", block: "start" });
+  };
+  const q = query.trim().toLowerCase();
+  const entries = (items ?? []).map((parsed) => {
+    const value = q ? prune(parsed, q) : parsed;
+    return value === void 0 ? void 0 : { value, label: labelFor(parsed) };
+  }).filter((e) => e !== void 0);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "jsonl-viewer", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "jsonl-viewer-toolbar", children: /* @__PURE__ */ jsxRuntimeExports.jsx("input", { className: "jsonl-viewer-search", type: "search", placeholder: "Filter…", onInput: (e) => setQuery(e.target.value) }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "jsonl-viewer-content", children: [
+      entries.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: "jsonl-viewer-toc", children: entries.map(({ label }, i) => /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", onClick: () => scrollTo(i), title: label, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "jsonl-viewer-toc-index", children: i + 1 }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "jsonl-viewer-toc-label", children: label })
+      ] }) }, i)) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "jsonl-viewer-body", ref: bodyRef, style: { "--font-scale": scale }, children: [
+        !items && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "jsonl-viewer-loading", children: "Loading…" }),
+        entries.map(({ value }, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(LazyMount, { eager: i < 8, forceMount: findOpen, "data-entry": i, className: "jsonl-viewer-entry", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          JsonView,
+          {
+            value,
+            style: vscodeTheme,
+            collapsed: false,
+            displayDataTypes: false,
+            displayObjectSize: false,
+            shortenTextAfterLength: 0,
+            highlightUpdates: false,
+            enableClipboard: false,
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(JsonView.String, { render: ({ children, ...rest }, ctx) => q && ctx.type === "value" ? /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { ...rest, children: [
+                '"',
+                highlight(children, q),
+                '"'
+              ] }) : renderShortened(!q && !expandAll)({ children, ...rest }, ctx) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(JsonView.KeyName, { render: ({ children, ...rest }) => q ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { ...rest, children: highlight(children, q) }) : void 0 })
+            ]
+          }
+        ) }, `${q}-${i}`))
+      ] })
+    ] })
+  ] });
+}
+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) => {
+  const [method, ...path] = (url || "").split(" ");
+  return [method, path.join(" ")];
+};
+const tokens = (n) => n == null ? "" : n < 1e3 ? `${n}` : `${(n / 1e3).toFixed(1)}k`;
+const totalTokens = (rec) => {
+  const u = rec?.response?.usage;
+  if (!u) return null;
+  return (u.input_tokens || 0) + (u.output_tokens || 0) + (u.cache_creation_input_tokens || 0) + (u.cache_read_input_tokens || 0);
+};
+const collapsedHint = (value, keyName) => {
+  if (value?.role) {
+    const counts = /* @__PURE__ */ new Map();
+    for (const b of Array.isArray(value.content) ? value.content : [{ type: "text" }]) counts.set(b.type, (counts.get(b.type) || 0) + 1);
+    return `${value.role}:`.padEnd(11) + [...counts].map(([t, n]) => n > 1 ? `${n} ${t}` : t).join(", ");
+  }
+  if (typeof keyName === "number") return value?.name ?? value?.type ?? null;
+  if (Array.isArray(value)) return `${value.length} ${keyName === "tools" ? "tools" : keyName === "system" ? "blocks" : "items"}`;
+  return null;
+};
+function Tree({ value, expandAll, collapsed = false, seen = null }) {
+  const live = reactExports.useRef({});
+  live.current = { collapsed, seen };
+  const expandInitially = (_, { keys }) => {
+    const { collapsed: collapsed2, seen: seen2 } = live.current;
+    return collapsed2 ? keys.length > 0 : !seen2?.has(keys.join("."));
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    JsonView,
+    {
+      value,
+      style: vscodeTheme,
+      displayDataTypes: false,
+      displayObjectSize: false,
+      shortenTextAfterLength: 0,
+      highlightUpdates: false,
+      enableClipboard: false,
+      shouldExpandNodeInitially: expandInitially,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(JsonView.String, { render: renderShortened(!expandAll) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(JsonView.Ellipsis, { render: ({ "data-expanded": isCollapsed, style, ...props }, { value: v, keyName }) => {
+          const hint = isCollapsed ? collapsedHint(v, keyName) : null;
+          return hint ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { ...props, className: "requests-hint", children: hint }) : void 0;
+        } }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(JsonView.KeyName, { render: (props, { keys }) => live.current.seen?.has(keys.join(".")) ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { ...props, className: "requests-seen-key" }) : void 0 })
+      ]
+    }
+  );
+}
+const Pane = React.memo(function Pane2({ value, headers, seen, expandAll }) {
+  const [scale, paneRef] = useMouseFontScale("font-scale.requests");
+  const findOpen = useFindActive();
+  const messages = !Array.isArray(value) ? value?.messages : null;
+  const paths = seen?.paths ?? [];
+  const bodySeen = new Set(paths.filter((p) => !p.startsWith("messages")));
+  const msgSeen = (i) => new Set(paths.filter((p) => p.startsWith(`messages.${i}.`)).map((p) => p.slice(`messages.${i}.`.length)));
+  const { messages: _, ...bodyNoMsgs } = value || {};
+  const [open, close] = Array.isArray(value) ? "[]" : "{}";
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "requests-pane", ref: paneRef, style: { "--font-scale": scale }, children: [
+    headers && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "requests-headers", children: [
+      /* @__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({ sessionId, 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);
+  }, [sessionId, date, granularity]);
+  reactExports.useEffect(() => {
+    let cancelled = false;
+    window.api.readRequests(sessionId, date || null, granularity).then((res) => {
+      if (!cancelled) setRecords(res);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [sessionId, 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 })
+    ] })
+  ] });
+}
+const CONTEXT_WINDOW$1 = THRESHOLDS.context.danger;
+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 `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 === "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 `**Instructions loaded:**
+
+${t.blocks.map(renderBlock).join("\n\n")}`;
+  const role = t.role === "user" ? "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 contextPct = Math.round(meta.lastContextTokens / CONTEXT_WINDOW$1 * 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(CONTEXT_WINDOW$1)} (${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: ${fmtNum(meta.toolCalls)}
+
+## Identity
+- Model: ${meta.models.join(", ") || "—"}
+- Service tier: ${meta.serviceTier || "—"}
+- Speed: ${meta.speed ? meta.speed === "fast" ? meta.fastPricingUnknown ? "fast (pricing unknown)" : "fast" : meta.speed : "—"}
+- 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 })
+  ] });
+}
+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 createTypewriter(onText) {
+  let buffer = "";
+  const tick = () => {
+    const n = Math.max(1, Math.ceil(buffer.length / 24));
+    onText(buffer.slice(0, n));
+    buffer = buffer.slice(n);
+    if (buffer) requestAnimationFrame(tick);
+  };
+  const push = (chunk) => {
+    if (!chunk) return;
+    const wasIdle = !buffer;
+    buffer += chunk;
+    if (wasIdle) requestAnimationFrame(tick);
+  };
+  push.reset = () => {
+    buffer = "";
+  };
+  return push;
+}
+function AgentOutput({ output, pretty, running, error }) {
+  const [displayed, setDisplayed] = reactExports.useState(output);
+  const lastOutputRef = reactExports.useRef(output);
+  const scrollRef = reactExports.useRef(null);
+  const typer = reactExports.useRef(createTypewriter((chunk) => setDisplayed((p) => p + chunk)));
+  reactExports.useEffect(() => {
+    const prev = lastOutputRef.current;
+    lastOutputRef.current = output;
+    if (output.startsWith(prev)) {
+      const diff = output.slice(prev.length);
+      if (diff) typer.current(diff);
+    } else {
+      typer.current.reset();
+      setDisplayed(output);
+    }
+  }, [output]);
+  reactExports.useEffect(() => {
+    if (scrollRef.current) scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
+  }, [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 }),
+    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" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "dot" })
+    ] }),
+    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 })
+      ] })
+    ] })
+  ] });
+}
+const CONTEXT_WINDOW = THRESHOLDS.context.danger;
+function SessionSummary({ meta, items, instructions, agent, onOpenAgent, 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;
+  const activeDuration = meta.activeMs;
+  const cost = meta.cost;
+  const cacheHitRatio = meta.cacheHitRatio;
+  const stu = meta.serverToolUse;
+  const hasServerTools = stu.webSearch > 0 || stu.webFetch > 0;
+  const modelLabel = meta.models.join(", ") || "—";
+  const contextRatio = meta.lastContextTokens / CONTEXT_WINDOW;
+  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(Section, { title: "Summary", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "Estimated cost", value: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        meta.priceUnknown && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "danger-badge", title: `No price entry for ${modelLabel} — cost is missing or understated`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(DollarSign, { size: 11 }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tone(cost, THRESHOLDS.cost), children: fmtUSD(cost) })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "Total tokens", value: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tone(totalTokens2, THRESHOLDS.tokens), children: fmtCompact(totalTokens2) }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "Working time", value: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tone(activeDuration, THRESHOLDS.workTime), children: fmtDuration(activeDuration) }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "Context size", value: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tone(meta.lastContextTokens, THRESHOLDS.context), children: `${fmtCompact(meta.lastContextTokens)} / ${fmtCompact(CONTEXT_WINDOW)}` }), below: /* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { ratio: contextRatio, tone: tone(meta.lastContextTokens, THRESHOLDS.context) }) })
+    ] }),
+    meta.savings.using5mCache > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(Section, { title: "Potential savings", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Field,
+      {
+        label: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          cost > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("strong", { children: [
+            "-",
+            (meta.savings.using5mCache / cost * 100).toFixed(0),
+            "% "
+          ] }),
+          "with 5m cache"
+        ] }),
+        value: `−${fmtUSD(meta.savings.using5mCache)}`
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(Section, { title: "Tokens", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "Input", value: fmtNum(t.input) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "Output", value: fmtNum(t.output) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "Cache write (5m)", value: fmtNum(t.cacheCreation5m || 0) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Field,
+        {
+          label: "Cache write (1h)",
+          value: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: t.cacheCreation1h > 0 ? "warn" : "", children: fmtNum(t.cacheCreation1h || 0) })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "Cache read", value: fmtNum(t.cacheRead) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "Cache hit ratio", value: `${(cacheHitRatio * 100).toFixed(0)}%` }),
+      hasServerTools && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Field,
+        {
+          label: "Server tools (search / fetch)",
+          value: `${fmtNum(stu.webSearch)} / ${fmtNum(stu.webFetch)}`
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(Section, { title: "Activity", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "Started", value: format(meta.startedAt, timeFormat) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "Last activity", value: format(meta.lastActivityAt, timeFormat) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "Wall duration", value: fmtDuration(wallDuration) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "Active periods", value: fmtNum(meta.activityPeriods.length) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "Messages", value: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tone(meta.messageCount, THRESHOLDS.messages), children: fmtNum(meta.messageCount) }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "Tool calls", value: fmtNum(meta.toolCalls) })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(Section, { title: "Identity", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "Model", value: modelLabel, mono: true }),
+      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 }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "Git branch", value: meta.gitBranch || "—", mono: true }),
+      /* @__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) })
+    ] })
+  ] });
+}
+function Section({ title, children }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "summary-section", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "summary-section-title", children: title }),
+    children
+  ] });
+}
+function Bar({ ratio, tone: tone2 }) {
+  const pct = Math.max(0, Math.min(1, ratio)) * 100;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `progress-bar tone-${tone2}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "progress-bar-fill", style: { width: `${pct}%` } }) });
+}
+function Field({ label, value, mono, full, below, autoselect }) {
+  const selectAll = autoselect ? (e) => {
+    const range = document.createRange();
+    range.selectNodeContents(e.currentTarget);
+    const sel = window.getSelection();
+    sel.removeAllRanges();
+    sel.addRange(range);
+  } : void 0;
+  if (below) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "field has-below", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "field-row", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "field-label", children: label }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `field-value ${mono ? "mono" : ""}`, onClick: selectAll, children: value })
+      ] }),
+      below
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `field ${full ? "full" : ""}`, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "field-label", children: label }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `field-value ${mono ? "mono" : ""}`, onClick: selectAll, children: value })
+  ] });
+}
+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.`;
+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) => {
+    setError("");
+    setOutput("");
+    setRunning(true);
+    try {
+      const { code } = await window.api.runAgentPrompt(text);
+      if (code !== 0) setError(`Claude exited with code ${code}`);
+    } catch (err) {
+      setError(err.message || String(err));
+    } finally {
+      setRunning(false);
+    }
+  };
+  return { running, error, send, prompt, editedPrompt, setEditedPrompt, output, truncated, setTruncated, defaultPrompt };
+}
+const TABS = [
+  { key: "conversation", label: "Conversation" },
+  { key: "jsonl", label: "Raw Logs" },
+  { key: "requests", label: "API Requests" }
+];
+function Session({ meta, date, granularity = "day" }) {
+  const [items, setItems] = reactExports.useState(null);
+  const [instructions, setInstructions] = reactExports.useState([]);
+  const [mode, setMode] = useLocalStorage("session.view-mode", "conversation");
+  const [agentOpen, setAgentOpen] = reactExports.useState(false);
+  const [expandAll, setExpandAll] = reactExports.useState(null);
+  const sessionId = meta?.sessionId;
+  const fileSize = meta?.fileSize;
+  const agent = useAgent(`${sessionId}|${date}`);
+  reactExports.useEffect(() => {
+    setItems(null);
+    setInstructions([]);
+  }, [sessionId, date, granularity]);
+  reactExports.useEffect(() => {
+    if (!sessionId) return;
+    let cancelled = false;
+    window.api.readSession(sessionId, date || null, granularity).then((res) => {
+      if (cancelled || !res) return;
+      setItems(res.items);
+      setInstructions(res.instructions || []);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [sessionId, date, granularity, fileSize]);
+  if (!meta) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "session-view empty", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "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: [
+    /* @__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(
+          "button",
+          {
+            type: "button",
+            className: `view-tab${mode === key ? " active" : ""}`,
+            onClick: () => setMode(key),
+            children: label
+          },
+          key
+        )) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Toggle,
+          {
+            checked: !!expandAll,
+            onChange: (v) => setExpandAll(v),
+            label: mode === "conversation" ? "Expand all" : "Full text"
+          }
+        )
+      ] }),
+      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, { sessionId, date, granularity, fileSize, expandAll })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(SessionSummary, { meta, items, instructions, agent, onOpenAgent: () => setAgentOpen(true), granularity })
+  ] }) }) }) }) });
+}
+function useSwitch({ name, isOn = () => false }) {
+  const [status, setStatus] = reactExports.useState(null);
+  const [busy, setBusy] = reactExports.useState(false);
+  reactExports.useEffect(() => {
+    let alive = true;
+    const check = () => window.api.getSwitchStatus(name).then((s) => alive && setStatus(s));
+    check();
+    const timer = setInterval(check, 5e3);
+    return () => {
+      alive = false;
+      clearInterval(timer);
+    };
+  }, []);
+  const toggle = async () => {
+    setBusy(true);
+    const next = await (isOn(status) ? window.api.deactivateSwitch(name) : window.api.activateSwitch(name));
+    setStatus(next);
+    setBusy(false);
+    if (next.error) alert(next.error);
+  };
+  const setKeepActive = async (value) => {
+    const next = await window.api.setSwitchKeepActive(name, value);
+    setStatus(next);
+    if (next.error) alert(next.error);
+  };
+  return { status, busy, toggle, setKeepActive };
+}
+function StatusSwitch({ service, on, warn, button, className = "", tooltip, changes, changesTitle = "Changes in settings.json", children }) {
+  const ref = reactExports.useRef(null);
+  const [tip] = reactExports.useState(() => document.createElement("div"));
+  const [showChanges, setChanges] = reactExports.useState(false);
+  reactExports.useEffect(() => {
+    const t = tippy(ref.current, { content: tip, interactive: true, delay: [0, 0], appendTo: () => document.body });
+    return () => t.destroy();
+  }, []);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: `statusbar-group statusbar-seg ${className} ${on ? "statusbar-seg-on" : ""}`, ref, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: `statusbar-msg ${button ? "" : on ? "statusbar-active" : "statusbar-off"}`, children: [
+      warn !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "statusbar-warn", "data-on": warn ? "" : void 0, children: "⚠ " }),
+      children
+    ] }),
+    reactDomExports.createPortal(
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "statusbar-tooltip", children: [
+        tooltip,
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "statusbar-tooltip-footer", children: [
+          changes && showChanges && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "statusbar-tooltip-changes", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "statusbar-tooltip-changes-title", children: changesTitle }),
+            changes
+          ] }),
+          service.status?.keepActive !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "statusbar-tooltip-keep", title: service.status.ephemeral ? "Keep active is not available for a temporary npx run.\nInstall the app globally to enable it." : void 0, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("input", { type: "checkbox", checked: service.status.keepActive, disabled: service.status.ephemeral, onChange: (e) => service.setKeepActive(e.target.checked) }),
+            "Keep active after the app closes"
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "statusbar-tooltip-actions", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: `button-primary statusbar-tooltip-btn ${button ? "statusbar-tooltip-btn-blue" : on ? "statusbar-tooltip-btn-red" : "statusbar-tooltip-btn-green"}`, disabled: service.busy || !service.status, onClick: service.toggle, children: service.busy ? "…" : button || (on ? "Deactivate" : "Activate") }),
+            changes && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "statusbar-tooltip-help", "aria-expanded": showChanges, onClick: () => setChanges((v) => !v), children: "?" })
+          ] })
+        ] })
+      ] }),
+      tip
+    )
+  ] });
+}
+const proxyTooltip = /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
+  "Captures Claude Code's raw API traffic - system prompt, tool definitions, injected reminders, responses.",
+  /* @__PURE__ */ jsxRuntimeExports.jsx("p", {}),
+  "Applies only to newly started Claude Code sessions."
+] });
+const proxyChanges = /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+  /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { children: `"env": {
+  "ANTHROPIC_BASE_URL": "http://127.0.0.1:41414",
+  "ENABLE_TOOL_SEARCH": "true"
+},
+"hooks": {
+  "SessionStart": ["…/bin/claude/hooks.mjs"]
+}` }),
+  /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
+    "Note: ",
+    /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: "/remote-control" }),
+    " is disabled while proxy is active."
+  ] })
+] });
+const retentionTooltip = /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
+  "Claude Code deletes transcripts older than ",
+  /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: "cleanupPeriodDays" }),
+  " (default 30) - this app can only show what's left. Raise it to keep a year of history browsable."
+] });
+const retentionChanges = /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { children: `"cleanupPeriodDays": 365` });
+const statuslineTooltip = /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "This app ships a status line for Claude Code showing context/token usage and rate limits." });
+const statuslineChanges = /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { children: `"statusLine": {
+  "type": "command",
+  "command": "node …/bin/claude/statusline.mjs"
+}` });
+const claudeDirTooltip = /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+  /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
+    "The folder this app reads everything from - your Claude Code sessions and settings (usually ",
+    /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: "~/.claude" }),
+    ")."
+  ] }),
+  /* @__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 ONE_YEAR_DAYS = 365;
+function humanizeDays(days) {
+  if (days < ONE_YEAR_DAYS) return `${days}d`;
+  const years = days / ONE_YEAR_DAYS;
+  return `${Number.isInteger(years) ? years : years.toFixed(1)}y`;
+}
+function StatusBar({ progress, sessionCount = 0 }) {
+  const { claudeDir } = window.api.claudeSettings;
+  const proxy = useSwitch({ name: "proxy", isOn: (s) => s?.running });
+  const statusline = useSwitch({ name: "statusline", isOn: (s) => s?.installed });
+  const retention = useSwitch({ name: "retention", isOn: (s) => s?.raised });
+  const claudedir = useSwitch({ name: "claudedir" });
+  const proxyRunning = proxy.status?.running;
+  const proxyDown = proxy.status?.configured && proxyRunning === false;
+  const retentionRaised = retention.status?.raised;
+  const scanning = progress?.scanning && progress.total > 0;
+  const finished = progress && !progress.scanning;
+  const pct = scanning ? progress.done / progress.total * 100 : 0;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "statusbar", children: [
+    (scanning || finished) && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "statusbar-loading", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "statusbar-loading-text", children: [
+        scanning ? "Loading" : "Loaded",
+        " ",
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "statusbar-loading-num", children: sessionCount }),
+        " sessions",
+        scanning ? "…" : ""
+      ] }),
+      scanning && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "progress-bar", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "progress-bar-fill", style: { width: `${pct}%` } }) })
+    ] }),
+    /* @__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) : "…" })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(StatusSwitch, { service: proxy, on: proxyRunning, warn: !!proxyDown, tooltip: proxyTooltip, changes: proxyChanges, children: [
+      "Capture proxy : ",
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "statusbar-state", children: proxyRunning ? "ON" : proxyDown ? "DOWN" : "off" })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(StatusSwitch, { service: statusline, on: statusline.status?.installed, tooltip: statuslineTooltip, changes: statuslineChanges, children: [
+      "Status line : ",
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "statusbar-state", children: statusline.status?.installed ? "ON" : "off" })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(StatusSwitch, { service: claudedir, button: "Change directory", className: "statusbar-claude-dir", tooltip: claudeDirTooltip, changes: claudeDirChanges, changesTitle: "Changes in ~/.claude-discover/config.json", children: [
+      "Claude dir: ",
+      /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: claudeDir })
+    ] })
+  ] });
+}
+function App() {
+  const [sessions, setSessions] = reactExports.useState([]);
+  const [loading, setLoading] = reactExports.useState(true);
+  const [scanProgress, setScanProgress] = reactExports.useState(null);
+  const [granularity, setGranularity] = useLocalStorage("gantt.granularity", "day");
+  const [anchor, setAnchor] = reactExports.useState(() => startOfPeriod(Date.now(), granularity));
+  const [selectedId, setSelectedId] = reactExports.useState(null);
+  const [sourceFilter, setSourceFilter] = reactExports.useState(null);
+  const [projectFilter, setProjectFilter] = reactExports.useState(null);
+  const { defaultLayout, onLayoutChanged } = sn({ id: "app.body", panelIds: ["list", "detail"], storage: localStorage });
+  const { defaultLayout: rootLayout, onLayoutChanged: onRootLayoutChanged } = sn({ id: "app.root", panelIds: ["gantt", "body"], storage: localStorage });
+  const dayRange = reactExports.useMemo(() => {
+    const start = anchor;
+    const end = endOfPeriod(anchor, granularity);
+    return { start, end };
+  }, [anchor, granularity]);
+  reactExports.useEffect(() => {
+    let cancelled = false;
+    setScanProgress(null);
+    const offP = window.api.onScanProgress((p) => {
+      if (!cancelled) setScanProgress(p);
+    });
+    const timer = setTimeout(() => {
+      window.api.listSessions(format(anchor, "yyyy-MM-dd"), granularity).then((s) => {
+        if (!cancelled) {
+          setSessions(s || []);
+          setLoading(false);
+        }
+      });
+    }, 120);
+    const off = window.api.onSessionsUpdate((s) => {
+      if (!cancelled) setSessions(s || []);
+    });
+    return () => {
+      cancelled = true;
+      clearTimeout(timer);
+      off();
+      offP();
+    };
+  }, [anchor, granularity]);
+  const dayItems = reactExports.useMemo(() => {
+    const sourceFiltered = sourceFilter ? sessions.filter((s) => (s.source || "other") === sourceFilter) : sessions;
+    const past = projectFilter ? sourceFiltered.filter((s) => (s.project || "(no project)") === projectFilter) : sourceFiltered;
+    const availableSources = [...new Set(sessions.map((s) => s.source || "other"))];
+    return { sourceFiltered, past, availableSources };
+  }, [sessions, sourceFilter, projectFilter]);
+  const selected = reactExports.useMemo(
+    () => sessions.find((s) => s.sessionId === selectedId) || null,
+    [sessions, selectedId]
+  );
+  const selectSession = reactExports.useCallback((id) => {
+    closeFind();
+    setSelectedId(id);
+  }, []);
+  const shiftPeriod = reactExports.useCallback((delta) => {
+    setProjectFilter(null);
+    setAnchor((a) => startOfPeriod(addPeriod(a, granularity, delta), granularity));
+  }, [granularity]);
+  const changeGranularity = reactExports.useCallback((g) => {
+    setProjectFilter(null);
+    setAnchor((a) => startOfPeriod(Math.min(endOfPeriod(a, granularity), Date.now()), g));
+    setGranularity(g);
+  }, [granularity, setGranularity]);
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "app-loading", children: "Loading sessions…" });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "app", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      Xt,
+      {
+        orientation: "vertical",
+        className: "app-main",
+        defaultLayout: rootLayout,
+        onLayoutChanged: onRootLayoutChanged,
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Zt, { id: "gantt", defaultSize: 400, minSize: 180, className: "gantt-pane", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Toolbar,
+              {
+                granularity,
+                onSetGranularity: changeGranularity,
+                dayAnchor: anchor,
+                onShiftDay: shiftPeriod,
+                onResetToday: () => {
+                  setProjectFilter(null);
+                  setAnchor(startOfPeriod(Date.now(), granularity));
+                },
+                sourceFilter,
+                availableSources: dayItems.availableSources,
+                onToggleSourceFilter: (src) => setSourceFilter((cur) => cur === src ? null : src)
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "gantt-body", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                GanttChart,
+                {
+                  dayRange,
+                  sessions: dayItems.sourceFiltered,
+                  onSelect: selectSession,
+                  selectedId,
+                  dayAnchor: anchor,
+                  granularity,
+                  projectFilter,
+                  onToggleProjectFilter: (project) => setProjectFilter((cur) => cur === project ? null : project)
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(PeriodSummary, { sessions: dayItems.past, dayAnchor: anchor, granularity })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(tn, { className: "resize-handle resize-handle-h" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Zt, { id: "body", minSize: 20, className: "body-outer", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            Xt,
+            {
+              orientation: "horizontal",
+              className: "body",
+              defaultLayout,
+              onLayoutChanged,
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Zt, { id: "list", defaultSize: 350, minSize: 200, maxSize: 700, className: "body-pane", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  SessionList,
+                  {
+                    sessions: dayItems.past,
+                    selectedId,
+                    onSelect: selectSession
+                  }
+                ) }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(tn, { className: "resize-handle resize-handle-v" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Zt, { id: "detail", minSize: 30, className: "body-pane", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Session, { meta: selected, date: format(anchor, "yyyy-MM-dd"), granularity }) })
+              ]
+            }
+          ) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(StatusBar, { progress: scanProgress, sessionCount: sessions.length })
+  ] });
+}
+clearOutdatedLocalStorage();
+delegate("body", {
+  target: "[title], [data-tippy-content]",
+  delay: [0, 0],
+  content(reference) {
+    const title = reference.getAttribute("title");
+    reference.removeAttribute("title");
+    return title;
+  },
+  onShow(instance) {
+    const content = instance.reference.getAttribute("data-tippy-content");
+    if (content != null) instance.setContent(content);
+  }
+});
+delegate("body", {
+  target: "[data-tippy-html]",
+  delay: [0, 0],
+  allowHTML: true,
+  content: (reference) => reference.getAttribute("data-tippy-html"),
+  onShow(instance) {
+    instance.setContent(instance.reference.getAttribute("data-tippy-html"));
+  }
+});
+clientExports.createRoot(document.getElementById("root")).render(
+  /* @__PURE__ */ jsxRuntimeExports.jsx(React.StrictMode, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(App, {}) })
+);