@opengeni/react 1.0.2-canary.37191796234001 → 1.0.2

package/dist/{chunk-TMJRG4YC.js → chunk-VV5E43LD.js}

@@ -28,15 +28,18 @@ import {
   useSessionControl,
   useSessionEvents,
   useTurnQueue
-} from "./chunk-SJZDKVW2.js";
+} from "./chunk-JIQYUGVL.js";
 import {
   buildTimeline,
   groupTimeline
-} from "./chunk-H2NJQORO.js";
+} from "./chunk-DO544OSV.js";
 import {
   mcpToolLeaf,
   toolDisplayName
 } from "./chunk-ERGYJIBB.js";
+import {
+  OpenGeniProvider
+} from "./chunk-3CTRFMAK.js";
 import {
   ActivityDisclosure,
   BodyNote,
@@ -96,10 +99,10 @@ import {
   StopButton,
   Surface,
   useChatComposerController
-} from "./chunk-23J2ZNXT.js";
+} from "./chunk-EN3YTHKR.js";
 import {
   useComposer
-} from "./chunk-Q5QBEZIQ.js";
+} from "./chunk-RSI7XYXL.js";
 import {
   LightboxProvider,
   Tooltip,
@@ -109,11 +112,11 @@ import {
 } from "./chunk-BRM6FVZA.js";
 import {
   ModelPolicyPicker
-} from "./chunk-CR7U7HAR.js";
+} from "./chunk-26ZNDDLZ.js";
 import {
   projectPickerRows,
   sortPickerRows
-} from "./chunk-XUW2UWQM.js";
+} from "./chunk-RLUSC2WA.js";
 import {
   formatBytes,
   formatClockTime,
@@ -136,7 +139,7 @@ import {
 import {
   useOpenGeni,
   useOpenGeniClient
-} from "./chunk-NEXLLTP4.js";
+} from "./chunk-TKOTKRWY.js";
 import {
   cn
 } from "./chunk-22KP6LR5.js";
@@ -4536,6 +4539,7 @@ import {
   createContext as createContext8,
   useContext as useContext9,
   useEffect as useEffect6,
+  useLayoutEffect as useLayoutEffect2,
   useMemo as useMemo2,
   useRef as useRef6,
   useState as useState9
@@ -4591,6 +4595,7 @@ function TurnSummary({
   copyText,
   contextCompactionCount,
   status,
+  onOpenStateChange,
   children
 }) {
   const forcedDefaultOpen = useForcedDefaultOpen();
@@ -4601,6 +4606,11 @@ function TurnSummary({
   const initialSettle = Boolean(settleFold) && !restingOpen && remembered === void 0;
   const [settling, setSettling] = useState9(initialSettle);
   const [open, setOpen] = useState9(initialSettle ? true : restingOpen);
+  const reportOpen = useRef6(onOpenStateChange);
+  reportOpen.current = onOpenStateChange;
+  useLayoutEffect2(() => {
+    reportOpen.current?.(open);
+  }, [open]);
   const readerOwnsOpen = useRef6(remembered !== void 0);
   useEffect6(() => {
     if (status && defaultOpen && remembered === void 0 && !readerOwnsOpen.current) setOpen(true);
@@ -5080,7 +5090,7 @@ import {
   useCallback,
   useContext as useContext10,
   useId as useId3,
-  useLayoutEffect as useLayoutEffect2,
+  useLayoutEffect as useLayoutEffect3,
   useRef as useRef7,
   useState as useState10
 } from "react";
@@ -5245,7 +5255,7 @@ function UserMessageBody({
     () => disclosure?.expandedByMessageId.get(messageId) ?? false
   );
   const searchReveal = useTimelineSearchReveal();
-  useLayoutEffect2(() => {
+  useLayoutEffect3(() => {
     if (!searchReveal) return;
     setExpanded(true);
     disclosure?.expandedByMessageId.set(messageId, true);
@@ -5339,7 +5349,7 @@ function UserMessageBody({
       }
     });
   }, [readCollapsible, syncCollapsedInteractivity, syncDisclosurePresentation]);
-  useLayoutEffect2(() => {
+  useLayoutEffect3(() => {
     const cancelPendingMeasurement = measure();
     const content = contentRef.current;
     const threshold = thresholdRef.current;
@@ -5364,7 +5374,7 @@ function UserMessageBody({
       }
     };
   }, [measure, syncCollapsedInteractivity]);
-  useLayoutEffect2(() => {
+  useLayoutEffect3(() => {
     syncDisclosurePresentation(collapsibleRef.current);
     syncCollapsedInteractivity();
     return restoreManagedInertDescendants;
@@ -5374,7 +5384,7 @@ function UserMessageBody({
     syncCollapsedInteractivity,
     syncDisclosurePresentation
   ]);
-  useLayoutEffect2(() => {
+  useLayoutEffect3(() => {
     const restore = pendingRestoreRef.current;
     pendingRestoreRef.current = null;
     restore?.();
@@ -5750,11 +5760,13 @@ import { Collapsible as Collapsible2 } from "radix-ui";
 import {
   Component as Component3,
   Suspense as Suspense4,
+  createContext as createContext11,
   lazy as lazy3,
   memo,
   useCallback as useCallback3,
+  useContext as useContext12,
   useEffect as useEffect9,
-  useLayoutEffect as useLayoutEffect4,
+  useLayoutEffect as useLayoutEffect5,
   useMemo as useMemo5,
   useRef as useRef9,
   useState as useState14
@@ -5840,7 +5852,7 @@ function timelineAnchorCorrection(scroller, anchors) {
 }
 
 // src/components/timeline-reading-progress.ts
-import { useCallback as useCallback2, useLayoutEffect as useLayoutEffect3, useMemo as useMemo3, useRef as useRef8, useState as useState13 } from "react";
+import { useCallback as useCallback2, useLayoutEffect as useLayoutEffect4, useMemo as useMemo3, useRef as useRef8, useState as useState13 } from "react";
 function useReadingProgress(projected, pinned, scroller) {
   const following = pinned && !timelineHasReader(scroller);
   const previous = useRef8([]);
@@ -5882,7 +5894,7 @@ function useReadingProgress(projected, pinned, scroller) {
       ...before.get(null) ?? []
     ];
   }, [projected, following, released]);
-  useLayoutEffect3(() => {
+  useLayoutEffect4(() => {
     previous.current = groups;
     if (following && released.size) setReleased(/* @__PURE__ */ new Set());
   }, [groups, following, released]);
@@ -6386,6 +6398,10 @@ var PRIMARY_ACTION_CLASS = "inline-flex w-full shrink-0 items-center justify-cen
 var MESSAGE_BUBBLE_CLASS = "w-fit max-w-full min-w-0 rounded-og-lg rounded-br-og-xs border border-og-border bg-og-surface-2 px-4 py-2.5 text-og-md leading-6 text-og-fg";
 var WAITING_PILL_CLASS = "border-og-status-waiting/35 bg-og-status-waiting/10 text-og-status-waiting";
 var LOADING_CHIP_CLASS = "pointer-events-none inline-flex items-center rounded-full border border-og-border bg-og-surface-3/90 px-3 py-1 text-og-control font-medium shadow-og-md backdrop-blur";
+var LIVE_NOTE_FOLD_MS = 220;
+var LIVE_NOTE_GAP_PX = 20;
+var LIVE_NOTE_RESERVE_MS = 700;
+var LiveNoteFoldContext = createContext11(null);
 function invokeOlderLoad(load, noProgress, attempt, preserveTail = false) {
   try {
     const result = invokeOlderHistoryLoaderWithReceiptCapture(
@@ -6630,7 +6646,7 @@ function MessageTimeline({
     () => groupTimeline(resolvedItems, { readableTurns }),
     [resolvedItems, readableTurns]
   );
-  useLayoutEffect4(() => stopSettlement, [projectedGroups, stopSettlement]);
+  useLayoutEffect5(() => stopSettlement, [projectedGroups, stopSettlement]);
   const annotationSources = useMemo5(() => {
     const sources = /* @__PURE__ */ new Map();
     for (const item of resolvedItems) {
@@ -6690,6 +6706,149 @@ function MessageTimeline({
   const pendingReaderLeaveRef = useRef9(false);
   const leaveFallbackRafRef = useRef9(null);
   const foldMemoryRef = useRef9(/* @__PURE__ */ new Map());
+  const [openLiveFolds, setOpenLiveFolds] = useState14(() => /* @__PURE__ */ new Set());
+  const openLiveFoldsRef = useRef9(openLiveFolds);
+  const liveNoteIdsByWorkRef = useRef9(/* @__PURE__ */ new Map());
+  const liveFoldMotionRef = useRef9(null);
+  const liveFoldReserveRef = useRef9(null);
+  const writeScrollTopRef = useRef9(() => {
+  });
+  const reportLiveFold = useCallback3((workId, open) => {
+    const current = openLiveFoldsRef.current;
+    if (current.has(workId) === open) return;
+    const next = new Set(current);
+    if (open) next.add(workId);
+    else next.delete(workId);
+    openLiveFoldsRef.current = next;
+    liveFoldMotionRef.current?.finish();
+    const scroller = scrollRef.current;
+    const rows = (liveNoteIdsByWorkRef.current.get(workId) ?? []).flatMap((id) => {
+      const row = scroller?.querySelector(
+        `[data-og-live-note-id="${cssEscapeAttribute(id)}"]`
+      );
+      return row ? [row] : [];
+    });
+    if (!scroller || rows.length === 0) {
+      setOpenLiveFolds(next);
+      return;
+    }
+    const header = scroller.querySelector(
+      `[data-og-work-id="${cssEscapeAttribute(workId)}"] [data-og-work-header="outer"]`
+    );
+    const viewTop = scroller.getBoundingClientRect().top;
+    const headerTop = header?.getBoundingClientRect().top;
+    if (!open && header && headerTop !== void 0 && (headerTop < viewTop || headerTop > viewTop + scroller.clientHeight)) {
+      setOpenLiveFolds(next);
+      requestFrame(
+        () => requestFrame(() => {
+          const row = header.closest("[data-og-timeline-group-anchor]");
+          if (!row?.isConnected) return;
+          const box = row.getBoundingClientRect();
+          const top = scroller.getBoundingClientRect().top;
+          const bottom = top + scroller.clientHeight;
+          if (box.bottom > bottom || box.top < top)
+            writeScrollTopRef.current(scroller, scroller.scrollTop + box.bottom - bottom + 24);
+          scheduleQuestionNavRef.current();
+        })
+      );
+      return;
+    }
+    const readerTop = lastScrollTopRef.current;
+    const reserve = readerTop > 0.5 ? scroller.clientHeight : 0;
+    const loan = {};
+    if (reserve > 0) {
+      liveFoldReserveRef.current = loan;
+      scroller.style.paddingBottom = `calc(1.5rem + ${reserve}px)`;
+      if (Math.abs(scroller.scrollTop - readerTop) > 0.5)
+        writeScrollTopRef.current(scroller, readerTop);
+    }
+    const releaseReserve = (deadline) => {
+      if (reserve === 0 || liveFoldReserveRef.current !== loan) return;
+      const needed = scroller.scrollTop + scroller.clientHeight - (scroller.scrollHeight - reserve);
+      if (needed > 0.5 && performance.now() < deadline && scroller.isConnected) {
+        requestFrame(() => releaseReserve(deadline));
+        return;
+      }
+      liveFoldReserveRef.current = null;
+      scroller.style.removeProperty("padding-bottom");
+    };
+    const workRow = header?.closest("[data-og-timeline-group-anchor]") ?? null;
+    const rowStart = workRow?.getBoundingClientRect().top;
+    const viewBottom = viewTop + scroller.clientHeight;
+    let landing = open && rowStart !== void 0 ? Math.max(rows[0].getBoundingClientRect().top, viewTop) : null;
+    const heights = rows.map((row) => open ? row.offsetHeight : 0);
+    const apply = (progress) => {
+      const shown = open ? 1 - progress : progress;
+      rows.forEach((note, index) => {
+        note.style.marginTop = `${-LIVE_NOTE_GAP_PX}px`;
+        note.style.paddingTop = `${LIVE_NOTE_GAP_PX * shown}px`;
+        note.style.height = `${(heights[index] + LIVE_NOTE_GAP_PX) * shown}px`;
+        note.style.opacity = String(shown);
+      });
+      if (workRow && rowStart !== void 0 && landing !== null) {
+        const drift = workRow.getBoundingClientRect().top - (rowStart + (landing - rowStart) * progress);
+        if (Math.abs(drift) > 0.5) writeScrollTopRef.current(scroller, scroller.scrollTop + drift);
+      }
+    };
+    for (const row of rows) {
+      row.style.boxSizing = "border-box";
+      row.style.overflow = "hidden";
+      row.style.overflowAnchor = "none";
+    }
+    scroller.style.overflowAnchor = "none";
+    apply(0);
+    const fold = {
+      frame: null,
+      finish: () => {
+        if (fold.frame != null) cancelFrame(fold.frame);
+        for (const row of rows) {
+          for (const property of [
+            "height",
+            "margin-top",
+            "padding-top",
+            "opacity",
+            "overflow",
+            "overflow-anchor",
+            "box-sizing"
+          ])
+            row.style.removeProperty(property);
+        }
+        scroller.style.removeProperty("overflow-anchor");
+        releaseReserve(performance.now() + LIVE_NOTE_RESERVE_MS);
+        scheduleQuestionNavRef.current();
+        if (liveFoldMotionRef.current === fold) liveFoldMotionRef.current = null;
+      }
+    };
+    liveFoldMotionRef.current = fold;
+    const duration = prefersReducedMotion() ? 0 : LIVE_NOTE_FOLD_MS;
+    let began = null;
+    const step = (now) => {
+      fold.frame = null;
+      if (!rows.every((row) => row.isConnected)) return fold.finish();
+      if (!open && began === null) {
+        rows.forEach((note, index) => heights[index] = note.scrollHeight);
+        if (workRow && rowStart !== void 0) {
+          const returning = heights.reduce((sum, height) => sum + height + LIVE_NOTE_GAP_PX, 0);
+          const closedRow = 2 * (header?.getBoundingClientRect().height ?? 0);
+          const lowest = viewBottom - closedRow - 24;
+          landing = Math.min(rowStart + returning, Math.max(lowest, rowStart));
+        }
+      }
+      began ??= now;
+      const linear = duration === 0 ? 1 : Math.min(1, (now - began) / duration);
+      apply(1 - (1 - linear) ** 3);
+      if (linear < 1) fold.frame = requestFrame(step);
+      else fold.finish();
+    };
+    fold.frame = requestFrame(step);
+    setOpenLiveFolds(next);
+  }, []);
+  useEffect9(
+    () => () => {
+      liveFoldMotionRef.current?.finish();
+    },
+    []
+  );
   const userMessageDisclosureMemoryRef = useRef9(/* @__PURE__ */ new Map());
   const seenActivityIdsRef = useRef9(/* @__PURE__ */ new Set());
   const firstItemGroupKeyRef = useRef9(null);
@@ -6700,6 +6859,19 @@ function MessageTimeline({
   const firstKeyChangedForBulk = previousBulkFirstKeyRef.current !== void 0 && previousBulkFirstKeyRef.current !== firstGroupKey;
   const bulkRender = allGroups.length > 0 && (bulkActive || firstKeyChangedForBulk);
   const groups = useStableTimelineGroupKeys(allGroups, !bulkRender);
+  const [liveNoteFolds, liveNoteIdsByWork] = useMemo5(() => {
+    const folds = /* @__PURE__ */ new Map();
+    const byWork = /* @__PURE__ */ new Map();
+    for (const { group } of groups) {
+      if (group.kind !== "activity" || !group.work?.liveNoteIds) continue;
+      byWork.set(group.id, group.work.liveNoteIds);
+      for (const id of group.work.liveNoteIds) folds.set(id, openLiveFolds.has(group.id));
+    }
+    return [folds, byWork];
+  }, [groups, openLiveFolds]);
+  useLayoutEffect5(() => {
+    liveNoteIdsByWorkRef.current = liveNoteIdsByWork;
+  }, [liveNoteIdsByWork]);
   const turnsWithOutput = useMemo5(
     () => new Set(
       resolvedItems.flatMap(
@@ -6758,6 +6930,7 @@ function MessageTimeline({
       programmaticScrollRef.current -= 1;
     }
   }, []);
+  writeScrollTopRef.current = writeScrollTop;
   const cancelLeaveFallback = useCallback3(() => {
     if (leaveFallbackRafRef.current != null) {
       cancelFrame(leaveFallbackRafRef.current);
@@ -7194,7 +7367,7 @@ function MessageTimeline({
   driveFollowRef.current = driveFollow;
   useEffect9(() => stopFollow, [stopFollow]);
   useEffect9(() => () => cancelLeaveFallback(), [cancelLeaveFallback]);
-  useLayoutEffect4(() => {
+  useLayoutEffect5(() => {
     const node = scrollRef.current;
     if (!node) {
       return;
@@ -7348,7 +7521,7 @@ function MessageTimeline({
     rearmOlderPrefetchAfterLeavingTop(node);
     requestOlderIfUnderfilled(node);
   });
-  useLayoutEffect4(() => {
+  useLayoutEffect5(() => {
     if (revealed || !allGroups.length) {
       return;
     }
@@ -7382,7 +7555,7 @@ function MessageTimeline({
       }
     };
   }, [revealed, allGroups.length, autoFollow, snapToBottom]);
-  useLayoutEffect4(() => {
+  useLayoutEffect5(() => {
     if (allGroups.length > 0) {
       return;
     }
@@ -7418,7 +7591,7 @@ function MessageTimeline({
       requestOlderIfUnderfilled(node);
     }
   });
-  useLayoutEffect4(() => {
+  useLayoutEffect5(() => {
     previousBulkFirstKeyRef.current = firstGroupKey;
     if (!bulkRender) {
       return;
@@ -7556,7 +7729,7 @@ function MessageTimeline({
       applyPinned(true);
     }
   }, [hasNewer, autoFollow, applyPinned, snapToBottom, stopFollow]);
-  useLayoutEffect4(() => {
+  useLayoutEffect5(() => {
     const node = scrollRef.current;
     if (node && !pinnedRef.current) setAwayFromTip(!isNearBottom(node));
   });
@@ -7694,7 +7867,7 @@ function MessageTimeline({
     {
       render: renderAllowanceExhausted,
       labels: allowanceExhaustedLabels,
-      children: /* @__PURE__ */ jsx18(LightboxProvider, { children: /* @__PURE__ */ jsx18(FoldMemoryProvider, { value: foldMemoryRef.current, children: /* @__PURE__ */ jsx18(SeenActivityIdsProvider, { value: seenActivityIdsRef.current, children: /* @__PURE__ */ jsx18(TimelineComputeLabelProvider, { value: computeLabel ?? null, children: /* @__PURE__ */ jsx18(EntranceAnimationProvider, { value: false, children: /* @__PURE__ */ jsx18(TooltipProvider, { delayDuration: 400, children: /* @__PURE__ */ jsx18(TimelineAnnotationSourceRootContext.Provider, { value: scrollRef, children: /* @__PURE__ */ jsxs13(
+      children: /* @__PURE__ */ jsx18(LightboxProvider, { children: /* @__PURE__ */ jsx18(FoldMemoryProvider, { value: foldMemoryRef.current, children: /* @__PURE__ */ jsx18(LiveNoteFoldContext.Provider, { value: reportLiveFold, children: /* @__PURE__ */ jsx18(SeenActivityIdsProvider, { value: seenActivityIdsRef.current, children: /* @__PURE__ */ jsx18(TimelineComputeLabelProvider, { value: computeLabel ?? null, children: /* @__PURE__ */ jsx18(EntranceAnimationProvider, { value: false, children: /* @__PURE__ */ jsx18(TooltipProvider, { delayDuration: 400, children: /* @__PURE__ */ jsx18(TimelineAnnotationSourceRootContext.Provider, { value: scrollRef, children: /* @__PURE__ */ jsxs13(
         "div",
         {
           className: cn("og-root relative flex min-h-0 flex-col", className),
@@ -7881,6 +8054,7 @@ function MessageTimeline({
                                 ),
                                 entranceEnabled,
                                 liveEntranceEnabled: group.kind === "activity" ? !bulkRender : void 0,
+                                noteFolded: group.kind === "item" ? liveNoteFolds.get(group.item.id) : void 0,
                                 context: timelineGroupEntryContext
                               }
                             )
@@ -8036,7 +8210,7 @@ function MessageTimeline({
             )
           ]
         }
-      ) }) }) }) }) }) }) })
+      ) }) }) }) }) }) }) }) })
     }
   );
   return /* @__PURE__ */ jsx18(OpenGeniLinkProvider, { resolveLink, children: timeline });
@@ -8054,7 +8228,9 @@ function useStableTimelineGroupKeys(allGroups, entranceEnabled) {
     const previousByItemId = /* @__PURE__ */ new Map();
     for (const previous of previousRef.current) {
       for (const itemId of timelineGroupItemIds(previous.group)) {
-        previousByItemId.set(itemId, previous);
+        if (previous.group.kind === "item" || !previousByItemId.has(itemId)) {
+          previousByItemId.set(itemId, previous);
+        }
       }
     }
     const usedKeys = /* @__PURE__ */ new Set();
@@ -8088,7 +8264,7 @@ function useStableTimelineGroupKeys(allGroups, entranceEnabled) {
       };
     });
   }, [allGroups, entranceEnabled]);
-  useLayoutEffect4(() => {
+  useLayoutEffect5(() => {
     previousRef.current = keyedGroups;
   }, [keyedGroups]);
   return keyedGroups;
@@ -8151,6 +8327,7 @@ var TimelineGroupEntry = memo(function TimelineGroupEntry2({
   startupDismissed,
   entranceEnabled,
   liveEntranceEnabled,
+  noteFolded,
   context
 }) {
   const reducedMotion = useReducedMotion3();
@@ -8174,6 +8351,11 @@ var TimelineGroupEntry = memo(function TimelineGroupEntry2({
       "data-og-group-key": groupKey,
       "data-og-prompt": group.kind === "item" && group.item.kind === "user-message" ? "" : void 0,
       tabIndex: group.kind === "item" && group.item.kind === "user-message" ? -1 : void 0,
+      "data-og-live-note": noteFolded === void 0 ? void 0 : noteFolded ? "folded" : "shown",
+      "data-og-live-note-id": noteFolded !== void 0 && group.kind === "item" ? group.item.id : void 0,
+      "aria-hidden": noteFolded || void 0,
+      inert: noteFolded || void 0,
+      className: noteFolded ? "-mt-5 h-0 overflow-hidden opacity-0 [overflow-anchor:none]" : void 0,
       children: /* @__PURE__ */ jsx18(EntranceAnimationProvider, { value: entranceEnabled, liveValue: liveEntranceEnabled, children: /* @__PURE__ */ jsx18(TimelineGroupRenderBoundary, { resetKeys: [group, behavior], children: /* @__PURE__ */ jsx18(UserMessageDisclosureProvider, { value: userMessageDisclosureContext, children: group.kind === "item" ? /* @__PURE__ */ jsx18("div", { children: content }) : /* @__PURE__ */ jsx18(AnimatePresence3, { initial: false, children: /* @__PURE__ */ jsx18(
         motion3.div,
         {
@@ -8214,11 +8396,12 @@ var TimelineGroupView = memo(function TimelineGroupView2({
   const enter = useEntranceAnimation();
   const settleChrome = useTurnSettleOpen();
   const previousSingleActivity = useRef9(void 0);
-  useLayoutEffect4(() => {
+  useLayoutEffect5(() => {
     const work = group.kind === "activity" ? group.items.filter((item) => item.kind !== "startup-phase") : [];
     previousSingleActivity.current = work.length === 1 ? work[0] : void 0;
   }, [group]);
   const foldMemory = useFoldMemory();
+  const reportLiveFold = useContext12(LiveNoteFoldContext);
   const containsPresentedImage = timelineGroupContainsPresentedImage(group);
   const hasRememberedImageFold = group.kind === "activity" && containsPresentedImage && foldMemory?.has(group.id);
   const activityShouldFold = group.kind === "activity" && !containsPresentedImage && !!(group.outcome || foldLiveCluster && clusterIsSettled(group));
@@ -8267,37 +8450,42 @@ var TimelineGroupView = memo(function TimelineGroupView2({
             }
           )
         };
-        return /* @__PURE__ */ jsx18(
-          TurnSummary,
-          {
-            items: group.items,
-            status,
-            outcome: group.outcome,
-            failureText: group.failureText,
-            foldKey: group.id,
-            defaultOpen: containsPresentedImage || group.outcome === "failed" || phases.some((item) => item.status === "failed" || item.status === "cancelled") ? true : void 0,
-            facets: turnSummary?.facets,
-            contextCompactionCount: compactedLandmarkCount(group.work.details),
-            children: /* @__PURE__ */ jsx18(TurnRailFrame, { compact: true, children: renderFoldedGroups(
-              group.work.details,
-              {
-                renderMessageActions,
-                renderMessageText,
-                onOpenSession,
-                onMemoryClick,
-                onReconnect,
-                renderAuthNeeded,
-                resolveProviderLogo,
-                toolRegistry,
-                loadRetainedScreenshot,
-                loadRetainedArtifact,
-                loadVideoArtifactPlayback,
-                turnSummary
-              },
-              true
-            ) })
-          },
-          "work"
+        return (
+          // Marks this work row for the live-note fold (list keys can be carried
+          // over from an earlier row, so they are not the work id).
+          /* @__PURE__ */ jsx18("div", { className: "contents", "data-og-work-id": group.id, children: /* @__PURE__ */ jsx18(
+            TurnSummary,
+            {
+              items: group.items,
+              status,
+              outcome: group.outcome,
+              failureText: group.failureText,
+              foldKey: group.id,
+              defaultOpen: containsPresentedImage || group.outcome === "failed" || phases.some((item) => item.status === "failed" || item.status === "cancelled") ? true : void 0,
+              facets: turnSummary?.facets,
+              contextCompactionCount: compactedLandmarkCount(group.work.details),
+              onOpenStateChange: group.work.liveNoteIds?.length && reportLiveFold ? (open) => reportLiveFold(group.id, open) : void 0,
+              children: /* @__PURE__ */ jsx18(TurnRailFrame, { compact: true, children: renderFoldedGroups(
+                group.work.details,
+                {
+                  renderMessageActions,
+                  renderMessageText,
+                  onOpenSession,
+                  onMemoryClick,
+                  onReconnect,
+                  renderAuthNeeded,
+                  resolveProviderLogo,
+                  toolRegistry,
+                  loadRetainedScreenshot,
+                  loadRetainedArtifact,
+                  loadVideoArtifactPlayback,
+                  turnSummary
+                },
+                true
+              ) })
+            },
+            "work"
+          ) })
         );
       }
       if (!startupDetails && !insideTurn && !group.outcome && group.items.every(
@@ -8531,7 +8719,7 @@ function useLiveSettleFold(folded) {
   if (!previousFoldedRef.current && folded) {
     latchedRef.current = true;
   }
-  useLayoutEffect4(() => {
+  useLayoutEffect5(() => {
     previousFoldedRef.current = folded;
   });
   return latchedRef.current;
@@ -11213,14 +11401,68 @@ import {
   lazy as lazy5,
   Suspense as Suspense6,
   useCallback as useCallback5,
-  useEffect as useEffect12,
-  useMemo as useMemo7,
+  useEffect as useEffect13,
+  useMemo as useMemo8,
   useRef as useRef11,
-  useState as useState17
+  useState as useState18
 } from "react";
 
+// src/components/session-proxy-scope.tsx
+import { OpenGeniBrowserClient } from "@opengeni/sdk/browser";
+import { useEffect as useEffect11, useMemo as useMemo7, useState as useState16 } from "react";
+import { jsx as jsx22 } from "react/jsx-runtime";
+function SessionProxyScope({
+  baseUrl,
+  workspaceId,
+  children
+}) {
+  const client = useMemo7(
+    () => new OpenGeniBrowserClient({ baseUrl, apiContract: "compatible" }),
+    [baseUrl]
+  );
+  const [state, setState] = useState16(
+    workspaceId ? { status: "ready", workspaceId } : { status: "loading" }
+  );
+  useEffect11(() => {
+    if (workspaceId) {
+      setState({ status: "ready", workspaceId });
+      return;
+    }
+    let active = true;
+    setState({ status: "loading" });
+    client.getClientConfig().then(
+      (config) => {
+        if (!active) return;
+        setState(
+          config.workspaceId ? { status: "ready", workspaceId: config.workspaceId } : {
+            status: "error",
+            message: "This server does not report its workspace. Update @opengeni/sdk on the server, or pass workspaceId."
+          }
+        );
+      },
+      (error) => {
+        if (!active) return;
+        setState({
+          status: "error",
+          message: error instanceof Error ? error.message : "Could not load the conversation."
+        });
+      }
+    );
+    return () => {
+      active = false;
+    };
+  }, [client, workspaceId]);
+  if (state.status === "error") {
+    return /* @__PURE__ */ jsx22("div", { role: "alert", className: "og-root p-3 text-og-sm text-og-danger", "data-og-proxy-error": "", children: state.message });
+  }
+  if (state.status === "loading") {
+    return /* @__PURE__ */ jsx22("div", { className: "og-root", "aria-busy": "true", "data-og-proxy-loading": "" });
+  }
+  return /* @__PURE__ */ jsx22(OpenGeniProvider, { client, workspaceId: state.workspaceId, children });
+}
+
 // src/lib/host-theme.ts
-import { useLayoutEffect as useLayoutEffect5, useEffect as useEffect11, useState as useState16 } from "react";
+import { useLayoutEffect as useLayoutEffect6, useEffect as useEffect12, useState as useState17 } from "react";
 var HOST_THEME_ROOT_ATTRIBUTE = "data-og-host-theme";
 var HOST_THEME_ATTRIBUTES = [
   "data-theme",
@@ -11423,7 +11665,7 @@ function resolveHostTheme(element) {
   return "light";
 }
 function normalizeToken(value) {
-  return value.trim().toLowerCase().replace(/\s+/g, " ");
+  return value.trim().toLowerCase().replace(/\s+/g, " ").replace(/#([\da-f])([\da-f])([\da-f])(?![\da-f])/g, "#$1$1$2$2$3$3").replace(/(^|[\s(,/])0+(\.\d)/g, "$1$2").replace(/(\.\d*?)0+(?=[\s),/%]|$)/g, "$1").replace(/\.(?=[\s),/%]|$)/g, "");
 }
 function hostTokenOverrides(element) {
   const parent = element.parentElement;
@@ -11448,7 +11690,7 @@ function hostSurfaceStyle(theme, background) {
   }
   return style;
 }
-var useIsomorphicLayoutEffect = typeof window === "undefined" ? useEffect11 : useLayoutEffect5;
+var useIsomorphicLayoutEffect = typeof window === "undefined" ? useEffect12 : useLayoutEffect6;
 function designedTheme(overrides) {
   for (const token of ["--og-color-fg", "--og-color-bg", "--og-color-canvas"]) {
     const value = overrides[token];
@@ -11498,7 +11740,7 @@ function resolveHostThemeState(element, preference, surface) {
 function useHostTheme(ref, options) {
   const preference = options.theme ?? "auto";
   const surface = options.surface ?? "host";
-  const [state, setState] = useState16({ theme: preference === "auto" ? void 0 : preference, inherited: false, style: null });
+  const [state, setState] = useState17({ theme: preference === "auto" ? void 0 : preference, inherited: false, style: null });
   useIsomorphicLayoutEffect(() => {
     const element = ref.current;
     if (!element || typeof window === "undefined") return;
@@ -11560,14 +11802,19 @@ function useHostTheme(ref, options) {
 }
 
 // src/components/session-conversation.tsx
-import { Fragment as Fragment9, jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
 var DEFAULT_CONVERSATION_LABELS = {
   retry: "Retry",
   tryAgain: "Try again"
 };
-function SessionConversation(props) {
-  const [attempt, setAttempt] = useState17(0);
-  return /* @__PURE__ */ jsx22(
+function SessionConversation({ baseUrl, ...props }) {
+  if (baseUrl === void 0) return /* @__PURE__ */ jsx23(RetryingConversation, { ...props });
+  const { client: _client, workspaceId, ...rest } = props;
+  return /* @__PURE__ */ jsx23(SessionProxyScope, { baseUrl, workspaceId, children: /* @__PURE__ */ jsx23(RetryingConversation, { ...rest }) });
+}
+function RetryingConversation(props) {
+  const [attempt, setAttempt] = useState18(0);
+  return /* @__PURE__ */ jsx23(
     Conversation,
     {
       ...props,
@@ -11616,7 +11863,7 @@ function Conversation({
   const queue = useTurnQueue(sessionId, options);
   const human = useHumanInputRequests(sessionId, options);
   const control = useSessionControl(sessionId, scope);
-  const approvals = useMemo7(() => projectPendingApprovals(feed.events), [feed.events]);
+  const approvals = useMemo8(() => projectPendingApprovals(feed.events), [feed.events]);
   const files = useFileAttachments(scope);
   const uploadsEnabled = attachmentsRequested && config.uploads;
   const status = feed.sessionStatus ?? detail.session?.status;
@@ -11646,7 +11893,7 @@ function Conversation({
     sessionId
   );
   const inheritedLinks = useOpenGeniLinkResolver();
-  const defaultLinks = useMemo7(
+  const defaultLinks = useMemo8(
     () => sessionLinkResolver({
       client: context.client,
       workspaceId: context.workspaceId,
@@ -11658,14 +11905,14 @@ function Conversation({
   const onOpenArtifactRef = useRef11(onOpenArtifact);
   onOpenArtifactRef.current = onOpenArtifact;
   const opensArtifacts = onOpenArtifact !== void 0;
-  const viewerLinks = useMemo7(
+  const viewerLinks = useMemo8(
     () => opensArtifacts ? viewerLinkResolver({
       workspaceId: context.workspaceId,
       open: (target) => onOpenArtifactRef.current?.(target)
     }) : null,
     [context.workspaceId, opensArtifacts]
   );
-  const links = useMemo7(
+  const links = useMemo8(
     () => chainLinkResolvers(resolveLink, viewerLinks, inheritedLinks, defaultLinks) ?? void 0,
     [resolveLink, viewerLinks, inheritedLinks, defaultLinks]
   );
@@ -11698,8 +11945,8 @@ function Conversation({
             className: "mx-auto flex w-full max-w-3xl shrink-0 items-center gap-3 rounded-og-md border border-og-status-failed/30 bg-og-status-failed/10 px-3 py-2 text-og-sm text-og-fg",
             "data-og-conversation-error": "",
             children: [
-              /* @__PURE__ */ jsx22("span", { className: "min-w-0 flex-1", children: formatError(error) }),
-              /* @__PURE__ */ jsx22(
+              /* @__PURE__ */ jsx23("span", { className: "min-w-0 flex-1", children: formatError(error) }),
+              /* @__PURE__ */ jsx23(
                 "button",
                 {
                   type: "button",
@@ -11718,8 +11965,8 @@ function Conversation({
             className: "flex min-h-0 flex-1 flex-col items-center justify-center gap-3 px-6 text-center",
             "data-og-conversation-error": "",
             children: [
-              /* @__PURE__ */ jsx22("p", { className: "max-w-sm text-og-base text-og-fg-muted", children: formatError(feed.error) }),
-              /* @__PURE__ */ jsx22(
+              /* @__PURE__ */ jsx23("p", { className: "max-w-sm text-og-base text-og-fg-muted", children: formatError(feed.error) }),
+              /* @__PURE__ */ jsx23(
                 "button",
                 {
                   type: "button",
@@ -11730,7 +11977,7 @@ function Conversation({
               )
             ]
           }
-        ) : /* @__PURE__ */ jsx22(
+        ) : /* @__PURE__ */ jsx23(
           MessageTimeline,
           {
             renderMessageText,
@@ -11760,14 +12007,14 @@ function Conversation({
             questionNavMinViewportHeight: 320
           }
         ),
-        importedArchive ? /* @__PURE__ */ jsx22("p", { className: "shrink-0 px-4 py-2 text-center text-sm text-og-muted", role: "status", children: "Archived conversation \xB7 Read only" }) : /* @__PURE__ */ jsxs17(Fragment9, { children: [
+        importedArchive ? /* @__PURE__ */ jsx23("p", { className: "shrink-0 px-4 py-2 text-center text-sm text-og-muted", role: "status", children: "Archived conversation \xB7 Read only" }) : /* @__PURE__ */ jsxs17(Fragment9, { children: [
           /* @__PURE__ */ jsxs17(
             "div",
             {
               className: "relative z-20 min-h-0 max-h-[40%] shrink-0 overflow-y-auto empty:hidden",
               "data-og-conversation-inputs": "",
               children: [
-                approvals.length > 0 && !terminal ? /* @__PURE__ */ jsx22(
+                approvals.length > 0 && !terminal ? /* @__PURE__ */ jsx23(
                   ApprovalSurface,
                   {
                     className: "mx-auto max-w-3xl",
@@ -11782,7 +12029,7 @@ function Conversation({
                     error: control.error
                   }
                 ) : null,
-                /* @__PURE__ */ jsx22(
+                /* @__PURE__ */ jsx23(
                   HumanInputSurface,
                   {
                     className: "mx-auto max-w-3xl",
@@ -11797,7 +12044,7 @@ function Conversation({
                     decisionButtons: true
                   }
                 ),
-                terminal ? /* @__PURE__ */ jsx22(SessionChrome, { queue, sessionStatus: status, readOnly: true }) : /* @__PURE__ */ jsx22(
+                terminal ? /* @__PURE__ */ jsx23(SessionChrome, { queue, sessionStatus: status, readOnly: true }) : /* @__PURE__ */ jsx23(
                   SessionChrome,
                   {
                     queue,
@@ -11809,12 +12056,12 @@ function Conversation({
               ]
             }
           ),
-          /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsx23(
             "div",
             {
               className: "relative z-20 mx-auto w-full max-w-3xl shrink-0",
               "data-og-conversation-composer": "",
-              children: /* @__PURE__ */ jsx22(
+              children: /* @__PURE__ */ jsx23(
                 ChatComposer,
                 {
                   runControl: "stop",
@@ -11823,7 +12070,7 @@ function Conversation({
                   composer,
                   attachments: uploadsEnabled ? files : void 0,
                   disabled: terminal || composerProps?.disabled,
-                  controlsStart: composerProps?.controlsStart ?? (showModelPicker && composer.policy && /* @__PURE__ */ jsx22(
+                  controlsStart: composerProps?.controlsStart ?? (showModelPicker && composer.policy && /* @__PURE__ */ jsx23(
                     ModelPolicyPicker,
                     {
                       groupPresentation: modelPickerProps?.groupPresentation,
@@ -11859,7 +12106,7 @@ var LazyChatInteractiveBlock = lazy5(
   }))
 );
 function useDefaultInteractiveBlock(client, workspaceId, sessionId) {
-  const scoped = useMemo7(() => {
+  const scoped = useMemo8(() => {
     let resolved = null;
     const get = () => {
       const candidate = client;
@@ -11877,17 +12124,17 @@ function useDefaultInteractiveBlock(client, workspaceId, sessionId) {
     };
   }, [client, sessionId]);
   return useCallback5(
-    (block) => /* @__PURE__ */ jsx22(Suspense6, { fallback: /* @__PURE__ */ jsx22("span", { role: "status", children: "Loading preview\u2026" }), children: /* @__PURE__ */ jsx22(LazyChatInteractiveBlock, { workspaceId, client: scoped, ...block }) }),
+    (block) => /* @__PURE__ */ jsx23(Suspense6, { fallback: /* @__PURE__ */ jsx23("span", { role: "status", children: "Loading preview\u2026" }), children: /* @__PURE__ */ jsx23(LazyChatInteractiveBlock, { workspaceId, client: scoped, ...block }) }),
     [scoped, workspaceId]
   );
 }
 function useClientConfigFlags(client) {
-  const [flags, setFlags] = useState17({
+  const [flags, setFlags] = useState18({
     uploads: false,
     modelSelection: false,
     sandboxFiles: false
   });
-  useEffect12(() => {
+  useEffect13(() => {
     let live = true;
     client.getClientConfig().then(
       (config) => {
@@ -11910,7 +12157,7 @@ function useClientConfigFlags(client) {
 }
 
 // src/hooks/use-workspace-sessions.ts
-import { useCallback as useCallback6, useEffect as useEffect13, useRef as useRef12 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect14, useRef as useRef12 } from "react";
 function useWorkspaceSessions(options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
   const projection = options.projection;
@@ -11946,7 +12193,7 @@ function useWorkspaceSessions(options = {}) {
   ].join("\0");
   const previousQueryKey = useRef12(queryKey);
   const queryKeyTransition = previousQueryKey.current !== queryKey;
-  useEffect13(() => {
+  useEffect14(() => {
     previousQueryKey.current = queryKey;
   }, [queryKey]);
   const load = useCallback6(
@@ -12031,8 +12278,8 @@ function useWorkspaceSessions(options = {}) {
 // src/components/session-list.tsx
 import { deriveSessionDisplayTitle } from "@opengeni/sdk";
 import { ArchiveIcon, PencilIcon as PencilIcon2, PlusIcon } from "lucide-react";
-import { useEffect as useEffect14, useRef as useRef13, useState as useState18 } from "react";
-import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
+import { useEffect as useEffect15, useRef as useRef13, useState as useState19 } from "react";
+import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
 var DEFAULT_LABELS = {
   heading: "Chats",
   newChat: "New chat",
@@ -12061,7 +12308,7 @@ function SessionList({
   const labels = { ...DEFAULT_LABELS, ...labelOverrides };
   const scope = { client, workspaceId };
   const context = useOpenGeni(scope);
-  const [limit, setLimit] = useState18(pageSize);
+  const [limit, setLimit] = useState19(pageSize);
   const list = useWorkspaceSessions({
     ...scope,
     parentSessionId: null,
@@ -12071,14 +12318,14 @@ function SessionList({
   });
   const refresh = list.refresh;
   const firstRefreshKey = useRef13(refreshKey);
-  useEffect14(() => {
+  useEffect15(() => {
     if (Object.is(refreshKey, firstRefreshKey.current)) return;
     firstRefreshKey.current = refreshKey;
     void refresh();
   }, [refresh, refreshKey]);
-  const [editing, setEditing] = useState18(null);
-  const [busy, setBusy] = useState18(null);
-  const [error, setError] = useState18(null);
+  const [editing, setEditing] = useState19(null);
+  const [busy, setBusy] = useState19(null);
+  const [error, setError] = useState19(null);
   const formatError = useErrorMessage();
   const archiveClient = context.client;
   const canArchive = archive && typeof archiveClient.updateSessionArchive === "function";
@@ -12121,7 +12368,7 @@ function SessionList({
       "data-og-session-list": "",
       children: [
         /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between gap-2 px-2 pb-1 pt-2", children: [
-          /* @__PURE__ */ jsx23("h2", { className: "text-og-sm font-semibold text-og-fg-muted", children: labels.heading }),
+          /* @__PURE__ */ jsx24("h2", { className: "text-og-sm font-semibold text-og-fg-muted", children: labels.heading }),
           onNewChat ? /* @__PURE__ */ jsxs18(
             "button",
             {
@@ -12130,22 +12377,22 @@ function SessionList({
               className: "inline-flex items-center gap-1 rounded-md px-2 py-1 text-og-control text-og-fg hover:bg-og-surface-2",
               "data-og-new-chat": "",
               children: [
-                /* @__PURE__ */ jsx23(PlusIcon, { className: "size-3.5", "aria-hidden": true }),
+                /* @__PURE__ */ jsx24(PlusIcon, { className: "size-3.5", "aria-hidden": true }),
                 labels.newChat
               ]
             }
           ) : null
         ] }),
-        error || list.error ? /* @__PURE__ */ jsx23("p", { role: "alert", className: "px-2 text-og-xs text-og-status-failed", children: formatError(error ? error.cause : list.error) }) : null,
+        error || list.error ? /* @__PURE__ */ jsx24("p", { role: "alert", className: "px-2 text-og-xs text-og-status-failed", children: formatError(error ? error.cause : list.error) }) : null,
         /* @__PURE__ */ jsxs18("ul", { className: "flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto px-1 pb-2", children: [
-          list.loading && sessions.length === 0 ? /* @__PURE__ */ jsx23("li", { className: "px-2 py-2 text-og-xs text-og-fg-subtle", children: labels.loading }) : null,
-          !list.loading && !list.error && sessions.length === 0 ? /* @__PURE__ */ jsx23("li", { className: "px-2 py-2 text-og-xs text-og-fg-subtle", children: labels.empty }) : null,
+          list.loading && sessions.length === 0 ? /* @__PURE__ */ jsx24("li", { className: "px-2 py-2 text-og-xs text-og-fg-subtle", children: labels.loading }) : null,
+          !list.loading && !list.error && sessions.length === 0 ? /* @__PURE__ */ jsx24("li", { className: "px-2 py-2 text-og-xs text-og-fg-subtle", children: labels.empty }) : null,
           sessions.map((session) => {
             const selected = session.id === selectedSessionId;
             const title = deriveSessionDisplayTitle(session);
             if (editing?.id === session.id) {
-              return /* @__PURE__ */ jsx23("li", { children: /* @__PURE__ */ jsxs18("form", { onSubmit: saveTitle, className: "flex items-center gap-1 px-1 py-1", children: [
-                /* @__PURE__ */ jsx23(
+              return /* @__PURE__ */ jsx24("li", { children: /* @__PURE__ */ jsxs18("form", { onSubmit: saveTitle, className: "flex items-center gap-1 px-1 py-1", children: [
+                /* @__PURE__ */ jsx24(
                   "input",
                   {
                     "aria-label": labels.rename,
@@ -12159,7 +12406,7 @@ function SessionList({
                     className: "min-w-0 flex-1 rounded-md border border-og-border bg-og-bg px-2 py-1 text-og-sm text-og-fg"
                   }
                 ),
-                /* @__PURE__ */ jsx23(
+                /* @__PURE__ */ jsx24(
                   "button",
                   {
                     type: "submit",
@@ -12183,36 +12430,36 @@ function SessionList({
                   ),
                   "data-og-session-row": "",
                   children: [
-                    /* @__PURE__ */ jsx23("span", { className: "w-full truncate pr-12 text-og-sm text-og-fg", children: title }),
-                    /* @__PURE__ */ jsx23("span", { className: "text-og-xs text-og-fg-subtle", children: formatRelativeTime(session.updatedAt) })
+                    /* @__PURE__ */ jsx24("span", { className: "w-full truncate pr-12 text-og-sm text-og-fg", children: title }),
+                    /* @__PURE__ */ jsx24("span", { className: "text-og-xs text-og-fg-subtle", children: formatRelativeTime(session.updatedAt) })
                   ]
                 }
               ),
               /* @__PURE__ */ jsxs18("span", { className: "absolute right-1 top-1.5 hidden gap-0.5 group-focus-within:flex group-hover:flex", children: [
-                rename ? /* @__PURE__ */ jsx23(
+                rename ? /* @__PURE__ */ jsx24(
                   "button",
                   {
                     type: "button",
                     "aria-label": `${labels.rename}: ${title}`,
                     onClick: () => setEditing({ id: session.id, title: session.title ?? title }),
                     className: "rounded p-1 text-og-fg-subtle hover:bg-og-surface-3 hover:text-og-fg",
-                    children: /* @__PURE__ */ jsx23(PencilIcon2, { className: "size-3.5", "aria-hidden": true })
+                    children: /* @__PURE__ */ jsx24(PencilIcon2, { className: "size-3.5", "aria-hidden": true })
                   }
                 ) : null,
-                canArchive ? /* @__PURE__ */ jsx23(
+                canArchive ? /* @__PURE__ */ jsx24(
                   "button",
                   {
                     type: "button",
                     "aria-label": `${labels.archive}: ${title}`,
                     onClick: () => archiveSession(session),
                     className: "rounded p-1 text-og-fg-subtle hover:bg-og-surface-3 hover:text-og-fg",
-                    children: /* @__PURE__ */ jsx23(ArchiveIcon, { className: "size-3.5", "aria-hidden": true })
+                    children: /* @__PURE__ */ jsx24(ArchiveIcon, { className: "size-3.5", "aria-hidden": true })
                   }
                 ) : null
               ] })
             ] }, session.id);
           }),
-          list.nextCursor ? /* @__PURE__ */ jsx23("li", { children: /* @__PURE__ */ jsx23(
+          list.nextCursor ? /* @__PURE__ */ jsx24("li", { children: /* @__PURE__ */ jsx24(
             "button",
             {
               type: "button",
@@ -12229,8 +12476,8 @@ function SessionList({
 
 // src/components/open-geni-chat.tsx
 import { ArrowUpIcon as ArrowUpIcon3, LoaderCircleIcon, MenuIcon, XIcon as XIcon3 } from "lucide-react";
-import { useCallback as useCallback7, useRef as useRef14, useState as useState19 } from "react";
-import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
+import { useCallback as useCallback7, useRef as useRef14, useState as useState20 } from "react";
+import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
 var DEFAULT_LABELS2 = {
   openChats: "Open chats",
   closeChats: "Close chats",
@@ -12239,7 +12486,12 @@ var DEFAULT_LABELS2 = {
   send: "Send",
   newChatUnavailable: "New chats are not enabled for this product."
 };
-function OpenGeniChat({
+function OpenGeniChat({ baseUrl, ...props }) {
+  if (baseUrl === void 0) return /* @__PURE__ */ jsx25(Chat, { ...props });
+  const { client: _client, workspaceId, ...rest } = props;
+  return /* @__PURE__ */ jsx25(SessionProxyScope, { baseUrl, workspaceId, children: /* @__PURE__ */ jsx25(Chat, { ...rest }) });
+}
+function Chat({
   client,
   workspaceId,
   sessionId: controlledSessionId,
@@ -12258,10 +12510,10 @@ function OpenGeniChat({
   const labels = { ...DEFAULT_LABELS2, ...labelOverrides };
   const scope = { client, workspaceId };
   const context = useOpenGeni(scope);
-  const [uncontrolled, setUncontrolled] = useState19(defaultSessionId);
+  const [uncontrolled, setUncontrolled] = useState20(defaultSessionId);
   const selected = controlledSessionId !== void 0 ? controlledSessionId : uncontrolled;
-  const [drawerOpen, setDrawerOpen] = useState19(false);
-  const [listRevision, setListRevision] = useState19(0);
+  const [drawerOpen, setDrawerOpen] = useState20(false);
+  const [listRevision, setListRevision] = useState20(0);
   const root = useRef14(null);
   const hostTheme = useHostTheme(root, { theme, surface });
   const select = useCallback7(
@@ -12285,7 +12537,7 @@ function OpenGeniChat({
     },
     [context.client, context.workspaceId, createSession, labels.newChatUnavailable]
   );
-  const list = /* @__PURE__ */ jsx24(
+  const list = /* @__PURE__ */ jsx25(
     SessionList,
     {
       ...scope,
@@ -12314,7 +12566,7 @@ function OpenGeniChat({
       "data-og-host-theme": "",
       "data-og-chat": "",
       children: [
-        /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx25(
           "aside",
           {
             className: "og-chat-sidebar min-h-0 w-64 shrink-0 flex-col border-r border-og-border",
@@ -12324,19 +12576,19 @@ function OpenGeniChat({
         ),
         drawerOpen ? /* @__PURE__ */ jsxs19("div", { className: "og-chat-drawer absolute inset-0 z-30 flex", "data-og-chat-drawer": "", children: [
           /* @__PURE__ */ jsxs19("div", { className: "flex h-full w-[min(20rem,85%)] flex-col border-r border-og-border bg-og-bg shadow-og-lg", children: [
-            /* @__PURE__ */ jsx24("div", { className: "flex justify-end p-1", children: /* @__PURE__ */ jsx24(
+            /* @__PURE__ */ jsx25("div", { className: "flex justify-end p-1", children: /* @__PURE__ */ jsx25(
               "button",
               {
                 type: "button",
                 "aria-label": labels.closeChats,
                 onClick: () => setDrawerOpen(false),
                 className: "rounded p-1.5 text-og-fg-muted hover:bg-og-surface-2",
-                children: /* @__PURE__ */ jsx24(XIcon3, { className: "size-4", "aria-hidden": true })
+                children: /* @__PURE__ */ jsx25(XIcon3, { className: "size-4", "aria-hidden": true })
               }
             ) }),
-            /* @__PURE__ */ jsx24("div", { className: "min-h-0 flex-1", children: list })
+            /* @__PURE__ */ jsx25("div", { className: "min-h-0 flex-1", children: list })
           ] }),
-          /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsx25(
             "button",
             {
               type: "button",
@@ -12348,7 +12600,7 @@ function OpenGeniChat({
         ] }) : null,
         /* @__PURE__ */ jsxs19("main", { className: "flex min-h-0 min-w-0 flex-1 flex-col", children: [
           /* @__PURE__ */ jsxs19("div", { className: "og-chat-menu flex items-center gap-2 px-2 py-1", children: [
-            /* @__PURE__ */ jsx24(
+            /* @__PURE__ */ jsx25(
               "button",
               {
                 type: "button",
@@ -12357,12 +12609,12 @@ function OpenGeniChat({
                 onClick: () => setDrawerOpen(true),
                 className: "rounded p-1.5 text-og-fg-muted hover:bg-og-surface-2",
                 "data-og-chat-menu": "",
-                children: /* @__PURE__ */ jsx24(MenuIcon, { className: "size-4", "aria-hidden": true })
+                children: /* @__PURE__ */ jsx25(MenuIcon, { className: "size-4", "aria-hidden": true })
               }
             ),
-            /* @__PURE__ */ jsx24("span", { className: "text-og-sm font-semibold text-og-fg-muted", children: labels.heading })
+            /* @__PURE__ */ jsx25("span", { className: "text-og-sm font-semibold text-og-fg-muted", children: labels.heading })
           ] }),
-          /* @__PURE__ */ jsx24("div", { className: "og-chat-main min-h-0 flex-1 px-3 pb-3 pt-1", children: selected ? /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsx25("div", { className: "og-chat-main min-h-0 flex-1 px-3 pb-3 pt-1", children: selected ? /* @__PURE__ */ jsx25(
             SessionConversation,
             {
               ...conversationProps,
@@ -12370,7 +12622,7 @@ function OpenGeniChat({
               sessionId: selected,
               height: "100%"
             }
-          ) : /* @__PURE__ */ jsx24(
+          ) : /* @__PURE__ */ jsx25(
             NewChat,
             {
               labels,
@@ -12391,9 +12643,9 @@ function NewChat({
   create,
   onCreated
 }) {
-  const [text, setText] = useState19("");
-  const [sending, setSending] = useState19(false);
-  const [error, setError] = useState19(null);
+  const [text, setText] = useState20("");
+  const [sending, setSending] = useState20(false);
+  const [error, setError] = useState20(null);
   const formatError = useErrorMessage();
   const idempotencyKey = useRef14(crypto.randomUUID());
   const submit = async (event) => {
@@ -12420,8 +12672,8 @@ function NewChat({
       className: "mx-auto box-border flex h-full w-full max-w-3xl flex-col gap-4 p-3",
       "data-og-new-chat-composer": "",
       children: [
-        /* @__PURE__ */ jsx24("div", { "aria-hidden": true, className: "min-h-0 flex-[2]" }),
-        labels.newChatTitle ? /* @__PURE__ */ jsx24("p", { className: "text-center text-og-md font-medium text-og-fg", children: labels.newChatTitle }) : null,
+        /* @__PURE__ */ jsx25("div", { "aria-hidden": true, className: "min-h-0 flex-[2]" }),
+        labels.newChatTitle ? /* @__PURE__ */ jsx25("p", { className: "text-center text-og-md font-medium text-og-fg", children: labels.newChatTitle }) : null,
         /* @__PURE__ */ jsxs19(
           "div",
           {
@@ -12431,7 +12683,7 @@ function NewChat({
               "focus-within:border-og-accent/50 focus-within:shadow-og-glow"
             ),
             children: [
-              /* @__PURE__ */ jsx24(
+              /* @__PURE__ */ jsx25(
                 "textarea",
                 {
                   value: text,
@@ -12449,7 +12701,7 @@ function NewChat({
                   className: "min-h-12 flex-1 resize-none bg-transparent py-1 text-og-composer text-og-fg outline-hidden placeholder:text-og-fg-subtle md:text-og-composer-wide"
                 }
               ),
-              /* @__PURE__ */ jsx24(
+              /* @__PURE__ */ jsx25(
                 "button",
                 {
                   type: "submit",
@@ -12461,17 +12713,17 @@ function NewChat({
                     "transition-[background-color,transform,opacity] duration-150 ease-og-spring",
                     "hover:bg-og-primary-hover active:scale-95 disabled:cursor-not-allowed disabled:opacity-50"
                   ),
-                  children: sending ? /* @__PURE__ */ jsx24(LoaderCircleIcon, { className: "size-4 animate-og-spin", "aria-hidden": true }) : /* @__PURE__ */ jsx24(ArrowUpIcon3, { className: "size-4", "aria-hidden": true })
+                  children: sending ? /* @__PURE__ */ jsx25(LoaderCircleIcon, { className: "size-4 animate-og-spin", "aria-hidden": true }) : /* @__PURE__ */ jsx25(ArrowUpIcon3, { className: "size-4", "aria-hidden": true })
                 }
               )
             ]
           }
         ),
-        error ? /* @__PURE__ */ jsx24("p", { role: "alert", className: "text-center text-og-sm text-og-status-failed", children: formatError(
+        error ? /* @__PURE__ */ jsx25("p", { role: "alert", className: "text-center text-og-sm text-og-status-failed", children: formatError(
           error.cause,
           error.cause instanceof Error && error.cause.message === labels.newChatUnavailable ? labels.newChatUnavailable : void 0
         ) }) : null,
-        /* @__PURE__ */ jsx24("div", { "aria-hidden": true, className: "min-h-0 flex-[3]" })
+        /* @__PURE__ */ jsx25("div", { "aria-hidden": true, className: "min-h-0 flex-[3]" })
       ]
     }
   );
@@ -12479,15 +12731,15 @@ function NewChat({
 
 // src/components/session-commands-panel.tsx
 import { ChevronRightIcon as ChevronRightIcon3, Loader2Icon as Loader2Icon3, SquareIcon } from "lucide-react";
-import { useState as useState20 } from "react";
-import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
+import { useState as useState21 } from "react";
+import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
 function SessionCommandsPanel({
   commands: state,
   readOnly = false
 }) {
   const formatError = useErrorMessage();
-  const [pending, setPending] = useState20(null);
-  const [error, setError] = useState20(null);
+  const [pending, setPending] = useState21(null);
+  const [error, setError] = useState21(null);
   const active = state.commands.filter(
     (command) => command.state === "running" || command.state === "stopping"
   );
@@ -12503,10 +12755,10 @@ function SessionCommandsPanel({
     }
   };
   return /* @__PURE__ */ jsxs20("div", { className: "space-y-2 text-og-xs", "data-og-session-commands": "", children: [
-    state.loading && active.length === 0 ? /* @__PURE__ */ jsx25("p", { role: "status", className: "text-og-fg-muted", children: "Loading commands\u2026" }) : null,
+    state.loading && active.length === 0 ? /* @__PURE__ */ jsx26("p", { role: "status", className: "text-og-fg-muted", children: "Loading commands\u2026" }) : null,
     state.error ? /* @__PURE__ */ jsxs20("div", { role: "alert", className: "flex items-center justify-between gap-2 text-og-danger", children: [
-      /* @__PURE__ */ jsx25("span", { children: "Commands unavailable." }),
-      /* @__PURE__ */ jsx25(
+      /* @__PURE__ */ jsx26("span", { children: "Commands unavailable." }),
+      /* @__PURE__ */ jsx26(
         "button",
         {
           type: "button",
@@ -12516,8 +12768,8 @@ function SessionCommandsPanel({
         }
       )
     ] }) : null,
-    !state.loading && !state.error && active.length === 0 ? /* @__PURE__ */ jsx25("p", { role: "status", className: "text-og-fg-muted", children: "No background commands running." }) : null,
-    active.length > 0 ? /* @__PURE__ */ jsx25("ul", { className: "max-h-64 overflow-y-auto overscroll-contain divide-y divide-og-border/40", children: active.map((command) => /* @__PURE__ */ jsxs20("li", { className: "flex items-start gap-3 py-2 first:pt-0 last:pb-0", children: [
+    !state.loading && !state.error && active.length === 0 ? /* @__PURE__ */ jsx26("p", { role: "status", className: "text-og-fg-muted", children: "No background commands running." }) : null,
+    active.length > 0 ? /* @__PURE__ */ jsx26("ul", { className: "max-h-64 overflow-y-auto overscroll-contain divide-y divide-og-border/40", children: active.map((command) => /* @__PURE__ */ jsxs20("li", { className: "flex items-start gap-3 py-2 first:pt-0 last:pb-0", children: [
       /* @__PURE__ */ jsxs20("div", { className: "min-w-0 flex-1", children: [
         /* @__PURE__ */ jsxs20("details", { className: "group/command", children: [
           /* @__PURE__ */ jsxs20(
@@ -12526,8 +12778,8 @@ function SessionCommandsPanel({
               className: "flex cursor-pointer list-none items-center gap-1.5 rounded-og-sm font-mono text-og-fg outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent/40",
               title: "Expand command",
               children: [
-                /* @__PURE__ */ jsx25(ChevronRightIcon3, { className: "size-3 shrink-0 text-og-fg-subtle transition-transform group-open/command:rotate-90" }),
-                /* @__PURE__ */ jsx25(
+                /* @__PURE__ */ jsx26(ChevronRightIcon3, { className: "size-3 shrink-0 text-og-fg-subtle transition-transform group-open/command:rotate-90" }),
+                /* @__PURE__ */ jsx26(
                   "span",
                   {
                     className: "min-w-0 truncate",
@@ -12539,7 +12791,7 @@ function SessionCommandsPanel({
             }
           ),
           /* @__PURE__ */ jsxs20("div", { className: "mt-2 space-y-1", children: [
-            /* @__PURE__ */ jsx25("p", { className: "whitespace-pre-wrap break-all font-mono text-og-fg-muted", children: command.commandText ?? (command.commandPreview || "Background command") }),
+            /* @__PURE__ */ jsx26("p", { className: "whitespace-pre-wrap break-all font-mono text-og-fg-muted", children: command.commandText ?? (command.commandPreview || "Background command") }),
             /* @__PURE__ */ jsxs20(
               "time",
               {
@@ -12554,7 +12806,7 @@ function SessionCommandsPanel({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx25("p", { className: "mt-1 text-og-fg-subtle", children: command.observationStatus === "unavailable" ? command.state === "stopping" ? "Stop requested \xB7 status unavailable" : "Command status unavailable" : command.state === "stopping" ? "Stopping\u2026" : "Running" })
+        /* @__PURE__ */ jsx26("p", { className: "mt-1 text-og-fg-subtle", children: command.observationStatus === "unavailable" ? command.state === "stopping" ? "Stop requested \xB7 status unavailable" : "Command status unavailable" : command.state === "stopping" ? "Stopping\u2026" : "Running" })
       ] }),
       !readOnly ? /* @__PURE__ */ jsxs20(
         "button",
@@ -12565,18 +12817,18 @@ function SessionCommandsPanel({
           onClick: () => void stop(command.id),
           className: "inline-flex min-h-7 shrink-0 items-center gap-1 rounded-og-sm px-2 text-og-fg-muted outline-hidden hover:bg-og-surface-3/70 hover:text-og-fg focus-visible:ring-2 focus-visible:ring-og-accent/40 disabled:opacity-50 pointer-coarse:min-h-11",
           children: [
-            pending === command.id || command.state === "stopping" ? /* @__PURE__ */ jsx25(Loader2Icon3, { className: "size-3 animate-og-spin motion-reduce:animate-none" }) : /* @__PURE__ */ jsx25(SquareIcon, { className: "size-3" }),
+            pending === command.id || command.state === "stopping" ? /* @__PURE__ */ jsx26(Loader2Icon3, { className: "size-3 animate-og-spin motion-reduce:animate-none" }) : /* @__PURE__ */ jsx26(SquareIcon, { className: "size-3" }),
             "Stop"
           ]
         }
       ) : null
     ] }, command.id)) }) : null,
-    error ? /* @__PURE__ */ jsx25("p", { role: "alert", className: "text-og-danger", children: error }) : null
+    error ? /* @__PURE__ */ jsx26("p", { role: "alert", className: "text-og-danger", children: error }) : null
   ] });
 }
 
 // src/hooks/use-session-background-commands.ts
-import { useCallback as useCallback8, useEffect as useEffect15, useRef as useRef15 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect16, useRef as useRef15 } from "react";
 function useSessionBackgroundCommands(sessionId, options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
   const enabled = (options.enabled ?? true) && Boolean(sessionId);
@@ -12584,7 +12836,7 @@ function useSessionBackgroundCommands(sessionId, options = {}) {
     async (signal) => {
       if (!sessionId) return { commands: [] };
       if (!client.listSessionBackgroundCommands) {
-        throw new Error("The configured OpenGeni client does not support background commands");
+        throw new Error("The configured Opengeni client does not support background commands");
       }
       return await client.listSessionBackgroundCommands(workspaceId, sessionId, { signal });
     },
@@ -12596,7 +12848,7 @@ function useSessionBackgroundCommands(sessionId, options = {}) {
   });
   const refresh = state.refresh;
   const generation = useRef15(0);
-  useEffect15(() => {
+  useEffect16(() => {
     generation.current += 1;
     return () => {
       generation.current += 1;
@@ -12606,7 +12858,7 @@ function useSessionBackgroundCommands(sessionId, options = {}) {
     async (commandId) => {
       if (!sessionId) return;
       if (!client.cancelSessionBackgroundCommand) {
-        throw new Error("The configured OpenGeni client does not support background commands");
+        throw new Error("The configured Opengeni client does not support background commands");
       }
       const ticket = generation.current;
       await client.cancelSessionBackgroundCommand(workspaceId, sessionId, commandId);
@@ -12624,7 +12876,7 @@ function useSessionBackgroundCommands(sessionId, options = {}) {
 }
 
 // src/components/session-commands.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 function SessionCommands({
   sessionId,
   readOnly = false,
@@ -12634,11 +12886,11 @@ function SessionCommands({
     pollIntervalMs: 3e3,
     ...options
   });
-  return /* @__PURE__ */ jsx26(SessionCommandsPanel, { commands, readOnly });
+  return /* @__PURE__ */ jsx27(SessionCommandsPanel, { commands, readOnly });
 }
 
 // src/timeline/startup-timings.tsx
-import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
 var LABELS = {
   queue: "Worker queue",
   sandbox: "Sandbox",
@@ -12651,7 +12903,7 @@ var LABELS = {
 };
 function StartupTimings({ phases }) {
   if (!phases.length)
-    return /* @__PURE__ */ jsx27("p", { className: "text-og-sm text-og-fg-subtle", children: "No startup timings recorded yet." });
+    return /* @__PURE__ */ jsx28("p", { className: "text-og-sm text-og-fg-subtle", children: "No startup timings recorded yet." });
   const byTurn = /* @__PURE__ */ new Map();
   for (const phase of phases) {
     const group = byTurn.get(phase.turnId) ?? [];
@@ -12667,8 +12919,8 @@ function StartupTimings({ phases }) {
     )
   })).sort((a, b) => b.startedAt.localeCompare(a.startedAt));
   return /* @__PURE__ */ jsxs21("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ jsx27("p", { className: "text-og-xs text-og-fg-subtle", children: "Each turn has its own startup. Phases can overlap; durations are not additive." }),
-    turns.map((turn, index) => /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx28("p", { className: "text-og-xs text-og-fg-subtle", children: "Each turn has its own startup. Phases can overlap; durations are not additive." }),
+    turns.map((turn, index) => /* @__PURE__ */ jsx28(
       StartupTurn,
       {
         ...turn,
@@ -12687,51 +12939,51 @@ function StartupTurn({
   const status = phases.some((phase) => phase.status === "failed") ? "Failed" : phases.some((phase) => phase.status === "running") ? "In progress" : phases.some((phase) => phase.status === "cancelled") ? "Interrupted" : "Ready";
   return /* @__PURE__ */ jsxs21("details", { open: latest, className: "group border-b border-og-border pb-3", children: [
     /* @__PURE__ */ jsxs21("summary", { className: "cursor-pointer rounded py-3 text-og-sm text-og-fg-muted focus-visible:outline-2 focus-visible:outline-og-accent", children: [
-      /* @__PURE__ */ jsx27("span", { className: "font-medium", children: turnId === null ? "Unassigned events" : latest ? "Latest turn" : "Earlier turn" }),
-      /* @__PURE__ */ jsx27("span", { className: "ml-2 text-og-xs text-og-fg-subtle", children: new Date(startedAt).toLocaleTimeString([], {
+      /* @__PURE__ */ jsx28("span", { className: "font-medium", children: turnId === null ? "Unassigned events" : latest ? "Latest turn" : "Earlier turn" }),
+      /* @__PURE__ */ jsx28("span", { className: "ml-2 text-og-xs text-og-fg-subtle", children: new Date(startedAt).toLocaleTimeString([], {
         hour: "2-digit",
         minute: "2-digit",
         second: "2-digit"
       }) }),
-      /* @__PURE__ */ jsx27(
+      /* @__PURE__ */ jsx28(
         "span",
         {
           className: status === "Failed" ? "ml-2 text-og-xs text-og-status-failed" : "ml-2 text-og-xs text-og-fg-subtle",
           children: status
         }
       ),
-      /* @__PURE__ */ jsx27("span", { className: "mt-1 block break-all pl-4 font-og-mono text-og-xs text-og-fg-subtle", children: turnId ?? "No turn ID recorded" })
+      /* @__PURE__ */ jsx28("span", { className: "mt-1 block break-all pl-4 font-og-mono text-og-xs text-og-fg-subtle", children: turnId ?? "No turn ID recorded" })
     ] }),
     /* @__PURE__ */ jsxs21("div", { className: "pb-2", children: [
       /* @__PURE__ */ jsxs21("p", { className: "text-og-xs text-og-fg-subtle", children: [
         "Started ",
-        /* @__PURE__ */ jsx27("time", { dateTime: startedAt, children: new Date(startedAt).toLocaleString() })
+        /* @__PURE__ */ jsx28("time", { dateTime: startedAt, children: new Date(startedAt).toLocaleString() })
       ] }),
-      /* @__PURE__ */ jsx27("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs21("table", { className: "w-full text-left text-og-xs", children: [
+      /* @__PURE__ */ jsx28("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs21("table", { className: "w-full text-left text-og-xs", children: [
         /* @__PURE__ */ jsxs21("caption", { className: "sr-only", children: [
           "Startup phases for ",
           turnId ?? "unassigned events"
         ] }),
-        /* @__PURE__ */ jsx27("thead", { children: /* @__PURE__ */ jsxs21("tr", { className: "border-b border-og-border text-og-fg-subtle", children: [
-          /* @__PURE__ */ jsx27("th", { scope: "col", className: "py-2 font-medium", children: "Phase" }),
-          /* @__PURE__ */ jsx27("th", { scope: "col", className: "px-3 py-2 font-medium", children: "Status" }),
-          /* @__PURE__ */ jsx27("th", { scope: "col", className: "py-2 text-right font-medium", children: "Duration" })
+        /* @__PURE__ */ jsx28("thead", { children: /* @__PURE__ */ jsxs21("tr", { className: "border-b border-og-border text-og-fg-subtle", children: [
+          /* @__PURE__ */ jsx28("th", { scope: "col", className: "py-2 font-medium", children: "Phase" }),
+          /* @__PURE__ */ jsx28("th", { scope: "col", className: "px-3 py-2 font-medium", children: "Status" }),
+          /* @__PURE__ */ jsx28("th", { scope: "col", className: "py-2 text-right font-medium", children: "Duration" })
         ] }) }),
-        /* @__PURE__ */ jsx27("tbody", { children: phases.map((phase) => /* @__PURE__ */ jsxs21(
+        /* @__PURE__ */ jsx28("tbody", { children: phases.map((phase) => /* @__PURE__ */ jsxs21(
           "tr",
           {
             className: "border-b border-og-border/40",
             title: `Turn: ${phase.turnId ?? "unknown"} \xB7 Started: ${phase.startedAt}`,
             children: [
-              /* @__PURE__ */ jsx27("th", { scope: "row", className: "py-2.5 font-normal text-og-fg-muted", children: LABELS[phase.phase] }),
-              /* @__PURE__ */ jsx27(
+              /* @__PURE__ */ jsx28("th", { scope: "row", className: "py-2.5 font-normal text-og-fg-muted", children: LABELS[phase.phase] }),
+              /* @__PURE__ */ jsx28(
                 "td",
                 {
                   className: `px-3 py-2.5 ${phase.status === "failed" ? "text-og-status-failed" : "text-og-fg-subtle"}`,
                   children: phase.status === "running" ? "In progress" : phase.status
                 }
               ),
-              /* @__PURE__ */ jsx27("td", { className: "py-2.5 text-right font-og-mono tabular-nums text-og-fg-muted", children: phase.durationMs === null ? "\u2014" : phase.durationMs < 1e3 ? `${Math.round(phase.durationMs)} ms` : `${(phase.durationMs / 1e3).toFixed(1)} s` })
+              /* @__PURE__ */ jsx28("td", { className: "py-2.5 text-right font-og-mono tabular-nums text-og-fg-muted", children: phase.durationMs === null ? "\u2014" : phase.durationMs < 1e3 ? `${Math.round(phase.durationMs)} ms` : `${(phase.durationMs / 1e3).toFixed(1)} s` })
             ]
           },
           phase.id
@@ -12800,4 +13052,4 @@ export {
   SessionCommands,
   StartupTimings
 };
-//# sourceMappingURL=chunk-TMJRG4YC.js.map
+//# sourceMappingURL=chunk-VV5E43LD.js.map