@d3lm/pr-stats 0.2.5 → 0.2.7

package/dist/tui-app.mjs

@@ -726,7 +726,19 @@ function wallParts(instantMs) {
 function zonedStamp(date) {
   const parts = wallParts(date.getTime());
   const dayUtcMs = Date.UTC(parts.year, parts.month - 1, parts.day);
-  return { dayUtcMs, weekday: new Date(dayUtcMs).getUTCDay(), hour: parts.hour };
+  return { dayUtcMs, weekday: new Date(dayUtcMs).getUTCDay(), hour: parts.hour, minute: parts.minute };
+}
+function hasWorkWindows() {
+  const covered = timeMode.workWindows.reduce((sum, window) => sum + (window.endMin - window.startMin), 0);
+  return covered < 24 * 60;
+}
+function classifyInstant(date) {
+  const { weekday, hour, minute } = zonedStamp(date);
+  if (weekday === 0 || weekday === 6) {
+    return "weekend";
+  }
+  const minuteOfDay = hour * 60 + minute;
+  return timeMode.workWindows.some((window) => minuteOfDay >= window.startMin && minuteOfDay < window.endMin) ? "work" : "after";
 }
 function utcFromWall(wallTargetMs) {
   let guess = wallTargetMs;
@@ -780,13 +792,32 @@ function computeReviewStats(results, { targetHours, now = /* @__PURE__ */ new Da
         pr: result.pr,
         requestedAt: result.requestedAt,
         reviewedAt: result.reviewedAt,
-        hours: durationHours(result.requestedAt, result.reviewedAt)
+        hours: durationHours(result.requestedAt, result.reviewedAt),
+        verdict: result.verdict
       });
     } else if (result.kind === "pending" && result.pr.state === "open") {
       pending.push({ pr: result.pr, requestedAt: result.requestedAt, hours: durationHours(result.requestedAt, now) });
     }
   }
   pending.sort((a, b) => a.requestedAt.getTime() - b.requestedAt.getTime());
+  const pendingKeys = new Set(pending.map((entry) => `${entry.pr.repo}#${entry.pr.number}`));
+  const latestReviews = /* @__PURE__ */ new Map();
+  for (const result of results) {
+    if (result.kind !== "reviewed" && result.kind !== "unrequested" || result.pr.state !== "open") {
+      continue;
+    }
+    const key = `${result.pr.repo}#${result.pr.number}`;
+    if (pendingKeys.has(key)) {
+      continue;
+    }
+    const latest = latestReviews.get(key);
+    if (latest === void 0 || result.reviewedAt > latest.reviewedAt) {
+      latestReviews.set(key, { pr: result.pr, reviewedAt: result.reviewedAt });
+    }
+  }
+  const reviewing = [...latestReviews.values()].map(({ pr, reviewedAt }) => {
+    return { pr, reviewedAt, hours: durationHours(reviewedAt, now) };
+  }).toSorted((a, b) => a.reviewedAt.getTime() - b.reviewedAt.getTime());
   const expired = results.filter((result) => result.kind === "pending" && result.pr.state !== "open");
   const unrequested = results.filter((result) => result.kind === "unrequested");
   const allHours = reviewed.map((result) => result.hours);
@@ -798,7 +829,22 @@ function computeReviewStats(results, { targetHours, now = /* @__PURE__ */ new Da
   }
   const byRepo = [...hoursByRepo.entries()].toSorted((a, b) => b[1].length - a[1].length);
   const misses = targetHours === void 0 ? [] : reviewed.filter((result) => result.hours > targetHours).toSorted((a, b) => b.hours - a.hours);
-  return { reviewed, pending, expired, unrequested, allHours, byRepo, misses };
+  const cyclesByPr = /* @__PURE__ */ new Map();
+  for (const result of reviewed) {
+    const key = `${result.pr.repo}#${result.pr.number}`;
+    cyclesByPr.set(key, (cyclesByPr.get(key) ?? 0) + 1);
+  }
+  return {
+    reviewed,
+    pending,
+    reviewing,
+    expired,
+    unrequested,
+    allHours,
+    byRepo,
+    misses,
+    cycles: [...cyclesByPr.values()]
+  };
 }
 function computeSizeStats(sizes, { sizeTarget } = {}) {
   const metrics = [
@@ -900,6 +946,13 @@ var FILE_BUCKETS = [
   { label: "21-50", max: 51 },
   { label: "> 50", max: Infinity }
 ];
+var CYCLE_BUCKETS = [
+  { label: "1", max: 2 },
+  { label: "2", max: 3 },
+  { label: "3", max: 4 },
+  { label: "4-5", max: 6 },
+  { label: "> 5", max: Infinity }
+];
 var COMMENT_BUCKETS = [
   { label: "0", max: 1 },
   { label: "1-2", max: 3 },
@@ -948,7 +1001,7 @@ function toPrRows(entries, leads) {
 
 // src/tui/views/queue.ts
 function queueRows(view) {
-  return view.lists.flatMap((list) => list.rows);
+  return view.sections.flatMap((section) => [...section.rows, ...section.lists.flatMap((list) => list.rows)]);
 }
 function groupedLists(entries, rowsOf2) {
   const groups = /* @__PURE__ */ new Map();
@@ -962,23 +1015,26 @@ function groupedLists(entries, rowsOf2) {
   });
 }
 function buildPendingReviewView(raw, repo = null, grouped = false) {
-  const { pending } = computeReviewStats(raw.reviewResults, { now: raw.fetchedAt });
-  const entries = repo === null ? pending : pending.filter((entry) => entry.pr.repo === repo);
-  if (entries.length === 0) {
-    return { empty: "No PRs are awaiting your review.", lists: [] };
-  }
-  if (repo === null && grouped) {
-    return { empty: null, lists: groupedLists(entries, rowsOf) };
-  }
+  const stats = computeReviewStats(raw.reviewResults, { now: raw.fetchedAt });
+  const awaiting = repo === null ? stats.pending : stats.pending.filter((entry) => entry.pr.repo === repo);
+  const reviewing = repo === null ? stats.reviewing : stats.reviewing.filter((entry) => entry.pr.repo === repo);
+  if (awaiting.length === 0 && reviewing.length === 0) {
+    return { empty: "No PRs are awaiting your review, and none you reviewed are still open.", sections: [] };
+  }
+  const split = repo === null && grouped;
+  const sectionOf = (title, entries) => split ? { title, rows: [], lists: groupedLists(entries, rowsOf) } : { title, rows: rowsOf(entries), lists: [] };
   return {
     empty: null,
-    lists: [{ title: `Open and awaiting your review (n=${entries.length})`, rows: rowsOf(entries) }]
+    sections: [
+      ...awaiting.length === 0 ? [] : [sectionOf(`Awaiting your review (n=${awaiting.length})`, awaiting)],
+      ...reviewing.length === 0 ? [] : [sectionOf(`Reviewing (n=${reviewing.length})`, reviewing)]
+    ]
   };
 }
 function buildOpenAuthoredView(raw, repo = null, grouped = false) {
   const open = raw.sizes.filter((entry) => entry.pr.state === "open" && (repo === null || entry.pr.repo === repo)).toSorted((a, b) => a.pr.createdAt.getTime() - b.pr.createdAt.getTime());
   if (open.length === 0) {
-    return { empty: "No open authored PRs found.", lists: [] };
+    return { empty: "No open authored PRs found.", sections: [] };
   }
   const rowsOf2 = (group) => {
     const ages = group.map((entry) => durationLead({ hours: durationHours(entry.pr.createdAt, raw.fetchedAt) }));
@@ -990,13 +1046,11 @@ function buildOpenAuthoredView(raw, repo = null, grouped = false) {
       )
     );
   };
+  const title = `Your open authored PRs (n=${open.length})`;
   if (repo === null && grouped) {
-    return { empty: null, lists: groupedLists(open, rowsOf2) };
+    return { empty: null, sections: [{ title, rows: [], lists: groupedLists(open, rowsOf2) }] };
   }
-  return {
-    empty: null,
-    lists: [{ title: `Your open authored PRs (n=${open.length})`, rows: rowsOf2(open) }]
-  };
+  return { empty: null, sections: [{ title, rows: rowsOf2(open), lists: [] }] };
 }
 function rowsOf(group) {
   return toPrRows(
@@ -1075,18 +1129,18 @@ function ChartsPanel({
   if (view.empty !== null) {
     return /* @__PURE__ */ jsx4("box", { flexGrow: 1, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsx4("text", { fg: theme.muted, children: view.empty }) });
   }
-  const leftWidth = Math.max(0, ...view.left.map(cardWidth));
-  const rightWidth = Math.max(0, ...view.right.map(cardWidth));
-  const twoColumns = view.left.length > 0 && view.right.length > 0 && width - 4 >= leftWidth + COLUMN_GAP + rightWidth;
-  const rows = Array.from({ length: Math.max(view.left.length, view.right.length) }, (_, i) => {
-    const left = view.left.at(i);
-    const right = view.right.at(i);
-    return { key: left?.title ?? right?.title ?? "", left, right };
+  const left = view.cards.filter((_, i) => i % 2 === 0);
+  const right = view.cards.filter((_, i) => i % 2 === 1);
+  const leftWidth = Math.max(0, ...left.map((card) => cardWidth(card)));
+  const rightWidth = Math.max(0, ...right.map((card) => cardWidth(card)));
+  const twoColumns = right.length > 0 && width - 4 >= leftWidth + COLUMN_GAP + rightWidth;
+  const rows = left.map((card, i) => {
+    return { key: card.title, left: card, right: right.at(i) };
   });
   const cards = twoColumns ? /* @__PURE__ */ jsx4("box", { flexDirection: "column", rowGap: 1, children: rows.map((row) => /* @__PURE__ */ jsxs3("box", { flexDirection: "row", alignItems: "flex-start", columnGap: COLUMN_GAP, children: [
-    /* @__PURE__ */ jsx4("box", { flexDirection: "column", width: leftWidth, flexShrink: 0, children: row.left !== void 0 && /* @__PURE__ */ jsx4(ChartCard, { card: row.left }) }),
+    /* @__PURE__ */ jsx4("box", { flexDirection: "column", width: leftWidth, flexShrink: 0, children: /* @__PURE__ */ jsx4(ChartCard, { card: row.left }) }),
     /* @__PURE__ */ jsx4("box", { flexDirection: "column", width: rightWidth, flexShrink: 0, children: row.right !== void 0 && /* @__PURE__ */ jsx4(ChartCard, { card: row.right }) })
-  ] }, row.key)) }) : /* @__PURE__ */ jsx4("box", { flexDirection: "column", rowGap: 1, children: [...view.left, ...view.right].map((card) => /* @__PURE__ */ jsx4(ChartCard, { card }, card.title)) });
+  ] }, row.key)) }) : /* @__PURE__ */ jsx4("box", { flexDirection: "column", rowGap: 1, children: view.cards.map((card) => /* @__PURE__ */ jsx4(ChartCard, { card }, card.title)) });
   return /* @__PURE__ */ jsxs3("box", { flexGrow: 1, flexDirection: "column", children: [
     /* @__PURE__ */ jsx4("box", { height: 1, children: /* @__PURE__ */ jsx4("text", { wrapMode: "none", fg: theme.border, children: "\u2500".repeat(width) }) }),
     /* @__PURE__ */ jsx4("box", { height: 1, paddingLeft: 1, paddingRight: 2, flexDirection: "row", justifyContent: "space-between", children: keyed(view.strip, lineKey).map(({ key, item }) => /* @__PURE__ */ jsx4(ChartLine, { line: item }, key)) }),
@@ -1127,7 +1181,7 @@ function ChartsPanel({
             ] }),
             /* @__PURE__ */ jsx4("box", { flexDirection: "column", marginTop: 1, children: keyed(view.distribution.lines, lineKey).map(({ key, item }) => /* @__PURE__ */ jsx4(ChartLine, { line: item }, key)) })
           ] }),
-          view.left.length === 0 ? /* @__PURE__ */ jsx4("text", { wrapMode: "none", fg: theme.muted, marginTop: 1, children: view.noCharts }) : cards
+          view.cards.length === 0 ? /* @__PURE__ */ jsx4("text", { wrapMode: "none", fg: theme.muted, marginTop: 1, children: view.noCharts }) : cards
         ]
       }
     )
@@ -1210,7 +1264,7 @@ function QueuePanel({
   heading,
   warning,
   empty,
-  lists,
+  sections,
   cursor,
   onRefClick
 }) {
@@ -1237,10 +1291,57 @@ function QueuePanel({
   }
   const offsets = [];
   let total = 0;
-  for (const list of lists) {
-    offsets.push(total);
-    total += list.rows.length;
-  }
+  for (const section of sections) {
+    const entry = { rows: total, lists: [] };
+    total += section.rows.length;
+    for (const list of section.lists) {
+      entry.lists.push(total);
+      total += list.rows.length;
+    }
+    offsets.push(entry);
+  }
+  const renderRow = (row, index, indent) => {
+    const isSelected = index === cursor;
+    const bg = isSelected ? theme.selectedBg : void 0;
+    const refStart = indent.length + 2 + row.lead.length + 2;
+    return /* @__PURE__ */ jsxs5(
+      "text",
+      {
+        id: `queue-row-${index}`,
+        wrapMode: "none",
+        onMouseDown: onRefClick === null ? void 0 : (event) => {
+          lastDown.current = event.button === 0 ? { x: event.x, y: event.y } : null;
+        },
+        onMouseUp: onRefClick === null ? void 0 : (event) => {
+          const down = lastDown.current;
+          lastDown.current = null;
+          if (event.button !== 0 || down?.x !== event.x || down.y !== event.y) {
+            return;
+          }
+          const local = event.currentTarget === null ? -1 : event.x - event.currentTarget.x;
+          if (local >= refStart && local < refStart + row.ref.length) {
+            onRefClick(row);
+          }
+        },
+        children: [
+          /* @__PURE__ */ jsxs5("span", { fg: theme.accent, children: [
+            indent,
+            isSelected ? "\u25B8 " : "  "
+          ] }),
+          /* @__PURE__ */ jsxs5("span", { fg: theme.text, bg, children: [
+            row.lead,
+            "  "
+          ] }),
+          onRefClick === null ? /* @__PURE__ */ jsx6("a", { href: row.url, fg: theme.accent, bg, children: row.ref }) : /* @__PURE__ */ jsx6("span", { fg: theme.accent, bg, children: row.ref }),
+          /* @__PURE__ */ jsxs5("span", { fg: theme.text, bg, children: [
+            "  ",
+            row.title
+          ] })
+        ]
+      },
+      row.url
+    );
+  };
   return /* @__PURE__ */ jsxs5("box", { flexGrow: 1, flexDirection: "column", children: [
     header,
     /* @__PURE__ */ jsxs5(
@@ -1253,49 +1354,19 @@ function QueuePanel({
         verticalScrollbarOptions: overlayScrollbar,
         children: [
           warning !== null && /* @__PURE__ */ jsx6("text", { wrapMode: "word", fg: theme.warn, marginTop: 1, children: warning }),
-          lists.map((list, listIndex) => /* @__PURE__ */ jsxs5("box", { flexDirection: "column", marginTop: 1, children: [
-            /* @__PURE__ */ jsx6("text", { wrapMode: "none", fg: theme.accent, children: list.title }),
-            list.rows.map((row, rowIndex) => {
-              const index = offsets[listIndex] + rowIndex;
-              const isSelected = index === cursor;
-              const bg = isSelected ? theme.selectedBg : void 0;
-              const refStart = 2 + row.lead.length + 2;
-              return /* @__PURE__ */ jsxs5(
-                "text",
-                {
-                  id: `queue-row-${index}`,
-                  wrapMode: "none",
-                  onMouseDown: onRefClick === null ? void 0 : (event) => {
-                    lastDown.current = event.button === 0 ? { x: event.x, y: event.y } : null;
-                  },
-                  onMouseUp: onRefClick === null ? void 0 : (event) => {
-                    const down = lastDown.current;
-                    lastDown.current = null;
-                    if (event.button !== 0 || down?.x !== event.x || down.y !== event.y) {
-                      return;
-                    }
-                    const local = event.currentTarget === null ? -1 : event.x - event.currentTarget.x;
-                    if (local >= refStart && local < refStart + row.ref.length) {
-                      onRefClick(row);
-                    }
-                  },
-                  children: [
-                    /* @__PURE__ */ jsx6("span", { fg: theme.accent, children: isSelected ? "\u25B8 " : "  " }),
-                    /* @__PURE__ */ jsxs5("span", { fg: theme.text, bg, children: [
-                      row.lead,
-                      "  "
-                    ] }),
-                    onRefClick === null ? /* @__PURE__ */ jsx6("a", { href: row.url, fg: theme.accent, bg, children: row.ref }) : /* @__PURE__ */ jsx6("span", { fg: theme.accent, bg, children: row.ref }),
-                    /* @__PURE__ */ jsxs5("span", { fg: theme.text, bg, children: [
-                      "  ",
-                      row.title
-                    ] })
-                  ]
-                },
-                row.url
-              );
-            })
-          ] }, list.title))
+          sections.map((section, sectionIndex) => /* @__PURE__ */ jsxs5("box", { flexDirection: "column", marginTop: 1, children: [
+            /* @__PURE__ */ jsx6("text", { wrapMode: "none", fg: theme.accent, children: section.title }),
+            section.rows.map((row, rowIndex) => renderRow(row, offsets[sectionIndex].rows + rowIndex, "")),
+            section.lists.map((list, listIndex) => /* @__PURE__ */ jsxs5("box", { flexDirection: "column", marginTop: listIndex > 0 ? 1 : 0, children: [
+              /* @__PURE__ */ jsxs5("text", { wrapMode: "none", fg: theme.accent, children: [
+                "  ",
+                list.title
+              ] }),
+              list.rows.map(
+                (row, rowIndex) => renderRow(row, offsets[sectionIndex].lists[listIndex] + rowIndex, "  ")
+              )
+            ] }, list.title))
+          ] }, section.title))
         ]
       }
     )
@@ -1482,7 +1553,7 @@ function QueueTab({
       heading: repos.length > 0 ? scope.repo ?? (grouped ? "All repos \xB7 grouped by repo" : "All repos") : null,
       warning,
       empty: view.empty,
-      lists: view.lists,
+      sections: view.sections,
       cursor: Math.min(rowCursor, queueRows(view).length - 1),
       onRefClick
     }
@@ -2993,6 +3064,62 @@ function ColorRow({
   ] }) });
 }
 
+// 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 } = {}) {
@@ -3376,17 +3503,22 @@ function classifyPr(pr, details, user) {
     (node) => node?.requestedReviewer?.login === user ? [new Date(node.createdAt)] : []
   );
   const reviews = details.reviews.nodes.flatMap(
-    (node) => node?.author?.login === user && node.submittedAt ? [new Date(node.submittedAt)] : []
+    (node) => node?.author?.login === user && node.submittedAt ? [{ at: new Date(node.submittedAt), state: node.state }] : []
   );
   if (requests.length === 0) {
-    return reviews.length > 0 ? [{ kind: "unrequested", pr }] : [{ kind: "inaccessible", pr }];
+    if (reviews.length === 0) {
+      return [{ kind: "inaccessible", pr }];
+    }
+    return [
+      { kind: "unrequested", pr, reviewedAt: new Date(Math.max(...reviews.map((review) => review.at.getTime()))) }
+    ];
   }
   const events = [
     ...requests.map((at) => {
-      return { at, isRequest: true };
+      return { at, isRequest: true, state: "" };
     }),
-    ...reviews.map((at) => {
-      return { at, isRequest: false };
+    ...reviews.map(({ at, state }) => {
+      return { at, isRequest: false, state };
     })
   ].toSorted((a, b) => a.at.getTime() - b.at.getTime() || Number(b.isRequest) - Number(a.isRequest));
   const results = [];
@@ -3395,7 +3527,7 @@ function classifyPr(pr, details, user) {
     if (event.isRequest) {
       openedAt ??= event.at;
     } else if (openedAt !== null) {
-      results.push({ kind: "reviewed", pr, requestedAt: openedAt, reviewedAt: event.at });
+      results.push({ kind: "reviewed", pr, requestedAt: openedAt, reviewedAt: event.at, verdict: event.state });
       openedAt = null;
     }
   }
@@ -3492,6 +3624,9 @@ function reviveRawData(data) {
       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) => {
@@ -3518,6 +3653,15 @@ function loadSnapshot(options) {
     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;
   }
@@ -3726,24 +3870,42 @@ function buildSizeRepoOptions(raw) {
     })
   ];
 }
-function pendingDetail(count2) {
-  return `${count2} ${count2 === 1 ? "PR" : "PRs"} awaiting your review`;
+function pendingDetail(counts) {
+  const awaiting = `${counts.awaiting} ${counts.awaiting === 1 ? "PR" : "PRs"} awaiting your review`;
+  return awaiting + (counts.reviewing > 0 ? `, ${counts.reviewing} reviewing` : "");
 }
 function buildPendingRepoOptions(raw) {
-  const countByRepo = /* @__PURE__ */ new Map();
+  const countsByRepo = /* @__PURE__ */ new Map();
+  const countsOf = (repo) => {
+    const counts = countsByRepo.get(repo) ?? { awaiting: 0, reviewing: 0 };
+    countsByRepo.set(repo, counts);
+    return counts;
+  };
   for (const result of raw.reviewResults) {
-    const pending = result.kind === "pending" && result.pr.state === "open" ? 1 : 0;
-    countByRepo.set(result.pr.repo, (countByRepo.get(result.pr.repo) ?? 0) + pending);
+    countsOf(result.pr.repo);
   }
-  if (countByRepo.size < 2) {
+  if (countsByRepo.size < 2) {
     return [];
   }
-  const entries = [...countByRepo.entries()].toSorted((a, b) => b[1] - a[1] || a[0].localeCompare(b[0]));
-  const total = entries.reduce((sum, [, count2]) => sum + count2, 0);
+  const stats = computeReviewStats(raw.reviewResults, { now: raw.fetchedAt });
+  for (const entry of stats.pending) {
+    countsOf(entry.pr.repo).awaiting += 1;
+  }
+  for (const entry of stats.reviewing) {
+    countsOf(entry.pr.repo).reviewing += 1;
+  }
+  const entries = [...countsByRepo.entries()].toSorted(
+    (a, b) => b[1].awaiting - a[1].awaiting || b[1].reviewing - a[1].reviewing || a[0].localeCompare(b[0])
+  );
+  const totals = { awaiting: 0, reviewing: 0 };
+  for (const [, counts] of entries) {
+    totals.awaiting += counts.awaiting;
+    totals.reviewing += counts.reviewing;
+  }
   return [
-    { repo: null, label: "All repos", detail: pendingDetail(total) },
-    ...entries.map(([repo, count2]) => {
-      return { repo, label: repo, detail: pendingDetail(count2) };
+    { repo: null, label: "All repos", detail: pendingDetail(totals) },
+    ...entries.map(([repo, counts]) => {
+      return { repo, label: repo, detail: pendingDetail(counts) };
     })
   ];
 }
@@ -3883,6 +4045,137 @@ function hbar(fraction, width, color) {
   return line;
 }
 
+// src/tui/views/charts/bars.ts
+var BAR_WIDTH2 = 24;
+var MAX_BARS = 8;
+function buildBarsCard({ title, subtitle, rows, format }) {
+  const shown = rows.slice(0, MAX_BARS);
+  const max = Math.max(...shown.map((row) => row.value), 0);
+  const labelWidth = Math.max(...shown.map((row) => row.label.length));
+  const valueWidth = Math.max(...shown.map((row) => format(row.value).length));
+  const lines = shown.map((row) => {
+    const line = [{ text: `${row.label.padEnd(labelWidth)} `, fg: theme.muted }];
+    if (row.value <= 0 || max <= 0) {
+      line.push({ text: " ".repeat(BAR_WIDTH2) });
+    } else {
+      line.push(...hbar(row.value / max, BAR_WIDTH2, row.value === max ? theme.accent : theme.chartBar));
+    }
+    line.push(
+      { text: ` ${format(row.value).padStart(valueWidth)}`, fg: theme.text },
+      { text: `  ${row.detail}`, fg: theme.dim }
+    );
+    return line;
+  });
+  if (rows.length > shown.length) {
+    lines.push([{ text: `+ ${rows.length - shown.length} more`, fg: theme.dim }]);
+  }
+  return { title, subtitle, lines };
+}
+
+// src/tui/views/charts/weeks.ts
+var DAY_MS = 864e5;
+var WEEK_MS = 7 * DAY_MS;
+function mondayOf(dayUtcMs) {
+  return dayUtcMs - (new Date(dayUtcMs).getUTCDay() + 6) % 7 * DAY_MS;
+}
+function dateLabel(ms) {
+  return new Date(ms).toLocaleDateString("en-US", { month: "short", day: "numeric", timeZone: "UTC" });
+}
+function weekAxisRow(width, prefix, points, columnOf, mondayOfPoint) {
+  const cells = blankCells(width);
+  const every = Math.ceil(points / 4);
+  let lastEnd = -2;
+  for (let point = 0; point < points; point += every) {
+    const label = dateLabel(mondayOfPoint(point));
+    const at = prefix + columnOf(point);
+    if (at >= lastEnd + 2 && at + label.length <= width) {
+      placeText(cells, at, label, theme.dim);
+      lastEnd = at + label.length;
+    }
+  }
+  return mergeCells(cells);
+}
+
+// src/tui/views/charts/cumulative.ts
+var CUM_WIDTH = 36;
+var CUM_HEIGHT = 8;
+function weekOf(date) {
+  return mondayOf(zonedStamp(date).dayUtcMs);
+}
+function buildCumulativeCard({ title, series, legend }) {
+  const subtitle = series.flatMap((entry, i) => [
+    { text: `${i === 0 ? "" : "  "}\u2500\u2500`, fg: entry.color },
+    { text: ` ${entry.label}`, fg: theme.muted }
+  ]);
+  subtitle.push({ text: `, ${legend}`, fg: theme.muted });
+  const mondays = series.flatMap((entry) => entry.dates.map((date) => weekOf(date)));
+  const first = Math.min(...mondays);
+  const weekCount = (Math.max(...mondays) - first) / WEEK_MS + 1;
+  if (weekCount < 2) {
+    return { title, subtitle, lines: [[{ text: "not enough weeks to draw a trend", fg: theme.muted }]] };
+  }
+  const totals = series.map((entry) => {
+    const weekly = Array.from({ length: weekCount }, () => 0);
+    for (const date of entry.dates) {
+      weekly[(weekOf(date) - first) / WEEK_MS] += 1;
+    }
+    let running = 0;
+    return weekly.map((count2) => running += count2);
+  });
+  const maxY = Math.max(...totals.map((cumulative) => cumulative.at(-1) ?? 0), 1);
+  const grid = Array.from(
+    { length: CUM_HEIGHT },
+    () => Array.from({ length: CUM_WIDTH }, () => null)
+  );
+  for (const [i, cumulative] of totals.entries()) {
+    const rows = Array.from({ length: CUM_WIDTH }, (_, x) => {
+      const weekPos = x / (CUM_WIDTH - 1) * (weekCount - 1);
+      const week = Math.floor(weekPos);
+      const nextWeek = Math.min(week + 1, weekCount - 1);
+      const value2 = cumulative[week] + (cumulative[nextWeek] - cumulative[week]) * (weekPos - week);
+      return CUM_HEIGHT - 1 - Math.round(value2 / maxY * (CUM_HEIGHT - 1));
+    });
+    const color = series[i].color;
+    for (let x = 0; x < CUM_WIDTH; x++) {
+      const here = rows[x];
+      const next = rows[Math.min(x + 1, CUM_WIDTH - 1)];
+      if (here === next) {
+        grid[here][x] = { ch: "\u2500", fg: color };
+        continue;
+      }
+      grid[next][x] = { ch: next < here ? "\u256D" : "\u2570", fg: color };
+      grid[here][x] = { ch: next < here ? "\u256F" : "\u256E", fg: color };
+      for (let row = Math.min(here, next) + 1; row < Math.max(here, next); row++) {
+        grid[row][x] = { ch: "\u2502", fg: color };
+      }
+    }
+  }
+  const topLabel = String(maxY);
+  const yWidth = topLabel.length;
+  const lines = grid.map((row, i) => {
+    const label = i === 0 ? topLabel : i === CUM_HEIGHT - 1 ? "0" : "";
+    const line = [
+      { text: `${label.padStart(yWidth)} `, fg: theme.muted },
+      { text: label === "" ? "\u2502" : "\u2524", fg: theme.dim }
+    ];
+    for (const cell of row) {
+      line.push(cell === null ? { text: " " } : { text: cell.ch, fg: cell.fg });
+    }
+    return line;
+  });
+  lines.push(
+    [{ text: `${" ".repeat(yWidth)} \u2514${"\u2500".repeat(CUM_WIDTH)}`, fg: theme.dim }],
+    weekAxisRow(
+      yWidth + 2 + CUM_WIDTH,
+      yWidth + 2,
+      weekCount,
+      (week) => Math.round(week / (weekCount - 1) * (CUM_WIDTH - 1)),
+      (week) => first + week * WEEK_MS
+    )
+  );
+  return { title, subtitle, lines };
+}
+
 // src/tui/views/charts/distribution.ts
 var DURATION_TICKS = [5 / 60, 0.25, 0.5, 1, 2, 4, 8, 24, 48, 96, 168, 336, 720, 2160];
 var COUNT_TICKS = [1, 2, 5, 10, 25, 50, 100, 250, 500, 1e3, 2500, 5e3, 1e4, 25e3, 5e4, 1e5];
@@ -4203,39 +4496,20 @@ function buildSpreadCard(title, metrics, format) {
 
 // src/tui/views/charts/trend.ts
 var asciichart = __toESM(require_asciichart(), 1);
-
-// src/tui/views/charts/weeks.ts
-var DAY_MS = 864e5;
-var WEEK_MS = 7 * DAY_MS;
-function mondayOf(dayUtcMs) {
-  return dayUtcMs - (new Date(dayUtcMs).getUTCDay() + 6) % 7 * DAY_MS;
-}
-function dateLabel(ms) {
-  return new Date(ms).toLocaleDateString("en-US", { month: "short", day: "numeric", timeZone: "UTC" });
-}
-function weekAxisRow(width, prefix, points, columnOf, mondayOfPoint) {
-  const cells = blankCells(width);
-  const every = Math.ceil(points / 4);
-  let lastEnd = -2;
-  for (let point = 0; point < points; point += every) {
-    const label = dateLabel(mondayOfPoint(point));
-    const at = prefix + columnOf(point);
-    if (at >= lastEnd + 2 && at + label.length <= width) {
-      placeText(cells, at, label, theme.dim);
-      lastEnd = at + label.length;
-    }
-  }
-  return mergeCells(cells);
-}
-
-// src/tui/views/charts/trend.ts
 var TREND_POINTS = 40;
 var TREND_HEIGHT = 6;
 function axisSplit(line) {
   const positions = [line.indexOf("\u2524"), line.indexOf("\u253C")].filter((at) => at >= 0);
   return positions.length === 0 ? 0 : Math.min(...positions) + 1;
 }
-function buildTrendCard({ title, entries, format, floor }) {
+function buildTrendCard({
+  title,
+  entries,
+  format,
+  floor = 1,
+  scale = "log",
+  valueLabel = "median"
+}) {
   const byWeek = /* @__PURE__ */ new Map();
   for (const entry of entries) {
     const monday = mondayOf(zonedStamp(entry.date).dayUtcMs);
@@ -4246,10 +4520,11 @@ function buildTrendCard({ title, entries, format, floor }) {
   const mondays = [...byWeek.keys()];
   const first = Math.min(...mondays);
   const weekCount = (Math.max(...mondays) - first) / WEEK_MS + 1;
+  const scaleSuffix = scale === "log" ? ", log scale" : "";
   if (weekCount < 2) {
     return {
       title,
-      subtitle: "weekly median, log scale",
+      subtitle: `weekly ${valueLabel}${scaleSuffix}`,
       lines: [[{ text: "not enough weeks to draw a trend", fg: theme.muted }]]
     };
   }
@@ -4267,9 +4542,11 @@ function buildTrendCard({ title, entries, format, floor }) {
       medians.push(medians.at(-1) ?? 0);
     }
   }
-  const firstKnown = medians.find((value2) => value2 > 0) ?? 0;
-  for (let i = 0; i < medians.length && medians[i] === 0; i++) {
-    medians[i] = firstKnown;
+  if (scale === "log") {
+    const firstKnown = medians.find((value2) => value2 > 0) ?? 0;
+    for (let i = 0; i < medians.length && medians[i] === 0; i++) {
+      medians[i] = firstKnown;
+    }
   }
   const chunk = Math.ceil(weekCount / TREND_POINTS);
   const points = [];
@@ -4279,23 +4556,23 @@ function buildTrendCard({ title, entries, format, floor }) {
   }
   const stretch = Math.max(1, Math.floor(TREND_POINTS / points.length));
   const series = points.flatMap((value2) => Array.from({ length: stretch }, () => value2));
-  const logs = series.map((value2) => Math.log2(Math.max(value2, floor)));
-  let lo = Math.min(...logs);
-  let hi = Math.max(...logs);
+  const plotted = scale === "log" ? series.map((value2) => Math.log2(Math.max(value2, floor))) : series;
+  let lo = Math.min(...plotted);
+  let hi = Math.max(...plotted);
   if (hi - lo < 1e-9) {
     lo -= 1;
     hi += 1;
   }
-  const chart = asciichart.plot(logs, {
+  const chart = asciichart.plot(plotted, {
     height: TREND_HEIGHT,
     min: lo,
     max: hi,
-    format: (x) => format(2 ** x).padStart(6)
+    format: (x) => format(scale === "log" ? 2 ** x : x).padStart(6)
   });
   const ratio = TREND_HEIGHT / (hi - lo);
   const min2 = Math.round(lo * ratio);
   const rows = Math.abs(Math.round(hi * ratio) - min2);
-  const lastRow = Math.min(rows, Math.max(0, rows - (Math.round((logs.at(-1) ?? 0) * ratio) - min2)));
+  const lastRow = Math.min(rows, Math.max(0, rows - (Math.round((plotted.at(-1) ?? 0) * ratio) - min2)));
   const raw = chart.split("\n");
   const lines = raw.map((line, i) => {
     const split = axisSplit(line);
@@ -4318,7 +4595,7 @@ function buildTrendCard({ title, entries, format, floor }) {
       (point) => first + point * chunk * WEEK_MS
     )
   );
-  const subtitle = chunk === 1 ? "weekly median, log scale" : `median per ${chunk} weeks, log scale`;
+  const subtitle = chunk === 1 ? `weekly ${valueLabel}${scaleSuffix}` : `${valueLabel} per ${chunk} weeks${scaleSuffix}`;
   return { title, subtitle, lines };
 }
 
@@ -4386,6 +4663,79 @@ function countCell(count2, label, dimWhenZero = false) {
     { text: ` ${label}`, fg: dim2 ? theme.dim : theme.muted }
   ];
 }
+function mondayNoon(monday) {
+  return new Date(monday + 12 * 36e5);
+}
+function weeklySums(entries) {
+  const byWeek = /* @__PURE__ */ new Map();
+  for (const entry of entries) {
+    const monday = mondayOf(zonedStamp(entry.date).dayUtcMs);
+    byWeek.set(monday, (byWeek.get(monday) ?? 0) + entry.value);
+  }
+  const mondays = [...byWeek.keys()];
+  const first = Math.min(...mondays);
+  const last = Math.max(...mondays);
+  const result = [];
+  for (let monday = first; monday <= last; monday += WEEK_MS) {
+    result.push({ date: mondayNoon(monday), value: byWeek.get(monday) ?? 0 });
+  }
+  return result;
+}
+function mergeRateEntries(stats) {
+  const byWeek = /* @__PURE__ */ new Map();
+  const add = (createdAt, merged) => {
+    const monday = mondayOf(zonedStamp(createdAt).dayUtcMs);
+    const counts = byWeek.get(monday) ?? { merged: 0, concluded: 0 };
+    counts.concluded += 1;
+    counts.merged += merged ? 1 : 0;
+    byWeek.set(monday, counts);
+  };
+  for (const result of stats.merged) {
+    add(result.entry.pr.createdAt, true);
+  }
+  for (const result of stats.closed) {
+    add(result.entry.pr.createdAt, false);
+  }
+  return [...byWeek.entries()].map(([monday, counts]) => {
+    return { date: mondayNoon(monday), value: counts.merged / counts.concluded * 100 };
+  });
+}
+function buildOffHoursCard(subtitle, dates) {
+  const counts = { work: 0, after: 0, weekend: 0 };
+  for (const date of dates) {
+    counts[classifyInstant(date)] += 1;
+  }
+  const rows = hasWorkWindows() ? [
+    { label: "work hours", count: counts.work, color: theme.accent },
+    { label: "after hours", count: counts.after, color: theme.warn },
+    { label: "weekend", count: counts.weekend, color: theme.chartDim }
+  ] : [
+    { label: "weekday", count: counts.work + counts.after, color: theme.accent },
+    { label: "weekend", count: counts.weekend, color: theme.chartDim }
+  ];
+  return buildGaugeCard({ title: "Off-hours share", subtitle, rows });
+}
+function buildVerdictCard(reviewed) {
+  const countOf = (state) => reviewed.filter((entry) => entry.verdict === state).length;
+  const approved = countOf("APPROVED");
+  const changes = countOf("CHANGES_REQUESTED");
+  const commented = countOf("COMMENTED");
+  const other = reviewed.length - approved - changes - commented;
+  const counts = [
+    { label: "approved", count: approved },
+    { label: "changes requested", count: changes },
+    { label: "commented", count: commented },
+    ...other > 0 ? [{ label: "other", count: other }] : []
+  ];
+  const max = Math.max(...counts.map((row) => row.count));
+  return buildGaugeCard({
+    title: "Review verdicts",
+    subtitle: "how your requested reviews concluded",
+    rows: counts.map((row) => {
+      return { ...row, color: row.count === max ? theme.accent : theme.chartBar };
+    })
+  });
+}
 function buildReviewView(raw, targetHours, targetLabel, repo = null, width = 100) {
   const results = repo === null ? raw.reviewResults : raw.reviewResults.filter((result) => result.pr.repo === repo);
   const stats = computeReviewStats(results, { targetHours, now: raw.fetchedAt });
@@ -4400,8 +4750,7 @@ function buildReviewView(raw, targetHours, targetLabel, repo = null, width = 100
     headline: null,
     distributionTitle: "Review time distribution",
     noCharts: "No completed reviews to chart.",
-    left: [],
-    right: [],
+    cards: [],
     distribution: null
   };
   if (results.length === 0) {
@@ -4414,8 +4763,15 @@ function buildReviewView(raw, targetHours, targetLabel, repo = null, width = 100
       rows: toPrRows(stats.misses, stats.misses.map(durationLead))
     });
   }
+  const pendingCard = stats.pending.length === 0 ? null : buildHistogramCard({
+    title: "Pending request age",
+    subtitle: "how long open requests have waited",
+    values: stats.pending.map((entry) => entry.hours),
+    buckets: currentBuckets(),
+    format: formatDuration
+  });
   if (stats.reviewed.length === 0) {
-    return { empty: null, ...base, lists };
+    return { empty: null, ...base, cards: pendingCard === null ? [] : [pendingCard], lists };
   }
   const sorted = [...stats.allHours].toSorted((a, b) => a - b);
   const total = raw.reviewResults.filter((result) => result.kind === "reviewed").length;
@@ -4428,7 +4784,39 @@ function buildReviewView(raw, targetHours, targetLabel, repo = null, width = 100
   ];
   const requestDates = [...stats.reviewed, ...stats.pending].map((entry) => entry.requestedAt);
   const reviewDates = stats.reviewed.map((entry) => entry.reviewedAt);
-  const left = [
+  const requestAges = [...stats.reviewed, ...stats.pending].map(
+    (entry) => durationHours(entry.pr.createdAt, entry.requestedAt)
+  );
+  let serviceCard = null;
+  if (targetHours !== void 0 && targetLabel !== void 0) {
+    const inside = stats.allHours.filter((value2) => value2 <= targetHours).length;
+    const overdue = stats.pending.filter((entry) => entry.hours > targetHours).length;
+    serviceCard = buildGaugeCard({
+      title: "Service level",
+      subtitle: `reviewed within ${targetLabel}`,
+      rows: [
+        { label: `inside ${targetLabel}`, count: inside, color: theme.accent },
+        { label: `over ${targetLabel}`, count: stats.allHours.length - inside, color: theme.chartDim },
+        ...overdue > 0 ? [{ label: "awaiting and already over", count: overdue, color: theme.warn }] : []
+      ]
+    });
+  }
+  const byRepoCard = repo === null && stats.byRepo.length > 1 ? buildBarsCard({
+    title: "Review time by repo",
+    subtitle: "median review time, slowest first",
+    rows: stats.byRepo.map(([name, hours]) => {
+      return {
+        label: name,
+        value: percentile(
+          hours.toSorted((a, b) => a - b),
+          50
+        ),
+        detail: `n=${hours.length}`
+      };
+    }).toSorted((a, b) => b.value - a.value),
+    format: formatDuration
+  }) : null;
+  const cards = [
     buildHistogramCard({
       title: "Time to review",
       subtitle: "elapsed time, request \u2192 review",
@@ -4436,6 +4824,14 @@ function buildReviewView(raw, targetHours, targetLabel, repo = null, width = 100
       buckets: currentBuckets(),
       format: formatDuration
     }),
+    buildTrendCard({
+      title: "Review time trend",
+      entries: stats.reviewed.map((entry) => {
+        return { date: entry.reviewedAt, value: entry.hours };
+      }),
+      format: formatDuration,
+      floor: 1 / 60
+    }),
     buildHeatmapCard({
       title: "When you review",
       subtitle: "reviews submitted, weekday \xD7 hour, local time",
@@ -4445,34 +4841,28 @@ function buildReviewView(raw, targetHours, targetLabel, repo = null, width = 100
         { label: "req", dates: requestDates, muted: true }
       ],
       legend: "reviews in that hour"
-    })
-  ];
-  const right = [
-    buildTrendCard({
-      title: "Review time trend",
-      entries: stats.reviewed.map((entry) => {
-        return { date: entry.reviewedAt, value: entry.hours };
-      }),
-      format: formatDuration,
-      floor: 1 / 60
     }),
-    buildVolumeCard("Reviews completed per week", reviewDates)
+    buildVolumeCard("Reviews completed per week", reviewDates),
+    buildHistogramCard({
+      title: "Review cycles per PR",
+      subtitle: "completed request \u2192 review rounds per PR",
+      values: stats.cycles,
+      buckets: CYCLE_BUCKETS,
+      format: count
+    }),
+    buildHistogramCard({
+      title: "PR age at request",
+      subtitle: "elapsed time, PR created \u2192 review requested",
+      values: requestAges,
+      buckets: currentBuckets(),
+      format: formatDuration
+    }),
+    buildVerdictCard(stats.reviewed),
+    ...pendingCard === null ? [] : [pendingCard],
+    buildOffHoursCard("reviews submitted, local time", reviewDates),
+    ...serviceCard === null ? [] : [serviceCard],
+    ...byRepoCard === null ? [] : [byRepoCard]
   ];
-  if (targetHours !== void 0 && targetLabel !== void 0) {
-    const inside = stats.allHours.filter((value2) => value2 <= targetHours).length;
-    const overdue = stats.pending.filter((entry) => entry.hours > targetHours).length;
-    left.push(
-      buildGaugeCard({
-        title: "Service level",
-        subtitle: `reviewed within ${targetLabel}`,
-        rows: [
-          { label: `inside ${targetLabel}`, count: inside, color: theme.accent },
-          { label: `over ${targetLabel}`, count: stats.allHours.length - inside, color: theme.chartDim },
-          ...overdue > 0 ? [{ label: "awaiting and already over", count: overdue, color: theme.warn }] : []
-        ]
-      })
-    );
-  }
   const distribution = buildDistribution({
     values: stats.allHours,
     width: Math.max(width - 3, 40),
@@ -4480,7 +4870,7 @@ function buildReviewView(raw, targetHours, targetLabel, repo = null, width = 100
     ticks: DURATION_TICKS,
     flat: (count2, value2) => `all ${count2} ${count2 === 1 ? "review" : "reviews"} took ${value2}`
   });
-  return { empty: null, ...base, headline, left, right, distribution, lists };
+  return { empty: null, ...base, headline, cards, distribution, lists };
 }
 function buildSizeView(raw, sizeTarget, repo = null, width = 100) {
   const base = {
@@ -4488,8 +4878,7 @@ function buildSizeView(raw, sizeTarget, repo = null, width = 100) {
     headline: null,
     distributionTitle: "PR size distribution",
     noCharts: "No authored PRs to chart.",
-    left: [],
-    right: [],
+    cards: [],
     distribution: null,
     lists: []
   };
@@ -4520,7 +4909,15 @@ function buildSizeView(raw, sizeTarget, repo = null, width = 100) {
     { text: `${count(percentile(sorted, 90))} lines`, fg: theme.accent },
     { text: `   ${sizes.length} of ${raw.sizes.length} PRs`, fg: theme.muted }
   ];
-  const left = [
+  const targetCard = stats.met !== void 0 && stats.targetLabel !== void 0 ? buildGaugeCard({
+    title: "Size target",
+    subtitle: `authored within ${stats.targetLabel}`,
+    rows: [
+      { label: "inside target", count: stats.met, color: theme.accent },
+      { label: "over target", count: sizes.length - stats.met, color: theme.chartDim }
+    ]
+  }) : null;
+  const cards = [
     buildHistogramCard({
       title: "PR size",
       subtitle: "total lines changed per authored PR",
@@ -4528,6 +4925,14 @@ function buildSizeView(raw, sizeTarget, repo = null, width = 100) {
       buckets: LINE_BUCKETS,
       format: count
     }),
+    buildTrendCard({
+      title: "PR size trend",
+      entries: sizes.map((size) => {
+        return { date: size.pr.createdAt, value: size.total };
+      }),
+      format: count,
+      floor: 1
+    }),
     buildHistogramCard({
       title: "Files touched",
       subtitle: "files changed per authored PR",
@@ -4535,38 +4940,28 @@ function buildSizeView(raw, sizeTarget, repo = null, width = 100) {
       buckets: FILE_BUCKETS,
       format: count
     }),
+    buildTrendCard({
+      title: "Net lines trend",
+      entries: weeklySums(
+        sizes.map((size) => {
+          return { date: size.pr.createdAt, value: size.additions - size.deletions };
+        })
+      ),
+      format: netCount,
+      scale: "linear",
+      valueLabel: "net lines"
+    }),
     buildHeatmapCard({
       title: "When you open PRs",
       subtitle: "PRs opened, weekday \xD7 hour, local time",
       grid: created,
       columns: [{ label: "opened", dates: created }],
       legend: "PRs opened in that hour"
-    })
-  ];
-  const right = [
-    buildTrendCard({
-      title: "PR size trend",
-      entries: sizes.map((size) => {
-        return { date: size.pr.createdAt, value: size.total };
-      }),
-      format: count,
-      floor: 1
     }),
     buildVolumeCard("PRs opened per week", created),
+    ...targetCard === null ? [] : [targetCard],
     buildSpreadCard("Size spread", stats.metrics, count)
   ];
-  if (stats.met !== void 0 && stats.targetLabel !== void 0) {
-    left.push(
-      buildGaugeCard({
-        title: "Size target",
-        subtitle: `authored within ${stats.targetLabel}`,
-        rows: [
-          { label: "inside target", count: stats.met, color: theme.accent },
-          { label: "over target", count: sizes.length - stats.met, color: theme.chartDim }
-        ]
-      })
-    );
-  }
   const distribution = buildDistribution({
     values: totals,
     width: Math.max(width - 3, 40),
@@ -4584,7 +4979,7 @@ function buildSizeView(raw, sizeTarget, repo = null, width = 100) {
       )
     });
   }
-  return { empty: null, ...base, strip, headline, left, right, distribution, lists };
+  return { empty: null, ...base, strip, headline, cards, distribution, lists };
 }
 function buildCommentView(raw, repo = null, width = 100) {
   const base = {
@@ -4592,8 +4987,7 @@ function buildCommentView(raw, repo = null, width = 100) {
     headline: null,
     distributionTitle: "Comments per PR distribution",
     noCharts: "No authored PRs to chart.",
-    left: [],
-    right: [],
+    cards: [],
     distribution: null,
     lists: []
   };
@@ -4623,7 +5017,7 @@ function buildCommentView(raw, repo = null, width = 100) {
     { text: `${count(percentile(sorted, 90))} comments`, fg: theme.accent },
     { text: `   ${sizes.length} of ${raw.sizes.length} PRs`, fg: theme.muted }
   ];
-  const left = [
+  const cards = [
     buildHistogramCard({
       title: "Comments per PR",
       subtitle: "discussion plus review comments per authored PR",
@@ -4631,6 +5025,14 @@ function buildCommentView(raw, repo = null, width = 100) {
       buckets: COMMENT_BUCKETS,
       format: count
     }),
+    buildTrendCard({
+      title: "Comment trend",
+      entries: sizes.map((size) => {
+        return { date: size.pr.createdAt, value: size.comments.total };
+      }),
+      format: count,
+      floor: 1
+    }),
     buildScatterCard({
       title: "Comments vs size",
       subtitle: "comments against lines changed, log scale",
@@ -4640,18 +5042,8 @@ function buildCommentView(raw, repo = null, width = 100) {
       formatX: count,
       formatY: count
     }),
-    buildSpreadCard("Comment spread", stats.metrics, count)
-  ];
-  const right = [
-    buildTrendCard({
-      title: "Comment trend",
-      entries: sizes.map((size) => {
-        return { date: size.pr.createdAt, value: size.comments.total };
-      }),
-      format: count,
-      floor: 1
-    }),
     buildVolumeCard("Comments received per week", created, stats.totals),
+    buildSpreadCard("Comment spread", stats.metrics, count),
     buildGaugeCard({
       title: "Feedback rate",
       subtitle: "authored PRs that received comments",
@@ -4681,7 +5073,7 @@ function buildCommentView(raw, repo = null, width = 100) {
       )
     });
   }
-  return { empty: null, ...base, strip, headline, left, right, distribution, lists };
+  return { empty: null, ...base, strip, headline, cards, distribution, lists };
 }
 function buildMergedView(raw, repo = null, width = 100) {
   const base = {
@@ -4689,8 +5081,7 @@ function buildMergedView(raw, repo = null, width = 100) {
     headline: null,
     distributionTitle: "Time to merge distribution",
     noCharts: "No merged PRs to chart.",
-    left: [],
-    right: [],
+    cards: [],
     distribution: null,
     lists: []
   };
@@ -4745,7 +5136,7 @@ function buildMergedView(raw, repo = null, width = 100) {
   ];
   const mergeDates = stats.merged.map((result) => result.mergedAt);
   const created = sizes.map((size) => size.pr.createdAt);
-  const left = [
+  const cards = [
     buildHistogramCard({
       title: "Time to merge",
       subtitle: "elapsed time, created \u2192 merged",
@@ -4753,6 +5144,14 @@ function buildMergedView(raw, repo = null, width = 100) {
       buckets: currentBuckets(),
       format: formatDuration
     }),
+    buildTrendCard({
+      title: "Time to merge trend",
+      entries: stats.merged.map((result) => {
+        return { date: result.mergedAt, value: result.hours };
+      }),
+      format: formatDuration,
+      floor: 1 / 60
+    }),
     buildHeatmapCard({
       title: "When your PRs merge",
       subtitle: "PRs merged, weekday \xD7 hour, local time",
@@ -4763,6 +5162,38 @@ function buildMergedView(raw, repo = null, width = 100) {
       ],
       legend: "PRs merged in that hour"
     }),
+    buildTrendCard({
+      title: "Merge rate trend",
+      entries: mergeRateEntries(stats),
+      format: (value2) => `${Math.round(value2)}%`,
+      scale: "linear",
+      valueLabel: "merge rate"
+    }),
+    buildScatterCard({
+      title: "Merge time vs size",
+      subtitle: "time to merge against lines changed, log scale",
+      points: stats.merged.map((result) => {
+        return { x: result.entry.total, y: result.hours };
+      }),
+      formatX: count,
+      formatY: formatDuration
+    }),
+    buildCumulativeCard({
+      title: "Created vs merged",
+      series: [
+        /**
+         * The created line stays a neutral gray because every theme preset
+         * keeps chartLine and accent in one hue family, which made the two
+         * lines indistinguishable. The gray also survives theme changes,
+         * since the presets only rotate the hue-carrying colors.
+         */
+        { label: "created", dates: created, color: theme.muted },
+        { label: "merged", dates: mergeDates, color: theme.accent }
+      ],
+      legend: "cumulative PRs by week"
+    }),
+    buildVolumeCard("PRs created per week", created),
+    buildVolumeCard("PRs merged per week", mergeDates),
     buildGaugeCard({
       title: "Outcomes",
       subtitle: "where your authored PRs ended up",
@@ -4773,18 +5204,6 @@ function buildMergedView(raw, repo = null, width = 100) {
       ]
     })
   ];
-  const right = [
-    buildTrendCard({
-      title: "Time to merge trend",
-      entries: stats.merged.map((result) => {
-        return { date: result.mergedAt, value: result.hours };
-      }),
-      format: formatDuration,
-      floor: 1 / 60
-    }),
-    buildVolumeCard("PRs merged per week", mergeDates),
-    buildVolumeCard("PRs created per week", created)
-  ];
   const distribution = buildDistribution({
     values: stats.allHours,
     width: Math.max(width - 3, 40),
@@ -4792,11 +5211,14 @@ function buildMergedView(raw, repo = null, width = 100) {
     ticks: DURATION_TICKS,
     flat: (n, value2) => `all ${n} merged ${n === 1 ? "PR" : "PRs"} took ${value2}`
   });
-  return { empty: null, ...base, strip, headline, left, right, distribution, lists };
+  return { empty: null, ...base, strip, headline, cards, distribution, lists };
 }
 function count(value2) {
   return formatCount(Math.round(value2));
 }
+function netCount(value2) {
+  return value2 < 0 ? `-${count(-value2)}` : `+${count(value2)}`;
+}
 
 // src/tui/hooks/useViewModel.ts
 function resolveScope(scope, repos) {
@@ -5351,7 +5773,7 @@ function createClipboardCopier(renderer2) {
 }
 
 // src/tui/App.tsx
-import { jsx as jsx14, jsxs as jsxs13 } from "@opentui/react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs13 } from "@opentui/react/jsx-runtime";
 function App({
   initial: initial2,
   initialSaved = null,
@@ -5473,9 +5895,9 @@ function App({
   });
   const capWarning = raw?.searchCapped ? "Warning, a search hit the 1000 result cap, so data may be incomplete. Narrow since or repos." : null;
   return /* @__PURE__ */ jsxs13("box", { flexDirection: "column", width: "100%", height: "100%", backgroundColor: theme.bg, children: [
-    /* @__PURE__ */ jsx14(Header, { options, raw, error, spinning: showLoad }),
-    /* @__PURE__ */ jsx14(TabBar, { tab: browse.tab }),
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx15(Header, { options, raw, error, spinning: showLoad }),
+    /* @__PURE__ */ jsx15(TabBar, { tab: browse.tab }),
+    /* @__PURE__ */ jsx15(
       MainPanel,
       {
         views,
@@ -5494,7 +5916,7 @@ function App({
         onRefClick: copyLinks2 ? copyRow : null
       }
     ),
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx15(
       Footer,
       {
         width,
@@ -5509,42 +5931,20 @@ function App({
         stale
       }
     ),
-    ui.modal === "options" && /* @__PURE__ */ jsx14(
-      OptionsModal,
+    /* @__PURE__ */ jsx15(
+      Modals,
       {
+        ui,
         options,
         saved: saved2,
-        selected: ui.selectedField,
-        editing: ui.editing,
-        fieldError: ui.fieldError,
-        onDraft: (value2) => {
-          draftRef.current = value2;
-        },
-        onSubmit: commitField
-      }
-    ),
-    ui.modal === "settings" && /* @__PURE__ */ jsx14(
-      SettingsModal,
-      {
-        selected: ui.selectedSetting,
-        cacheAction: ui.cacheAction,
         noCache: noCache2,
         copyLinks: copyLinks2,
-        preset: themeState.preset
-      }
-    ),
-    ui.modal === "theme" && /* @__PURE__ */ jsx14(
-      ThemeModal,
-      {
-        selected: ui.selectedThemeColor,
-        editing: ui.editing,
-        error: ui.themeColorError,
-        cacheAction: ui.cacheAction,
-        overrides: themeState.preset === "custom" ? themeState.overrides : {},
+        themeState,
         onDraft: (value2) => {
           draftRef.current = value2;
         },
-        onSubmit: commitThemeColor
+        onSubmitField: commitField,
+        onSubmitThemeColor: commitThemeColor
       }
     )
   ] });
@@ -5590,7 +5990,7 @@ function bootstrap() {
 }
 
 // src/tui/main.tsx
-import { jsx as jsx15 } from "@opentui/react/jsx-runtime";
+import { jsx as jsx16 } from "@opentui/react/jsx-runtime";
 var { initial, saved, noCache, copyLinks, theme: theme2 } = bootstrap();
 var exitSignals = ["SIGINT", "SIGTERM", "SIGQUIT", "SIGABRT", "SIGHUP", "SIGBREAK", "SIGBUS"];
 var renderer = await createCliRenderer({ exitOnCtrlC: true, exitSignals });
@@ -5601,7 +6001,7 @@ for (const signal of ["SIGTERM", "SIGHUP"]) {
   });
 }
 createRoot(renderer).render(
-  /* @__PURE__ */ jsx15(
+  /* @__PURE__ */ jsx16(
     App,
     {
       initial,