@mcp-b/react-components 0.49.0 → 0.50.0

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

@@ -0,0 +1,49 @@
+import { EmployeeShellProps } from "./EmployeeChrome.js";
+import { ManagerOfficeConnectedEmployee, ManagerOfficeDestination, ManagerOfficeEmployee } from "./ManagerOffice.js";
+import * as React from "react";
+
+//#region src/components/agents-sdk/ManagerOfficeScreens.d.ts
+type ManagerOfficeView = {
+  kind: "attention";
+} | {
+  kind: "employee";
+  employeeId: string;
+};
+interface ManagerWorkShellProps extends EmployeeShellProps {
+  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;
+/** Employee channels in the same raised workbench plane as files and other output. */
+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. */
+  renderEmployeeActions: (employee: ManagerOfficeConnectedEmployee) => React.ReactNode;
+}): React.JSX.Element;
+//#endregion
+export { ManagerOfficeScreen, ManagerOfficeView, ManagerWorkChannels, ManagerWorkShell, ManagerWorkShellProps };

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

@@ -0,0 +1,198 @@
+import { B as PlusIcon, C as FolderIcon, G as SlackIcon, P as MonitorIcon, R as PencilIcon, et as WarningIcon, j as MessageSquareIcon } from "../../icons-CeGfXO21.js";
+import { EmptyState } from "../foundations/EmptyState.js";
+import "../foundations/icons.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-5pEFpoV3.js";
+import "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/agents-sdk/ManagerOfficeScreens.tsx
+/** Workforce navigation remains available while reading or sending work. */
+function ManagerWorkShell({ employees, employee, renderOfficeLink, officeActions, ...chrome }) {
+	return /* @__PURE__ */ jsx(ManagerOffice.Root, {
+		employees,
+		renderLink: renderOfficeLink,
+		children: /* @__PURE__ */ jsx(EmployeeChrome.Shell, {
+			...chrome,
+			sidebarLabel: "employees",
+			navigation: [
+				{
+					id: "chat",
+					label: "Chat",
+					icon: /* @__PURE__ */ jsx(MessageSquareIcon, {})
+				},
+				{
+					id: "files",
+					label: "Files",
+					icon: /* @__PURE__ */ jsx(FolderIcon, {})
+				},
+				{
+					id: "live",
+					label: "Browser",
+					icon: /* @__PURE__ */ jsx(MonitorIcon, {})
+				},
+				{
+					id: "channels",
+					label: "Channels",
+					icon: /* @__PURE__ */ jsx(SlackIcon, {})
+				}
+			],
+			sidebar: ({ closeSidebarOnCompact }) => /* @__PURE__ */ jsx(ManagerOfficeSidebar, {
+				layout: "chat",
+				employees,
+				selectedEmployeeId: employee.id,
+				closeSidebarOnCompact,
+				officeActions,
+				renderLink: (destination) => {
+					if (destination.kind === "employee" && "work" in destination.employee) {
+						const first = destination.employee.work[0];
+						return renderOfficeLink(first ? {
+							kind: "work",
+							employee: destination.employee,
+							work: first
+						} : {
+							kind: "new-work",
+							employee: destination.employee
+						});
+					}
+					return renderOfficeLink(destination);
+				},
+				content: /* @__PURE__ */ jsxs("div", {
+					className: "manager-work__employee-chats",
+					children: ["handoffs" in employee && employee.handoffs.length ? /* @__PURE__ */ jsxs("section", {
+						className: "manager-work__handoffs",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "manager-work__section-header",
+							children: [/* @__PURE__ */ jsx("p", {
+								className: "manager-work__section-label",
+								children: "Waiting on you"
+							}), /* @__PURE__ */ jsxs("span", {
+								className: "manager-work__section-count",
+								"aria-label": `${employee.handoffs.length} waiting on you`,
+								children: [/* @__PURE__ */ jsx(WarningIcon, { "aria-hidden": "true" }), employee.handoffs.length]
+							})]
+						}), /* @__PURE__ */ jsx("div", {
+							className: "manager-work__alert-list",
+							children: employee.handoffs.map((handoff) => /* @__PURE__ */ jsx(ManagerOfficeSidebarAlert, {
+								title: handoff.reason,
+								detail: handoff.workTitle,
+								render: renderOfficeLink({
+									kind: "handoff",
+									employee,
+									handoff
+								}),
+								onClick: closeSidebarOnCompact
+							}, handoff.id))
+						})]
+					}) : null, /* @__PURE__ */ jsx("section", {
+						className: "manager-work__threads",
+						children: /* @__PURE__ */ jsx(ThinkThreadPicker, {
+							className: "manager-work__threads-picker",
+							title: `${employee.name}'s threads`,
+							"aria-label": `${employee.name}'s chats`,
+							threads: chrome.threads ?? ("work" in employee ? employee.work : []),
+							createThreadLink: chrome.renderLink({ kind: "new-thread" }),
+							renderThreadLink: (thread) => chrome.renderLink({
+								kind: "thread",
+								threadId: thread.id
+							}),
+							onDelete: chrome.onDeleteThread,
+							onSelect: closeSidebarOnCompact
+						})
+					})]
+				})
+			})
+		})
+	});
+}
+/** Employee channels in the same raised workbench plane as files and other output. */
+function ManagerWorkChannels({ employee }) {
+	return /* @__PURE__ */ jsx(ManagerOffice.Main, {
+		render: /* @__PURE__ */ jsx("section", {}),
+		"aria-label": "Employee channels",
+		children: /* @__PURE__ */ jsx(ManagerOffice.Employee, {
+			employee,
+			children: /* @__PURE__ */ jsx(ManagerOffice.Channels, {})
+		})
+	});
+}
+/** Canonical manager overview; the host supplies its roster, actions and destinations. */
+function ManagerOfficeScreen({ employees, renderLink, view, emptyOfficeAction, officeActions, renderEmployeeActions }) {
+	const employee = view.kind === "employee" ? employees.find((item) => item.id === view.employeeId) : void 0;
+	const connected = employee && "work" in employee ? employee : void 0;
+	const title = view.kind === "attention" ? "Waiting on you" : employee?.name ?? "Employee";
+	return /* @__PURE__ */ jsx(ManagerOffice.Root, {
+		employees,
+		renderLink,
+		render: /* @__PURE__ */ jsx(ResponsiveSidebarShell, {
+			sidebarLabel: "employees",
+			showMainLabel: "Show workforce",
+			sidebar: ({ closeSidebarOnCompact }) => /* @__PURE__ */ jsx(ManagerOfficeSidebar, {
+				employees,
+				renderLink,
+				selectedEmployeeId: employee?.id ?? null,
+				closeSidebarOnCompact,
+				officeActions
+			}),
+			bar: {
+				label: "Workforce controls",
+				title,
+				titleRender: (props) => /* @__PURE__ */ jsx("h1", {
+					...props,
+					children: props.children
+				}),
+				actions: connected ? /* @__PURE__ */ jsxs(Fragment, { children: [
+					/* @__PURE__ */ jsx(AppTopBar.Link, {
+						label: `Start new work with ${connected.name}`,
+						tooltip: "New work",
+						render: renderLink({
+							kind: "new-work",
+							employee: connected
+						}),
+						children: /* @__PURE__ */ jsx(PencilIcon, {})
+					}),
+					/* @__PURE__ */ jsx(AppTopBar.Link, {
+						label: `Open ${connected.name} workspace`,
+						tooltip: "Workspace",
+						render: renderLink({
+							kind: "workspace",
+							employee: connected
+						}),
+						children: /* @__PURE__ */ jsx(FolderIcon, {})
+					}),
+					renderEmployeeActions(connected)
+				] }) : void 0
+			}
+		}),
+		children: /* @__PURE__ */ jsx(ManagerOffice.Main, {
+			"aria-label": view.kind === "attention" ? title : `${title} details`,
+			children: !employees.length ? /* @__PURE__ */ jsx(EmptyState, {
+				icon: /* @__PURE__ */ jsx(PlusIcon, {}),
+				title: "Add your first employee",
+				description: "Connect another profile to manage it here.",
+				children: emptyOfficeAction
+			}) : view.kind === "attention" ? /* @__PURE__ */ jsx(ManagerOffice.Attention, {}) : /* @__PURE__ */ jsx(EmployeeOverview, { employee })
+		})
+	});
+}
+/** Selected employee content, including disconnected and missing roster entries. */
+function EmployeeOverview({ employee }) {
+	if (!employee) return /* @__PURE__ */ jsx(EmptyState, {
+		icon: /* @__PURE__ */ jsx(WarningIcon, {}),
+		title: "Employee unavailable",
+		description: "Choose another employee from the roster."
+	});
+	if (!("work" in employee)) return /* @__PURE__ */ jsx(ManagerOffice.ConnectionState, { employee });
+	return /* @__PURE__ */ jsxs(ManagerOffice.Employee, {
+		employee,
+		children: [
+			/* @__PURE__ */ jsx(ManagerOffice.EmployeeHeader, {}),
+			/* @__PURE__ */ jsx(ManagerOffice.Handoffs, {}),
+			/* @__PURE__ */ jsxs(ManagerOffice.Columns, { children: [/* @__PURE__ */ jsx(ManagerOffice.Work, {}), /* @__PURE__ */ jsxs(ManagerOffice.Aside, { children: [/* @__PURE__ */ jsx(ManagerOffice.Routines, {}), /* @__PURE__ */ jsx(ManagerOffice.Channels, {})] })] })
+		]
+	});
+}
+//#endregion
+export { ManagerOfficeScreen, ManagerWorkChannels, ManagerWorkShell };

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

@@ -1,4 +1,4 @@
-import { McpServerCard } from "../../utils/mcp-server-catalog.js";
+import { o as McpServerCard } from "../../mcp-server-catalog-D9p4gGeJ.js";
 import * as React from "react";
 import { DynamicToolUIPart, ToolUIPart } from "ai";
 import { MCPServersState } from "agents";

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

@@ -1,10 +1,10 @@
 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 { AgentAttention, AgentAttentionActions, AgentAttentionBody, AgentAttentionHeader } from "../ai-sdk/AgentAttention.js";
 import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
-import { McpServerIcon } from "./McpServerIcon.js";
 import { DescriptionList } from "../foundations/DescriptionList.js";
-import { AgentAttention, AgentAttentionActions, AgentAttentionBody, AgentAttentionHeader } from "../ai-sdk/AgentAttention.js";
+import { McpServerIcon } from "./McpServerIcon.js";
 import { t as getMcpServerProjection } from "../../mcp-server-mAErsxHU.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,39 +1,2 @@
-import { McpServerSetupAuth, McpServerSetupAuthFieldName } from "../../utils/mcp-server-catalog.js";
-import * as React from "react";
-
-//#region src/components/agents-sdk/McpConnectorForm.d.ts
-type CredentialFieldName = Exclude<McpServerSetupAuthFieldName, "redirectUrl">;
-type McpConnectorFormValues = Readonly<Partial<Record<CredentialFieldName, string>> & {
-  readonly name: string;
-  readonly url: string;
-}>;
-type McpConnectorFormProps = Omit<React.FormHTMLAttributes<HTMLFormElement>, "onSubmit" | "status"> & {
-  /** Authentication metadata that decides which credential fields render. */readonly auth?: McpServerSetupAuth; /** Initial connector values. Publisher client credentials remain app-owned. */
-  readonly defaults?: Partial<McpConnectorFormValues>; /** Optional pattern used to validate the MCP name field. */
-  readonly namePattern?: string; /** Keep a catalog-owned MCP name and URL visible but immutable. */
-  readonly readOnlyServer?: boolean; /** Read-only redirect URL shown for manual OAuth client setup. */
-  readonly redirectUrl?: string; /** Inline connection status announced politely to assistive tech. */
-  readonly status?: React.ReactNode; /** Label for the submit button. */
-  readonly submitLabel?: string; /** Label shown while submit is pending. */
-  readonly submittingLabel?: string; /** Called with normalized connector values after native form validation passes. */
-  readonly onSubmit: (values: McpConnectorFormValues) => void | Promise<void>;
-};
-/** Collects MCP connector settings and optional credentials with native form validation. */
-declare function McpConnectorForm({
-  auth,
-  className,
-  defaults,
-  namePattern,
-  readOnlyServer,
-  redirectUrl,
-  status,
-  submitLabel,
-  submittingLabel,
-  onSubmit,
-  ref,
-  ...props
-}: McpConnectorFormProps & {
-  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLFormElement>;
-}): React.JSX.Element;
-//#endregion
+import { n as McpConnectorFormProps, r as McpConnectorFormValues, t as McpConnectorForm } from "../../McpConnectorForm--HB0MEGC.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-COCyV98Z.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,6 +1,6 @@
-import { McpServerCard } from "../../utils/mcp-server-catalog.js";
-import { McpConnectorFormValues } from "./McpConnectorForm.js";
-import { DialogProps } from "../foundations/Dialog.js";
+import { l as DialogProps } from "../../Dialog-88GF7_Th.js";
+import { o as McpServerCard } from "../../mcp-server-catalog-D9p4gGeJ.js";
+import { r as McpConnectorFormValues } from "../../McpConnectorForm--HB0MEGC.js";
 import * as React from "react";
 import { MCPServersState } from "agents";
 

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

@@ -1,15 +1,15 @@
 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 { Separator } from "../foundations/Separator.js";
 import { AppIcon } from "../foundations/AppIcon.js";
-import { McpServerIcon } from "./McpServerIcon.js";
 import { SearchField } from "../foundations/SearchField.js";
-import { Separator } from "../foundations/Separator.js";
-import { AgentAttention, AgentAttentionBody, AgentAttentionHeader } from "../ai-sdk/AgentAttention.js";
+import { McpServerIcon } from "./McpServerIcon.js";
 import { t as getMcpServerProjection } from "../../mcp-server-mAErsxHU.js";
 import { McpServerSetupDialog } from "./McpServerPicker.js";
 import * as React from "react";

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

@@ -1,4 +1,4 @@
-import { McpServerCard } from "../../utils/mcp-server-catalog.js";
+import { o as McpServerCard } from "../../mcp-server-catalog-D9p4gGeJ.js";
 import { AppIconSize, AppIconVariant } from "../foundations/AppIcon.js";
 
 //#region src/components/agents-sdk/McpServerIcon.d.ts

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

@@ -1,7 +1,7 @@
-import { s as MenuItemProps, t as Menu } from "../../Menu-yb6QXWA3.js";
-import { McpServerCard } from "../../utils/mcp-server-catalog.js";
-import { McpConnectorFormProps } from "./McpConnectorForm.js";
-import { DialogProps } from "../foundations/Dialog.js";
+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 * as React from "react";
 import { MCPServersState } from "agents";
 

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 { Menu } from "../foundations/Menu.js";
 import { Dialog } from "../foundations/Dialog.js";
 import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
-import { Menu } from "../foundations/Menu.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

@@ -0,0 +1,31 @@
+import { SettingsFormDialogProps } from "../general-purpose/SettingsFormDialog.js";
+
+//#region src/components/agents-sdk/ModelEndpointDialog.d.ts
+interface ModelEndpointDialogProps {
+  /** Whether the host has opened its model connection settings. */
+  open: boolean;
+  /** Update the host-owned open state after dismissal or successful submission. */
+  onOpenChange: SettingsFormDialogProps["onOpenChange"];
+  /** Validate and persist the raw connection form values; rejection remains visible. */
+  onSubmit: SettingsFormDialogProps["onFormSubmit"];
+  /** Remove the configured endpoint and return to ChatGPT. */
+  onRemove?: () => Promise<void>;
+  /** Existing endpoint values and the most recent request error. */
+  configured?: {
+    baseUrl: string;
+    modelId: string;
+    acceptsImages: boolean;
+    acceptsPdfs: boolean;
+    error?: string;
+  };
+}
+/** 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 };

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

@@ -0,0 +1,118 @@
+import { Field } from "../foundations/Field.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
+/** 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.",
+		submitLabel: "Use this endpoint",
+		removeLabel: onRemove ? "Use ChatGPT instead" : void 0,
+		externalError: configured?.error ? `Last request failed: ${configured.error}` : void 0,
+		onFormSubmit: onSubmit,
+		onRemove,
+		children: [
+			/* @__PURE__ */ jsxs(Field.Root, {
+				name: "baseUrl",
+				children: [
+					/* @__PURE__ */ jsx(Field.Label, { children: "Base URL" }),
+					/* @__PURE__ */ jsx(Field.Control, {
+						type: "url",
+						placeholder: "https://gateway.example.com/v1",
+						autoComplete: "off",
+						defaultValue: configured?.baseUrl,
+						required: true
+					}),
+					/* @__PURE__ */ jsx(Field.Error, {
+						match: "valueMissing",
+						children: "Base URL is required."
+					}),
+					/* @__PURE__ */ jsx(Field.Error, {
+						match: "typeMismatch",
+						children: "Enter a valid URL."
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs(Field.Root, {
+				name: "modelId",
+				children: [
+					/* @__PURE__ */ jsx(Field.Label, { children: "Model id" }),
+					/* @__PURE__ */ jsx(Field.Control, {
+						placeholder: "qwen3-coder",
+						autoComplete: "off",
+						defaultValue: configured?.modelId,
+						required: true
+					}),
+					/* @__PURE__ */ jsx(Field.Error, {
+						match: "valueMissing",
+						children: "Model id is required."
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs(Field.Root, {
+				name: "apiKey",
+				children: [/* @__PURE__ */ jsx(Field.Label, { children: configured ? "API key (optional, stored)" : "API key (optional)" }), /* @__PURE__ */ jsx(Field.Control, {
+					type: "password",
+					autoComplete: "off"
+				})]
+			}),
+			/* @__PURE__ */ jsxs(Field.Root, {
+				name: "autoCapabilities",
+				orientation: "horizontal",
+				children: [/* @__PURE__ */ jsx(Checkbox.Root, {
+					defaultChecked: !configured,
+					children: /* @__PURE__ */ jsx(Checkbox.Indicator, {})
+				}), /* @__PURE__ */ jsxs(Field.Content, { children: [/* @__PURE__ */ jsx(Field.Label, { children: "Detect capabilities automatically" }), /* @__PURE__ */ jsxs(Field.Description, { children: [
+					"Looks up the model id in the open",
+					" ",
+					/* @__PURE__ */ jsx("a", {
+						href: "https://models.dev",
+						target: "_blank",
+						rel: "noreferrer",
+						children: "models.dev"
+					}),
+					" ",
+					"registry (or your Ollama) and ignores the boxes below. Uncheck to declare capabilities yourself."
+				] })] })]
+			}),
+			/* @__PURE__ */ jsxs(Field.Root, {
+				name: "acceptsImages",
+				orientation: "horizontal",
+				children: [/* @__PURE__ */ jsx(Checkbox.Root, {
+					defaultChecked: configured?.acceptsImages ?? false,
+					children: /* @__PURE__ */ jsx(Checkbox.Indicator, {})
+				}), /* @__PURE__ */ jsxs(Field.Content, { children: [/* @__PURE__ */ jsx(Field.Label, { children: "This model reads images" }), /* @__PURE__ */ jsxs(Field.Description, { children: [
+					"Leave this off and screenshots are named, not sent — the agent reads the DOM instead.",
+					" ",
+					/* @__PURE__ */ jsx("a", {
+						href: "https://openrouter.ai/models?input_modalities=image",
+						target: "_blank",
+						rel: "noreferrer",
+						children: "OpenRouter"
+					}),
+					" ",
+					"lists which models take image input."
+				] })] })]
+			}),
+			/* @__PURE__ */ jsxs(Field.Root, {
+				name: "acceptsPdfs",
+				orientation: "horizontal",
+				children: [/* @__PURE__ */ jsx(Checkbox.Root, {
+					defaultChecked: configured?.acceptsPdfs ?? false,
+					children: /* @__PURE__ */ jsx(Checkbox.Indicator, {})
+				}), /* @__PURE__ */ jsxs(Field.Content, { children: [/* @__PURE__ */ jsx(Field.Label, { children: "This model reads PDFs" }), /* @__PURE__ */ jsxs(Field.Description, { children: [
+					"Leave this off and workspace PDFs are named, not sent — the agent routes documents through browser tools instead. Requires the endpoint to accept OpenAI-style",
+					" ",
+					/* @__PURE__ */ jsx("code", { children: "file" }),
+					" content parts."
+				] })] })]
+			})
+		]
+	});
+}
+//#endregion
+export { ModelEndpointDialog };

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

@@ -1,5 +1,5 @@
 import { r as ButtonProps } from "../../Button-DjONW5UW.js";
-import { DialogProps } from "../foundations/Dialog.js";
+import { l as DialogProps } from "../../Dialog-88GF7_Th.js";
 import { n as SeparatorProps } from "../../Separator-CzhtLYE1.js";
 import * as React from "react";
 import Cloudflare from "cloudflare";

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

@@ -1,13 +1,13 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { U as SearchIcon, f as ChevronDownIcon } from "../../icons-cuEtsgj9.js";
+import { U as SearchIcon, f as ChevronDownIcon } from "../../icons-CeGfXO21.js";
 import { Button } from "../foundations/Button.js";
+import { Autocomplete } from "../foundations/Autocomplete.js";
 import { Dialog } from "../foundations/Dialog.js";
 import { c as titleCase } from "../../format-COCyV98Z.js";
-import { Autocomplete } from "../foundations/Autocomplete.js";
+import { Separator } from "../foundations/Separator.js";
 import { ScrollArea } from "../foundations/ScrollArea.js";
-import { EmptyState } from "../foundations/EmptyState.js";
 import { t as ProviderLogo } from "../../provider-logos-DWYY8wNz.js";
-import { Separator } from "../foundations/Separator.js";
+import { EmptyState } from "../foundations/EmptyState.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createPortal } from "react-dom";

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

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { ThinkExecutionApproval, ThinkPendingApproval, getPausedExecution } from "./ThinkPendingApproval.js";
 import { ToolApproval } from "../ai-sdk/ToolApproval.js";
+import { ThinkExecutionApproval, ThinkPendingApproval, getPausedExecution } from "./ThinkPendingApproval.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { isToolUIPart } from "ai";

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

@@ -1,4 +1,4 @@
-import { D as PromptInputCommandDefinition } from "../../PromptInput-C4Mofitz.js";
+import { D as PromptInputCommandDefinition } from "../../PromptInput-DGPrCTPl.js";
 import { ConversationTabPickerItem } from "../extension/ConversationTabPicker.js";
 import { MCPServersState } from "agents";
 import { SkillDescriptor } from "agents/skills";

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

@@ -1,6 +1,6 @@
 import { composerLinkHref } from "../../utils/composer-link.js";
 import { findCatalogMcpServerCard, getMcpServerIconSrc } from "../../utils/mcp-server-catalog.js";
-import { A as McpIcon, c as BoxIcon } from "../../icons-cuEtsgj9.js";
+import { A as McpIcon, c as BoxIcon } from "../../icons-CeGfXO21.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/agents-sdk/PromptInputCommands.tsx
 function mcpServerCommandIcon(server) {