recappi 0.1.1 → 0.1.3

package/dist/index.js

@@ -18,22 +18,20 @@ function Header({ active }) {
       "Recappi",
       "  "
     ] }),
-    /* @__PURE__ */ jsx(Tab, { num: "1", label: "Overview", active: active === "overview", enabled: true }),
-    /* @__PURE__ */ jsx(Tab, { num: "2", label: "Jobs", active: active === "jobs", enabled: true }),
-    /* @__PURE__ */ jsx(Tab, { num: "3", label: "Recordings", active: active === "recordings", enabled: false })
+    /* @__PURE__ */ jsx(Tab, { num: "1", label: "Overview", active: active === "overview" }),
+    /* @__PURE__ */ jsx(Tab, { num: "2", label: "Jobs", active: active === "jobs" })
   ] });
 }
 function Tab({
   num,
   label,
-  active,
-  enabled
+  active
 }) {
-  const text = ` ${num} ${label}${enabled ? "" : " (soon)"} `;
+  const text = ` ${num} ${label} `;
   if (active) {
-    return /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: text });
+    return /* @__PURE__ */ jsx(Text, { bold: true, inverse: true, color: "cyan", children: text });
   }
-  return /* @__PURE__ */ jsx(Text, { dimColor: !enabled, children: text });
+  return /* @__PURE__ */ jsx(Text, { children: text });
 }
 function Footer({ keys }) {
   return /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: keys }) });
@@ -80,6 +78,23 @@ function statusStyle(status) {
       return { label: status, color: "white" };
   }
 }
+function spinnerChar(frame) {
+  return SPINNER_FRAMES[frame % SPINNER_FRAMES.length];
+}
+function dateBucket(epochMs, nowMs) {
+  if (!epochMs) return "Earlier";
+  const startOfDay = (ms) => {
+    const d = new Date(ms);
+    d.setHours(0, 0, 0, 0);
+    return d.getTime();
+  };
+  const days = Math.floor((startOfDay(nowMs) - startOfDay(epochMs)) / 864e5);
+  if (days <= 0) return "Today";
+  if (days === 1) return "Yesterday";
+  if (days < 7) return "Previous 7 days";
+  if (days < 30) return "Previous 30 days";
+  return "Earlier";
+}
 function statusGlyph(status, spinnerFrame) {
   switch (status) {
     case "running":
@@ -114,6 +129,45 @@ function padCell(text, width) {
   if (text.length > width) return `${text.slice(0, Math.max(0, width - 1))}\u2026`;
   return text.padEnd(width);
 }
+function charWidth(code) {
+  if (code >= 4352 && code <= 4447 || // Hangul Jamo
+  code === 9001 || code === 9002 || code >= 11904 && code <= 12350 || // CJK radicals … Kangxi
+  code >= 12353 && code <= 13311 || // Hiragana … CJK symbols
+  code >= 13312 && code <= 19903 || // CJK ext A
+  code >= 19968 && code <= 40959 || // CJK unified
+  code >= 40960 && code <= 42191 || // Yi
+  code >= 44032 && code <= 55203 || // Hangul syllables
+  code >= 63744 && code <= 64255 || // CJK compat
+  code >= 65072 && code <= 65103 || // CJK compat forms
+  code >= 65280 && code <= 65376 || // Fullwidth forms
+  code >= 65504 && code <= 65510 || code >= 127744 && code <= 129791 || // emoji
+  code >= 131072 && code <= 262141) {
+    return 2;
+  }
+  return 1;
+}
+function displayWidth(text) {
+  let width = 0;
+  for (const ch of text) width += charWidth(ch.codePointAt(0) ?? 0);
+  return width;
+}
+function padDisplay(text, width) {
+  const w = displayWidth(text);
+  if (w === width) return text;
+  if (w < width) return text + " ".repeat(width - w);
+  let out = "";
+  let acc = 0;
+  for (const ch of text) {
+    const cw = charWidth(ch.codePointAt(0) ?? 0);
+    if (acc + cw > width - 1) break;
+    out += ch;
+    acc += cw;
+  }
+  out += "\u2026";
+  acc += 1;
+  if (acc < width) out += " ".repeat(width - acc);
+  return out;
+}
 function countJobs(items) {
   const counts = {
     total: items.length,
@@ -151,6 +205,60 @@ function resolveJobLinks(item, origin) {
   }
   return {};
 }
+function resolveRecordingLinks(recordingId, origin) {
+  if (!recordingId) return {};
+  return { webUrl: `${origin}/recordings/${recordingId}` };
+}
+function recordingStatusStyle(status) {
+  switch (status) {
+    case "ready":
+      return { label: "Ready", color: "green", glyph: "\u2713" };
+    case "uploading":
+      return { label: "Uploading", color: "cyan", glyph: "\u2191" };
+    case "failed":
+      return { label: "Failed", color: "red", glyph: "\u2717" };
+    case "aborted":
+      return { label: "Aborted", color: "gray", glyph: "\u2022" };
+    default:
+      return { label: status, color: "white", glyph: "\u2022" };
+  }
+}
+function listWindow(selected, total, size) {
+  if (size <= 0 || total <= 0) return { start: 0, end: 0 };
+  if (total <= size) return { start: 0, end: total };
+  let start = selected - Math.floor(size / 2);
+  start = Math.max(0, Math.min(start, total - size));
+  return { start, end: start + size };
+}
+function groupedListWindow(buckets, selected, budget) {
+  const total = buckets.length;
+  if (budget <= 0 || total <= 0) return { start: 0, end: 0 };
+  const cost = (start, end) => {
+    if (end <= start) return 0;
+    let boundaries = 0;
+    for (let i = start + 1; i < end; i++) {
+      if (buckets[i] !== buckets[i - 1]) boundaries += 1;
+    }
+    return end - start + 1 + boundaries * 2;
+  };
+  for (let n = Math.min(total, budget); n >= 1; n--) {
+    const win = listWindow(selected, total, n);
+    if (cost(win.start, win.end) <= budget) return win;
+  }
+  return listWindow(selected, total, 1);
+}
+function formatBytes2(bytes) {
+  if (bytes == null || !Number.isFinite(bytes) || bytes < 0) return "";
+  const units = ["B", "KB", "MB", "GB", "TB"];
+  let value = bytes;
+  let unit = 0;
+  while (value >= 1024 && unit < units.length - 1) {
+    value /= 1024;
+    unit += 1;
+  }
+  const rounded = value < 10 && unit > 0 ? value.toFixed(1) : String(Math.round(value));
+  return `${rounded}${units[unit]}`;
+}
 var SPINNER_FRAMES;
 var init_format = __esm({
   "src/tui/format.ts"() {
@@ -212,83 +320,231 @@ var init_JobsView = __esm({
   }
 });
 
-// src/tui/OverviewView.tsx
+// src/tui/RecordingRow.tsx
 import { Box as Box4, Text as Text4 } from "ink";
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-function overviewActiveItems(items) {
-  return items.filter((item) => item.status === "running" || item.status === "queued");
+function recordingTitle2(item) {
+  const named = (item.title || item.summaryTitle || "").trim();
+  if (named && !UUID_RE.test(named)) return named;
+  return "Untitled";
+}
+function recordingProcessingState(item, jobStatus, spinnerFrame) {
+  if (item.status === "uploading") return { glyph: "\u2191", color: "cyan" };
+  if (item.status === "failed" || jobStatus === "failed") return { glyph: "\u2717", color: "red" };
+  if (jobStatus === "running") return { glyph: spinnerChar(spinnerFrame), color: "cyan" };
+  if (jobStatus === "queued") return { glyph: "\u25CB", color: "yellow" };
+  if (item.status === "aborted") return { glyph: "\u2022", color: "gray" };
+  if (item.activeTranscriptId) return { glyph: "\u2713", color: "green" };
+  return { glyph: "\xB7", color: "gray" };
+}
+function recordingLayout(columns) {
+  const usable = Math.max(20, columns - 2);
+  const showWhen = usable >= 54;
+  const title = Math.max(
+    10,
+    usable - MARKER_W - GLYPH_W - LENGTH_W - (showWhen ? WHEN_W : 0)
+  );
+  return { title, showWhen };
 }
-function OverviewView({
+function RecordingRow({
+  item,
+  selected,
+  nowMs,
+  columns,
+  jobStatus,
+  spinnerFrame = 0
+}) {
+  const { title, showWhen } = recordingLayout(columns);
+  const { glyph, color } = recordingProcessingState(item, jobStatus, spinnerFrame);
+  const duration3 = item.durationMs ? formatClockMs(item.durationMs) : "\u2014";
+  return /* @__PURE__ */ jsxs3(Box4, { children: [
+    /* @__PURE__ */ jsx4(Text4, { color: "cyan", children: selected ? "\u25B8 " : "  " }),
+    /* @__PURE__ */ jsx4(Text4, { color, children: `${glyph} ` }),
+    /* @__PURE__ */ jsx4(Text4, { bold: selected, children: padDisplay(recordingTitle2(item), title) }),
+    /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: padDisplay(duration3, LENGTH_W) }),
+    showWhen ? /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: formatAge(item.createdAt, nowMs) }) : null
+  ] });
+}
+function RecordingHeader({ columns }) {
+  const { title, showWhen } = recordingLayout(columns);
+  return /* @__PURE__ */ jsxs3(Box4, { children: [
+    /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: padDisplay("", MARKER_W + GLYPH_W) }),
+    /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: padDisplay("TITLE", title) }),
+    /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: padDisplay("LENGTH", LENGTH_W) }),
+    showWhen ? /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "WHEN" }) : null
+  ] });
+}
+var UUID_RE, MARKER_W, GLYPH_W, LENGTH_W, WHEN_W;
+var init_RecordingRow = __esm({
+  "src/tui/RecordingRow.tsx"() {
+    "use strict";
+    init_format();
+    UUID_RE = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+    MARKER_W = 2;
+    GLYPH_W = 2;
+    LENGTH_W = 9;
+    WHEN_W = 9;
+  }
+});
+
+// src/tui/RecordingsView.tsx
+import React from "react";
+import { Box as Box5, Text as Text5 } from "ink";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+function RecordingsView({
   items,
   selectedIndex,
-  spinnerFrame,
+  nowMs,
+  columns,
+  jobStatusByRecording,
+  spinnerFrame = 0
+}) {
+  if (items.length === 0) {
+    return /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "No recordings yet \u2014 run: recappi upload <file>" }) });
+  }
+  return /* @__PURE__ */ jsxs4(Box5, { marginTop: 1, flexDirection: "column", children: [
+    /* @__PURE__ */ jsx5(RecordingHeader, { columns }),
+    items.map((item, index) => {
+      const bucket = dateBucket(item.createdAt, nowMs);
+      const showHeader = index === 0 || bucket !== dateBucket(items[index - 1].createdAt, nowMs);
+      return /* @__PURE__ */ jsxs4(React.Fragment, { children: [
+        showHeader ? /* @__PURE__ */ jsx5(Box5, { marginTop: index === 0 ? 0 : 1, children: /* @__PURE__ */ jsx5(Text5, { bold: true, color: "blue", children: bucket }) }) : null,
+        /* @__PURE__ */ jsx5(
+          RecordingRow,
+          {
+            item,
+            selected: index === selectedIndex,
+            nowMs,
+            columns,
+            jobStatus: jobStatusByRecording?.get(item.recordingId),
+            spinnerFrame
+          }
+        )
+      ] }, item.recordingId);
+    })
+  ] });
+}
+var init_RecordingsView = __esm({
+  "src/tui/RecordingsView.tsx"() {
+    "use strict";
+    init_RecordingRow();
+    init_format();
+  }
+});
+
+// src/tui/RecordingPeek.tsx
+import { Box as Box6, Text as Text6 } from "ink";
+import { Fragment, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+function RecordingPeek({
+  item,
+  summary,
+  nowMs,
+  width
+}) {
+  return /* @__PURE__ */ jsx6(Box6, { width, borderStyle: "round", borderColor: "gray", paddingX: 1, flexDirection: "column", children: !item ? /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "No selection" }) : /* @__PURE__ */ jsx6(PeekBody, { item, summary, nowMs }) });
+}
+function PeekBody({
+  item,
+  summary,
   nowMs
 }) {
-  const counts = countJobs(items);
-  const active = overviewActiveItems(items);
-  const recent = items.filter((item) => item.status === "succeeded" || item.status === "failed").slice(0, 5);
-  return /* @__PURE__ */ jsxs3(Box4, { marginTop: 1, flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs3(Text4, { children: [
-      /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "Jobs " }),
-      /* @__PURE__ */ jsxs3(Text4, { color: "cyan", children: [
-        counts.running,
-        " running"
-      ] }),
-      /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: " \xB7 " }),
-      /* @__PURE__ */ jsxs3(Text4, { color: "yellow", children: [
-        counts.queued,
-        " queued"
-      ] }),
-      /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: " \xB7 " }),
-      /* @__PURE__ */ jsxs3(Text4, { color: "green", children: [
-        counts.succeeded,
-        " done"
-      ] }),
-      /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: " \xB7 " }),
-      /* @__PURE__ */ jsxs3(Text4, { color: "red", children: [
-        counts.failed,
-        " failed"
-      ] })
+  const style = recordingStatusStyle(item.status);
+  const meta3 = [
+    item.durationMs ? formatClockMs(item.durationMs) : null,
+    formatBytes2(item.sizeBytes) || null,
+    item.contentType || null
+  ].filter(Boolean).join("  \xB7  ");
+  return /* @__PURE__ */ jsxs5(Fragment, { children: [
+    /* @__PURE__ */ jsx6(Text6, { bold: true, color: "magenta", wrap: "truncate-end", children: recordingTitle2(item) }),
+    /* @__PURE__ */ jsx6(Text6, { color: style.color, children: `${style.glyph} ${style.label}` }),
+    meta3 ? /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: meta3 }) : null,
+    /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: formatAge(item.createdAt, nowMs) }),
+    /* @__PURE__ */ jsx6(Box6, { marginTop: 1, flexDirection: "column", children: /* @__PURE__ */ jsx6(SummarySection, { item, summary }) }),
+    /* @__PURE__ */ jsx6(Box6, { marginTop: 1, children: /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "\u23CE open \xB7 t transcript \xB7 o web" }) })
+  ] });
+}
+function SummarySection({
+  item,
+  summary
+}) {
+  if (!item.activeTranscriptId) return /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "No transcript yet" });
+  if (summary === "loading" || summary === void 0) return /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "Loading summary\u2026" });
+  if (summary === "error") return /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "(summary unavailable)" });
+  if (summary.status !== "succeeded" || !summary.tldr) {
+    return /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: `Summary ${summary.status}` });
+  }
+  const points = (summary.keyPoints ?? []).slice(0, 3);
+  return /* @__PURE__ */ jsxs5(Fragment, { children: [
+    /* @__PURE__ */ jsx6(Text6, { bold: true, children: "Summary" }),
+    /* @__PURE__ */ jsx6(Text6, { children: summary.tldr }),
+    points.length > 0 ? /* @__PURE__ */ jsx6(Box6, { marginTop: 1, flexDirection: "column", children: points.map((point, i) => /* @__PURE__ */ jsx6(Text6, { dimColor: true, wrap: "truncate-end", children: `\u2022 ${point}` }, i)) }) : null
+  ] });
+}
+var init_RecordingPeek = __esm({
+  "src/tui/RecordingPeek.tsx"() {
+    "use strict";
+    init_format();
+    init_RecordingRow();
+  }
+});
+
+// src/tui/OverviewView.tsx
+import { Box as Box7, Text as Text7 } from "ink";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+function OverviewView({
+  recordings,
+  jobs,
+  stats,
+  selectedIndex,
+  spinnerFrame,
+  nowMs,
+  columns,
+  jobStatusByRecording,
+  peekItem,
+  peekSummary,
+  showPeek = false,
+  peekWidth = 0
+}) {
+  const jobCounts = countJobs(jobs);
+  const running = stats?.jobs.running ?? jobCounts.running;
+  const queued = stats?.jobs.queued ?? jobCounts.queued;
+  return /* @__PURE__ */ jsxs6(Box7, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs6(Box7, { children: [
+      /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "Recordings " }),
+      /* @__PURE__ */ jsx7(Text7, { bold: true, children: stats?.recordings.total ?? recordings.length }),
+      stats?.recordings.ready != null ? /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: `  \xB7  ${stats.recordings.ready} ready` }) : null,
+      stats?.recordings.totalDurationMs != null ? /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: `  \xB7  ${formatClockMs(stats.recordings.totalDurationMs)} transcribed` }) : null,
+      running > 0 ? /* @__PURE__ */ jsx7(Text7, { color: "cyan", children: `  \xB7  ${running} transcribing` }) : null,
+      queued > 0 ? /* @__PURE__ */ jsx7(Text7, { color: "yellow", children: `  \xB7  ${queued} queued` }) : null
     ] }),
-    /* @__PURE__ */ jsxs3(Box4, { marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx4(Text4, { bold: true, children: "Active" }),
-      active.length === 0 ? /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: " Nothing transcribing right now." }) : active.map((item, index) => /* @__PURE__ */ jsx4(
-        JobRow,
+    /* @__PURE__ */ jsxs6(Box7, { flexDirection: "row", alignItems: "flex-start", children: [
+      /* @__PURE__ */ jsx7(Box7, { flexGrow: 1, flexDirection: "column", children: /* @__PURE__ */ jsx7(
+        RecordingsView,
         {
-          item,
-          selected: index === selectedIndex,
+          items: recordings,
+          selectedIndex,
+          nowMs,
+          columns,
+          jobStatusByRecording,
           spinnerFrame
-        },
-        item.jobId
-      ))
-    ] }),
-    recent.length > 0 ? /* @__PURE__ */ jsxs3(Box4, { marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx4(Text4, { bold: true, children: "Recent" }),
-      recent.map((item) => {
-        const style = statusStyle(item.status);
-        const title = item.recording?.title ?? item.recordingId;
-        const age = formatAge(item.finishedAt ?? item.enqueuedAt, nowMs);
-        return /* @__PURE__ */ jsxs3(Box4, { children: [
-          /* @__PURE__ */ jsx4(Text4, { children: "  " }),
-          /* @__PURE__ */ jsx4(Text4, { color: style.color, children: `${statusGlyph(item.status, 0)} ` }),
-          /* @__PURE__ */ jsx4(Text4, { children: title }),
-          age ? /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: `  ${age}` }) : null
-        ] }, item.jobId);
-      })
-    ] }) : null
+        }
+      ) }),
+      showPeek ? /* @__PURE__ */ jsx7(Box7, { marginLeft: 1, marginTop: 1, children: /* @__PURE__ */ jsx7(RecordingPeek, { item: peekItem, summary: peekSummary, nowMs, width: peekWidth }) }) : null
+    ] })
   ] });
 }
 var init_OverviewView = __esm({
   "src/tui/OverviewView.tsx"() {
     "use strict";
-    init_JobRow();
+    init_RecordingsView();
+    init_RecordingPeek();
     init_format();
   }
 });
 
 // src/tui/JobDetailView.tsx
-import { Box as Box5, Text as Text5 } from "ink";
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Box as Box8, Text as Text8 } from "ink";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function JobDetailView({
   item,
   origin,
@@ -298,13 +554,13 @@ function JobDetailView({
   const style = statusStyle(item.status);
   const links = resolveJobLinks(item, origin);
   const title = item.recording?.title ?? item.recordingId;
-  return /* @__PURE__ */ jsxs4(Box5, { flexDirection: "column", paddingX: 1, children: [
-    /* @__PURE__ */ jsxs4(Text5, { dimColor: true, children: [
+  return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsxs7(Text8, { dimColor: true, children: [
       "\u2039 Jobs / ",
       title
     ] }),
-    /* @__PURE__ */ jsxs4(
-      Box5,
+    /* @__PURE__ */ jsxs7(
+      Box8,
       {
         marginTop: 1,
         borderStyle: "round",
@@ -312,17 +568,17 @@ function JobDetailView({
         paddingX: 1,
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsxs4(Text5, { color: style.color, bold: true, children: [
+          /* @__PURE__ */ jsxs7(Text8, { color: style.color, bold: true, children: [
             style.label,
-            item.provider ? /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: `   ${item.provider}` }) : null
+            item.provider ? /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: `   ${item.provider}` }) : null
           ] }),
-          /* @__PURE__ */ jsx5(StatusLine, { item, spinnerFrame, nowMs })
+          /* @__PURE__ */ jsx8(StatusLine, { item, spinnerFrame, nowMs })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs4(Box5, { marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx5(Text5, { bold: true, children: "Timeline" }),
-      /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsxs7(Box8, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsx8(Text8, { bold: true, children: "Timeline" }),
+      /* @__PURE__ */ jsx8(
         TimelineRow,
         {
           label: "Enqueued",
@@ -331,7 +587,7 @@ function JobDetailView({
           nowMs
         }
       ),
-      /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsx8(
         TimelineRow,
         {
           label: "Started",
@@ -340,7 +596,7 @@ function JobDetailView({
           nowMs
         }
       ),
-      /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsx8(
         TimelineRow,
         {
           label: item.status === "failed" ? "Failed" : item.status === "running" ? "Transcribing" : "Finished",
@@ -352,21 +608,21 @@ function JobDetailView({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsxs4(Text5, { children: [
-      /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "Recording " }),
+    /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: /* @__PURE__ */ jsxs7(Text8, { children: [
+      /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "Recording " }),
       title,
-      item.recording?.durationMs ? /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: `  \xB7  ${formatClockMs(item.recording.durationMs)}` }) : null
+      item.recording?.durationMs ? /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: `  \xB7  ${formatClockMs(item.recording.durationMs)}` }) : null
     ] }) }),
-    /* @__PURE__ */ jsx5(Box5, { marginTop: 1, borderStyle: "round", borderColor: "gray", paddingX: 1, children: /* @__PURE__ */ jsxs4(Text5, { children: [
-      /* @__PURE__ */ jsx5(Text5, { color: links.webUrl ? "cyan" : "gray", children: "o open" }),
-      /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: " \xB7 " }),
-      /* @__PURE__ */ jsx5(Text5, { color: links.webUrl ? "cyan" : "gray", children: "w web" }),
-      /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: " \xB7 " }),
-      /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "m mac app (soon)" }),
-      /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: " \xB7 " }),
-      /* @__PURE__ */ jsx5(Text5, { color: links.webUrl ? "cyan" : "gray", children: "c copy" })
+    /* @__PURE__ */ jsx8(Box8, { marginTop: 1, borderStyle: "round", borderColor: "gray", paddingX: 1, children: /* @__PURE__ */ jsxs7(Text8, { children: [
+      /* @__PURE__ */ jsx8(Text8, { color: links.webUrl ? "cyan" : "gray", children: "o open" }),
+      /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: " \xB7 " }),
+      /* @__PURE__ */ jsx8(Text8, { color: links.webUrl ? "cyan" : "gray", children: "w web" }),
+      /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: " \xB7 " }),
+      /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "m mac app (soon)" }),
+      /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: " \xB7 " }),
+      /* @__PURE__ */ jsx8(Text8, { color: links.webUrl ? "cyan" : "gray", children: "c copy" })
     ] }) }),
-    /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsxs4(Text5, { dimColor: true, children: [
+    /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: /* @__PURE__ */ jsxs7(Text8, { dimColor: true, children: [
       "esc back \xB7 t transcript",
       item.transcriptId ? "" : " (when ready)",
       " \xB7 q quit"
@@ -383,24 +639,24 @@ function StatusLine({
     const elapsed = item.startedAt ? `  \xB7  ${formatClockMs(nowMs - item.startedAt)} elapsed` : "";
     if (fraction != null) {
       const pct = Math.round(fraction * 100);
-      return /* @__PURE__ */ jsxs4(Text5, { children: [
+      return /* @__PURE__ */ jsxs7(Text8, { children: [
         `${progressBar(fraction)} ${pct}%  ${formatClockMs(item.processedDurationMs)} / ${formatClockMs(
           item.recording?.durationMs
         )}`,
-        /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: elapsed })
+        /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: elapsed })
       ] });
     }
     const spinner = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"][spinnerFrame % 10];
-    return /* @__PURE__ */ jsxs4(Text5, { children: [
+    return /* @__PURE__ */ jsxs7(Text8, { children: [
       `${spinner} transcribing\u2026`,
-      /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: elapsed })
+      /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: elapsed })
     ] });
   }
   if (item.status === "succeeded")
-    return /* @__PURE__ */ jsx5(Text5, { children: item.transcriptId ? "transcript ready" : "done" });
-  if (item.status === "queued") return /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "waiting to start\u2026" });
-  if (item.status === "failed") return /* @__PURE__ */ jsx5(Text5, { color: "red", children: "transcription failed" });
-  return /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: item.status });
+    return /* @__PURE__ */ jsx8(Text8, { children: item.transcriptId ? "transcript ready" : "done" });
+  if (item.status === "queued") return /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "waiting to start\u2026" });
+  if (item.status === "failed") return /* @__PURE__ */ jsx8(Text8, { color: "red", children: "transcription failed" });
+  return /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: item.status });
 }
 function TimelineRow({
   label,
@@ -413,10 +669,10 @@ function TimelineRow({
   const glyph = failed ? "\u2717" : done ? "\u2713" : running ? "\u280B" : "\u25CB";
   const color = failed ? "red" : done ? "green" : running ? "cyan" : "gray";
   const age = at ? formatAge(at, nowMs) : running ? "now" : "";
-  return /* @__PURE__ */ jsxs4(Box5, { children: [
-    /* @__PURE__ */ jsx5(Text5, { color, children: `  ${glyph} ` }),
-    /* @__PURE__ */ jsx5(Text5, { dimColor: !done && !running, children: label }),
-    age ? /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: `   ${age}` }) : null
+  return /* @__PURE__ */ jsxs7(Box8, { children: [
+    /* @__PURE__ */ jsx8(Text8, { color, children: `  ${glyph} ` }),
+    /* @__PURE__ */ jsx8(Text8, { dimColor: !done && !running, children: label }),
+    age ? /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: `   ${age}` }) : null
   ] });
 }
 var init_JobDetailView = __esm({
@@ -426,46 +682,165 @@ var init_JobDetailView = __esm({
   }
 });
 
+// src/tui/RecordingDetailView.tsx
+import { Box as Box9, Text as Text9 } from "ink";
+import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+function RecordingDetailView({
+  item,
+  nowMs,
+  transcript,
+  audio
+}) {
+  const style = recordingStatusStyle(item.status);
+  const links = resolveRecordingLinks(item.recordingId, item.origin);
+  const title = recordingTitle2(item);
+  const meta3 = [
+    item.durationMs ? formatClockMs(item.durationMs) : void 0,
+    formatBytes2(item.sizeBytes) || void 0,
+    item.contentType || void 0
+  ].filter(Boolean).join("  \xB7  ");
+  const summary = typeof transcript === "object" ? transcript.summary : void 0;
+  const segments = typeof transcript === "object" ? transcript.segments : void 0;
+  return /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "\u2039 Recordings" }),
+    /* @__PURE__ */ jsx9(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx9(Text9, { bold: true, color: "magenta", children: title }) }),
+    /* @__PURE__ */ jsxs8(Text9, { children: [
+      /* @__PURE__ */ jsx9(Text9, { color: style.color, children: `${style.glyph} ${style.label}` }),
+      /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: `   ${formatAge(item.createdAt, nowMs) || "\u2014"}` })
+    ] }),
+    meta3 ? /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: meta3 }) : null,
+    /* @__PURE__ */ jsx9(AudioActionRow, { item, audio }),
+    /* @__PURE__ */ jsx9(SummaryCard, { summary, transcript, hasTranscript: !!item.activeTranscriptId }),
+    /* @__PURE__ */ jsx9(TranscriptPreview, { segments, transcript, hasTranscript: !!item.activeTranscriptId }),
+    /* @__PURE__ */ jsx9(Box9, { marginTop: 1, children: /* @__PURE__ */ jsxs8(Text9, { dimColor: true, children: [
+      `esc back \xB7 o open \xB7 d download \xB7 f finder`,
+      item.activeTranscriptId ? " \xB7 t transcript" : "",
+      links.webUrl ? " \xB7 w web" : "",
+      " \xB7 q quit"
+    ] }) })
+  ] });
+}
+function AudioActionRow({
+  item,
+  audio
+}) {
+  const ready = item.status === "ready";
+  const status = audio?.status ?? "idle";
+  let line;
+  if (!ready) {
+    line = /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "Audio available once the recording is ready" });
+  } else if (status === "downloading") {
+    line = /* @__PURE__ */ jsx9(Text9, { color: "cyan", children: "Downloading audio\u2026" });
+  } else if (status === "opening") {
+    line = /* @__PURE__ */ jsx9(Text9, { color: "cyan", children: "Opening\u2026" });
+  } else if (status === "error") {
+    line = /* @__PURE__ */ jsx9(Text9, { color: "red", children: audio?.error ? `Audio failed: ${audio.error}` : "Audio failed" });
+  } else if (status === "ready" && audio?.localPath) {
+    line = /* @__PURE__ */ jsxs8(Text9, { children: [
+      /* @__PURE__ */ jsx9(Text9, { color: "green", children: "\u2713 Downloaded " }),
+      /* @__PURE__ */ jsx9(Text9, { dimColor: true, wrap: "truncate-middle", children: audio.localPath })
+    ] });
+  } else {
+    line = /* @__PURE__ */ jsxs8(Text9, { children: [
+      /* @__PURE__ */ jsx9(Text9, { color: "cyan", children: "o" }),
+      /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: " open in player \xB7 " }),
+      /* @__PURE__ */ jsx9(Text9, { color: "cyan", children: "d" }),
+      /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: " download \xB7 " }),
+      /* @__PURE__ */ jsx9(Text9, { color: "cyan", children: "f" }),
+      /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: " reveal in Finder" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs8(Box9, { marginTop: 1, borderStyle: "round", borderColor: "gray", paddingX: 1, children: [
+    /* @__PURE__ */ jsx9(Text9, { color: ready ? "cyan" : "gray", children: "\u266A " }),
+    line
+  ] });
+}
+function SummaryCard({
+  summary,
+  transcript,
+  hasTranscript
+}) {
+  if (!hasTranscript) return null;
+  return /* @__PURE__ */ jsxs8(Box9, { marginTop: 1, flexDirection: "column", children: [
+    /* @__PURE__ */ jsx9(Text9, { bold: true, children: "Summary" }),
+    transcript === "loading" || transcript === void 0 ? /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "Loading\u2026" }) : transcript === "error" ? /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "(summary unavailable)" }) : summary && summary.status === "succeeded" && summary.tldr ? /* @__PURE__ */ jsxs8(Fragment2, { children: [
+      /* @__PURE__ */ jsx9(Text9, { children: summary.tldr }),
+      (summary.keyPoints ?? []).slice(0, 5).map((point, i) => /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: `\u2022 ${point}` }, i))
+    ] }) : /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: `Summary ${summary?.status ?? "unavailable"}` })
+  ] });
+}
+function TranscriptPreview({
+  segments,
+  transcript,
+  hasTranscript
+}) {
+  if (!hasTranscript) {
+    return /* @__PURE__ */ jsx9(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "Transcript not available yet" }) });
+  }
+  if (transcript === "loading" || transcript === void 0 || transcript === "error") {
+    return null;
+  }
+  const shown = (segments ?? []).slice(0, PREVIEW_SEGMENTS);
+  return /* @__PURE__ */ jsxs8(Box9, { marginTop: 1, flexDirection: "column", children: [
+    /* @__PURE__ */ jsx9(Text9, { bold: true, children: "Transcript" }),
+    shown.length === 0 ? /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "(no segments)" }) : shown.map((seg, i) => /* @__PURE__ */ jsxs8(Text9, { wrap: "truncate-end", children: [
+      /* @__PURE__ */ jsx9(Text9, { color: "blue", children: `[${formatClockMs(seg.startMs)}] ` }),
+      seg.speaker ? /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: `${seg.speaker}  ` }) : null,
+      /* @__PURE__ */ jsx9(Text9, { children: seg.text })
+    ] }, i)),
+    (segments?.length ?? 0) > PREVIEW_SEGMENTS ? /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: `  \u2026${(segments?.length ?? 0) - PREVIEW_SEGMENTS} more \u2014 press t for full transcript` }) : null
+  ] });
+}
+var PREVIEW_SEGMENTS;
+var init_RecordingDetailView = __esm({
+  "src/tui/RecordingDetailView.tsx"() {
+    "use strict";
+    init_format();
+    init_RecordingRow();
+    PREVIEW_SEGMENTS = 6;
+  }
+});
+
 // src/tui/TranscriptView.tsx
-import { Box as Box6, Text as Text6 } from "ink";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Box as Box10, Text as Text10 } from "ink";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 function TranscriptView({ loading, data, error: error51 }) {
   if (loading) {
-    return /* @__PURE__ */ jsx6(Box6, { paddingX: 1, children: /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "Loading transcript\u2026" }) });
+    return /* @__PURE__ */ jsx10(Box10, { paddingX: 1, children: /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "Loading transcript\u2026" }) });
   }
   if (error51) {
-    return /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", paddingX: 1, children: [
-      /* @__PURE__ */ jsxs5(Text6, { color: "red", children: [
+    return /* @__PURE__ */ jsxs9(Box10, { flexDirection: "column", paddingX: 1, children: [
+      /* @__PURE__ */ jsxs9(Text10, { color: "red", children: [
         "! ",
         error51
       ] }),
-      /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "q / esc / \u2190 back" })
+      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "q / esc / \u2190 back" })
     ] });
   }
   if (!data) {
-    return /* @__PURE__ */ jsx6(Box6, { paddingX: 1, children: /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "No transcript." }) });
+    return /* @__PURE__ */ jsx10(Box10, { paddingX: 1, children: /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "No transcript." }) });
   }
   const summary = data.summary;
   const showSummary = summary?.status === "succeeded";
-  return /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", paddingX: 1, children: [
-    /* @__PURE__ */ jsx6(Text6, { bold: true, color: "magenta", children: summary?.title ?? "Transcript" }),
-    /* @__PURE__ */ jsx6(Box6, { marginTop: 1, flexDirection: "column", children: data.segments.length === 0 ? /* @__PURE__ */ jsx6(Text6, { children: data.text }) : data.segments.slice(0, 200).map((segment, index) => /* @__PURE__ */ jsxs5(Text6, { children: [
-      /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
+  return /* @__PURE__ */ jsxs9(Box10, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsx10(Text10, { bold: true, color: "magenta", children: summary?.title ?? "Transcript" }),
+    /* @__PURE__ */ jsx10(Box10, { marginTop: 1, flexDirection: "column", children: data.segments.length === 0 ? /* @__PURE__ */ jsx10(Text10, { children: data.text }) : data.segments.slice(0, 200).map((segment, index) => /* @__PURE__ */ jsxs9(Text10, { children: [
+      /* @__PURE__ */ jsxs9(Text10, { dimColor: true, children: [
         "[",
         formatClockMs(segment.startMs),
         "] "
       ] }),
-      segment.speaker ? /* @__PURE__ */ jsxs5(Text6, { color: "cyan", children: [
+      segment.speaker ? /* @__PURE__ */ jsxs9(Text10, { color: "cyan", children: [
         segment.speaker,
         ": "
       ] }) : null,
       segment.text
     ] }, index)) }),
-    showSummary && summary?.tldr ? /* @__PURE__ */ jsxs5(Box6, { marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx6(Text6, { bold: true, children: "Summary" }),
-      /* @__PURE__ */ jsx6(Text6, { children: summary.tldr })
+    showSummary && summary?.tldr ? /* @__PURE__ */ jsxs9(Box10, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "Summary" }),
+      /* @__PURE__ */ jsx10(Text10, { children: summary.tldr })
     ] }) : null,
-    /* @__PURE__ */ jsx6(Box6, { marginTop: 1, children: /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "q / esc / \u2190 back" }) })
+    /* @__PURE__ */ jsx10(Box10, { marginTop: 1, children: /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "q / esc / \u2190 back" }) })
   ] });
 }
 var init_TranscriptView = __esm({
@@ -475,13 +850,27 @@ var init_TranscriptView = __esm({
   }
 });
 
+// src/tui/terminal.ts
+import { useWindowSize } from "ink";
+function useTerminalSize() {
+  return useWindowSize();
+}
+var init_terminal = __esm({
+  "src/tui/terminal.ts"() {
+    "use strict";
+  }
+});
+
 // src/tui/AppShell.tsx
 import { useCallback, useEffect, useState } from "react";
-import { Box as Box7, Text as Text7, useApp, useInput } from "ink";
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Box as Box11, Text as Text11, useApp, useInput } from "ink";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 function AppShell({
   fetchJobs,
   fetchTranscript,
+  fetchRecordings,
+  fetchDashboardStats,
+  recordingAudio,
   initialView = "overview",
   openUrl: openUrl2,
   copyText: copyText2,
@@ -490,41 +879,126 @@ function AppShell({
   spinnerMs = 80
 }) {
   const { exit } = useApp();
-  const [items, setItems] = useState([]);
+  const size = useTerminalSize();
+  const [jobs, setJobs] = useState([]);
+  const [recordings, setRecordings] = useState([]);
+  const [recordingsNextCursor, setRecordingsNextCursor] = useState(null);
+  const [recordingsTotalCount, setRecordingsTotalCount] = useState(void 0);
+  const [stats, setStats] = useState(void 0);
   const [origin, setOrigin] = useState("");
-  const [stack, setStack] = useState([
-    { kind: initialView === "jobs" ? "jobs" : "overview" }
-  ]);
+  const [stack, setStack] = useState([{ kind: initialView }]);
   const [selected, setSelected] = useState(0);
   const [spinnerFrame, setSpinnerFrame] = useState(0);
+  const [loadingMoreRecordings, setLoadingMoreRecordings] = useState(false);
   const [loadError, setLoadError] = useState(void 0);
   const [notice, setNotice] = useState(void 0);
+  const [summaryCache, setSummaryCache] = useState(() => /* @__PURE__ */ new Map());
+  const [transcriptCache, setTranscriptCache] = useState(
+    () => /* @__PURE__ */ new Map()
+  );
+  const [audioCache, setAudioCache] = useState(() => /* @__PURE__ */ new Map());
   const screen = stack[stack.length - 1];
-  const refresh = useCallback(async () => {
+  const selectedRecording = screen.kind === "overview" ? recordings[selected] : void 0;
+  const peekTranscriptId = selectedRecording?.activeTranscriptId ?? void 0;
+  useEffect(() => {
+    if (!peekTranscriptId || summaryCache.has(peekTranscriptId)) return;
+    let cancelled = false;
+    const timer = setTimeout(() => {
+      setSummaryCache((m) => new Map(m).set(peekTranscriptId, "loading"));
+      fetchTranscript(peekTranscriptId).then((tr) => {
+        if (!cancelled) setSummaryCache((m) => new Map(m).set(peekTranscriptId, tr.summary));
+      }).catch(() => {
+        if (!cancelled) setSummaryCache((m) => new Map(m).set(peekTranscriptId, "error"));
+      });
+    }, 200);
+    return () => {
+      cancelled = true;
+      clearTimeout(timer);
+    };
+  }, [peekTranscriptId, fetchTranscript]);
+  const peekSummary = peekTranscriptId ? summaryCache.get(peekTranscriptId) : void 0;
+  const refresh = useCallback(async ({ resetRecordings = false } = {}) => {
+    const [jobsR, recR, statsR] = await Promise.allSettled([
+      fetchJobs(),
+      resetRecordings && fetchRecordings ? fetchRecordings({ limit: RECORDINGS_PAGE_SIZE }) : Promise.resolve(void 0),
+      fetchDashboardStats ? fetchDashboardStats() : Promise.resolve(void 0)
+    ]);
+    if (jobsR.status === "fulfilled") {
+      setJobs(jobsR.value.items);
+      setOrigin(jobsR.value.origin);
+      setLoadError(void 0);
+    } else {
+      setLoadError(jobsR.reason instanceof Error ? jobsR.reason.message : String(jobsR.reason));
+    }
+    if (recR.status === "fulfilled" && recR.value) {
+      setRecordings(recR.value.items);
+      setRecordingsNextCursor(recR.value.nextCursor ?? null);
+      setRecordingsTotalCount(recR.value.totalCount);
+    }
+    if (statsR.status === "fulfilled" && statsR.value) setStats(statsR.value);
+  }, [fetchJobs, fetchRecordings, fetchDashboardStats]);
+  const loadMoreRecordings = useCallback(async () => {
+    if (!fetchRecordings || !recordingsNextCursor || loadingMoreRecordings) return;
+    setLoadingMoreRecordings(true);
     try {
-      const data = await fetchJobs();
-      setItems(data.items);
-      setOrigin(data.origin);
+      const page = await fetchRecordings({
+        limit: RECORDINGS_PAGE_SIZE,
+        cursor: recordingsNextCursor
+      });
+      setRecordings((prev) => {
+        const seen = new Set(prev.map((item) => item.recordingId));
+        const merged = [...prev];
+        for (const item of page.items) {
+          if (!seen.has(item.recordingId)) merged.push(item);
+        }
+        return merged;
+      });
+      setRecordingsNextCursor(page.nextCursor ?? null);
+      setRecordingsTotalCount(page.totalCount);
       setLoadError(void 0);
     } catch (error51) {
       setLoadError(error51 instanceof Error ? error51.message : String(error51));
+    } finally {
+      setLoadingMoreRecordings(false);
     }
-  }, [fetchJobs]);
+  }, [fetchRecordings, loadingMoreRecordings, recordingsNextCursor]);
   useEffect(() => {
-    void refresh();
+    void refresh({ resetRecordings: true });
     const id = setInterval(() => void refresh(), pollMs);
     return () => clearInterval(id);
   }, [refresh, pollMs]);
-  const hasRunning = items.some((item) => item.status === "running");
+  const hasRunning = jobs.some((item) => item.status === "running");
   useEffect(() => {
     if (!hasRunning) return;
     const id = setInterval(() => setSpinnerFrame((f) => f + 1), spinnerMs);
     return () => clearInterval(id);
   }, [hasRunning, spinnerMs]);
-  const currentList = screen.kind === "overview" ? overviewActiveItems(items) : items;
+  const jobRank = (s) => s === "running" ? 4 : s === "queued" ? 3 : s === "failed" ? 2 : s === "succeeded" ? 1 : 0;
+  const jobStatusByRecording = /* @__PURE__ */ new Map();
+  for (const job of jobs) {
+    const prev = jobStatusByRecording.get(job.recordingId);
+    if (!prev || jobRank(job.status) > jobRank(prev)) {
+      jobStatusByRecording.set(job.recordingId, job.status);
+    }
+  }
+  const listLength = screen.kind === "jobs" ? jobs.length : recordings.length;
+  useEffect(() => {
+    setSelected((i) => Math.max(0, Math.min(i, Math.max(0, listLength - 1))));
+  }, [listLength]);
+  const visibleRecordingRows = Math.max(3, size.rows - 6);
   useEffect(() => {
-    setSelected((i) => Math.max(0, Math.min(i, Math.max(0, currentList.length - 1))));
-  }, [currentList.length]);
+    if (screen.kind !== "overview" || !recordingsNextCursor) return;
+    const nearLoadedEnd = recordings.length - selected <= RECORDINGS_PREFETCH_REMAINING;
+    const underfilledViewport = recordings.length < visibleRecordingRows;
+    if (nearLoadedEnd || underfilledViewport) void loadMoreRecordings();
+  }, [
+    loadMoreRecordings,
+    recordings.length,
+    recordingsNextCursor,
+    screen.kind,
+    selected,
+    visibleRecordingRows
+  ]);
   const openTranscript = useCallback(
     async (transcriptId) => {
       setStack((st) => [...st, { kind: "transcript", loading: true }]);
@@ -544,6 +1018,47 @@ function AppShell({
     },
     [fetchTranscript]
   );
+  const detailTranscriptId = screen.kind === "recordingDetail" ? recordings.find((r) => r.recordingId === screen.recordingId)?.activeTranscriptId : void 0;
+  useEffect(() => {
+    if (!detailTranscriptId || transcriptCache.has(detailTranscriptId)) return;
+    let cancelled = false;
+    setTranscriptCache((m) => new Map(m).set(detailTranscriptId, "loading"));
+    fetchTranscript(detailTranscriptId).then((tr) => {
+      if (!cancelled) setTranscriptCache((m) => new Map(m).set(detailTranscriptId, tr));
+    }).catch(() => {
+      if (!cancelled) setTranscriptCache((m) => new Map(m).set(detailTranscriptId, "error"));
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [detailTranscriptId, fetchTranscript]);
+  const setAudio = (recordingId, action) => setAudioCache((m) => new Map(m).set(recordingId, action));
+  const runAudio = useCallback(
+    async (recordingId, mode) => {
+      if (!recordingAudio) {
+        setNotice("Audio actions are not available");
+        return;
+      }
+      setAudio(recordingId, { status: "downloading" });
+      try {
+        const localPath = await recordingAudio.downloadRecordingAudio(recordingId);
+        if (mode === "open") {
+          setAudio(recordingId, { status: "opening", localPath });
+          await recordingAudio.openPath(localPath);
+        } else if (mode === "finder") {
+          setAudio(recordingId, { status: "opening", localPath });
+          await recordingAudio.revealInFinder(localPath);
+        }
+        setAudio(recordingId, { status: "ready", localPath });
+      } catch (error51) {
+        setAudio(recordingId, {
+          status: "error",
+          error: error51 instanceof Error ? error51.message : String(error51)
+        });
+      }
+    },
+    [recordingAudio]
+  );
   const goTab = (tab2) => {
     setStack([{ kind: tab2 }]);
     setSelected(0);
@@ -552,33 +1067,32 @@ function AppShell({
   const back = () => setStack((st) => st.length > 1 ? st.slice(0, -1) : st);
   useInput((input, key) => {
     setNotice(void 0);
-    if (input === "q") {
-      exit();
-      return;
-    }
-    if (key.escape || key.leftArrow) {
-      back();
-      return;
-    }
+    if (input === "q") return exit();
+    if (key.escape || key.leftArrow) return back();
     if (input === "1") return goTab("overview");
     if (input === "2") return goTab("jobs");
-    if (input === "r") {
-      void refresh();
+    if (input === "r") return void refresh({ resetRecordings: true });
+    if (screen.kind === "overview") {
+      if (key.upArrow || input === "k") setSelected((i) => Math.max(0, i - 1));
+      if (key.downArrow || input === "j") setSelected((i) => Math.min(recordings.length - 1, i + 1));
+      const rec = recordings[selected];
+      if (key.return && rec)
+        setStack((st) => [...st, { kind: "recordingDetail", recordingId: rec.recordingId }]);
+      if (input === "t" && rec?.activeTranscriptId) void openTranscript(rec.activeTranscriptId);
       return;
     }
-    if (screen.kind === "overview" || screen.kind === "jobs") {
+    if (screen.kind === "jobs") {
       if (key.upArrow || input === "k") setSelected((i) => Math.max(0, i - 1));
-      if (key.downArrow || input === "j")
-        setSelected((i) => Math.min(currentList.length - 1, i + 1));
-      const item = currentList[selected];
-      if (key.return && item) setStack((st) => [...st, { kind: "jobDetail", jobId: item.jobId }]);
-      if (input === "t" && item?.transcriptId) void openTranscript(item.transcriptId);
+      if (key.downArrow || input === "j") setSelected((i) => Math.min(jobs.length - 1, i + 1));
+      const job = jobs[selected];
+      if (key.return && job) setStack((st) => [...st, { kind: "jobDetail", jobId: job.jobId }]);
+      if (input === "t" && job?.transcriptId) void openTranscript(job.transcriptId);
       return;
     }
     if (screen.kind === "jobDetail") {
-      const item = items.find((i) => i.jobId === screen.jobId);
-      const links = item ? resolveJobLinks(item, origin) : {};
-      if (input === "t" && item?.transcriptId) void openTranscript(item.transcriptId);
+      const job = jobs.find((j) => j.jobId === screen.jobId);
+      const links = job ? resolveJobLinks(job, origin) : {};
+      if (input === "t" && job?.transcriptId) void openTranscript(job.transcriptId);
       else if ((input === "o" || input === "w") && links.webUrl) openUrl2?.(links.webUrl);
       else if (input === "m") setNotice("Mac app deeplink not available yet");
       else if (input === "c" && links.webUrl) {
@@ -587,47 +1101,119 @@ function AppShell({
       }
       return;
     }
+    if (screen.kind === "recordingDetail") {
+      const rec = recordings.find((r) => r.recordingId === screen.recordingId);
+      const links = rec ? resolveRecordingLinks(rec.recordingId, rec.origin) : {};
+      if (input === "t" && rec?.activeTranscriptId) void openTranscript(rec.activeTranscriptId);
+      else if (input === "o" && rec) void runAudio(rec.recordingId, "open");
+      else if (input === "d" && rec) void runAudio(rec.recordingId, "download");
+      else if (input === "f" && rec) void runAudio(rec.recordingId, "finder");
+      else if (input === "w" && links.webUrl) openUrl2?.(links.webUrl);
+      else if (input === "c" && links.webUrl) {
+        copyText2?.(links.webUrl);
+        setNotice("Link copied");
+      }
+      return;
+    }
   });
   if (screen.kind === "transcript") {
-    return /* @__PURE__ */ jsx7(TranscriptView, { loading: screen.loading, data: screen.data, error: screen.error });
+    return /* @__PURE__ */ jsx11(TranscriptView, { loading: screen.loading, data: screen.data, error: screen.error });
   }
   if (screen.kind === "jobDetail") {
-    const item = items.find((i) => i.jobId === screen.jobId);
-    if (!item) {
-      return /* @__PURE__ */ jsxs6(Box7, { flexDirection: "column", paddingX: 1, children: [
-        /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "Job no longer in the list." }),
-        /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "esc back \xB7 q quit" })
-      ] });
-    }
-    return /* @__PURE__ */ jsxs6(Box7, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx7(JobDetailView, { item, origin, spinnerFrame, nowMs: now() }),
-      notice ? /* @__PURE__ */ jsx7(Box7, { paddingX: 1, children: /* @__PURE__ */ jsx7(Text7, { color: "green", children: notice }) }) : null
-    ] });
+    const job = jobs.find((j) => j.jobId === screen.jobId);
+    if (!job) return /* @__PURE__ */ jsx11(Missing, { label: "Job" });
+    return /* @__PURE__ */ jsx11(Detail, { notice, children: /* @__PURE__ */ jsx11(JobDetailView, { item: job, origin, spinnerFrame, nowMs: now() }) });
+  }
+  if (screen.kind === "recordingDetail") {
+    const rec = recordings.find((r) => r.recordingId === screen.recordingId);
+    if (!rec) return /* @__PURE__ */ jsx11(Missing, { label: "Recording" });
+    const detailTranscript = rec.activeTranscriptId ? transcriptCache.get(rec.activeTranscriptId) : void 0;
+    return /* @__PURE__ */ jsx11(Detail, { notice, children: /* @__PURE__ */ jsx11(
+      RecordingDetailView,
+      {
+        item: rec,
+        nowMs: now(),
+        transcript: detailTranscript,
+        audio: audioCache.get(rec.recordingId)
+      }
+    ) });
   }
   const tab = screen.kind === "jobs" ? "jobs" : "overview";
-  return /* @__PURE__ */ jsxs6(Box7, { flexDirection: "column", paddingX: 1, children: [
-    /* @__PURE__ */ jsx7(Header, { active: tab }),
-    screen.kind === "overview" ? /* @__PURE__ */ jsx7(
+  let body;
+  let position = "";
+  if (screen.kind === "overview") {
+    const listBudget = Math.max(3, size.rows - 6);
+    const buckets = recordings.map((r) => dateBucket(r.createdAt, now()));
+    const win = groupedListWindow(buckets, selected, listBudget);
+    const totalRecordings = Math.max(
+      recordingsTotalCount ?? stats?.recordings.total ?? recordings.length,
+      recordings.length
+    );
+    position = recordings.length ? `${selected + 1} / ${totalRecordings}${loadingMoreRecordings ? " \xB7 loading" : ""}` : loadingMoreRecordings ? "loading" : "0";
+    const showPeek = size.columns >= 100;
+    const peekWidth = showPeek ? 34 : 0;
+    const listColumns = showPeek ? Math.max(30, size.columns - peekWidth - 3) : size.columns;
+    body = /* @__PURE__ */ jsx11(
       OverviewView,
       {
-        items,
-        selectedIndex: selected,
+        recordings: recordings.slice(win.start, win.end),
+        selectedIndex: selected - win.start,
+        jobs,
+        stats,
+        nowMs: now(),
+        columns: listColumns,
+        jobStatusByRecording,
         spinnerFrame,
-        nowMs: now()
-      }
-    ) : /* @__PURE__ */ jsx7(JobsView, { items, selectedIndex: selected, spinnerFrame }),
-    loadError && items.length === 0 ? /* @__PURE__ */ jsx7(Box7, { marginTop: 1, children: /* @__PURE__ */ jsxs6(Text7, { color: "red", children: [
-      "! ",
-      loadError
-    ] }) }) : null,
-    /* @__PURE__ */ jsx7(
-      Footer,
+        peekItem: recordings[selected],
+        peekSummary,
+        showPeek,
+        peekWidth
+      }
+    );
+  } else {
+    const win = listWindow(selected, jobs.length, Math.max(3, size.rows - 4));
+    position = jobs.length ? `${selected + 1} / ${jobs.length}` : "0";
+    body = /* @__PURE__ */ jsx11(
+      JobsView,
       {
-        keys: screen.kind === "jobs" ? "1/2 tabs \xB7 \u2191\u2193 select \xB7 \u23CE job \xB7 t transcript \xB7 r refresh \xB7 q quit" : "1/2 tabs \xB7 \u2191\u2193 select \xB7 \u23CE job \xB7 t transcript \xB7 q quit"
+        items: jobs.slice(win.start, win.end),
+        selectedIndex: selected - win.start,
+        spinnerFrame
       }
-    )
+    );
+  }
+  const footerKeys = screen.kind === "jobs" ? `${position}  \xB7  \u2191\u2193 select \xB7 \u23CE job \xB7 t transcript \xB7 1 overview \xB7 r refresh \xB7 q quit` : `${position}  \xB7  \u2191\u2193 scroll \xB7 \u23CE open \xB7 t transcript \xB7 2 jobs \xB7 r refresh \xB7 q quit`;
+  return /* @__PURE__ */ jsxs10(Box11, { flexDirection: "column", height: size.rows, paddingX: 1, children: [
+    /* @__PURE__ */ jsx11(Header, { active: tab }),
+    /* @__PURE__ */ jsxs10(Box11, { flexGrow: 1, flexDirection: "column", children: [
+      body,
+      loadError && jobs.length === 0 && recordings.length === 0 ? /* @__PURE__ */ jsx11(Box11, { marginTop: 1, children: /* @__PURE__ */ jsxs10(Text11, { color: "red", children: [
+        "! ",
+        loadError
+      ] }) }) : null
+    ] }),
+    /* @__PURE__ */ jsx11(Footer, { keys: footerKeys })
+  ] });
+}
+function Detail({
+  notice,
+  children
+}) {
+  return /* @__PURE__ */ jsxs10(Box11, { flexDirection: "column", children: [
+    children,
+    notice ? /* @__PURE__ */ jsx11(Box11, { paddingX: 1, children: /* @__PURE__ */ jsx11(Text11, { color: "green", children: notice }) }) : null
+  ] });
+}
+function Missing({ label }) {
+  return /* @__PURE__ */ jsxs10(Box11, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsxs10(Text11, { dimColor: true, children: [
+      label,
+      " no longer in the list."
+    ] }),
+    /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: "esc back \xB7 q quit" })
   ] });
 }
+var RECORDINGS_PAGE_SIZE, RECORDINGS_PREFETCH_REMAINING;
 var init_AppShell = __esm({
   "src/tui/AppShell.tsx"() {
     "use strict";
@@ -635,8 +1221,12 @@ var init_AppShell = __esm({
     init_JobsView();
     init_OverviewView();
     init_JobDetailView();
+    init_RecordingDetailView();
     init_TranscriptView();
     init_format();
+    init_terminal();
+    RECORDINGS_PAGE_SIZE = 50;
+    RECORDINGS_PREFETCH_REMAINING = 8;
   }
 });
 
@@ -644,41 +1234,49 @@ var init_AppShell = __esm({
 var tui_exports = {};
 __export(tui_exports, {
   AppShell: () => AppShell,
+  DASHBOARD_RENDER_OPTIONS: () => DASHBOARD_RENDER_OPTIONS,
   JobDetailView: () => JobDetailView,
   JobsView: () => JobsView,
   OverviewView: () => OverviewView,
-  runDashboard: () => runDashboard
+  runDashboard: () => runDashboard,
+  useTerminalSize: () => useTerminalSize
 });
-import React2 from "react";
+import React3 from "react";
 import { render } from "ink";
-import { spawn } from "child_process";
+import { spawn as spawn2 } from "child_process";
 function openUrl(url2) {
   const cmd = process.platform === "darwin" ? "open" : process.platform === "win32" ? "start" : "xdg-open";
   try {
-    spawn(cmd, [url2], { stdio: "ignore", detached: true }).unref();
+    spawn2(cmd, [url2], { stdio: "ignore", detached: true }).unref();
   } catch {
   }
 }
 function copyText(text) {
   if (process.platform !== "darwin") return;
   try {
-    const child = spawn("pbcopy", { stdio: ["pipe", "ignore", "ignore"] });
+    const child = spawn2("pbcopy", { stdio: ["pipe", "ignore", "ignore"] });
     child.stdin.end(text);
   } catch {
   }
 }
 async function runDashboard(deps) {
-  const app = render(
-    React2.createElement(AppShell, {
+  const renderApp = deps.renderApp ?? render;
+  const app = renderApp(
+    React3.createElement(AppShell, {
       fetchJobs: deps.fetchJobs,
       fetchTranscript: deps.fetchTranscript,
+      fetchRecordings: deps.fetchRecordings,
+      fetchDashboardStats: deps.fetchDashboardStats,
+      recordingAudio: deps.recordingAudio,
       initialView: deps.initialView ?? "overview",
       openUrl,
       copyText
-    })
+    }),
+    DASHBOARD_RENDER_OPTIONS
   );
   await app.waitUntilExit();
 }
+var DASHBOARD_RENDER_OPTIONS;
 var init_tui = __esm({
   "src/tui/index.ts"() {
     "use strict";
@@ -687,12 +1285,17 @@ var init_tui = __esm({
     init_JobsView();
     init_OverviewView();
     init_JobDetailView();
+    init_terminal();
+    DASHBOARD_RENDER_OPTIONS = {
+      alternateScreen: true,
+      interactive: true
+    };
   }
 });
 
 // src/cli.ts
 import { Command, CommanderError, InvalidArgumentError } from "commander/esm.mjs";
-import os3 from "os";
+import os4 from "os";
 
 // ../../node_modules/.pnpm/zod@4.4.3/node_modules/zod/v4/classic/external.js
 var external_exports = {};
@@ -1460,10 +2063,10 @@ function mergeDefs(...defs) {
 function cloneDef(schema) {
   return mergeDefs(schema._zod.def);
 }
-function getElementAtPath(obj, path3) {
-  if (!path3)
+function getElementAtPath(obj, path4) {
+  if (!path4)
     return obj;
-  return path3.reduce((acc, key) => acc?.[key], obj);
+  return path4.reduce((acc, key) => acc?.[key], obj);
 }
 function promiseAllObject(promisesObj) {
   const keys = Object.keys(promisesObj);
@@ -1872,11 +2475,11 @@ function explicitlyAborted(x, startIndex = 0) {
   }
   return false;
 }
-function prefixIssues(path3, issues) {
+function prefixIssues(path4, issues) {
   return issues.map((iss) => {
     var _a3;
     (_a3 = iss).path ?? (_a3.path = []);
-    iss.path.unshift(path3);
+    iss.path.unshift(path4);
     return iss;
   });
 }
@@ -2023,16 +2626,16 @@ function flattenError(error51, mapper = (issue2) => issue2.message) {
 }
 function formatError(error51, mapper = (issue2) => issue2.message) {
   const fieldErrors = { _errors: [] };
-  const processError = (error52, path3 = []) => {
+  const processError = (error52, path4 = []) => {
     for (const issue2 of error52.issues) {
       if (issue2.code === "invalid_union" && issue2.errors.length) {
-        issue2.errors.map((issues) => processError({ issues }, [...path3, ...issue2.path]));
+        issue2.errors.map((issues) => processError({ issues }, [...path4, ...issue2.path]));
       } else if (issue2.code === "invalid_key") {
-        processError({ issues: issue2.issues }, [...path3, ...issue2.path]);
+        processError({ issues: issue2.issues }, [...path4, ...issue2.path]);
       } else if (issue2.code === "invalid_element") {
-        processError({ issues: issue2.issues }, [...path3, ...issue2.path]);
+        processError({ issues: issue2.issues }, [...path4, ...issue2.path]);
       } else {
-        const fullpath = [...path3, ...issue2.path];
+        const fullpath = [...path4, ...issue2.path];
         if (fullpath.length === 0) {
           fieldErrors._errors.push(mapper(issue2));
         } else {
@@ -2059,17 +2662,17 @@ function formatError(error51, mapper = (issue2) => issue2.message) {
 }
 function treeifyError(error51, mapper = (issue2) => issue2.message) {
   const result = { errors: [] };
-  const processError = (error52, path3 = []) => {
+  const processError = (error52, path4 = []) => {
     var _a3, _b;
     for (const issue2 of error52.issues) {
       if (issue2.code === "invalid_union" && issue2.errors.length) {
-        issue2.errors.map((issues) => processError({ issues }, [...path3, ...issue2.path]));
+        issue2.errors.map((issues) => processError({ issues }, [...path4, ...issue2.path]));
       } else if (issue2.code === "invalid_key") {
-        processError({ issues: issue2.issues }, [...path3, ...issue2.path]);
+        processError({ issues: issue2.issues }, [...path4, ...issue2.path]);
       } else if (issue2.code === "invalid_element") {
-        processError({ issues: issue2.issues }, [...path3, ...issue2.path]);
+        processError({ issues: issue2.issues }, [...path4, ...issue2.path]);
       } else {
-        const fullpath = [...path3, ...issue2.path];
+        const fullpath = [...path4, ...issue2.path];
         if (fullpath.length === 0) {
           result.errors.push(mapper(issue2));
           continue;
@@ -2101,8 +2704,8 @@ function treeifyError(error51, mapper = (issue2) => issue2.message) {
 }
 function toDotPath(_path) {
   const segs = [];
-  const path3 = _path.map((seg) => typeof seg === "object" ? seg.key : seg);
-  for (const seg of path3) {
+  const path4 = _path.map((seg) => typeof seg === "object" ? seg.key : seg);
+  for (const seg of path4) {
     if (typeof seg === "number")
       segs.push(`[${seg}]`);
     else if (typeof seg === "symbol")
@@ -14794,13 +15397,13 @@ function resolveRef(ref, ctx) {
   if (!ref.startsWith("#")) {
     throw new Error("External $ref is not supported, only local refs (#/...) are allowed");
   }
-  const path3 = ref.slice(1).split("/").filter(Boolean);
-  if (path3.length === 0) {
+  const path4 = ref.slice(1).split("/").filter(Boolean);
+  if (path4.length === 0) {
     return ctx.rootSchema;
   }
   const defsKey = ctx.version === "draft-2020-12" ? "$defs" : "definitions";
-  if (path3[0] === defsKey) {
-    const key = path3[1];
+  if (path4[0] === defsKey) {
+    const key = path4[1];
     if (!key || !ctx.defs[key]) {
       throw new Error(`Reference not found: ${ref}`);
     }
@@ -15340,6 +15943,45 @@ var jobListDataSchema = external_exports.object({
   limit: external_exports.number().int().positive(),
   origin: external_exports.string()
 });
+var recordingDataSchema = external_exports.object({
+  recordingId: external_exports.string(),
+  title: external_exports.string().nullable().optional(),
+  summaryTitle: external_exports.string().nullable().optional(),
+  status: recordingStatusSchema,
+  durationMs: external_exports.number().int().nonnegative().nullable().optional(),
+  sizeBytes: external_exports.number().int().nonnegative().nullable().optional(),
+  contentType: external_exports.string().optional(),
+  activeTranscriptId: external_exports.string().nullable().optional(),
+  createdAt: external_exports.number().int(),
+  updatedAt: external_exports.number().int(),
+  origin: external_exports.string()
+});
+var recordingListDataSchema = external_exports.object({
+  items: external_exports.array(recordingDataSchema),
+  limit: external_exports.number().int().positive(),
+  nextCursor: external_exports.string().nullable().optional(),
+  totalCount: external_exports.number().int().nonnegative().optional(),
+  origin: external_exports.string()
+});
+var dashboardStatsDataSchema = external_exports.object({
+  origin: external_exports.string(),
+  recordings: external_exports.object({
+    total: external_exports.number().int().nonnegative(),
+    ready: external_exports.number().int().nonnegative(),
+    uploading: external_exports.number().int().nonnegative(),
+    failed: external_exports.number().int().nonnegative(),
+    aborted: external_exports.number().int().nonnegative(),
+    totalDurationMs: external_exports.number().int().nonnegative(),
+    totalSizeBytes: external_exports.number().int().nonnegative()
+  }),
+  jobs: external_exports.object({
+    active: external_exports.number().int().nonnegative(),
+    queued: external_exports.number().int().nonnegative(),
+    running: external_exports.number().int().nonnegative(),
+    succeeded: external_exports.number().int().nonnegative(),
+    failed: external_exports.number().int().nonnegative()
+  })
+});
 var transcriptSegmentSchema = external_exports.object({
   startMs: external_exports.number().nonnegative(),
   endMs: external_exports.number().nonnegative(),
@@ -15845,7 +16487,11 @@ function isRecord(value) {
 }
 
 // src/api.ts
-import { promises as fs3 } from "fs";
+import { createWriteStream, promises as fs3 } from "fs";
+import os3 from "os";
+import path3 from "path";
+import { Readable } from "stream";
+import { pipeline } from "stream/promises";
 
 // src/files.ts
 import { promises as fs2 } from "fs";
@@ -16130,6 +16776,60 @@ var RecappiApiClient = class {
       origin: this.auth.origin
     });
   }
+  async listRecordings(opts) {
+    const params = new URLSearchParams({ limit: String(opts.limit) });
+    if (opts.cursor) params.set("cursor", opts.cursor);
+    if (opts.search) params.set("search", opts.search);
+    const parsed = await this.getJson(`/api/recordings?${params}`);
+    const items = Array.isArray(parsed.items) ? parsed.items.filter(isRecord2).map((row) => mapRecording(row, this.auth.origin)) : [];
+    return recordingListDataSchema.parse({
+      items,
+      limit: opts.limit,
+      ...typeof parsed.nextCursor === "string" || parsed.nextCursor === null ? { nextCursor: parsed.nextCursor } : {},
+      ...typeof parsed.totalCount === "number" ? { totalCount: parsed.totalCount } : {},
+      origin: this.auth.origin
+    });
+  }
+  async getRecording(recordingId) {
+    const parsed = await this.getJson(
+      `/api/recordings/${encodeURIComponent(recordingId)}`
+    );
+    return mapRecording(parsed, this.auth.origin);
+  }
+  async downloadRecordingAudio(recordingId, opts = {}) {
+    const response = await this.request(
+      "GET",
+      `/api/recordings/${encodeURIComponent(recordingId)}/audio`
+    );
+    if (!response.body) {
+      throw cliError("cloud.invalid_response", "Recording audio response was empty.");
+    }
+    const contentType = normalizeContentType(response.headers.get("content-type"));
+    const contentLength = numberHeader(response.headers.get("content-length"));
+    const dir = opts.directory ?? await fs3.mkdtemp(path3.join(os3.tmpdir(), "recappi-cli-audio-"));
+    if (opts.directory) await fs3.mkdir(dir, { recursive: true });
+    const filePath = path3.join(dir, recordingAudioFileName(recordingId, opts.title, contentType));
+    try {
+      await pipeline(
+        Readable.fromWeb(response.body),
+        createWriteStream(filePath)
+      );
+    } catch (error51) {
+      await fs3.rm(filePath, { force: true }).catch(() => void 0);
+      throw error51;
+    }
+    return {
+      recordingId,
+      localPath: filePath,
+      contentType,
+      ...contentLength !== void 0 ? { contentLength } : {},
+      origin: this.auth.origin
+    };
+  }
+  async dashboardStats() {
+    const parsed = await this.getJson("/api/dashboard/stats");
+    return mapDashboardStats(parsed, this.auth.origin);
+  }
   async uploadPathBatch(opts) {
     const files = await collectAudioFiles(opts.inputPath);
     if (files.length === 0) {
@@ -16310,12 +17010,12 @@ var RecappiApiClient = class {
       ...typeof parsed.language === "string" || parsed.language === null ? { language: parsed.language } : {}
     };
   }
-  async getJson(path3) {
-    const response = await this.request("GET", path3);
+  async getJson(path4) {
+    const response = await this.request("GET", path4);
     return await parseJson(response);
   }
-  async postJson(path3, body) {
-    const response = await this.request("POST", path3, JSON.stringify(body), {
+  async postJson(path4, body) {
+    const response = await this.request("POST", path4, JSON.stringify(body), {
       headers: { "content-type": "application/json" }
     });
     return await parseJson(response);
@@ -16358,6 +17058,53 @@ async function responseMessage(response) {
     return response.statusText;
   }
 }
+function normalizeContentType(value) {
+  return value?.split(";")[0]?.trim().toLowerCase() || "audio/wav";
+}
+function numberHeader(value) {
+  if (!value) return void 0;
+  const parsed = Number(value);
+  return Number.isFinite(parsed) && parsed >= 0 ? parsed : void 0;
+}
+function audioExtensionForContentType(contentType) {
+  switch (contentType) {
+    case "audio/mpeg":
+    case "audio/mp3":
+      return "mp3";
+    case "audio/aiff":
+    case "audio/x-aiff":
+      return "aiff";
+    case "audio/aac":
+    case "audio/mp4":
+    case "audio/m4a":
+    case "audio/x-m4a":
+      return "m4a";
+    case "audio/ogg":
+      return "ogg";
+    case "audio/flac":
+    case "audio/x-flac":
+      return "flac";
+    case "audio/webm":
+      return "webm";
+    case "audio/wav":
+    case "audio/x-wav":
+    default:
+      return "wav";
+  }
+}
+function recordingAudioFileName(recordingId, title, contentType) {
+  const idStem = truncateFileStem(safeFileStem(recordingId), 48);
+  const titleStem = title ? truncateFileStem(safeFileStem(title), 80) : "";
+  const stem = titleStem ? `${titleStem}-${idStem}` : idStem;
+  return `${stem}.${audioExtensionForContentType(contentType)}`;
+}
+function truncateFileStem(value, maxLength) {
+  return [...value].slice(0, maxLength).join("");
+}
+function safeFileStem(value) {
+  const safe = value.normalize("NFKC").replace(/[^\p{L}\p{N}._-]+/gu, "-").replace(/^-+|-+$/g, "");
+  return safe || "recording";
+}
 function isRecord2(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
@@ -16510,9 +17257,59 @@ function mapJobListItem(row) {
     }
   };
 }
+function mapRecording(row, origin) {
+  const recordingId = stringValue(row.id) ?? stringValue(row.recordingId);
+  const status = stringValue(row.status);
+  const createdAt = numberValue(row.createdAt);
+  const updatedAt = numberValue(row.updatedAt);
+  if (!recordingId) {
+    throw cliError("cloud.invalid_response", "Recording response was missing id.");
+  }
+  if (!status) {
+    throw cliError("cloud.invalid_response", "Recording response was missing status.");
+  }
+  if (createdAt === void 0 || updatedAt === void 0) {
+    throw cliError("cloud.invalid_response", "Recording response was missing timestamps.");
+  }
+  return recordingDataSchema.parse({
+    recordingId,
+    ...typeof row.title === "string" || row.title === null ? { title: row.title } : {},
+    ...typeof row.summaryTitle === "string" || row.summaryTitle === null ? { summaryTitle: row.summaryTitle } : {},
+    status,
+    ...typeof row.durationMs === "number" || row.durationMs === null ? { durationMs: row.durationMs } : {},
+    ...typeof row.sizeBytes === "number" || row.sizeBytes === null ? { sizeBytes: row.sizeBytes } : {},
+    ...typeof row.contentType === "string" ? { contentType: row.contentType } : {},
+    ...typeof row.activeTranscriptId === "string" || row.activeTranscriptId === null ? { activeTranscriptId: row.activeTranscriptId } : {},
+    createdAt,
+    updatedAt,
+    origin
+  });
+}
+function mapDashboardStats(row, origin) {
+  return dashboardStatsDataSchema.parse({
+    origin,
+    recordings: mapCountObject(row.recordings, [
+      "total",
+      "ready",
+      "uploading",
+      "failed",
+      "aborted",
+      "totalDurationMs",
+      "totalSizeBytes"
+    ]),
+    jobs: mapCountObject(row.jobs, ["active", "queued", "running", "succeeded", "failed"])
+  });
+}
+function mapCountObject(value, keys) {
+  const source = isRecord2(value) ? value : {};
+  return Object.fromEntries(keys.map((key) => [key, numberValue(source[key]) ?? 0]));
+}
 function stringValue(value) {
   return typeof value === "string" ? value : void 0;
 }
+function numberValue(value) {
+  return typeof value === "number" && Number.isFinite(value) ? value : void 0;
+}
 function parseSummaryStatus(value) {
   const allowed = /* @__PURE__ */ new Set([
     "pending",
@@ -16545,6 +17342,62 @@ function decodeJsonRecord(value) {
   }
 }
 
+// src/audio.ts
+import { spawn } from "child_process";
+function createRecordingAudioRuntime(client, deps = {}) {
+  return {
+    downloadRecordingAudio: async (recordingId, opts) => (await client.downloadRecordingAudio(recordingId, opts)).localPath,
+    openPath: (localPath) => openPath(localPath, deps),
+    revealInFinder: (localPath) => revealInFinder(localPath, deps)
+  };
+}
+function openPath(localPath, deps = {}) {
+  return runMacOpen([localPath], deps);
+}
+function revealInFinder(localPath, deps = {}) {
+  return runMacOpen(["-R", localPath], deps);
+}
+function runMacOpen(args, deps) {
+  if ((deps.platform ?? process.platform) !== "darwin") {
+    return Promise.reject(
+      cliError(
+        "usage.invalid_argument",
+        "Recording audio file actions are supported on macOS only.",
+        {
+          hint: "Download the audio and open the printed local path manually on this platform."
+        }
+      )
+    );
+  }
+  const spawnProcess = deps.spawnProcess ?? spawn;
+  return new Promise((resolve, reject) => {
+    let settled = false;
+    const finish = (error51) => {
+      if (settled) return;
+      settled = true;
+      if (error51) reject(error51);
+      else resolve();
+    };
+    try {
+      const child = spawnProcess("open", args, { stdio: "ignore" });
+      child.once(
+        "error",
+        (error51) => finish(error51 instanceof Error ? error51 : new Error(String(error51)))
+      );
+      child.once("close", (code) => {
+        if (code === 0) finish();
+        else {
+          finish(
+            cliError("internal.unexpected", `open failed with exit code ${code ?? "unknown"}.`)
+          );
+        }
+      });
+    } catch (error51) {
+      finish(error51 instanceof Error ? error51 : new Error(String(error51)));
+    }
+  });
+}
+
 // src/render.ts
 function createHumanProgressState(interactive) {
   return {
@@ -16672,6 +17525,56 @@ function renderHumanSuccess(command, data, opts) {
     renderTranscriptHuman(data, opts);
     return;
   }
+  if (command === "recordings list" && isRecord3(data) && Array.isArray(data.items)) {
+    opts.stdout("Recordings:\n");
+    for (const item of data.items) {
+      if (!isRecord3(item)) continue;
+      opts.stdout(`  ${recordingLabel(item)}
+`);
+    }
+    if (data.items.length === 0) opts.stdout("  No recordings found.\n");
+    if (typeof data.nextCursor === "string") {
+      opts.stdout(`
+Next cursor: ${data.nextCursor}
+`);
+    }
+    return;
+  }
+  if (command === "recordings get" && isRecord3(data)) {
+    opts.stdout(`${recordingTitle(data)}
+`);
+    opts.stdout(`  recordingId: ${String(data.recordingId)}
+`);
+    if (typeof data.status === "string") opts.stdout(`  status: ${data.status}
+`);
+    if (typeof data.durationMs === "number")
+      opts.stdout(`  duration: ${formatDurationMs(data.durationMs)}
+`);
+    if (typeof data.sizeBytes === "number") opts.stdout(`  size: ${formatBytes(data.sizeBytes)}
+`);
+    if (typeof data.activeTranscriptId === "string") {
+      opts.stdout(`  activeTranscriptId: ${data.activeTranscriptId}
+`);
+      opts.stdout(`
+Next:
+  recappi transcript get ${data.activeTranscriptId}
+`);
+    }
+    return;
+  }
+  if (command === "dashboard stats" && isRecord3(data)) {
+    const recordings = isRecord3(data.recordings) ? data.recordings : {};
+    const jobs = isRecord3(data.jobs) ? data.jobs : {};
+    opts.stdout(
+      `Recordings: ${numberText(recordings.total)} total, ${numberText(recordings.ready)} ready
+`
+    );
+    opts.stdout(
+      `Jobs: ${numberText(jobs.active)} active (${numberText(jobs.queued)} queued, ${numberText(jobs.running)} running)
+`
+    );
+    return;
+  }
   if (command === "upload" && isUploadBatch(data)) {
     if (data.successes.length > 0) {
       opts.stdout(data.successes.length === 1 ? "Upload complete\n" : "Uploads complete\n");
@@ -16852,6 +17755,37 @@ Summary:
     }
   }
 }
+function recordingLabel(item) {
+  const id = typeof item.recordingId === "string" ? item.recordingId : "unknown";
+  const status = typeof item.status === "string" ? item.status : "unknown";
+  const duration3 = typeof item.durationMs === "number" ? ` \xB7 ${formatDurationMs(item.durationMs)}` : "";
+  return `${recordingTitle(item)} (${status}, ${id}${duration3})`;
+}
+function recordingTitle(item) {
+  for (const key of ["title", "summaryTitle"]) {
+    const value = item[key];
+    if (typeof value === "string" && value.trim()) return value.trim();
+  }
+  return "Untitled recording";
+}
+function numberText(value) {
+  return typeof value === "number" && Number.isFinite(value) ? value.toLocaleString("en-US") : "0";
+}
+function formatDurationMs(ms) {
+  return formatClock(ms / 1e3);
+}
+function formatBytes(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  const units = ["KB", "MB", "GB", "TB"];
+  let value = bytes / 1024;
+  let unit = units[0];
+  for (const next of units.slice(1)) {
+    if (value < 1024) break;
+    value /= 1024;
+    unit = next;
+  }
+  return `${value >= 10 ? value.toFixed(0) : value.toFixed(1)} ${unit}`;
+}
 function formatClock(seconds) {
   const total = Math.max(0, Math.floor(seconds));
   const hours = Math.floor(total / 3600);
@@ -16942,7 +17876,10 @@ var COMMAND_DATA_SCHEMAS = {
   "auth import-macos": authImportDataSchema,
   "auth status": authStatusDataSchema,
   doctor: doctorDataSchema,
+  "dashboard stats": dashboardStatsDataSchema,
   upload: uploadBatchDataSchema,
+  "recordings get": recordingDataSchema,
+  "recordings list": recordingListDataSchema,
   "jobs list": jobListDataSchema,
   "jobs wait": jobDataSchema,
   "transcript get": transcriptDataSchema
@@ -16977,11 +17914,11 @@ function buildSchemaDocument(program) {
     event: toJsonSchema(operationEventSchema)
   };
 }
-function walkCommands(command, path3, out) {
+function walkCommands(command, path4, out) {
   for (const sub of subcommandsOf(command)) {
     const name = sub.name();
     if (name === "help") continue;
-    const fullPath = [...path3, name];
+    const fullPath = [...path4, name];
     const children = subcommandsOf(sub).filter((child) => child.name() !== "help");
     if (children.length === 0) {
       out.push(leafCommandDoc(sub, fullPath.join(" ")));
@@ -17041,6 +17978,7 @@ function readCliVersion() {
 var CLI_VERSION = readCliVersion();
 
 // src/cli.ts
+var DASHBOARD_RECORDINGS_PAGE_SIZE = 50;
 async function runCli(deps = {}) {
   const argv = deps.argv ?? process.argv.slice(2);
   const stdout = deps.stdout ?? ((text) => process.stdout.write(text));
@@ -17084,7 +18022,10 @@ async function runCli(deps = {}) {
       const runDashboard2 = deps.runDashboard ?? (await Promise.resolve().then(() => (init_tui(), tui_exports))).runDashboard;
       await runDashboard2({
         fetchJobs: () => client.listJobs({ status: "active", limit: 20 }),
+        fetchRecordings: ({ cursor, limit = DASHBOARD_RECORDINGS_PAGE_SIZE } = {}) => client.listRecordings({ limit, cursor }),
+        fetchDashboardStats: () => client.dashboardStats(),
         fetchTranscript: (transcriptId) => client.getTranscript(transcriptId),
+        recordingAudio: createRecordingAudioRuntime(client),
         initialView: parsed.initialView
       });
       return 0;
@@ -17110,7 +18051,7 @@ async function runCli(deps = {}) {
       return 0;
     }
     if (parsed.kind === "auth-logout") {
-      const cleared = await clearAuthConfig(deps.homeDir ?? os3.homedir());
+      const cleared = await clearAuthConfig(deps.homeDir ?? os4.homedir());
       renderSuccess("auth logout", { loggedIn: false, origin: auth.origin, cleared }, render2);
       return 0;
     }
@@ -17121,7 +18062,7 @@ async function runCli(deps = {}) {
           hint: keychain.hint ?? "Run recappi auth login instead."
         });
       }
-      await saveAuthConfig(deps.homeDir ?? os3.homedir(), {
+      await saveAuthConfig(deps.homeDir ?? os4.homedir(), {
         origin: auth.origin,
         token: keychain.token
       });
@@ -17181,6 +18122,25 @@ async function runCli(deps = {}) {
       renderSuccess("jobs list", data, render2);
       return 0;
     }
+    if (parsed.kind === "recordings-list") {
+      const data = await client.listRecordings({
+        limit: parsed.limit,
+        cursor: parsed.cursor,
+        search: parsed.search
+      });
+      renderSuccess("recordings list", data, render2);
+      return 0;
+    }
+    if (parsed.kind === "recordings-get") {
+      const data = await client.getRecording(parsed.recordingId);
+      renderSuccess("recordings get", data, render2);
+      return 0;
+    }
+    if (parsed.kind === "dashboard-stats") {
+      const data = await client.dashboardStats();
+      renderSuccess("dashboard stats", data, render2);
+      return 0;
+    }
     if (parsed.kind === "transcript-get") {
       const data = await client.getTranscript(parsed.transcriptId);
       renderSuccess("transcript get", data, render2);
@@ -17402,6 +18362,44 @@ Agent mode:
       document: buildSchemaDocument(program)
     });
   });
+  const dashboard = program.command("dashboard").description("Dashboard data commands");
+  addCommonOptions(dashboard);
+  const dashboardStats = dashboard.command("stats").description("Fetch dashboard counters");
+  addCommonOptions(dashboardStats);
+  dashboardStats.action((_options, command) => {
+    onSelect({
+      kind: "dashboard-stats",
+      options: collectGlobalOptions(command),
+      commandName: "dashboard stats"
+    });
+  });
+  const recordings = program.command("recordings").description("Recording commands");
+  addCommonOptions(recordings);
+  const recordingsList = recordings.command("list").description("List recent recordings").option("--limit <n>", "number of recordings to show", parseLimitOption("--limit", 1, 100), 20).option("--cursor <cursor>", "pagination cursor", parseStringOption("--cursor")).option("--search <query>", "search recordings and transcripts", parseStringOption("--search"));
+  addCommonOptions(recordingsList);
+  recordingsList.action((_options, command) => {
+    const opts = command.opts();
+    onSelect({
+      kind: "recordings-list",
+      options: collectGlobalOptions(command),
+      commandName: "recordings list",
+      limit: opts.limit ?? 20,
+      ...typeof opts.cursor === "string" ? { cursor: opts.cursor } : {},
+      ...typeof opts.search === "string" ? { search: opts.search } : {}
+    });
+  });
+  const recordingsGet = recordings.command("get <recordingId>").description("Fetch a recording by recording id");
+  addCommonOptions(recordingsGet);
+  recordingsGet.action(
+    (recordingId, _options, command) => {
+      onSelect({
+        kind: "recordings-get",
+        options: collectGlobalOptions(command),
+        commandName: "recordings get",
+        recordingId
+      });
+    }
+  );
   const transcript = program.command("transcript").description("Transcript commands");
   addCommonOptions(transcript);
   const transcriptGet = transcript.command("get <transcriptId>").description("Fetch a transcript by transcript id");
@@ -17516,7 +18514,9 @@ var VALUE_OPTIONS = /* @__PURE__ */ new Set([
   "--provider",
   "--prompt",
   "--status",
-  "--limit"
+  "--limit",
+  "--cursor",
+  "--search"
 ]);
 function hasCommandToken(argv) {
   return commandTokens(argv).length > 0;