@opengeni/react 0.36.0 → 0.37.0

package/dist/model-policy.d.ts

@@ -1,6 +1,6 @@
 import type { ClientModel, ReasoningEffort, WorkspaceModelCatalogModel } from "@opengeni/sdk";
 export type PickerBillingClass = "opengeni_credits" | "codex_subscription" | "byok";
-export type PickerModelRow = {
+export type PickerModelRow<TCatalog extends ClientModel = WorkspaceModelCatalogModel> = {
     id: string;
     label: string;
     billingClass: PickerBillingClass;
@@ -9,7 +9,7 @@ export type PickerModelRow = {
     unavailableReason: string | null;
     provider: string;
     providerLabel: string;
-    catalog: WorkspaceModelCatalogModel;
+    catalog: TCatalog;
 };
 export type LatencyModeId = "standard" | "priority" | "fast";
 export declare function billingClassForModel(model: ClientModel): PickerBillingClass;
@@ -20,13 +20,21 @@ export declare function defaultEffortForModel(model: ClientModel): ReasoningEffo
 export declare function coerceReasoningEffortForModel(model: ClientModel, effort: ReasoningEffort): ReasoningEffort;
 export declare function runnableLatencyModesForModel(model: ClientModel): LatencyModeId[];
 export declare function labelLatencyMode(mode: LatencyModeId): string;
+export declare function labelReasoningEffort(effort: ReasoningEffort): string;
 export declare function payerSummaryForModel(model: ClientModel): string;
 export declare function advancedSourceSummary(model: ClientModel): string | null;
 export declare function projectPickerRows(models: WorkspaceModelCatalogModel[]): PickerModelRow[];
-export declare function sortPickerRows(rows: PickerModelRow[]): PickerModelRow[];
-export declare function findPickerRow(rows: PickerModelRow[], modelId: string): PickerModelRow | null;
+/** Project the lightweight client-config model list into the same picker contract. */
+export declare function projectClientModelRows(models: ClientModel[]): PickerModelRow<ClientModel>[];
+export declare function sortPickerRows<TCatalog extends ClientModel>(rows: PickerModelRow<TCatalog>[]): PickerModelRow<TCatalog>[];
+export declare function findPickerRow<TCatalog extends ClientModel>(rows: PickerModelRow<TCatalog>[], modelId: string): PickerModelRow<TCatalog> | null;
 export declare function groupPickerRowsByBillingClass(rows: PickerModelRow[]): Array<{
     billingClass: PickerBillingClass;
     label: string;
     rows: PickerModelRow[];
 }>;
+export declare function groupPickerRowsByBillingClass<TCatalog extends ClientModel>(rows: PickerModelRow<TCatalog>[]): Array<{
+    billingClass: PickerBillingClass;
+    label: string;
+    rows: PickerModelRow<TCatalog>[];
+}>;

package/dist/model-policy.js

@@ -9,11 +9,13 @@ import {
   findPickerRow,
   groupPickerRowsByBillingClass,
   labelLatencyMode,
+  labelReasoningEffort,
   payerSummaryForModel,
+  projectClientModelRows,
   projectPickerRows,
   runnableLatencyModesForModel,
   sortPickerRows
-} from "./chunk-U255M5EZ.js";
+} from "./chunk-SJKT4TKW.js";
 export {
   advancedSourceSummary,
   availabilityReasonLabel,
@@ -25,7 +27,9 @@ export {
   findPickerRow,
   groupPickerRowsByBillingClass,
   labelLatencyMode,
+  labelReasoningEffort,
   payerSummaryForModel,
+  projectClientModelRows,
   projectPickerRows,
   runnableLatencyModesForModel,
   sortPickerRows

package/dist/session-ui.js

@@ -6,8 +6,8 @@ import {
   SessionChrome,
   TimelineRow,
   sessionChromeGoalPillState
-} from "./chunk-XT7JF2EH.js";
-import "./chunk-J2RVJ6JX.js";
+} from "./chunk-UCZPNXV3.js";
+import "./chunk-4IJCL7YO.js";
 import "./chunk-ATSTR5P3.js";
 import "./chunk-TK7G6XLT.js";
 import "./chunk-LAKLF4PA.js";

package/dist/session.js

@@ -18,7 +18,7 @@ import {
   useSessionLineage,
   useSessionMcpApprovalPolicy,
   useTurnQueue
-} from "./chunk-OKKMZDQF.js";
+} from "./chunk-FSPDND3P.js";
 import {
   buildTimeline,
   creditExhaustedFromEvents,
@@ -26,14 +26,14 @@ 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";
+} from "./chunk-HJ4OQVGW.js";
 import "./chunk-7CJOAW3V.js";
 import "./chunk-LAKLF4PA.js";
 export {

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.0",
+  "version": "0.37.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": {
@@ -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.37.0",
     "clsx": "^2.1.1",
     "lucide-react": "^1.8.0",
     "motion": "^12.0.0",

package/src/components/chat-composer.tsx

@@ -53,6 +53,8 @@ export type ChatComposerProps = {
   hint?: string | 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;
   /** Provider-neutral speech capability. Provider configuration stays in workspace settings. */
   transcription?: ComposerTranscriptionControlProps | undefined;
   /** Content rendered above the textarea, inside the field chrome. */
@@ -89,6 +91,7 @@ export function ChatComposer({
   autoFocus,
   hint,
   controlsStart,
+  actionsStart,
   transcription,
   header,
   onPaste,
@@ -119,6 +122,7 @@ export function ChatComposer({
     messages,
   });
   const hasControls = Boolean(attachments || models || controlsStart || transcription);
+  const stackActions = hasControls && Boolean(actionsStart);
 
   return (
     <Root controller={controller} className={className}>
@@ -133,9 +137,9 @@ export function ChatComposer({
           {controller.confirmState ? (
             <Confirmation />
           ) : (
-            <Footer>
+            <Footer className={stackActions ? "flex-wrap" : undefined}>
               {hasControls ? (
-                <Controls>
+                <Controls className={stackActions ? "w-full sm:w-auto" : undefined}>
                   <AttachButton />
                   {transcription ? <ComposerTranscriptionControl {...transcription} /> : null}
                   {models ? (
@@ -146,7 +150,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.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[] {