@bolt-foundry/gambit 0.6.7 → 0.7.0

package/esm/gambit/simulator-ui/dist/bundle.js

@@ -16652,181 +16652,212 @@ var require_client = __commonJS({
 
 // simulator-ui/src/main.tsx
 var import_jsx_runtime2 = __toESM(require_jsx_runtime());
-var import_react2 = __toESM(require__());
+var import_react = __toESM(require__());
 var import_client = __toESM(require_client());
 
 // simulator-ui/src/DocsPage.tsx
 var import_jsx_runtime = __toESM(require_jsx_runtime());
-var import_react = __toESM(require__());
 var GAMBIT_PACKAGE_README = "https://github.com/bolt-foundry/gambit/blob/main/README.md";
 var GAMBIT_CLI_DOC = "https://github.com/bolt-foundry/gambit/blob/main/docs/cli.md";
-function DocsPage(props) {
-  const { deckDisplayPath: deckDisplayPath2, deckAbsolutePath } = props;
-  const [deckSource, setDeckSource] = (0, import_react.useState)(null);
-  const [loading, setLoading] = (0, import_react.useState)(true);
-  const [error, setError] = (0, import_react.useState)(null);
-  const [copied, setCopied] = (0, import_react.useState)(false);
-  (0, import_react.useEffect)(() => {
-    let cancelled = false;
-    const load = async () => {
-      setLoading(true);
-      setError(null);
-      try {
-        const res = await fetch("/api/deck-source");
-        if (!res.ok) throw new Error(res.statusText);
-        const body = await res.json();
-        if (cancelled) return;
-        if (body.error) {
-          setError(body.error);
-          setDeckSource(body.content ?? null);
-        } else {
-          setDeckSource(body.content ?? "");
-        }
-      } catch (err) {
-        if (cancelled) return;
-        setError(err instanceof Error ? err.message : "Failed to load deck");
-      } finally {
-        if (!cancelled) setLoading(false);
-      }
-    };
-    load();
-    return () => {
-      cancelled = true;
-    };
-  }, []);
-  (0, import_react.useEffect)(() => {
-    if (!copied) return;
-    const handle = window.setTimeout(() => setCopied(false), 2e3);
-    return () => window.clearTimeout(handle);
-  }, [
-    copied
-  ]);
-  const handleCopyPath = (0, import_react.useCallback)(async () => {
-    try {
-      await navigator.clipboard?.writeText(deckAbsolutePath);
-      setCopied(true);
-    } catch {
-      setCopied(true);
-    }
-  }, [
-    deckAbsolutePath
-  ]);
+var DEFAULT_TEST_BOT_PATH = "/sessions/new/test-bot";
+var DEFAULT_DEBUG_PATH = "/sessions/new/debug";
+var DEFAULT_CALIBRATE_PATH = "/calibrate";
+function DocsPage() {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
     className: "docs-shell",
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
         className: "docs-hero",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+            className: "docs-eyebrow",
             children: "Gambit Simulator"
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", {
-                children: "Use the simulator to iterate fast and fix failures."
-              }),
-              " ",
-              "Run a test, capture why it failed, grade the result, and hand the evidence to Codex so it can help you update the deck."
-            ]
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
+            children: "Test an agent. See where it fails. Fix it fast."
           }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-            children: "The simulator keeps the whole loop in one place: Test Bot to explore, Calibrate to grade, and Debug to inspect."
+            className: "docs-subtitle",
+            children: "Gambit is an open-source agent harness framework. It's designed to make it simple to create, debug, and fix AI workflows, agents and assistants."
           })
         ]
       }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
-        className: "docs-grid",
+        className: "docs-callout",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("article", {
-            className: "docs-card",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
-                children: "Run the test"
-              }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-                children: "Open Test Bot and try the scenario you care about. If the output looks wrong, add a rating and a short reason so the failure is captured."
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("header", {
+            className: "docs-callout-header",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h2", {
+                style: {
+                  display: "flex",
+                  flexDirection: "row",
+                  gap: 12,
+                  alignItems: "center"
+                },
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+                    className: "docs-icon",
+                    children: "\u{1F916}"
+                  }),
+                  "Start here:",
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
+                    className: "docs-primary-btn",
+                    href: DEFAULT_TEST_BOT_PATH,
+                    children: "Open Test Bot"
+                  })
+                ]
               })
-            ]
+            })
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("article", {
-            className: "docs-card",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+            className: "docs-callout-body",
             children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+                children: "The Test Bot lets you interact with your agent like a real user would."
+              }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+                className: "docs-divider"
+              }),
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
-                children: "Grade"
+                children: "What to do"
+              }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("ul", {
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", {
+                    children: "Some examples have a Test Bot input, these are usually optional."
+                  }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", {
+                    children: 'Click "Run test bot" to start the conversation.'
+                  }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", {
+                    children: "Review the agent's response."
+                  })
+                ]
               }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-                children: "Run the grader in Calibrate. Copy a reference or the state file link for sharing."
-              })
-            ]
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("article", {
-            className: "docs-card",
-            children: [
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
-                children: "Fix + rerun"
+                children: "If something looks wrong"
               }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-                children: "Paste the reference or state link into Codex and ask for help fixing the deck. Codex updates files, then you rerun the simulator to verify."
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("ul", {
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", {
+                    children: "Leave a quick rating and a short note explaining why."
+                  }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", {
+                    children: "Failures get captured for evaluation."
+                  })
+                ]
+              }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
+                children: "Calibrate the agent"
+              }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("ul", {
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", {
+                    children: 'Click the "Calibrate" tab to see all test bot runs.'
+                  }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", {
+                    children: "Run graders to measure quality and identify issues."
+                  }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", {
+                    children: "Flag grader results you want to keep track of."
+                  })
+                ]
+              }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
+                children: "Fix it"
+              }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("ul", {
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", {
+                    children: 'Click "Copy state path" to copy the state file location.'
+                  }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", {
+                    children: "Share the state file with Codex, update the deck, then rerun."
+                  })
+                ]
               })
             ]
           })
         ]
       }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
-        className: "deck-preview-shell",
+        className: "docs-section docs-tabs",
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", {
+            className: "docs-section-header",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+                className: "docs-icon",
+                children: "\u{1F9ED}"
+              }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
+                children: "When should I use each tab?"
+              })
+            ]
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+            className: "docs-tab-card",
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+                className: "docs-tab-row",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
-                    children: "Current deck"
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
+                    className: "docs-tab-pill",
+                    href: DEFAULT_TEST_BOT_PATH,
+                    children: "Test Bot"
                   }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-                    children: "Edit this file in your editor. After changes, rerun or refresh the simulator."
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+                    children: [
+                      "Use this whenever you want to",
+                      " ",
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", {
+                        children: "understand behavior"
+                      }),
+                      ". This is where almost everyone should start."
+                    ]
                   })
                 ]
               }),
               /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-                className: "deck-preview-meta",
+                className: "docs-tab-row",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
+                    className: "docs-tab-pill docs-tab-pill--gold",
+                    href: DEFAULT_CALIBRATE_PATH,
+                    children: "Calibrate"
+                  }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
                     children: [
-                      "Path: ",
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", {
-                        children: deckDisplayPath2
-                      })
+                      "Use this once you care about",
+                      " ",
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", {
+                        children: "measuring quality"
+                      }),
+                      ", not just eyeballing it."
                     ]
-                  }),
-                  " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-                    type: "button",
-                    onClick: handleCopyPath,
-                    children: copied ? "Copied" : "Copy path"
                   })
                 ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-            className: "deck-preview-body",
-            children: [
-              loading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-                className: "placeholder",
-                children: "Loading deck\u2026"
               }),
-              !loading && error && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-                className: "error",
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+                className: "docs-tab-row",
                 children: [
-                  "Failed to read deck: ",
-                  error
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
+                    className: "docs-tab-pill docs-tab-pill--indigo",
+                    href: DEFAULT_DEBUG_PATH,
+                    children: "Debug"
+                  }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+                    children: [
+                      "Use this when you need to understand",
+                      " ",
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", {
+                        children: "why something failed"
+                      }),
+                      " at a deeper level."
+                    ]
+                  })
                 ]
-              }),
-              !loading && !error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
-                className: "deck-preview",
-                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", {
-                  children: deckSource ?? ""
-                })
               })
             ]
           })
@@ -16915,7 +16946,208 @@ body {
   overflow: hidden;
 }
 .docs-shell {
-  padding: 12px 16px;
+  padding: 32px 20px 64px;
+  max-width: 1040px;
+  margin: 0 auto;
+  display: flex;
+  flex-direction: column;
+  gap: 28px;
+}
+.docs-eyebrow {
+  text-transform: uppercase;
+  letter-spacing: 0.16em;
+  font-size: 11px;
+  font-weight: 700;
+  color: #64748b;
+  margin: 0 0 10px 0;
+}
+.docs-subtitle {
+  text-wrap: pretty;
+}
+.docs-hero h1 {
+  margin: 0 0 12px 0;
+  font-size: clamp(28px, 4vw, 40px);
+  line-height: 1.2;
+  color: #0f172a;
+}
+.docs-lede {
+  margin: 0;
+  font-size: 16px;
+  max-width: 720px;
+  color: #334155;
+}
+.docs-callout {
+  background: white;
+  border-radius: 18px;
+  border: 1px solid #e2e8f0;
+  padding: 20px;
+  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+.docs-callout-header {
+  display: flex;
+  gap: 14px;
+  align-items: flex-start;
+}
+.docs-callout-header h2 {
+  margin: 0 0 4px 0;
+  font-size: 22px;
+}
+.docs-subtle {
+  margin: 0;
+  color: #475569;
+  font-size: 14px;
+}
+.docs-primary-btn {
+  border-radius: 12px;
+  padding: 10px 18px;
+  background: linear-gradient(135deg, #1d4ed8, #2563eb);
+  color: white;
+  font-weight: 600;
+  text-decoration: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 14px;
+}
+.docs-primary-btn:hover {
+  background: linear-gradient(135deg, #1e40af, #1d4ed8);
+}
+.docs-callout-body h3 {
+  margin: 0 0 8px 0;
+  font-size: 16px;
+}
+.docs-callout-body p {
+  margin: 0 0 12px 0;
+  color: #334155;
+}
+.docs-callout-body ul {
+  margin: 0 0 12px 18px;
+  color: #334155;
+  padding: 0;
+}
+.docs-callout-body li {
+  margin-bottom: 6px;
+}
+.docs-divider {
+  height: 1px;
+  background: #e2e8f0;
+  margin: 8px 0 12px;
+}
+.docs-section {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+.docs-section-header {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+.docs-section-header h2 {
+  margin: 0;
+  font-size: 22px;
+}
+.docs-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 28px;
+}
+.docs-loop {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+  gap: 14px;
+}
+.docs-loop-step {
+  border-radius: 16px;
+  border: 1px solid #e2e8f0;
+  background: #f8fafc;
+  padding: 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.docs-loop-step h3 {
+  margin: 0;
+  font-size: 16px;
+}
+.docs-loop-step p {
+  margin: 0;
+  color: #475569;
+  font-size: 14px;
+}
+.docs-step-badge {
+  align-self: flex-start;
+  padding: 4px 10px;
+  border-radius: 999px;
+  background: #dbeafe;
+  color: #1e40af;
+  font-size: 12px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+}
+.docs-tabs .docs-tab-card {
+  background: white;
+  border-radius: 16px;
+  border: 1px solid #e2e8f0;
+  padding: 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+}
+.docs-tab-row {
+  display: grid;
+  grid-template-columns: 120px 1fr;
+  gap: 14px;
+  align-items: center;
+}
+.docs-tab-row p {
+  margin: 0;
+  color: #334155;
+}
+.docs-tab-pill {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 6px 12px;
+  border-radius: 10px;
+  background: #dbeafe;
+  color: #1d4ed8;
+  font-weight: 700;
+  font-size: 12px;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  text-decoration: none;
+  border: none;
+  cursor: pointer;
+}
+.docs-tab-pill--gold {
+  background: #fef3c7;
+  color: #92400e;
+}
+.docs-tab-pill--indigo {
+  background: #e0e7ff;
+  color: #3730a3;
+}
+.docs-links h3 {
+  margin: 0 0 8px 0;
+}
+.docs-links ul {
+  margin: 0;
+  padding-left: 18px;
+}
+.docs-links li {
+  margin-bottom: 6px;
+}
+@media (max-width: 720px) {
+  .docs-tab-row {
+    grid-template-columns: 1fr;
+    align-items: flex-start;
+  }
 }
 pre.deck-preview,
 pre.docs-command {
@@ -17180,6 +17412,12 @@ button.primary:disabled {
   border-top: none;
   padding-top: 0;
 }
+.calibrate-button-meta {
+  font-size: 12px;
+  text-wrap: pretty;
+  margin: 0;
+  margin-bottom: 0.5em;
+}
 .calibrate-drawer {
   background: #ffffff;
   border-radius: 16px;
@@ -17216,6 +17454,42 @@ button.primary:disabled {
   width: 100%;
   justify-content: center;
 }
+.calibrate-summary-list {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.calibrate-summary-card {
+  border: 1px solid #e2e8f0;
+  border-radius: 12px;
+  padding: 8px;
+  background: #f8fafc;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.calibrate-flag-card {
+  border-color: #f59e0b;
+  background: #fffbeb;
+}
+.calibrate-summary-title {
+  font-size: 12px;
+  font-weight: 700;
+  color: #0f172a;
+}
+.ellipsis {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+.calibrate-summary-reason {
+  font-size: 12px;
+  color: #0f172a;
+}
+.calibrate-summary-meta {
+  font-size: 11px;
+  color: #64748b;
+}
 .chat-row {
   display: flex;
   justify-content: flex-start;
@@ -17628,6 +17902,17 @@ button.primary:disabled {
   padding: 4px 8px;
   font-size: 11px;
 }
+.calibrate-flag-btn {
+  padding: 4px 8px;
+  font-size: 11px;
+  border-color: #f59e0b;
+  color: #b45309;
+}
+.calibrate-flag-btn.active {
+  background: #f59e0b;
+  border-color: #f59e0b;
+  color: #ffffff;
+}
 .trace-row-highlight {
   border-color: #0b93f6;
   box-shadow: 0 0 0 2px rgba(11, 147, 246, 0.15);
@@ -17651,6 +17936,26 @@ button.primary:disabled {
   flex-wrap: wrap;
   align-self: center;
 }
+.calibrate-flag-reason {
+  margin-top: 8px;
+}
+.calibrate-flag-reason label {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  font-size: 12px;
+  font-weight: 600;
+  color: #475569;
+}
+.calibrate-flag-reason textarea {
+  border: 1px solid #cbd5e1;
+  border-radius: 10px;
+  padding: 6px 8px;
+  font-family: inherit;
+  font-size: 12px;
+  min-height: 70px;
+  resize: vertical;
+}
 .trace-row-user {
   background: #0b93f6;
   border-color: #0b93f6;
@@ -18336,6 +18641,24 @@ function extractScoreAndReasonFromSample(sample) {
     reason: typeof sample.reason === "string" ? sample.reason : void 0
   };
 }
+function extractGradingFlags(meta) {
+  if (!meta) return [];
+  const flags = meta.gradingFlags;
+  if (!Array.isArray(flags)) return [];
+  return flags.filter((flag) => Boolean(flag && typeof flag === "object" && "refId" in flag));
+}
+function formatSnippet(value, maxLength = 140) {
+  if (value === null || value === void 0) return "";
+  const text = typeof value === "string" ? value : (() => {
+    try {
+      return JSON.stringify(value);
+    } catch {
+      return String(value);
+    }
+  })();
+  if (text.length <= maxLength) return text;
+  return `${text.slice(0, maxLength - 1)}\u2026`;
+}
 function getScoreClass(displayScore) {
   if (displayScore === void 0) return "calibrate-score--empty";
   if (displayScore > 0) return "calibrate-score--positive";
@@ -18427,7 +18750,7 @@ var deckDisplayPath = toRelativePath(normalizedDeckPath, repoRootPath) ?? normal
 var SESSIONS_BASE_PATH = "/sessions";
 var DOCS_PATH = "/docs";
 var DEFAULT_SESSION_PATH = `${SESSIONS_BASE_PATH}/new/debug`;
-var DEFAULT_TEST_BOT_PATH = `${SESSIONS_BASE_PATH}/new/test-bot`;
+var DEFAULT_TEST_BOT_PATH2 = `${SESSIONS_BASE_PATH}/new/test-bot`;
 var CALIBRATE_PATH_SUFFIX = "/calibrate";
 var buildCalibratePath = (sessionId) => `${SESSIONS_BASE_PATH}/${encodeURIComponent(sessionId)}${CALIBRATE_PATH_SUFFIX}`;
 var DURABLE_STREAM_PREFIX = "/api/durable-streams/stream/";
@@ -18460,14 +18783,14 @@ var globalStyleEl = document.createElement("style");
 globalStyleEl.textContent = globalStyles;
 document.head.appendChild(globalStyleEl);
 function useSimulator() {
-  const [connectionStatus, setConnectionStatus] = (0, import_react2.useState)("connecting");
-  const [savedState, setSavedState] = (0, import_react2.useState)(null);
-  const [traceEvents, setTraceEvents] = (0, import_react2.useState)([]);
-  const [errors, setErrors] = (0, import_react2.useState)([]);
-  const [streamText, setStreamText] = (0, import_react2.useState)("");
-  const [isRunning, setIsRunning] = (0, import_react2.useState)(false);
-  const [connectSeq, setConnectSeq] = (0, import_react2.useState)(0);
-  (0, import_react2.useEffect)(() => {
+  const [connectionStatus, setConnectionStatus] = (0, import_react.useState)("connecting");
+  const [savedState, setSavedState] = (0, import_react.useState)(null);
+  const [traceEvents, setTraceEvents] = (0, import_react.useState)([]);
+  const [errors, setErrors] = (0, import_react.useState)([]);
+  const [streamText, setStreamText] = (0, import_react.useState)("");
+  const [isRunning, setIsRunning] = (0, import_react.useState)(false);
+  const [connectSeq, setConnectSeq] = (0, import_react.useState)(0);
+  (0, import_react.useEffect)(() => {
     const streamId = SIMULATOR_STREAM_ID;
     const streamUrl = buildDurableStreamUrl(streamId, getDurableStreamOffset(streamId));
     const source = new EventSource(streamUrl);
@@ -18536,7 +18859,7 @@ function useSimulator() {
   }, [
     connectSeq
   ]);
-  const run = (0, import_react2.useCallback)(async (opts) => {
+  const run = (0, import_react.useCallback)(async (opts) => {
     setIsRunning(true);
     setStreamText("");
     const sessionId = opts.resetState ? void 0 : savedState?.meta?.sessionId;
@@ -18571,7 +18894,7 @@ function useSimulator() {
   }, [
     savedState?.meta?.sessionId
   ]);
-  const sendFeedback = (0, import_react2.useCallback)(async (messageRefId, score, reason) => {
+  const sendFeedback = (0, import_react.useCallback)(async (messageRefId, score, reason) => {
     const sessionId = savedState?.meta?.sessionId;
     if (!sessionId) return;
     try {
@@ -18598,7 +18921,7 @@ function useSimulator() {
   }, [
     savedState?.meta?.sessionId
   ]);
-  const loadSession = (0, import_react2.useCallback)(async (sessionId) => {
+  const loadSession = (0, import_react.useCallback)(async (sessionId) => {
     try {
       const res = await fetch("/api/simulator/load-session", {
         method: "POST",
@@ -18627,7 +18950,7 @@ function useSimulator() {
       ]);
     }
   }, []);
-  const saveNotes = (0, import_react2.useCallback)(async (text) => {
+  const saveNotes = (0, import_react.useCallback)(async (text) => {
     const sessionId = savedState?.meta?.sessionId;
     if (!sessionId) return;
     try {
@@ -18652,7 +18975,7 @@ function useSimulator() {
   }, [
     savedState?.meta?.sessionId
   ]);
-  const saveSessionScore = (0, import_react2.useCallback)(async (score) => {
+  const saveSessionScore = (0, import_react.useCallback)(async (score) => {
     const sessionId = savedState?.meta?.sessionId;
     if (!sessionId) return;
     try {
@@ -18677,10 +19000,10 @@ function useSimulator() {
   }, [
     savedState?.meta?.sessionId
   ]);
-  const reconnect = (0, import_react2.useCallback)(() => {
+  const reconnect = (0, import_react.useCallback)(() => {
     setConnectSeq((prev) => prev + 1);
   }, []);
-  const resetLocal = (0, import_react2.useCallback)(() => {
+  const resetLocal = (0, import_react.useCallback)(() => {
     setSavedState(null);
     setTraceEvents([]);
     setErrors([]);
@@ -18703,10 +19026,10 @@ function useSimulator() {
   };
 }
 function useSessions() {
-  const [sessions, setSessions] = (0, import_react2.useState)([]);
-  const [loading, setLoading] = (0, import_react2.useState)(false);
-  const [error, setError] = (0, import_react2.useState)(null);
-  const refresh = (0, import_react2.useCallback)(async () => {
+  const [sessions, setSessions] = (0, import_react.useState)([]);
+  const [loading, setLoading] = (0, import_react.useState)(false);
+  const [error, setError] = (0, import_react.useState)(null);
+  const refresh = (0, import_react.useCallback)(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -18720,7 +19043,7 @@ function useSessions() {
       setLoading(false);
     }
   }, []);
-  const deleteSession = (0, import_react2.useCallback)(async (sessionId) => {
+  const deleteSession = (0, import_react.useCallback)(async (sessionId) => {
     setLoading(true);
     setError(null);
     try {
@@ -18853,9 +19176,9 @@ function parseGradingRef(ref) {
 }
 function CopyBadge(props) {
   const { label, displayValue, copyValue, className } = props;
-  const [copied, setCopied] = (0, import_react2.useState)(false);
-  const timeoutRef = (0, import_react2.useRef)(void 0);
-  (0, import_react2.useEffect)(() => {
+  const [copied, setCopied] = (0, import_react.useState)(false);
+  const timeoutRef = (0, import_react.useRef)(void 0);
+  (0, import_react.useEffect)(() => {
     return () => {
       if (timeoutRef.current) clearTimeout(timeoutRef.current);
     };
@@ -18863,7 +19186,7 @@ function CopyBadge(props) {
   const copyTarget = copyValue ?? displayValue;
   if (!copyTarget) return null;
   const text = displayValue ?? copyTarget;
-  const handleCopy = (0, import_react2.useCallback)(async () => {
+  const handleCopy = (0, import_react.useCallback)(async () => {
     try {
       if (navigator.clipboard?.writeText) {
         await navigator.clipboard.writeText(copyTarget);
@@ -19048,8 +19371,8 @@ function extractInitFromTraces(traces) {
 }
 function ConversationView(props) {
   const { messages, header, onScore, onReasonChange, emptyState } = props;
-  const containerRef = (0, import_react2.useRef)(null);
-  (0, import_react2.useEffect)(() => {
+  const containerRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
     const el = containerRef.current;
     if (!el) return;
     const frame = requestAnimationFrame(() => {
@@ -19124,12 +19447,12 @@ function renderMarkdown(text) {
 }
 function FeedbackControls(props) {
   const { messageRefId, feedback, onScore, onReasonChange } = props;
-  const [reason, setReason] = (0, import_react2.useState)(feedback?.reason ?? "");
-  const [opened, setOpened] = (0, import_react2.useState)(false);
-  const [localScore, setLocalScore] = (0, import_react2.useState)(null);
-  const [status, setStatus] = (0, import_react2.useState)("idle");
-  const lastSentRef = (0, import_react2.useRef)(null);
-  (0, import_react2.useEffect)(() => {
+  const [reason, setReason] = (0, import_react.useState)(feedback?.reason ?? "");
+  const [opened, setOpened] = (0, import_react.useState)(false);
+  const [localScore, setLocalScore] = (0, import_react.useState)(null);
+  const [status, setStatus] = (0, import_react.useState)("idle");
+  const lastSentRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
     setReason(feedback?.reason ?? "");
     if (feedback?.reason !== void 0) {
       setStatus("saved");
@@ -19139,7 +19462,7 @@ function FeedbackControls(props) {
   }, [
     feedback?.reason
   ]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     if (typeof feedback?.score === "number") {
       setLocalScore(feedback.score);
       setOpened(true);
@@ -19148,7 +19471,7 @@ function FeedbackControls(props) {
     feedback?.score
   ]);
   const effectiveScore = typeof feedback?.score === "number" ? feedback.score : localScore;
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     if (typeof effectiveScore !== "number") return;
     if (status !== "unsaved") return;
     const handle = window.setTimeout(() => {
@@ -19164,7 +19487,7 @@ function FeedbackControls(props) {
     onReasonChange,
     messageRefId
   ]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     if (status !== "saving") return;
     if (feedback?.reason === reason && lastSentRef.current === reason) {
       setStatus("saved");
@@ -19225,8 +19548,8 @@ function FeedbackControls(props) {
 function TraceList(props) {
   const { traces } = props;
   const ordered = traces;
-  const panelRef = (0, import_react2.useRef)(null);
-  const entries = (0, import_react2.useMemo)(() => {
+  const panelRef = (0, import_react.useRef)(null);
+  const entries = (0, import_react.useMemo)(() => {
     const depthMap = /* @__PURE__ */ new Map();
     return ordered.map((trace) => {
       let depth = 0;
@@ -19253,7 +19576,7 @@ function TraceList(props) {
   }, [
     ordered
   ]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     const el = panelRef.current;
     if (!el) return;
     const frame = requestAnimationFrame(() => {
@@ -19411,7 +19734,7 @@ function ToolCallField(props) {
 }
 function ToolCallBubble(props) {
   const { call } = props;
-  const [open, setOpen] = (0, import_react2.useState)(false);
+  const [open, setOpen] = (0, import_react.useState)(false);
   const statusLabel = call.status === "completed" ? "Completed" : call.status === "error" ? "Error" : call.status === "running" ? "Running" : "Pending";
   const indentStyle = call.depth && call.depth > 0 ? {
     marginLeft: call.depth * 12
@@ -19621,10 +19944,10 @@ function RecentSessionsEmptyState(props) {
   });
 }
 function useHttpSchema() {
-  const [schemaResponse, setSchemaResponse] = (0, import_react2.useState)(null);
-  const [loading, setLoading] = (0, import_react2.useState)(false);
-  const [error, setError] = (0, import_react2.useState)(null);
-  const refresh = (0, import_react2.useCallback)(async () => {
+  const [schemaResponse, setSchemaResponse] = (0, import_react.useState)(null);
+  const [loading, setLoading] = (0, import_react.useState)(false);
+  const [error, setError] = (0, import_react.useState)(null);
+  const refresh = (0, import_react.useCallback)(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -19638,7 +19961,7 @@ function useHttpSchema() {
       setLoading(false);
     }
   }, []);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     refresh();
   }, [
     refresh
@@ -19652,9 +19975,9 @@ function useHttpSchema() {
 }
 function JsonInputField(props) {
   const { value, optional, placeholder, onChange, onErrorChange } = props;
-  const onChangeRef = (0, import_react2.useRef)(onChange);
-  const onErrorChangeRef = (0, import_react2.useRef)(onErrorChange);
-  const [text, setText] = (0, import_react2.useState)(() => {
+  const onChangeRef = (0, import_react.useRef)(onChange);
+  const onErrorChangeRef = (0, import_react.useRef)(onErrorChange);
+  const [text, setText] = (0, import_react.useState)(() => {
     if (value === void 0) return "";
     try {
       return JSON.stringify(value, null, 2);
@@ -19662,16 +19985,16 @@ function JsonInputField(props) {
       return String(value);
     }
   });
-  const [dirty, setDirty] = (0, import_react2.useState)(false);
-  const [error, setError] = (0, import_react2.useState)(null);
-  (0, import_react2.useEffect)(() => {
+  const [dirty, setDirty] = (0, import_react.useState)(false);
+  const [error, setError] = (0, import_react.useState)(null);
+  (0, import_react.useEffect)(() => {
     onChangeRef.current = onChange;
     onErrorChangeRef.current = onErrorChange;
   }, [
     onChange,
     onErrorChange
   ]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     if (dirty) return;
     if (value === void 0) {
       setText("");
@@ -19686,12 +20009,12 @@ function JsonInputField(props) {
     value,
     dirty
   ]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     onErrorChangeRef.current?.(error);
   }, [
     error
   ]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     if (!dirty) return;
     const handle = window.setTimeout(() => {
       const trimmed = text.trim();
@@ -19737,7 +20060,7 @@ function JsonInputField(props) {
 }
 function InitForm(props) {
   const { schema, value, onChange, onJsonErrorChange } = props;
-  const leaves = (0, import_react2.useMemo)(() => flattenSchemaLeaves(schema), [
+  const leaves = (0, import_react.useMemo)(() => flattenSchemaLeaves(schema), [
     schema
   ]);
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", {
@@ -19971,41 +20294,41 @@ function SimulatorApp({ basePath }) {
   const sessionBasePath = rootPath === "/" ? SESSIONS_BASE_PATH : rootPath;
   const normalizedSessionBase = normalizeBasePath(sessionBasePath);
   const newSessionPath = `${normalizedSessionBase === "" ? "/sessions" : normalizedSessionBase}/new`.replace(/\/{2,}/g, "/");
-  const buildSessionUrl = (0, import_react2.useCallback)((sessionId2) => `${normalizedSessionBase === "" ? "/sessions" : normalizedSessionBase}/${encodeURIComponent(sessionId2)}/debug`.replace(/\/{2,}/g, "/"), [
+  const buildSessionUrl = (0, import_react.useCallback)((sessionId2) => `${normalizedSessionBase === "" ? "/sessions" : normalizedSessionBase}/${encodeURIComponent(sessionId2)}/debug`.replace(/\/{2,}/g, "/"), [
     normalizedSessionBase
   ]);
-  const [sessionsOpen, setSessionsOpen] = (0, import_react2.useState)(false);
-  const [message, setMessage] = (0, import_react2.useState)("");
-  const [pendingReset, setPendingReset] = (0, import_react2.useState)(false);
-  const [initValue, setInitValue] = (0, import_react2.useState)(void 0);
-  const [initDirty, setInitDirty] = (0, import_react2.useState)(false);
-  const [initMode, setInitMode] = (0, import_react2.useState)("form");
-  const [initJsonText, setInitJsonText] = (0, import_react2.useState)("");
-  const [initJsonError, setInitJsonError] = (0, import_react2.useState)(null);
-  const [initOpen, setInitOpen] = (0, import_react2.useState)(false);
-  const [jsonErrors, setJsonErrors] = (0, import_react2.useState)({});
-  const [pendingSessionId, setPendingSessionId] = (0, import_react2.useState)(null);
-  const appliedSessionIdRef = (0, import_react2.useRef)(null);
-  const initializedRef = (0, import_react2.useRef)(false);
-  const currentDeckSlug = (0, import_react2.useMemo)(() => toDeckSlug(deckPath), []);
-  const [noteDraft, setNoteDraft] = (0, import_react2.useState)("");
-  const [noteStatus, setNoteStatus] = (0, import_react2.useState)("idle");
-  const pendingNoteRef = (0, import_react2.useRef)(null);
-  const [scoreStatus, setScoreStatus] = (0, import_react2.useState)("idle");
-  const pendingScoreRef = (0, import_react2.useRef)(null);
-  (0, import_react2.useEffect)(() => {
+  const [sessionsOpen, setSessionsOpen] = (0, import_react.useState)(false);
+  const [message, setMessage] = (0, import_react.useState)("");
+  const [pendingReset, setPendingReset] = (0, import_react.useState)(false);
+  const [initValue, setInitValue] = (0, import_react.useState)(void 0);
+  const [initDirty, setInitDirty] = (0, import_react.useState)(false);
+  const [initMode, setInitMode] = (0, import_react.useState)("form");
+  const [initJsonText, setInitJsonText] = (0, import_react.useState)("");
+  const [initJsonError, setInitJsonError] = (0, import_react.useState)(null);
+  const [initOpen, setInitOpen] = (0, import_react.useState)(false);
+  const [jsonErrors, setJsonErrors] = (0, import_react.useState)({});
+  const [pendingSessionId, setPendingSessionId] = (0, import_react.useState)(null);
+  const appliedSessionIdRef = (0, import_react.useRef)(null);
+  const initializedRef = (0, import_react.useRef)(false);
+  const currentDeckSlug = (0, import_react.useMemo)(() => toDeckSlug(deckPath), []);
+  const [noteDraft, setNoteDraft] = (0, import_react.useState)("");
+  const [noteStatus, setNoteStatus] = (0, import_react.useState)("idle");
+  const pendingNoteRef = (0, import_react.useRef)(null);
+  const [scoreStatus, setScoreStatus] = (0, import_react.useState)("idle");
+  const pendingScoreRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
     if (simulator.connectionStatus === "connecting") {
       appliedSessionIdRef.current = null;
     }
   }, [
     simulator.connectionStatus
   ]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     refresh();
   }, [
     refresh
   ]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     if (sessionsOpen) refresh();
   }, [
     sessionsOpen,
@@ -20016,7 +20339,7 @@ function SimulatorApp({ basePath }) {
   const schemaError = httpSchema.schemaResponse?.error ?? httpSchema.error ?? void 0;
   const conversationStarted = Boolean(simulator.savedState && simulator.savedState.messages.length > 0);
   const initEditable = Boolean(schema) && (!conversationStarted || pendingReset);
-  const lockedInitValue = (0, import_react2.useMemo)(() => {
+  const lockedInitValue = (0, import_react.useMemo)(() => {
     const fromTraces = extractInitFromTraces(simulator.savedState?.traces);
     if (fromTraces !== void 0) return fromTraces;
     return schemaDefaults ?? deriveInitialFromSchema(schema);
@@ -20025,7 +20348,7 @@ function SimulatorApp({ basePath }) {
     schemaDefaults,
     schema
   ]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     if (!schema) return;
     if (initDirty) return;
     if (schemaDefaults !== void 0) {
@@ -20038,7 +20361,7 @@ function SimulatorApp({ basePath }) {
     schemaDefaults,
     initDirty
   ]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     if (initMode !== "json") return;
     if (initDirty) return;
     try {
@@ -20051,14 +20374,14 @@ function SimulatorApp({ basePath }) {
     initValue,
     initDirty
   ]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     if (initEditable) {
       setInitOpen(true);
     }
   }, [
     initEditable
   ]);
-  const messages = (0, import_react2.useMemo)(() => {
+  const messages = (0, import_react.useMemo)(() => {
     if (!simulator.savedState) return [];
     const feedbackByRef = new Map(simulator.savedState.feedback?.map((f) => [
       f.messageRefId,
@@ -20075,7 +20398,7 @@ function SimulatorApp({ basePath }) {
   }, [
     simulator.savedState
   ]);
-  const missingRequired = (0, import_react2.useMemo)(() => {
+  const missingRequired = (0, import_react.useMemo)(() => {
     if (!schema || !initEditable) return [];
     return findMissingRequiredFields(schema, initValue);
   }, [
@@ -20083,13 +20406,13 @@ function SimulatorApp({ basePath }) {
     initEditable,
     initValue
   ]);
-  const jsonErrorCount = (0, import_react2.useMemo)(() => {
+  const jsonErrorCount = (0, import_react.useMemo)(() => {
     return Object.values(jsonErrors).filter((v) => typeof v === "string" && v).length;
   }, [
     jsonErrors
   ]);
   const canStartWithInit = Boolean(schema) && initEditable && missingRequired.length === 0 && jsonErrorCount === 0;
-  const resetInitValue = (0, import_react2.useCallback)(() => {
+  const resetInitValue = (0, import_react.useCallback)(() => {
     setInitJsonError(null);
     setJsonErrors((prev) => ({
       ...prev,
@@ -20107,7 +20430,7 @@ function SimulatorApp({ basePath }) {
     schema,
     schemaDefaults
   ]);
-  const startNewChat = (0, import_react2.useCallback)((opts) => {
+  const startNewChat = (0, import_react.useCallback)((opts) => {
     const shouldPush = opts?.pushHistory ?? true;
     if (shouldPush) {
       if (opts?.replace) {
@@ -20137,14 +20460,14 @@ function SimulatorApp({ basePath }) {
     resetInitValue,
     newSessionPath
   ]);
-  const adoptSessionFromPath = (0, import_react2.useCallback)((sessionId2) => {
+  const adoptSessionFromPath = (0, import_react.useCallback)((sessionId2) => {
     appliedSessionIdRef.current = null;
     setPendingSessionId(sessionId2);
     setPendingReset(false);
     setInitOpen(false);
     setInitDirty(true);
   }, []);
-  const navigateToSession = (0, import_react2.useCallback)((sessionId2, opts) => {
+  const navigateToSession = (0, import_react.useCallback)((sessionId2, opts) => {
     const url = buildSessionUrl(sessionId2);
     if (opts?.replace) {
       window.history.replaceState({}, "", url);
@@ -20156,7 +20479,7 @@ function SimulatorApp({ basePath }) {
     adoptSessionFromPath,
     buildSessionUrl
   ]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     if (initializedRef.current) return;
     initializedRef.current = true;
     const initialSession = getSessionIdFromPath(void 0, sessionBasePath) ?? getSessionIdFromPath();
@@ -20174,7 +20497,7 @@ function SimulatorApp({ basePath }) {
     startNewChat,
     sessionBasePath
   ]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     const handler = () => {
       const sessionFromPath = getSessionIdFromPath(void 0, sessionBasePath) ?? getSessionIdFromPath();
       if (sessionFromPath) {
@@ -20192,7 +20515,7 @@ function SimulatorApp({ basePath }) {
     startNewChat,
     sessionBasePath
   ]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     if (!pendingSessionId) return;
     if (simulator.connectionStatus !== "connected") return;
     if (appliedSessionIdRef.current === pendingSessionId) return;
@@ -20207,7 +20530,7 @@ function SimulatorApp({ basePath }) {
   const serverNotesUpdatedAt = simulator.savedState?.notes?.updatedAt;
   const serverScore = simulator.savedState?.conversationScore?.score ?? null;
   const serverScoreUpdatedAt = simulator.savedState?.conversationScore?.updatedAt;
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     if (pendingNoteRef.current !== null) {
       if (serverNotesText === pendingNoteRef.current) {
         pendingNoteRef.current = null;
@@ -20220,7 +20543,7 @@ function SimulatorApp({ basePath }) {
   }, [
     serverNotesText
   ]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     if (noteStatus !== "dirty") return;
     const handle = window.setTimeout(() => {
       setNoteStatus("saving");
@@ -20233,7 +20556,7 @@ function SimulatorApp({ basePath }) {
     noteDraft,
     simulator
   ]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     if (pendingScoreRef.current !== null) {
       if (serverScore === pendingScoreRef.current) {
         pendingScoreRef.current = null;
@@ -20249,7 +20572,7 @@ function SimulatorApp({ basePath }) {
   }, [
     serverScore
   ]);
-  const handleSend = (0, import_react2.useCallback)(() => {
+  const handleSend = (0, import_react.useCallback)(() => {
     const trimmed = message.trim();
     if (schema && initEditable) {
       if (!canStartWithInit) return;
@@ -20289,12 +20612,12 @@ function SimulatorApp({ basePath }) {
     canStartWithInit,
     initValue
   ]);
-  const handleScore = (0, import_react2.useCallback)((refId, score) => {
+  const handleScore = (0, import_react.useCallback)((refId, score) => {
     simulator.sendFeedback(refId, score);
   }, [
     simulator
   ]);
-  const handleReason = (0, import_react2.useCallback)((refId, score, reason) => {
+  const handleReason = (0, import_react.useCallback)((refId, score, reason) => {
     simulator.sendFeedback(refId, score, reason);
   }, [
     simulator
@@ -20304,7 +20627,7 @@ function SimulatorApp({ basePath }) {
   const sessionPermalink = sessionId ? buildSessionUrl(sessionId) : null;
   const sessionStatePath = typeof runMeta.sessionStatePath === "string" ? runMeta.sessionStatePath : typeof runMeta.sessionDir === "string" ? `${runMeta.sessionDir}/state.json` : void 0;
   const currentSessionScore = pendingScoreRef.current !== null ? pendingScoreRef.current : serverScore;
-  const deckSessions = (0, import_react2.useMemo)(() => {
+  const deckSessions = (0, import_react.useMemo)(() => {
     return sessions.filter((session) => {
       if (!session) return false;
       if (session.deckSlug) return session.deckSlug === currentDeckSlug;
@@ -20587,19 +20910,23 @@ function SimulatorApp({ basePath }) {
   });
 }
 function CalibrateApp() {
-  const [loading, setLoading] = (0, import_react2.useState)(true);
-  const [error, setError] = (0, import_react2.useState)(null);
-  const [graders, setGraders] = (0, import_react2.useState)([]);
-  const [sessions, setSessions] = (0, import_react2.useState)([]);
-  const [selectedSessionId, setSelectedSessionId] = (0, import_react2.useState)(null);
-  const [selectedGraderId, setSelectedGraderId] = (0, import_react2.useState)(null);
-  const [running, setRunning] = (0, import_react2.useState)(false);
-  const initialCalibrateSessionRef = (0, import_react2.useRef)(getCalibrateSessionIdFromLocation());
-  const initialCalibrateRef = (0, import_react2.useRef)((() => {
+  const [loading, setLoading] = (0, import_react.useState)(true);
+  const [error, setError] = (0, import_react.useState)(null);
+  const [graders, setGraders] = (0, import_react.useState)([]);
+  const [sessions, setSessions] = (0, import_react.useState)([]);
+  const [selectedSessionId, setSelectedSessionId] = (0, import_react.useState)(null);
+  const [selectedGraderId, setSelectedGraderId] = (0, import_react.useState)(null);
+  const [running, setRunning] = (0, import_react.useState)(false);
+  const [sessionDetail, setSessionDetail] = (0, import_react.useState)(null);
+  const [sessionDetailError, setSessionDetailError] = (0, import_react.useState)(null);
+  const [sessionDetailLoading, setSessionDetailLoading] = (0, import_react.useState)(false);
+  const [copiedStatePath, setCopiedStatePath] = (0, import_react.useState)(false);
+  const initialCalibrateSessionRef = (0, import_react.useRef)(getCalibrateSessionIdFromLocation());
+  const initialCalibrateRef = (0, import_react.useRef)((() => {
     const ref = getCalibrateRefFromLocation();
     return ref ? parseGradingRef(ref) : {};
   })());
-  const updateCalibratePath = (0, import_react2.useCallback)((sessionId, opts) => {
+  const updateCalibratePath = (0, import_react.useCallback)((sessionId, opts) => {
     const targetPath = sessionId ? buildCalibratePath(sessionId) : "/calibrate";
     if (window.location.pathname === targetPath) return;
     const url = new URL(window.location.href);
@@ -20614,7 +20941,7 @@ function CalibrateApp() {
     }
     window.history.replaceState({}, "", url.toString());
   }, []);
-  const loadCalibrateData = (0, import_react2.useCallback)(async () => {
+  const loadCalibrateData = (0, import_react.useCallback)(async () => {
     try {
       setLoading(true);
       const res = await fetch("/api/calibrate");
@@ -20648,12 +20975,12 @@ function CalibrateApp() {
       setLoading(false);
     }
   }, []);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     loadCalibrateData();
   }, [
     loadCalibrateData
   ]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     const streamId = CALIBRATE_STREAM_ID;
     const streamUrl = buildDurableStreamUrl(streamId, getDurableStreamOffset(streamId));
     const source = new EventSource(streamUrl);
@@ -20688,7 +21015,7 @@ function CalibrateApp() {
       source.close();
     };
   }, []);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     if (selectedSessionId) {
       updateCalibratePath(selectedSessionId);
     } else {
@@ -20698,39 +21025,74 @@ function CalibrateApp() {
     selectedSessionId,
     updateCalibratePath
   ]);
-  const selectedSession = (0, import_react2.useMemo)(() => sessions.find((session) => session.id === selectedSessionId) ?? null, [
+  (0, import_react.useEffect)(() => {
+    if (!selectedSessionId) {
+      setSessionDetail(null);
+      setSessionDetailError(null);
+      setSessionDetailLoading(false);
+      return;
+    }
+    let active = true;
+    const loadSessionDetail = async () => {
+      try {
+        setSessionDetailLoading(true);
+        const res = await fetch(`/api/session?sessionId=${encodeURIComponent(selectedSessionId)}`);
+        if (!res.ok) {
+          const text = await res.text();
+          throw new Error(text || res.statusText);
+        }
+        const data = await res.json();
+        if (!active) return;
+        setSessionDetail(data);
+        setSessionDetailError(null);
+      } catch (err) {
+        if (!active) return;
+        setSessionDetailError(err instanceof Error ? err.message : "Failed to load session details");
+        setSessionDetail(null);
+      } finally {
+        if (active) setSessionDetailLoading(false);
+      }
+    };
+    loadSessionDetail();
+    return () => {
+      active = false;
+    };
+  }, [
+    selectedSessionId
+  ]);
+  const selectedSession = (0, import_react.useMemo)(() => sessions.find((session) => session.id === selectedSessionId) ?? null, [
     sessions,
     selectedSessionId
   ]);
-  const selectedGrader = (0, import_react2.useMemo)(() => graders.find((grader) => grader.id === selectedGraderId) ?? null, [
+  const selectedGrader = (0, import_react.useMemo)(() => graders.find((grader) => grader.id === selectedGraderId) ?? null, [
     graders,
     selectedGraderId
   ]);
-  const sessionDeckDisplay = (0, import_react2.useMemo)(() => {
+  const sessionDeckDisplay = (0, import_react.useMemo)(() => {
     if (!selectedSession?.deck) return null;
     return toRelativePath(selectedSession.deck, repoRootPath) ?? normalizeFsPath(selectedSession.deck);
   }, [
     selectedSession
   ]);
-  const sessionDirDisplay = (0, import_react2.useMemo)(() => {
+  const sessionDirDisplay = (0, import_react.useMemo)(() => {
     if (!selectedSession?.sessionDir) return null;
     return toRelativePath(selectedSession.sessionDir, repoRootPath) ?? normalizeFsPath(selectedSession.sessionDir);
   }, [
     selectedSession
   ]);
-  const sessionStateDisplay = (0, import_react2.useMemo)(() => {
+  const sessionStateDisplay = (0, import_react.useMemo)(() => {
     if (!selectedSession?.statePath) return null;
     return toRelativePath(selectedSession.statePath, repoRootPath) ?? normalizeFsPath(selectedSession.statePath);
   }, [
     selectedSession
   ]);
-  const sessionCreatedLabel = (0, import_react2.useMemo)(() => {
+  const sessionCreatedLabel = (0, import_react.useMemo)(() => {
     return selectedSession?.createdAt ? formatTimestamp(selectedSession.createdAt) : null;
   }, [
     selectedSession
   ]);
   const sessionDebugHref = selectedSession ? `${SESSIONS_BASE_PATH}/${encodeURIComponent(selectedSession.id)}/debug` : null;
-  const sessionRuns = (0, import_react2.useMemo)(() => {
+  const sessionRuns = (0, import_react.useMemo)(() => {
     if (!selectedSession?.gradingRuns) return [];
     return [
       ...selectedSession.gradingRuns
@@ -20738,7 +21100,7 @@ function CalibrateApp() {
   }, [
     selectedSession
   ]);
-  const runSections = (0, import_react2.useMemo)(() => {
+  const runSections = (0, import_react.useMemo)(() => {
     return sessionRuns.map((run) => {
       const items = [];
       const result = run.result;
@@ -20827,16 +21189,85 @@ function CalibrateApp() {
   }, [
     sessionRuns
   ]);
-  const runItems = (0, import_react2.useMemo)(() => runSections.flatMap((section) => section.items), [
+  const runItems = (0, import_react.useMemo)(() => runSections.flatMap((section) => section.items), [
+    runSections
+  ]);
+  const runLabelById = (0, import_react.useMemo)(() => {
+    const map = /* @__PURE__ */ new Map();
+    runSections.forEach((section) => {
+      map.set(section.run.id, section.label);
+    });
+    return map;
+  }, [
     runSections
   ]);
-  const [expandedRunId, setExpandedRunId] = (0, import_react2.useState)(null);
-  const [expandedResults, setExpandedResults] = (0, import_react2.useState)({});
-  const [highlightedResult, setHighlightedResult] = (0, import_react2.useState)(null);
-  const [copiedRef, setCopiedRef] = (0, import_react2.useState)(null);
-  const [referenceDrafts, setReferenceDrafts] = (0, import_react2.useState)({});
-  const [showRawInputs, setShowRawInputs] = (0, import_react2.useState)({});
-  (0, import_react2.useEffect)(() => {
+  const runItemByRefId = (0, import_react.useMemo)(() => {
+    const map = /* @__PURE__ */ new Map();
+    runItems.forEach((item) => {
+      map.set(item.refId, item);
+    });
+    return map;
+  }, [
+    runItems
+  ]);
+  const gradingFlags = (0, import_react.useMemo)(() => extractGradingFlags(sessionDetail?.meta), [
+    sessionDetail?.meta
+  ]);
+  const gradingFlagByRefId = (0, import_react.useMemo)(() => {
+    const map = /* @__PURE__ */ new Map();
+    gradingFlags.forEach((flag) => {
+      map.set(flag.refId, flag);
+    });
+    return map;
+  }, [
+    gradingFlags
+  ]);
+  const flaggedRefSet = (0, import_react.useMemo)(() => {
+    return new Set(gradingFlags.map((flag) => flag.refId));
+  }, [
+    gradingFlags
+  ]);
+  const messageByRefId = (0, import_react.useMemo)(() => {
+    const map = /* @__PURE__ */ new Map();
+    const refs = sessionDetail?.messageRefs ?? [];
+    const messages = sessionDetail?.messages ?? [];
+    refs.forEach((ref, idx) => {
+      if (!ref?.id) return;
+      const message = messages[idx];
+      if (message) map.set(ref.id, message);
+    });
+    return map;
+  }, [
+    sessionDetail?.messageRefs,
+    sessionDetail?.messages
+  ]);
+  const feedbackItems = (0, import_react.useMemo)(() => {
+    const feedback = sessionDetail?.feedback ?? [];
+    const items = feedback.map((entry) => {
+      const message = messageByRefId.get(entry.messageRefId);
+      return {
+        entry,
+        message
+      };
+    });
+    return items.sort((a, b) => {
+      const aKey = a.entry.createdAt ?? "";
+      const bKey = b.entry.createdAt ?? "";
+      return bKey.localeCompare(aKey);
+    });
+  }, [
+    sessionDetail?.feedback,
+    messageByRefId
+  ]);
+  const [expandedRunId, setExpandedRunId] = (0, import_react.useState)(null);
+  const [expandedResults, setExpandedResults] = (0, import_react.useState)({});
+  const [highlightedResult, setHighlightedResult] = (0, import_react.useState)(null);
+  const [copiedRef, setCopiedRef] = (0, import_react.useState)(null);
+  const [flagReasonDrafts, setFlagReasonDrafts] = (0, import_react.useState)({});
+  const flagReasonTimeoutsRef = (0, import_react.useRef)({});
+  const [referenceDrafts, setReferenceDrafts] = (0, import_react.useState)({});
+  const [showRawInputs, setShowRawInputs] = (0, import_react.useState)({});
+  (0, import_react.useEffect)(() => {
     const ref = initialCalibrateRef.current;
     if (!ref.runId) return;
     const match = runItems.find((item) => item.runId === ref.runId && (ref.turnIndex === void 0 || item.turnIndex === ref.turnIndex));
@@ -20850,7 +21281,7 @@ function CalibrateApp() {
   }, [
     runItems
   ]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     const latestRunId = runSections[0]?.run.id ?? null;
     if (!latestRunId) {
       setExpandedRunId(null);
@@ -20860,7 +21291,130 @@ function CalibrateApp() {
   }, [
     runSections
   ]);
-  const runGrader = (0, import_react2.useCallback)(async () => {
+  (0, import_react.useEffect)(() => {
+    return () => {
+      const timers = flagReasonTimeoutsRef.current;
+      Object.values(timers).forEach((handle) => clearTimeout(handle));
+      flagReasonTimeoutsRef.current = {};
+    };
+  }, []);
+  const toggleFlag = (0, import_react.useCallback)(async (item) => {
+    if (!selectedSessionId) return;
+    try {
+      const res = await fetch("/api/calibrate/flag", {
+        method: "POST",
+        headers: {
+          "content-type": "application/json"
+        },
+        body: JSON.stringify({
+          sessionId: selectedSessionId,
+          refId: item.refId,
+          runId: item.runId,
+          turnIndex: item.turnIndex
+        })
+      });
+      if (!res.ok) {
+        const text = await res.text();
+        throw new Error(text || res.statusText);
+      }
+      const data = await res.json();
+      if (!data.flags) return;
+      setSessionDetail((prev) => {
+        if (!prev) return prev;
+        return {
+          ...prev,
+          meta: {
+            ...prev.meta ?? {},
+            gradingFlags: data.flags
+          }
+        };
+      });
+      setFlagReasonDrafts((prev) => {
+        const next = {
+          ...prev
+        };
+        const isNowFlagged = data.flags?.some((flag2) => flag2.refId === item.refId);
+        if (!isNowFlagged) {
+          const timers = flagReasonTimeoutsRef.current;
+          if (timers[item.refId]) {
+            clearTimeout(timers[item.refId]);
+            delete timers[item.refId];
+          }
+          delete next[item.refId];
+          return next;
+        }
+        const flag = data.flags?.find((entry) => entry.refId === item.refId);
+        if (flag?.reason) {
+          next[item.refId] = flag.reason;
+        } else {
+          next[item.refId] = "";
+        }
+        return next;
+      });
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to flag grader");
+    }
+  }, [
+    selectedSessionId
+  ]);
+  const updateFlagReason = (0, import_react.useCallback)(async (refId, reason) => {
+    if (!selectedSessionId) return;
+    try {
+      const res = await fetch("/api/calibrate/flag/reason", {
+        method: "POST",
+        headers: {
+          "content-type": "application/json"
+        },
+        body: JSON.stringify({
+          sessionId: selectedSessionId,
+          refId,
+          reason
+        })
+      });
+      if (!res.ok) {
+        const text = await res.text();
+        throw new Error(text || res.statusText);
+      }
+      const data = await res.json();
+      if (!data.flags) return;
+      setSessionDetail((prev) => {
+        if (!prev) return prev;
+        return {
+          ...prev,
+          meta: {
+            ...prev.meta ?? {},
+            gradingFlags: data.flags
+          }
+        };
+      });
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to save reason");
+    }
+  }, [
+    selectedSessionId
+  ]);
+  const scheduleFlagReasonSave = (0, import_react.useCallback)((refId, reason) => {
+    const timers = flagReasonTimeoutsRef.current;
+    if (timers[refId]) {
+      clearTimeout(timers[refId]);
+    }
+    timers[refId] = window.setTimeout(() => {
+      updateFlagReason(refId, reason);
+      delete timers[refId];
+    }, 650);
+  }, [
+    updateFlagReason
+  ]);
+  const handleCopyStatePath = (0, import_react.useCallback)(() => {
+    const target = selectedSession?.statePath ?? null;
+    if (!target) return;
+    navigator.clipboard?.writeText(target);
+    setCopiedStatePath(true);
+    window.setTimeout(() => setCopiedStatePath(false), 1200);
+  }, [
+    selectedSession?.statePath
+  ]);
+  const runGrader = (0, import_react.useCallback)(async () => {
     if (!selectedSessionId || !selectedGraderId) return;
     try {
       setRunning(true);
@@ -21196,6 +21750,7 @@ function CalibrateApp() {
                                     const scoreClass = getScoreClass(displayScore);
                                     const isOpen = !isPending && Boolean(expandedResults[item.key]);
                                     const draft = referenceDrafts[item.key];
+                                    const isFlagged = flaggedRefSet.has(item.refId);
                                     return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", {
                                       className: `calibrate-run-section${highlightedResult === item.key ? " trace-row-highlight" : ""}`,
                                       children: [
@@ -21261,6 +21816,16 @@ function CalibrateApp() {
                                             !isPending && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", {
                                               className: "calibrate-result-actions",
                                               children: [
+                                                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", {
+                                                  type: "button",
+                                                  className: classNames("ghost-btn", "calibrate-flag-btn", isFlagged && "active"),
+                                                  onClick: () => toggleFlag({
+                                                    refId: item.refId,
+                                                    runId: item.runId,
+                                                    turnIndex: item.turnIndex
+                                                  }),
+                                                  children: isFlagged ? "Flagged" : "Flag"
+                                                }),
                                                 /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", {
                                                   type: "button",
                                                   className: "ghost-btn calibrate-ref-copy",
@@ -21302,6 +21867,29 @@ function CalibrateApp() {
                                             })
                                           ]
                                         }),
+                                        isFlagged && !isPending && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", {
+                                          className: "calibrate-flag-reason",
+                                          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", {
+                                            children: [
+                                              "Reason",
+                                              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("textarea", {
+                                                value: flagReasonDrafts[item.refId] ?? gradingFlagByRefId.get(item.refId)?.reason ?? "",
+                                                placeholder: "Why is this flagged?",
+                                                onChange: (e) => {
+                                                  const nextReason = e.target.value;
+                                                  setFlagReasonDrafts((prev) => ({
+                                                    ...prev,
+                                                    [item.refId]: nextReason
+                                                  }));
+                                                  scheduleFlagReasonSave(item.refId, nextReason);
+                                                },
+                                                onBlur: (e) => {
+                                                  scheduleFlagReasonSave(item.refId, e.target.value);
+                                                }
+                                              })
+                                            ]
+                                          })
+                                        }),
                                         item.error && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", {
                                           className: "error",
                                           children: item.error
@@ -21626,6 +22214,104 @@ function CalibrateApp() {
               /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h3", {
                 children: "Deck & session"
               }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", {
+                className: "drawer-section",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", {
+                    children: "Ratings & flags"
+                  }),
+                  selectedSession?.statePath && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, {
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", {
+                        type: "button",
+                        className: "primary",
+                        onClick: handleCopyStatePath,
+                        children: copiedStatePath ? "Copied" : "Copy state path"
+                      }),
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", {
+                        className: "calibrate-button-meta",
+                        children: "Paste this in your coding assistant to debug the agent."
+                      })
+                    ]
+                  }),
+                  sessionDetailLoading && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", {
+                    className: "placeholder",
+                    children: "Loading ratings and flags\u2026"
+                  }),
+                  sessionDetailError && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", {
+                    className: "error",
+                    children: sessionDetailError
+                  }),
+                  !sessionDetailLoading && !sessionDetailError && feedbackItems.length === 0 && gradingFlags.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", {
+                    className: "placeholder",
+                    children: "No ratings or flags yet."
+                  }),
+                  feedbackItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", {
+                    className: "calibrate-summary-list",
+                    children: feedbackItems.map(({ entry, message }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", {
+                      className: "calibrate-summary-card",
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", {
+                          className: "calibrate-summary-title",
+                          children: [
+                            "Rating ",
+                            entry.score
+                          ]
+                        }),
+                        entry.reason && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", {
+                          className: "calibrate-summary-reason ellipsis",
+                          children: entry.reason
+                        }),
+                        message?.content && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", {
+                          className: "calibrate-summary-meta ellipsis",
+                          children: formatSnippet(message.content)
+                        }),
+                        entry.createdAt && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", {
+                          className: "calibrate-summary-meta ellipsis",
+                          children: formatTimestampShort(entry.createdAt)
+                        })
+                      ]
+                    }, `${entry.id}-${entry.messageRefId}`))
+                  }),
+                  gradingFlags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", {
+                    className: "calibrate-summary-list",
+                    children: gradingFlags.map((flag) => {
+                      const runLabel = flag.runId ? runLabelById.get(flag.runId) : void 0;
+                      const flaggedItem = runItemByRefId.get(flag.refId);
+                      const turnLabel = flaggedItem?.turnNumber ? `Turn ${flaggedItem.turnNumber}` : void 0;
+                      return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", {
+                        className: "calibrate-summary-card calibrate-flag-card",
+                        children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", {
+                            className: "calibrate-summary-title",
+                            children: "Flagged grader"
+                          }),
+                          runLabel && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", {
+                            className: "calibrate-summary-meta ellipsis",
+                            children: runLabel
+                          }),
+                          turnLabel && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", {
+                            className: "calibrate-summary-meta ellipsis",
+                            children: turnLabel
+                          }),
+                          !runLabel && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", {
+                            className: "calibrate-summary-meta ellipsis",
+                            children: flag.refId
+                          }),
+                          flag.reason && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", {
+                            className: "calibrate-summary-reason ellipsis",
+                            children: flag.reason
+                          }),
+                          flag.createdAt && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", {
+                            className: "calibrate-summary-meta ellipsis ",
+                            children: formatTimestampShort(flag.createdAt)
+                          })
+                        ]
+                      }, flag.id);
+                    })
+                  })
+                ]
+              }),
               /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", {
                 className: "drawer-section",
                 children: [
@@ -21697,35 +22383,35 @@ function CalibrateApp() {
 function TestBotApp(props) {
   const { onNavigateToSession, onReplaceTestBotSession, onResetTestBotSession, activeSessionId } = props;
   const deckStorageKey = "gambit:test-bot:selected-deck";
-  const [testDecks, setTestDecks] = (0, import_react2.useState)([]);
-  const [selectedDeckId, setSelectedDeckId] = (0, import_react2.useState)(null);
-  const [botLabel, setBotLabel] = (0, import_react2.useState)(null);
-  const [botDescription, setBotDescription] = (0, import_react2.useState)(null);
-  const [botInputSchema, setBotInputSchema] = (0, import_react2.useState)(null);
-  const [botInputSchemaError, setBotInputSchemaError] = (0, import_react2.useState)(null);
-  const [botInputValue, setBotInputValue] = (0, import_react2.useState)(void 0);
-  const [botInputDirty, setBotInputDirty] = (0, import_react2.useState)(false);
-  const [botInputJsonErrors, setBotInputJsonErrors] = (0, import_react2.useState)({});
-  const [botInputDefaults, setBotInputDefaults] = (0, import_react2.useState)(void 0);
-  const [initialUserMessage, setInitialUserMessage] = (0, import_react2.useState)("");
-  const [run, setRun] = (0, import_react2.useState)({
+  const [testDecks, setTestDecks] = (0, import_react.useState)([]);
+  const [selectedDeckId, setSelectedDeckId] = (0, import_react.useState)(null);
+  const [botLabel, setBotLabel] = (0, import_react.useState)(null);
+  const [botDescription, setBotDescription] = (0, import_react.useState)(null);
+  const [botInputSchema, setBotInputSchema] = (0, import_react.useState)(null);
+  const [botInputSchemaError, setBotInputSchemaError] = (0, import_react.useState)(null);
+  const [botInputValue, setBotInputValue] = (0, import_react.useState)(void 0);
+  const [botInputDirty, setBotInputDirty] = (0, import_react.useState)(false);
+  const [botInputJsonErrors, setBotInputJsonErrors] = (0, import_react.useState)({});
+  const [botInputDefaults, setBotInputDefaults] = (0, import_react.useState)(void 0);
+  const [initialUserMessage, setInitialUserMessage] = (0, import_react.useState)("");
+  const [run, setRun] = (0, import_react.useState)({
     status: "idle",
     messages: [],
     traces: [],
     toolInserts: []
   });
-  const runRef = (0, import_react2.useRef)({
+  const runRef = (0, import_react.useRef)({
     status: "idle",
     messages: [],
     traces: [],
     toolInserts: []
   });
-  const lastRunMessageCountRef = (0, import_react2.useRef)(0);
-  const [toolCallsOpen, setToolCallsOpen] = (0, import_react2.useState)({});
-  const [latencyByTurn, setLatencyByTurn] = (0, import_react2.useState)({});
-  const lastUserEndByTurnRef = (0, import_react2.useRef)({});
-  const firstAssistantTokenByTurnRef = (0, import_react2.useRef)({});
-  (0, import_react2.useEffect)(() => {
+  const lastRunMessageCountRef = (0, import_react.useRef)(0);
+  const [toolCallsOpen, setToolCallsOpen] = (0, import_react.useState)({});
+  const [latencyByTurn, setLatencyByTurn] = (0, import_react.useState)({});
+  const lastUserEndByTurnRef = (0, import_react.useRef)({});
+  const firstAssistantTokenByTurnRef = (0, import_react.useRef)({});
+  (0, import_react.useEffect)(() => {
     lastRunMessageCountRef.current = 0;
     setToolCallsOpen({});
     setLatencyByTurn({});
@@ -21734,20 +22420,20 @@ function TestBotApp(props) {
   }, [
     run.id
   ]);
-  const [streamingUser, setStreamingUser] = (0, import_react2.useState)(null);
-  const [streamingAssistant, setStreamingAssistant] = (0, import_react2.useState)(null);
+  const [streamingUser, setStreamingUser] = (0, import_react.useState)(null);
+  const [streamingAssistant, setStreamingAssistant] = (0, import_react.useState)(null);
   const deckSchema = useHttpSchema();
   const deckInputSchema = deckSchema.schemaResponse?.schema;
   const deckSchemaDefaults = deckSchema.schemaResponse?.defaults;
   const deckSchemaError = deckSchema.schemaResponse?.error ?? deckSchema.error ?? void 0;
-  const [deckInitValue, setDeckInitValue] = (0, import_react2.useState)(void 0);
-  const [deckInitDirty, setDeckInitDirty] = (0, import_react2.useState)(false);
-  const [deckJsonErrors, setDeckJsonErrors] = (0, import_react2.useState)({});
-  const [botPath, setBotPath] = (0, import_react2.useState)(null);
-  const pollRef = (0, import_react2.useRef)(null);
-  const transcriptRef = (0, import_react2.useRef)(null);
-  const runIdRef = (0, import_react2.useRef)(void 0);
-  const loadTestBot = (0, import_react2.useCallback)(async (opts) => {
+  const [deckInitValue, setDeckInitValue] = (0, import_react.useState)(void 0);
+  const [deckInitDirty, setDeckInitDirty] = (0, import_react.useState)(false);
+  const [deckJsonErrors, setDeckJsonErrors] = (0, import_react.useState)({});
+  const [botPath, setBotPath] = (0, import_react.useState)(null);
+  const pollRef = (0, import_react.useRef)(null);
+  const transcriptRef = (0, import_react.useRef)(null);
+  const runIdRef = (0, import_react.useRef)(void 0);
+  const loadTestBot = (0, import_react.useCallback)(async (opts) => {
     let storedDeckId = null;
     try {
       storedDeckId = localStorage.getItem(deckStorageKey);
@@ -21798,12 +22484,12 @@ function TestBotApp(props) {
   }, [
     deckStorageKey
   ]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     loadTestBot();
   }, [
     loadTestBot
   ]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     runIdRef.current = run.id;
     runRef.current = run;
     setStreamingUser(null);
@@ -21811,14 +22497,14 @@ function TestBotApp(props) {
   }, [
     run.id
   ]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     if (!run.sessionId) return;
     onReplaceTestBotSession(run.sessionId);
   }, [
     onReplaceTestBotSession,
     run.sessionId
   ]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     if (!selectedDeckId) return;
     try {
       localStorage.setItem(deckStorageKey, selectedDeckId);
@@ -21828,12 +22514,12 @@ function TestBotApp(props) {
     deckStorageKey,
     selectedDeckId
   ]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     runRef.current = run;
   }, [
     run
   ]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     const streamId = TEST_BOT_STREAM_ID;
     const streamUrl = buildDurableStreamUrl(streamId, getDurableStreamOffset(streamId));
     const source = new EventSource(streamUrl);
@@ -21935,7 +22621,7 @@ function TestBotApp(props) {
       source.close();
     };
   }, []);
-  const refreshStatus = (0, import_react2.useCallback)(async (opts) => {
+  const refreshStatus = (0, import_react.useCallback)(async (opts) => {
     try {
       const runId = opts?.runId ?? run.id;
       const sessionId = opts?.sessionId;
@@ -21966,12 +22652,12 @@ function TestBotApp(props) {
     selectedDeckId,
     testDecks
   ]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     refreshStatus();
   }, [
     refreshStatus
   ]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     if (!activeSessionId) return;
     refreshStatus({
       sessionId: activeSessionId
@@ -21980,7 +22666,7 @@ function TestBotApp(props) {
     activeSessionId,
     refreshStatus
   ]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     if (!deckInputSchema) return;
     if (deckInitDirty) return;
     const nextInit = deckSchemaDefaults !== void 0 ? cloneValue(deckSchemaDefaults) : deriveInitialFromSchema(deckInputSchema);
@@ -21990,7 +22676,7 @@ function TestBotApp(props) {
     deckSchemaDefaults,
     deckInitDirty
   ]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     if (!botInputSchema) return;
     if (botInputDirty) return;
     const nextBotInput = botInputDefaults !== void 0 ? cloneValue(botInputDefaults) : deriveInitialFromSchema(botInputSchema);
@@ -22000,34 +22686,34 @@ function TestBotApp(props) {
     botInputDirty,
     botInputDefaults
   ]);
-  const missingBotInput = (0, import_react2.useMemo)(() => {
+  const missingBotInput = (0, import_react.useMemo)(() => {
     if (!botInputSchema) return [];
     return findMissingRequiredFields(botInputSchema, botInputValue);
   }, [
     botInputSchema,
     botInputValue
   ]);
-  const botJsonErrorCount = (0, import_react2.useMemo)(() => {
+  const botJsonErrorCount = (0, import_react.useMemo)(() => {
     return Object.values(botInputJsonErrors).filter((v) => typeof v === "string" && v).length;
   }, [
     botInputJsonErrors
   ]);
-  const missingDeckInit = (0, import_react2.useMemo)(() => {
+  const missingDeckInit = (0, import_react.useMemo)(() => {
     if (!deckInputSchema) return [];
     return findMissingRequiredFields(deckInputSchema, deckInitValue);
   }, [
     deckInputSchema,
     deckInitValue
   ]);
-  const deckJsonErrorCount = (0, import_react2.useMemo)(() => {
+  const deckJsonErrorCount = (0, import_react.useMemo)(() => {
     return Object.values(deckJsonErrors).filter((v) => typeof v === "string" && v).length;
   }, [
     deckJsonErrors
   ]);
-  const toolCallSummaries = (0, import_react2.useMemo)(() => summarizeToolCalls(run.traces ?? []), [
+  const toolCallSummaries = (0, import_react.useMemo)(() => summarizeToolCalls(run.traces ?? []), [
     run.traces
   ]);
-  const toolBuckets = (0, import_react2.useMemo)(() => {
+  const toolBuckets = (0, import_react.useMemo)(() => {
     const deriveInsertsFromTraces = (traces, messageCount) => {
       const inserts2 = [];
       let messageIndex = 0;
@@ -22098,7 +22784,7 @@ function TestBotApp(props) {
     run.traces,
     run.messages.length
   ]);
-  const assistantLatencyByMessageIndex = (0, import_react2.useMemo)(() => {
+  const assistantLatencyByMessageIndex = (0, import_react.useMemo)(() => {
     const map = {};
     let assistantTurn = 0;
     run.messages.forEach((msg, index) => {
@@ -22117,7 +22803,7 @@ function TestBotApp(props) {
   const canRunPersona = testDecks.length > 0;
   const hasPersonaSelection = canRunPersona && Boolean(selectedDeckId);
   const canStart = hasPersonaSelection && (!botInputSchema || missingBotInput.length === 0) && (!deckInputSchema || missingDeckInit.length === 0) && botJsonErrorCount === 0 && deckJsonErrorCount === 0;
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     if (run.status !== "running") {
       if (pollRef.current) window.clearInterval(pollRef.current);
       return;
@@ -22132,7 +22818,7 @@ function TestBotApp(props) {
     run.status,
     refreshStatus
   ]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     if (streamingUser?.expectedUserCount !== void 0 && streamingUser.runId === run.id && countUserMessages(run.messages) >= streamingUser.expectedUserCount) {
       setStreamingUser(null);
     }
@@ -22155,7 +22841,7 @@ function TestBotApp(props) {
     streamingUser,
     streamingAssistant?.text
   ]);
-  const startRun = (0, import_react2.useCallback)(async () => {
+  const startRun = (0, import_react.useCallback)(async () => {
     try {
       const res = await fetch("/api/test-bot/run", {
         method: "POST",
@@ -22198,7 +22884,7 @@ function TestBotApp(props) {
     refreshStatus,
     selectedDeckId
   ]);
-  const stopRun = (0, import_react2.useCallback)(async () => {
+  const stopRun = (0, import_react.useCallback)(async () => {
     if (!run.id) return;
     try {
       await fetch("/api/test-bot/stop", {
@@ -22221,7 +22907,7 @@ function TestBotApp(props) {
     refreshStatus,
     run.id
   ]);
-  const handleNewChat = (0, import_react2.useCallback)(async () => {
+  const handleNewChat = (0, import_react.useCallback)(async () => {
     if (run.status === "running") {
       await stopRun();
     }
@@ -22237,7 +22923,7 @@ function TestBotApp(props) {
     run.status,
     stopRun
   ]);
-  const saveTestBotFeedback = (0, import_react2.useCallback)(async (messageRefId, score, reason) => {
+  const saveTestBotFeedback = (0, import_react.useCallback)(async (messageRefId, score, reason) => {
     if (!run.sessionId) return;
     try {
       const res = await fetch("/api/session/feedback", {
@@ -22269,17 +22955,17 @@ function TestBotApp(props) {
   }, [
     run.sessionId
   ]);
-  const handleTestBotScore = (0, import_react2.useCallback)((messageRefId, score) => {
+  const handleTestBotScore = (0, import_react.useCallback)((messageRefId, score) => {
     saveTestBotFeedback(messageRefId, score);
   }, [
     saveTestBotFeedback
   ]);
-  const handleTestBotReason = (0, import_react2.useCallback)((messageRefId, score, reason) => {
+  const handleTestBotReason = (0, import_react.useCallback)((messageRefId, score, reason) => {
     saveTestBotFeedback(messageRefId, score, reason);
   }, [
     saveTestBotFeedback
   ]);
-  const handleDeckSelection = (0, import_react2.useCallback)(async (nextId) => {
+  const handleDeckSelection = (0, import_react.useCallback)(async (nextId) => {
     if (!nextId) return;
     if (nextId === selectedDeckId) return;
     await handleNewChat();
@@ -22490,12 +23176,6 @@ function TestBotApp(props) {
                         disabled: run.status !== "running",
                         "data-testid": "testbot-stop",
                         children: "Stop"
-                      }),
-                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", {
-                        type: "button",
-                        className: "ghost-btn",
-                        onClick: () => refreshStatus(),
-                        children: "Refresh"
                       })
                     ]
                   })
@@ -22720,10 +23400,10 @@ function normalizeAppPath(input) {
     return DOCS_PATH;
   }
   if (trimmed === "/test-bot") {
-    if (window.location.pathname !== DEFAULT_TEST_BOT_PATH) {
-      window.history.replaceState({}, "", DEFAULT_TEST_BOT_PATH);
+    if (window.location.pathname !== DEFAULT_TEST_BOT_PATH2) {
+      window.history.replaceState({}, "", DEFAULT_TEST_BOT_PATH2);
     }
-    return DEFAULT_TEST_BOT_PATH;
+    return DEFAULT_TEST_BOT_PATH2;
   }
   if (trimmed === "/debug" || trimmed === "/simulate" || trimmed === SESSIONS_BASE_PATH) {
     if (window.location.pathname !== DEFAULT_SESSION_PATH) {
@@ -22757,15 +23437,15 @@ function normalizeAppPath(input) {
 }
 function App() {
   const simulatorBasePath = SESSIONS_BASE_PATH;
-  const [path, setPath] = (0, import_react2.useState)(() => normalizeAppPath(window.location.pathname));
-  const [bundleStamp, setBundleStamp] = (0, import_react2.useState)(null);
+  const [path, setPath] = (0, import_react.useState)(() => normalizeAppPath(window.location.pathname));
+  const [bundleStamp, setBundleStamp] = (0, import_react.useState)(null);
   const activeSessionId = getSessionIdFromPath(path);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     const handler = () => setPath(normalizeAppPath(window.location.pathname));
     window.addEventListener("popstate", handler);
     return () => window.removeEventListener("popstate", handler);
   }, []);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     const loadBundleStamp = async () => {
       try {
         const res = await fetch("/ui/bundle.js", {
@@ -22781,14 +23461,14 @@ function App() {
     };
     loadBundleStamp();
   }, []);
-  const navigate = (0, import_react2.useCallback)((next) => {
+  const navigate = (0, import_react.useCallback)((next) => {
     if (next === path) return;
     window.history.pushState({}, "", next);
     setPath(next);
   }, [
     path
   ]);
-  const replacePath = (0, import_react2.useCallback)((next) => {
+  const replacePath = (0, import_react.useCallback)((next) => {
     if (next === path) return;
     window.history.replaceState({}, "", next);
     setPath(next);
@@ -22799,7 +23479,7 @@ function App() {
   const isTestBot = !isDocs && /\/test-bot$/.test(path);
   const isCalibrate = !isDocs && (path.startsWith("/calibrate") || /^\/sessions\/[^/]+\/calibrate/.test(path));
   const currentPage = isDocs ? "docs" : isTestBot ? "test-bot" : isCalibrate ? "calibrate" : "debug";
-  const testBotPath = activeSessionId ? `${SESSIONS_BASE_PATH}/${encodeURIComponent(activeSessionId)}/test-bot` : DEFAULT_TEST_BOT_PATH;
+  const testBotPath = activeSessionId ? `${SESSIONS_BASE_PATH}/${encodeURIComponent(activeSessionId)}/test-bot` : DEFAULT_TEST_BOT_PATH2;
   const debugPath = activeSessionId ? `${SESSIONS_BASE_PATH}/${encodeURIComponent(activeSessionId)}/debug` : DEFAULT_SESSION_PATH;
   const calibratePath = activeSessionId ? buildCalibratePath(activeSessionId) : "/calibrate";
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, {
@@ -22856,15 +23536,12 @@ function App() {
         }),
         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", {
           className: "page-shell",
-          children: currentPage === "docs" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DocsPage, {
-            deckDisplayPath,
-            deckAbsolutePath: normalizedDeckPath
-          }) : currentPage === "debug" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SimulatorApp, {
+          children: currentPage === "docs" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DocsPage, {}) : currentPage === "debug" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SimulatorApp, {
             basePath: simulatorBasePath
           }) : currentPage === "test-bot" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TestBotApp, {
             onNavigateToSession: (sessionId) => navigate(`${simulatorBasePath}/${encodeURIComponent(sessionId)}/debug`),
             onReplaceTestBotSession: (sessionId) => replacePath(`${simulatorBasePath}/${encodeURIComponent(sessionId)}/test-bot`),
-            onResetTestBotSession: () => replacePath(DEFAULT_TEST_BOT_PATH),
+            onResetTestBotSession: () => replacePath(DEFAULT_TEST_BOT_PATH2),
             activeSessionId
           }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CalibrateApp, {})
         })
@@ -22872,7 +23549,7 @@ function App() {
     })
   });
 }
-(0, import_client.createRoot)(document.getElementById("root")).render(/* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.default.StrictMode, {
+(0, import_client.createRoot)(document.getElementById("root")).render(/* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react.default.StrictMode, {
   children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(App, {})
 }));
 /**