@opengeni/react 5.0.5-canary.1 → 5.0.5-canary.3

package/dist/index.js

@@ -104,7 +104,7 @@ import {
   useWorkspaceModelCatalog,
   userMessageLikelyNeedsDisclosure,
   v4aToGitFileDiff
-} from "./chunk-H63SQTGI.js";
+} from "./chunk-7S2KWUJD.js";
 import "./chunk-YBM6CQRU.js";
 import "./chunk-5M6VTFJ5.js";
 import "./chunk-ZYRGEKWS.js";

package/dist/session-ui.js

@@ -16,7 +16,7 @@ import {
   setStartupDetails,
   useStartupDetails,
   userMessageLikelyNeedsDisclosure
-} from "./chunk-H63SQTGI.js";
+} from "./chunk-7S2KWUJD.js";
 import "./chunk-YBM6CQRU.js";
 import "./chunk-5M6VTFJ5.js";
 import "./chunk-ZYRGEKWS.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeni/react",
-  "version": "5.0.5-canary.1",
+  "version": "5.0.5-canary.3",
   "description": "React hooks and styled components for OpenGeni: live session streaming, chat composer, message timeline, session status, and fleet views — token-themed (CSS variables), dark-first, built on Tailwind v4 + Radix + Motion.",
   "license": "Apache-2.0",
   "repository": {
@@ -133,8 +133,8 @@
     "@dnd-kit/utilities": "3.2.2",
     "@fontsource-variable/noto-sans-arabic": "5.2.10",
     "@fontsource-variable/noto-sans-jp": "5.2.10",
-    "@opengeni/connect": "^0.2.0-canary.3",
-    "@opengeni/sdk": "^5.0.5-canary.1",
+    "@opengeni/connect": "^0.2.0-canary.5",
+    "@opengeni/sdk": "^5.0.5-canary.3",
     "clsx": "^2.1.1",
     "dequal": "2.0.3",
     "lucide-react": "^1.8.0",

package/src/components/message-timeline.tsx

@@ -2393,41 +2393,49 @@ const TimelineGroupEntry = memo(function TimelineGroupEntry({
           nextGroup.item.phase === "compacted"
         ? 1
         : 0;
+  const content = (
+    <TimelineGroupView
+      {...behavior}
+      group={group}
+      foldLiveCluster={isAgentProgress(nextGroup)}
+      startupDismissed={startupDismissed}
+      trailingAgentText={trailingAgentTextAfterTurn(group, nextGroup)}
+      contextCompactionCount={contextCompactionCount > 0 ? contextCompactionCount : undefined}
+    />
+  );
   return (
     <GenieLoadingOptionsContext.Provider value={behavior.genieLoading}>
       <div data-og-timeline-group-anchor="" data-og-group-key={groupKey}>
         <EntranceAnimationProvider value={entranceEnabled} liveValue={liveEntranceEnabled}>
           <TimelineGroupRenderBoundary resetKeys={[group, behavior]}>
             <UserMessageDisclosureProvider value={userMessageDisclosureContext}>
-              <AnimatePresence initial={false}>
-                <motion.div
-                  key={
-                    !startupDismissed &&
-                    group.kind === "activity" &&
-                    group.items.every(
-                      (item) =>
-                        item.kind === "startup-phase" ||
-                        (item.kind === "reasoning" && !item.text.trim()),
-                    )
-                      ? "preparation"
-                      : "content"
-                  }
-                  initial={false}
-                  exit={{ opacity: 0, height: 0 }}
-                  transition={{ duration: reducedMotion ? 0 : 0.2 }}
-                >
-                  <TimelineGroupView
-                    {...behavior}
-                    group={group}
-                    foldLiveCluster={isAgentProgress(nextGroup)}
-                    startupDismissed={startupDismissed}
-                    trailingAgentText={trailingAgentTextAfterTurn(group, nextGroup)}
-                    contextCompactionCount={
-                      contextCompactionCount > 0 ? contextCompactionCount : undefined
+              {/* Item groups never switch the preparation/content key. Keep their
+                  DOM shell without mounting inert presence and motion lifecycles
+                  for every historical message in a prepend. */}
+              {group.kind === "item" ? (
+                <div>{content}</div>
+              ) : (
+                <AnimatePresence initial={false}>
+                  <motion.div
+                    key={
+                      !startupDismissed &&
+                      group.kind === "activity" &&
+                      group.items.every(
+                        (item) =>
+                          item.kind === "startup-phase" ||
+                          (item.kind === "reasoning" && !item.text.trim()),
+                      )
+                        ? "preparation"
+                        : "content"
                     }
-                  />
-                </motion.div>
-              </AnimatePresence>
+                    initial={false}
+                    exit={{ opacity: 0, height: 0 }}
+                    transition={{ duration: reducedMotion ? 0 : 0.2 }}
+                  >
+                    {content}
+                  </motion.div>
+                </AnimatePresence>
+              )}
             </UserMessageDisclosureProvider>
           </TimelineGroupRenderBoundary>
         </EntranceAnimationProvider>