recappi 0.1.68 → 0.1.70

package/dist/index.js

@@ -150,6 +150,12 @@ function transcribeFraction(item) {
   if (!total || total <= 0 || done == null) return null;
   return Math.max(0, Math.min(1, done / total));
 }
+function isJobStalled(item, nowMs) {
+  return item.status === "running" && typeof item.claimExpiresAt === "number" && item.claimExpiresAt < nowMs;
+}
+function effectiveJobStatus(item, nowMs) {
+  return isJobStalled(item, nowMs) ? "stalled" : item.status;
+}
 function statusStyle(status) {
   switch (status) {
     case "running":
@@ -160,6 +166,8 @@ function statusStyle(status) {
       return { label: "Ready", color: "green" };
     case "failed":
       return { label: "Failed", color: "red" };
+    case "stalled":
+      return { label: "Stalled", color: "yellow" };
     default:
       return { label: status, color: "gray" };
   }
@@ -191,11 +199,14 @@ function statusGlyph(status, spinnerFrame) {
       return "\u2713";
     case "failed":
       return "\u2717";
+    case "stalled":
+      return "!";
     default:
       return "\u2022";
   }
 }
-function jobDetail(item) {
+function jobDetail(item, nowMs) {
+  if (nowMs != null && isJobStalled(item, nowMs)) return "stalled \u2014 worker lost \xB7 T retry";
   if (item.status === "running") {
     const fraction = transcribeFraction(item);
     if (fraction != null) {
@@ -735,17 +746,19 @@ import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function JobRow({
   item,
   selected,
-  spinnerFrame
+  spinnerFrame,
+  nowMs
 }) {
-  const style = statusStyle(item.status);
-  const glyph = statusGlyph(item.status, spinnerFrame);
+  const status = nowMs != null ? effectiveJobStatus(item, nowMs) : item.status;
+  const style = statusStyle(status);
+  const glyph = statusGlyph(status, spinnerFrame);
   const title = item.recording?.title ?? item.recordingId;
   return /* @__PURE__ */ jsxs5(Box5, { children: [
     /* @__PURE__ */ jsx7(Box5, { width: 3, children: /* @__PURE__ */ jsx7(Text5, { color: "cyan", children: selected ? "\u25B8" : "" }) }),
     /* @__PURE__ */ jsx7(Box5, { width: 2, children: /* @__PURE__ */ jsx7(Text5, { color: style.color, children: glyph }) }),
     /* @__PURE__ */ jsx7(Box5, { width: 13, children: /* @__PURE__ */ jsx7(Text5, { color: style.color, children: style.label }) }),
     /* @__PURE__ */ jsx7(Box5, { width: 26, children: /* @__PURE__ */ jsx7(Text5, { bold: selected, wrap: "truncate-end", children: title }) }),
-    /* @__PURE__ */ jsx7(Text5, { dimColor: !selected, children: jobDetail(item) })
+    /* @__PURE__ */ jsx7(Text5, { dimColor: !selected, children: jobDetail(item, nowMs) })
   ] });
 }
 var init_JobRow = __esm({
@@ -761,7 +774,8 @@ import { jsx as jsx8 } from "react/jsx-runtime";
 function JobsView({
   items,
   selectedIndex,
-  spinnerFrame
+  spinnerFrame,
+  nowMs
 }) {
   if (items.length === 0) {
     return /* @__PURE__ */ jsx8(Box6, { marginTop: 1, children: /* @__PURE__ */ jsx8(Text6, { dimColor: true, children: "No transcription jobs yet \u2014 run: recappi upload <file> --transcribe" }) });
@@ -771,7 +785,8 @@ function JobsView({
     {
       item,
       selected: index === selectedIndex,
-      spinnerFrame
+      spinnerFrame,
+      nowMs
     },
     item.jobId
   )) });
@@ -794,6 +809,7 @@ function recordingTitle2(item) {
 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 === "stalled") return { glyph: "!", color: "yellow" };
   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" };
@@ -1019,7 +1035,8 @@ function JobDetailView({
   spinnerFrame,
   nowMs
 }) {
-  const style = statusStyle(item.status);
+  const status = effectiveJobStatus(item, nowMs);
+  const style = statusStyle(status);
   const links = resolveJobLinks(item, origin);
   const title = item.recording?.title ?? item.recordingId;
   return /* @__PURE__ */ jsxs10(Box11, { flexDirection: "column", paddingX: 1, children: [
@@ -1067,10 +1084,10 @@ function JobDetailView({
       /* @__PURE__ */ jsx13(
         TimelineRow,
         {
-          label: item.status === "failed" ? "Failed" : item.status === "running" ? "Transcribing" : "Finished",
+          label: status === "failed" ? "Failed" : status === "stalled" ? "Stalled \u2014 worker lost" : status === "running" ? "Transcribing" : "Finished",
           done: item.finishedAt != null,
           failed: item.status === "failed",
-          running: item.status === "running",
+          running: status === "running",
           at: item.finishedAt,
           nowMs
         }
@@ -2007,6 +2024,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 +2264,7 @@ function AppShell({
     } else {
       setAccountStatus("error");
     }
+    setLoaded(true);
   }, [fetchJobs, fetchRecordings, fetchDashboardStats, fetchAccountStatus]);
   const transcribeStoppedRecording = useCallback(async () => {
     const current = liveRecord;
@@ -2446,16 +2465,17 @@ 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]);
-  const jobRank = (s) => s === "running" ? 4 : s === "queued" ? 3 : s === "failed" ? 2 : s === "succeeded" ? 1 : 0;
+  }, [hasRunning, loaded, spinnerMs]);
+  const jobRank = (s) => s === "running" ? 5 : s === "stalled" ? 4 : s === "queued" ? 3 : s === "failed" ? 2 : s === "succeeded" ? 1 : 0;
   const jobStatusByRecording = /* @__PURE__ */ new Map();
   for (const job of jobs) {
+    const status = effectiveJobStatus(job, now());
     const prev = jobStatusByRecording.get(job.recordingId);
-    if (!prev || jobRank(job.status) > jobRank(prev)) {
-      jobStatusByRecording.set(job.recordingId, job.status);
+    if (!prev || jobRank(status) > jobRank(prev)) {
+      jobStatusByRecording.set(job.recordingId, status);
     }
   }
   useEffect4(() => {
@@ -2682,12 +2702,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 +2774,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);
@@ -2795,7 +2822,8 @@ function AppShell({
       {
         items: jobs.slice(win.start, win.end),
         selectedIndex: selected - win.start,
-        spinnerFrame
+        spinnerFrame,
+        nowMs: now()
       }
     );
   }
@@ -2830,6 +2858,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 +17930,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 +17959,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 +19600,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 +19867,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: {