@opengeni/react 2.2.0-canary.0 → 2.5.0-canary.0

package/dist/{chunk-5RZN3DD5.js → chunk-6H6S5V4Z.js}

@@ -1,9 +1,10 @@
 import {
   buildTimeline,
   groupTimeline,
+  invokeOlderHistoryLoaderWithReceiptCapture,
   mcpToolLeaf,
   toolDisplayName
-} from "./chunk-XSA2QAKP.js";
+} from "./chunk-MXJGO7LE.js";
 import {
   EmptyQueueStateSurface,
   TimelineAnnotationsChip,
@@ -1440,6 +1441,11 @@ function QuestionControls({
     hint ? `${fieldId}-hint` : null,
     error ? errorId : null
   ].filter(Boolean).join(" ") || void 0;
+  const selectOtherDraft = (current) => ({
+    ...current,
+    otherSelected: true,
+    ...question.kind === "single_select" ? { values: [] } : {}
+  });
   return /* @__PURE__ */ jsxs3(Fragment2, { children: [
     showPromptChrome ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
       /* @__PURE__ */ jsx3("div", { className: "flex flex-wrap items-baseline gap-x-2", children: /* @__PURE__ */ jsxs3(
@@ -1571,12 +1577,17 @@ function QuestionControls({
                       id: otherTextId,
                       type: "text",
                       value: draft.other,
-                      disabled: !draft.otherSelected || busy,
+                      disabled: busy,
                       placeholder: "Type a value\u2026",
-                      onChange: (event) => onUpdate((current) => ({
-                        ...current,
-                        other: event.target.value
-                      })),
+                      onClick: () => onUpdate(selectOtherDraft),
+                      onFocus: () => onUpdate(selectOtherDraft),
+                      onChange: (event) => {
+                        const other = event.target.value;
+                        onUpdate((current) => ({
+                          ...selectOtherDraft(current),
+                          other
+                        }));
+                      },
                       className: "mt-1.5 w-full rounded-og-sm border border-og-border bg-og-surface-1 px-2 py-1.5 text-og-sm text-og-fg outline-hidden focus:border-og-accent disabled:opacity-50"
                     }
                   )
@@ -5573,6 +5584,7 @@ function ActivityRail({
           "div",
           {
             "data-og-timeline-row-anchor": "",
+            "data-og-item": item.id,
             "data-og-annotation-source-key": item.kind === "tool-call" ? item.annotationSource?.eventId : void 0,
             className: cn(newFamily && "mt-3", enteringIds.has(item.id) && "animate-og-row-enter"),
             children: row
@@ -6751,7 +6763,6 @@ function StatusDot({ status, className }) {
 import {
   ArrowDownIcon as ArrowDownIcon2,
   ArrowRightIcon as ArrowRightIcon2,
-  ArrowUpToLineIcon,
   BotIcon as BotIcon3,
   CheckCircle2Icon,
   CheckIcon as CheckIcon3,
@@ -6971,6 +6982,9 @@ function tipFollowStep(state, input) {
     );
   }
   const target = targetScrollTop(scrollHeight, clientHeight);
+  if (pinned && frameGrowth > 0) {
+    cameraTop = Math.min(target, cameraTop + frameGrowth);
+  }
   const debt = target - cameraTop;
   const hot = now < noted.hotUntil;
   const settling = !hot && Math.abs(debt) < TIP_FOLLOW_CATCHUP_DEBT_PX;
@@ -7132,8 +7146,38 @@ var TimelineAnnotationSelection = lazy4(() => import("./timeline-annotation-sele
 var PIN_THRESHOLD_PX = 48;
 var OLDER_PREFETCH_MARGIN_PX = 400;
 var OLDER_PREFETCH_ROOT_MARGIN = `${OLDER_PREFETCH_MARGIN_PX}px 0px 0px 0px`;
+var PRIMARY_ACTION_CLASS = "inline-flex w-full shrink-0 items-center justify-center gap-1.5 rounded-og-md bg-og-accent px-3 py-1.5 text-og-menu font-medium text-og-accent-fg sm:w-auto";
+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";
+function invokeOlderLoad(load, noProgress, attempt) {
+  try {
+    const result = invokeOlderHistoryLoaderWithReceiptCapture(load, (receipt2) => {
+      attempt[2] = receipt2;
+    });
+    const receipt = attempt[2] ?? (typeof result?.committed === "boolean" ? result : void 0);
+    if (receipt) {
+      attempt[2] = receipt;
+      void receipt.then(
+        (value) => value === false && !receipt.committed && noProgress(),
+        noProgress
+      );
+      return 1;
+    }
+    if (typeof result?.then != "function") {
+      return;
+    }
+    void result.then(
+      (value) => value === false && noProgress(),
+      noProgress
+    );
+  } catch {
+    noProgress();
+  }
+  return 1;
+}
 function maxScrollOf(node) {
-  return Math.max(0, node.scrollHeight - node.clientHeight);
+  return node.scrollHeight - node.clientHeight;
 }
 function wheelConsumedByNestedScrollable(event) {
   if (event.deltaY >= 0) {
@@ -7199,12 +7243,16 @@ function MessageTimeline({
   className
 }) {
   const resolvedItems = useMemo6(() => {
-    const projected = items ?? buildTimeline(events ?? []);
+    const projectedItems = items ?? buildTimeline(events ?? []);
     if (!shouldRenderAuthNeeded) {
-      return projected;
+      return projectedItems;
     }
-    return projected.filter((item) => item.kind !== "auth-needed" || shouldRenderAuthNeeded(item));
+    return projectedItems.filter(
+      (item) => item.kind !== "auth-needed" || shouldRenderAuthNeeded(item)
+    );
   }, [items, events, shouldRenderAuthNeeded]);
+  const sourceItems = items || events;
+  const olderBoundaryKey = sourceItems?.[0]?.id;
   const allGroups = useMemo6(() => groupTimeline(resolvedItems), [resolvedItems]);
   const annotationSources = useMemo6(() => {
     const sources = /* @__PURE__ */ new Map();
@@ -7224,7 +7272,11 @@ function MessageTimeline({
   const [bulkActive, setBulkActive] = useState14(true);
   const olderPrefetchArmedRef = useRef11(false);
   const [olderPrefetchArmed, setOlderPrefetchArmed] = useState14(false);
-  const olderLoadGateRef = useRef11("armed");
+  const olderLoadAttemptRef = useRef11(null);
+  const [underfillSettledAttempt, setUnderfillSettledAttempt] = useState14(
+    null
+  );
+  const underfillRetryReadyRef = useRef11(false);
   const resizeFollowRafRef = useRef11(null);
   const firstGroupKey = allGroups[0] ? timelineGroupKey(allGroups[0]) : null;
   const [revealed, setRevealed] = useState14(resolvedItems[0]?.id === "c");
@@ -7248,9 +7300,11 @@ function MessageTimeline({
   const foldMemoryRef = useRef11(/* @__PURE__ */ new Map());
   const userMessageDisclosureMemoryRef = useRef11(/* @__PURE__ */ new Map());
   const seenActivityIdsRef = useRef11(/* @__PURE__ */ new Set());
-  const groupKeyByItemIdRef = useRef11(/* @__PURE__ */ new Map());
+  const firstItemGroupKeyRef = useRef11(null);
   const groupOffsetByKeyRef = useRef11(/* @__PURE__ */ new Map());
+  const firstItemContentTopRef = useRef11(null);
   const firstItemId = resolvedItems[0]?.id ?? null;
+  const underfillRetryReady = underfillRetryReadyRef.current = !!(underfillSettledAttempt && underfillSettledAttempt === olderLoadAttemptRef.current && hasOlder && onLoadOlder && !loadingOlder);
   const firstKeyChangedForBulk = previousBulkFirstKeyRef.current !== void 0 && previousBulkFirstKeyRef.current !== firstGroupKey;
   const bulkRender = allGroups.length > 0 && (bulkActive || firstKeyChangedForBulk);
   const applyPinned = useCallback3((value) => {
@@ -7259,6 +7313,14 @@ function MessageTimeline({
       setPinned(value);
     }
   }, []);
+  const rearmOlderPrefetchAfterLeavingTop = useCallback3((node) => {
+    if (node.scrollTop > OLDER_PREFETCH_MARGIN_PX) {
+      const state = olderLoadAttemptRef.current?.[1];
+      if (state === 2 || state === 3) {
+        olderLoadAttemptRef.current = null;
+      }
+    }
+  }, []);
   const revealedRef = useRef11(revealed);
   revealedRef.current = revealed;
   const followRef = useRef11(createTipFollowState());
@@ -7282,7 +7344,7 @@ function MessageTimeline({
     }
   }, []);
   const cancelLeaveFallback = useCallback3(() => {
-    if (leaveFallbackRafRef.current !== null) {
+    if (leaveFallbackRafRef.current != null) {
       cancelFrame(leaveFallbackRafRef.current);
       leaveFallbackRafRef.current = null;
     }
@@ -7293,7 +7355,7 @@ function MessageTimeline({
   }, [cancelLeaveFallback]);
   const stopFollow = useCallback3(() => {
     followRef.current = tipFollowCancel(followRef.current);
-    if (followFrameRef.current !== null) {
+    if (followFrameRef.current != null) {
       cancelFrame(followFrameRef.current);
       followFrameRef.current = null;
     }
@@ -7328,7 +7390,7 @@ function MessageTimeline({
       if (programmaticScrollRef.current > 0) {
         return;
       }
-      if (followRef.current.running || followFrameRef.current !== null) {
+      if (followRef.current.running || followFrameRef.current != null) {
         return;
       }
       if (isNearBottom(node) || maxScrollOf(node) <= 1) {
@@ -7336,11 +7398,9 @@ function MessageTimeline({
         return;
       }
       releasePinFromReader(node);
-      if (olderLoadGateRef.current === "cooling" && node.scrollTop > OLDER_PREFETCH_MARGIN_PX) {
-        olderLoadGateRef.current = "armed";
-      }
+      rearmOlderPrefetchAfterLeavingTop(node);
     },
-    [autoFollow, clearPendingReaderLeave, releasePinFromReader]
+    [autoFollow, clearPendingReaderLeave, rearmOlderPrefetchAfterLeavingTop, releasePinFromReader]
   );
   const scheduleLeaveFallback = useCallback3(() => {
     if (supportsScrollEndEvent()) {
@@ -7370,7 +7430,7 @@ function MessageTimeline({
     releasePinFromReader(node);
   };
   const onPointerDown = (event) => {
-    if (event.button !== 0 && event.pointerType === "mouse") {
+    if (event.button && event.pointerType === "mouse") {
       return;
     }
     if (event.target instanceof Element && event.target.closest("button, a, input, textarea, select, [role='button']")) {
@@ -7449,7 +7509,38 @@ function MessageTimeline({
     }),
     [beginUserMessageDisclosureChange]
   );
-  const driveFollowRef = useRef11(() => void 0);
+  const requestOlderIfUnderfilled = useCallback3(
+    (node, retry) => {
+      let currentAttempt = olderLoadAttemptRef.current;
+      if (retry && (currentAttempt !== retry || retry[0] !== olderBoundaryKey)) {
+        return;
+      }
+      const underfilled = maxScrollOf(node) <= 1;
+      if (!retry && underfilled && currentAttempt?.[1] === 3) {
+        currentAttempt[1] = 0;
+        setUnderfillSettledAttempt(currentAttempt);
+        return;
+      }
+      if (!retry && underfilled && currentAttempt?.[1] === 2) {
+        currentAttempt = olderLoadAttemptRef.current = null;
+      }
+      if (node.clientHeight <= 1 || !retry && !underfilled || !hasOlder || loadingOlder || !onLoadOlder || currentAttempt && !retry) {
+        return;
+      }
+      const attempt = olderLoadAttemptRef.current = [olderBoundaryKey];
+      setUnderfillSettledAttempt(null);
+      const noProgress = () => {
+        if (scrollRef.current && olderLoadAttemptRef.current === attempt) {
+          setUnderfillSettledAttempt(attempt);
+        }
+      };
+      invokeOlderLoad(onLoadOlder, noProgress, attempt);
+    },
+    [hasOlder, loadingOlder, olderBoundaryKey, onLoadOlder]
+  );
+  const driveFollowRef = useRef11(
+    requestOlderIfUnderfilled
+  );
   const driveFollow = useCallback3(
     (node, nowMs) => {
       if (!pinnedRef.current || hasNewerRef.current) {
@@ -7490,7 +7581,7 @@ function MessageTimeline({
           // A direct glue write re-based the camera — drop any stale fraction.
           cameraTop: null
         };
-        if (followFrameRef.current === null) {
+        if (followFrameRef.current == null) {
           followFrameRef.current = requestFrame((frameNow) => {
             followFrameRef.current = null;
             const current = scrollRef.current;
@@ -7521,7 +7612,7 @@ function MessageTimeline({
       syncScrollBaseline(node);
       if (result.state.running) {
         cancelLeaveFallback();
-        if (followFrameRef.current === null) {
+        if (followFrameRef.current == null) {
           followFrameRef.current = requestFrame((frameNow) => {
             followFrameRef.current = null;
             const current = scrollRef.current;
@@ -7530,7 +7621,7 @@ function MessageTimeline({
             }
           });
         }
-      } else if (followFrameRef.current !== null) {
+      } else if (followFrameRef.current != null) {
         cancelFrame(followFrameRef.current);
         followFrameRef.current = null;
       }
@@ -7546,11 +7637,50 @@ function MessageTimeline({
       return;
     }
     const previousFirstItemId = previousFirstItemIdRef.current;
-    const previousGroupKeyByItemId = groupKeyByItemIdRef.current;
+    const previousFirstItemGroupKey = firstItemGroupKeyRef.current;
     const previousGroupOffsetByKey = groupOffsetByKeyRef.current;
+    const previousItemContentTop = firstItemContentTopRef.current;
     const previousScrollTop = lastScrollTopRef.current;
-    const firstItemChanged = previousFirstItemId !== null && firstItemId !== previousFirstItemId;
+    const previousMaxScroll = lastMaxScrollRef.current;
+    const wasAtLiveTailBeforeCommit = previousMaxScroll <= 1 || previousMaxScroll - previousScrollTop < Math.min(PIN_THRESHOLD_PX, previousMaxScroll);
+    const firstItemChanged = !!previousFirstItemId && firstItemId !== previousFirstItemId;
     const prepended = firstItemChanged && resolvedItems.some((item) => item.id === previousFirstItemId);
+    const attempt = olderLoadAttemptRef.current;
+    const committedZeroOverlapOlderReplacement = !!(attempt?.[2]?.committed && firstItemChanged && !prepended);
+    const restorePrependAnchor = () => {
+      let delta = null;
+      if (previousFirstItemId && previousItemContentTop != null) {
+        const itemEl = node.querySelector(
+          `[data-og-item="${cssEscapeAttribute(previousFirstItemId)}"]`
+        );
+        if (itemEl instanceof HTMLElement) {
+          const scrollerTop = node.getBoundingClientRect().top;
+          const currentItemTop = itemEl.getBoundingClientRect().top - scrollerTop + node.scrollTop;
+          delta = Math.round(currentItemTop - previousItemContentTop);
+        }
+      }
+      const anchorKey = previousFirstItemGroupKey;
+      const previousAnchorTop = anchorKey != null ? previousGroupOffsetByKey.get(anchorKey) : void 0;
+      const anchorEl = anchorKey != null ? node.querySelector(`[data-og-group-key="${cssEscapeAttribute(anchorKey)}"]`) : null;
+      if (delta == null && anchorEl instanceof HTMLElement && previousAnchorTop !== void 0) {
+        const moved = Math.round(anchorEl.offsetTop - previousAnchorTop);
+        if (moved) {
+          delta = moved;
+        }
+      }
+      if (delta == null) {
+        const heightDelta = Math.round(node.scrollHeight - previousScrollHeightRef.current);
+        if (heightDelta > 0) {
+          delta = heightDelta;
+        }
+      }
+      if (delta != null) {
+        const expected = previousScrollTop + delta;
+        if (Math.abs(node.scrollTop - expected) > 2) {
+          writeScrollTop(node, expected);
+        }
+      }
+    };
     if (pendingJumpToStartRef.current && firstItemChanged) {
       pendingJumpToStartRef.current = false;
       stopFollow();
@@ -7561,6 +7691,25 @@ function MessageTimeline({
         applyPinned(true);
         snapToBottom(node);
       }
+    } else if (committedZeroOverlapOlderReplacement) {
+      clearPendingReaderLeave();
+      stopFollow();
+      writeScrollTop(node, maxScrollOf(node));
+      if (attempt?.[1] === 1 && pinnedRef.current) {
+        applyPinned(false);
+      }
+    } else if (prepended) {
+      if (autoFollow && pinnedRef.current && !hasNewer && !pendingReaderLeaveRef.current && (wasAtLiveTailBeforeCommit || olderLoadAttemptRef.current)) {
+        clearPendingReaderLeave();
+        snapToBottom(node);
+      } else {
+        restorePrependAnchor();
+        if (autoFollow && pinnedRef.current && !hasNewer) {
+          stopFollow();
+          clearPendingReaderLeave();
+          applyPinned(false);
+        }
+      }
     } else if (autoFollow && pinnedRef.current && !hasNewer) {
       if (!revealedRef.current) {
         snapToBottom(node);
@@ -7572,44 +7721,15 @@ function MessageTimeline({
       } else {
         driveFollow(node);
       }
-    } else if (prepended) {
-      const anchorKey = previousFirstItemId !== null ? previousGroupKeyByItemId.get(previousFirstItemId) : void 0;
-      const previousAnchorTop = anchorKey !== void 0 ? previousGroupOffsetByKey.get(anchorKey) : void 0;
-      const anchorEl = anchorKey !== void 0 ? node.querySelector(`[data-og-group-key="${cssEscapeAttribute(anchorKey)}"]`) : null;
-      let delta = null;
-      if (anchorEl instanceof HTMLElement && previousAnchorTop !== void 0) {
-        const moved = Math.round(anchorEl.offsetTop - previousAnchorTop);
-        if (moved !== 0) {
-          delta = moved;
-        }
-      }
-      if (delta === null) {
-        const heightDelta = Math.round(node.scrollHeight - previousScrollHeightRef.current);
-        if (heightDelta > 0) {
-          delta = heightDelta;
-        }
-      }
-      if (delta !== null) {
-        const expected = previousScrollTop + delta;
-        if (Math.abs(node.scrollTop - expected) > 2) {
-          writeScrollTop(node, expected);
-        }
-      }
     }
-    if (prepended && !pinnedRef.current && olderLoadGateRef.current === "cooling" && node.scrollTop > OLDER_PREFETCH_MARGIN_PX) {
-      olderLoadGateRef.current = "armed";
+    if (prepended && !pinnedRef.current && node.scrollTop > OLDER_PREFETCH_MARGIN_PX) {
+      rearmOlderPrefetchAfterLeavingTop(node);
     }
     previousFirstItemIdRef.current = firstItemId;
     previousScrollHeightRef.current = node.scrollHeight;
     syncScrollBaseline(node);
-    const nextKeyByItemId = /* @__PURE__ */ new Map();
-    for (const { group, key } of groups) {
-      for (const itemId of timelineGroupItemIds(group)) {
-        nextKeyByItemId.set(itemId, key);
-      }
-    }
-    groupKeyByItemIdRef.current = nextKeyByItemId;
-    const needOffsets = prepended || firstItemChanged || !pinnedRef.current || Boolean(hasNewer);
+    firstItemGroupKeyRef.current = groups[0]?.key ?? null;
+    const needOffsets = prepended || firstItemChanged || !pinnedRef.current || hasNewer || firstItemContentTopRef.current == null;
     if (needOffsets) {
       const nextOffsetByKey = /* @__PURE__ */ new Map();
       for (const { key } of groups) {
@@ -7619,10 +7739,29 @@ function MessageTimeline({
         }
       }
       groupOffsetByKeyRef.current = nextOffsetByKey;
+      const firstItemEl = firstItemId ? node.querySelector(`[data-og-item="${cssEscapeAttribute(firstItemId)}"]`) : null;
+      firstItemContentTopRef.current = firstItemId && firstItemEl instanceof HTMLElement ? firstItemEl.getBoundingClientRect().top - node.getBoundingClientRect().top + node.scrollTop : null;
+    }
+    if (!attempt) {
+      return;
     }
+    if (!attempt[2]?.committed && attempt[0] === olderBoundaryKey) {
+      return;
+    }
+    if (!attempt[2]?.committed && attempt[0] && !sourceItems?.find((entry) => entry.id === attempt[0])) {
+      attempt[0] = olderBoundaryKey;
+      return;
+    }
+    if (!attempt[1] || !hasOlder) {
+      setUnderfillSettledAttempt(olderLoadAttemptRef.current = null);
+      return;
+    }
+    olderLoadAttemptRef.current = [olderBoundaryKey, 2];
+    rearmOlderPrefetchAfterLeavingTop(node);
+    requestOlderIfUnderfilled(node);
   });
   useLayoutEffect3(() => {
-    if (revealed || allGroups.length === 0) {
+    if (revealed || !allGroups.length) {
       return;
     }
     let cancelled = false;
@@ -7650,7 +7789,7 @@ function MessageTimeline({
     return () => {
       cancelled = true;
       cancelFrame(frame1);
-      if (frame2 !== 0) {
+      if (frame2) {
         cancelFrame(frame2);
       }
     };
@@ -7666,7 +7805,6 @@ function MessageTimeline({
       olderPrefetchArmedRef.current = false;
       setOlderPrefetchArmed(false);
     }
-    olderLoadGateRef.current = "armed";
     wantPinRef.current = false;
     pendingJumpToStartRef.current = false;
     previousFirstItemIdRef.current = null;
@@ -7675,14 +7813,21 @@ function MessageTimeline({
     lastMaxScrollRef.current = 0;
     lastScrollHeightRef.current = 0;
     lastClientHeightRef.current = 0;
-    groupKeyByItemIdRef.current = /* @__PURE__ */ new Map();
+    firstItemGroupKeyRef.current = null;
     groupOffsetByKeyRef.current = /* @__PURE__ */ new Map();
+    firstItemContentTopRef.current = null;
     foldMemoryRef.current.clear();
     userMessageDisclosureMemoryRef.current.clear();
     disclosureKeepsUnpinnedRef.current = false;
     seenActivityIdsRef.current.clear();
     applyPinned(true);
   }, [allGroups.length, revealed, applyPinned]);
+  useEffect11(() => {
+    const node = scrollRef.current;
+    if (node) {
+      requestOlderIfUnderfilled(node);
+    }
+  });
   useLayoutEffect3(() => {
     previousBulkFirstKeyRef.current = firstGroupKey;
     if (!bulkRender) {
@@ -7702,20 +7847,46 @@ function MessageTimeline({
       (entries) => {
         const intersecting = entries.some((entry) => entry.isIntersecting);
         if (!intersecting) {
-          olderLoadGateRef.current = "armed";
+          const attempt2 = olderLoadAttemptRef.current;
+          if (attempt2?.[1] === 2 || attempt2?.[1] === 3) {
+            olderLoadAttemptRef.current = null;
+          }
           return;
         }
-        if (olderLoadGateRef.current !== "armed") {
+        if (olderLoadAttemptRef.current) {
           return;
         }
-        olderLoadGateRef.current = "cooling";
-        onLoadOlder();
+        const attempt = olderLoadAttemptRef.current = [olderBoundaryKey, 1];
+        const noProgress = () => {
+          if (!scrollRef.current || olderLoadAttemptRef.current !== attempt) {
+            return;
+          }
+          attempt[1] = 3;
+          if (root.scrollTop > OLDER_PREFETCH_MARGIN_PX) {
+            olderLoadAttemptRef.current = null;
+          } else if (maxScrollOf(root) <= 1) {
+            attempt[1] = 0;
+            setUnderfillSettledAttempt(attempt);
+          }
+        };
+        if (!invokeOlderLoad(onLoadOlder, noProgress, attempt) && olderLoadAttemptRef.current === attempt) {
+          olderLoadAttemptRef.current[1] = 2;
+          requestOlderIfUnderfilled(root);
+        }
       },
       { root, rootMargin: OLDER_PREFETCH_ROOT_MARGIN }
     );
     observer.observe(target);
     return () => observer.disconnect();
-  }, [olderPrefetchArmed, hasOlder, loadingOlder, onLoadOlder, firstGroupKey]);
+  }, [
+    firstGroupKey,
+    hasOlder,
+    loadingOlder,
+    olderBoundaryKey,
+    olderPrefetchArmed,
+    onLoadOlder,
+    requestOlderIfUnderfilled
+  ]);
   useEffect11(() => {
     const root = scrollRef.current;
     const target = bottomSentinelRef.current;
@@ -7740,7 +7911,7 @@ function MessageTimeline({
       return;
     }
     const observer = new ResizeObserver(() => {
-      if (resizeFollowRafRef.current !== null) {
+      if (resizeFollowRafRef.current != null) {
         return;
       }
       resizeFollowRafRef.current = requestFrame(() => {
@@ -7749,6 +7920,7 @@ function MessageTimeline({
         if (!current) {
           return;
         }
+        requestOlderIfUnderfilled(current);
         if (!autoFollow || !pinnedRef.current || hasNewerRef.current) {
           return;
         }
@@ -7763,12 +7935,12 @@ function MessageTimeline({
     observer.observe(node);
     return () => {
       observer.disconnect();
-      if (resizeFollowRafRef.current !== null) {
+      if (resizeFollowRafRef.current != null) {
         cancelFrame(resizeFollowRafRef.current);
         resizeFollowRafRef.current = null;
       }
     };
-  }, [autoFollow, driveFollow, snapToBottom]);
+  }, [autoFollow, driveFollow, requestOlderIfUnderfilled, snapToBottom]);
   useEffect11(() => {
     if (hasNewer) {
       stopFollow();
@@ -7836,9 +8008,7 @@ function MessageTimeline({
       if (readerArmed && readerUp > TIP_FOLLOW_READER_UP_EPS_PX && !nearBottomPinned) {
         readerIntentArmRef.current = false;
         releasePinFromReader(node);
-        if (olderLoadGateRef.current === "cooling" && node.scrollTop > OLDER_PREFETCH_MARGIN_PX) {
-          olderLoadGateRef.current = "armed";
-        }
+        rearmOlderPrefetchAfterLeavingTop(node);
         return;
       }
       if (!nearBottomPinned && readerUp <= TIP_FOLLOW_READER_UP_EPS_PX) {
@@ -7868,9 +8038,7 @@ function MessageTimeline({
       olderPrefetchArmedRef.current = true;
       setOlderPrefetchArmed(true);
     }
-    if (olderLoadGateRef.current === "cooling" && node.scrollTop > OLDER_PREFETCH_MARGIN_PX) {
-      olderLoadGateRef.current = "armed";
-    }
+    rearmOlderPrefetchAfterLeavingTop(node);
   };
   const onScrollEnd = () => {
     const node = scrollRef.current;
@@ -7921,7 +8089,7 @@ function MessageTimeline({
           autoFollow && pinned && !hasNewer ? "[overflow-anchor:none]" : "[overflow-anchor:auto]"
         ),
         children: /* @__PURE__ */ jsxs14("div", { className: "relative mx-auto flex w-full max-w-3xl flex-col gap-5", children: [
-          groups.length === 0 ? emptyState ?? /* @__PURE__ */ jsx18("p", { className: "py-10 text-center text-og-menu text-og-fg-subtle", children: "No activity yet." }) : null,
+          !groups.length ? emptyState ?? /* @__PURE__ */ jsx18("p", { className: "py-10 text-center text-og-menu text-og-fg-subtle", children: "No activity yet." }) : null,
           hasOlder && olderPrefetchArmed ? (
             // Overlaid, not a layout row: mounting/unmounting the sentinel
             // must never shift content (that shift was itself a wobble).
@@ -7991,7 +8159,7 @@ function MessageTimeline({
         ] })
       }
     ),
-    /* @__PURE__ */ jsx18(AnimatePresence3, { children: loadingOlder || loadingOldest || hasOlder && onJumpToStart && olderPrefetchArmed ? (
+    /* @__PURE__ */ jsx18(AnimatePresence3, { children: loadingOlder || loadingOldest || hasOlder && onJumpToStart && olderPrefetchArmed || underfillRetryReady ? (
       // Floating over the scroller (not a timeline row) so showing and
       // hiding it never reflows history under the reader.
       /* @__PURE__ */ jsxs14(
@@ -8003,20 +8171,26 @@ function MessageTimeline({
           transition: { duration: 0.15, ease: "easeOut" },
           "data-og-loading-older": "",
           "aria-live": "polite",
-          className: "absolute inset-x-0 top-3 z-10 flex justify-center gap-2",
+          className: "absolute inset-x-0 top-3 z-10 flex justify-center",
           children: [
-            loadingOlder || loadingOldest ? /* @__PURE__ */ jsx18("span", { className: "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", children: /* @__PURE__ */ jsx18("span", { className: "og-shimmer-text", children: loadingOldest ? "Jumping to start\u2026" : "Loading earlier activity\u2026" }) }) : null,
-            hasOlder && onJumpToStart && !loadingOldest ? /* @__PURE__ */ jsxs14(
+            loadingOlder || loadingOldest ? /* @__PURE__ */ jsx18("span", { className: LOADING_CHIP_CLASS, children: /* @__PURE__ */ jsx18("span", { className: "og-shimmer-text", children: loadingOldest ? "Jumping to start\u2026" : "Loading earlier activity\u2026" }) }) : null,
+            hasOlder && !loadingOlder && !loadingOldest && (underfillRetryReady || onJumpToStart) ? /* @__PURE__ */ jsx18(
               "button",
               {
                 type: "button",
-                "data-og-jump-to-start": "",
-                disabled: loadingOlder,
+                "data-og-retry": underfillRetryReady || void 0,
+                "data-og-jump-to-start": !underfillRetryReady || void 0,
                 onClick: () => {
+                  const node = scrollRef.current;
+                  if (underfillRetryReady) {
+                    if (node && underfillRetryReadyRef.current) {
+                      requestOlderIfUnderfilled(node, underfillSettledAttempt);
+                    }
+                    return;
+                  }
                   applyPinned(false);
                   pendingJumpToStartRef.current = true;
                   const seq = ++jumpToStartSeqRef.current;
-                  const node = scrollRef.current;
                   void Promise.resolve(onJumpToStart()).then(
                     () => {
                       const scroller = scrollRef.current ?? node;
@@ -8036,15 +8210,8 @@ function MessageTimeline({
                     }
                   );
                 },
-                className: cn(
-                  "inline-flex items-center gap-1.5 rounded-full border border-og-border bg-og-surface-3/90 px-3 py-1.5",
-                  "text-og-control font-medium text-og-fg shadow-og-md backdrop-blur",
-                  "hover:border-og-border-strong disabled:opacity-60"
-                ),
-                children: [
-                  /* @__PURE__ */ jsx18(ArrowUpToLineIcon, { className: "size-3.5" }),
-                  "Jump to start"
-                ]
+                className: "rounded-full border border-og-border px-3 py-1.5 text-og-control",
+                children: underfillRetryReady ? "Retry earlier activity" : "Jump to start"
               }
             ) : null
           ]
@@ -8061,7 +8228,7 @@ function MessageTimeline({
         "data-og-loading-newer": "",
         "aria-live": "polite",
         className: "pointer-events-none absolute inset-x-0 bottom-14 z-10 flex justify-center",
-        children: /* @__PURE__ */ jsx18("span", { className: "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", children: /* @__PURE__ */ jsx18("span", { className: "og-shimmer-text", children: "Loading later activity\u2026" }) })
+        children: /* @__PURE__ */ jsx18("span", { className: LOADING_CHIP_CLASS, children: /* @__PURE__ */ jsx18("span", { className: "og-shimmer-text", children: "Loading later activity\u2026" }) })
       }
     ) : null }),
     /* @__PURE__ */ jsx18(AnimatePresence3, { children: (!pinned && autoFollow || hasNewer) && autoFollow ? /* @__PURE__ */ jsxs14(
@@ -8224,7 +8391,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
   const enter = useEntranceAnimation();
   const settleChrome = useTurnSettleOpen();
   const foldMemory = useFoldMemory();
-  const activityShouldFold = group.kind === "activity" && Boolean(group.outcome || foldLiveCluster && clusterIsSettled(group));
+  const activityShouldFold = group.kind === "activity" && !!(group.outcome || foldLiveCluster && clusterIsSettled(group));
   const containsGeneratedImage = timelineGroupContainsGeneratedImage(group);
   const liveActivitySettle = useLiveSettleFold(activityShouldFold && !insideTurn);
   const turnDefaultOpen = !insideTurn && group.kind === "turn" && (group.outcome === "failed" || timelineGroupContainsAuthNeeded(group) || containsGeneratedImage);
@@ -8235,7 +8402,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
       group.groups.flatMap((child) => child.kind === "activity" ? [child.id] : [])
     );
   }
-  const settleFold = group.kind === "turn" ? Boolean(enter && !insideTurn && !turnDefaultOpen) : liveActivitySettle;
+  const settleFold = group.kind === "turn" ? !!(enter && !insideTurn && !turnDefaultOpen) : liveActivitySettle;
   switch (group.kind) {
     case "activity":
       if (insideTurn) {
@@ -8527,7 +8694,7 @@ function trailingAgentTextAfterTurn(group, next) {
   }
   if (next?.kind === "item" && next.item.kind === "agent-message") {
     const turnIds = collectTurnIdsFromGroups(group.groups);
-    if (turnIds.size === 0) {
+    if (!turnIds.size) {
       return void 0;
     }
     if (!next.item.turnId || !turnIds.has(next.item.turnId)) {
@@ -8542,7 +8709,7 @@ function collectTurnCopyText(groups, trailingAgentText) {
   const parts = [collectAgentMessageText(groups), trailingAgentText?.trim() ?? ""].filter(
     (part) => part.length > 0
   );
-  if (parts.length === 0) {
+  if (!parts.length) {
     return void 0;
   }
   return parts.join("\n\n");
@@ -8604,11 +8771,11 @@ var COMPACTION_TRIGGER_LABEL = {
 function CompactionRow({ item }) {
   const enter = useEntranceAnimation();
   const trigger = item.trigger && item.phase !== "started" ? COMPACTION_TRIGGER_LABEL[item.trigger] : null;
-  const before = item.estimatedTokensBefore !== null ? Math.round(item.estimatedTokensBefore).toLocaleString("en-US") : null;
-  const after = item.estimatedTokensAfter !== null ? Math.round(item.estimatedTokensAfter).toLocaleString("en-US") : null;
+  const before = item.estimatedTokensBefore != null ? Math.round(item.estimatedTokensBefore).toLocaleString("en-US") : null;
+  const after = item.estimatedTokensAfter != null ? Math.round(item.estimatedTokensAfter).toLocaleString("en-US") : null;
   const title = item.phase === "started" ? "Compacting conversation history\u2026" : item.phase === "compacted" ? before && after ? `Conversation history compacted \xB7 ~${before} \u2192 ~${after} estimated history tokens` : "Conversation history compacted" : "Couldn\u2019t compact conversation history";
   const subtitle = item.phase === "compacted" ? "Chat history above is unchanged" : item.phase === "skipped" ? compactionSkipSubtitle(item.skipReason) : null;
-  const pill = item.phase === "skipped" && item.skipReason === "summarization_failed" ? "border-og-status-failed/35 bg-og-status-failed/10 text-og-status-failed" : item.phase === "started" ? "border-og-status-waiting/35 bg-og-status-waiting/10 text-og-status-waiting" : "border-og-border bg-og-surface-1 text-og-fg-muted";
+  const pill = item.phase === "skipped" && item.skipReason === "summarization_failed" ? "border-og-status-failed/35 bg-og-status-failed/10 text-og-status-failed" : item.phase === "started" ? WAITING_PILL_CLASS : "border-og-border bg-og-surface-1 text-og-fg-muted";
   return /* @__PURE__ */ jsx18("div", { className: cn(enter && "animate-og-enter", "flex justify-center"), children: /* @__PURE__ */ jsxs14(
     "div",
     {
@@ -8673,7 +8840,7 @@ ${annotation.note}`).join("\n\n"),
         label: "Copy message",
         className: "w-fit max-w-full min-w-0",
         trailing: /* @__PURE__ */ jsx18(MessageFooterTime, { occurredAt: item.occurredAt }),
-        children: /* @__PURE__ */ jsxs14("div", { className: "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", children: [
+        children: /* @__PURE__ */ jsxs14("div", { className: MESSAGE_BUBBLE_CLASS, children: [
           item.text ? /* @__PURE__ */ jsx18("div", { "data-og-annotation-source-key": item.annotationSource?.eventId, children: renderMessageText ? renderMessageText(item.text, item) : /* @__PURE__ */ jsx18(UserMessageBody, { messageId: item.id, text: item.text, children: /* @__PURE__ */ jsx18(Markdown, { children: item.text }) }) }) : null,
           (item.annotations?.length ?? 0) > 0 ? /* @__PURE__ */ jsx18(
             TimelineAnnotationsChip,
@@ -8772,7 +8939,7 @@ function HumanInputConversationRow({ item }) {
             label: "Copy answer",
             className: "w-fit max-w-[90%] min-w-0 sm:max-w-[82%]",
             trailing: /* @__PURE__ */ jsx18(MessageFooterTime, { occurredAt: item.occurredAt }),
-            children: /* @__PURE__ */ jsxs14("div", { className: "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", children: [
+            children: /* @__PURE__ */ jsxs14("div", { className: MESSAGE_BUBBLE_CLASS, children: [
               /* @__PURE__ */ jsx18("p", { className: "text-og-xs font-medium text-og-fg-subtle", children: settledLabel }),
               item.response.outcome === "answered" ? /* @__PURE__ */ jsx18("div", { className: "mt-1.5 space-y-3", children: item.answers.length > 0 ? item.answers.map((answer, answerIndex) => /* @__PURE__ */ jsxs14("div", { children: [
                 multipleQuestions ? /* @__PURE__ */ jsxs14("p", { className: "text-og-sm font-semibold text-og-fg", children: [
@@ -8864,7 +9031,7 @@ function WorkerCompletionRow({
   const [open, setOpen] = useState14(false);
   const meta = workerCompletionMeta(item);
   const Icon = meta.icon;
-  const showPausedReason = item.childStatus !== "failed" && item.goalStatus === "paused" && Boolean(item.pausedReason?.trim());
+  const showPausedReason = item.childStatus !== "failed" && item.goalStatus === "paused" && !!item.pausedReason?.trim();
   const details = [
     ...item.text.trim() ? [{ label: "Report", value: item.text.trim() }] : [],
     ...item.evidence?.trim() ? [{ label: "Evidence", value: item.evidence.trim(), muted: true }] : [],
@@ -8968,14 +9135,14 @@ var GOAL_META = {
   },
   paused: {
     label: "Goal paused",
-    pill: "border-og-status-waiting/35 bg-og-status-waiting/10 text-og-status-waiting",
+    pill: WAITING_PILL_CLASS,
     icon: PauseIcon2
   },
   resumed: { label: "Goal resumed", pill: NEUTRAL_PILL, icon: PlayIcon2 },
   cleared: { label: "Goal cleared", pill: NEUTRAL_PILL, icon: Trash2Icon2 },
   held: {
     label: "Goal held",
-    pill: "border-og-status-waiting/35 bg-og-status-waiting/10 text-og-status-waiting",
+    pill: WAITING_PILL_CLASS,
     icon: PauseCircleIcon
   },
   continuation: { label: "Continuing toward the goal", pill: NEUTRAL_PILL, icon: ArrowRightIcon2 }
@@ -9146,7 +9313,7 @@ function formatVideoDuration(seconds) {
 }
 function NoticeRow({ item }) {
   const enter = useEntranceAnimation();
-  const tone = item.tone === "failed" ? "border-og-status-failed/35 bg-og-status-failed/10 text-og-status-failed" : item.tone === "waiting" ? "border-og-status-waiting/35 bg-og-status-waiting/10 text-og-status-waiting" : "border-og-border bg-og-surface-1 text-og-fg-muted";
+  const tone = item.tone === "failed" ? "border-og-status-failed/35 bg-og-status-failed/10 text-og-status-failed" : item.tone === "waiting" ? WAITING_PILL_CLASS : "border-og-border bg-og-surface-1 text-og-fg-muted";
   return /* @__PURE__ */ jsxs14(
     "div",
     {
@@ -9243,7 +9410,7 @@ function AuthNeededRow({
           onClick: () => void start(),
           disabled: busy,
           className: cn(
-            "inline-flex w-full shrink-0 items-center justify-center gap-1.5 rounded-og-md bg-og-accent px-3 py-1.5 text-og-menu font-medium text-og-accent-fg sm:w-auto",
+            PRIMARY_ACTION_CLASS,
             "transition-colors hover:bg-og-accent-strong disabled:opacity-70 pointer-coarse:min-h-9"
           ),
           children: [
@@ -9258,7 +9425,7 @@ function AuthNeededRow({
           rel: "noreferrer",
           target: "_blank",
           className: cn(
-            "inline-flex w-full shrink-0 items-center justify-center gap-1.5 rounded-og-md bg-og-accent px-3 py-1.5 text-og-menu font-medium text-og-accent-fg sm:w-auto",
+            PRIMARY_ACTION_CLASS,
             "transition-colors hover:bg-og-accent-strong pointer-coarse:min-h-9"
           ),
           children: [
@@ -9303,7 +9470,7 @@ function AuthProviderLogo({ src, label }) {
 }
 function monogram(label) {
   const words = label.trim().split(/\s+/).filter(Boolean);
-  if (words.length === 0) {
+  if (!words.length) {
     return "?";
   }
   if (words.length === 1) {
@@ -9401,4 +9568,4 @@ export {
   MessageTimeline,
   TimelineRow
 };
-//# sourceMappingURL=chunk-5RZN3DD5.js.map
+//# sourceMappingURL=chunk-6H6S5V4Z.js.map