recappi 0.1.2 → 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: true })
+    /* @__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,
@@ -169,6 +223,30 @@ function recordingStatusStyle(status) {
       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"];
@@ -246,145 +324,227 @@ var init_JobsView = __esm({
 import { Box as Box4, Text as Text4 } from "ink";
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function recordingTitle2(item) {
-  return item.title || item.summaryTitle || item.recordingId;
+  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 RecordingRow({
   item,
   selected,
-  nowMs
+  nowMs,
+  columns,
+  jobStatus,
+  spinnerFrame = 0
 }) {
-  const style = recordingStatusStyle(item.status);
-  const detail = [
-    item.durationMs ? formatClockMs(item.durationMs) : void 0,
-    formatAge(item.createdAt, nowMs) || void 0,
-    item.activeTranscriptId ? "transcript ready" : void 0
-  ].filter(Boolean).join(" \xB7 ");
+  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: style.color, children: `${style.glyph} ${padCell(style.label, 10)}` }),
-    /* @__PURE__ */ jsx4(Text4, { bold: selected, children: padCell(recordingTitle2(item), 26) }),
-    /* @__PURE__ */ jsx4(Text4, { dimColor: !selected, children: detail })
+    /* @__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/OverviewView.tsx
+// 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 overviewRecentRecordings(recordings) {
-  return recordings.slice(0, RECENT_LIMIT);
-}
-function OverviewView({
-  recordings,
-  jobs,
-  stats,
+function RecordingsView({
+  items,
   selectedIndex,
-  spinnerFrame,
-  nowMs
+  nowMs,
+  columns,
+  jobStatusByRecording,
+  spinnerFrame = 0
 }) {
-  const recent = overviewRecentRecordings(recordings);
-  const activeJobs = jobs.filter((j) => j.status === "running" || j.status === "queued");
-  const jobCounts = countJobs(jobs);
-  const recTotal = stats?.recordings.total ?? recordings.length;
-  const recReady = stats?.recordings.ready;
-  const transcribed = stats?.recordings.totalDurationMs;
+  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__ */ jsxs4(Box5, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs4(Text5, { children: [
-        /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "Recordings " }),
-        /* @__PURE__ */ jsx5(Text5, { bold: true, children: recTotal }),
-        recReady != null ? /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: `  \xB7  ${recReady} ready` }) : null,
-        transcribed != null ? /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: `  \xB7  ${formatClockMs(transcribed)} transcribed` }) : null
-      ] }),
-      /* @__PURE__ */ jsxs4(Text5, { children: [
-        /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "Jobs " }),
-        /* @__PURE__ */ jsxs4(Text5, { color: "cyan", children: [
-          stats?.jobs.running ?? jobCounts.running,
-          " running"
-        ] }),
-        /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: " \xB7 " }),
-        /* @__PURE__ */ jsxs4(Text5, { color: "yellow", children: [
-          stats?.jobs.queued ?? jobCounts.queued,
-          " queued"
-        ] }),
-        /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: " \xB7 " }),
-        /* @__PURE__ */ jsxs4(Text5, { color: "green", children: [
-          stats?.jobs.succeeded ?? jobCounts.succeeded,
-          " done"
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs4(Box5, { marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx5(Text5, { bold: true, children: "Recent recordings" }),
-      recent.length === 0 ? /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: " No recordings yet \u2014 run: recappi upload <file>" }) : recent.map((item, index) => /* @__PURE__ */ jsx5(
-        RecordingRow,
-        {
-          item,
-          selected: index === selectedIndex,
-          nowMs
-        },
-        item.recordingId
-      ))
-    ] }),
-    activeJobs.length > 0 ? /* @__PURE__ */ jsxs4(Box5, { marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx5(Text5, { bold: true, children: "Transcribing now" }),
-      activeJobs.slice(0, 3).map((job) => {
-        const style = statusStyle(job.status);
-        return /* @__PURE__ */ jsxs4(Box5, { children: [
-          /* @__PURE__ */ jsx5(Text5, { children: "  " }),
-          /* @__PURE__ */ jsx5(Text5, { color: style.color, children: `${statusGlyph(job.status, spinnerFrame)} ` }),
-          /* @__PURE__ */ jsx5(Text5, { children: job.recording?.title ?? job.recordingId })
-        ] }, job.jobId);
-      })
-    ] }) : null
+    /* @__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 RECENT_LIMIT;
-var init_OverviewView = __esm({
-  "src/tui/OverviewView.tsx"() {
+var init_RecordingsView = __esm({
+  "src/tui/RecordingsView.tsx"() {
     "use strict";
     init_RecordingRow();
     init_format();
-    RECENT_LIMIT = 6;
   }
 });
 
-// src/tui/RecordingsView.tsx
+// src/tui/RecordingPeek.tsx
 import { Box as Box6, Text as Text6 } from "ink";
-import { jsx as jsx6 } from "react/jsx-runtime";
-function RecordingsView({
-  items,
-  selectedIndex,
+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
 }) {
-  if (items.length === 0) {
-    return /* @__PURE__ */ jsx6(Box6, { marginTop: 1, children: /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "No recordings yet \u2014 run: recappi upload <file>" }) });
-  }
-  return /* @__PURE__ */ jsx6(Box6, { marginTop: 1, flexDirection: "column", children: items.map((item, index) => /* @__PURE__ */ jsx6(
-    RecordingRow,
-    {
-      item,
-      selected: index === selectedIndex,
-      nowMs
-    },
-    item.recordingId
-  )) });
+  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" }) })
+  ] });
 }
-var init_RecordingsView = __esm({
-  "src/tui/RecordingsView.tsx"() {
+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/JobDetailView.tsx
+// src/tui/OverviewView.tsx
 import { Box as Box7, Text as Text7 } from "ink";
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+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__ */ jsxs6(Box7, { flexDirection: "row", alignItems: "flex-start", children: [
+      /* @__PURE__ */ jsx7(Box7, { flexGrow: 1, flexDirection: "column", children: /* @__PURE__ */ jsx7(
+        RecordingsView,
+        {
+          items: recordings,
+          selectedIndex,
+          nowMs,
+          columns,
+          jobStatusByRecording,
+          spinnerFrame
+        }
+      ) }),
+      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_RecordingsView();
+    init_RecordingPeek();
+    init_format();
+  }
+});
+
+// src/tui/JobDetailView.tsx
+import { Box as Box8, Text as Text8 } from "ink";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function JobDetailView({
   item,
   origin,
@@ -394,13 +554,13 @@ function JobDetailView({
   const style = statusStyle(item.status);
   const links = resolveJobLinks(item, origin);
   const title = item.recording?.title ?? item.recordingId;
-  return /* @__PURE__ */ jsxs5(Box7, { flexDirection: "column", paddingX: 1, children: [
-    /* @__PURE__ */ jsxs5(Text7, { dimColor: true, children: [
+  return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsxs7(Text8, { dimColor: true, children: [
       "\u2039 Jobs / ",
       title
     ] }),
-    /* @__PURE__ */ jsxs5(
-      Box7,
+    /* @__PURE__ */ jsxs7(
+      Box8,
       {
         marginTop: 1,
         borderStyle: "round",
@@ -408,17 +568,17 @@ function JobDetailView({
         paddingX: 1,
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsxs5(Text7, { color: style.color, bold: true, children: [
+          /* @__PURE__ */ jsxs7(Text8, { color: style.color, bold: true, children: [
             style.label,
-            item.provider ? /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: `   ${item.provider}` }) : null
+            item.provider ? /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: `   ${item.provider}` }) : null
           ] }),
-          /* @__PURE__ */ jsx7(StatusLine, { item, spinnerFrame, nowMs })
+          /* @__PURE__ */ jsx8(StatusLine, { item, spinnerFrame, nowMs })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs5(Box7, { marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx7(Text7, { bold: true, children: "Timeline" }),
-      /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsxs7(Box8, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsx8(Text8, { bold: true, children: "Timeline" }),
+      /* @__PURE__ */ jsx8(
         TimelineRow,
         {
           label: "Enqueued",
@@ -427,7 +587,7 @@ function JobDetailView({
           nowMs
         }
       ),
-      /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsx8(
         TimelineRow,
         {
           label: "Started",
@@ -436,7 +596,7 @@ function JobDetailView({
           nowMs
         }
       ),
-      /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsx8(
         TimelineRow,
         {
           label: item.status === "failed" ? "Failed" : item.status === "running" ? "Transcribing" : "Finished",
@@ -448,21 +608,21 @@ function JobDetailView({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx7(Box7, { marginTop: 1, children: /* @__PURE__ */ jsxs5(Text7, { children: [
-      /* @__PURE__ */ jsx7(Text7, { 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__ */ jsx7(Text7, { 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__ */ jsx7(Box7, { marginTop: 1, borderStyle: "round", borderColor: "gray", paddingX: 1, children: /* @__PURE__ */ jsxs5(Text7, { children: [
-      /* @__PURE__ */ jsx7(Text7, { color: links.webUrl ? "cyan" : "gray", children: "o open" }),
-      /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: " \xB7 " }),
-      /* @__PURE__ */ jsx7(Text7, { color: links.webUrl ? "cyan" : "gray", children: "w web" }),
-      /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: " \xB7 " }),
-      /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "m mac app (soon)" }),
-      /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: " \xB7 " }),
-      /* @__PURE__ */ jsx7(Text7, { 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__ */ jsx7(Box7, { marginTop: 1, children: /* @__PURE__ */ jsxs5(Text7, { 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"
@@ -479,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__ */ jsxs5(Text7, { children: [
+      return /* @__PURE__ */ jsxs7(Text8, { children: [
         `${progressBar(fraction)} ${pct}%  ${formatClockMs(item.processedDurationMs)} / ${formatClockMs(
           item.recording?.durationMs
         )}`,
-        /* @__PURE__ */ jsx7(Text7, { 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__ */ jsxs5(Text7, { children: [
+    return /* @__PURE__ */ jsxs7(Text8, { children: [
       `${spinner} transcribing\u2026`,
-      /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: elapsed })
+      /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: elapsed })
     ] });
   }
   if (item.status === "succeeded")
-    return /* @__PURE__ */ jsx7(Text7, { children: item.transcriptId ? "transcript ready" : "done" });
-  if (item.status === "queued") return /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "waiting to start\u2026" });
-  if (item.status === "failed") return /* @__PURE__ */ jsx7(Text7, { color: "red", children: "transcription failed" });
-  return /* @__PURE__ */ jsx7(Text7, { 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,
@@ -509,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__ */ jsxs5(Box7, { children: [
-    /* @__PURE__ */ jsx7(Text7, { color, children: `  ${glyph} ` }),
-    /* @__PURE__ */ jsx7(Text7, { dimColor: !done && !running, children: label }),
-    age ? /* @__PURE__ */ jsx7(Text7, { 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({
@@ -523,11 +683,13 @@ var init_JobDetailView = __esm({
 });
 
 // src/tui/RecordingDetailView.tsx
-import { Box as Box8, Text as Text8 } from "ink";
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+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
+  nowMs,
+  transcript,
+  audio
 }) {
   const style = recordingStatusStyle(item.status);
   const links = resolveRecordingLinks(item.recordingId, item.origin);
@@ -537,96 +699,148 @@ function RecordingDetailView({
     formatBytes2(item.sizeBytes) || void 0,
     item.contentType || void 0
   ].filter(Boolean).join("  \xB7  ");
-  return /* @__PURE__ */ jsxs6(Box8, { flexDirection: "column", paddingX: 1, children: [
-    /* @__PURE__ */ jsxs6(Text8, { dimColor: true, children: [
-      "\u2039 Recordings / ",
-      title
+  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"}` })
     ] }),
-    /* @__PURE__ */ jsxs6(
-      Box8,
-      {
-        marginTop: 1,
-        borderStyle: "round",
-        borderColor: style.color,
-        paddingX: 1,
-        flexDirection: "column",
-        children: [
-          /* @__PURE__ */ jsxs6(Text8, { color: style.color, bold: true, children: [
-            style.label,
-            /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: `   created ${formatAge(item.createdAt, nowMs) || "\u2014"}` })
-          ] }),
-          meta3 ? /* @__PURE__ */ jsx8(Text8, { children: meta3 }) : null
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: /* @__PURE__ */ jsxs6(Text8, { children: [
-      /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "Transcript " }),
-      item.activeTranscriptId ? /* @__PURE__ */ jsx8(Text8, { color: "green", children: "ready \u2014 press t to view" }) : /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "not available yet" })
-    ] }) }),
-    /* @__PURE__ */ jsx8(Box8, { marginTop: 1, borderStyle: "round", borderColor: "gray", paddingX: 1, children: /* @__PURE__ */ jsxs6(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__ */ jsx8(Box8, { marginTop: 1, children: /* @__PURE__ */ jsxs6(Text8, { dimColor: true, children: [
-      "esc back \xB7 ",
-      item.activeTranscriptId ? "t transcript \xB7 " : "",
-      "q quit"
+    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 Box9, Text as Text9 } from "ink";
-import { jsx as jsx9, jsxs as jsxs7 } 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__ */ jsx9(Box9, { paddingX: 1, children: /* @__PURE__ */ jsx9(Text9, { 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__ */ jsxs7(Box9, { flexDirection: "column", paddingX: 1, children: [
-      /* @__PURE__ */ jsxs7(Text9, { color: "red", children: [
+    return /* @__PURE__ */ jsxs9(Box10, { flexDirection: "column", paddingX: 1, children: [
+      /* @__PURE__ */ jsxs9(Text10, { color: "red", children: [
         "! ",
         error51
       ] }),
-      /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "q / esc / \u2190 back" })
+      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "q / esc / \u2190 back" })
     ] });
   }
   if (!data) {
-    return /* @__PURE__ */ jsx9(Box9, { paddingX: 1, children: /* @__PURE__ */ jsx9(Text9, { 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__ */ jsxs7(Box9, { flexDirection: "column", paddingX: 1, children: [
-    /* @__PURE__ */ jsx9(Text9, { bold: true, color: "magenta", children: summary?.title ?? "Transcript" }),
-    /* @__PURE__ */ jsx9(Box9, { marginTop: 1, flexDirection: "column", children: data.segments.length === 0 ? /* @__PURE__ */ jsx9(Text9, { children: data.text }) : data.segments.slice(0, 200).map((segment, index) => /* @__PURE__ */ jsxs7(Text9, { children: [
-      /* @__PURE__ */ jsxs7(Text9, { 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__ */ jsxs7(Text9, { color: "cyan", children: [
+      segment.speaker ? /* @__PURE__ */ jsxs9(Text10, { color: "cyan", children: [
         segment.speaker,
         ": "
       ] }) : null,
       segment.text
     ] }, index)) }),
-    showSummary && summary?.tldr ? /* @__PURE__ */ jsxs7(Box9, { marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx9(Text9, { bold: true, children: "Summary" }),
-      /* @__PURE__ */ jsx9(Text9, { 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__ */ jsx9(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx9(Text9, { 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({
@@ -636,15 +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 Box10, Text as Text10, useApp, useInput } from "ink";
-import { jsx as jsx10, jsxs as jsxs8 } 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,
@@ -653,20 +879,48 @@ function AppShell({
   spinnerMs = 80
 }) {
   const { exit } = useApp();
+  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 }]);
   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(),
-      fetchRecordings ? fetchRecordings() : Promise.resolve(void 0),
+      resetRecordings && fetchRecordings ? fetchRecordings({ limit: RECORDINGS_PAGE_SIZE }) : Promise.resolve(void 0),
       fetchDashboardStats ? fetchDashboardStats() : Promise.resolve(void 0)
     ]);
     if (jobsR.status === "fulfilled") {
@@ -676,11 +930,40 @@ function AppShell({
     } else {
       setLoadError(jobsR.reason instanceof Error ? jobsR.reason.message : String(jobsR.reason));
     }
-    if (recR.status === "fulfilled" && recR.value) setRecordings(recR.value.items);
+    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 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);
+    }
+  }, [fetchRecordings, loadingMoreRecordings, recordingsNextCursor]);
   useEffect(() => {
-    void refresh();
+    void refresh({ resetRecordings: true });
     const id = setInterval(() => void refresh(), pollMs);
     return () => clearInterval(id);
   }, [refresh, pollMs]);
@@ -690,11 +973,32 @@ function AppShell({
     const id = setInterval(() => setSpinnerFrame((f) => f + 1), spinnerMs);
     return () => clearInterval(id);
   }, [hasRunning, spinnerMs]);
-  const recordingList = screen.kind === "overview" ? overviewRecentRecordings(recordings) : recordings;
-  const listLength = screen.kind === "jobs" ? jobs.length : recordingList.length;
+  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(() => {
+    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 }]);
@@ -714,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);
@@ -726,13 +1071,11 @@ function AppShell({
     if (key.escape || key.leftArrow) return back();
     if (input === "1") return goTab("overview");
     if (input === "2") return goTab("jobs");
-    if (input === "3") return goTab("recordings");
-    if (input === "r") return void refresh();
-    if (screen.kind === "overview" || screen.kind === "recordings") {
+    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(recordingList.length - 1, i + 1));
-      const rec = recordingList[selected];
+      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);
@@ -762,8 +1105,10 @@ function AppShell({
       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" || input === "w") && links.webUrl) openUrl2?.(links.webUrl);
-      else if (input === "m") setNotice("Mac app deeplink not available yet");
+      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");
@@ -772,69 +1117,116 @@ function AppShell({
     }
   });
   if (screen.kind === "transcript") {
-    return /* @__PURE__ */ jsx10(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 job = jobs.find((j) => j.jobId === screen.jobId);
-    if (!job) return /* @__PURE__ */ jsx10(Missing, { label: "Job" });
-    return /* @__PURE__ */ jsx10(Detail, { notice, children: /* @__PURE__ */ jsx10(JobDetailView, { item: job, origin, spinnerFrame, nowMs: now() }) });
+    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__ */ jsx10(Missing, { label: "Recording" });
-    return /* @__PURE__ */ jsx10(Detail, { notice, children: /* @__PURE__ */ jsx10(RecordingDetailView, { item: rec, nowMs: now() }) });
-  }
-  const tab = screen.kind === "jobs" ? "jobs" : screen.kind === "recordings" ? "recordings" : "overview";
-  const footerKeys = screen.kind === "jobs" ? "1/2/3 tabs \xB7 \u2191\u2193 select \xB7 \u23CE job \xB7 t transcript \xB7 r refresh \xB7 q quit" : "1/2/3 tabs \xB7 \u2191\u2193 select \xB7 \u23CE recording \xB7 t transcript \xB7 r refresh \xB7 q quit";
-  return /* @__PURE__ */ jsxs8(Box10, { flexDirection: "column", paddingX: 1, children: [
-    /* @__PURE__ */ jsx10(Header, { active: tab }),
-    screen.kind === "overview" ? /* @__PURE__ */ jsx10(
+    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";
+  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,
       {
-        recordings,
+        recordings: recordings.slice(win.start, win.end),
+        selectedIndex: selected - win.start,
         jobs,
         stats,
-        selectedIndex: selected,
+        nowMs: now(),
+        columns: listColumns,
+        jobStatusByRecording,
         spinnerFrame,
-        nowMs: now()
-      }
-    ) : screen.kind === "recordings" ? /* @__PURE__ */ jsx10(RecordingsView, { items: recordings, selectedIndex: selected, nowMs: now() }) : /* @__PURE__ */ jsx10(JobsView, { items: jobs, selectedIndex: selected, spinnerFrame }),
-    loadError && jobs.length === 0 && recordings.length === 0 ? /* @__PURE__ */ jsx10(Box10, { marginTop: 1, children: /* @__PURE__ */ jsxs8(Text10, { color: "red", children: [
-      "! ",
-      loadError
-    ] }) }) : null,
-    /* @__PURE__ */ jsx10(Footer, { keys: footerKeys })
+        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,
+      {
+        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__ */ jsxs8(Box10, { flexDirection: "column", children: [
+  return /* @__PURE__ */ jsxs10(Box11, { flexDirection: "column", children: [
     children,
-    notice ? /* @__PURE__ */ jsx10(Box10, { paddingX: 1, children: /* @__PURE__ */ jsx10(Text10, { color: "green", children: notice }) }) : null
+    notice ? /* @__PURE__ */ jsx11(Box11, { paddingX: 1, children: /* @__PURE__ */ jsx11(Text11, { color: "green", children: notice }) }) : null
   ] });
 }
 function Missing({ label }) {
-  return /* @__PURE__ */ jsxs8(Box10, { flexDirection: "column", paddingX: 1, children: [
-    /* @__PURE__ */ jsxs8(Text10, { dimColor: true, children: [
+  return /* @__PURE__ */ jsxs10(Box11, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsxs10(Text11, { dimColor: true, children: [
       label,
       " no longer in the list."
     ] }),
-    /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "esc back \xB7 q quit" })
+    /* @__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";
     init_chrome();
     init_JobsView();
     init_OverviewView();
-    init_RecordingsView();
     init_JobDetailView();
     init_RecordingDetailView();
     init_TranscriptView();
     init_format();
+    init_terminal();
+    RECORDINGS_PAGE_SIZE = 50;
+    RECORDINGS_PREFETCH_REMAINING = 8;
   }
 });
 
@@ -842,43 +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";
@@ -887,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 = {};
@@ -1660,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);
@@ -2072,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;
   });
 }
@@ -2223,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 {
@@ -2259,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;
@@ -2301,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")
@@ -14994,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}`);
     }
@@ -16084,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";
@@ -16389,6 +16796,36 @@ var RecappiApiClient = class {
     );
     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);
@@ -16573,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);
@@ -16621,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);
 }
@@ -16858,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 {
@@ -17374,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(" ")));
@@ -17438,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));
@@ -17481,9 +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: () => client.listRecordings({ 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;
@@ -17509,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;
     }
@@ -17520,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
       });