@mcp-b/react-components 0.56.1 → 0.57.0

package/dist/components/agents-sdk/ManagerOfficeScreens.d.ts

@@ -1,49 +1,38 @@
-import { f as EmployeeShellProps } from "../../EmployeeChrome-B7Gt2Hpk.js";
+import { f as EmployeeShellProps } from "../../EmployeeChrome-CN99SVfF.js";
 import { ManagerOfficeConnectedEmployee, ManagerOfficeDestination, ManagerOfficeEmployee } from "./ManagerOffice.js";
 import * as React from "react";
-
 //#region src/components/agents-sdk/ManagerOfficeScreens.d.ts
-type ManagerOfficeView = {
+export type ManagerOfficeView = {
   kind: "attention";
 } | {
   kind: "employee";
   employeeId: string;
 };
-interface ManagerWorkShellProps extends Omit<EmployeeShellProps, "appBarLeading"> {
+export interface ManagerWorkShellProps extends Omit<EmployeeShellProps, "appBarLeading"> {
   employees: readonly ManagerOfficeEmployee[];
   employee: ManagerOfficeEmployee;
   renderOfficeLink: (destination: ManagerOfficeDestination) => React.ReactElement;
   officeActions: React.ReactNode;
 }
 /** Workforce navigation remains available while reading or sending work. */
-declare function ManagerWorkShell({
-  employees,
-  employee,
-  renderOfficeLink,
-  officeActions,
-  ...chrome
-}: ManagerWorkShellProps): React.JSX.Element;
+export declare function ManagerWorkShell({ employees, employee, renderOfficeLink, officeActions, ...chrome }: ManagerWorkShellProps): React.JSX.Element;
 /** Employee channels in the same raised workbench plane as files and other output. */
-declare function ManagerWorkChannels({
-  employee
-}: {
+export declare function ManagerWorkChannels({ employee }: {
   employee: ManagerOfficeConnectedEmployee;
 }): React.JSX.Element;
 /** Canonical manager overview; the host supplies its roster, actions and destinations. */
-declare function ManagerOfficeScreen({
-  employees,
-  renderLink,
-  view,
-  emptyOfficeAction,
-  officeActions,
-  renderEmployeeActions
-}: {
-  /** Current employee projections, including connecting and offline entries. */employees: readonly ManagerOfficeEmployee[]; /** Render a host-owned route link for an office destination. */
-  renderLink: (destination: ManagerOfficeDestination) => React.ReactElement; /** Selected attention inbox or employee dossier. */
-  view: ManagerOfficeView; /** Sign-in or add-employee control shown for an empty roster. */
-  emptyOfficeAction: React.ReactNode; /** Shared account actions displayed above the employee roster. */
-  officeActions: React.ReactNode; /** Shared account actions for the selected employee. */
+export declare function ManagerOfficeScreen({ employees, renderLink, view, emptyOfficeAction, officeActions, renderEmployeeActions }: {
+  /** Current employee projections, including connecting and offline entries. */
+  employees: readonly ManagerOfficeEmployee[];
+  /** Render a host-owned route link for an office destination. */
+  renderLink: (destination: ManagerOfficeDestination) => React.ReactElement;
+  /** Selected attention inbox or employee dossier. */
+  view: ManagerOfficeView;
+  /** Sign-in or add-employee control shown for an empty roster. */
+  emptyOfficeAction: React.ReactNode;
+  /** Shared account actions displayed above the employee roster. */
+  officeActions: React.ReactNode;
+  /** Shared account actions for the selected employee. */
   renderEmployeeActions: (employee: ManagerOfficeConnectedEmployee) => React.ReactNode;
 }): React.JSX.Element;
-//#endregion
-export { ManagerOfficeScreen, ManagerOfficeView, ManagerWorkChannels, ManagerWorkShell, ManagerWorkShellProps };
+//#endregion

package/dist/components/agents-sdk/ManagerOfficeScreens.js

@@ -1,11 +1,11 @@
-import { B as PlusIcon, C as FolderIcon, G as SlackIcon, P as MonitorIcon, R as PencilIcon, W as SidebarIcon, et as WarningIcon, r as ArrowLeftIcon } from "../../icons-cuEtsgj9.js";
+import { B as PlusIcon, C as FolderIcon, G as SlackIcon, P as MonitorIcon, R as PencilIcon, W as SidebarIcon, et as WarningIcon, r as ArrowLeftIcon } from "../../icons-CeGfXO21.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { EmptyState } from "../foundations/EmptyState.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import { ResponsiveSidebarShell } from "../general-purpose/ResponsiveSidebarShell.js";
 import { ThinkThreadPicker } from "./ThinkThreadPicker.js";
 import { EmployeeChrome } from "./EmployeeChrome.js";
-import { n as ManagerOfficeSidebar, r as ManagerOfficeSidebarAlert, t as ManagerOffice } from "../../ManagerOffice-CMJ7laGe.js";
+import { n as ManagerOfficeSidebar, r as ManagerOfficeSidebarAlert, t as ManagerOffice } from "../../ManagerOffice-D4L_xO4i.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/ManagerOfficeScreens.tsx

package/dist/components/agents-sdk/McpConnectionRequest.d.ts

@@ -1,10 +1,9 @@
-import { o as McpServerCard } from "../../mcp-server-catalog-D9p4gGeJ.js";
+import { o as McpServerCard } from "../../mcp-server-catalog-DgA9BnL0.js";
 import * as React from "react";
 import { DynamicToolUIPart, ToolUIPart } from "ai";
 import { MCPServersState } from "agents";
-
 //#region src/components/agents-sdk/McpConnectionRequest.d.ts
-type McpConnectionRequestOutcome = "authorization-required" | "connected" | "declined" | "failed";
+export type McpConnectionRequestOutcome = "authorization-required" | "connected" | "declined" | "failed";
 interface McpConnectionRequestBaseProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "part"> {
   /** Whole upstream AI SDK tool part whose lifecycle this card renders. */
   part: ToolUIPart | DynamicToolUIPart;
@@ -19,11 +18,15 @@ interface McpConnectionRequestBaseProps extends Omit<React.HTMLAttributes<HTMLDi
   /** Declines the request. The host may remove any existing non-ready entry. */
   onDecline?: () => void | Promise<void>;
 }
-type McpConnectionRequestProps = (McpConnectionRequestBaseProps & {
-  /** A live authorization outcome must identify its assigned Agents MCP entry. */outcome: "authorization-required"; /** Agents MCP entry assigned to this authorization request. */
+export type McpConnectionRequestProps = (McpConnectionRequestBaseProps & {
+  /** A live authorization outcome must identify its assigned Agents MCP entry. */
+  outcome: "authorization-required";
+  /** Agents MCP entry assigned to this authorization request. */
   serverId: string;
 }) | (McpConnectionRequestBaseProps & {
-  /** App-validated terminal outcome, or omitted while the request is active. */outcome?: Exclude<McpConnectionRequestOutcome, "authorization-required">; /** Unused unless the outcome requires authorization. */
+  /** App-validated terminal outcome, or omitted while the request is active. */
+  outcome?: Exclude<McpConnectionRequestOutcome, "authorization-required">;
+  /** Unused unless the outcome requires authorization. */
   serverId?: never;
 });
 /**
@@ -31,8 +34,8 @@ type McpConnectionRequestProps = (McpConnectionRequestBaseProps & {
  * state. Failed and interrupted connections deliberately restart through the
  * same `onConnect` seam instead of introducing recovery operations.
  */
-declare function McpConnectionRequest(props: McpConnectionRequestProps & {
-  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLDivElement>;
+export declare function McpConnectionRequest(props: McpConnectionRequestProps & {
+  /** Ref forwarded to the component's rendered root element. */
+  ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-//#endregion
-export { McpConnectionRequest, McpConnectionRequestOutcome, McpConnectionRequestProps };
+//#endregion

package/dist/components/agents-sdk/McpConnectionRequest.js

@@ -1,11 +1,11 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon, d as CheckIcon, et as WarningIcon } from "../../icons-cuEtsgj9.js";
+import { K as SpinnerIcon, d as CheckIcon, et as WarningIcon } from "../../icons-CeGfXO21.js";
 import { Button } from "../foundations/Button.js";
-import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
+import { AgentAttention, AgentAttentionActions, AgentAttentionBody, AgentAttentionHeader } from "../ai-sdk/AgentAttention.js";
+import { a as formatErrorMessage } from "../../format-CWaZEp5o.js";
 import { DescriptionList } from "../foundations/DescriptionList.js";
 import { McpServerIcon } from "./McpServerIcon.js";
 import { t as getMcpServerProjection } from "../../mcp-server-mAErsxHU.js";
-import { AgentAttention, AgentAttentionActions, AgentAttentionBody, AgentAttentionHeader } from "../ai-sdk/AgentAttention.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { getToolPartState } from "@cloudflare/think/react";

package/dist/components/agents-sdk/McpConnectorForm.d.ts

@@ -1,2 +1,2 @@
-import { n as McpConnectorFormProps, r as McpConnectorFormValues, t as McpConnectorForm } from "../../McpConnectorForm--HB0MEGC.js";
+import { n as McpConnectorFormProps, r as McpConnectorFormValues, t as McpConnectorForm } from "../../McpConnectorForm-BPWCo9bU.js";
 export { McpConnectorForm, McpConnectorFormProps, McpConnectorFormValues };

package/dist/components/agents-sdk/McpConnectorForm.js

@@ -1,9 +1,9 @@
 import { CUSTOM_MCP_SERVER_CARD } from "../../utils/mcp-server-catalog.js";
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { Button } from "../foundations/Button.js";
-import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import { Field } from "../foundations/Field.js";
 import { Form } from "../foundations/Form.js";
+import { a as formatErrorMessage } from "../../format-CWaZEp5o.js";
 import { Fieldset } from "../foundations/Fieldset.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/agents-sdk/McpPluginCatalog.d.ts

@@ -1,2 +1,2 @@
-import { a as McpPluginDetailsDialogProps, i as McpPluginDetailsDialog, n as McpPluginCatalogProps, r as McpPluginDetails, t as McpPluginCatalog } from "../../McpPluginCatalog-DNeHDrts.js";
+import { a as McpPluginDetailsDialogProps, i as McpPluginDetailsDialog, n as McpPluginCatalogProps, r as McpPluginDetails, t as McpPluginCatalog } from "../../McpPluginCatalog-uSh0gGeY.js";
 export { McpPluginCatalog, McpPluginCatalogProps, McpPluginDetails, McpPluginDetailsDialog, McpPluginDetailsDialogProps };

package/dist/components/agents-sdk/McpPluginCatalog.js

@@ -1,17 +1,17 @@
 import { CUSTOM_MCP_SERVER_CARD } from "../../utils/mcp-server-catalog.js";
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { B as PlusIcon, K as SpinnerIcon, et as WarningIcon, nt as XIcon, o as ArrowUpRightIcon, y as EllipsisIcon } from "../../icons-cuEtsgj9.js";
+import { B as PlusIcon, K as SpinnerIcon, et as WarningIcon, nt as XIcon, o as ArrowUpRightIcon, y as EllipsisIcon } from "../../icons-CeGfXO21.js";
 import { Button } from "../foundations/Button.js";
+import { AgentAttention, AgentAttentionBody, AgentAttentionHeader } from "../ai-sdk/AgentAttention.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { Dialog } from "../foundations/Dialog.js";
-import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
+import { a as formatErrorMessage } from "../../format-CWaZEp5o.js";
 import { Separator } from "../foundations/Separator.js";
 import { AppIcon } from "../foundations/AppIcon.js";
-import { McpServerIcon } from "./McpServerIcon.js";
 import { SearchField } from "../foundations/SearchField.js";
+import { McpServerIcon } from "./McpServerIcon.js";
 import { t as getMcpServerProjection } from "../../mcp-server-mAErsxHU.js";
 import { McpServerSetupDialog } from "./McpServerPicker.js";
-import { AgentAttention, AgentAttentionBody, AgentAttentionHeader } from "../ai-sdk/AgentAttention.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/McpPluginCatalog.tsx

package/dist/components/agents-sdk/McpServerIcon.d.ts

@@ -1,17 +1,11 @@
-import { o as McpServerCard } from "../../mcp-server-catalog-D9p4gGeJ.js";
+import { o as McpServerCard } from "../../mcp-server-catalog-DgA9BnL0.js";
 import { AppIconSize, AppIconVariant } from "../foundations/AppIcon.js";
-
 //#region src/components/agents-sdk/McpServerIcon.d.ts
-interface McpServerIconProps {
+export interface McpServerIconProps {
   server: McpServerCard;
   size?: AppIconSize;
   variant?: AppIconVariant;
 }
 /** Catalog-backed MCP identity mark. The owning control supplies its accessible name. */
-declare function McpServerIcon({
-  server,
-  size,
-  variant
-}: McpServerIconProps): import("react").JSX.Element;
-//#endregion
-export { McpServerIcon, McpServerIconProps };
+export declare function McpServerIcon({ server, size, variant }: McpServerIconProps): import("react").JSX.Element;
+//#endregion

package/dist/components/agents-sdk/McpServerPicker.d.ts

@@ -1,12 +1,11 @@
-import { s as MenuItemProps, t as Menu } from "../../Menu-CgfUZhZd.js";
-import { l as DialogProps } from "../../Dialog-88GF7_Th.js";
-import { o as McpServerCard } from "../../mcp-server-catalog-D9p4gGeJ.js";
-import { n as McpConnectorFormProps } from "../../McpConnectorForm--HB0MEGC.js";
+import { s as MenuItemProps, t as Menu } from "../../Menu-FA4P6KrA.js";
+import { l as DialogProps } from "../../Dialog-D5AVE3IN.js";
+import { o as McpServerCard } from "../../mcp-server-catalog-DgA9BnL0.js";
+import { n as McpConnectorFormProps } from "../../McpConnectorForm-BPWCo9bU.js";
 import * as React from "react";
 import { MCPServersState } from "agents";
-
 //#region src/components/agents-sdk/McpServerPicker.d.ts
-interface McpServerPickerProps {
+export interface McpServerPickerProps {
   /** MCP servers to show in the plus-menu picker. */
   servers: readonly McpServerCard[];
   /** Called for a new or non-ready server. Hosts should replace stale entries before adding it. */
@@ -24,18 +23,18 @@ interface McpServerPickerProps {
   /** Accessible name for the plus trigger. */
   triggerLabel?: string;
 }
-type McpServerPickerItemsProps = Omit<McpServerPickerProps, "sideOffset" | "triggerLabel">;
-interface McpServerPickerGroupProps extends Omit<React.ComponentProps<typeof Menu.Group>, "children"> {
+export type McpServerPickerItemsProps = Omit<McpServerPickerProps, "sideOffset" | "triggerLabel">;
+export interface McpServerPickerGroupProps extends Omit<React.ComponentProps<typeof Menu.Group>, "children"> {
   /** Quiet visible heading for a related set of picker actions. */
   label: React.ReactNode;
   children: React.ReactNode;
 }
-interface McpServerPickerActionProps extends Omit<MenuItemProps, "children" | "label"> {
+export interface McpServerPickerActionProps extends Omit<MenuItemProps, "children" | "label"> {
   icon?: React.ReactNode;
   label: React.ReactNode;
   description?: React.ReactNode;
 }
-interface McpServerPickerActionItem {
+export interface McpServerPickerActionItem {
   id: string;
   icon?: React.ReactNode;
   label: React.ReactNode;
@@ -43,52 +42,17 @@ interface McpServerPickerActionItem {
   disabled?: boolean;
   onSelect: () => void;
 }
-interface McpServerSetupDialogProps extends Pick<McpConnectorFormProps, "defaults" | "onSubmit" | "redirectUrl" | "status"> {
+export interface McpServerSetupDialogProps extends Pick<McpConnectorFormProps, "defaults" | "onSubmit" | "redirectUrl" | "status"> {
   /** Selected catalog entry. Passing null closes the dialog. */
   server: McpServerCard | null;
   /** Called when the user dismisses the dialog. */
   onOpenChange: NonNullable<DialogProps["onOpenChange"]>;
 }
 /** Manual MCP setup surface driven by the same catalog metadata as the picker. */
-declare function McpServerSetupDialog({
-  server,
-  defaults,
-  onOpenChange,
-  onSubmit,
-  redirectUrl,
-  status
-}: McpServerSetupDialogProps): React.JSX.Element;
+export declare function McpServerSetupDialog({ server, defaults, onOpenChange, onSubmit, redirectUrl, status }: McpServerSetupDialogProps): React.JSX.Element;
 /** Prompt plus-menu picker for connecting and removing MCP servers. */
-declare function McpServerPicker({
-  servers,
-  onConnect,
-  mcp,
-  onDisconnect,
-  actions,
-  actionsLabel,
-  sideOffset,
-  triggerLabel
-}: McpServerPickerProps): React.JSX.Element;
-declare function McpServerPickerItems({
-  servers,
-  onConnect,
-  mcp,
-  onDisconnect,
-  actions,
-  actionsLabel
-}: McpServerPickerItemsProps): React.JSX.Element;
-declare function McpServerPickerGroup({
-  label,
-  children,
-  className,
-  ...props
-}: McpServerPickerGroupProps): React.JSX.Element;
-declare function McpServerPickerAction({
-  icon,
-  label,
-  description,
-  className,
-  ...props
-}: McpServerPickerActionProps): React.JSX.Element;
-//#endregion
-export { McpServerPicker, McpServerPickerAction, McpServerPickerActionItem, McpServerPickerActionProps, McpServerPickerGroup, McpServerPickerGroupProps, McpServerPickerItems, McpServerPickerItemsProps, McpServerPickerProps, McpServerSetupDialog, McpServerSetupDialogProps };
+export declare function McpServerPicker({ servers, onConnect, mcp, onDisconnect, actions, actionsLabel, sideOffset, triggerLabel }: McpServerPickerProps): React.JSX.Element;
+export declare function McpServerPickerItems({ servers, onConnect, mcp, onDisconnect, actions, actionsLabel }: McpServerPickerItemsProps): React.JSX.Element;
+export declare function McpServerPickerGroup({ label, children, className, ...props }: McpServerPickerGroupProps): React.JSX.Element;
+export declare function McpServerPickerAction({ icon, label, description, className, ...props }: McpServerPickerActionProps): React.JSX.Element;
+//#endregion

package/dist/components/agents-sdk/McpServerPicker.js

@@ -1,9 +1,9 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon, N as MinusIcon, d as CheckIcon, et as WarningIcon } from "../../icons-cuEtsgj9.js";
+import { K as SpinnerIcon, N as MinusIcon, d as CheckIcon, et as WarningIcon } from "../../icons-CeGfXO21.js";
 import { buttonVariants } from "../foundations/Button.js";
-import { Dialog } from "../foundations/Dialog.js";
-import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import { Menu } from "../foundations/Menu.js";
+import { Dialog } from "../foundations/Dialog.js";
+import { a as formatErrorMessage } from "../../format-CWaZEp5o.js";
 import { PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuTrigger } from "../ai-sdk/PromptInput.js";
 import { McpServerIcon } from "./McpServerIcon.js";
 import { t as getMcpServerProjection } from "../../mcp-server-mAErsxHU.js";

package/dist/components/agents-sdk/ModelEndpointDialog.d.ts

@@ -1,7 +1,13 @@
 import { SettingsFormDialogProps } from "../general-purpose/SettingsFormDialog.js";
-
 //#region src/components/agents-sdk/ModelEndpointDialog.d.ts
-interface ModelEndpointDialogProps {
+declare const MODEL_APIS: readonly [{
+  readonly value: "chat-completions";
+  readonly label: "Chat Completions";
+}, {
+  readonly value: "responses";
+  readonly label: "Responses";
+}];
+export interface ModelEndpointDialogProps {
   /** Whether the host has opened its model connection settings. */
   open: boolean;
   /** Update the host-owned open state after dismissal or successful submission. */
@@ -12,6 +18,7 @@ interface ModelEndpointDialogProps {
   onRemove?: () => Promise<void>;
   /** Existing endpoint values and the most recent request error. */
   configured?: {
+    api: (typeof MODEL_APIS)[number]["value"];
     baseUrl: string;
     modelId: string;
     acceptsImages: boolean;
@@ -20,12 +27,5 @@ interface ModelEndpointDialogProps {
   };
 }
 /** Shared connection form; the host owns validation, credentials and persistence. */
-declare function ModelEndpointDialog({
-  open,
-  onOpenChange,
-  onSubmit,
-  onRemove,
-  configured
-}: ModelEndpointDialogProps): import("react").JSX.Element;
-//#endregion
-export { ModelEndpointDialog, ModelEndpointDialogProps };
+export declare function ModelEndpointDialog({ open, onOpenChange, onSubmit, onRemove, configured }: ModelEndpointDialogProps): import("react").JSX.Element;
+//#endregion

package/dist/components/agents-sdk/ModelEndpointDialog.js

@@ -1,15 +1,23 @@
 import { Field } from "../foundations/Field.js";
-import { SettingsFormDialog } from "../general-purpose/SettingsFormDialog.js";
+import { Select } from "../foundations/Select.js";
 import { Checkbox } from "../foundations/Checkbox.js";
+import { SettingsFormDialog } from "../general-purpose/SettingsFormDialog.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/ModelEndpointDialog.tsx
+const MODEL_APIS = [{
+	value: "chat-completions",
+	label: "Chat Completions"
+}, {
+	value: "responses",
+	label: "Responses"
+}];
 /** Shared connection form; the host owns validation, credentials and persistence. */
 function ModelEndpointDialog({ open, onOpenChange, onSubmit, onRemove, configured }) {
 	return /* @__PURE__ */ jsxs(SettingsFormDialog, {
 		open,
 		onOpenChange,
 		title: "Custom model endpoint",
-		description: "Run inference against any OpenAI-compatible chat-completions endpoint — an org gateway, vLLM, LiteLLM, or a local Ollama. The API key is stored by your employee and used for model requests; leave it blank for endpoints without auth.",
+		description: "Connect to an OpenAI-compatible endpoint using Chat Completions or Responses. The API key is stored by your employee and used for model requests; leave it blank for endpoints without auth.",
 		submitLabel: "Use this endpoint",
 		removeLabel: onRemove ? "Use ChatGPT instead" : void 0,
 		externalError: configured?.error ? `Last request failed: ${configured.error}` : void 0,
@@ -37,6 +45,21 @@ function ModelEndpointDialog({ open, onOpenChange, onSubmit, onRemove, configure
 					})
 				]
 			}),
+			/* @__PURE__ */ jsxs(Field.Root, {
+				name: "api",
+				children: [
+					/* @__PURE__ */ jsx(Field.Label, { children: "API" }),
+					/* @__PURE__ */ jsxs(Select.Root, {
+						defaultValue: configured?.api ?? "chat-completions",
+						items: MODEL_APIS,
+						children: [/* @__PURE__ */ jsxs(Select.Trigger, { children: [/* @__PURE__ */ jsx(Select.Value, {}), /* @__PURE__ */ jsx(Select.Icon, {})] }), /* @__PURE__ */ jsx(Select.Portal, { children: /* @__PURE__ */ jsx(Select.Positioner, { children: /* @__PURE__ */ jsx(Select.Popup, { children: /* @__PURE__ */ jsx(Select.List, { children: MODEL_APIS.map(({ value, label }) => /* @__PURE__ */ jsx(Select.Item, {
+							value,
+							children: /* @__PURE__ */ jsx(Select.ItemText, { children: label })
+						}, value)) }) }) }) })]
+					}),
+					/* @__PURE__ */ jsx(Field.Description, { children: "Choose the API your endpoint supports. Codex uses Responses." })
+				]
+			}),
 			/* @__PURE__ */ jsxs(Field.Root, {
 				name: "modelId",
 				children: [