@opengeni/react 0.36.1 → 0.40.0

package/dist/realtime.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/realtime/realtime-control.tsx","../src/realtime/dropdown-menu.tsx"],"sourcesContent":["import { type EffectiveSessionControl, type SessionEvent, type SessionStatus } from \"@opengeni/sdk\";\nimport {\n  hasStoredSessionRealtimeOwnerProof,\n  projectSessionRealtimeLifecycle,\n  type SessionRealtimeClientLike,\n  type SessionRealtimeController,\n  type SessionRealtimeControllerSnapshot,\n  type CreateSessionRealtimeControllerOptions,\n  type SessionRealtimeModel,\n  type WorkspaceRealtimeModelCatalogItem,\n} from \"@opengeni/sdk/realtime\";\nimport {\n  AudioLinesIcon,\n  CheckIcon,\n  ChevronDownIcon,\n  CircleAlertIcon,\n  LoaderCircleIcon,\n  MicIcon,\n  MicOffIcon,\n  RotateCcwIcon,\n  SquareIcon,\n  Volume2Icon,\n  VolumeXIcon,\n} from \"lucide-react\";\nimport { AnimatePresence, motion, useReducedMotion } from \"motion/react\";\nimport { type RefObject, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\n\nimport {\n  BillingClassMark,\n  PickerAnimatedPage,\n  PickerBackHeader,\n  PickerNavRow,\n} from \"../components/model-policy-picker\";\nimport type { EmbeddedRealtimeSessionClientLike } from \"../client\";\nimport { cn } from \"../lib/cn\";\nimport type { PickerBillingClass as BillingClass } from \"../model-policy\";\nimport { useEmbeddedRealtimeSession } from \"../session-context\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from \"./dropdown-menu\";\n\nexport type RealtimeModelOption = {\n  id: SessionRealtimeModel;\n  label: string;\n  provider: \"OpenGeni\" | \"Connected Codex\" | \"Your Gateway\";\n  description: string;\n  available: boolean;\n  unavailableReason: string | null;\n  recommended: boolean;\n};\n\nconst CODEX_LIVE_MODEL: RealtimeModelOption = {\n  id: \"gpt-live-1-boulder-alpha\",\n  label: \"Codex Live\",\n  provider: \"Connected Codex\",\n  description: \"Deep session integration\",\n  available: false,\n  unavailableReason: \"Connect Codex to use this voice model\",\n  recommended: false,\n};\n\nconst REALTIME_MODEL_PROVIDERS = [\"OpenGeni\", \"Connected Codex\", \"Your Gateway\"] as const;\ntype RealtimeModelProvider = (typeof REALTIME_MODEL_PROVIDERS)[number];\n\nconst REALTIME_PROVIDER_META: Record<\n  RealtimeModelProvider,\n  { billingClass: BillingClass; hint: string }\n> = {\n  OpenGeni: { billingClass: \"opengeni_credits\", hint: \"Will use credits\" },\n  \"Connected Codex\": {\n    billingClass: \"codex_subscription\",\n    hint: \"ChatGPT / Codex plan\",\n  },\n  \"Your Gateway\": { billingClass: \"byok\", hint: \"Billed to your AI Gateway\" },\n};\nconst REALTIME_MODEL_STORAGE_PREFIX = \"opengeni:realtime-model\";\n\ntype RealtimeControllerClient = EmbeddedRealtimeSessionClientLike & SessionRealtimeClientLike;\n\nexport type SessionRealtimeControllerFactory = (\n  options: CreateSessionRealtimeControllerOptions,\n) => SessionRealtimeController;\n\ntype AdmissionInput = {\n  sessionStatus: SessionStatus;\n  controlState: \"active\" | \"paused\";\n  settlement: { state: string } | null;\n  codexConnected: boolean;\n  lifecycleActive: boolean;\n};\n\nexport function codexRealtimeAdmissionAllowed(input: AdmissionInput): boolean {\n  return codexRealtimeAdmissionBlocker(input) === null;\n}\n\nexport function codexRealtimeAdmissionBlocker(input: AdmissionInput): string | null {\n  if (input.sessionStatus === \"cancelled\") return \"This session was cancelled.\";\n  if (input.controlState !== \"active\") return \"Resume this session before starting voice.\";\n  if (input.settlement !== null) return \"Wait for the current session transition to finish.\";\n  if (!input.codexConnected) return \"Connect Codex to use this voice model.\";\n  if (input.lifecycleActive) return \"Voice is already active for this session.\";\n  return null;\n}\n\nexport function useSessionRealtime(options: {\n  client?: RealtimeControllerClient | undefined;\n  workspaceId?: string | undefined;\n  sessionId: string;\n  sessionStatus: SessionStatus;\n  effectiveControl: EffectiveSessionControl;\n  events: SessionEvent[];\n  eventsReady: boolean;\n  codexConnected: boolean;\n  model?: SessionRealtimeModel | undefined;\n  modelAvailable?: boolean | undefined;\n  modelUnavailableReason?: string | null | undefined;\n  /** Deterministic browser-test/demo seam. Production hosts should use the SDK default. */\n  controllerFactory?: SessionRealtimeControllerFactory | undefined;\n}) {\n  const { client, workspaceId } = useEmbeddedRealtimeSession({\n    client: options.client,\n    workspaceId: options.workspaceId,\n  });\n  const model = options.model ?? CODEX_LIVE_MODEL.id;\n  const audioRef = useRef<HTMLAudioElement>(null);\n  const controllerRef = useRef<SessionRealtimeController | null>(null);\n  const controllerModelRef = useRef<SessionRealtimeModel | null>(null);\n  const [snapshot, setSnapshot] = useState<SessionRealtimeControllerSnapshot>(() => ({\n    status: hasStoredSessionRealtimeOwnerProof({ workspaceId, sessionId: options.sessionId, model })\n      ? \"recovering\"\n      : \"idle\",\n    realtimeId: null,\n    mode: null,\n    bridge: null,\n    microphone: \"inactive\",\n    inputMuted: false,\n    audibleOutput: \"inactive\",\n    outputMuted: false,\n    connectionGeneration: 0,\n    reconnectAttempt: 0,\n    diagnostic: null,\n    error: null,\n  }));\n  const lifecycle = useMemo(\n    () => projectSessionRealtimeLifecycle(options.events),\n    [options.events],\n  );\n  const lifecycleRef = useRef(lifecycle);\n  const eventsReadyRef = useRef(options.eventsReady);\n  lifecycleRef.current = lifecycle;\n  eventsReadyRef.current = options.eventsReady;\n  const lifecycleActive = lifecycle?.state === \"active\";\n\n  useEffect(() => {\n    let disposed = false;\n    let controller: SessionRealtimeController | null = null;\n    let unsubscribe: (() => void) | null = null;\n    void import(\"@opengeni/sdk/realtime\")\n      .then(({ createSessionRealtimeController }) => {\n        if (disposed) return;\n        const controllerFactory = options.controllerFactory ?? createSessionRealtimeController;\n        controller = controllerFactory({\n          client,\n          workspaceId,\n          sessionId: options.sessionId,\n          ...(audioRef.current ? { remoteAudio: audioRef.current } : {}),\n          model,\n        });\n        controllerRef.current = controller;\n        controllerModelRef.current = model;\n        unsubscribe = controller.subscribe(setSnapshot);\n        if (eventsReadyRef.current) {\n          void controller.observeLifecycle(lifecycleRef.current).catch(() => undefined);\n        }\n      })\n      .catch((error: unknown) => {\n        if (disposed) return;\n        setSnapshot({\n          status: \"error\",\n          realtimeId: null,\n          mode: null,\n          bridge: null,\n          microphone: \"inactive\",\n          inputMuted: false,\n          audibleOutput: \"inactive\",\n          outputMuted: false,\n          connectionGeneration: 0,\n          reconnectAttempt: 0,\n          diagnostic: {\n            kind: \"negotiation_failure\",\n            message:\n              error instanceof Error ? error.message : \"Codex realtime controller failed to load\",\n            recoverable: false,\n            connectionGeneration: 0,\n            attempt: 0,\n          },\n          error:\n            error instanceof Error ? error.message : \"Codex realtime controller failed to load\",\n        });\n      });\n    return () => {\n      disposed = true;\n      unsubscribe?.();\n      controller?.close();\n      if (controllerRef.current === controller) {\n        controllerRef.current = null;\n        controllerModelRef.current = null;\n      }\n    };\n  }, [client, model, options.controllerFactory, options.sessionId, workspaceId]);\n\n  useEffect(() => {\n    if (!options.eventsReady) return;\n    void controllerRef.current?.observeLifecycle(lifecycle).catch(() => undefined);\n  }, [lifecycle, options.eventsReady]);\n\n  const start = useCallback(async () => {\n    const controller = controllerRef.current;\n    if (!controller || controllerModelRef.current !== model) {\n      throw new Error(\"The selected voice model is still preparing\");\n    }\n    await controller.start();\n  }, [model]);\n  const stop = useCallback(async () => {\n    await controllerRef.current?.stop();\n  }, []);\n  const retry = useCallback(async () => {\n    await controllerRef.current?.retry();\n  }, []);\n  const retryAudibleOutput = useCallback(async () => {\n    await controllerRef.current?.retryAudibleOutput();\n  }, []);\n  const setInputMuted = useCallback((muted: boolean) => {\n    controllerRef.current?.setInputMuted(muted);\n  }, []);\n  const setOutputMuted = useCallback((muted: boolean) => {\n    controllerRef.current?.setOutputMuted(muted);\n  }, []);\n  const admissionInput = {\n    sessionStatus: options.sessionStatus,\n    controlState: options.effectiveControl.state,\n    settlement: options.effectiveControl.settlement,\n    codexConnected: options.modelAvailable ?? options.codexConnected,\n    lifecycleActive,\n  } satisfies AdmissionInput;\n  const admissionBlocker =\n    options.modelAvailable === false\n      ? (options.modelUnavailableReason ?? \"This voice model is unavailable.\")\n      : codexRealtimeAdmissionBlocker(admissionInput);\n  const canStart =\n    controllerRef.current !== null &&\n    controllerModelRef.current === model &&\n    [\"idle\", \"error\"].includes(snapshot.status) &&\n    admissionBlocker === null;\n\n  return {\n    snapshot,\n    lifecycleActive,\n    canStart,\n    admissionBlocker,\n    codexConnected: options.codexConnected,\n    audioRef,\n    start,\n    stop,\n    retry,\n    retryAudibleOutput,\n    setInputMuted,\n    setOutputMuted,\n  };\n}\n\nexport function SessionRealtimeControl(props: {\n  client?: RealtimeControllerClient | undefined;\n  workspaceId?: string | undefined;\n  sessionId: string;\n  sessionStatus: SessionStatus;\n  effectiveControl: EffectiveSessionControl;\n  events: SessionEvent[];\n  eventsReady: boolean;\n  codexConnected: boolean;\n  realtimeAutostartModel?: SessionRealtimeModel | undefined;\n  onRealtimeAutostartConsumed?: (() => void) | undefined;\n  /** Deterministic browser-test/demo seam. Production hosts should use the SDK default. */\n  controllerFactory?: SessionRealtimeControllerFactory | undefined;\n}) {\n  const lifecycle = useMemo(() => projectSessionRealtimeLifecycle(props.events), [props.events]);\n  const selection = useRealtimeModelSelection({\n    client: props.client,\n    workspaceId: props.workspaceId,\n    codexConnected: props.codexConnected,\n    activeModel: lifecycle?.state === \"active\" ? lifecycle.model : null,\n  });\n  const selectedModel = selection.selectedModel;\n  const realtime = useSessionRealtime({\n    ...props,\n    model: selectedModel.id,\n    modelAvailable: selectedModel.available,\n    modelUnavailableReason: selectedModel.unavailableReason,\n  });\n  const autostartModelRef = useRef(props.realtimeAutostartModel ?? null);\n  const autostartStartedRef = useRef(false);\n\n  const { models, selectedModel: selectedRealtimeModel, selectModel } = selection;\n  const { canStart, start } = realtime;\n  const onRealtimeAutostartConsumed = props.onRealtimeAutostartConsumed;\n\n  useEffect(() => {\n    const pending = autostartModelRef.current;\n    if (!pending || autostartStartedRef.current || lifecycle?.state === \"active\") return;\n    const available = models.some((model) => model.id === pending && model.available);\n    if (!available) return;\n    if (selectedRealtimeModel.id !== pending) {\n      selectModel(pending);\n      return;\n    }\n    if (!canStart) return;\n    autostartStartedRef.current = true;\n    void start()\n      .then(() => {\n        autostartModelRef.current = null;\n        onRealtimeAutostartConsumed?.();\n      })\n      .catch(() => {\n        autostartStartedRef.current = false;\n      });\n  }, [\n    canStart,\n    lifecycle?.state,\n    models,\n    props.sessionId,\n    props.workspaceId,\n    onRealtimeAutostartConsumed,\n    selectModel,\n    selectedRealtimeModel.id,\n    start,\n  ]);\n\n  return (\n    <RealtimeVoiceControl\n      snapshot={realtime.snapshot}\n      canStart={realtime.canStart}\n      admissionBlocker={realtime.admissionBlocker}\n      modelAvailable={selectedModel.available}\n      menuSide=\"top\"\n      audioRef={realtime.audioRef}\n      selectedModel={selectedModel}\n      models={selection.models}\n      onSelectModel={realtime.lifecycleActive ? undefined : selection.selectModel}\n      onStart={realtime.start}\n      onStop={realtime.stop}\n      onRetry={realtime.retry}\n      onRetryAudibleOutput={realtime.retryAudibleOutput}\n      onSetInputMuted={realtime.setInputMuted}\n      onSetOutputMuted={realtime.setOutputMuted}\n    />\n  );\n}\n\nexport function useRealtimeModelSelection(options: {\n  client?: RealtimeControllerClient | undefined;\n  workspaceId?: string | undefined;\n  codexConnected: boolean;\n  activeModel?: SessionRealtimeModel | null | undefined;\n}) {\n  const { client, workspaceId } = useEmbeddedRealtimeSession({\n    client: options.client,\n    workspaceId: options.workspaceId,\n  });\n  const activeModel = options.activeModel;\n  const [catalog, setCatalog] = useState<RealtimeModelOption[]>(() => [\n    {\n      ...CODEX_LIVE_MODEL,\n      available: options.codexConnected,\n      unavailableReason: options.codexConnected ? null : CODEX_LIVE_MODEL.unavailableReason,\n    },\n  ]);\n  const [selectedModelId, setSelectedModelId] = useState<SessionRealtimeModel>(\n    () => readRealtimeModelPreference(workspaceId) ?? CODEX_LIVE_MODEL.id,\n  );\n\n  useEffect(() => {\n    let disposed = false;\n    const load = client.getWorkspaceRealtimeModelCatalog;\n    if (!load) return;\n    void load\n      .call(client, workspaceId)\n      .then((response) => {\n        if (disposed) return;\n        const models = response.models.map(toRealtimeModelOption);\n        setCatalog(models);\n        setSelectedModelId((current) => {\n          if (models.some((model) => model.id === current && model.available)) return current;\n          return models.find((model) => model.available)?.id ?? CODEX_LIVE_MODEL.id;\n        });\n      })\n      .catch(() => undefined);\n    return () => {\n      disposed = true;\n    };\n  }, [client, workspaceId]);\n\n  useEffect(() => {\n    if (activeModel) setSelectedModelId(activeModel);\n  }, [activeModel]);\n\n  const selectedModel =\n    catalog.find((model) => model.id === selectedModelId) ??\n    ({\n      ...CODEX_LIVE_MODEL,\n      available: options.codexConnected,\n      unavailableReason: options.codexConnected ? null : CODEX_LIVE_MODEL.unavailableReason,\n    } satisfies RealtimeModelOption);\n  const selectModel = useCallback(\n    (value: string) => {\n      const model = catalog.find((candidate) => candidate.id === value);\n      if (!model || !model.available || activeModel) return;\n      setSelectedModelId(model.id);\n      writeRealtimeModelPreference(workspaceId, model.id);\n    },\n    [activeModel, catalog, workspaceId],\n  );\n\n  return { models: catalog, selectedModel, selectModel };\n}\n\nconst IDLE_REALTIME_SNAPSHOT: SessionRealtimeControllerSnapshot = {\n  status: \"idle\",\n  realtimeId: null,\n  mode: null,\n  bridge: null,\n  microphone: \"inactive\",\n  inputMuted: false,\n  audibleOutput: \"inactive\",\n  outputMuted: false,\n  connectionGeneration: 0,\n  reconnectAttempt: 0,\n  diagnostic: null,\n  error: null,\n};\n\nexport function NewSessionRealtimeControl(props: {\n  client?: RealtimeControllerClient | undefined;\n  workspaceId?: string | undefined;\n  codexConnected: boolean;\n  disabled?: boolean | undefined;\n  disabledReason?: string | null | undefined;\n  onStart: (model: SessionRealtimeModel) => Promise<boolean>;\n}) {\n  const selection = useRealtimeModelSelection({\n    client: props.client,\n    workspaceId: props.workspaceId,\n    codexConnected: props.codexConnected,\n  });\n  const audioRef = useRef<HTMLAudioElement>(null);\n  const [starting, setStarting] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const snapshot = useMemo<SessionRealtimeControllerSnapshot>(\n    () =>\n      starting\n        ? { ...IDLE_REALTIME_SNAPSHOT, status: \"starting\" }\n        : error\n          ? { ...IDLE_REALTIME_SNAPSHOT, status: \"error\", error }\n          : IDLE_REALTIME_SNAPSHOT,\n    [error, starting],\n  );\n  const canStart = selection.selectedModel.available && props.disabled !== true && !starting;\n  const onStart = props.onStart;\n  const selectedModelId = selection.selectedModel.id;\n  const start = useCallback(async () => {\n    if (!canStart) return;\n    setStarting(true);\n    setError(null);\n    try {\n      const started = await onStart(selectedModelId);\n      if (!started) setError(\"The voice session could not be created.\");\n    } catch (cause) {\n      setError(cause instanceof Error ? cause.message : String(cause));\n    } finally {\n      setStarting(false);\n    }\n  }, [canStart, onStart, selectedModelId]);\n\n  return (\n    <RealtimeVoiceControl\n      snapshot={snapshot}\n      canStart={canStart}\n      admissionBlocker={selection.selectedModel.unavailableReason ?? props.disabledReason ?? null}\n      modelAvailable={selection.selectedModel.available}\n      selectionDisabled={starting}\n      menuSide=\"bottom\"\n      showDiagnostics={false}\n      audioRef={audioRef}\n      selectedModel={selection.selectedModel}\n      models={selection.models}\n      onSelectModel={selection.selectModel}\n      onStart={start}\n      onStop={async () => undefined}\n      onRetry={start}\n      onRetryAudibleOutput={async () => undefined}\n      onSetInputMuted={() => undefined}\n      onSetOutputMuted={() => undefined}\n    />\n  );\n}\n\nexport function RealtimeVoiceControl(props: {\n  snapshot: SessionRealtimeControllerSnapshot;\n  canStart: boolean;\n  admissionBlocker?: string | null | undefined;\n  modelAvailable: boolean;\n  selectionDisabled?: boolean | undefined;\n  /** Prefer `bottom` on home/new-session; `top` for the docked session composer. */\n  menuSide?: \"top\" | \"bottom\" | undefined;\n  showDiagnostics?: boolean;\n  audioRef: RefObject<HTMLAudioElement | null>;\n  selectedModel?: RealtimeModelOption | undefined;\n  models?: readonly RealtimeModelOption[] | undefined;\n  onSelectModel?: ((modelId: string) => void) | undefined;\n  onStart: () => Promise<void>;\n  onStop: () => Promise<void>;\n  onRetry: () => Promise<void>;\n  onRetryAudibleOutput: () => Promise<void>;\n  onSetInputMuted: (muted: boolean) => void;\n  onSetOutputMuted: (muted: boolean) => void;\n}) {\n  const reduceMotion = useReducedMotion();\n  const selectedModel = props.selectedModel ?? {\n    ...CODEX_LIVE_MODEL,\n    available: props.modelAvailable,\n    unavailableReason: props.modelAvailable ? null : CODEX_LIVE_MODEL.unavailableReason,\n  };\n  const models = props.models ?? [selectedModel];\n  const status = statusContent(\n    props.snapshot,\n    props.modelAvailable,\n    props.canStart,\n    props.admissionBlocker ?? null,\n    selectedModel.label,\n  );\n  const modeOwned = props.snapshot.mode?.state === \"active\";\n  const retryConnection =\n    modeOwned &&\n    props.snapshot.status !== \"stopping\" &&\n    props.snapshot.status !== \"active\" &&\n    props.snapshot.diagnostic?.recoverable === true;\n  const audioBlocked = props.snapshot.audibleOutput === \"blocked\" && !props.snapshot.outputMuted;\n  const mainDisabled =\n    props.snapshot.status === \"stopping\" ||\n    props.snapshot.status === \"lost_owner\" ||\n    (!modeOwned && !props.canStart) ||\n    (props.snapshot.status === \"starting\" && !modeOwned);\n  const mainLabel = audioBlocked\n    ? \"Resume voice audio\"\n    : retryConnection\n      ? \"Retry voice connection\"\n      : modeOwned\n        ? \"End voice conversation\"\n        : `Start voice with ${selectedModel.label}`;\n  const runMainAction = audioBlocked\n    ? props.onRetryAudibleOutput\n    : retryConnection\n      ? props.onRetry\n      : modeOwned\n        ? props.onStop\n        : props.onStart;\n  const diagnosticsVisible = props.showDiagnostics ?? import.meta.env.DEV;\n  const [pickerOpen, setPickerOpen] = useState(false);\n  const [pickerProvider, setPickerProvider] = useState<RealtimeModelProvider | null>(\n    selectedModel.provider,\n  );\n  const [pickerDirection, setPickerDirection] = useState<1 | -1>(1);\n\n  useEffect(() => {\n    if (!pickerOpen) setPickerProvider(selectedModel.provider);\n  }, [pickerOpen, selectedModel.provider]);\n\n  return (\n    <div\n      aria-label=\"Realtime voice\"\n      data-picker-side={props.menuSide ?? \"top\"}\n      className=\"inline-flex shrink-0 items-center\"\n    >\n      <audio ref={props.audioRef} autoPlay className=\"hidden\" aria-hidden=\"true\" />\n      <RealtimeComposerGlow phase={status.phase} reduceMotion={reduceMotion === true} />\n      <AnimatePresence initial={false}>\n        {modeOwned ? (\n          <motion.div\n            key=\"realtime-mute-controls\"\n            data-testid=\"realtime-mute-controls\"\n            initial={reduceMotion ? false : { opacity: 0, width: 0, marginRight: 0 }}\n            animate={{ opacity: 1, width: \"auto\", marginRight: 4 }}\n            {...(reduceMotion ? {} : { exit: { opacity: 0, width: 0, marginRight: 0 } })}\n            transition={{ duration: reduceMotion ? 0 : 0.18, ease: [0.2, 0.8, 0.2, 1] }}\n            className=\"inline-flex shrink-0 items-center gap-0.5 overflow-hidden\"\n          >\n            <RealtimeMuteButton\n              muted={props.snapshot.inputMuted}\n              kind=\"microphone\"\n              reduceMotion={reduceMotion === true}\n              onToggle={() => props.onSetInputMuted(!props.snapshot.inputMuted)}\n            />\n            <RealtimeMuteButton\n              muted={props.snapshot.outputMuted}\n              kind=\"output\"\n              reduceMotion={reduceMotion === true}\n              onToggle={() => props.onSetOutputMuted(!props.snapshot.outputMuted)}\n            />\n          </motion.div>\n        ) : null}\n      </AnimatePresence>\n      <motion.button\n        type=\"button\"\n        data-testid=\"realtime-primary-action\"\n        data-phase={status.phase}\n        aria-label={mainLabel}\n        aria-pressed={modeOwned}\n        title={mainLabel}\n        disabled={mainDisabled}\n        {...(reduceMotion ? {} : { whileTap: { scale: 0.92 } })}\n        transition={{ type: \"spring\", stiffness: 520, damping: 30 }}\n        onClick={() => void runMainAction().catch(() => undefined)}\n        className={cn(\n          \"relative inline-flex size-8 items-center justify-center rounded-l-og-md border outline-none\",\n          \"transition-[background-color,border-color,color,box-shadow] duration-200 ease-og-out\",\n          \"focus-visible:z-10 focus-visible:ring-2 focus-visible:ring-og-accent/45\",\n          \"disabled:cursor-not-allowed disabled:opacity-45 pointer-coarse:size-11\",\n          voiceButtonTone(status.phase),\n        )}\n      >\n        <RealtimeActionGlyph\n          phase={status.phase}\n          audioBlocked={audioBlocked}\n          reduceMotion={reduceMotion === true}\n        />\n      </motion.button>\n\n      <DropdownMenu open={pickerOpen} onOpenChange={setPickerOpen}>\n        <DropdownMenuTrigger asChild>\n          <button\n            type=\"button\"\n            aria-label=\"Choose voice model and options\"\n            title={`Voice model: ${selectedModel.label}`}\n            disabled={props.selectionDisabled}\n            className={cn(\n              \"inline-flex h-8 w-6 items-center justify-center rounded-r-og-md border border-l-0 outline-none\",\n              \"transition-[background-color,border-color,color] duration-200 ease-og-out\",\n              \"focus-visible:z-10 focus-visible:ring-2 focus-visible:ring-og-accent/45\",\n              \"pointer-coarse:h-11 pointer-coarse:w-7\",\n              voiceButtonTone(status.phase),\n            )}\n          >\n            <ChevronDownIcon className=\"size-3\" aria-hidden />\n          </button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent\n          side={props.menuSide ?? \"top\"}\n          align=\"end\"\n          sideOffset={8}\n          collisionPadding={12}\n          className=\"flex w-72 max-h-[min(20rem,var(--radix-dropdown-menu-content-available-height))] flex-col overflow-hidden rounded-xl border-border bg-surface p-1.5 shadow-xl\"\n          onCloseAutoFocus={(event) => event.preventDefault()}\n        >\n          <div className=\"min-h-0 flex-1 overflow-y-auto overscroll-contain\">\n            <RealtimeModelPickerMenu\n              models={models}\n              selectedModel={selectedModel}\n              provider={pickerProvider}\n              direction={pickerDirection}\n              disabled={props.selectionDisabled === true || props.snapshot.mode?.state === \"active\"}\n              onProviderChange={(provider, direction) => {\n                setPickerDirection(direction);\n                setPickerProvider(provider);\n              }}\n              onSelect={(modelId) => {\n                props.onSelectModel?.(modelId);\n                setPickerOpen(false);\n              }}\n            />\n          </div>\n\n          {status.phase !== \"idle\" ? (\n            <>\n              <DropdownMenuSeparator className=\"mx-1 bg-og-border\" />\n              <div className=\"px-2.5 py-2\" role=\"status\" aria-live=\"polite\">\n                <div className=\"flex items-center gap-2 text-og-sm font-medium text-og-fg\">\n                  <RealtimeStatusDot phase={status.phase} reduceMotion={reduceMotion === true} />\n                  {status.label}\n                </div>\n                <p className=\"mt-1 text-og-xs leading-5 text-og-fg-subtle\">{status.detail}</p>\n              </div>\n            </>\n          ) : null}\n\n          {audioBlocked ? (\n            <DropdownMenuItem\n              className=\"rounded-og-md\"\n              onSelect={() => void props.onRetryAudibleOutput().catch(() => undefined)}\n            >\n              <Volume2Icon />\n              Resume audio\n            </DropdownMenuItem>\n          ) : null}\n          {retryConnection ? (\n            <DropdownMenuItem\n              className=\"rounded-og-md\"\n              onSelect={() => void props.onRetry().catch(() => undefined)}\n            >\n              <RotateCcwIcon />\n              Retry connection\n            </DropdownMenuItem>\n          ) : null}\n          {modeOwned && props.snapshot.status !== \"lost_owner\" ? (\n            <DropdownMenuItem\n              variant=\"destructive\"\n              className=\"rounded-og-md\"\n              disabled={props.snapshot.status === \"stopping\"}\n              onSelect={() => void props.onStop().catch(() => undefined)}\n            >\n              <SquareIcon />\n              End voice conversation\n            </DropdownMenuItem>\n          ) : null}\n\n          {diagnosticsVisible ? <RealtimeDiagnosticsMenu snapshot={props.snapshot} /> : null}\n        </DropdownMenuContent>\n      </DropdownMenu>\n\n      <span className=\"sr-only\" role=\"status\" aria-live=\"polite\">\n        {status.label}. {status.detail}\n      </span>\n      {props.snapshot.error ? (\n        <span className=\"sr-only\" role=\"alert\">\n          {props.snapshot.error}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n\nfunction RealtimeMuteButton(props: {\n  muted: boolean;\n  kind: \"microphone\" | \"output\";\n  reduceMotion: boolean;\n  onToggle(): void;\n}) {\n  const microphone = props.kind === \"microphone\";\n  const label = microphone\n    ? props.muted\n      ? \"Unmute microphone\"\n      : \"Mute microphone\"\n    : props.muted\n      ? \"Unmute voice audio\"\n      : \"Mute voice audio\";\n  const Icon = microphone\n    ? props.muted\n      ? MicOffIcon\n      : MicIcon\n    : props.muted\n      ? VolumeXIcon\n      : Volume2Icon;\n\n  return (\n    <motion.button\n      type=\"button\"\n      aria-label={label}\n      aria-pressed={props.muted}\n      title={label}\n      {...(props.reduceMotion ? {} : { whileTap: { scale: 0.92 } })}\n      onClick={props.onToggle}\n      className={cn(\n        \"inline-flex size-8 shrink-0 items-center justify-center rounded-og-md border outline-none\",\n        \"transition-[background-color,border-color,color] duration-150 ease-og-out\",\n        \"focus-visible:ring-2 focus-visible:ring-og-accent/45 pointer-coarse:size-11\",\n        props.muted\n          ? \"border-og-accent/35 bg-og-accent-soft text-og-accent\"\n          : \"border-og-border bg-og-surface-2 text-og-fg-muted hover:border-og-accent/35 hover:text-og-fg\",\n      )}\n    >\n      <Icon className=\"size-3.5\" aria-hidden />\n    </motion.button>\n  );\n}\n\nexport function RealtimeModelPickerMenu(props: {\n  models: readonly RealtimeModelOption[];\n  selectedModel: RealtimeModelOption;\n  provider: RealtimeModelProvider | null;\n  direction: 1 | -1;\n  disabled: boolean;\n  onProviderChange: (provider: RealtimeModelProvider | null, direction: 1 | -1) => void;\n  onSelect: (modelId: SessionRealtimeModel) => void;\n}) {\n  const providers = REALTIME_MODEL_PROVIDERS.filter((provider) =>\n    props.models.some((model) => model.provider === provider),\n  );\n  const pageKey = props.provider ? `voice-models:${props.provider}` : \"voice-providers\";\n  const body = props.provider ? (\n    <div data-testid=\"realtime-model-picker-models\">\n      <PickerBackHeader\n        label={props.provider}\n        icon={\n          <BillingClassMark\n            billingClass={REALTIME_PROVIDER_META[props.provider].billingClass}\n            aria-label=\"\"\n          />\n        }\n        onBack={() => props.onProviderChange(null, -1)}\n      />\n      <div className=\"flex flex-col gap-0.5\">\n        {props.models\n          .filter((model) => model.provider === props.provider)\n          .map((model) => {\n            const selected = model.id === props.selectedModel.id;\n            return (\n              <PickerNavRow\n                key={model.id}\n                label={model.label}\n                hint={\n                  model.unavailableReason ??\n                  (model.recommended ? `Recommended · ${model.description}` : model.description)\n                }\n                disabled={props.disabled || !model.available}\n                title={model.unavailableReason ?? model.description}\n                active={selected}\n                showChevron={false}\n                trailing={selected ? <CheckIcon className=\"size-3.5\" aria-hidden /> : undefined}\n                testId={`realtime-model-choice-${model.id}`}\n                onClick={() => props.onSelect(model.id)}\n              />\n            );\n          })}\n      </div>\n    </div>\n  ) : (\n    <div className=\"flex flex-col gap-0.5\" data-testid=\"realtime-model-picker-providers\">\n      {providers.map((provider) => {\n        const meta = REALTIME_PROVIDER_META[provider];\n        return (\n          <PickerNavRow\n            key={provider}\n            label={provider}\n            hint={meta.hint}\n            icon={<BillingClassMark billingClass={meta.billingClass} aria-label=\"\" />}\n            active={props.selectedModel.provider === provider}\n            testId={`realtime-model-provider-${meta.billingClass}`}\n            onClick={() => props.onProviderChange(provider, 1)}\n          />\n        );\n      })}\n    </div>\n  );\n\n  return (\n    <div className=\"relative overflow-hidden\" data-testid=\"realtime-model-picker-menu\">\n      <PickerAnimatedPage pageKey={pageKey} direction={props.direction}>\n        {body}\n      </PickerAnimatedPage>\n    </div>\n  );\n}\n\nfunction RealtimeDiagnosticsMenu({ snapshot }: { snapshot: SessionRealtimeControllerSnapshot }) {\n  const bridge = snapshot.bridge;\n  const rows = [\n    [\"controller\", snapshot.status],\n    [\"microphone\", snapshot.microphone],\n    [\"microphone muted\", String(snapshot.inputMuted)],\n    [\"audio\", snapshot.audibleOutput],\n    [\"audio muted\", String(snapshot.outputMuted)],\n    [\"generation\", String(snapshot.connectionGeneration)],\n    [\"reconnect attempt\", String(snapshot.reconnectAttempt)],\n    [\"mode\", snapshot.mode?.state ?? \"none\"],\n    [\"mode version\", snapshot.mode ? String(snapshot.mode.version) : \"—\"],\n    [\"connection epoch\", snapshot.mode ? String(snapshot.mode.connectionEpoch) : \"—\"],\n    [\"provider started\", bridge ? String(bridge.providerStarted) : \"false\"],\n    [\"provider speaking\", bridge ? String(bridge.speaking) : \"false\"],\n    [\"delegation\", bridge?.activeDelegationId ? \"active\" : \"none\"],\n    [\"pending durable events\", bridge ? String(bridge.pendingInbound) : \"0\"],\n    [\"pending bytes\", bridge ? String(bridge.pendingInboundBytes) : \"0\"],\n    [\"client ack\", bridge?.clientAckThroughSequence?.toString() ?? \"—\"],\n    [\"ignored provider events\", bridge ? String(bridge.ignoredEventCount) : \"0\"],\n    [\"last ignored event\", bridge?.lastIgnoredEventType ?? \"none\"],\n    [\"bridge error\", bridge?.lastError ?? \"none\"],\n    [\"diagnostic\", snapshot.diagnostic?.kind ?? \"none\"],\n  ] as const;\n\n  return (\n    <>\n      <DropdownMenuSeparator className=\"mx-1 bg-og-border\" />\n      <DropdownMenuSub>\n        <DropdownMenuSubTrigger className=\"rounded-og-md text-og-fg-muted\">\n          Realtime diagnostics\n        </DropdownMenuSubTrigger>\n        <DropdownMenuSubContent className=\"max-h-80 w-72 overflow-y-auto rounded-og-lg border-og-border bg-og-surface-1 p-1.5 text-og-fg shadow-og-lg\">\n          {rows.map(([label, value]) => (\n            <DropdownMenuItem\n              key={label}\n              disabled\n              className=\"grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)] gap-3 rounded-og-md font-mono text-[11px] opacity-100\"\n            >\n              <span className=\"truncate text-og-fg-subtle\">{label}</span>\n              <span className=\"truncate text-right text-og-fg\">{value}</span>\n            </DropdownMenuItem>\n          ))}\n        </DropdownMenuSubContent>\n      </DropdownMenuSub>\n    </>\n  );\n}\n\ntype RealtimeVisualPhase =\n  | \"idle\"\n  | \"connecting\"\n  | \"listening\"\n  | \"speaking\"\n  | \"reconnecting\"\n  | \"blocked\"\n  | \"unavailable\"\n  | \"error\"\n  | \"elsewhere\"\n  | \"stopping\";\n\nfunction statusContent(\n  snapshot: SessionRealtimeControllerSnapshot,\n  modelAvailable: boolean,\n  canStart: boolean,\n  admissionBlocker: string | null,\n  modelLabel: string,\n): { phase: RealtimeVisualPhase; label: string; detail: string } {\n  if (snapshot.audibleOutput === \"blocked\" && !snapshot.outputMuted) {\n    return {\n      phase: \"blocked\",\n      label: \"Audio output blocked\",\n      detail: \"Resume audio to hear the existing voice connection.\",\n    };\n  }\n  switch (snapshot.status) {\n    case \"starting\":\n      return {\n        phase: \"connecting\",\n        label: \"Connecting…\",\n        detail: \"Preparing your microphone and live voice.\",\n      };\n    case \"active\":\n      return snapshot.bridge?.speaking\n        ? {\n            phase: \"speaking\",\n            label: \"Speaking\",\n            detail: \"Interrupt naturally whenever you want.\",\n          }\n        : {\n            phase: \"listening\",\n            label: \"Listening\",\n            detail: \"Voice and typed messages share this session.\",\n          };\n    case \"stopping\":\n      return {\n        phase: \"stopping\",\n        label: \"Ending voice…\",\n        detail: \"Saving the remaining conversation context.\",\n      };\n    case \"recovering\":\n      return {\n        phase: \"reconnecting\",\n        label: \"Reconnecting…\",\n        detail: snapshot.error ?? \"Keeping this voice conversation connected.\",\n      };\n    case \"lost_owner\":\n      return {\n        phase: \"elsewhere\",\n        label: \"Voice active elsewhere\",\n        detail: \"Return to the browser that started it, or wait for that connection to expire.\",\n      };\n    case \"error\":\n      return {\n        phase: \"error\",\n        label: \"Voice unavailable\",\n        detail: snapshot.error ?? \"The connection could not be started.\",\n      };\n    case \"idle\":\n      if (!modelAvailable) {\n        return {\n          phase: \"unavailable\",\n          label: \"Voice model unavailable\",\n          detail: admissionBlocker ?? \"Choose another voice model.\",\n        };\n      }\n      if (!canStart && admissionBlocker) {\n        return { phase: \"unavailable\", label: \"Voice unavailable\", detail: admissionBlocker };\n      }\n      return {\n        phase: \"idle\",\n        label: \"Start voice\",\n        detail: `Talk live with ${modelLabel}.`,\n      };\n  }\n}\n\nfunction RealtimeComposerGlow(props: { phase: RealtimeVisualPhase; reduceMotion: boolean }) {\n  const visible = [\n    \"connecting\",\n    \"listening\",\n    \"speaking\",\n    \"reconnecting\",\n    \"blocked\",\n    \"error\",\n    \"stopping\",\n  ].includes(props.phase);\n  return (\n    <AnimatePresence initial={false}>\n      {visible ? (\n        <motion.span\n          aria-hidden\n          key={props.phase}\n          initial={{ opacity: 0 }}\n          animate={\n            props.reduceMotion\n              ? { opacity: 0.48 }\n              : props.phase === \"speaking\"\n                ? { opacity: [0.42, 0.82, 0.52] }\n                : props.phase === \"listening\"\n                  ? { opacity: [0.34, 0.62, 0.42] }\n                  : { opacity: [0.28, 0.58, 0.28] }\n          }\n          exit={{ opacity: 0 }}\n          transition={\n            props.reduceMotion\n              ? { duration: 0.12 }\n              : {\n                  duration: props.phase === \"speaking\" ? 1.15 : 2.1,\n                  ease: \"easeInOut\",\n                  repeat: Number.POSITIVE_INFINITY,\n                }\n          }\n          className={cn(\n            \"pointer-events-none absolute -inset-px z-[1] rounded-og-lg ring-1 ring-inset shadow-og-glow\",\n            props.phase === \"speaking\"\n              ? \"ring-og-status-running/50\"\n              : props.phase === \"blocked\" || props.phase === \"error\"\n                ? \"ring-og-status-waiting/45\"\n                : \"ring-og-accent/45\",\n          )}\n        />\n      ) : null}\n    </AnimatePresence>\n  );\n}\n\nfunction RealtimeActionGlyph(props: {\n  phase: RealtimeVisualPhase;\n  audioBlocked: boolean;\n  reduceMotion: boolean;\n}) {\n  if ([\"connecting\", \"reconnecting\", \"stopping\"].includes(props.phase)) {\n    return <LoaderCircleIcon className=\"size-3.5 animate-og-spin\" aria-hidden />;\n  }\n  if (props.phase === \"blocked\") {\n    return props.audioBlocked ? (\n      <Volume2Icon className=\"size-3.5\" aria-hidden />\n    ) : (\n      <CircleAlertIcon className=\"size-3.5\" aria-hidden />\n    );\n  }\n  if (props.phase === \"error\" || props.phase === \"elsewhere\" || props.phase === \"unavailable\") {\n    return <CircleAlertIcon className=\"size-3.5\" aria-hidden />;\n  }\n  if (props.phase === \"listening\" || props.phase === \"speaking\") {\n    return (\n      <span className=\"relative inline-flex size-4 items-center justify-center\">\n        {!props.reduceMotion ? (\n          <motion.span\n            aria-hidden\n            className=\"absolute inset-0 rounded-full border border-current\"\n            animate={{ opacity: [0.65, 0], scale: [0.65, 1.45] }}\n            transition={{\n              duration: props.phase === \"speaking\" ? 0.9 : 1.5,\n              ease: \"easeOut\",\n              repeat: Number.POSITIVE_INFINITY,\n            }}\n          />\n        ) : null}\n        <SquareIcon className=\"relative size-2.5 fill-current\" aria-hidden />\n      </span>\n    );\n  }\n  return <AudioLinesIcon className=\"size-4\" aria-hidden />;\n}\n\nfunction RealtimeStatusDot(props: { phase: RealtimeVisualPhase; reduceMotion: boolean }) {\n  const live = props.phase === \"listening\" || props.phase === \"speaking\";\n  return (\n    <span className=\"relative inline-flex size-2 shrink-0\" aria-hidden>\n      {live && !props.reduceMotion ? (\n        <motion.span\n          className=\"absolute inset-0 rounded-full bg-og-status-running\"\n          animate={{ opacity: [0.45, 0], scale: [1, 2.2] }}\n          transition={{ duration: 1.4, ease: \"easeOut\", repeat: Number.POSITIVE_INFINITY }}\n        />\n      ) : null}\n      <span\n        className={cn(\n          \"relative size-2 rounded-full\",\n          live\n            ? \"bg-og-status-running\"\n            : props.phase === \"blocked\" || props.phase === \"error\"\n              ? \"bg-og-status-waiting\"\n              : props.phase === \"elsewhere\" || props.phase === \"unavailable\"\n                ? \"bg-og-fg-subtle\"\n                : \"bg-og-accent\",\n        )}\n      />\n    </span>\n  );\n}\n\nfunction voiceButtonTone(phase: RealtimeVisualPhase): string {\n  if (phase === \"listening\" || phase === \"speaking\") {\n    return \"border-og-accent/45 bg-og-accent text-og-accent-fg shadow-og-sm hover:bg-og-accent-strong\";\n  }\n  if (phase === \"blocked\" || phase === \"error\") {\n    return \"border-og-status-waiting/35 bg-og-status-waiting/10 text-og-status-waiting hover:bg-og-status-waiting/15\";\n  }\n  if (phase === \"connecting\" || phase === \"reconnecting\" || phase === \"stopping\") {\n    return \"border-og-accent/35 bg-og-accent-soft text-og-accent\";\n  }\n  return \"border-og-border bg-og-surface-2 text-og-fg-muted hover:border-og-accent/35 hover:bg-og-accent-soft hover:text-og-accent\";\n}\n\nfunction toRealtimeModelOption(model: WorkspaceRealtimeModelCatalogItem): RealtimeModelOption {\n  return { ...model };\n}\n\nfunction readRealtimeModelPreference(workspaceId: string): SessionRealtimeModel | null {\n  if (typeof localStorage === \"undefined\") return null;\n  try {\n    const value = localStorage.getItem(`${REALTIME_MODEL_STORAGE_PREFIX}:${workspaceId}`);\n    return isRealtimeModel(value) ? value : null;\n  } catch {\n    return null;\n  }\n}\n\nfunction writeRealtimeModelPreference(workspaceId: string, model: SessionRealtimeModel): void {\n  if (typeof localStorage === \"undefined\") return;\n  try {\n    localStorage.setItem(`${REALTIME_MODEL_STORAGE_PREFIX}:${workspaceId}`, model);\n  } catch {\n    // Voice selection still works when browser storage is unavailable.\n  }\n}\n\nfunction isRealtimeModel(value: string | null): value is SessionRealtimeModel {\n  return (\n    value === \"gpt-live-1-boulder-alpha\" ||\n    value === \"opengeni-gateway/openai/gpt-realtime-2.1\" ||\n    value === \"opengeni-gateway/openai/gpt-realtime-mini\" ||\n    value === \"opengeni-gateway/xai/grok-voice-think-fast-2.0\" ||\n    value === \"workspace-gateway/openai/gpt-realtime-2.1\" ||\n    value === \"workspace-gateway/openai/gpt-realtime-mini\" ||\n    value === \"workspace-gateway/xai/grok-voice-think-fast-2.0\"\n  );\n}\n\n/** @deprecated Use the provider-neutral realtime names. */\nexport const useSessionCodexRealtime = useSessionRealtime;\n/** @deprecated Use the provider-neutral realtime names. */\nexport const useWorkspaceRealtimeModelSelection = useRealtimeModelSelection;\n/** @deprecated Use the provider-neutral realtime names. */\nexport const SessionCodexRealtimeControl = SessionRealtimeControl;\n/** @deprecated Use the provider-neutral realtime names. */\nexport const CodexRealtimeControl = RealtimeVoiceControl;\n","\"use client\";\n\nimport { ChevronRightIcon } from \"lucide-react\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"../lib/cn\";\n\nfunction DropdownMenu(props: ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nfunction DropdownMenuTrigger(props: ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return <DropdownMenuPrimitive.Trigger data-slot=\"dropdown-menu-trigger\" {...props} />;\n}\n\nfunction DropdownMenuContent({\n  className,\n  sideOffset = 4,\n  ...props\n}: ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95\",\n          className,\n        )}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean;\n  variant?: \"default\" | \"destructive\";\n}) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:text-destructive!\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSeparator({\n  className,\n  ...props\n}: ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn(\"-mx-1 my-1 h-px bg-border\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSub(props: ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & { inset?: boolean }) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[inset]:pl-8 data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto size-4\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  ...props\n}: ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\n        \"z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n};\n"],"mappings":"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","names":["jsx","jsxs"]}

package/dist/session-context.d.ts

@@ -1,5 +1,5 @@
 import type { StreamConnectionState, WorkspaceControlEvent } from "@opengeni/sdk";
-import type { EmbeddedFileAttachmentClientLike, EmbeddedGoalClientLike, EmbeddedHumanInputSessionClientLike, EmbeddedSessionClientLike, EmbeddedSessionLineageClientLike, EmbeddedSessionMcpApprovalPolicyClientLike, EmbeddedSessionReadClientLike, SessionClientLike } from "./client";
+import type { EmbeddedFileAttachmentClientLike, EmbeddedGoalClientLike, EmbeddedHumanInputSessionClientLike, EmbeddedRealtimeSessionClientLike, EmbeddedSessionClientLike, EmbeddedSessionLineageClientLike, EmbeddedSessionMcpApprovalPolicyClientLike, EmbeddedSessionReadClientLike, SessionClientLike } from "./client";
 export type OpenGeniContextValue = {
     client: SessionClientLike;
     workspaceId: string;
@@ -29,6 +29,10 @@ export type EmbeddedSessionReadClientOverride = {
     client?: EmbeddedSessionReadClientLike | undefined;
     workspaceId?: string | undefined;
 };
+export type EmbeddedRealtimeSessionClientOverride = {
+    client?: EmbeddedRealtimeSessionClientLike | undefined;
+    workspaceId?: string | undefined;
+};
 export type EmbeddedGoalClientOverride = {
     client?: EmbeddedGoalClientLike | undefined;
     workspaceId?: string | undefined;
@@ -74,6 +78,8 @@ export declare function useEmbeddedHumanInputSession(override?: EmbeddedHumanInp
 export declare function useEmbeddedSessionMcpApprovalPolicy(override?: EmbeddedSessionMcpApprovalPolicyClientOverride): Omit<EmbeddedSessionContextValue, "client"> & {
     client: EmbeddedSessionMcpApprovalPolicyClientLike;
 };
+/** Resolve the exact browser/API surface required by `@opengeni/react/realtime`. */
+export declare function useEmbeddedRealtimeSession(override?: EmbeddedRealtimeSessionClientOverride): EmbeddedClientContextValue<EmbeddedRealtimeSessionClientLike>;
 /**
  * Resolve the client only — for hooks that are not workspace-scoped
  * (`useWorkspaces`, `useBillingUsage`).

package/dist/session-ui.d.ts

@@ -1,5 +1,7 @@
 export { HumanInputForm } from "./components/human-input-form";
 export type { HumanInputAnswerDraft, HumanInputFormMessages, HumanInputFormProps, } from "./components/human-input-form";
+export { HumanInputSurface } from "./components/human-input-surface";
+export type { HumanInputSurfaceProps } from "./components/human-input-surface";
 export { MessageTimeline, TimelineRow } from "./components/message-timeline";
 export type { MessageTimelineProps } from "./components/message-timeline";
 export { BUILT_IN_TURN_SUMMARY_FACET_IDS } from "./timeline/turn-summary";

package/dist/session-ui.js

@@ -1,20 +1,22 @@
 import {
   BUILT_IN_TURN_SUMMARY_FACET_IDS,
   HumanInputForm,
+  HumanInputSurface,
   MessageTimeline,
   QueueSurface,
   SessionChrome,
   TimelineRow,
   sessionChromeGoalPillState
-} from "./chunk-Z5FV355Z.js";
-import "./chunk-J2RVJ6JX.js";
+} from "./chunk-KR2SK5GJ.js";
+import "./chunk-YDNWMKXO.js";
+import "./chunk-4IJCL7YO.js";
 import "./chunk-ATSTR5P3.js";
-import "./chunk-TK7G6XLT.js";
 import "./chunk-LAKLF4PA.js";
-import "./chunk-YDNWMKXO.js";
+import "./chunk-TK7G6XLT.js";
 export {
   BUILT_IN_TURN_SUMMARY_FACET_IDS,
   HumanInputForm,
+  HumanInputSurface,
   MessageTimeline,
   QueueSurface,
   SessionChrome,

package/dist/session.js

@@ -18,7 +18,7 @@ import {
   useSessionLineage,
   useSessionMcpApprovalPolicy,
   useTurnQueue
-} from "./chunk-OKKMZDQF.js";
+} from "./chunk-JALF5FI3.js";
 import {
   buildTimeline,
   creditExhaustedFromEvents,
@@ -26,15 +26,16 @@ import {
   groupTimeline,
   sessionStatusFromEvents,
   toolDisplayName
-} from "./chunk-J2RVJ6JX.js";
+} from "./chunk-4IJCL7YO.js";
 import {
   FILE_ONLY_MESSAGE_TEXT,
   composeSendInput,
   shouldSteerOnKey,
   shouldSubmitOnKey,
   useComposer
-} from "./chunk-FT2TXNGZ.js";
-import "./chunk-7CJOAW3V.js";
+} from "./chunk-Q2NCKWTK.js";
+import "./chunk-EB67J347.js";
+import "./chunk-EKZH6IDG.js";
 import "./chunk-LAKLF4PA.js";
 export {
   FILE_ONLY_MESSAGE_TEXT,

package/dist/timeline/compute-label.d.ts

@@ -0,0 +1,2 @@
+export declare const TimelineComputeLabelProvider: import("react").Provider<string | null>;
+export declare function useTimelineComputeLabel(): string | null;

package/dist/timeline/index.d.ts

@@ -12,6 +12,7 @@ export { DisclosureDefaultsProvider, useForcedDefaultOpen } from "./disclosure-c
 export { FoldMemoryProvider, inheritFoldRestingState, useFoldMemory } from "./fold-memory";
 export type { FoldRestingState } from "./fold-memory";
 export { SeenActivityIdsProvider, useSeenActivityIds } from "./seen-activity-ids";
+export { TimelineComputeLabelProvider, useTimelineComputeLabel } from "./compute-label";
 export { BUILT_IN_TURN_SUMMARY_FACET_IDS, TurnSummary, useTurnSettleOpen } from "./turn-summary";
 export type { BuiltInTurnSummaryFacetId, TurnOutcome, TurnSummaryContext, TurnSummaryFacet, TurnSummaryFacetConfiguration, TurnSummaryFacetResult, TurnSummaryOptions, TurnSummaryProps, } from "./turn-summary";
 export { applyPatchOps, controlCaret, execTruncated, isApplyPatch, isExecSessionLostBanner, looksBinary, parseExecBannerSessionId, parseToolArgs, redactSecrets, sandboxCommandExitCode, stripExecBanner, tailPeek, unwrapMcpOutput, v4aToGitFileDiff, } from "./parsers";

package/dist/timeline/types.d.ts

@@ -3,6 +3,11 @@ export type UserMessageItem = {
     kind: "user-message";
     id: string;
     text: string;
+    presentation?: {
+        kind: "realtime_voice" | "realtime_voice_handoff";
+        /** Full bounded execution context sent with this visible voice request. */
+        context: string;
+    };
     /** Resources attached to this message (file uploads, repositories). */
     resources: ResourceRef[];
     /** Tools requested for the turn this message starts. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeni/react",
-  "version": "0.36.1",
+  "version": "0.40.0",
   "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": {
@@ -43,6 +43,10 @@
       "types": "./dist/model-policy.d.ts",
       "import": "./dist/model-policy.js"
     },
+    "./realtime": {
+      "types": "./dist/realtime.d.ts",
+      "import": "./dist/realtime.js"
+    },
     "./styles.css": {
       "types": "./styles/index.d.ts",
       "import": "./styles/index.css"
@@ -61,6 +65,7 @@
     "build": "bun ../../scripts/build-typescript-package.ts",
     "demo": "vite dev demo --port 3100",
     "demo:build": "vite build demo",
+    "demo:build:deployed": "OPENGENI_REACT_DEMO_BASE=/react-demo/ OPENGENI_REACT_DEMO_OUT_DIR=../../../apps/web/dist/react-demo vite build demo",
     "prepublishOnly": "bash ../../scripts/prepublish-guard"
   },
   "dependencies": {
@@ -70,7 +75,7 @@
     "@dnd-kit/utilities": "3.2.2",
     "@fontsource-variable/noto-sans-arabic": "5.2.10",
     "@fontsource-variable/noto-sans-jp": "5.2.10",
-    "@opengeni/sdk": "^0.36.1",
+    "@opengeni/sdk": "^0.40.0",
     "clsx": "^2.1.1",
     "lucide-react": "^1.8.0",
     "motion": "^12.0.0",

package/src/client.ts

@@ -171,3 +171,16 @@ export type EmbeddedHumanInputSessionClientLike = EmbeddedSessionEventClientLike
 /** Exact client surface required by MCP approval-policy hooks. */
 export type EmbeddedSessionMcpApprovalPolicyClientLike = EmbeddedSessionEventClientLike &
   Pick<OpenGeniClient, "updateSessionMcpApprovalPolicy">;
+
+/** Exact client surface required by the public realtime React subpath. */
+export type EmbeddedRealtimeSessionClientLike = Pick<
+  OpenGeniClient,
+  | "getWorkspaceRealtimeModelCatalog"
+  | "beginSessionRealtime"
+  | "heartbeatSessionRealtime"
+  | "negotiateCodexRealtimeWebrtc"
+  | "negotiateGatewayRealtime"
+  | "activateCodexRealtimeConnection"
+  | "syncSessionRealtimeLedger"
+  | "endSessionRealtime"
+>;

package/src/components/chat-composer.tsx

@@ -51,8 +51,14 @@ export type ChatComposerProps = {
   autoFocus?: boolean | undefined;
   /** Replaces the default keyboard hint under the field. */
   hint?: string | undefined;
+  /** App controls ahead of attach (e.g. mobile “+” overflow). */
+  controlsLeading?: ReactNode | undefined;
   /** App controls in the footer row, replacing the hint. */
   controlsStart?: ReactNode | undefined;
+  /** App actions beside Pause/Send, ordered before the built-in actions. */
+  actionsStart?: ReactNode | undefined;
+  /** Extra classes for the built-in attach control (e.g. `max-sm:hidden`). */
+  attachButtonClassName?: string | undefined;
   /** Provider-neutral speech capability. Provider configuration stays in workspace settings. */
   transcription?: ComposerTranscriptionControlProps | undefined;
   /** Content rendered above the textarea, inside the field chrome. */
@@ -88,7 +94,10 @@ export function ChatComposer({
   disabled,
   autoFocus,
   hint,
+  controlsLeading,
   controlsStart,
+  actionsStart,
+  attachButtonClassName,
   transcription,
   header,
   onPaste,
@@ -118,7 +127,10 @@ export function ChatComposer({
     onPaste,
     messages,
   });
-  const hasControls = Boolean(attachments || models || controlsStart || transcription);
+  const hasControls = Boolean(
+    attachments || models || controlsLeading || controlsStart || transcription,
+  );
+  const stackActions = hasControls && Boolean(actionsStart);
 
   return (
     <Root controller={controller} className={className}>
@@ -133,10 +145,11 @@ export function ChatComposer({
           {controller.confirmState ? (
             <Confirmation />
           ) : (
-            <Footer>
+            <Footer className={stackActions ? "flex-wrap" : undefined}>
               {hasControls ? (
-                <Controls>
-                  <AttachButton />
+                <Controls className={stackActions ? "w-full sm:w-auto" : undefined}>
+                  {controlsLeading}
+                  <AttachButton className={attachButtonClassName} />
                   {transcription ? <ComposerTranscriptionControl {...transcription} /> : null}
                   {models ? (
                     <ModelPicker models={models} value={selectedModel} onChange={onSelectModel} />
@@ -146,7 +159,8 @@ export function ChatComposer({
               ) : (
                 <Hint>{hint}</Hint>
               )}
-              <Actions>
+              <Actions className={stackActions ? "w-full justify-end sm:w-auto" : undefined}>
+                {actionsStart}
                 <PauseButton />
                 <SendButton />
               </Actions>

package/src/components/composer-transcription-control.tsx

@@ -147,7 +147,7 @@ export function ComposerTranscriptionControl({
             transition={{ duration: 0.16, ease: [0.22, 1, 0.36, 1] }}
             className={cn(
               "inline-flex h-8 items-center gap-1 rounded-og-md border border-og-border/80",
-              "bg-og-surface-2/70 pl-2 pr-1 pointer-coarse:h-11",
+              "bg-og-surface-2/70 pl-2 pr-1 pointer-coarse:h-9",
             )}
           >
             {status === "requesting-permission" ? (
@@ -224,7 +224,7 @@ export function ComposerTranscriptionControl({
               aria-pressed={false}
               aria-disabled={unavailableMessage !== null}
               className={cn(
-                "inline-flex size-8 shrink-0 items-center justify-center rounded-og-md pointer-coarse:size-11",
+                "inline-flex size-8 shrink-0 items-center justify-center rounded-og-md pointer-coarse:size-9",
                 "text-og-fg-muted transition-colors duration-150 motion-reduce:transition-none",
                 unavailableMessage
                   ? "cursor-not-allowed opacity-45"

package/src/components/composer.tsx

@@ -932,7 +932,11 @@ export const Footer = forwardRef<HTMLDivElement, ComposerFooterProps>(function C
     <div
       {...props}
       ref={ref}
-      className={cn("flex items-end gap-1.5 px-2 pb-2 pt-0.5 sm:px-2.5 sm:pb-2.5", className)}
+      className={cn(
+        "flex items-end gap-1.5 px-2 pb-2 pt-0.5 sm:px-2.5 sm:pb-2.5",
+        "max-sm:items-center max-sm:gap-1",
+        className,
+      )}
     />
   );
 });
@@ -945,7 +949,11 @@ export const Controls = forwardRef<HTMLSpanElement, ComposerControlsProps>(
       <span
         {...props}
         ref={ref}
-        className={cn("flex min-w-0 flex-1 flex-wrap items-center gap-1.5", className)}
+        className={cn(
+          "flex min-w-0 flex-1 flex-wrap items-center gap-1.5",
+          "max-sm:flex-nowrap max-sm:gap-1",
+          className,
+        )}
       />
     );
   },
@@ -1008,6 +1016,7 @@ export const AttachButton = forwardRef<HTMLButtonElement, ComposerAttachButtonPr
           type="file"
           accept={accept}
           multiple={multiple}
+          data-og-composer-attach
           className="hidden"
           onChange={controller.handleFileChange}
         />
@@ -1022,7 +1031,7 @@ export const AttachButton = forwardRef<HTMLButtonElement, ComposerAttachButtonPr
             className={cn(
               "inline-flex size-8 items-center justify-center rounded-og-md",
               "text-og-fg-muted transition-colors duration-150 hover:bg-og-surface-2 hover:text-og-fg",
-              "disabled:cursor-not-allowed disabled:opacity-50 pointer-coarse:size-11",
+              "disabled:cursor-not-allowed disabled:opacity-50 pointer-coarse:size-9",
               className,
             )}
           >
@@ -1094,7 +1103,7 @@ export const PauseButton = forwardRef<HTMLButtonElement, ComposerPauseButtonProp
           disabled={busy}
           aria-label={ariaLabel ?? controller.messages.pauseAriaLabel}
           className={cn(
-            "inline-flex size-8 items-center justify-center rounded-og-md border border-og-border pointer-coarse:size-11",
+            "inline-flex size-8 items-center justify-center rounded-og-md border border-og-border pointer-coarse:size-9",
             "bg-og-surface-2 text-og-fg-muted transition-colors duration-150",
             "hover:border-og-status-waiting/50 hover:text-og-status-waiting",
             "disabled:opacity-50",
@@ -1143,7 +1152,7 @@ export const SendButton = forwardRef<HTMLButtonElement, ComposerSendButtonProps>
               : controller.messages.sendMessageAriaLabel)
           }
           className={cn(
-            "inline-flex size-8 items-center justify-center rounded-og-md pointer-coarse:size-11",
+            "inline-flex size-8 items-center justify-center rounded-og-md pointer-coarse:size-9",
             "bg-og-accent text-og-accent-fg shadow-og-sm",
             "transition-[background-color,transform,opacity] duration-150 ease-og-spring",
             "hover:bg-og-accent-strong active:scale-95",