@opengeni/react 0.57.0 → 2.2.0-canary.0

package/dist/realtime.js

@@ -3,15 +3,15 @@ import {
   PickerAnimatedPage,
   PickerBackHeader,
   PickerNavRow
-} from "./chunk-MKPIAGVL.js";
-import "./chunk-XBZWOM2K.js";
+} from "./chunk-W6NFJXSA.js";
+import "./chunk-X4A66EWZ.js";
 import {
   usePortalTokenSource,
   usePortalTokenStyle
 } from "./chunk-VZTQ73XT.js";
 import {
   useEmbeddedRealtimeSession
-} from "./chunk-C5ZPSSS5.js";
+} from "./chunk-NEXLLTP4.js";
 import {
   cn
 } from "./chunk-22KP6LR5.js";
@@ -206,6 +206,72 @@ var REALTIME_PROVIDER_META = {
   "Your Gateway": { billingClass: "byok", hint: "Billed to your AI Gateway" }
 };
 var REALTIME_MODEL_STORAGE_PREFIX = "opengeni:realtime-model";
+var REALTIME_MODEL_CATALOG_CACHE_TTL_MS = 6e4;
+var REALTIME_MODEL_CATALOG_CACHE_MAX_WORKSPACES = 64;
+var realtimeModelCatalogCache = /* @__PURE__ */ new WeakMap();
+function realtimeModelFallback(codexConnected) {
+  return [
+    {
+      ...CODEX_LIVE_MODEL,
+      available: codexConnected,
+      unavailableReason: codexConnected ? null : CODEX_LIVE_MODEL.unavailableReason
+    }
+  ];
+}
+function realtimeModelCatalogCacheFor(client) {
+  const existing = realtimeModelCatalogCache.get(client);
+  if (existing) return existing;
+  const created = /* @__PURE__ */ new Map();
+  realtimeModelCatalogCache.set(client, created);
+  return created;
+}
+function readCachedRealtimeModelCatalog(client, workspaceId, now = Date.now()) {
+  const cache = realtimeModelCatalogCache.get(client);
+  const entry = cache?.get(workspaceId);
+  if (!entry || entry.state === "loading") return null;
+  if (entry.expiresAt > now) return entry.models;
+  cache?.delete(workspaceId);
+  return null;
+}
+function pruneRealtimeModelCatalogCache(cache, now) {
+  for (const [workspaceId, entry] of cache) {
+    if (entry.state === "ready" && entry.expiresAt <= now) cache.delete(workspaceId);
+  }
+  while (cache.size >= REALTIME_MODEL_CATALOG_CACHE_MAX_WORKSPACES) {
+    const oldestWorkspaceId = cache.keys().next().value;
+    if (oldestWorkspaceId === void 0) return;
+    cache.delete(oldestWorkspaceId);
+  }
+}
+function loadRealtimeModelCatalog(client, workspaceId) {
+  const load = client.getWorkspaceRealtimeModelCatalog;
+  if (!load) return null;
+  const now = Date.now();
+  const cache = realtimeModelCatalogCacheFor(client);
+  const entry = cache.get(workspaceId);
+  if (entry?.state === "loading") return entry.promise;
+  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 current = cache.get(workspaceId);
+    if (current?.state === "loading" && current.promise === promise) {
+      cache.delete(workspaceId);
+      cache.set(workspaceId, {
+        state: "ready",
+        models,
+        expiresAt: Date.now() + REALTIME_MODEL_CATALOG_CACHE_TTL_MS
+      });
+    }
+    return models;
+  }).catch((error) => {
+    const current = cache.get(workspaceId);
+    if (current?.state === "loading" && current.promise === promise) cache.delete(workspaceId);
+    throw error;
+  });
+  cache.set(workspaceId, { state: "loading", promise });
+  return promise;
+}
 function codexRealtimeAdmissionAllowed(input) {
   return codexRealtimeAdmissionBlocker(input) === null;
 }
@@ -226,6 +292,8 @@ function useSessionRealtime(options) {
   const audioRef = useRef(null);
   const controllerRef = useRef(null);
   const controllerModelRef = useRef(null);
+  const modelContextProviderRef = useRef(options.getModelContext);
+  modelContextProviderRef.current = options.getModelContext;
   const [snapshot, setSnapshot] = useState(() => ({
     status: hasStoredSessionRealtimeOwnerProof({
       workspaceId,
@@ -252,7 +320,7 @@ function useSessionRealtime(options) {
   const eventsReadyRef = useRef(options.eventsReady);
   lifecycleRef.current = lifecycle;
   eventsReadyRef.current = options.eventsReady;
-  const lifecycleActive = lifecycle?.state === "active";
+  const lifecycleActive = sessionRealtimeLifecycleIsActive(lifecycle);
   useEffect(() => {
     let disposed = false;
     let controller = null;
@@ -265,7 +333,8 @@ function useSessionRealtime(options) {
         workspaceId,
         sessionId: options.sessionId,
         ...audioRef.current ? { remoteAudio: audioRef.current } : {},
-        model
+        model,
+        getModelContext: () => modelContextProviderRef.current?.()
       });
       controllerRef.current = controller;
       controllerModelRef.current = model;
@@ -356,13 +425,19 @@ function useSessionRealtime(options) {
     setOutputMuted
   };
 }
+function sessionRealtimeLifecycleIsActive(lifecycle) {
+  if (lifecycle?.state !== "active") return false;
+  const leaseExpiresAt = Date.parse(lifecycle.leaseExpiresAt);
+  return !Number.isFinite(leaseExpiresAt) || leaseExpiresAt > Date.now();
+}
 function SessionRealtimeControl(props) {
   const lifecycle = useMemo(() => projectSessionRealtimeLifecycle(props.events), [props.events]);
+  const lifecycleActive = sessionRealtimeLifecycleIsActive(lifecycle);
   const selection = useRealtimeModelSelection({
     client: props.client,
     workspaceId: props.workspaceId,
     codexConnected: props.codexConnected,
-    activeModel: lifecycle?.state === "active" ? lifecycle.model : null
+    activeModel: lifecycleActive && lifecycle?.state === "active" ? lifecycle.model : null
   });
   const selectedModel = selection.selectedModel;
   const realtime = useSessionRealtime({
@@ -383,7 +458,7 @@ function SessionRealtimeControl(props) {
   }, [onVoiceActiveChange, voiceActive]);
   useEffect(() => {
     const pending = autostartModelRef.current;
-    if (!pending || autostartStartedRef.current || lifecycle?.state === "active") return;
+    if (!pending || autostartStartedRef.current || lifecycleActive) return;
     const available = models.some((model) => model.id === pending && model.available);
     if (!available) return;
     if (selectedRealtimeModel.id !== pending) {
@@ -400,7 +475,7 @@ function SessionRealtimeControl(props) {
     });
   }, [
     canStart,
-    lifecycle?.state,
+    lifecycleActive,
     models,
     props.sessionId,
     props.workspaceId,
@@ -418,6 +493,7 @@ function SessionRealtimeControl(props) {
       modelAvailable: selectedModel.available,
       menuSide: "top",
       modelMenu: props.modelMenu ?? "split",
+      showDiagnostics: props.showDiagnostics,
       audioRef: realtime.audioRef,
       selectedModel,
       models: selection.models,
@@ -437,28 +513,46 @@ function useRealtimeModelSelection(options) {
     workspaceId: options.workspaceId
   });
   const activeModel = options.activeModel;
-  const [catalog, setCatalog] = useState(() => [
-    {
-      ...CODEX_LIVE_MODEL,
-      available: options.codexConnected,
-      unavailableReason: options.codexConnected ? null : CODEX_LIVE_MODEL.unavailableReason
-    }
-  ]);
-  const [selectedModelId, setSelectedModelId] = useState(
-    () => readRealtimeModelPreference(workspaceId) ?? CODEX_LIVE_MODEL.id
+  const initialCachedCatalog = readCachedRealtimeModelCatalog(client, workspaceId);
+  const [catalog, setCatalog] = useState(
+    () => initialCachedCatalog ?? realtimeModelFallback(options.codexConnected)
   );
+  const catalogScopeRef = useRef({
+    client,
+    workspaceId,
+    source: initialCachedCatalog ? "cache" : "fallback"
+  });
+  const [selectedModelId, setSelectedModelId] = useState(() => {
+    const preferred = readRealtimeModelPreference(workspaceId) ?? CODEX_LIVE_MODEL.id;
+    if (!initialCachedCatalog) return preferred;
+    if (initialCachedCatalog.some((model) => model.id === preferred && model.available)) {
+      return preferred;
+    }
+    return initialCachedCatalog.find((model) => model.available)?.id ?? CODEX_LIVE_MODEL.id;
+  });
   useEffect(() => {
     let disposed = false;
-    const load = client.getWorkspaceRealtimeModelCatalog;
-    if (!load) return;
-    void load.call(client, workspaceId).then((response) => {
-      if (disposed) return;
-      const models = response.models.map(toRealtimeModelOption);
+    const applyCatalog = (models) => {
+      catalogScopeRef.current = { client, workspaceId, source: "cache" };
       setCatalog(models);
       setSelectedModelId((current) => {
         if (models.some((model) => model.id === current && model.available)) return current;
         return models.find((model) => model.available)?.id ?? CODEX_LIVE_MODEL.id;
       });
+    };
+    const cached = readCachedRealtimeModelCatalog(client, workspaceId);
+    if (cached) {
+      const scope = catalogScopeRef.current;
+      if (scope.client !== client || scope.workspaceId !== workspaceId || scope.source !== "cache") {
+        applyCatalog(cached);
+      }
+      return;
+    }
+    const loading = loadRealtimeModelCatalog(client, workspaceId);
+    if (!loading) return;
+    void loading.then((models) => {
+      if (disposed) return;
+      applyCatalog(models);
     }).catch(() => void 0);
     return () => {
       disposed = true;
@@ -498,16 +592,31 @@ var IDLE_REALTIME_SNAPSHOT = {
   error: null
 };
 function NewSessionRealtimeControl(props) {
-  const internalSelection = useRealtimeModelSelection({
+  if (props.models && props.selectedModel && props.onSelectModel) {
+    return /* @__PURE__ */ jsx2(
+      NewSessionRealtimeControlView,
+      {
+        ...props,
+        selection: {
+          models: props.models,
+          selectedModel: props.selectedModel,
+          selectModel: props.onSelectModel
+        }
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx2(NewSessionRealtimeControlWithInternalSelection, { ...props });
+}
+function NewSessionRealtimeControlWithInternalSelection(props) {
+  const selection = useRealtimeModelSelection({
     client: props.client,
     workspaceId: props.workspaceId,
     codexConnected: props.codexConnected
   });
-  const selection = props.models && props.selectedModel && props.onSelectModel ? {
-    models: props.models,
-    selectedModel: props.selectedModel,
-    selectModel: props.onSelectModel
-  } : internalSelection;
+  return /* @__PURE__ */ jsx2(NewSessionRealtimeControlView, { ...props, selection });
+}
+function NewSessionRealtimeControlView(props) {
+  const selection = props.selection;
   const audioRef = useRef(null);
   const [starting, setStarting] = useState(false);
   const [error, setError] = useState(null);
@@ -576,7 +685,7 @@ function RealtimeVoiceControl(props) {
   const mainDisabled = props.snapshot.status === "stopping" || props.snapshot.status === "lost_owner" || !modeOwned && !props.canStart || props.snapshot.status === "starting" && !modeOwned;
   const mainLabel = audioBlocked ? "Resume voice audio" : retryConnection ? "Retry voice connection" : modeOwned ? "End voice conversation" : `Start voice with ${selectedModel.label}`;
   const runMainAction = audioBlocked ? props.onRetryAudibleOutput : retryConnection ? props.onRetry : modeOwned ? props.onStop : props.onStart;
-  const diagnosticsVisible = props.showDiagnostics ?? import.meta.env.DEV;
+  const diagnosticsVisible = props.showDiagnostics ?? false;
   const modelMenu = props.modelMenu ?? "split";
   const showAttachedModelMenu = modelMenu === "split" || modelMenu === "split-desktop";
   const desktopOnlyModelMenu = modelMenu === "split-desktop";