@opengeni/react 6.0.0-canary.1 → 6.1.0

package/dist/{chunk-CC7AVRIJ.js → chunk-TDSEILUH.js}

@@ -63,7 +63,7 @@ import {
   useSession,
   useSessionEvents,
   useTurnQueue
-} from "./chunk-PZ27MCZP.js";
+} from "./chunk-L2NBTKRX.js";
 import {
   useComposer
 } from "./chunk-NYESIADM.js";
@@ -6188,6 +6188,55 @@ function MessageTimeline({
   }, [items, events, shouldRenderAuthNeeded]);
   const sourceItems = events ?? items;
   const olderBoundaryKey = sourceItems?.[0]?.id;
+  const newerBoundaryKey = `${events?.[0]?.sessionId ?? ""}:${olderBoundaryKey ?? ""}`;
+  const newerScopeRef = useRef8(newerBoundaryKey);
+  newerScopeRef.current = newerBoundaryKey;
+  const newerAttemptRef = useRef8(null);
+  const newerRetryButtonRef = useRef8(null);
+  const [newerRetryPending, setNewerRetryPending] = useState15(false);
+  const [newerFailure, setNewerFailure] = useState15(null);
+  useEffect10(() => {
+    newerScopeRef.current = newerBoundaryKey;
+    newerAttemptRef.current = null;
+    setNewerFailure(null);
+    setNewerRetryPending(false);
+    return () => {
+      newerScopeRef.current = "";
+      newerAttemptRef.current = null;
+    };
+  }, [newerBoundaryKey]);
+  const requestNewer = useCallback2(
+    (explicitRetry = false) => {
+      if (newerScopeRef.current !== newerBoundaryKey || !onLoadNewer || loadingNewer || newerAttemptRef.current && (!explicitRetry || newerAttemptRef.current.pending)) {
+        return;
+      }
+      const attempt = { pending: true };
+      newerAttemptRef.current = attempt;
+      if (explicitRetry) setNewerRetryPending(true);
+      const isCurrent = () => newerAttemptRef.current === attempt && newerScopeRef.current === newerBoundaryKey;
+      void Promise.resolve().then(() => isCurrent() ? onLoadNewer() : void 0).then(
+        () => {
+          if (!isCurrent()) return;
+          newerAttemptRef.current = null;
+          if (document.activeElement === newerRetryButtonRef.current) {
+            scrollRef.current?.focus({ preventScroll: true });
+          }
+          setNewerFailure(null);
+          setNewerRetryPending(false);
+        },
+        (reason) => {
+          if (!isCurrent()) return;
+          attempt.pending = false;
+          setNewerRetryPending(false);
+          setNewerFailure({
+            key: newerBoundaryKey,
+            message: reason instanceof Error ? reason.message : String(reason)
+          });
+        }
+      );
+    },
+    [onLoadNewer, loadingNewer, newerBoundaryKey]
+  );
   const previousSourceIdsRef = useRef8(/* @__PURE__ */ new Set());
   const previousSourceBoundaryRef = useRef8(void 0);
   const readingAnchorRef = useRef8(null);
@@ -6951,14 +7000,14 @@ function MessageTimeline({
     const observer = new IntersectionObserver(
       (entries) => {
         if (maxScrollOf(root) > 1 && entries.some((entry) => entry.isIntersecting)) {
-          onLoadNewer();
+          requestNewer();
         }
       },
       { root, rootMargin: "0px 0px 1200px 0px" }
     );
     observer.observe(target);
     return () => observer.disconnect();
-  }, [hasNewer, loadingNewer, onLoadNewer, firstGroupKey]);
+  }, [hasNewer, loadingNewer, onLoadNewer, requestNewer, firstGroupKey]);
   useEffect10(() => {
     const node = scrollRef.current;
     const inner = node?.firstElementChild;
@@ -7298,6 +7347,32 @@ function MessageTimeline({
                 );
               }),
               groups.length > 0 && trailingState ? /* @__PURE__ */ jsx19("div", { "data-og-timeline-trailing-state": "", children: trailingState }) : null,
+              hasNewer && newerFailure?.key === newerBoundaryKey ? /* @__PURE__ */ jsxs13(
+                "div",
+                {
+                  "data-og-newer-error": "",
+                  className: "flex flex-col items-center gap-2 px-4 py-3 text-center text-og-menu text-og-fg-muted",
+                  children: [
+                    /* @__PURE__ */ jsxs13("p", { role: "status", className: "max-w-prose [overflow-wrap:anywhere]", children: [
+                      "Couldn\u2019t load later activity. ",
+                      newerFailure.message
+                    ] }),
+                    /* @__PURE__ */ jsx19(
+                      "button",
+                      {
+                        ref: newerRetryButtonRef,
+                        type: "button",
+                        "data-og-retry-newer": "",
+                        className: "min-h-11 rounded-og-md border border-og-border px-3 py-2 text-og-fg hover:bg-og-surface-2 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-og-accent",
+                        "aria-disabled": loadingNewer || newerRetryPending,
+                        "aria-busy": newerRetryPending,
+                        onClick: () => requestNewer(true),
+                        children: newerRetryPending ? "Retrying later activity\u2026" : "Retry later activity"
+                      }
+                    )
+                  ]
+                }
+              ) : null,
               hasNewer ? /* @__PURE__ */ jsx19(
                 "div",
                 {
@@ -9205,9 +9280,7 @@ function Conversation({
             onLoadOlder: feed.loadOlder,
             hasNewer: feed.hasNewer,
             loadingNewer: feed.loadingNewer,
-            onLoadNewer: () => {
-              void feed.loadNewer();
-            },
+            onLoadNewer: feed.loadNewer,
             onJumpToStart: async () => {
               await feed.loadOldest();
             },
@@ -10802,4 +10875,4 @@ export {
   SessionCommandsPanel,
   StartupTimings
 };
-//# sourceMappingURL=chunk-CC7AVRIJ.js.map
+//# sourceMappingURL=chunk-TDSEILUH.js.map