claude-discover 1.10.3 → 1.10.4

package/bin/proxy.mjs

@@ -16,20 +16,25 @@ import { parseArgs } from 'node:util'
 
 import { HOST, PORT, PROXY_URL, UPSTREAM, EXIT_ROUTE, PING_ROUTE, PING_RESPONSE, REQUESTS_DIR, ERROR_LOG_PATH } from './proxy.config.js'
 
+// How long an exiting proxy keeps serving in-flight responses — long replies stream for minutes
+const DRAIN_TIMEOUT_MS = 10 * 60_000
+
 
 // ── 1. Generic tee proxy — knows nothing about Claude ────────────────────────
 // Forwards verbatim to `upstream` and pipes the response back while buffering both bodies.
 // `onExchange(exchange)` fires exactly once per request, after piping (its response fields are
-// undefined when upstream never responded); `errorBody(err)` shapes the 502 when it's unreachable.
+// undefined when upstream never responded); `errorBody(err)` shapes the 502 when it's unreachable;
+// `onExit()` runs once the exit route has answered.
 
-function createProxy({ upstream, onExchange, onError, errorBody }) {
+function createProxy({ upstream, onExchange, onError, errorBody, onExit }) {
   const mod = upstream.protocol === 'http:' ? http : https
 
   return http.createServer(async (req, res) => {
     if (req.method === 'POST' && req.url === EXIT_ROUTE) {
       // Loopback-only control route. The restart client is a bare Node request; reject anything carrying browser fetch metadata so a web page can't CSRF the proxy into exiting.
       if (req.headers.origin || req.headers.referer || req.headers['sec-fetch-site']) return res.writeHead(403).end('forbidden')
-      return res.end('bye', () => process.exit(0))
+      res.setHeader('connection', 'close')
+      return res.end('bye', onExit)
     }
     if (req.url === PING_ROUTE) return res.end(PING_RESPONSE)
     const started = Date.now()
@@ -246,7 +251,17 @@ if (isMain) {
     onExchange: logRequest,
     onError: logError,
     errorBody: err => JSON.stringify({ type: 'error', error: { type: 'api_error', message: `claude-discover proxy: upstream unreachable (${err.code || err.message})` } }),
+    onExit: () => drain(),
   })
+  // Stop listening at once (frees the port for a successor) but let in-flight responses finish — exiting outright would cut a reply mid-stream
+  let draining = false
+  const drain = () => {
+    if (draining) return
+    draining = true
+    server.close(() => process.exit(0))
+    setTimeout(() => process.exit(0), DRAIN_TIMEOUT_MS)
+  }
+  process.on('SIGTERM', drain) // @macOS @linux launchd/systemd stop the service this way, right after ProxySwitch's exit request
   if (args.values.restart) {
     // Ask a previous instance (the port is loopback-only and assumed ours) to exit before listening.
     const replaced = await new Promise(resolve => http.request(`${PROXY_URL}${EXIT_ROUTE}`, { method: 'POST' }, () => resolve(true)).on('error', () => resolve(false)).end())

package/out/main/main.js

@@ -435,7 +435,7 @@ const MEMORY_LABELS = {
   "user's private project instructions, not checked in": "Local",
   "user's auto-memory, persists across conversations": "Auto"
 };
-const MEMORY_FILES = { User: "CLAUDE.md", Project: "CLAUDE.md", Local: "CLAUDE.local.md", Auto: "MEMORY.md" };
+const MEMORY_FILES = { User: ["CLAUDE.md"], Project: ["CLAUDE.md", "AGENTS.md"], Local: ["CLAUDE.local.md"], Auto: ["MEMORY.md"] };
 function splitClaudeMd(text) {
   const marker = text.match(/\n# claudeMd\r?\n|Codebase and user instructions are shown below\./);
   if (!marker) return { files: [], rest: text };
@@ -449,7 +449,7 @@ function splitClaudeMd(text) {
     const base = h[1].split(/[\\/]/).pop();
     return {
       file_path: h[1],
-      name: base === MEMORY_FILES[memory_type] ? base : h[1],
+      name: MEMORY_FILES[memory_type]?.includes(base) ? base : h[1],
       memory_type,
       content: region.slice(h.index + h[0].length, heads[i + 1]?.index ?? region.length).trim()
     };
@@ -1608,21 +1608,6 @@ class ClaudeSettings {
       }
     }
   }
-  // Removes every hook (any event) whose command matches `pattern`, dropping groups and events
-  // left empty. Returns the removed commands.
-  removeHooks(pattern) {
-    const matches = (h) => pattern.test(h.command ?? "");
-    const removed = [];
-    for (const [event, groups] of Object.entries(this.cfg.hooks ?? {})) {
-      const hit = groups.flatMap((g) => (g.hooks ?? []).filter(matches).map((h) => h.command));
-      if (!hit.length) continue;
-      removed.push(...hit);
-      for (const g of groups) g.hooks = (g.hooks ?? []).filter((h) => !matches(h));
-      this.cfg.hooks[event] = groups.filter((g) => g.hooks.length);
-      if (!this.cfg.hooks[event].length) delete this.cfg.hooks[event];
-    }
-    return removed;
-  }
   // Days Claude Code keeps transcripts before auto-deleting them; undefined when unset (its default is 30).
   get cleanupPeriodDays() {
     return this.cfg.cleanupPeriodDays;
@@ -1790,15 +1775,9 @@ WantedBy=default.target
   }
 }
 const NODE = await which("node", { nothrow: true }) ?? "node";
+const SETTINGS_RELOAD_GRACE_MS = 3e3;
 class ProxySwitch {
   #service = new LoginService({ name: "claude-discover-proxy", command: [NODE, PROXY_PATH] });
-  constructor() {
-    try {
-      const settings = new ClaudeSettings();
-      if (settings.removeHooks(/claude-discover/).length) settings.save();
-    } catch {
-    }
-  }
   async status() {
     return {
       running: await this.#running(),
@@ -1828,16 +1807,17 @@ class ProxySwitch {
     settings.setEnv("ENABLE_TOOL_SEARCH", "true");
     settings.save();
   }
-  // Stop the proxy, remove the service and our env keys — a foreign base URL is left alone
+  // Remove our env keys, then stop the proxy and remove the service — a foreign base URL is left alone
   async deactivate() {
-    await this.#exit();
-    await this.#service.uninstall();
     const settings = new ClaudeSettings();
     if (settings.env?.ANTHROPIC_BASE_URL === PROXY_URL) {
-      settings.deleteEnv("ANTHROPIC_BASE_URL");
+      settings.setEnv("ANTHROPIC_BASE_URL", "");
       settings.deleteEnv("ENABLE_TOOL_SEARCH");
       settings.save();
+      await new Promise((r) => setTimeout(r, SETTINGS_RELOAD_GRACE_MS));
     }
+    await this.#exit();
+    await this.#service.uninstall();
   }
   // Ask a running instance to exit via its control route and wait for the port to free up
   async #exit() {

package/out/renderer/assets/{index-By2RDJFe.js → index-B6LVyX-b.js}

@@ -34,13 +34,13 @@ function useLocalStorage(key, initial) {
 }
 function clearOutdatedLocalStorage() {
   const version = localStorage.getItem(VERSION_KEY);
-  if (version !== "1.10.3") {
-    const [MAJOR, MINOR, PATCH] = "1.10.3".split(".");
+  if (version !== "1.10.4") {
+    const [MAJOR, MINOR, PATCH] = "1.10.4".split(".");
     const [major, minor, patch] = (version ?? "").split(".");
     if (MAJOR !== major || MINOR !== minor) {
       localStorage.clear();
     }
-    localStorage.setItem(VERSION_KEY, "1.10.3");
+    localStorage.setItem(VERSION_KEY, "1.10.4");
   }
 }
 function useMouseFontScale(storageKey) {
@@ -1550,6 +1550,7 @@ function ConversationView({ items, instructions = [], filePath = null, expandAll
       "Continues from ",
       format(continuesFrom, "MMM d, yyyy HH:mm")
     ] }),
+    instructions.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "conv-row conv-row-instruction", children: /* @__PURE__ */ jsxRuntimeExports.jsx(InstructionsMissing, {}) }),
     groups.map((g, i) => /* @__PURE__ */ jsxRuntimeExports.jsxs(React.Fragment, { children: [
       i === branch?.index && branchDivider,
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `conv-row conv-row-${g.kind}`, children: [
@@ -1857,13 +1858,21 @@ function safeJson(x) {
 function JsonBlock({ value }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { className: "block-text", text: "```json\n" + safeJson(value) + "\n```" });
 }
+const ProxyHeader = ({ children }) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "msg-header msg-proxy", children: [
+  /* @__PURE__ */ jsxRuntimeExports.jsx(Globe, { className: "msg-icon" }),
+  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "msg-author", children: "Proxy" }),
+  children
+] });
+function InstructionsMissing() {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "instruction-missing", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ProxyHeader, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "msg-summary", children: "not captured" }) }),
+    "Turn on the Capture proxy to see the system prompt, tools and memory files."
+  ] });
+}
 function InstructionRun({ turns, model }) {
   const strips = turns.flatMap((t) => t.blocks).map(({ it }) => ({ ...it, tokens: countTokens(it.content, it.model ?? model) }));
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "msg-header msg-proxy", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Globe, { className: "msg-icon" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "msg-author", children: "Proxy" })
-    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ProxyHeader, {}),
     groupInstructions(strips).map(([label, list]) => /* @__PURE__ */ jsxRuntimeExports.jsxs(React.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "aux instruction-source", children: label }),
       list.map((it) => /* @__PURE__ */ jsxRuntimeExports.jsx(InstructionFile, { it, model, tokens: it.tokens }, `${it.hash ?? it.file_path}-${it.timestamp}`))
@@ -2112,7 +2121,7 @@ const Pane = React.memo(function Pane2({ value, headers, seen, expandAll }) {
     ] })
   ] });
 });
-function RequestsView({ filePath, date, granularity = "day", fileSize = 0, expandAll = null }) {
+function RequestsView({ filePath, items, 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");
@@ -2143,21 +2152,49 @@ function RequestsView({ filePath, date, granularity = "day", fileSize = 0, expan
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "requests-view", children: error ? /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorMessage, { title: "Couldn't load the captured requests", error }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "requests-empty", children: "Loading…" }) });
   }
   if (!records.length) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "requests-view", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "requests-empty", children: "No captured requests for this session. Requests are recorded only while the capture proxy is running." }) });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "requests-view", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "requests-pitch", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("h3", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Globe, { className: "requests-pitch-icon" }),
+        "No API requests captured"
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "See the system prompt, tools and hidden calls behind every reply." }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "requests-pitch-hint", children: [
+        "Turn on ",
+        /* @__PURE__ */ jsxRuntimeExports.jsx("b", { children: "Capture proxy" }),
+        " in the status bar."
+      ] })
+    ] }) });
   }
+  const captured = new Set(records.map((r) => r.responseHeaders?.["request-id"]));
+  const missed = items?.filter((o) => o.requestId && !captured.has(o.requestId)) ?? [];
+  const gapRow = (from = "", to) => {
+    const n = new Set(missed.filter((o) => o.timestamp >= from && (!to || o.timestamp < to)).map((o) => o.requestId)).size;
+    return n > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { className: "requests-missed", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Divider, { children: [
+      n,
+      " ",
+      n === 1 ? "reply" : "replies",
+      " not captured (proxy was off)"
+    ] }) });
+  };
   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("ul", { className: "requests-list", children: [
+      records.map((r, i) => {
+        const [method, path] = splitUrl(r.url);
+        return /* @__PURE__ */ jsxRuntimeExports.jsxs(React.Fragment, { children: [
+          gapRow(records[i - 1]?.timestamp, r.timestamp),
+          /* @__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);
+      }),
+      gapRow(records.at(-1).timestamp)
+    ] }),
     /* @__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 })
@@ -2594,7 +2631,7 @@ function Session({ meta, missing, date, granularity = "day", onShowPeriodOf }) {
           }
         )
       ] }),
-      mode === "conversation" ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "view-tab-pane-content", children: items ? /* @__PURE__ */ jsxRuntimeExports.jsx(ConversationView, { items, instructions, filePath: meta.parentFilePath ?? meta.filePath, expandAll, continuesFrom: meta.continuesFrom, continuesTo: meta.continuesTo, onShowPeriodOf }) : loadError || /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "empty", children: "Loading conversation…" }) }) : mode === "jsonl" ? !items && loadError || /* @__PURE__ */ jsxRuntimeExports.jsx(JsonlView, { items, expandAll }) : /* @__PURE__ */ jsxRuntimeExports.jsx(RequestsView, { filePath, date, granularity, fileSize, expandAll })
+      mode === "conversation" ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "view-tab-pane-content", children: items ? /* @__PURE__ */ jsxRuntimeExports.jsx(ConversationView, { items, instructions, filePath: meta.parentFilePath ?? meta.filePath, expandAll, continuesFrom: meta.continuesFrom, continuesTo: meta.continuesTo, onShowPeriodOf }) : loadError || /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "empty", children: "Loading conversation…" }) }) : mode === "jsonl" ? !items && loadError || /* @__PURE__ */ jsxRuntimeExports.jsx(JsonlView, { items, expandAll }) : /* @__PURE__ */ jsxRuntimeExports.jsx(RequestsView, { filePath, items, date, granularity, fileSize, expandAll })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(SessionSummary, { meta, items, instructions, agent, granularity })
   ] }) }) }) }) });
@@ -2663,7 +2700,7 @@ function StatusSwitch({ service, on, warn, button, className = "", tooltip, chan
 }
 const proxyTooltip = /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
   /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "Captures Claude Code's raw API traffic - system prompt, tool definitions, injected reminders, responses." }),
-  /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "Applies only to newly started Claude Code sessions." })
+  /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "Applies to running Claude Code sessions too." })
 ] });
 const proxyChanges = /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
   /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { children: `"env": {

package/out/renderer/assets/{index-CTIYCpXd.css → index-DsnXk_cj.css}

@@ -1085,12 +1085,19 @@ button.msg-summary:hover { color: var(--text); background: var(--bg-elev-2); bor
 /* Instruction files (system prompt / CLAUDE.md / memory) extracted from the captured API requests,
    and the label over each group — one unbroken strip down the whole run. */
 .instruction-file,
-.instruction-source {
+.instruction-source,
+.instruction-missing {
   border-left: 2px solid #a78bfa;
   padding-left: 8px;
   margin-left: -10px;
 }
 
+/* Stands in for the strips when nothing was captured (see InstructionsMissing). */
+.instruction-missing {
+  color: var(--text-faint);
+  font-size: calc(11px * var(--font-scale, 1));
+}
+
 /* Group label over the strips read from one part of the request (system prompt / tools / user message). */
 .instruction-source {
   font-family: var(--font-mono), monospace;
@@ -1254,223 +1261,256 @@ button.msg-summary:hover { color: var(--text); background: var(--bg-elev-2); bor
   button { flex: none; padding: 0 6px; border: none; background: transparent; color: var(--text-faint); font-size: 16px; line-height: 1; }
   button:hover { color: var(--text); background: transparent; }
 }
-.requests-view {
-  flex: 1;
-  display: flex;
-  min-height: 0;
-  background: var(--bg);
-  font-size: 12px;
-}
-
-.requests-list {
-  flex: 0 0 550px;
-  overflow: auto;
-  border-right: 1px solid var(--border);
-  margin: 0;
-  padding: 20px 10px;
-  list-style: none;
-}
-
-.requests-list li { margin: 0; }
-
-/* separator above the request that starts a new user turn */
-.requests-list li.new-turn {
-  border-top: 1px solid var(--border);
-  margin-top: 6px;
-  padding-top: 6px;
-}
-
-.requests-list button {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  width: 100%;
-  background: transparent;
-  border: 0;
-  color: var(--text);
-  text-align: left;
-  padding: 4px 10px;
-  font: inherit;
-  cursor: pointer;
-
-  &:hover { background: var(--hover, rgba(255, 255, 255, 0.06)); }
-  &.active { background: var(--hover, rgba(255, 255, 255, 0.1)); }
-}
-
-.requests-url {
-  flex: 1;
-  color: var(--text-faint);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-/* category label, last column — fixed width so the labels line up left-aligned,
-   set off from the metrics by a full-height vertical rule; colors come from the
-   shared .kind-* palette in styles.css */
-.requests-kind {
-  flex: 0 0 106px;
-  align-self: stretch;
-  display: flex;
-  align-items: center;
-  padding: 0 8px;
-  border-left: 1px solid var(--border);
-  overflow: hidden;
-  white-space: nowrap;
-}
-
-/* Postman-style method colors — muted, kept local so they don't track the app palette */
-.requests-method {
-  flex: 0 0 34px;
-  font-weight: 600;
-
-  &.get { color: #6ea882; }
-  &.post { color: #6b93c4; }
-  &.put { color: #c2835f; }
-  &.delete { color: #c47b7b; }
-}
-
-.requests-status {
-  font-variant-numeric: tabular-nums;
-
-  &.ok { color: var(--text-faint); }
-  &.error { color: var(--danger); font-weight: bold; }
-}
-
-.requests-meta {
-  color: var(--text-faint);
-  font-variant-numeric: tabular-nums;
-}
-
-.requests-tokens {
-  min-width: 42px;
-  text-align: right;
-}
-
-.requests-duration {
-  min-width: 44px;
-  text-align: right;
-}
-
-.requests-detail {
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-}
-
-.requests-tabs {
-  display: flex;
-  gap: 14px;
-  padding: 5px 12px;
-  border-bottom: 1px solid var(--border);
-
-  & button {
-    background: transparent;
-    border: 0;
-    padding: 2px 0;
-    color: var(--text-faint);
-    text-transform: uppercase;
-    font: inherit;
-    font-size: 11px;
-    letter-spacing: 0.5px;
-    cursor: pointer;
-
-    &:hover { color: var(--text); }
-    &.active { color: var(--text); }
-  }
-}
-
-.requests-pane {
-  flex: 1;
-  min-width: 0;
-  overflow: auto;
-  padding: 8px 12px 12px;
-
-  /* Shift/Ctrl+wheel zoom (useMouseFontScale): font sizes below multiply this scale. */
-  & .w-json-view-container {
-    --w-rjv-background-color: rgb(6 6 6) !important;
-    font-size: calc(12px * var(--font-scale, 1)) !important;
-    line-height: 1.2 !important;
-  }
-}
-
-/* the hand-made braces / `"messages": [ … ]` lines stitching the body tree and the per-message
-   trees into one document, styled to blend in with JsonView (theme vars come from the wrapper's
-   inline style; indents mirror its KeyValues: 6px margin + 15px padding + guide line) */
-.requests-doc {
-  font-family: var(--w-rjv-font-family, monospace);
-  font-size: calc(12px * var(--font-scale, 1));
-  line-height: 1.2;
-
-  & .key { color: var(--w-rjv-key-string); }
-  & .colon { color: var(--w-rjv-colon-color); }
-  & .bracket { color: var(--w-rjv-brackets-color); }
-
-  /* the root braces are ours, so hide the body tree's own open row (arrow + brace) and closing
-     brace; the tree is the wrapper's direct child, unlike the nested per-message trees.
-     !important beats the open row's inline display:inline-flex */
-  & > .w-json-view-container > :is(span:first-child, div:not(.w-rjv-wrap)) { display: none !important; }
-
-  & .requests-msgs,
-  & .requests-msgs .items {
-    margin-left: 6px;
-    padding-left: 15px;
-    border-left: 1px solid var(--w-rjv-line-color);
-  }
-
-  & .w-rjv-value {
-    color: var(--w-rjv-type-string-color)
-  }
-}
-
-/* summary shown inside a collapsed node in place of the '...' ellipsis */
-.requests-hint {
-  cursor: pointer;
-  user-select: none;
-  font-style: italic;
-  color: var(--text-faint);
-  padding: 0 3px;
-  white-space: pre; /* keeps the role's alignment padding */
-}
-
-/* parts already sent in an earlier request ($refs in the log) fade so what's new stands out */
-.requests-seen,
-.requests-pane :is(.w-rjv-inner, .w-rjv-line):has(> span .requests-seen-key) {
-  opacity: 0.6;
-}
-
-.requests-headers {
-  padding-bottom: 8px;
-  margin-bottom: 8px;
-  border-bottom: 1px solid var(--border);
-}
-
-.requests-label {
-  display: flex;
-  justify-content: space-between;
-  color: var(--text-faint);
-  text-transform: uppercase;
-  font-size: calc(11px * var(--font-scale, 1));
-  letter-spacing: 0.5px;
-  padding: 2px 0 6px;
-}
-
-/* explains the seen-part fading to first-time viewers */
-.requests-label-hint {
-  text-transform: none;
-  letter-spacing: normal;
-  font-style: italic;
-}
-
-.requests-pane-empty,
-.requests-empty {
-  color: var(--text-faint);
-}
-
-.requests-empty {
-  padding: 10px 20px;
-}
+.requests-view {
+  flex: 1;
+  display: flex;
+  min-height: 0;
+  background: var(--bg);
+  font-size: 12px;
+}
+
+.requests-list {
+  flex: 0 0 550px;
+  overflow: auto;
+  border-right: 1px solid var(--border);
+  margin: 0;
+  padding: 20px 10px;
+  list-style: none;
+}
+
+.requests-list li { margin: 0; }
+
+/* separator above the request that starts a new user turn */
+.requests-list li.new-turn {
+  border-top: 1px solid var(--border);
+  margin-top: 6px;
+  padding-top: 6px;
+}
+
+.requests-list li.requests-missed {
+  margin: 18px 0;
+  padding: 6px 10px;
+  background: var(--bg-elev);
+  border-radius: 4px;
+}
+
+/* the wavy divider already separates the turns */
+.requests-list li.requests-missed + li.new-turn {
+  border-top: 0;
+  margin-top: 0;
+  padding-top: 0;
+}
+
+.requests-list button {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  background: transparent;
+  border: 0;
+  color: var(--text);
+  text-align: left;
+  padding: 4px 10px;
+  font: inherit;
+  cursor: pointer;
+
+  &:hover { background: var(--hover, rgba(255, 255, 255, 0.06)); }
+  &.active { background: var(--hover, rgba(255, 255, 255, 0.1)); }
+}
+
+.requests-url {
+  flex: 1;
+  color: var(--text-faint);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* category label, last column — fixed width so the labels line up left-aligned,
+   set off from the metrics by a full-height vertical rule; colors come from the
+   shared .kind-* palette in styles.css */
+.requests-kind {
+  flex: 0 0 106px;
+  align-self: stretch;
+  display: flex;
+  align-items: center;
+  padding: 0 8px;
+  border-left: 1px solid var(--border);
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+/* Postman-style method colors — muted, kept local so they don't track the app palette */
+.requests-method {
+  flex: 0 0 34px;
+  font-weight: 600;
+
+  &.get { color: #6ea882; }
+  &.post { color: #6b93c4; }
+  &.put { color: #c2835f; }
+  &.delete { color: #c47b7b; }
+}
+
+.requests-status {
+  font-variant-numeric: tabular-nums;
+
+  &.ok { color: var(--text-faint); }
+  &.error { color: var(--danger); font-weight: bold; }
+}
+
+.requests-meta {
+  color: var(--text-faint);
+  font-variant-numeric: tabular-nums;
+}
+
+.requests-tokens {
+  min-width: 42px;
+  text-align: right;
+}
+
+.requests-duration {
+  min-width: 44px;
+  text-align: right;
+}
+
+.requests-detail {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+}
+
+.requests-tabs {
+  display: flex;
+  gap: 14px;
+  padding: 5px 12px;
+  border-bottom: 1px solid var(--border);
+
+  & button {
+    background: transparent;
+    border: 0;
+    padding: 2px 0;
+    color: var(--text-faint);
+    text-transform: uppercase;
+    font: inherit;
+    font-size: 11px;
+    letter-spacing: 0.5px;
+    cursor: pointer;
+
+    &:hover { color: var(--text); }
+    &.active { color: var(--text); }
+  }
+}
+
+.requests-pane {
+  flex: 1;
+  min-width: 0;
+  overflow: auto;
+  padding: 8px 12px 12px;
+
+  /* Shift/Ctrl+wheel zoom (useMouseFontScale): font sizes below multiply this scale. */
+  & .w-json-view-container {
+    --w-rjv-background-color: rgb(6 6 6) !important;
+    font-size: calc(12px * var(--font-scale, 1)) !important;
+    line-height: 1.2 !important;
+  }
+}
+
+/* the hand-made braces / `"messages": [ … ]` lines stitching the body tree and the per-message
+   trees into one document, styled to blend in with JsonView (theme vars come from the wrapper's
+   inline style; indents mirror its KeyValues: 6px margin + 15px padding + guide line) */
+.requests-doc {
+  font-family: var(--w-rjv-font-family, monospace);
+  font-size: calc(12px * var(--font-scale, 1));
+  line-height: 1.2;
+
+  & .key { color: var(--w-rjv-key-string); }
+  & .colon { color: var(--w-rjv-colon-color); }
+  & .bracket { color: var(--w-rjv-brackets-color); }
+
+  /* the root braces are ours, so hide the body tree's own open row (arrow + brace) and closing
+     brace; the tree is the wrapper's direct child, unlike the nested per-message trees.
+     !important beats the open row's inline display:inline-flex */
+  & > .w-json-view-container > :is(span:first-child, div:not(.w-rjv-wrap)) { display: none !important; }
+
+  & .requests-msgs,
+  & .requests-msgs .items {
+    margin-left: 6px;
+    padding-left: 15px;
+    border-left: 1px solid var(--w-rjv-line-color);
+  }
+
+  & .w-rjv-value {
+    color: var(--w-rjv-type-string-color)
+  }
+}
+
+/* summary shown inside a collapsed node in place of the '...' ellipsis */
+.requests-hint {
+  cursor: pointer;
+  user-select: none;
+  font-style: italic;
+  color: var(--text-faint);
+  padding: 0 3px;
+  white-space: pre; /* keeps the role's alignment padding */
+}
+
+/* parts already sent in an earlier request ($refs in the log) fade so what's new stands out */
+.requests-seen,
+.requests-pane :is(.w-rjv-inner, .w-rjv-line):has(> span .requests-seen-key) {
+  opacity: 0.6;
+}
+
+.requests-headers {
+  padding-bottom: 8px;
+  margin-bottom: 8px;
+  border-bottom: 1px solid var(--border);
+}
+
+.requests-label {
+  display: flex;
+  justify-content: space-between;
+  color: var(--text-faint);
+  text-transform: uppercase;
+  font-size: calc(11px * var(--font-scale, 1));
+  letter-spacing: 0.5px;
+  padding: 2px 0 6px;
+}
+
+/* explains the seen-part fading to first-time viewers */
+.requests-label-hint {
+  text-transform: none;
+  letter-spacing: normal;
+  font-style: italic;
+}
+
+.requests-pane-empty,
+.requests-empty {
+  color: var(--text-faint);
+}
+
+.requests-empty {
+  padding: 10px 20px;
+}
+
+/* Empty state: sells the Capture proxy instead of just saying nothing was recorded. */
+.requests-pitch {
+  margin: 60px auto auto;
+  max-width: 480px;
+  text-align: center;
+  padding: 24px 28px;
+  border: 1px solid rgba(167, 139, 250, 0.35);
+  border-radius: 8px;
+  background: rgba(167, 139, 250, 0.06);
+  color: var(--text-dim);
+  line-height: 1.6;
+
+  & h3 { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 0 0 8px; color: var(--text); font-size: 17px; }
+  & p { margin: 0 0 6px; }
+  & b { color: #a78bfa; }
+}
+.requests-pitch-icon { width: 22px; height: 22px; color: #a78bfa; }
+.requests-pitch-hint { color: var(--text); }
 .agent-prompt-typing {
   display: inline-flex;
   align-items: center;

package/out/renderer/index.html

@@ -6,10 +6,10 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Discover</title>
-    <script type="module" crossorigin src="./assets/index-By2RDJFe.js"></script>
+    <script type="module" crossorigin src="./assets/index-B6LVyX-b.js"></script>
     <link rel="modulepreload" crossorigin href="./assets/vendors-CpMM-Zb0.js">
     <link rel="stylesheet" crossorigin href="./assets/vendors-B4XMnGdr.css">
-    <link rel="stylesheet" crossorigin href="./assets/index-CTIYCpXd.css">
+    <link rel="stylesheet" crossorigin href="./assets/index-DsnXk_cj.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

@@ -1,79 +1,81 @@
-{
-  "name": "claude-discover",
-  "version": "1.10.3",
-  "type": "module",
-  "description": "Claude Discover — a desktop tool to browse your local Claude Code sessions: conversations, token costs, and captured API traffic",
-  "license": "MIT",
-  "author": "dichev <dichev.lab@gmail.com>",
-  "repository": "github:dichev/claude-discover",
-  "engines": {
-    "node": ">=22"
-  },
-  "main": "out/main/main.js",
-  "bin": {
-    "claude-discover": "bin/claude-discover.mjs"
-  },
-  "files": [
-    "out",
-    "bin"
-  ],
-  "scripts": {
-    "dev": "electron-vite dev",
-    "build": "electron-vite build",
-    "start": "electron .",
-    "test": "vitest run --reporter=tree",
-    "proxy": "node bin/proxy.mjs --restart",
-    "readme": "gh markdown-preview",
-    "smoke:local": "npm pack && npx -y ./claude-discover-${npm_package_version}.tgz",
-    "smoke:global": "npm pack && npm i -g ./claude-discover-${npm_package_version}.tgz && claude-discover",
-    "prepack": "npm run build",
-    "prepublishOnly": "npm whoami && npm test"
-  },
-  "dependencies": {
-    "@anthropic-ai/claude-agent-sdk": "^0.3.284",
-    "electron": "44.4.5",
-    "electron-context-menu": "^5.1.0",
-    "electron-window-state": "^5.0.3",
-    "latest-version": "^9.0.0",
-    "semver": "^7.8.5",
-    "which": "^7.0.0",
-    "write-file-atomic": "^8.0.0"
-  },
-  "devDependencies": {
-    "@date-fns/tz": "^1.5.0",
-    "@fontsource/inter": "^5.3.0",
-    "@fontsource/jetbrains-mono": "^5.3.0",
-    "@tomjs/electron-devtools-installer": "^4.0.1",
-    "@uiw/react-json-view": "^2.0.0-alpha.43",
-    "@vitejs/plugin-react": "^5.2.0",
-    "date-fns": "^4.4.0",
-    "electron-vite": "^5.0.0",
-    "gpt-tokenizer": "^4.0.0",
-    "highlight.js": "^11.12.0",
-    "lucide-react": "^1.43.0",
-    "react": "^19.3.0",
-    "react-dom": "^19.3.0",
-    "react-error-boundary": "^6.1.6",
-    "react-markdown": "^10.1.0",
-    "react-resizable-panels": "^4.12.4",
-    "rehype-highlight": "^7.0.2",
-    "remark-gfm": "^4.0.1",
-    "tippy.js": "^6.3.7",
-    "vite": "^7.3.6",
-    "vitest": "^5.0.2"
-  },
-  "keywords": [
-    "claude",
-    "claude-code",
-    "claude-code-proxy",
-    "claude-code-inspect",
-    "system-prompt",
-    "session-browser",
-    "session-profiler",
-    "transcript-viewer",
-    "token-usage",
-    "token-cost",
-    "usage-dashboard",
-    "api-inspector"
-  ]
-}
+{
+  "name": "claude-discover",
+  "version": "1.10.4",
+  "type": "module",
+  "description": "Claude Discover — a desktop tool to browse your local Claude Code sessions: conversations, token costs, and captured API traffic",
+  "license": "MIT",
+  "author": "dichev <dichev.lab@gmail.com>",
+  "repository": "github:dichev/claude-discover",
+  "engines": {
+    "node": ">=22"
+  },
+  "main": "out/main/main.js",
+  "bin": {
+    "claude-discover": "bin/claude-discover.mjs"
+  },
+  "files": [
+    "out",
+    "bin"
+  ],
+  "scripts": {
+    "predev": "kill-port 5555 9333",
+    "dev": "electron-vite dev",
+    "build": "electron-vite build",
+    "start": "electron .",
+    "test": "vitest run --reporter=tree",
+    "proxy": "node bin/proxy.mjs --restart",
+    "readme": "gh markdown-preview",
+    "smoke:local": "npm pack && npx -y ./claude-discover-${npm_package_version}.tgz",
+    "smoke:global": "npm pack && npm i -g ./claude-discover-${npm_package_version}.tgz && claude-discover",
+    "prepack": "npm run build",
+    "prepublishOnly": "npm whoami && npm test"
+  },
+  "dependencies": {
+    "@anthropic-ai/claude-agent-sdk": "^0.3.284",
+    "electron": "44.4.5",
+    "electron-context-menu": "^5.1.0",
+    "electron-window-state": "^5.0.3",
+    "latest-version": "^9.0.0",
+    "semver": "^7.8.5",
+    "which": "^7.0.0",
+    "write-file-atomic": "^8.0.0"
+  },
+  "devDependencies": {
+    "@date-fns/tz": "^1.5.0",
+    "@fontsource/inter": "^5.3.0",
+    "@fontsource/jetbrains-mono": "^5.3.0",
+    "@tomjs/electron-devtools-installer": "^4.0.1",
+    "@uiw/react-json-view": "^2.0.0-alpha.43",
+    "@vitejs/plugin-react": "^5.2.0",
+    "date-fns": "^4.4.0",
+    "electron-vite": "^5.0.0",
+    "gpt-tokenizer": "^4.0.0",
+    "highlight.js": "^11.12.0",
+    "kill-port": "^2.0.1",
+    "lucide-react": "^1.43.0",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
+    "react-error-boundary": "^6.1.6",
+    "react-markdown": "^10.1.0",
+    "react-resizable-panels": "^4.12.4",
+    "rehype-highlight": "^7.0.2",
+    "remark-gfm": "^4.0.1",
+    "tippy.js": "^6.3.7",
+    "vite": "^7.3.6",
+    "vitest": "^5.0.2"
+  },
+  "keywords": [
+    "claude",
+    "claude-code",
+    "claude-code-proxy",
+    "claude-code-inspect",
+    "system-prompt",
+    "session-browser",
+    "session-profiler",
+    "transcript-viewer",
+    "token-usage",
+    "token-cost",
+    "usage-dashboard",
+    "api-inspector"
+  ]
+}