@opengeni/react 3.1.0 → 3.3.2-canary.0

package/dist/{chunk-XXWH2JLC.js → chunk-YVCHAQZY.js}

@@ -9,7 +9,7 @@ import {
 import {
   formatBytes,
   formatRelativeTime
-} from "./chunk-LAKLF4PA.js";
+} from "./chunk-VTOREEXF.js";
 import {
   cn
 } from "./chunk-22KP6LR5.js";
@@ -2779,4 +2779,4 @@ export {
   EnrollmentDeviceFlow,
   EnrollmentConsent
 };
-//# sourceMappingURL=chunk-XXWH2JLC.js.map
+//# sourceMappingURL=chunk-YVCHAQZY.js.map

package/dist/{chunk-OAM4WAAM.js → chunk-ZPBTI3TE.js}

@@ -26,7 +26,7 @@ import {
 } from "./chunk-JVYQRRC4.js";
 import {
   formatBytes
-} from "./chunk-LAKLF4PA.js";
+} from "./chunk-VTOREEXF.js";
 import {
   cn
 } from "./chunk-22KP6LR5.js";
@@ -3904,4 +3904,4 @@ export {
   useSiteAuthConnections,
   BrowserViewer
 };
-//# sourceMappingURL=chunk-OAM4WAAM.js.map
+//# sourceMappingURL=chunk-ZPBTI3TE.js.map

package/dist/components/fleet-tile.d.ts

@@ -1,7 +1,7 @@
-import type { Session } from "@opengeni/sdk";
+import { type Session } from "@opengeni/sdk";
 export type FleetTileProps = {
     session: Session;
-    /** Overrides the derived title (session title, metadata title/name, or safe fallback). */
+    /** Overrides the derived title (durable title, metadata, prompt preview, or safe fallback). */
     title?: string | undefined;
     /** Extra line under the title — e.g. "drift check" or the worker's task. */
     subtitle?: string | undefined;

package/dist/components/model-policy-picker.d.ts

@@ -1,6 +1,7 @@
 import type { ClientModel, LatencyMode, ReasoningEffort } from "@opengeni/sdk";
 import { type CSSProperties, type ReactNode } from "react";
 import { type PickerBillingClass, type PickerModelRow } from "../model-policy.js";
+type ClientPickerModelRow = PickerModelRow<ClientModel>;
 type NavLevel = "providers" | "models" | "thinking";
 type PickerNavState = {
     level: NavLevel;
@@ -85,5 +86,13 @@ export declare function ModelPolicyPickerMenu(props: ModelPolicyPickerProps & {
     nav?: PickerNavState | undefined;
     onNavChange?: ((next: NavUpdater) => void) | undefined;
 }): import("react").JSX.Element;
+/** @internal Shared state seam kept outside the Radix portal for deterministic testing. */
+export declare function useModelPolicyPickerState(props: ModelPolicyPickerProps): {
+    open: boolean;
+    setOpen: (next: boolean) => void;
+    rows: ClientPickerModelRow[];
+    nav: PickerNavState;
+    setNav: (next: NavUpdater) => void;
+};
 export declare function ModelPolicyPicker(props: ModelPolicyPickerProps): import("react").JSX.Element;
 export {};

package/dist/components/tip-follow.d.ts

@@ -160,6 +160,22 @@ export declare function tipFollowClearSoftRise(el: HTMLElement): void;
  * on screen: scrollTop -= Δh, clamped to the new max.
  */
 export declare function tipFollowCompensateShrink(scrollTop: number, previousHeight: number, nextHeight: number, clientHeight: number, epsPx?: number): number;
+export type TipFollowContentShrinkBaseline = {
+    scrollHeight: number;
+    scrollTop: number;
+};
+export type TipFollowContentShrinkObservation = {
+    baseline: TipFollowContentShrinkBaseline | null;
+    compensatedScrollTop: number | null;
+};
+/**
+ * Retain the geometry from the first sub-epsilon content-shrink frame until
+ * the cumulative collapse crosses the deadband. Browsers may clamp scrollTop
+ * after every tiny frame, so compensating from the latest DOM top would count
+ * those already-applied clamps twice and make the result animation-cadence
+ * dependent.
+ */
+export declare function tipFollowObserveContentShrink(baseline: TipFollowContentShrinkBaseline | null, previousHeight: number, previousScrollTop: number, nextHeight: number, clientHeight: number, epsPx?: number): TipFollowContentShrinkObservation;
 /**
  * Viewport shrank (SessionChrome / composer / window). maxScroll rises by ≈Δc;
  * keep the same tip distance: scrollTop += Δc. Without this, pinned follow only

package/dist/composer.js

@@ -37,8 +37,8 @@ import {
   useChatComposer,
   useChatComposerController,
   useVoiceInput
-} from "./chunk-RGALCTWO.js";
-import "./chunk-MZ2G2XBA.js";
+} from "./chunk-XYRDDSXF.js";
+import "./chunk-IOLVN74D.js";
 import {
   BillingClassMark,
   ModelPolicyPicker,
@@ -47,13 +47,13 @@ import {
   PickerBackHeader,
   PickerNavRow,
   defaultModelPolicyPickerMessages
-} from "./chunk-W6NFJXSA.js";
+} from "./chunk-2DZVYHVO.js";
 import "./chunk-X4A66EWZ.js";
-import "./chunk-YFKJ7VZH.js";
+import "./chunk-7EAFGICR.js";
 import "./chunk-VZTQ73XT.js";
 import "./chunk-KZ73RL76.js";
 import "./chunk-NEXLLTP4.js";
-import "./chunk-LAKLF4PA.js";
+import "./chunk-VTOREEXF.js";
 import "./chunk-22KP6LR5.js";
 export {
   Actions,

package/dist/hooks/use-session-events.d.ts

@@ -82,9 +82,9 @@ export declare function useSessionEvents(sessionId: string | null | undefined, o
  * accumulation retains the newest suffix; backward paging retains the oldest
  * prefix so newly fetched history cannot be immediately evicted. This is
  * deliberately separate from durable history and transport paging: when a
- * backward page evicts the live tail, the hook reconnects from the retained
- * high-water mark while preserving the highest-ever-observed sequence
- * separately. The source event remains durable in PostgreSQL throughout.
+ * backward page evicts the live tail, the hook enters bounded history mode and
+ * preserves the highest-ever-observed sequence separately for forward paging.
+ * The source event remains durable in PostgreSQL throughout.
  */
 export declare function boundBrowserSessionEventWindow(events: readonly SessionEvent[], options?: {
     maxBytes?: number;

package/dist/index.js

@@ -23,7 +23,7 @@ import {
   useSessionLineage,
   useSessionMcpApprovalPolicy,
   useTurnQueue
-} from "./chunk-YJFGAFBD.js";
+} from "./chunk-3AGBGTRT.js";
 import {
   CONNECTION_STATUS_META,
   ConnectionDot,
@@ -55,7 +55,7 @@ import {
   healthPulses,
   pointsFor,
   useMachines
-} from "./chunk-XXWH2JLC.js";
+} from "./chunk-YVCHAQZY.js";
 import {
   Actions,
   AttachButton,
@@ -108,14 +108,14 @@ import {
   useSlashCommands,
   useTranscription,
   useVoiceInput
-} from "./chunk-RGALCTWO.js";
+} from "./chunk-XYRDDSXF.js";
 import {
   FILE_ONLY_MESSAGE_TEXT,
   composeSendInput,
   shouldSteerOnKey,
   shouldSubmitOnKey,
   useComposer
-} from "./chunk-MZ2G2XBA.js";
+} from "./chunk-IOLVN74D.js";
 import {
   BillingClassMark,
   ModelPolicyPicker,
@@ -124,7 +124,7 @@ import {
   PickerBackHeader,
   PickerNavRow,
   defaultModelPolicyPickerMessages
-} from "./chunk-W6NFJXSA.js";
+} from "./chunk-2DZVYHVO.js";
 import {
   advancedSourceSummary,
   availabilityReasonLabel,
@@ -201,7 +201,7 @@ import {
   useThemeType,
   userMessageLikelyNeedsDisclosure,
   v4aToGitFileDiff
-} from "./chunk-HQVCKCLG.js";
+} from "./chunk-YG4QEQF5.js";
 import {
   buildTimeline,
   createOlderHistoryLoadReceipt,
@@ -212,7 +212,7 @@ import {
   projectPendingHumanInputRequests,
   sessionStatusFromEvents,
   toolDisplayName
-} from "./chunk-D3UIAJKY.js";
+} from "./chunk-JAQ5K7W6.js";
 import {
   TimelineAnnotationsChip
 } from "./chunk-WSK7G5LE.js";
@@ -224,7 +224,7 @@ import {
   TooltipTrigger,
   useLightbox,
   useLightboxOptional
-} from "./chunk-YFKJ7VZH.js";
+} from "./chunk-7EAFGICR.js";
 import {
   usePortalTokenSource,
   usePortalTokenStyle
@@ -268,7 +268,7 @@ import {
   stringifyPayload,
   truncate,
   tryParseJson
-} from "./chunk-LAKLF4PA.js";
+} from "./chunk-VTOREEXF.js";
 import {
   cn
 } from "./chunk-22KP6LR5.js";
@@ -342,11 +342,17 @@ function policyFromTurn(turn) {
 function useLastStartedTurnPolicy(sessionId, options = {}) {
   const { client, workspaceId, workspaceControlEvent, registerSessionReconciler } = useOpenGeni(options);
   const enabled = (options.enabled ?? true) && Boolean(sessionId);
-  const load = useCallback(async () => {
-    if (!sessionId) return null;
-    const turns = await client.listTurns(workspaceId, sessionId, { latestStarted: true });
-    return policyFromTurn(turns[0]);
-  }, [client, workspaceId, sessionId]);
+  const load = useCallback(
+    async (signal) => {
+      if (!sessionId) return null;
+      const turns = await client.listTurns(workspaceId, sessionId, {
+        latestStarted: true,
+        signal
+      });
+      return policyFromTurn(turns[0]);
+    },
+    [client, workspaceId, sessionId]
+  );
   const { data, loading, error, refresh } = usePolledValue(load, {
     pollIntervalMs: options.pollIntervalMs,
     enabled
@@ -426,34 +432,38 @@ function useWorkspaceSessions(options = {}) {
   useEffect2(() => {
     previousQueryKey.current = queryKey;
   }, [queryKey]);
-  const load = useCallback3(async () => {
-    const readGeneration = beginRead?.() ?? ++nextReadGeneration.current;
-    const page2 = await client.listSessionPage(workspaceId, {
-      ...limit !== void 0 ? { limit } : {},
-      ...parentSessionId !== void 0 ? { parentSessionId } : {},
-      ...cursor !== void 0 ? { cursor } : {},
-      ...search !== void 0 ? { search } : {},
-      ...pinsOnly ? { pinsOnly: true } : {},
-      ...archivedOnly ? { archivedOnly: true } : {}
-    });
-    return {
-      queryKey,
-      page: page2,
-      revision: ++nextReadRevision.current,
-      readGeneration
-    };
-  }, [
-    beginRead,
-    client,
-    workspaceId,
-    limit,
-    parentSessionId,
-    cursor,
-    search,
-    pinsOnly,
-    archivedOnly,
-    queryKey
-  ]);
+  const load = useCallback3(
+    async (signal) => {
+      const readGeneration = beginRead?.() ?? ++nextReadGeneration.current;
+      const page2 = await client.listSessionPage(workspaceId, {
+        ...limit !== void 0 ? { limit } : {},
+        ...parentSessionId !== void 0 ? { parentSessionId } : {},
+        ...cursor !== void 0 ? { cursor } : {},
+        ...search !== void 0 ? { search } : {},
+        ...pinsOnly ? { pinsOnly: true } : {},
+        ...archivedOnly ? { archivedOnly: true } : {},
+        signal
+      });
+      return {
+        queryKey,
+        page: page2,
+        revision: ++nextReadRevision.current,
+        readGeneration
+      };
+    },
+    [
+      beginRead,
+      client,
+      workspaceId,
+      limit,
+      parentSessionId,
+      cursor,
+      search,
+      pinsOnly,
+      archivedOnly,
+      queryKey
+    ]
+  );
   const state = usePolledValue(load, {
     pollIntervalMs: options.pollIntervalMs,
     enabled
@@ -1166,7 +1176,10 @@ function useBillingUsage(options = {}) {
 import { useCallback as useCallback11 } from "react";
 function useAvailableModels(options = {}) {
   const client = useOpenGeniClient(options);
-  const load = useCallback11(async () => await client.getClientConfig(), [client]);
+  const load = useCallback11(
+    async (signal) => await client.getClientConfig({ signal }),
+    [client]
+  );
   const state = usePolledValue(load, {
     pollIntervalMs: options.pollIntervalMs,
     enabled: options.enabled
@@ -1181,19 +1194,22 @@ function useAvailableModels(options = {}) {
 }
 function useWorkspaceModelCatalog(options) {
   const client = useOpenGeniClient(options);
-  const load = useCallback11(async () => {
-    if (!options.workspaceId) {
-      return { models: [], defaultModel: null };
-    }
-    const [catalog, config] = await Promise.all([
-      client.getWorkspaceModelCatalog(options.workspaceId),
-      client.getClientConfig()
-    ]);
-    return {
-      models: catalog.models,
-      defaultModel: config.defaultModel
-    };
-  }, [client, options.workspaceId]);
+  const load = useCallback11(
+    async (signal) => {
+      if (!options.workspaceId) {
+        return { models: [], defaultModel: null };
+      }
+      const [catalog, config] = await Promise.all([
+        client.getWorkspaceModelCatalog(options.workspaceId, { signal }),
+        client.getClientConfig({ signal })
+      ]);
+      return {
+        models: catalog.models,
+        defaultModel: config.defaultModel
+      };
+    },
+    [client, options.workspaceId]
+  );
   const state = usePolledValue(load, {
     pollIntervalMs: options.pollIntervalMs,
     enabled: options.enabled !== false && Boolean(options.workspaceId)
@@ -4118,19 +4134,11 @@ function ChatComposer({
 }
 
 // src/components/fleet-tile.tsx
+import { deriveSessionDisplayTitle } from "@opengeni/sdk";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var AUTOMATIC_SESSION_TITLE_FALLBACK = "New conversation";
+var SESSION_METADATA_TITLE_KEYS = ["title", "name"];
 function sessionDisplayTitle(session) {
-  if (typeof session.title === "string" && session.title.trim().length > 0) {
-    return session.title;
-  }
-  for (const key of ["title", "name"]) {
-    const value = session.metadata[key];
-    if (typeof value === "string" && value.trim().length > 0) {
-      return value;
-    }
-  }
-  return AUTOMATIC_SESSION_TITLE_FALLBACK;
+  return deriveSessionDisplayTitle(session, { metadataKeys: SESSION_METADATA_TITLE_KEYS });
 }
 function FleetTile({ session, title, subtitle, onOpen, className }) {
   const running = session.status === "running" || session.status === "queued";
@@ -8423,7 +8431,7 @@ import {
 } from "lucide-react";
 import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var LazyBrowserViewer = lazy2(async () => {
-  const { BrowserViewer } = await import("./browser-viewer-AEFHUYZK.js");
+  const { BrowserViewer } = await import("./browser-viewer-MKKFRRRV.js");
   return { default: BrowserViewer };
 });
 var LazyComputerViewer = lazy2(async () => {