@opengeni/react 3.1.0 → 3.3.2-canary.1

package/dist/interaction.js

@@ -7,7 +7,7 @@ import {
   useBrowserSession,
   useBrowserSessions,
   useSiteAuthConnections
-} from "./chunk-OAM4WAAM.js";
+} from "./chunk-ZPBTI3TE.js";
 import {
   ComputerViewer,
   useComputerFrameStream,
@@ -28,7 +28,7 @@ import {
   useEmbeddedInterventions
 } from "./chunk-NEXLLTP4.js";
 import "./chunk-JVYQRRC4.js";
-import "./chunk-LAKLF4PA.js";
+import "./chunk-VTOREEXF.js";
 import "./chunk-22KP6LR5.js";
 
 // src/hooks/use-network-routes.ts

package/dist/machines.js

@@ -28,10 +28,10 @@ import {
   healthPulses,
   pointsFor,
   useMachines
-} from "./chunk-XXWH2JLC.js";
+} from "./chunk-YVCHAQZY.js";
 import "./chunk-KZ73RL76.js";
 import "./chunk-NEXLLTP4.js";
-import "./chunk-LAKLF4PA.js";
+import "./chunk-VTOREEXF.js";
 import "./chunk-22KP6LR5.js";
 export {
   CONNECTION_STATUS_META,

package/dist/model-policy.d.ts

@@ -1,5 +1,6 @@
+import { type ModelPickerBillingClass } from "@opengeni/sdk/model-picker-order";
 import type { ClientModel, ReasoningEffort, WorkspaceModelCatalogModel } from "@opengeni/sdk";
-export type PickerBillingClass = "opengeni_credits" | "external" | "codex_subscription" | "supergrok_subscription" | "byok";
+export type PickerBillingClass = ModelPickerBillingClass;
 export type PickerModelRow<TCatalog extends ClientModel = WorkspaceModelCatalogModel> = {
     id: string;
     label: string;

package/dist/model-policy.js

@@ -15,7 +15,7 @@ import {
   projectPickerRows,
   runnableLatencyModesForModel,
   sortPickerRows
-} from "./chunk-X4A66EWZ.js";
+} from "./chunk-X5S426G2.js";
 export {
   advancedSourceSummary,
   availabilityReasonLabel,

package/dist/realtime.js

@@ -3,8 +3,8 @@ import {
   PickerAnimatedPage,
   PickerBackHeader,
   PickerNavRow
-} from "./chunk-W6NFJXSA.js";
-import "./chunk-X4A66EWZ.js";
+} from "./chunk-7KBJLTKS.js";
+import "./chunk-X5S426G2.js";
 import {
   usePortalTokenSource,
   usePortalTokenStyle
@@ -243,17 +243,23 @@ function pruneRealtimeModelCatalogCache(cache, now) {
     cache.delete(oldestWorkspaceId);
   }
 }
-function loadRealtimeModelCatalog(client, workspaceId) {
+function loadRealtimeModelCatalog(client, workspaceId, signal) {
   const load = client.getWorkspaceRealtimeModelCatalog;
   if (!load) return null;
+  if (signal?.aborted) {
+    return Promise.reject(signal.reason ?? new DOMException("Request aborted", "AbortError"));
+  }
   const now = Date.now();
   const cache = realtimeModelCatalogCacheFor(client);
   const entry = cache.get(workspaceId);
-  if (entry?.state === "loading") return entry.promise;
+  if (entry?.state === "loading" && !entry.controller.signal.aborted) {
+    return consumeRealtimeModelCatalog(entry, signal);
+  }
   if (entry?.state === "ready" && entry.expiresAt > now) return Promise.resolve(entry.models);
   if (entry) cache.delete(workspaceId);
   pruneRealtimeModelCatalogCache(cache, now);
-  const promise = load.call(client, workspaceId).then((response) => response.models.map(toRealtimeModelOption)).then((models) => {
+  const controller = new AbortController();
+  const promise = load.call(client, workspaceId, { signal: controller.signal }).then((response) => response.models.map(toRealtimeModelOption)).then((models) => {
     const current = cache.get(workspaceId);
     if (current?.state === "loading" && current.promise === promise) {
       cache.delete(workspaceId);
@@ -269,8 +275,39 @@ function loadRealtimeModelCatalog(client, workspaceId) {
     if (current?.state === "loading" && current.promise === promise) cache.delete(workspaceId);
     throw error;
   });
-  cache.set(workspaceId, { state: "loading", promise });
-  return promise;
+  const loading = {
+    state: "loading",
+    promise,
+    controller,
+    consumers: 0
+  };
+  cache.set(workspaceId, loading);
+  return consumeRealtimeModelCatalog(loading, signal);
+}
+function consumeRealtimeModelCatalog(entry, signal) {
+  entry.consumers += 1;
+  return new Promise((resolve, reject) => {
+    let released = false;
+    const release = (abandoned) => {
+      if (released) return;
+      released = true;
+      entry.consumers = Math.max(0, entry.consumers - 1);
+      if (abandoned && entry.consumers === 0) {
+        entry.controller.abort(
+          signal?.reason ?? new DOMException("Request abandoned", "AbortError")
+        );
+      }
+    };
+    const onAbort = () => {
+      release(true);
+      reject(signal?.reason ?? new DOMException("Request aborted", "AbortError"));
+    };
+    signal?.addEventListener("abort", onAbort, { once: true });
+    void entry.promise.then(resolve, reject).finally(() => {
+      signal?.removeEventListener("abort", onAbort);
+      release(false);
+    });
+  });
 }
 function codexRealtimeAdmissionAllowed(input) {
   return codexRealtimeAdmissionBlocker(input) === null;
@@ -532,6 +569,7 @@ function useRealtimeModelSelection(options) {
   });
   useEffect(() => {
     let disposed = false;
+    const requestAbort = new AbortController();
     const applyCatalog = (models) => {
       catalogScopeRef.current = { client, workspaceId, source: "cache" };
       setCatalog(models);
@@ -548,7 +586,7 @@ function useRealtimeModelSelection(options) {
       }
       return;
     }
-    const loading = loadRealtimeModelCatalog(client, workspaceId);
+    const loading = loadRealtimeModelCatalog(client, workspaceId, requestAbort.signal);
     if (!loading) return;
     void loading.then((models) => {
       if (disposed) return;
@@ -556,6 +594,7 @@ function useRealtimeModelSelection(options) {
     }).catch(() => void 0);
     return () => {
       disposed = true;
+      requestAbort.abort();
     };
   }, [client, workspaceId]);
   useEffect(() => {