Report measured usage costs and link completed runs to the annotation viewer

frontend/src/main.tsx

@@ -117,6 +117,8 @@ type Progress = {
   expected: number;
   completed: number;
   failed: number;
+  stopped?: number;
+  pending?: number;
   usage: {
     measured_inference_usd?: number;
     successful_calls?: number;
@@ -1435,11 +1437,15 @@ function App() {
                             <code>{j.id.slice(0, 8)}</code>
                           </p>
                         </div>
-                        <span className={`job-status ${j.stage.toLowerCase()}`}>
+                        <span
+                          className={`job-status ${progress[j.id]?.status === "partial" ? "partial" : j.stage.toLowerCase()}`}
+                        >
                           {!terminal.has(j.stage) && (
                             <LoaderCircle size={12} className="spin" />
                           )}
-                          {j.stage.toLowerCase()}
+                          {progress[j.id]?.status === "partial"
+                            ? "Partial"
+                            : j.stage.toLowerCase()}
                         </span>
                       </div>
                       {progress[j.id] && (
@@ -1456,7 +1462,9 @@ function App() {
                             value={progress[j.id].completed}
                           />
                           <small>
-                            {progress[j.id].failed} unsuccessful episodes ·
+                            {progress[j.id].failed} failed ·{" "}
+                            {progress[j.id].stopped || 0} stopped ·{" "}
+                            {progress[j.id].pending || 0} not processed ·
                             measured inference{" "}
                             {money(
                               progress[j.id].usage.measured_inference_usd || 0,

frontend/src/style.css

@@ -2559,3 +2559,9 @@ footer > span {
     gap: 8px;
   }
 }
+
+.job-status.partial {
+  background: var(--accent-fill);
+  color: var(--fg-soft);
+  border-color: var(--line);
+}

server.py

@@ -402,7 +402,9 @@ def progress(job_id: str, request: Request):
             else report["status"],
             "expected": report["expected_episodes"],
             "completed": sum(e["status"] == "completed" for e in episodes),
-            "failed": sum(e["status"] != "completed" for e in episodes),
+            "failed": sum(e["status"] == "failed" for e in episodes),
+            "stopped": sum(e["status"] in {"time_stopped", "budget_stopped"} for e in episodes),
+            "pending": max(0, report["expected_episodes"] - len(episodes)),
             "usage": report.get("usage", {}),
             "cost": usage_costs(job, report),
             "annotation_url": annotation_url(report),