recappi 0.1.68 → 0.1.69

package/dist/index.js

@@ -2007,6 +2007,7 @@ function AppShell({
   const [selected, setSelected] = useState8(0);
   const [spinnerFrame, setSpinnerFrame] = useState8(0);
   const [loadingMoreRecordings, setLoadingMoreRecordings] = useState8(false);
+  const [loaded, setLoaded] = useState8(false);
   const [loadError, setLoadError] = useState8(void 0);
   const [notice, setNotice] = useState8(void 0);
   const [summaryCache, setSummaryCache] = useState8(() => /* @__PURE__ */ new Map());
@@ -2246,6 +2247,7 @@ function AppShell({
     } else {
       setAccountStatus("error");
     }
+    setLoaded(true);
   }, [fetchJobs, fetchRecordings, fetchDashboardStats, fetchAccountStatus]);
   const transcribeStoppedRecording = useCallback(async () => {
     const current = liveRecord;
@@ -2446,10 +2448,10 @@ function AppShell({
   }, [refresh, pollMs]);
   const hasRunning = jobs.some((item) => item.status === "running");
   useEffect4(() => {
-    if (!hasRunning) return;
+    if (!hasRunning && loaded) return;
     const id = setInterval(() => setSpinnerFrame((f) => f + 1), spinnerMs);
     return () => clearInterval(id);
-  }, [hasRunning, spinnerMs]);
+  }, [hasRunning, loaded, spinnerMs]);
   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) {
@@ -2682,12 +2684,12 @@ function AppShell({
   }
   if (screen.kind === "jobDetail") {
     const job = jobs.find((j) => j.jobId === screen.jobId);
-    if (!job) return /* @__PURE__ */ jsx19(Missing, { label: "Job" });
+    if (!job) return !loaded ? /* @__PURE__ */ jsx19(Loading, { label: "job" }) : /* @__PURE__ */ jsx19(Missing, { label: "Job" });
     return /* @__PURE__ */ jsx19(Detail, { notice, children: /* @__PURE__ */ jsx19(JobDetailView, { item: job, origin, spinnerFrame, nowMs: now() }) });
   }
   if (screen.kind === "recordingDetail") {
     const rec = recordings.find((r) => r.recordingId === screen.recordingId);
-    if (!rec) return /* @__PURE__ */ jsx19(Missing, { label: "Recording" });
+    if (!rec) return !loaded ? /* @__PURE__ */ jsx19(Loading, { label: "recording" }) : /* @__PURE__ */ jsx19(Missing, { label: "Recording" });
     const detailTranscript = rec.activeTranscriptId ? transcriptCache.get(rec.activeTranscriptId) : void 0;
     return /* @__PURE__ */ jsx19(Detail, { notice, children: /* @__PURE__ */ jsx19(
       RecordingDetailView,
@@ -2754,7 +2756,14 @@ function AppShell({
   const tab = screen.kind === "jobs" ? "jobs" : screen.kind === "account" ? "account" : "overview";
   let body;
   let position = "";
-  if (screen.kind === "overview") {
+  if (!loaded) {
+    position = "";
+    const spin = "\u280B\u2819\u2839\u2838\u283C\u2834\u2826\u2827\u2807\u280F"[spinnerFrame % 10];
+    body = /* @__PURE__ */ jsx19(Box17, { marginTop: 1, children: /* @__PURE__ */ jsxs16(Text17, { color: "cyan", children: [
+      spin,
+      " Loading\u2026"
+    ] }) });
+  } else 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);
@@ -2830,6 +2839,13 @@ function Missing({ label }) {
     /* @__PURE__ */ jsx19(Text17, { dimColor: true, children: "esc back \xB7 q quit" })
   ] });
 }
+function Loading({ label }) {
+  return /* @__PURE__ */ jsx19(Box17, { paddingX: 1, children: /* @__PURE__ */ jsxs16(Text17, { color: "cyan", children: [
+    "Loading ",
+    label,
+    "\u2026"
+  ] }) });
+}
 var RECORDINGS_PAGE_SIZE, RECORDINGS_PREFETCH_REMAINING;
 var init_AppShell = __esm({
   "src/tui/AppShell.tsx"() {
@@ -17895,6 +17911,9 @@ var jobDataSchema = external_exports.object({
   model: external_exports.string().optional(),
   language: external_exports.string().nullable().optional(),
   progressPercent: external_exports.number().min(0).max(100).nullable().optional(),
+  claimExpiresAt: external_exports.number().int().nullable().optional(),
+  lastHeartbeatAt: external_exports.number().int().nullable().optional(),
+  heartbeatPhase: external_exports.string().nullable().optional(),
   processedDurationMs: external_exports.number().int().nonnegative().nullable().optional(),
   recording: external_exports.object({
     title: external_exports.string().nullable().optional(),
@@ -17921,6 +17940,8 @@ var jobListItemSchema = external_exports.object({
   enqueuedAt: external_exports.number().int().nullable().optional(),
   startedAt: external_exports.number().int().nullable().optional(),
   finishedAt: external_exports.number().int().nullable().optional(),
+  claimExpiresAt: external_exports.number().int().nullable().optional(),
+  lastHeartbeatAt: external_exports.number().int().nullable().optional(),
   processedDurationMs: external_exports.number().int().nonnegative().nullable().optional(),
   heartbeatPhase: external_exports.string().nullable().optional(),
   recording: external_exports.object({
@@ -19560,6 +19581,9 @@ var RecappiApiClient = class {
       ...typeof parsed.model === "string" ? { model: parsed.model } : {},
       ...typeof parsed.language === "string" || parsed.language === null ? { language: parsed.language } : {},
       ...progressPercent !== void 0 ? { progressPercent } : {},
+      ...typeof parsed.claimExpiresAt === "number" || parsed.claimExpiresAt === null ? { claimExpiresAt: parsed.claimExpiresAt } : {},
+      ...typeof parsed.lastHeartbeatAt === "number" || parsed.lastHeartbeatAt === null ? { lastHeartbeatAt: parsed.lastHeartbeatAt } : {},
+      ...typeof parsed.heartbeatPhase === "string" || parsed.heartbeatPhase === null ? { heartbeatPhase: parsed.heartbeatPhase } : {},
       ...processedDurationMs !== void 0 ? { processedDurationMs } : {},
       ...recording ? {
         recording: {
@@ -19824,6 +19848,8 @@ function mapJobListItem(row) {
     ...typeof row.enqueuedAt === "number" || row.enqueuedAt === null ? { enqueuedAt: row.enqueuedAt } : {},
     ...typeof row.startedAt === "number" || row.startedAt === null ? { startedAt: row.startedAt } : {},
     ...typeof row.finishedAt === "number" || row.finishedAt === null ? { finishedAt: row.finishedAt } : {},
+    ...typeof row.claimExpiresAt === "number" || row.claimExpiresAt === null ? { claimExpiresAt: row.claimExpiresAt } : {},
+    ...typeof row.lastHeartbeatAt === "number" || row.lastHeartbeatAt === null ? { lastHeartbeatAt: row.lastHeartbeatAt } : {},
     ...typeof row.processedDurationMs === "number" || row.processedDurationMs === null ? { processedDurationMs: row.processedDurationMs } : {},
     ...typeof row.heartbeatPhase === "string" || row.heartbeatPhase === null ? { heartbeatPhase: row.heartbeatPhase } : {},
     recording: {