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

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

@@ -3,7 +3,7 @@ import {
   groupTimeline,
   mcpToolLeaf,
   toolDisplayName
-} from "./chunk-XSA2QAKP.js";
+} from "./chunk-RSXJN73N.js";
 import {
   EmptyQueueStateSurface,
   TimelineAnnotationsChip,
@@ -1440,6 +1440,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 +1576,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"
                     }
                   )
@@ -7225,6 +7235,7 @@ function MessageTimeline({
   const olderPrefetchArmedRef = useRef11(false);
   const [olderPrefetchArmed, setOlderPrefetchArmed] = useState14(false);
   const olderLoadGateRef = useRef11("armed");
+  const underfillLoadWindowRef = useRef11(null);
   const resizeFollowRafRef = useRef11(null);
   const firstGroupKey = allGroups[0] ? timelineGroupKey(allGroups[0]) : null;
   const [revealed, setRevealed] = useState14(resolvedItems[0]?.id === "c");
@@ -7251,6 +7262,8 @@ function MessageTimeline({
   const groupKeyByItemIdRef = useRef11(/* @__PURE__ */ new Map());
   const groupOffsetByKeyRef = useRef11(/* @__PURE__ */ new Map());
   const firstItemId = resolvedItems[0]?.id ?? null;
+  const lastItemId = resolvedItems.at(-1)?.id ?? null;
+  const loadedWindowKey = JSON.stringify([firstItemId, lastItemId, resolvedItems.length]);
   const firstKeyChangedForBulk = previousBulkFirstKeyRef.current !== void 0 && previousBulkFirstKeyRef.current !== firstGroupKey;
   const bulkRender = allGroups.length > 0 && (bulkActive || firstKeyChangedForBulk);
   const applyPinned = useCallback3((value) => {
@@ -7449,6 +7462,22 @@ function MessageTimeline({
     }),
     [beginUserMessageDisclosureChange]
   );
+  const requestOlderIfUnderfilled = useCallback3(
+    (node) => {
+      if (underfillLoadWindowRef.current !== null && underfillLoadWindowRef.current !== loadedWindowKey) {
+        olderLoadGateRef.current = "armed";
+      }
+      if (node.clientHeight <= 1 || maxScrollOf(node) > 1 || !hasOlder || loadingOlder || !onLoadOlder || underfillLoadWindowRef.current === loadedWindowKey) {
+        return;
+      }
+      underfillLoadWindowRef.current = loadedWindowKey;
+      if (olderPrefetchArmedRef.current) {
+        olderLoadGateRef.current = "cooling";
+      }
+      onLoadOlder();
+    },
+    [hasOlder, loadedWindowKey, loadingOlder, onLoadOlder]
+  );
   const driveFollowRef = useRef11(() => void 0);
   const driveFollow = useCallback3(
     (node, nowMs) => {
@@ -7680,9 +7709,16 @@ function MessageTimeline({
     foldMemoryRef.current.clear();
     userMessageDisclosureMemoryRef.current.clear();
     disclosureKeepsUnpinnedRef.current = false;
+    underfillLoadWindowRef.current = null;
     seenActivityIdsRef.current.clear();
     applyPinned(true);
   }, [allGroups.length, revealed, applyPinned]);
+  useEffect11(() => {
+    const node = scrollRef.current;
+    if (node) {
+      requestOlderIfUnderfilled(node);
+    }
+  });
   useLayoutEffect3(() => {
     previousBulkFirstKeyRef.current = firstGroupKey;
     if (!bulkRender) {
@@ -7749,6 +7785,7 @@ function MessageTimeline({
         if (!current) {
           return;
         }
+        requestOlderIfUnderfilled(current);
         if (!autoFollow || !pinnedRef.current || hasNewerRef.current) {
           return;
         }
@@ -7768,7 +7805,7 @@ function MessageTimeline({
         resizeFollowRafRef.current = null;
       }
     };
-  }, [autoFollow, driveFollow, snapToBottom]);
+  }, [autoFollow, driveFollow, requestOlderIfUnderfilled, snapToBottom]);
   useEffect11(() => {
     if (hasNewer) {
       stopFollow();
@@ -9401,4 +9438,4 @@ export {
   MessageTimeline,
   TimelineRow
 };
-//# sourceMappingURL=chunk-5RZN3DD5.js.map
+//# sourceMappingURL=chunk-LS4POUTY.js.map