@bolt-foundry/gambit 0.5.3-dev.1 → 0.6.0

package/{simulator-ui → esm/gambit/simulator-ui/dist}/bundle.js

@@ -24,9 +24,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 
-// ../../node_modules/.deno/react@19.2.3/node_modules/react/cjs/react.development.js
+// ../../../.cache/deno/npm/registry.npmjs.org/react/19.2.3/cjs/react.development.js
 var require_react_development = __commonJS({
-  "../../node_modules/.deno/react@19.2.3/node_modules/react/cjs/react.development.js"(exports, module) {
+  "../../../.cache/deno/npm/registry.npmjs.org/react/19.2.3/cjs/react.development.js"(exports, module) {
     "use strict";
     (function() {
       function defineDeprecationWarning(methodName, info) {
@@ -821,9 +821,9 @@ var require_react_development = __commonJS({
   }
 });
 
-// ../../node_modules/.deno/react@19.2.3/node_modules/react/index.js
-var require_react = __commonJS({
-  "../../node_modules/.deno/react@19.2.3/node_modules/react/index.js"(exports, module) {
+// ../../../.cache/deno/npm/registry.npmjs.org/react/19.2.3/index.js
+var require__ = __commonJS({
+  "../../../.cache/deno/npm/registry.npmjs.org/react/19.2.3/index.js"(exports, module) {
     "use strict";
     if (false) {
       module.exports = null;
@@ -833,9 +833,9 @@ var require_react = __commonJS({
   }
 });
 
-// ../../node_modules/.deno/react@19.2.3/node_modules/react/cjs/react-jsx-runtime.development.js
+// ../../../.cache/deno/npm/registry.npmjs.org/react/19.2.3/cjs/react-jsx-runtime.development.js
 var require_react_jsx_runtime_development = __commonJS({
-  "../../node_modules/.deno/react@19.2.3/node_modules/react/cjs/react-jsx-runtime.development.js"(exports) {
+  "../../../.cache/deno/npm/registry.npmjs.org/react/19.2.3/cjs/react-jsx-runtime.development.js"(exports) {
     "use strict";
     (function() {
       function getComponentNameFromType(type) {
@@ -1013,7 +1013,7 @@ var require_react_jsx_runtime_development = __commonJS({
       function isValidElement(object) {
         return "object" === typeof object && null !== object && object.$$typeof === REACT_ELEMENT_TYPE;
       }
-      var React2 = require_react(), REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = Symbol.for("react.profiler"), REACT_CONSUMER_TYPE = Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"), REACT_ACTIVITY_TYPE = Symbol.for("react.activity"), REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"), ReactSharedInternals = React2.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, hasOwnProperty = Object.prototype.hasOwnProperty, isArrayImpl = Array.isArray, createTask = console.createTask ? console.createTask : function() {
+      var React2 = require__(), REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = Symbol.for("react.profiler"), REACT_CONSUMER_TYPE = Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"), REACT_ACTIVITY_TYPE = Symbol.for("react.activity"), REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"), ReactSharedInternals = React2.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, hasOwnProperty = Object.prototype.hasOwnProperty, isArrayImpl = Array.isArray, createTask = console.createTask ? console.createTask : function() {
         return null;
       };
       React2 = {
@@ -1039,9 +1039,9 @@ var require_react_jsx_runtime_development = __commonJS({
   }
 });
 
-// ../../node_modules/.deno/react@19.2.3/node_modules/react/jsx-runtime.js
+// ../../../.cache/deno/npm/registry.npmjs.org/react/19.2.3/jsx-runtime.js
 var require_jsx_runtime = __commonJS({
-  "../../node_modules/.deno/react@19.2.3/node_modules/react/jsx-runtime.js"(exports, module) {
+  "../../../.cache/deno/npm/registry.npmjs.org/react/19.2.3/jsx-runtime.js"(exports, module) {
     "use strict";
     if (false) {
       module.exports = null;
@@ -1051,9 +1051,9 @@ var require_jsx_runtime = __commonJS({
   }
 });
 
-// ../../node_modules/.deno/scheduler@0.27.0/node_modules/scheduler/cjs/scheduler.development.js
+// ../../../.cache/deno/npm/registry.npmjs.org/scheduler/0.27.0/cjs/scheduler.development.js
 var require_scheduler_development = __commonJS({
-  "../../node_modules/.deno/scheduler@0.27.0/node_modules/scheduler/cjs/scheduler.development.js"(exports) {
+  "../../../.cache/deno/npm/registry.npmjs.org/scheduler/0.27.0/cjs/scheduler.development.js"(exports) {
     "use strict";
     (function() {
       function performWorkUntilDeadline() {
@@ -1292,9 +1292,9 @@ var require_scheduler_development = __commonJS({
   }
 });
 
-// ../../node_modules/.deno/scheduler@0.27.0/node_modules/scheduler/index.js
-var require_scheduler = __commonJS({
-  "../../node_modules/.deno/scheduler@0.27.0/node_modules/scheduler/index.js"(exports, module) {
+// ../../../.cache/deno/npm/registry.npmjs.org/scheduler/0.27.0/index.js
+var require__2 = __commonJS({
+  "../../../.cache/deno/npm/registry.npmjs.org/scheduler/0.27.0/index.js"(exports, module) {
     "use strict";
     if (false) {
       module.exports = null;
@@ -1304,9 +1304,9 @@ var require_scheduler = __commonJS({
   }
 });
 
-// ../../node_modules/.deno/react-dom@19.2.3/node_modules/react-dom/cjs/react-dom.development.js
+// ../../../.cache/deno/npm/registry.npmjs.org/react-dom/19.2.3/cjs/react-dom.development.js
 var require_react_dom_development = __commonJS({
-  "../../node_modules/.deno/react-dom@19.2.3/node_modules/react-dom/cjs/react-dom.development.js"(exports) {
+  "../../../.cache/deno/npm/registry.npmjs.org/react-dom/19.2.3/cjs/react-dom.development.js"(exports) {
     "use strict";
     (function() {
       function noop() {
@@ -1347,7 +1347,7 @@ var require_react_dom_development = __commonJS({
         return dispatcher;
       }
       "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-      var React2 = require_react(), Internals = {
+      var React2 = require__(), Internals = {
         d: {
           f: noop,
           r: function() {
@@ -1476,9 +1476,9 @@ var require_react_dom_development = __commonJS({
   }
 });
 
-// ../../node_modules/.deno/react-dom@19.2.3/node_modules/react-dom/index.js
-var require_react_dom = __commonJS({
-  "../../node_modules/.deno/react-dom@19.2.3/node_modules/react-dom/index.js"(exports, module) {
+// ../../../.cache/deno/npm/registry.npmjs.org/react-dom/19.2.3/index.js
+var require__3 = __commonJS({
+  "../../../.cache/deno/npm/registry.npmjs.org/react-dom/19.2.3/index.js"(exports, module) {
     "use strict";
     if (false) {
       checkDCE();
@@ -1489,9 +1489,9 @@ var require_react_dom = __commonJS({
   }
 });
 
-// ../../node_modules/.deno/react-dom@19.2.3/node_modules/react-dom/cjs/react-dom-client.development.js
+// ../../../.cache/deno/npm/registry.npmjs.org/react-dom/19.2.3/cjs/react-dom-client.development.js
 var require_react_dom_client_development = __commonJS({
-  "../../node_modules/.deno/react-dom@19.2.3/node_modules/react-dom/cjs/react-dom-client.development.js"(exports) {
+  "../../../.cache/deno/npm/registry.npmjs.org/react-dom/19.2.3/cjs/react-dom-client.development.js"(exports) {
     "use strict";
     (function() {
       function findHook(fiber, id) {
@@ -13575,7 +13575,7 @@ var require_react_dom_client_development = __commonJS({
         container[internalContainerInstanceKey] && (container._reactRootContainer ? console.error("You are calling ReactDOMClient.createRoot() on a container that was previously passed to ReactDOM.render(). This is not supported.") : console.error("You are calling ReactDOMClient.createRoot() on a container that has already been passed to createRoot() before. Instead, call root.render() on the existing root instead if you want to update it."));
       }
       "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-      var Scheduler = require_scheduler(), React2 = require_react(), ReactDOM = require_react_dom(), assign = Object.assign, REACT_LEGACY_ELEMENT_TYPE = Symbol.for("react.element"), REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = Symbol.for("react.profiler"), REACT_CONSUMER_TYPE = Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy");
+      var Scheduler = require__2(), React2 = require__(), ReactDOM = require__3(), assign = Object.assign, REACT_LEGACY_ELEMENT_TYPE = Symbol.for("react.element"), REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = Symbol.for("react.profiler"), REACT_CONSUMER_TYPE = Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy");
       Symbol.for("react.scope");
       var REACT_ACTIVITY_TYPE = Symbol.for("react.activity");
       Symbol.for("react.legacy_hidden");
@@ -16637,9 +16637,9 @@ var require_react_dom_client_development = __commonJS({
   }
 });
 
-// ../../node_modules/.deno/react-dom@19.2.3/node_modules/react-dom/client.js
+// ../../../.cache/deno/npm/registry.npmjs.org/react-dom/19.2.3/client.js
 var require_client = __commonJS({
-  "../../node_modules/.deno/react-dom@19.2.3/node_modules/react-dom/client.js"(exports, module) {
+  "../../../.cache/deno/npm/registry.npmjs.org/react-dom/19.2.3/client.js"(exports, module) {
     "use strict";
     if (false) {
       checkDCE();
@@ -16652,7 +16652,7 @@ var require_client = __commonJS({
 
 // simulator-ui/src/main.tsx
 var import_jsx_runtime = __toESM(require_jsx_runtime());
-var import_react = __toESM(require_react());
+var import_react = __toESM(require__());
 var import_client = __toESM(require_client());
 
 // simulator-ui/src/styles.ts
@@ -16909,6 +16909,34 @@ button.primary:disabled {
   border-radius: 5px;
   display: inline-block;
 }
+.calibrate-run-turn--pending {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  background: #e2e8f0;
+}
+.calibrate-run-turn--empty {
+  background: #f1f5f9;
+  border: 1px solid #e2e8f0;
+}
+.calibrate-spinner {
+  width: 16px;
+  height: 16px;
+  border-radius: 999px;
+  border: 2px solid rgba(15, 23, 42, 0.25);
+  border-top-color: #0b93f6;
+  animation: calibrate-spin 0.9s linear infinite;
+}
+.calibrate-spinner--tiny {
+  width: 10px;
+  height: 10px;
+  border-width: 2px;
+}
+@keyframes calibrate-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
 .calibrate-run-body {
   display: flex;
   flex-direction: column;
@@ -17187,6 +17215,10 @@ button.primary:disabled {
   font-size: 18px;
   font-weight: 700;
 }
+.calibrate-score-badge--pending {
+  background: #f1f5f9;
+  color: #0f172a;
+}
 .calibrate-score--positive {
   background: #16a34a;
   color: #ffffff;
@@ -17196,9 +17228,13 @@ button.primary:disabled {
   color: #ffffff;
 }
 .calibrate-score--neutral {
-  background: #94a3b8;
+  background: #64748b;
   color: #ffffff;
 }
+.calibrate-score--empty {
+  background: #e2e8f0;
+  color: #0f172a;
+}
 .calibrate-result-meta {
   display: flex;
   flex-direction: column;
@@ -18040,6 +18076,9 @@ function formatTimestampShort(iso) {
 function countUserMessages(messages) {
   return messages.filter((m) => m.role === "user").length;
 }
+function countAssistantMessages(messages) {
+  return messages.filter((m) => m.role === "assistant").length;
+}
 function extractScoreAndReason(result) {
   if (!result || typeof result !== "object") return {};
   const record = result;
@@ -18058,6 +18097,12 @@ function extractScoreAndReasonFromSample(sample) {
     reason: typeof sample.reason === "string" ? sample.reason : void 0
   };
 }
+function getScoreClass(displayScore) {
+  if (displayScore === void 0) return "calibrate-score--empty";
+  if (displayScore > 0) return "calibrate-score--positive";
+  if (displayScore < 0) return "calibrate-score--negative";
+  return "calibrate-score--neutral";
+}
 function extractTurnContext(input) {
   if (!input || typeof input !== "object") return {};
   const record = input;
@@ -18079,6 +18124,27 @@ function extractTurnContext(input) {
     gradedAssistant
   };
 }
+function extractTotalTurns(input) {
+  if (!input || typeof input !== "object") return void 0;
+  const record = input;
+  const session = record.session;
+  const messages = session && typeof session === "object" && Array.isArray(session.messages) ? session.messages : Array.isArray(record.messages) ? record.messages : [];
+  const total = countAssistantMessages(messages);
+  return total > 0 ? total : void 0;
+}
+function extractTotalTurnsFromResult(result) {
+  if (!result || typeof result !== "object") return void 0;
+  const record = result;
+  if (record.mode !== "turns") return void 0;
+  const totalTurns = typeof record.totalTurns === "number" ? record.totalTurns : void 0;
+  const turns = Array.isArray(record.turns) ? record.turns : void 0;
+  if (typeof totalTurns === "number") return totalTurns;
+  return turns ? turns.length : void 0;
+}
+function isTurnsResult(result) {
+  if (!result || typeof result !== "object") return false;
+  return result.mode === "turns";
+}
 function extractConversationContext(input) {
   if (!input || typeof input !== "object") return {};
   const record = input;
@@ -20463,7 +20529,20 @@ function CalibrateApp() {
             referenceSample: turn.referenceSample
           });
         });
-        if (turns.length === 0) {
+        if (run.status === "running") {
+          const pendingTurnNumber = turns.length + 1;
+          items.unshift({
+            key: `${run.id}-turn-pending-${pendingTurnNumber}`,
+            label: `Assistant turn ${pendingTurnNumber}`,
+            status: "running",
+            runAt: run.runAt,
+            runId: run.id,
+            turnNumber: pendingTurnNumber,
+            refId: `gradingRun:${run.id}#turn:${pendingTurnNumber}`,
+            pending: true
+          });
+        }
+        if (turns.length === 0 && run.status !== "running") {
           items.push({
             key: `${run.id}-empty`,
             label: "Turns",
@@ -20478,18 +20557,30 @@ function CalibrateApp() {
           });
         }
       } else {
-        items.push({
-          key: run.id,
-          label: "Result",
-          status: run.status,
-          runAt: run.runAt,
-          error: run.error,
-          input: run.input,
-          result: run.result,
-          runId: run.id,
-          refId: `gradingRun:${run.id}`,
-          referenceSample: run.referenceSample
-        });
+        if (run.status === "running") {
+          items.push({
+            key: `${run.id}-pending`,
+            label: "Result",
+            status: "running",
+            runAt: run.runAt,
+            runId: run.id,
+            refId: `gradingRun:${run.id}`,
+            pending: true
+          });
+        } else {
+          items.push({
+            key: run.id,
+            label: "Result",
+            status: run.status,
+            runAt: run.runAt,
+            error: run.error,
+            input: run.input,
+            result: run.result,
+            runId: run.id,
+            refId: `gradingRun:${run.id}`,
+            referenceSample: run.referenceSample
+          });
+        }
       }
       return {
         run,
@@ -20754,23 +20845,68 @@ function CalibrateApp() {
                           }),
                           runSections.map((section) => {
                             const isExpanded = expandedRunId === section.run.id;
-                            const turnBadges = [
-                              ...section.items
-                            ].sort((a, b) => {
-                              const aNum = a.turnNumber ?? 0;
-                              const bNum = b.turnNumber ?? 0;
-                              return aNum - bNum;
-                            }).map((item, idx) => {
-                              const graded = extractScoreAndReason(item.result);
-                              const reference = extractScoreAndReasonFromSample(item.referenceSample);
-                              const displayScore = reference.score ?? graded.score;
-                              const turnLabel = item.turnNumber ?? idx + 1;
-                              const scoreClass = displayScore === void 0 ? "calibrate-score--neutral" : displayScore > 0 ? "calibrate-score--positive" : displayScore < 0 ? "calibrate-score--negative" : "calibrate-score--neutral";
+                            const runModeTurns = isTurnsResult(section.run.result);
+                            const totalTurns = runModeTurns ? extractTotalTurnsFromResult(section.run.result) ?? extractTotalTurns(section.run.input) ?? extractTotalTurns(section.items.find((item) => item.input)?.input) : void 0;
+                            const isTurnRun = Boolean(runModeTurns || section.items.some((item) => item.turnNumber !== void 0 || item.pending));
+                            const turnBadges = isTurnRun ? Array.from({
+                              length: totalTurns ?? section.items.filter((item) => item.turnNumber !== void 0 || item.pending).length
+                            }).map((_, idx) => {
+                              const turnLabel = idx + 1;
+                              const item = section.items.find((entry) => entry.turnNumber === turnLabel || entry.pending && entry.turnNumber === turnLabel);
+                              if (item?.pending) {
+                                return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+                                  className: "calibrate-run-turn calibrate-run-turn--pending",
+                                  title: `Turn ${turnLabel}: running`,
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+                                    className: "calibrate-spinner calibrate-spinner--tiny",
+                                    role: "status",
+                                    "aria-label": "Grading"
+                                  })
+                                }, `${section.run.id}-turn-${turnLabel}`);
+                              }
+                              if (item) {
+                                const graded = extractScoreAndReason(item.result);
+                                const reference = extractScoreAndReasonFromSample(item.referenceSample);
+                                const displayScore = reference.score ?? graded.score;
+                                const scoreClass = getScoreClass(displayScore);
+                                return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+                                  className: `calibrate-run-turn ${scoreClass}`,
+                                  title: `Turn ${turnLabel}: ${displayScore ?? "\u2014"}`
+                                }, `${section.run.id}-turn-${turnLabel}`);
+                              }
                               return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-                                className: `calibrate-run-turn ${scoreClass}`,
-                                title: `Turn ${turnLabel}: ${displayScore ?? "\u2014"}`
+                                className: "calibrate-run-turn calibrate-run-turn--empty",
+                                title: `Turn ${turnLabel}: pending`
                               }, `${section.run.id}-turn-${turnLabel}`);
-                            });
+                            }) : (() => {
+                              const item = section.items[0];
+                              if (section.run.status === "running") {
+                                return [
+                                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+                                    className: "calibrate-run-turn calibrate-run-turn--pending",
+                                    title: "Running",
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+                                      className: "calibrate-spinner calibrate-spinner--tiny",
+                                      role: "status",
+                                      "aria-label": "Grading"
+                                    })
+                                  }, `${section.run.id}-pending`)
+                                ];
+                              }
+                              if (item) {
+                                const graded = extractScoreAndReason(item.result);
+                                const reference = extractScoreAndReasonFromSample(item.referenceSample);
+                                const displayScore = reference.score ?? graded.score;
+                                const scoreClass = getScoreClass(displayScore);
+                                return [
+                                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+                                    className: `calibrate-run-turn ${scoreClass}`,
+                                    title: `Result: ${displayScore ?? "\u2014"}`
+                                  }, `${section.run.id}-result`)
+                                ];
+                              }
+                              return [];
+                            })();
                             return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
                               className: "calibrate-run-card",
                               children: [
@@ -20818,10 +20954,11 @@ function CalibrateApp() {
                                     const displayReason = reference.reason ?? graded.reason;
                                     const turnContext = extractTurnContext(item.input);
                                     const conversationContext = extractConversationContext(item.input);
+                                    const isPending = Boolean(item.pending);
                                     const delta = reference.score !== void 0 && graded.score !== void 0 ? reference.score - graded.score : void 0;
                                     const polarityFlip = graded.score !== void 0 && reference.score !== void 0 && graded.score !== 0 && reference.score !== 0 && graded.score > 0 !== reference.score > 0;
-                                    const scoreClass = displayScore === void 0 ? "calibrate-score--neutral" : displayScore > 0 ? "calibrate-score--positive" : displayScore < 0 ? "calibrate-score--negative" : "calibrate-score--neutral";
-                                    const isOpen = Boolean(expandedResults[item.key]);
+                                    const scoreClass = getScoreClass(displayScore);
+                                    const isOpen = !isPending && Boolean(expandedResults[item.key]);
                                     const draft = referenceDrafts[item.key];
                                     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
                                       className: `calibrate-run-section${highlightedResult === item.key ? " trace-row-highlight" : ""}`,
@@ -20833,8 +20970,12 @@ function CalibrateApp() {
                                               className: "calibrate-result-main",
                                               children: [
                                                 /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-                                                  className: `calibrate-score-badge ${scoreClass}`,
-                                                  children: displayScore !== void 0 ? displayScore : "\u2014"
+                                                  className: `calibrate-score-badge ${scoreClass}${isPending ? " calibrate-score-badge--pending" : ""}`,
+                                                  children: isPending ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+                                                    className: "calibrate-spinner",
+                                                    role: "status",
+                                                    "aria-label": "Grading"
+                                                  }) : displayScore !== void 0 ? displayScore : "\u2014"
                                                 }),
                                                 /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
                                                   className: "calibrate-result-meta",
@@ -20862,7 +21003,7 @@ function CalibrateApp() {
                                                         })
                                                       ]
                                                     }),
-                                                    displayReason && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+                                                    displayReason && !isPending && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
                                                       className: "calibrate-result-reason",
                                                       children: displayReason
                                                     }),
@@ -20872,12 +21013,16 @@ function CalibrateApp() {
                                                         "Graded score: ",
                                                         graded.score
                                                       ]
+                                                    }),
+                                                    isPending && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+                                                      className: "calibrate-result-secondary",
+                                                      children: "Grading\u2026"
                                                     })
                                                   ]
                                                 })
                                               ]
                                             }),
-                                            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+                                            !isPending && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
                                               className: "calibrate-result-actions",
                                               children: [
                                                 /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
@@ -20925,7 +21070,7 @@ function CalibrateApp() {
                                           className: "error",
                                           children: item.error
                                         }),
-                                        item.turnIndex !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+                                        item.turnIndex !== void 0 && !isPending && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
                                           className: "calibrate-context calibrate-context-compact",
                                           children: [
                                             turnContext.priorUser && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
@@ -22765,60 +22910,48 @@ function App() {
 (0, import_client.createRoot)(document.getElementById("root")).render(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.default.StrictMode, {
   children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(App, {})
 }));
-/*! Bundled license information:
-
-react/cjs/react.development.js:
-  (**
-   * @license React
-   * react.development.js
-   *
-   * Copyright (c) Meta Platforms, Inc. and affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   *)
-
-react/cjs/react-jsx-runtime.development.js:
-  (**
-   * @license React
-   * react-jsx-runtime.development.js
-   *
-   * Copyright (c) Meta Platforms, Inc. and affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   *)
-
-scheduler/cjs/scheduler.development.js:
-  (**
-   * @license React
-   * scheduler.development.js
-   *
-   * Copyright (c) Meta Platforms, Inc. and affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   *)
-
-react-dom/cjs/react-dom.development.js:
-  (**
-   * @license React
-   * react-dom.development.js
-   *
-   * Copyright (c) Meta Platforms, Inc. and affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   *)
-
-react-dom/cjs/react-dom-client.development.js:
-  (**
-   * @license React
-   * react-dom-client.development.js
-   *
-   * Copyright (c) Meta Platforms, Inc. and affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   *)
-*/
+/**
+ * @license React
+ * react.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @license React
+ * scheduler.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @license React
+ * react-dom.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @license React
+ * react-dom-client.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */