@opengeni/react 0.36.0 → 0.36.1

package/dist/composer.js

@@ -24,10 +24,10 @@ import {
   useChatComposer,
   useChatComposerController,
   useVoiceInput
-} from "./chunk-PVW56EVR.js";
+} from "./chunk-N4XEBE23.js";
 import "./chunk-FT2TXNGZ.js";
 import "./chunk-7CJOAW3V.js";
-import "./chunk-U255M5EZ.js";
+import "./chunk-22RM4GMO.js";
 import "./chunk-ATSTR5P3.js";
 import "./chunk-TK7G6XLT.js";
 import "./chunk-LAKLF4PA.js";

package/dist/index.js

@@ -106,7 +106,7 @@ import {
   useLightboxOptional,
   useThemeType,
   v4aToGitFileDiff
-} from "./chunk-XT7JF2EH.js";
+} from "./chunk-Z5FV355Z.js";
 import {
   buildTimeline,
   creditExhaustedFromEvents,
@@ -154,7 +154,7 @@ import {
   useSlashCommands,
   useTranscription,
   useVoiceInput
-} from "./chunk-PVW56EVR.js";
+} from "./chunk-N4XEBE23.js";
 import {
   FILE_ONLY_MESSAGE_TEXT,
   composeSendInput,
@@ -184,7 +184,7 @@ import {
   projectPickerRows,
   runnableLatencyModesForModel,
   sortPickerRows
-} from "./chunk-U255M5EZ.js";
+} from "./chunk-22RM4GMO.js";
 import {
   Tooltip,
   TooltipContent,

package/dist/model-policy.js

@@ -13,7 +13,7 @@ import {
   projectPickerRows,
   runnableLatencyModesForModel,
   sortPickerRows
-} from "./chunk-U255M5EZ.js";
+} from "./chunk-22RM4GMO.js";
 export {
   advancedSourceSummary,
   availabilityReasonLabel,

package/dist/session-ui.js

@@ -6,7 +6,7 @@ import {
   SessionChrome,
   TimelineRow,
   sessionChromeGoalPillState
-} from "./chunk-XT7JF2EH.js";
+} from "./chunk-Z5FV355Z.js";
 import "./chunk-J2RVJ6JX.js";
 import "./chunk-ATSTR5P3.js";
 import "./chunk-TK7G6XLT.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeni/react",
-  "version": "0.36.0",
+  "version": "0.36.1",
   "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": {
@@ -70,7 +70,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.0",
+    "@opengeni/sdk": "^0.36.1",
     "clsx": "^2.1.1",
     "lucide-react": "^1.8.0",
     "motion": "^12.0.0",

package/src/components/composer.tsx

@@ -851,12 +851,27 @@ type OwnedInputProps =
 export type ComposerInputProps = Omit<ComponentPropsWithoutRef<"textarea">, OwnedInputProps>;
 
 export const Input = forwardRef<HTMLTextAreaElement, ComposerInputProps>(function ComposerInput(
-  { rows = 1, placeholder, className, "aria-label": ariaLabel, ...props },
+  { rows = 1, placeholder, className, "aria-label": ariaLabel, autoFocus = false, ...props },
   forwardedRef,
 ) {
   const controller = useComposerController();
+  const autoFocusedRef = useRef(false);
   const paletteOpen =
     controller.paletteEnabled && controller.paletteMounted && controller.palette.open;
+
+  // Native autoFocus loses when the textarea mounts disabled (create-session draft
+  // hydrate). Retry once the controller becomes interactive.
+  useEffect(() => {
+    if (!autoFocus || controller.disabled || autoFocusedRef.current) return;
+    const frame = window.requestAnimationFrame(() => {
+      const textarea = controller.textareaRef.current;
+      if (!textarea || textarea.disabled) return;
+      autoFocusedRef.current = true;
+      textarea.focus();
+    });
+    return () => window.cancelAnimationFrame(frame);
+  }, [autoFocus, controller.disabled, controller.textareaRef]);
+
   return (
     <textarea
       {...props}
@@ -872,6 +887,7 @@ export const Input = forwardRef<HTMLTextAreaElement, ComposerInputProps>(functio
           : (placeholder ?? controller.messages.messagePlaceholder)
       }
       disabled={controller.disabled}
+      autoFocus={autoFocus && !controller.disabled}
       aria-label={ariaLabel ?? controller.messages.inputLabel}
       aria-keyshortcuts="Enter Meta+Enter Control+Enter Shift+Enter"
       aria-autocomplete={

package/src/components/copy-button.tsx

@@ -44,6 +44,11 @@ export function CopyButton({
   const onClick = async (event: MouseEvent<HTMLButtonElement>) => {
     event.preventDefault();
     event.stopPropagation();
+    // Capture before any await: React nulls `currentTarget` after the
+    // synchronous handler turn. Blurring via the stale target throws and used
+    // to skip the copied-reset timer, leaving the tip stuck on "Copied".
+    const button = event.currentTarget;
+    const pointerActivated = event.detail > 0;
     const value = typeof text === "function" ? text() : text;
     const ok = await copyTextToClipboard(value);
     if (!ok) {
@@ -51,20 +56,22 @@ export function CopyButton({
     }
     setCopied(true);
     setTipOpen(true);
-    // Pointer activation focuses the button and leaves `group-focus-within`
-    // stuck after the cursor leaves — chrome never "unhovers". Keyboard
-    // activation (`detail === 0`) keeps focus for a11y.
-    if (event.detail > 0) {
-      event.currentTarget.blur();
-    }
     if (timerRef.current !== null) {
       clearTimeout(timerRef.current);
     }
+    // Always arm the reset before blur — a throw here must not leave the
+    // forced "Copied" tip open forever.
     timerRef.current = setTimeout(() => {
       timerRef.current = null;
       setCopied(false);
       setTipOpen(false);
     }, COPIED_MS);
+    // Pointer activation focuses the button and leaves `group-focus-within`
+    // stuck after the cursor leaves — chrome never "unhovers". Keyboard
+    // activation (`detail === 0`) keeps focus for a11y.
+    if (pointerActivated) {
+      button.blur();
+    }
   };
 
   const tip = copied ? "Copied" : label;

package/src/components/model-picker.tsx

@@ -24,11 +24,11 @@ export type ModelPickerProps = {
 const EMPTY_CLIENT_MODELS: ClientModel[] = [];
 
 function isCodexClientModel(model: ClientModel): boolean {
-  return model.id.startsWith("codex/") || model.provider === "codex-subscription";
+  return model.id.startsWith("codex/") || model.source === "codex";
 }
 
 function isCodexPickerRow(row: PickerModelRow): boolean {
-  return row.id.startsWith("codex/") || row.provider === "codex-subscription";
+  return row.id.startsWith("codex/") || row.catalog.source === "codex";
 }
 
 function applyCodexOnlyRows(rows: PickerModelRow[], codexOnly: boolean): PickerModelRow[] {

package/src/model-policy.ts

@@ -25,7 +25,7 @@ const BILLING_CLASS_ORDER: PickerBillingClass[] = [
 const BILLING_CLASS_LABELS: Record<PickerBillingClass, string> = {
   opengeni_credits: "OpenGeni",
   codex_subscription: "Codex",
-  byok: "Bring your own key",
+  byok: "Your Gateway",
 };
 
 const AVAILABILITY_REASON_LABELS: Record<string, string> = {
@@ -39,6 +39,12 @@ const AVAILABILITY_REASON_LABELS: Record<string, string> = {
 };
 
 export function billingClassForModel(model: ClientModel): PickerBillingClass {
+  if (model.source === "codex") {
+    return "codex_subscription";
+  }
+  if (model.source === "workspace_gateway") {
+    return "byok";
+  }
   if (model.credentialSource?.kind === "connected_subscription") {
     return "codex_subscription";
   }
@@ -123,7 +129,7 @@ export function payerSummaryForModel(model: ClientModel): string {
     return "Codex subscription · external billing";
   }
   if (billing.upstreamPayer === "workspace") {
-    return "Workspace credentials · external billing";
+    return "Billed to your AI Gateway";
   }
   return "Deployment route · external billing";
 }
@@ -137,7 +143,7 @@ export function advancedSourceSummary(model: ClientModel): string | null {
     return "Connected Codex subscription";
   }
   if (source.kind === "workspace_connection") {
-    return "Workspace API key connection";
+    return "Workspace AI Gateway";
   }
   if (source.kind === "deployment") {
     return source.mechanism === "azure_ad_bearer"
@@ -148,22 +154,27 @@ export function advancedSourceSummary(model: ClientModel): string | null {
 }
 
 export function projectPickerRows(models: WorkspaceModelCatalogModel[]): PickerModelRow[] {
-  return models.map((catalog) => {
-    const billingClass = billingClassForModel(catalog);
-    return {
-      id: catalog.id,
-      label: catalog.label,
-      billingClass,
-      billingClassLabel: billingClassLabel(billingClass),
-      selectable: catalog.availability.selectable,
-      unavailableReason: catalog.availability.selectable
-        ? null
-        : availabilityReasonLabel(catalog.availability.reason),
-      provider: catalog.provider,
-      providerLabel: catalog.providerLabel,
-      catalog,
-    };
-  });
+  return models
+    .filter((catalog) => {
+      const billingClass = billingClassForModel(catalog);
+      return billingClass === "opengeni_credits" || catalog.credentialReadiness.status === "ready";
+    })
+    .map((catalog) => {
+      const billingClass = billingClassForModel(catalog);
+      return {
+        id: catalog.id,
+        label: catalog.label,
+        billingClass,
+        billingClassLabel: billingClassLabel(billingClass),
+        selectable: catalog.availability.selectable,
+        unavailableReason: catalog.availability.selectable
+          ? null
+          : availabilityReasonLabel(catalog.availability.reason),
+        provider: catalog.provider,
+        providerLabel: catalog.providerLabel,
+        catalog,
+      };
+    });
 }
 
 export function sortPickerRows(rows: PickerModelRow[]): PickerModelRow[] {