@d3lm/pr-stats 0.2.8 → 0.2.9

package/dist/tui-app.mjs

@@ -146,7 +146,7 @@ import { join as join2 } from "node:path";
 import { mkdirSync, readFileSync, renameSync, rmSync, writeFileSync } from "node:fs";
 import { homedir } from "node:os";
 import { dirname, join } from "node:path";
-var VERSION = 3;
+var VERSION = 5;
 var enabled = false;
 function configureCache(on) {
   enabled = on;
@@ -795,7 +795,8 @@ function computeReviewStats(results, { targetHours, now = /* @__PURE__ */ new Da
         requestedAt: result.requestedAt,
         reviewedAt: result.reviewedAt,
         hours: durationHours(result.requestedAt, result.reviewedAt),
-        verdict: result.verdict
+        verdict: result.verdict,
+        lines: result.lines
       });
     } else if (result.kind === "pending" && result.pr.state === "open") {
       pending.push({ pr: result.pr, requestedAt: result.requestedAt, hours: durationHours(result.requestedAt, now) });
@@ -890,7 +891,9 @@ function computeReviewerStats(sizes, author) {
   let mergedReviewed = 0;
   let mergedUnreviewed = 0;
   for (const entry of sizes) {
-    const others = entry.reviewers.filter((login) => login !== author);
+    const others = entry.reviews.flatMap(
+      (review) => review.login === null || review.login === author ? [] : [review.login]
+    );
     for (const login of others) {
       const counts = byLogin.get(login) ?? { prs: 0, reviews: 0 };
       counts.reviews += 1;
@@ -916,6 +919,35 @@ function computeReviewerStats(sizes, author) {
   }).toSorted((a, b) => b.prs - a.prs || b.reviews - a.reviews || a.login.localeCompare(b.login));
   return { leaderboard, mergedReviewed, mergedUnreviewed };
 }
+function firstReviewOf(entry, author) {
+  let earliest = null;
+  for (const review of entry.reviews) {
+    if (review.login === null || review.login === author || review.submittedAt === null) {
+      continue;
+    }
+    if (earliest === null || review.submittedAt < earliest) {
+      earliest = review.submittedAt;
+    }
+  }
+  if (earliest === null) {
+    return null;
+  }
+  return { reviewedAt: earliest, hours: durationHours(entry.pr.createdAt, earliest) };
+}
+function computeFirstReviewStats(sizes, author, { now = /* @__PURE__ */ new Date() } = {}) {
+  const received = [];
+  const awaiting = [];
+  for (const entry of sizes) {
+    const first = firstReviewOf(entry, author);
+    if (first !== null) {
+      received.push({ entry, ...first });
+    } else if (entry.pr.state === "open") {
+      awaiting.push({ entry, hours: durationHours(entry.pr.createdAt, now) });
+    }
+  }
+  awaiting.sort((a, b) => a.entry.pr.createdAt.getTime() - b.entry.pr.createdAt.getTime());
+  return { received, awaiting, allHours: received.map((result) => result.hours) };
+}
 function computeCommentStats(sizes) {
   const metrics = [
     { label: "discussion comments", values: sizes.map((size) => size.comments.discussion) },
@@ -2367,6 +2399,12 @@ var OPTIONS = [
     default: false,
     help: "Refetch every PR instead of reading the local disk cache. Closed PRs are normally served from a per-PR cache because their timelines and sizes no longer change. Fresh results still update the cache. The TUI settings dialog can save this behavior for every run, and the flag wins over the saved setting."
   },
+  {
+    name: "json",
+    type: "boolean",
+    default: false,
+    help: "Print every stat as JSON to stdout instead of starting the TUI, so the output can be piped into jq or redirected to a file. The report holds the review, size, merge, reviewer, and comment stats with one entry per PR, and every other flag applies to it the same way. Progress renders on stderr, so a piped stdout stays pure JSON."
+  },
   {
     name: "debug",
     type: "string",
@@ -2890,410 +2928,100 @@ function FieldRow({
 // src/tui/components/SettingsModal.tsx
 import { homedir as homedir2 } from "node:os";
 
-// src/tui/state/settings.ts
-var SETTINGS = [
-  {
-    key: "noCache",
-    section: "Cache",
-    label: "Disable cache",
-    hint: "refetch everything on every load instead of reading cached PRs \xB7 fresh results still update the cache"
-  },
-  {
-    key: "clearCache",
-    section: "Cache",
-    label: "Clear cache",
-    hint: "deletes the cached PR data at this path, so the next reload refetches everything"
-  },
-  {
-    key: "copyLinks",
-    section: "Links",
-    label: "Copy instead of open",
-    hint: "enter and a click on a PR reference copy its link to the clipboard instead of opening the browser"
-  },
-  {
-    key: "themePreset",
-    section: "Theme",
-    label: "Theme",
-    hint: "built-in color theme \xB7 editing colors adds a custom theme to the cycle"
-  },
-  {
-    key: "themeColors",
-    section: "Theme",
-    label: "Edit colors",
-    hint: "opens the color list, where every theme color takes a hex value \xB7 edits become the custom theme"
-  },
-  {
-    key: "resetSettings",
-    section: "Settings",
-    label: "Reset settings",
-    hint: "deletes the settings file with the saved cache setting and theme, so future runs start from the defaults"
-  }
-];
-var THEME_COLORS = [
-  { key: "bg", hint: "background of the screen and the dialogs" },
-  { key: "border", hint: "borders, rules, and the dialog frames" },
-  { key: "text", hint: "primary text" },
-  { key: "muted", hint: "secondary text like values and chart labels" },
-  { key: "dim", hint: "faint text like axis scales and the footer hints" },
-  { key: "accent", hint: "highlights like medians, headings, and the selection marker" },
-  { key: "selectedBg", hint: "background of the selected row" },
-  { key: "inputBg", hint: "background of text inputs" },
-  { key: "inputFocusedBg", hint: "background of the focused text input" },
-  { key: "warn", hint: "notices like the reload reminder and confirm prompts" },
-  { key: "error", hint: "error messages and failed loads" },
-  { key: "success", hint: "the checkmark on the copied-link notice" },
-  { key: "chartBar", hint: "histogram and volume bars" },
-  { key: "chartLine", hint: "trend lines and the scatter dots" },
-  { key: "chartDim", hint: "de-emphasized chart parts like the over-target share" },
-  { key: "heat", hint: "the four heatmap colors from cool to hot, separated by spaces" }
-];
-var CACHE_MESSAGES = {
-  confirm: { text: "press enter again to clear the cache \xB7 esc cancels", warn: true },
-  cleared: { text: "cache cleared \xB7 the next reload refetches everything" },
-  disabled: { text: "the cache is disabled for this session \xB7 nothing to clear" },
-  saved: { text: "saved to settings.json \xB7 future runs start with this setting" },
-  notSaved: { text: "the cache is disabled for this session \xB7 setting not saved" },
-  resetConfirm: { text: "press enter again to delete settings.json \xB7 esc cancels", warn: true },
-  resetDone: { text: "settings.json deleted \xB7 future runs start from the defaults" },
-  resetDisabled: { text: "the cache is disabled for this session \xB7 nothing to reset" }
-};
+// src/tui/data/export.ts
+import { join as join4 } from "node:path";
 
-// src/tui/components/SettingsModal.tsx
-import { jsx as jsx12, jsxs as jsxs11 } from "@opentui/react/jsx-runtime";
-var SECTIONS2 = [];
-for (const setting of SETTINGS) {
-  const last = SECTIONS2.at(-1);
-  if (last?.title === setting.section) {
-    last.settings.push(setting);
-  } else {
-    SECTIONS2.push({ title: setting.section, settings: [setting] });
+// src/github.ts
+import { execFile } from "node:child_process";
+import { createHash } from "node:crypto";
+import { statSync } from "node:fs";
+import { join as join3, resolve } from "node:path";
+import { promisify } from "node:util";
+var execFileAsync = promisify(execFile);
+var API_BASE = "https://api.github.com";
+var token;
+var ghBinary = "gh";
+function resolveDebugBinary(input) {
+  const resolved = resolve(input);
+  const stats = statSync(resolved, { throwIfNoEntry: false });
+  if (stats?.isDirectory()) {
+    const binary = join3(resolved, "gh");
+    if (!statSync(binary, { throwIfNoEntry: false })?.isFile()) {
+      throw new CliError(`--debug directory "${input}" does not contain a gh executable`);
+    }
+    return binary;
+  }
+  if (stats?.isFile()) {
+    return resolved;
   }
+  throw new CliError(`--debug path "${input}" does not exist`);
 }
-function SettingsModal({
-  selected,
-  cacheAction,
-  noCache: noCache2,
-  copyLinks: copyLinks2,
-  preset
-}) {
-  const message = cacheAction === null ? null : CACHE_MESSAGES[cacheAction];
-  return /* @__PURE__ */ jsxs11(ModalFrame, { title: "Settings", children: [
-    SECTIONS2.map((section) => /* @__PURE__ */ jsxs11("box", { flexDirection: "column", marginBottom: 1, children: [
-      /* @__PURE__ */ jsx12("text", { wrapMode: "none", fg: theme.accent, marginLeft: 2, children: section.title }),
-      section.settings.map((setting) => {
-        const isSelected = SETTINGS.indexOf(setting) === selected;
-        return /* @__PURE__ */ jsx12(ModalRow, { label: setting.label, isSelected, children: /* @__PURE__ */ jsx12(
-          SettingValue,
-          {
-            setting,
-            isSelected,
-            cacheAction,
-            noCache: noCache2,
-            copyLinks: copyLinks2,
-            preset
-          }
-        ) }, setting.key);
-      })
-    ] }, section.title)),
-    /* @__PURE__ */ jsx12("text", { wrapMode: "word", height: 2, fg: message?.warn ? theme.warn : theme.muted, marginLeft: 2, marginRight: 2, children: message?.text ?? SETTINGS[selected].hint })
-  ] });
+function configureAuth(cliToken, debugPath) {
+  if (debugPath !== void 0) {
+    ghBinary = resolveDebugBinary(debugPath);
+    token = void 0;
+    return;
+  }
+  ghBinary = "gh";
+  token = cliToken ?? process.env.GITHUB_TOKEN ?? process.env.GH_TOKEN;
 }
-function SettingValue({
-  setting,
-  isSelected,
-  cacheAction,
-  noCache: noCache2,
-  copyLinks: copyLinks2,
-  preset
-}) {
-  switch (setting.key) {
-    case "noCache": {
-      return /* @__PURE__ */ jsx12(ToggleValue, { value: noCache2 ? "yes" : "no", isSelected });
-    }
-    case "clearCache": {
-      return /* @__PURE__ */ jsx12(PathValue, { path: cacheDir(), confirming: cacheAction === "confirm", isSelected });
-    }
-    case "copyLinks": {
-      return /* @__PURE__ */ jsx12(ToggleValue, { value: copyLinks2 ? "yes" : "no", isSelected });
-    }
-    case "themePreset": {
-      return /* @__PURE__ */ jsx12(ToggleValue, { value: preset, isSelected });
-    }
-    case "themeColors": {
-      return /* @__PURE__ */ jsx12("text", { wrapMode: "none", children: ["chartDim", "chartBar", "chartLine", "accent"].map((key) => /* @__PURE__ */ jsx12("span", { fg: theme[key], children: "\u2588\u2588" }, key)) });
-    }
-    case "resetSettings": {
-      return /* @__PURE__ */ jsx12(PathValue, { path: settingsFile(), confirming: cacheAction === "resetConfirm", isSelected });
-    }
-    default: {
-      return null;
+async function gh(args) {
+  try {
+    const { stdout } = await execFileAsync(ghBinary, args, {
+      maxBuffer: 64 * 1024 * 1024
+    });
+    return stdout;
+  } catch (error) {
+    const execError = error;
+    if (execError.code === "ENOENT") {
+      throw new CliError("the gh CLI is not installed, install it or provide a token via --token or GITHUB_TOKEN");
     }
+    const stderr = execError.stderr?.toString().trim();
+    throw new CliError(`gh ${args.slice(0, 2).join(" ")} failed${stderr ? `
+${stderr}` : ""}`);
   }
 }
-function ToggleValue({ value: value2, isSelected }) {
-  if (isSelected) {
-    return /* @__PURE__ */ jsxs11("text", { wrapMode: "none", children: [
-      /* @__PURE__ */ jsx12("span", { fg: theme.muted, children: "\u2039 " }),
-      /* @__PURE__ */ jsx12("b", { fg: theme.text, children: value2 }),
-      /* @__PURE__ */ jsx12("span", { fg: theme.muted, children: " \u203A" })
-    ] });
+async function api(path, { method = "GET", body } = {}) {
+  let response;
+  try {
+    response = await fetch(`${API_BASE}${path}`, {
+      method,
+      headers: {
+        Authorization: `Bearer ${token}`,
+        Accept: "application/vnd.github+json",
+        "User-Agent": "pr-stats",
+        ...body === void 0 ? {} : { "Content-Type": "application/json" }
+      },
+      ...body === void 0 ? {} : { body: JSON.stringify(body) }
+    });
+  } catch (error) {
+    const failure = error;
+    throw new CliError(`cannot reach ${API_BASE} (${failure.cause?.message ?? failure.message})`);
   }
-  return /* @__PURE__ */ jsx12("text", { wrapMode: "none", fg: theme.muted, children: value2 });
+  if (!response.ok) {
+    const payload = await response.json().catch(() => null);
+    const message = payload?.message ?? "";
+    const endpoint = path.split("?")[0];
+    throw new CliError(
+      `GitHub API ${method} ${endpoint} failed with ${response.status}${message ? ` (${message})` : ""}`
+    );
+  }
+  return await response.json().catch(() => null);
 }
-function PathValue({ path, confirming, isSelected }) {
-  if (confirming) {
-    return /* @__PURE__ */ jsx12("text", { wrapMode: "none", children: /* @__PURE__ */ jsx12("b", { fg: theme.warn, children: "enter to confirm" }) });
+async function runGraphql(query) {
+  if (token) {
+    const result = await api("/graphql", {
+      method: "POST",
+      body: { query }
+    });
+    if (!result.data) {
+      const message = result.errors?.[0]?.message;
+      throw new CliError(`GitHub GraphQL query failed${message ? ` (${message})` : ""}`);
+    }
+    return result.data;
   }
-  return /* @__PURE__ */ jsx12("text", { wrapMode: "none", fg: isSelected ? theme.text : theme.muted, children: path.replace(homedir2(), "~") });
-}
-
-// src/tui/components/ThemeModal.tsx
-import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs12 } from "@opentui/react/jsx-runtime";
-function ThemeModal({
-  selected,
-  editing,
-  error,
-  cacheAction,
-  overrides,
-  onDraft,
-  onSubmit
-}) {
-  const spec = THEME_COLORS[selected];
-  const message = cacheAction === null ? null : CACHE_MESSAGES[cacheAction];
-  const hint = spec.key in overrides ? `${spec.hint} \xB7 custom color, an empty value restores the theme` : spec.hint;
-  return /* @__PURE__ */ jsxs12(ModalFrame, { title: "Theme colors", children: [
-    /* @__PURE__ */ jsx13("box", { flexDirection: "column", marginBottom: 1, children: THEME_COLORS.map((color, index) => /* @__PURE__ */ jsx13(
-      ColorRow,
-      {
-        color,
-        isSelected: index === selected,
-        isEditing: index === selected && editing,
-        isCustom: color.key in overrides,
-        onDraft,
-        onSubmit
-      },
-      color.key
-    )) }),
-    /* @__PURE__ */ jsx13("text", { wrapMode: "word", height: 2, fg: error !== null ? theme.error : theme.muted, marginLeft: 2, marginRight: 2, children: error ?? message?.text ?? hint })
-  ] });
-}
-function ColorRow({
-  color,
-  isSelected,
-  isEditing,
-  isCustom,
-  onDraft,
-  onSubmit
-}) {
-  const value2 = themeColorText(color.key);
-  const swatch = theme[color.key];
-  return /* @__PURE__ */ jsx13(ModalRow, { label: color.key, isSelected, children: isEditing ? /* @__PURE__ */ jsx13(
-    "input",
-    {
-      width: 36,
-      value: value2,
-      focused: true,
-      onInput: (next) => {
-        onDraft(String(next));
-      },
-      onSubmit: () => {
-        onSubmit();
-      },
-      backgroundColor: theme.inputBg,
-      focusedBackgroundColor: theme.inputFocusedBg,
-      textColor: theme.text,
-      cursorColor: theme.accent
-    }
-  ) : /* @__PURE__ */ jsxs12("text", { wrapMode: "none", children: [
-    Array.isArray(swatch) ? /* @__PURE__ */ jsxs12(Fragment4, { children: [
-      /* @__PURE__ */ jsx13("span", { fg: swatch[0], children: "\u2588" }),
-      /* @__PURE__ */ jsx13("span", { fg: swatch[1], children: "\u2588" }),
-      /* @__PURE__ */ jsx13("span", { fg: swatch[2], children: "\u2588" }),
-      /* @__PURE__ */ jsx13("span", { fg: swatch[3], children: "\u2588" })
-    ] }) : /* @__PURE__ */ jsx13("span", { fg: swatch, children: "\u2588\u2588" }),
-    /* @__PURE__ */ jsx13("span", { children: " " }),
-    isSelected ? /* @__PURE__ */ jsx13("b", { fg: theme.text, children: value2 }) : /* @__PURE__ */ jsx13("span", { fg: isCustom ? theme.text : theme.muted, children: value2 })
-  ] }) });
-}
-
-// src/tui/components/Modals.tsx
-import { jsx as jsx14 } from "@opentui/react/jsx-runtime";
-function Modals({
-  ui,
-  options,
-  saved: saved2,
-  noCache: noCache2,
-  copyLinks: copyLinks2,
-  themeState,
-  onDraft,
-  onSubmitField,
-  onSubmitThemeColor
-}) {
-  if (ui.modal === "options") {
-    return /* @__PURE__ */ jsx14(
-      OptionsModal,
-      {
-        options,
-        saved: saved2,
-        selected: ui.selectedField,
-        editing: ui.editing,
-        fieldError: ui.fieldError,
-        onDraft,
-        onSubmit: onSubmitField
-      }
-    );
-  }
-  if (ui.modal === "settings") {
-    return /* @__PURE__ */ jsx14(
-      SettingsModal,
-      {
-        selected: ui.selectedSetting,
-        cacheAction: ui.cacheAction,
-        noCache: noCache2,
-        copyLinks: copyLinks2,
-        preset: themeState.preset
-      }
-    );
-  }
-  if (ui.modal === "theme") {
-    return /* @__PURE__ */ jsx14(
-      ThemeModal,
-      {
-        selected: ui.selectedThemeColor,
-        editing: ui.editing,
-        error: ui.themeColorError,
-        cacheAction: ui.cacheAction,
-        overrides: themeState.preset === "custom" ? themeState.overrides : {},
-        onDraft,
-        onSubmit: onSubmitThemeColor
-      }
-    );
-  }
-  return null;
-}
-
-// src/tui/hooks/useDeferredLoading.ts
-import { useEffect as useEffect4, useRef as useRef3, useState as useState2 } from "react";
-function useDeferredLoading(isLoading, { showDelay = 300, minDuration = 500 } = {}) {
-  const [visible, setVisible] = useState2(isLoading && showDelay === 0);
-  const shownAtRef = useRef3(null);
-  useEffect4(() => {
-    if (isLoading) {
-      const timer2 = setTimeout(() => {
-        shownAtRef.current = Date.now();
-        setVisible(true);
-      }, showDelay);
-      return () => {
-        clearTimeout(timer2);
-      };
-    }
-    const shownAt = shownAtRef.current;
-    const remaining = shownAt === null ? 0 : Math.max(0, shownAt + minDuration - Date.now());
-    const timer = setTimeout(() => {
-      shownAtRef.current = null;
-      setVisible(false);
-    }, remaining);
-    return () => {
-      clearTimeout(timer);
-    };
-  }, [isLoading, showDelay, minDuration]);
-  return visible;
-}
-
-// src/tui/hooks/useLoader.ts
-import { useEffect as useEffect5, useRef as useRef4, useState as useState3 } from "react";
-
-// src/github.ts
-import { execFile } from "node:child_process";
-import { createHash } from "node:crypto";
-import { statSync } from "node:fs";
-import { join as join3, resolve } from "node:path";
-import { promisify } from "node:util";
-var execFileAsync = promisify(execFile);
-var API_BASE = "https://api.github.com";
-var token;
-var ghBinary = "gh";
-function resolveDebugBinary(input) {
-  const resolved = resolve(input);
-  const stats = statSync(resolved, { throwIfNoEntry: false });
-  if (stats?.isDirectory()) {
-    const binary = join3(resolved, "gh");
-    if (!statSync(binary, { throwIfNoEntry: false })?.isFile()) {
-      throw new CliError(`--debug directory "${input}" does not contain a gh executable`);
-    }
-    return binary;
-  }
-  if (stats?.isFile()) {
-    return resolved;
-  }
-  throw new CliError(`--debug path "${input}" does not exist`);
-}
-function configureAuth(cliToken, debugPath) {
-  if (debugPath !== void 0) {
-    ghBinary = resolveDebugBinary(debugPath);
-    token = void 0;
-    return;
-  }
-  ghBinary = "gh";
-  token = cliToken ?? process.env.GITHUB_TOKEN ?? process.env.GH_TOKEN;
-}
-async function gh(args) {
-  try {
-    const { stdout } = await execFileAsync(ghBinary, args, {
-      maxBuffer: 64 * 1024 * 1024
-    });
-    return stdout;
-  } catch (error) {
-    const execError = error;
-    if (execError.code === "ENOENT") {
-      throw new CliError("the gh CLI is not installed, install it or provide a token via --token or GITHUB_TOKEN");
-    }
-    const stderr = execError.stderr?.toString().trim();
-    throw new CliError(`gh ${args.slice(0, 2).join(" ")} failed${stderr ? `
-${stderr}` : ""}`);
-  }
-}
-async function api(path, { method = "GET", body } = {}) {
-  let response;
-  try {
-    response = await fetch(`${API_BASE}${path}`, {
-      method,
-      headers: {
-        Authorization: `Bearer ${token}`,
-        Accept: "application/vnd.github+json",
-        "User-Agent": "pr-stats",
-        ...body === void 0 ? {} : { "Content-Type": "application/json" }
-      },
-      ...body === void 0 ? {} : { body: JSON.stringify(body) }
-    });
-  } catch (error) {
-    const failure = error;
-    throw new CliError(`cannot reach ${API_BASE} (${failure.cause?.message ?? failure.message})`);
-  }
-  if (!response.ok) {
-    const payload = await response.json().catch(() => null);
-    const message = payload?.message ?? "";
-    const endpoint = path.split("?")[0];
-    throw new CliError(
-      `GitHub API ${method} ${endpoint} failed with ${response.status}${message ? ` (${message})` : ""}`
-    );
-  }
-  return await response.json().catch(() => null);
-}
-async function runGraphql(query) {
-  if (token) {
-    const result = await api("/graphql", {
-      method: "POST",
-      body: { query }
-    });
-    if (!result.data) {
-      const message = result.errors?.[0]?.message;
-      throw new CliError(`GitHub GraphQL query failed${message ? ` (${message})` : ""}`);
-    }
-    return result.data;
-  }
-  const stdout = await gh(["api", "graphql", "-f", `query=${query}`]);
-  return JSON.parse(stdout).data;
+  const stdout = await gh(["api", "graphql", "-f", `query=${query}`]);
+  return JSON.parse(stdout).data;
 }
 async function authFingerprint() {
   let credential = token;
@@ -3413,6 +3141,8 @@ async function fetchPrDetails(prs) {
     return `
       pr${i}: repository(owner: ${JSON.stringify(owner)}, name: ${JSON.stringify(name)}) {
         pullRequest(number: ${pr.number}) {
+          additions
+          deletions
           timelineItems(itemTypes: [REVIEW_REQUESTED_EVENT], first: 100) {
             nodes {
               ... on ReviewRequestedEvent {
@@ -3455,6 +3185,7 @@ async function fetchPrSizes(prs) {
           reviews(first: 100) {
             nodes {
               author { login }
+              submittedAt
               comments {
                 totalCount
               }
@@ -3575,12 +3306,13 @@ function classifyPr(pr, details, user) {
     })
   ].toSorted((a, b) => a.at.getTime() - b.at.getTime() || Number(b.isRequest) - Number(a.isRequest));
   const results = [];
+  const lines = details.additions + details.deletions;
   let openedAt = null;
   for (const event of events) {
     if (event.isRequest) {
       openedAt ??= event.at;
     } else if (openedAt !== null) {
-      results.push({ kind: "reviewed", pr, requestedAt: openedAt, reviewedAt: event.at, verdict: event.state });
+      results.push({ kind: "reviewed", pr, requestedAt: openedAt, reviewedAt: event.at, verdict: event.state, lines });
       openedAt = null;
     }
   }
@@ -3649,7 +3381,14 @@ async function fetchSizeRaw(prs, onProgress, options = {}) {
     if (details) {
       const discussion = details.comments.totalCount;
       const review = details.reviews.nodes.reduce((sum, node) => sum + (node?.comments.totalCount ?? 0), 0);
-      const reviewers = details.reviews.nodes.flatMap((node) => node?.author == null ? [] : [node.author.login]);
+      const reviews = details.reviews.nodes.flatMap(
+        (node) => node === null ? [] : [
+          {
+            login: node.author?.login ?? null,
+            submittedAt: node.submittedAt === null ? null : new Date(node.submittedAt)
+          }
+        ]
+      );
       sizes.push({
         pr,
         files: details.changedFiles,
@@ -3659,147 +3398,684 @@ async function fetchSizeRaw(prs, onProgress, options = {}) {
         mergedAt: details.mergedAt === null ? null : new Date(details.mergedAt),
         closedAt: details.closedAt === null ? null : new Date(details.closedAt),
         comments: { discussion, review, total: discussion + review },
-        reviewers
+        reviews
       });
     }
-  }
-  return { sizes, cacheHits };
+  }
+  return { sizes, cacheHits };
+}
+
+// src/tui/data/load.ts
+function reviveRawData(data) {
+  return {
+    ...data,
+    fetchedAt: new Date(data.fetchedAt),
+    reviewResults: data.reviewResults.map((result) => {
+      const pr = { ...result.pr, createdAt: new Date(result.pr.createdAt) };
+      if (result.kind === "pending") {
+        return { ...result, pr, requestedAt: new Date(result.requestedAt) };
+      }
+      if (result.kind === "reviewed") {
+        return { ...result, pr, requestedAt: new Date(result.requestedAt), reviewedAt: new Date(result.reviewedAt) };
+      }
+      if (result.kind === "unrequested") {
+        return { ...result, pr, reviewedAt: new Date(result.reviewedAt) };
+      }
+      return { ...result, pr };
+    }),
+    sizes: data.sizes.map((entry) => {
+      return {
+        ...entry,
+        pr: { ...entry.pr, createdAt: new Date(entry.pr.createdAt) },
+        mergedAt: entry.mergedAt === null ? null : new Date(entry.mergedAt),
+        closedAt: entry.closedAt === null ? null : new Date(entry.closedAt),
+        reviews: entry.reviews.map((review) => {
+          return { ...review, submittedAt: review.submittedAt === null ? null : new Date(review.submittedAt) };
+        })
+      };
+    })
+  };
+}
+function loadSnapshot(options) {
+  const stored = readCacheFile("snapshot");
+  if (stored?.params === void 0) {
+    return null;
+  }
+  const { params } = stored;
+  if (params.repos !== options.repos || params.user !== options.user || params.includeDrafts !== options.includeDrafts) {
+    return null;
+  }
+  const sinceIso = parseSince(options.since).toISOString().slice(0, 10);
+  if (sinceIso < stored.data.sinceIso) {
+    return null;
+  }
+  const data = reviveRawData(stored.data);
+  if (data.reviewResults.some((result) => result.kind === "unrequested" && Number.isNaN(result.reviewedAt.getTime()))) {
+    return null;
+  }
+  const hasMissingVerdict = data.reviewResults.some((result) => {
+    return result.kind === "reviewed" && result.verdict === void 0;
+  });
+  if (hasMissingVerdict) {
+    return null;
+  }
+  if (sinceIso === data.sinceIso) {
+    return data;
+  }
+  if (data.reviewResults.some((result) => Number.isNaN(result.pr.createdAt.getTime()))) {
+    return null;
+  }
+  const cutoff = new Date(sinceIso);
+  const reviewResults = data.reviewResults.filter((result) => result.pr.createdAt >= cutoff);
+  const sizes = data.sizes.filter((entry) => entry.pr.createdAt >= cutoff);
+  return {
+    ...data,
+    sinceIso,
+    reviewResults,
+    sizes,
+    /**
+     * The creation dates of inaccessible authored PRs are unknown, so the
+     * inaccessible count carries over unchanged.
+     */
+    authoredTotal: sizes.length + (data.authoredTotal - data.sizes.length)
+  };
+}
+function saveSnapshot(options, data) {
+  const params = {
+    since: options.since,
+    repos: options.repos,
+    user: options.user,
+    includeDrafts: options.includeDrafts
+  };
+  writeCacheFile("snapshot", { params, data });
+}
+async function loadData(options, onPhase, { bypassCache = false } = {}) {
+  const sinceIso = parseSince(options.since).toISOString().slice(0, 10);
+  onPhase({ phase: "search" });
+  const repoNames = options.repos.split(",").map((name) => name.trim()).filter((name) => name !== "");
+  const [user, repos] = await Promise.all([resolveUser(options.user, bypassCache), resolveRepos(repoNames)]);
+  const includeDrafts = options.includeDrafts;
+  const [requested, reviewed, authored] = await Promise.all([
+    searchPrs({ user, sinceIso, repos, includeDrafts, mode: "requested" }),
+    searchPrs({ user, sinceIso, repos, includeDrafts, mode: "reviewed" }),
+    searchPrs({ user, sinceIso, repos, includeDrafts, mode: "authored" })
+  ]);
+  const reviewPrs = collectReviewPrs(requested, reviewed);
+  const authoredPrs = collectAuthoredPrs(authored);
+  const progress = { review: 0, sizes: 0 };
+  const total = reviewPrs.length + authoredPrs.length;
+  const report = () => {
+    onPhase({ phase: "details", done: progress.review + progress.sizes, total });
+  };
+  report();
+  const [review, size] = await Promise.all([
+    reviewPrs.length === 0 ? { results: [], cacheHits: 0 } : fetchReviewRaw(
+      reviewPrs,
+      user,
+      (done) => {
+        progress.review = done;
+        report();
+      },
+      { bypassCache }
+    ),
+    authoredPrs.length === 0 ? { sizes: [], cacheHits: 0 } : fetchSizeRaw(
+      authoredPrs,
+      (done) => {
+        progress.sizes = done;
+        report();
+      },
+      { bypassCache }
+    )
+  ]);
+  const data = {
+    user,
+    sinceIso,
+    repos,
+    reviewResults: review.results,
+    sizes: size.sizes,
+    authoredTotal: authoredPrs.length,
+    searchCapped: requested.length >= 1e3 || reviewed.length >= 1e3 || authored.length >= 1e3,
+    fetchedAt: /* @__PURE__ */ new Date()
+  };
+  saveSnapshot(options, data);
+  return data;
+}
+
+// src/tui/data/export.ts
+function round(value2) {
+  return Math.round(value2 * 100) / 100;
+}
+function summarize(values) {
+  if (values.length === 0) {
+    return null;
+  }
+  const sorted = [...values].toSorted((a, b) => a - b);
+  const sum = values.reduce((total, value2) => total + value2, 0);
+  return {
+    count: values.length,
+    mean: round(sum / values.length),
+    p50: round(percentile(sorted, 50)),
+    p90: round(percentile(sorted, 90)),
+    min: round(sorted[0]),
+    max: round(sorted.at(-1) ?? 0)
+  };
+}
+function prRef(pr) {
+  return { repo: pr.repo, number: pr.number, title: pr.title, url: pr.url, state: pr.state };
+}
+function hoursToMerge(entry) {
+  if (entry.mergedAt === null) {
+    return null;
+  }
+  return round(durationHours(entry.pr.createdAt, entry.mergedAt));
+}
+function hoursToClose(entry) {
+  if (entry.mergedAt !== null || entry.pr.state === "open" || entry.closedAt === null) {
+    return null;
+  }
+  return round(durationHours(entry.pr.createdAt, entry.closedAt));
+}
+function buildStatsReport(raw, options) {
+  const timezone = resolveTimezone(options.tz === "" ? void 0 : options.tz);
+  configureTimeMode({
+    business: !options.wallClock,
+    workWindows: parseWorkHours(options.workHours),
+    tz: timezone
+  });
+  const targetHours = options.target === "" ? void 0 : parseTarget(options.target);
+  const targetLabel = targetLabelOf(options.target);
+  const sizeTarget = options.sizeTarget === "" ? void 0 : parseSizeTarget(options.sizeTarget);
+  const review = computeReviewStats(raw.reviewResults, { targetHours, now: raw.fetchedAt });
+  const merge = computeMergeStats(raw.sizes);
+  const reviewers = computeReviewerStats(raw.sizes, raw.user);
+  const firstReview = computeFirstReviewStats(raw.sizes, raw.user, { now: raw.fetchedAt });
+  const comments = computeCommentStats(raw.sizes);
+  const verdictCount = (state) => review.reviewed.filter((entry) => entry.verdict === state).length;
+  const approved = verdictCount("APPROVED");
+  const changesRequested = verdictCount("CHANGES_REQUESTED");
+  const commented = verdictCount("COMMENTED");
+  let target = null;
+  if (targetHours !== void 0 && targetLabel !== void 0) {
+    const inside = review.allHours.filter((hours) => hours <= targetHours).length;
+    target = {
+      label: targetLabel,
+      hours: round(targetHours),
+      inside,
+      over: review.allHours.length - inside,
+      pendingOverdue: review.pending.filter((entry) => entry.hours > targetHours).length
+    };
+  }
+  const sizes = computeSizeStats(raw.sizes, { sizeTarget });
+  const sizeTargetReport = sizes.met === void 0 || sizes.targetLabel === void 0 ? null : { label: sizes.targetLabel, inside: sizes.met, over: raw.sizes.length - sizes.met };
+  return {
+    generatedAt: raw.fetchedAt.toISOString(),
+    user: raw.user,
+    since: raw.sinceIso,
+    repos: raw.repos,
+    searchCapped: raw.searchCapped,
+    options: {
+      workHours: options.workHours,
+      timezone,
+      wallClock: options.wallClock,
+      includeDrafts: options.includeDrafts,
+      reviewTarget: targetLabel ?? null,
+      sizeTarget: options.sizeTarget === "" ? null : options.sizeTarget
+    },
+    review: {
+      counts: {
+        reviewed: review.reviewed.length,
+        pending: review.pending.length,
+        reviewing: review.reviewing.length,
+        closedUnreviewed: review.expired.length,
+        reviewedUnrequested: review.unrequested.length
+      },
+      reviewTimeHours: summarize(review.allHours),
+      cyclesPerPr: summarize(review.cycles),
+      verdicts: {
+        approved,
+        changesRequested,
+        commented,
+        other: review.reviewed.length - approved - changesRequested - commented
+      },
+      target,
+      byRepo: review.byRepo.map(([repo, hours]) => {
+        return {
+          repo,
+          reviews: hours.length,
+          p50Hours: round(
+            percentile(
+              hours.toSorted((a, b) => a - b),
+              50
+            )
+          )
+        };
+      }),
+      reviewed: review.reviewed.map((entry) => {
+        return {
+          ...prRef(entry.pr),
+          requestedAt: entry.requestedAt.toISOString(),
+          reviewedAt: entry.reviewedAt.toISOString(),
+          hours: round(entry.hours),
+          verdict: entry.verdict,
+          totalLines: entry.lines
+        };
+      }),
+      pending: review.pending.map((entry) => {
+        return { ...prRef(entry.pr), requestedAt: entry.requestedAt.toISOString(), hours: round(entry.hours) };
+      }),
+      reviewing: review.reviewing.map((entry) => {
+        return { ...prRef(entry.pr), reviewedAt: entry.reviewedAt.toISOString(), hours: round(entry.hours) };
+      })
+    },
+    authored: {
+      counts: {
+        total: raw.authoredTotal,
+        analyzed: raw.sizes.length,
+        inaccessible: raw.authoredTotal - raw.sizes.length,
+        open: merge.open.length,
+        merged: merge.merged.length,
+        closedUnmerged: merge.closed.length
+      },
+      sizeLines: summarize(raw.sizes.map((entry) => entry.total)),
+      mergeTimeHours: summarize(merge.allHours),
+      firstReviewHours: summarize(firstReview.allHours),
+      awaitingFirstReview: firstReview.awaiting.length,
+      sizeTarget: sizeTargetReport,
+      reviewers: {
+        leaderboard: reviewers.leaderboard,
+        mergedReviewed: reviewers.mergedReviewed,
+        mergedUnreviewed: reviewers.mergedUnreviewed
+      },
+      prs: raw.sizes.map((entry) => {
+        const first = firstReviewOf(entry, raw.user);
+        return {
+          ...prRef(entry.pr),
+          createdAt: entry.pr.createdAt.toISOString(),
+          mergedAt: entry.mergedAt === null ? null : entry.mergedAt.toISOString(),
+          closedAt: entry.closedAt === null ? null : entry.closedAt.toISOString(),
+          firstReviewAt: first === null ? null : first.reviewedAt.toISOString(),
+          hoursToMerge: hoursToMerge(entry),
+          hoursToClose: hoursToClose(entry),
+          hoursToFirstReview: first === null ? null : round(first.hours),
+          files: entry.files,
+          additions: entry.additions,
+          deletions: entry.deletions,
+          totalLines: entry.total,
+          comments: entry.comments,
+          reviewers: entry.reviews.flatMap((review2) => review2.login === null ? [] : [review2.login])
+        };
+      })
+    },
+    comments: {
+      received: comments.totals.reduce((sum, total) => sum + total, 0),
+      prsWithoutComments: comments.uncommented,
+      perPr: summarize(comments.totals)
+    }
+  };
+}
+function exportFile() {
+  return join4(process.cwd(), "pr-stats.json");
+}
+function exportStatsFile(raw, options) {
+  writeFileAtomic(exportFile(), `${JSON.stringify(buildStatsReport(raw, options), null, 2)}
+`);
+}
+function reportPhase(phase) {
+  if (!process.stderr.isTTY) {
+    return;
+  }
+  const text = phase.phase === "search" ? "searching PRs..." : `fetching PR details ${phase.done}/${phase.total}`;
+  process.stderr.write(`\r\x1B[K${text}`);
+}
+function clearPhase() {
+  if (process.stderr.isTTY) {
+    process.stderr.write("\r\x1B[K");
+  }
+}
+async function runJsonStats(options, bypassCache) {
+  try {
+    const raw = await loadData(options, reportPhase, { bypassCache });
+    clearPhase();
+    await new Promise((resolve2) => {
+      process.stdout.write(`${JSON.stringify(buildStatsReport(raw, options), null, 2)}
+`, () => {
+        resolve2();
+      });
+    });
+    process.exit(0);
+  } catch (error) {
+    clearPhase();
+    if (error instanceof CliError) {
+      fail(error.message);
+    }
+    throw error;
+  }
+}
+
+// src/tui/state/settings.ts
+var SETTINGS = [
+  {
+    key: "noCache",
+    section: "Cache",
+    label: "Disable cache",
+    hint: "refetch everything on every load instead of reading cached PRs \xB7 fresh results still update the cache"
+  },
+  {
+    key: "clearCache",
+    section: "Cache",
+    label: "Clear cache",
+    hint: "deletes the cached PR data at this path, so the next reload refetches everything"
+  },
+  {
+    key: "copyLinks",
+    section: "Links",
+    label: "Copy instead of open",
+    hint: "enter and a click on a PR reference copy its link to the clipboard instead of opening the browser"
+  },
+  {
+    key: "themePreset",
+    section: "Theme",
+    label: "Theme",
+    hint: "built-in color theme \xB7 editing colors adds a custom theme to the cycle"
+  },
+  {
+    key: "themeColors",
+    section: "Theme",
+    label: "Edit colors",
+    hint: "opens the color list, where every theme color takes a hex value \xB7 edits become the custom theme"
+  },
+  {
+    key: "resetSettings",
+    section: "Settings",
+    label: "Reset settings",
+    hint: "deletes the settings file with the saved cache setting and theme, so future runs start from the defaults"
+  },
+  {
+    key: "exportJson",
+    section: "Export",
+    label: "Export stats as JSON",
+    hint: "writes the loaded stats to this file, the same report the --json flag prints \xB7 overwrites a previous export"
+  }
+];
+var THEME_COLORS = [
+  { key: "bg", hint: "background of the screen and the dialogs" },
+  { key: "border", hint: "borders, rules, and the dialog frames" },
+  { key: "text", hint: "primary text" },
+  { key: "muted", hint: "secondary text like values and chart labels" },
+  { key: "dim", hint: "faint text like axis scales and the footer hints" },
+  { key: "accent", hint: "highlights like medians, headings, and the selection marker" },
+  { key: "selectedBg", hint: "background of the selected row" },
+  { key: "inputBg", hint: "background of text inputs" },
+  { key: "inputFocusedBg", hint: "background of the focused text input" },
+  { key: "warn", hint: "notices like the reload reminder and confirm prompts" },
+  { key: "error", hint: "error messages and failed loads" },
+  { key: "success", hint: "the checkmark on the copied-link notice" },
+  { key: "chartBar", hint: "histogram and volume bars" },
+  { key: "chartLine", hint: "trend lines and the scatter dots" },
+  { key: "chartDim", hint: "de-emphasized chart parts like the over-target share" },
+  { key: "heat", hint: "the four heatmap colors from cool to hot, separated by spaces" }
+];
+var CACHE_MESSAGES = {
+  confirm: { text: "press enter again to clear the cache \xB7 esc cancels", warn: true },
+  cleared: { text: "cache cleared \xB7 the next reload refetches everything" },
+  disabled: { text: "the cache is disabled for this session \xB7 nothing to clear" },
+  saved: { text: "saved to settings.json \xB7 future runs start with this setting" },
+  notSaved: { text: "the cache is disabled for this session \xB7 setting not saved" },
+  resetConfirm: { text: "press enter again to delete settings.json \xB7 esc cancels", warn: true },
+  resetDone: { text: "settings.json deleted \xB7 future runs start from the defaults" },
+  resetDisabled: { text: "the cache is disabled for this session \xB7 nothing to reset" },
+  exported: { text: "stats exported \xB7 the same report prints to stdout with the --json flag" },
+  exportFailed: { text: "the export failed \xB7 the file could not be written", warn: true },
+  exportNoData: { text: "no loaded stats to export yet \xB7 export again once the load finishes", warn: true }
+};
+
+// src/tui/components/SettingsModal.tsx
+import { jsx as jsx12, jsxs as jsxs11 } from "@opentui/react/jsx-runtime";
+var SECTIONS2 = [];
+for (const setting of SETTINGS) {
+  const last = SECTIONS2.at(-1);
+  if (last?.title === setting.section) {
+    last.settings.push(setting);
+  } else {
+    SECTIONS2.push({ title: setting.section, settings: [setting] });
+  }
+}
+function SettingsModal({
+  selected,
+  cacheAction,
+  noCache: noCache2,
+  copyLinks: copyLinks2,
+  preset
+}) {
+  const message = cacheAction === null ? null : CACHE_MESSAGES[cacheAction];
+  return /* @__PURE__ */ jsxs11(ModalFrame, { title: "Settings", children: [
+    SECTIONS2.map((section) => /* @__PURE__ */ jsxs11("box", { flexDirection: "column", marginBottom: 1, children: [
+      /* @__PURE__ */ jsx12("text", { wrapMode: "none", fg: theme.accent, marginLeft: 2, children: section.title }),
+      section.settings.map((setting) => {
+        const isSelected = SETTINGS.indexOf(setting) === selected;
+        return /* @__PURE__ */ jsx12(ModalRow, { label: setting.label, isSelected, children: /* @__PURE__ */ jsx12(
+          SettingValue,
+          {
+            setting,
+            isSelected,
+            cacheAction,
+            noCache: noCache2,
+            copyLinks: copyLinks2,
+            preset
+          }
+        ) }, setting.key);
+      })
+    ] }, section.title)),
+    /* @__PURE__ */ jsx12("text", { wrapMode: "word", height: 2, fg: message?.warn ? theme.warn : theme.muted, marginLeft: 2, marginRight: 2, children: message?.text ?? SETTINGS[selected].hint })
+  ] });
+}
+function SettingValue({
+  setting,
+  isSelected,
+  cacheAction,
+  noCache: noCache2,
+  copyLinks: copyLinks2,
+  preset
+}) {
+  switch (setting.key) {
+    case "noCache": {
+      return /* @__PURE__ */ jsx12(ToggleValue, { value: noCache2 ? "yes" : "no", isSelected });
+    }
+    case "clearCache": {
+      return /* @__PURE__ */ jsx12(PathValue, { path: cacheDir(), confirming: cacheAction === "confirm", isSelected });
+    }
+    case "copyLinks": {
+      return /* @__PURE__ */ jsx12(ToggleValue, { value: copyLinks2 ? "yes" : "no", isSelected });
+    }
+    case "themePreset": {
+      return /* @__PURE__ */ jsx12(ToggleValue, { value: preset, isSelected });
+    }
+    case "themeColors": {
+      return /* @__PURE__ */ jsx12("text", { wrapMode: "none", children: ["chartDim", "chartBar", "chartLine", "accent"].map((key) => /* @__PURE__ */ jsx12("span", { fg: theme[key], children: "\u2588\u2588" }, key)) });
+    }
+    case "resetSettings": {
+      return /* @__PURE__ */ jsx12(PathValue, { path: settingsFile(), confirming: cacheAction === "resetConfirm", isSelected });
+    }
+    case "exportJson": {
+      return /* @__PURE__ */ jsx12(PathValue, { path: exportFile(), confirming: false, isSelected });
+    }
+    default: {
+      return null;
+    }
+  }
+}
+function ToggleValue({ value: value2, isSelected }) {
+  if (isSelected) {
+    return /* @__PURE__ */ jsxs11("text", { wrapMode: "none", children: [
+      /* @__PURE__ */ jsx12("span", { fg: theme.muted, children: "\u2039 " }),
+      /* @__PURE__ */ jsx12("b", { fg: theme.text, children: value2 }),
+      /* @__PURE__ */ jsx12("span", { fg: theme.muted, children: " \u203A" })
+    ] });
+  }
+  return /* @__PURE__ */ jsx12("text", { wrapMode: "none", fg: theme.muted, children: value2 });
+}
+function PathValue({ path, confirming, isSelected }) {
+  if (confirming) {
+    return /* @__PURE__ */ jsx12("text", { wrapMode: "none", children: /* @__PURE__ */ jsx12("b", { fg: theme.warn, children: "enter to confirm" }) });
+  }
+  return /* @__PURE__ */ jsx12("text", { wrapMode: "none", fg: isSelected ? theme.text : theme.muted, children: path.replace(homedir2(), "~") });
+}
+
+// src/tui/components/ThemeModal.tsx
+import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs12 } from "@opentui/react/jsx-runtime";
+function ThemeModal({
+  selected,
+  editing,
+  error,
+  cacheAction,
+  overrides,
+  onDraft,
+  onSubmit
+}) {
+  const spec = THEME_COLORS[selected];
+  const message = cacheAction === null ? null : CACHE_MESSAGES[cacheAction];
+  const hint = spec.key in overrides ? `${spec.hint} \xB7 custom color, an empty value restores the theme` : spec.hint;
+  return /* @__PURE__ */ jsxs12(ModalFrame, { title: "Theme colors", children: [
+    /* @__PURE__ */ jsx13("box", { flexDirection: "column", marginBottom: 1, children: THEME_COLORS.map((color, index) => /* @__PURE__ */ jsx13(
+      ColorRow,
+      {
+        color,
+        isSelected: index === selected,
+        isEditing: index === selected && editing,
+        isCustom: color.key in overrides,
+        onDraft,
+        onSubmit
+      },
+      color.key
+    )) }),
+    /* @__PURE__ */ jsx13("text", { wrapMode: "word", height: 2, fg: error !== null ? theme.error : theme.muted, marginLeft: 2, marginRight: 2, children: error ?? message?.text ?? hint })
+  ] });
+}
+function ColorRow({
+  color,
+  isSelected,
+  isEditing,
+  isCustom,
+  onDraft,
+  onSubmit
+}) {
+  const value2 = themeColorText(color.key);
+  const swatch = theme[color.key];
+  return /* @__PURE__ */ jsx13(ModalRow, { label: color.key, isSelected, children: isEditing ? /* @__PURE__ */ jsx13(
+    "input",
+    {
+      width: 36,
+      value: value2,
+      focused: true,
+      onInput: (next) => {
+        onDraft(String(next));
+      },
+      onSubmit: () => {
+        onSubmit();
+      },
+      backgroundColor: theme.inputBg,
+      focusedBackgroundColor: theme.inputFocusedBg,
+      textColor: theme.text,
+      cursorColor: theme.accent
+    }
+  ) : /* @__PURE__ */ jsxs12("text", { wrapMode: "none", children: [
+    Array.isArray(swatch) ? /* @__PURE__ */ jsxs12(Fragment4, { children: [
+      /* @__PURE__ */ jsx13("span", { fg: swatch[0], children: "\u2588" }),
+      /* @__PURE__ */ jsx13("span", { fg: swatch[1], children: "\u2588" }),
+      /* @__PURE__ */ jsx13("span", { fg: swatch[2], children: "\u2588" }),
+      /* @__PURE__ */ jsx13("span", { fg: swatch[3], children: "\u2588" })
+    ] }) : /* @__PURE__ */ jsx13("span", { fg: swatch, children: "\u2588\u2588" }),
+    /* @__PURE__ */ jsx13("span", { children: " " }),
+    isSelected ? /* @__PURE__ */ jsx13("b", { fg: theme.text, children: value2 }) : /* @__PURE__ */ jsx13("span", { fg: isCustom ? theme.text : theme.muted, children: value2 })
+  ] }) });
 }
 
-// src/tui/data/load.ts
-function reviveRawData(data) {
-  return {
-    ...data,
-    fetchedAt: new Date(data.fetchedAt),
-    reviewResults: data.reviewResults.map((result) => {
-      const pr = { ...result.pr, createdAt: new Date(result.pr.createdAt) };
-      if (result.kind === "pending") {
-        return { ...result, pr, requestedAt: new Date(result.requestedAt) };
-      }
-      if (result.kind === "reviewed") {
-        return { ...result, pr, requestedAt: new Date(result.requestedAt), reviewedAt: new Date(result.reviewedAt) };
-      }
-      if (result.kind === "unrequested") {
-        return { ...result, pr, reviewedAt: new Date(result.reviewedAt) };
+// src/tui/components/Modals.tsx
+import { jsx as jsx14 } from "@opentui/react/jsx-runtime";
+function Modals({
+  ui,
+  options,
+  saved: saved2,
+  noCache: noCache2,
+  copyLinks: copyLinks2,
+  themeState,
+  onDraft,
+  onSubmitField,
+  onSubmitThemeColor
+}) {
+  if (ui.modal === "options") {
+    return /* @__PURE__ */ jsx14(
+      OptionsModal,
+      {
+        options,
+        saved: saved2,
+        selected: ui.selectedField,
+        editing: ui.editing,
+        fieldError: ui.fieldError,
+        onDraft,
+        onSubmit: onSubmitField
       }
-      return { ...result, pr };
-    }),
-    sizes: data.sizes.map((entry) => {
-      return {
-        ...entry,
-        pr: { ...entry.pr, createdAt: new Date(entry.pr.createdAt) },
-        mergedAt: entry.mergedAt === null ? null : new Date(entry.mergedAt),
-        closedAt: entry.closedAt === null ? null : new Date(entry.closedAt)
-      };
-    })
-  };
-}
-function loadSnapshot(options) {
-  const stored = readCacheFile("snapshot");
-  if (stored?.params === void 0) {
-    return null;
-  }
-  const { params } = stored;
-  if (params.repos !== options.repos || params.user !== options.user || params.includeDrafts !== options.includeDrafts) {
-    return null;
-  }
-  const sinceIso = parseSince(options.since).toISOString().slice(0, 10);
-  if (sinceIso < stored.data.sinceIso) {
-    return null;
-  }
-  const data = reviveRawData(stored.data);
-  if (data.reviewResults.some((result) => result.kind === "unrequested" && Number.isNaN(result.reviewedAt.getTime()))) {
-    return null;
-  }
-  const hasMissingVerdict = data.reviewResults.some((result) => {
-    return result.kind === "reviewed" && result.verdict === void 0;
-  });
-  if (hasMissingVerdict) {
-    return null;
+    );
   }
-  if (sinceIso === data.sinceIso) {
-    return data;
+  if (ui.modal === "settings") {
+    return /* @__PURE__ */ jsx14(
+      SettingsModal,
+      {
+        selected: ui.selectedSetting,
+        cacheAction: ui.cacheAction,
+        noCache: noCache2,
+        copyLinks: copyLinks2,
+        preset: themeState.preset
+      }
+    );
   }
-  if (data.reviewResults.some((result) => Number.isNaN(result.pr.createdAt.getTime()))) {
-    return null;
+  if (ui.modal === "theme") {
+    return /* @__PURE__ */ jsx14(
+      ThemeModal,
+      {
+        selected: ui.selectedThemeColor,
+        editing: ui.editing,
+        error: ui.themeColorError,
+        cacheAction: ui.cacheAction,
+        overrides: themeState.preset === "custom" ? themeState.overrides : {},
+        onDraft,
+        onSubmit: onSubmitThemeColor
+      }
+    );
   }
-  const cutoff = new Date(sinceIso);
-  const reviewResults = data.reviewResults.filter((result) => result.pr.createdAt >= cutoff);
-  const sizes = data.sizes.filter((entry) => entry.pr.createdAt >= cutoff);
-  return {
-    ...data,
-    sinceIso,
-    reviewResults,
-    sizes,
-    /**
-     * The creation dates of inaccessible authored PRs are unknown, so the
-     * inaccessible count carries over unchanged.
-     */
-    authoredTotal: sizes.length + (data.authoredTotal - data.sizes.length)
-  };
-}
-function saveSnapshot(options, data) {
-  const params = {
-    since: options.since,
-    repos: options.repos,
-    user: options.user,
-    includeDrafts: options.includeDrafts
-  };
-  writeCacheFile("snapshot", { params, data });
+  return null;
 }
-async function loadData(options, onPhase, { bypassCache = false } = {}) {
-  const sinceIso = parseSince(options.since).toISOString().slice(0, 10);
-  onPhase({ phase: "search" });
-  const repoNames = options.repos.split(",").map((name) => name.trim()).filter((name) => name !== "");
-  const [user, repos] = await Promise.all([resolveUser(options.user, bypassCache), resolveRepos(repoNames)]);
-  const includeDrafts = options.includeDrafts;
-  const [requested, reviewed, authored] = await Promise.all([
-    searchPrs({ user, sinceIso, repos, includeDrafts, mode: "requested" }),
-    searchPrs({ user, sinceIso, repos, includeDrafts, mode: "reviewed" }),
-    searchPrs({ user, sinceIso, repos, includeDrafts, mode: "authored" })
-  ]);
-  const reviewPrs = collectReviewPrs(requested, reviewed);
-  const authoredPrs = collectAuthoredPrs(authored);
-  const progress = { review: 0, sizes: 0 };
-  const total = reviewPrs.length + authoredPrs.length;
-  const report = () => {
-    onPhase({ phase: "details", done: progress.review + progress.sizes, total });
-  };
-  report();
-  const [review, size] = await Promise.all([
-    reviewPrs.length === 0 ? { results: [], cacheHits: 0 } : fetchReviewRaw(
-      reviewPrs,
-      user,
-      (done) => {
-        progress.review = done;
-        report();
-      },
-      { bypassCache }
-    ),
-    authoredPrs.length === 0 ? { sizes: [], cacheHits: 0 } : fetchSizeRaw(
-      authoredPrs,
-      (done) => {
-        progress.sizes = done;
-        report();
-      },
-      { bypassCache }
-    )
-  ]);
-  const data = {
-    user,
-    sinceIso,
-    repos,
-    reviewResults: review.results,
-    sizes: size.sizes,
-    authoredTotal: authoredPrs.length,
-    searchCapped: requested.length >= 1e3 || reviewed.length >= 1e3 || authored.length >= 1e3,
-    fetchedAt: /* @__PURE__ */ new Date()
-  };
-  saveSnapshot(options, data);
-  return data;
+
+// src/tui/hooks/useDeferredLoading.ts
+import { useEffect as useEffect4, useRef as useRef3, useState as useState2 } from "react";
+function useDeferredLoading(isLoading, { showDelay = 300, minDuration = 500 } = {}) {
+  const [visible, setVisible] = useState2(isLoading && showDelay === 0);
+  const shownAtRef = useRef3(null);
+  useEffect4(() => {
+    if (isLoading) {
+      const timer2 = setTimeout(() => {
+        shownAtRef.current = Date.now();
+        setVisible(true);
+      }, showDelay);
+      return () => {
+        clearTimeout(timer2);
+      };
+    }
+    const shownAt = shownAtRef.current;
+    const remaining = shownAt === null ? 0 : Math.max(0, shownAt + minDuration - Date.now());
+    const timer = setTimeout(() => {
+      shownAtRef.current = null;
+      setVisible(false);
+    }, remaining);
+    return () => {
+      clearTimeout(timer);
+    };
+  }, [isLoading, showDelay, minDuration]);
+  return visible;
 }
 
 // src/tui/hooks/useLoader.ts
+import { useEffect as useEffect5, useRef as useRef4, useState as useState3 } from "react";
 function useLoader(options, noCache2, onLoaded) {
   const [startupSnapshot] = useState3(() => noCache2 ? null : loadSnapshot(options));
   const [raw, setRaw] = useState3(startupSnapshot);
@@ -4901,6 +5177,15 @@ function buildReviewView(raw, targetHours, targetLabel, repo = null, width = 100
       legend: "reviews in that hour"
     }),
     buildVolumeCard("Reviews completed per week", reviewDates),
+    buildScatterCard({
+      title: "Review time vs size",
+      subtitle: "time to review against lines changed, log scale",
+      points: stats.reviewed.map((entry) => {
+        return { x: entry.lines, y: entry.hours };
+      }),
+      formatX: count,
+      formatY: formatDuration
+    }),
     buildHistogramCard({
       title: "Review cycles per PR",
       subtitle: "completed request \u2192 review rounds per PR",
@@ -5166,6 +5451,7 @@ function buildMergedView(raw, repo = null, width = 100, expanded = false) {
   }
   const stats = computeMergeStats(sizes);
   const reviewers = computeReviewerStats(sizes, raw.user);
+  const firstReview = computeFirstReviewStats(sizes, raw.user, { now: raw.fetchedAt });
   const strip = [
     countCell(sizes.length, "PRs created"),
     countCell(stats.merged.length, "merged"),
@@ -5210,8 +5496,43 @@ function buildMergedView(raw, repo = null, width = 100, expanded = false) {
     expanded
   });
   const expandable = reviewers.leaderboard.length > MAX_BARS;
+  const firstReviewCards = [
+    ...firstReview.received.length === 0 ? [] : [
+      buildHistogramCard({
+        title: "Time to first review",
+        subtitle: "elapsed time, created \u2192 first review received",
+        values: firstReview.allHours,
+        buckets: currentBuckets(),
+        format: formatDuration
+      }),
+      buildTrendCard({
+        title: "First review time trend",
+        entries: firstReview.received.map((result) => {
+          return { date: result.reviewedAt, value: result.hours };
+        }),
+        format: formatDuration,
+        floor: 1 / 60
+      })
+    ],
+    ...firstReview.awaiting.length === 0 ? [] : [
+      buildHistogramCard({
+        title: "Awaiting first review",
+        subtitle: "how long open unreviewed PRs have waited",
+        values: firstReview.awaiting.map((result) => result.hours),
+        buckets: currentBuckets(),
+        format: formatDuration
+      })
+    ]
+  ];
   if (stats.merged.length === 0) {
-    return { empty: null, ...base, strip, cards: reviewerCard === null ? [] : [reviewerCard], lists, expandable };
+    return {
+      empty: null,
+      ...base,
+      strip,
+      cards: [...firstReviewCards, ...reviewerCard === null ? [] : [reviewerCard]],
+      lists,
+      expandable
+    };
   }
   const sorted = [...stats.allHours].toSorted((a, b) => a - b);
   const headline = [
@@ -5239,6 +5560,7 @@ function buildMergedView(raw, repo = null, width = 100, expanded = false) {
       format: formatDuration,
       floor: 1 / 60
     }),
+    ...firstReviewCards,
     buildHeatmapCard({
       title: "When your PRs merge",
       subtitle: "PRs merged, weekday \xD7 hour, local time",
@@ -5508,6 +5830,22 @@ function handleSettingsModalKey(key, context) {
           }
           break;
         }
+        case "exportJson": {
+          if (key.name !== "return") {
+            break;
+          }
+          if (context.raw === null) {
+            context.dispatchUi({ type: "cacheActionReported", action: "exportNoData" });
+            break;
+          }
+          try {
+            exportStatsFile(context.raw, context.options);
+            context.dispatchUi({ type: "cacheActionReported", action: "exported" });
+          } catch {
+            context.dispatchUi({ type: "cacheActionReported", action: "exportFailed" });
+          }
+          break;
+        }
       }
       break;
     }
@@ -5976,6 +6314,7 @@ function App({
       themeState,
       options,
       views,
+      raw,
       dispatchUi,
       dispatchBrowse,
       setOptions,
@@ -6084,7 +6423,14 @@ function bootstrap() {
         validateField(field.key, value2);
       }
     }
-    return { initial: initial2, saved: saved2, noCache: values["no-cache"], copyLinks: settings.copyLinks === true, theme: theme3 };
+    return {
+      initial: initial2,
+      saved: saved2,
+      noCache: values["no-cache"],
+      copyLinks: settings.copyLinks === true,
+      theme: theme3,
+      json: values.json
+    };
   } catch (error) {
     if (error instanceof CliError) {
       fail(error.message);
@@ -6095,7 +6441,10 @@ function bootstrap() {
 
 // src/tui/main.tsx
 import { jsx as jsx16 } from "@opentui/react/jsx-runtime";
-var { initial, saved, noCache, copyLinks, theme: theme2 } = bootstrap();
+var { initial, saved, noCache, copyLinks, theme: theme2, json } = bootstrap();
+if (json) {
+  await runJsonStats(initial, noCache);
+}
 var exitSignals = ["SIGINT", "SIGTERM", "SIGQUIT", "SIGABRT", "SIGHUP", "SIGBREAK", "SIGBUS"];
 var renderer = await createCliRenderer({ exitOnCtrlC: true, exitSignals });
 for (const signal of ["SIGTERM", "SIGHUP"]) {