recappi 0.1.1 → 0.1.2

package/dist/index.js

@@ -20,7 +20,7 @@ function Header({ active }) {
     ] }),
     /* @__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: "3", label: "Recordings", active: active === "recordings", enabled: true })
   ] });
 }
 function Tab({
@@ -151,6 +151,36 @@ 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 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 +242,149 @@ 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) {
+  return item.title || item.summaryTitle || item.recordingId;
+}
+function RecordingRow({
+  item,
+  selected,
+  nowMs
+}) {
+  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 ");
+  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 })
+  ] });
+}
+var init_RecordingRow = __esm({
+  "src/tui/RecordingRow.tsx"() {
+    "use strict";
+    init_format();
+  }
+});
+
+// src/tui/OverviewView.tsx
+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({
-  items,
+  recordings,
+  jobs,
+  stats,
   selectedIndex,
   spinnerFrame,
   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"
+  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;
+  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__ */ 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"
+      /* @__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__ */ 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__ */ 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,
-          spinnerFrame
+          nowMs
         },
-        item.jobId
+        item.recordingId
       ))
     ] }),
-    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);
+    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
   ] });
 }
+var RECENT_LIMIT;
 var init_OverviewView = __esm({
   "src/tui/OverviewView.tsx"() {
     "use strict";
-    init_JobRow();
+    init_RecordingRow();
     init_format();
+    RECENT_LIMIT = 6;
+  }
+});
+
+// src/tui/RecordingsView.tsx
+import { Box as Box6, Text as Text6 } from "ink";
+import { jsx as jsx6 } from "react/jsx-runtime";
+function RecordingsView({
+  items,
+  selectedIndex,
+  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
+  )) });
+}
+var init_RecordingsView = __esm({
+  "src/tui/RecordingsView.tsx"() {
+    "use strict";
+    init_RecordingRow();
   }
 });
 
 // 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 Box7, Text as Text7 } from "ink";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function JobDetailView({
   item,
   origin,
@@ -298,13 +394,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__ */ jsxs5(Box7, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsxs5(Text7, { dimColor: true, children: [
       "\u2039 Jobs / ",
       title
     ] }),
-    /* @__PURE__ */ jsxs4(
-      Box5,
+    /* @__PURE__ */ jsxs5(
+      Box7,
       {
         marginTop: 1,
         borderStyle: "round",
@@ -312,17 +408,17 @@ function JobDetailView({
         paddingX: 1,
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsxs4(Text5, { color: style.color, bold: true, children: [
+          /* @__PURE__ */ jsxs5(Text7, { color: style.color, bold: true, children: [
             style.label,
-            item.provider ? /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: `   ${item.provider}` }) : null
+            item.provider ? /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: `   ${item.provider}` }) : null
           ] }),
-          /* @__PURE__ */ jsx5(StatusLine, { item, spinnerFrame, nowMs })
+          /* @__PURE__ */ jsx7(StatusLine, { item, spinnerFrame, nowMs })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs4(Box5, { marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx5(Text5, { bold: true, children: "Timeline" }),
-      /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsxs5(Box7, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsx7(Text7, { bold: true, children: "Timeline" }),
+      /* @__PURE__ */ jsx7(
         TimelineRow,
         {
           label: "Enqueued",
@@ -331,7 +427,7 @@ function JobDetailView({
           nowMs
         }
       ),
-      /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsx7(
         TimelineRow,
         {
           label: "Started",
@@ -340,7 +436,7 @@ function JobDetailView({
           nowMs
         }
       ),
-      /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsx7(
         TimelineRow,
         {
           label: item.status === "failed" ? "Failed" : item.status === "running" ? "Transcribing" : "Finished",
@@ -352,21 +448,21 @@ function JobDetailView({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsxs4(Text5, { children: [
-      /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "Recording " }),
+    /* @__PURE__ */ jsx7(Box7, { marginTop: 1, children: /* @__PURE__ */ jsxs5(Text7, { children: [
+      /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "Recording " }),
       title,
-      item.recording?.durationMs ? /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: `  \xB7  ${formatClockMs(item.recording.durationMs)}` }) : null
+      item.recording?.durationMs ? /* @__PURE__ */ jsx7(Text7, { 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__ */ 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__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsxs4(Text5, { dimColor: true, children: [
+    /* @__PURE__ */ jsx7(Box7, { marginTop: 1, children: /* @__PURE__ */ jsxs5(Text7, { dimColor: true, children: [
       "esc back \xB7 t transcript",
       item.transcriptId ? "" : " (when ready)",
       " \xB7 q quit"
@@ -383,24 +479,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__ */ jsxs5(Text7, { children: [
         `${progressBar(fraction)} ${pct}%  ${formatClockMs(item.processedDurationMs)} / ${formatClockMs(
           item.recording?.durationMs
         )}`,
-        /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: elapsed })
+        /* @__PURE__ */ jsx7(Text7, { 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__ */ jsxs5(Text7, { children: [
       `${spinner} transcribing\u2026`,
-      /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: elapsed })
+      /* @__PURE__ */ jsx7(Text7, { 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__ */ 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 });
 }
 function TimelineRow({
   label,
@@ -413,10 +509,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__ */ 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
   ] });
 }
 var init_JobDetailView = __esm({
@@ -426,46 +522,111 @@ 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";
+function RecordingDetailView({
+  item,
+  nowMs
+}) {
+  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  ");
+  return /* @__PURE__ */ jsxs6(Box8, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsxs6(Text8, { dimColor: true, children: [
+      "\u2039 Recordings / ",
+      title
+    ] }),
+    /* @__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"
+    ] }) })
+  ] });
+}
+var init_RecordingDetailView = __esm({
+  "src/tui/RecordingDetailView.tsx"() {
+    "use strict";
+    init_format();
+    init_RecordingRow();
+  }
+});
+
 // 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 Box9, Text as Text9 } from "ink";
+import { jsx as jsx9, jsxs as jsxs7 } 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__ */ jsx9(Box9, { paddingX: 1, children: /* @__PURE__ */ jsx9(Text9, { 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__ */ jsxs7(Box9, { flexDirection: "column", paddingX: 1, children: [
+      /* @__PURE__ */ jsxs7(Text9, { color: "red", children: [
         "! ",
         error51
       ] }),
-      /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "q / esc / \u2190 back" })
+      /* @__PURE__ */ jsx9(Text9, { 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__ */ jsx9(Box9, { paddingX: 1, children: /* @__PURE__ */ jsx9(Text9, { 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__ */ 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: [
         "[",
         formatClockMs(segment.startMs),
         "] "
       ] }),
-      segment.speaker ? /* @__PURE__ */ jsxs5(Text6, { color: "cyan", children: [
+      segment.speaker ? /* @__PURE__ */ jsxs7(Text9, { 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__ */ jsxs7(Box9, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsx9(Text9, { bold: true, children: "Summary" }),
+      /* @__PURE__ */ jsx9(Text9, { children: summary.tldr })
     ] }) : null,
-    /* @__PURE__ */ jsx6(Box6, { marginTop: 1, children: /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "q / esc / \u2190 back" }) })
+    /* @__PURE__ */ jsx9(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "q / esc / \u2190 back" }) })
   ] });
 }
 var init_TranscriptView = __esm({
@@ -477,11 +638,13 @@ var init_TranscriptView = __esm({
 
 // 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 Box10, Text as Text10, useApp, useInput } from "ink";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function AppShell({
   fetchJobs,
   fetchTranscript,
+  fetchRecordings,
+  fetchDashboardStats,
   initialView = "overview",
   openUrl: openUrl2,
   copyText: copyText2,
@@ -490,41 +653,48 @@ function AppShell({
   spinnerMs = 80
 }) {
   const { exit } = useApp();
-  const [items, setItems] = useState([]);
+  const [jobs, setJobs] = useState([]);
+  const [recordings, setRecordings] = useState([]);
+  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 [loadError, setLoadError] = useState(void 0);
   const [notice, setNotice] = useState(void 0);
   const screen = stack[stack.length - 1];
   const refresh = useCallback(async () => {
-    try {
-      const data = await fetchJobs();
-      setItems(data.items);
-      setOrigin(data.origin);
+    const [jobsR, recR, statsR] = await Promise.allSettled([
+      fetchJobs(),
+      fetchRecordings ? fetchRecordings() : 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);
-    } catch (error51) {
-      setLoadError(error51 instanceof Error ? error51.message : String(error51));
+    } else {
+      setLoadError(jobsR.reason instanceof Error ? jobsR.reason.message : String(jobsR.reason));
     }
-  }, [fetchJobs]);
+    if (recR.status === "fulfilled" && recR.value) setRecordings(recR.value.items);
+    if (statsR.status === "fulfilled" && statsR.value) setStats(statsR.value);
+  }, [fetchJobs, fetchRecordings, fetchDashboardStats]);
   useEffect(() => {
     void refresh();
     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 recordingList = screen.kind === "overview" ? overviewRecentRecordings(recordings) : recordings;
+  const listLength = screen.kind === "jobs" ? jobs.length : recordingList.length;
   useEffect(() => {
-    setSelected((i) => Math.max(0, Math.min(i, Math.max(0, currentList.length - 1))));
-  }, [currentList.length]);
+    setSelected((i) => Math.max(0, Math.min(i, Math.max(0, listLength - 1))));
+  }, [listLength]);
   const openTranscript = useCallback(
     async (transcriptId) => {
       setStack((st) => [...st, { kind: "transcript", loading: true }]);
@@ -552,33 +722,46 @@ 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 === "3") return goTab("recordings");
+    if (input === "r") return void refresh();
+    if (screen.kind === "overview" || screen.kind === "recordings") {
+      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.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) {
+        copyText2?.(links.webUrl);
+        setNotice("Link copied");
+      }
+      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" || input === "w") && links.webUrl) openUrl2?.(links.webUrl);
       else if (input === "m") setNotice("Mac app deeplink not available yet");
       else if (input === "c" && links.webUrl) {
@@ -589,43 +772,56 @@ function AppShell({
     }
   });
   if (screen.kind === "transcript") {
-    return /* @__PURE__ */ jsx7(TranscriptView, { loading: screen.loading, data: screen.data, error: screen.error });
+    return /* @__PURE__ */ jsx10(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 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(
+    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 (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(
       OverviewView,
       {
-        items,
+        recordings,
+        jobs,
+        stats,
         selectedIndex: selected,
         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: [
+    ) : 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__ */ jsx7(
-      Footer,
-      {
-        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"
-      }
-    )
+    /* @__PURE__ */ jsx10(Footer, { keys: footerKeys })
+  ] });
+}
+function Detail({
+  notice,
+  children
+}) {
+  return /* @__PURE__ */ jsxs8(Box10, { flexDirection: "column", children: [
+    children,
+    notice ? /* @__PURE__ */ jsx10(Box10, { paddingX: 1, children: /* @__PURE__ */ jsx10(Text10, { color: "green", children: notice }) }) : null
+  ] });
+}
+function Missing({ label }) {
+  return /* @__PURE__ */ jsxs8(Box10, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsxs8(Text10, { dimColor: true, children: [
+      label,
+      " no longer in the list."
+    ] }),
+    /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "esc back \xB7 q quit" })
   ] });
 }
 var init_AppShell = __esm({
@@ -634,7 +830,9 @@ var init_AppShell = __esm({
     init_chrome();
     init_JobsView();
     init_OverviewView();
+    init_RecordingsView();
     init_JobDetailView();
+    init_RecordingDetailView();
     init_TranscriptView();
     init_format();
   }
@@ -672,6 +870,8 @@ async function runDashboard(deps) {
     React2.createElement(AppShell, {
       fetchJobs: deps.fetchJobs,
       fetchTranscript: deps.fetchTranscript,
+      fetchRecordings: deps.fetchRecordings,
+      fetchDashboardStats: deps.fetchDashboardStats,
       initialView: deps.initialView ?? "overview",
       openUrl,
       copyText
@@ -15340,6 +15540,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(),
@@ -16130,6 +16369,30 @@ 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 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) {
@@ -16510,9 +16773,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",
@@ -16672,6 +16985,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 +17215,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 +17336,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
@@ -17084,6 +17481,8 @@ 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 }),
+        fetchDashboardStats: () => client.dashboardStats(),
         fetchTranscript: (transcriptId) => client.getTranscript(transcriptId),
         initialView: parsed.initialView
       });
@@ -17181,6 +17580,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 +17820,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 +17972,9 @@ var VALUE_OPTIONS = /* @__PURE__ */ new Set([
   "--provider",
   "--prompt",
   "--status",
-  "--limit"
+  "--limit",
+  "--cursor",
+  "--search"
 ]);
 function hasCommandToken(argv) {
   return commandTokens(argv).length > 0;