@mcp-b/react-components 0.56.2 → 0.57.1

package/dist/{CodeBlock-Dw1z6jc8.js → CodeBlock-Bl-q7wMc.js}

@@ -1,5 +1,5 @@
 import { t as cx } from "./class-names-BiMDVpUo.js";
-import { t as CopyButton } from "./copy-button-Dk2vRe9j.js";
+import { t as CopyButton } from "./copy-button-CSDuDfdP.js";
 import { Select } from "./components/foundations/Select.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/{FileTree-D61EeWRU.js → FileTree-CfOhUyp3.js}

@@ -1,5 +1,5 @@
 import { t as cx } from "./class-names-BiMDVpUo.js";
-import { C as FolderIcon, S as FileIcon, p as ChevronRightIcon, w as FolderOpenIcon } from "./icons-CeGfXO21.js";
+import { C as FolderIcon, S as FileIcon, p as ChevronRightIcon, w as FolderOpenIcon } from "./icons-cuEtsgj9.js";
 import { t as NavigationLink } from "./navigation-link-kqMa81v5.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{ManagerOffice-CJwBAEMv.js → ManagerOffice-CMJ7laGe.js}

@@ -1,17 +1,17 @@
 import { findCatalogMcpServerCard, getMcpServerIconSrc } from "./utils/mcp-server-catalog.js";
 import { t as cx } from "./class-names-BiMDVpUo.js";
+import { C as FolderIcon, D as LinkIcon, K as SpinnerIcon, L as PauseIcon, P as MonitorIcon, S as FileIcon, T as InfoIcon, _ as DotIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon, j as MessageSquareIcon, nt as XIcon, p as ChevronRightIcon, u as CalendarIcon } from "./icons-cuEtsgj9.js";
 import { Collapsible } from "./components/foundations/Collapsible.js";
-import { C as FolderIcon, D as LinkIcon, K as SpinnerIcon, L as PauseIcon, P as MonitorIcon, S as FileIcon, T as InfoIcon, _ as DotIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon, j as MessageSquareIcon, nt as XIcon, p as ChevronRightIcon, u as CalendarIcon } from "./icons-CeGfXO21.js";
 import { Button } from "./components/foundations/Button.js";
-import { AgentAttention, AgentAttentionActions, AgentAttentionBody, AgentAttentionHeader } from "./components/ai-sdk/AgentAttention.js";
 import { Tooltip } from "./components/foundations/Tooltip.js";
-import { Avatar } from "./components/foundations/Avatar.js";
-import { CorrespondentName, correspondentHandleLabel } from "./components/ai-sdk/Correspondent.js";
 import { EmptyState } from "./components/foundations/EmptyState.js";
 import { AppTopBar } from "./components/general-purpose/AppTopBar.js";
+import { Avatar } from "./components/foundations/Avatar.js";
 import { AppIcon } from "./components/foundations/AppIcon.js";
 import { LinkButton } from "./components/foundations/LinkButton.js";
 import { getThinkExecutionRunStatus } from "./components/agents-sdk/ThinkExecutionRun.js";
+import { AgentAttention, AgentAttentionActions, AgentAttentionBody, AgentAttentionHeader } from "./components/ai-sdk/AgentAttention.js";
+import { CorrespondentName, correspondentHandleLabel } from "./components/ai-sdk/Correspondent.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useRender } from "@base-ui/react/use-render";

package/dist/{SetupChecklist-DWyifWWg.js → SetupChecklist-BiWQkKEq.js}

@@ -1,7 +1,7 @@
 import { n as mergeBaseClassName } from "./class-names-BiMDVpUo.js";
-import { B as PlusIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon } from "./icons-CeGfXO21.js";
-import { Menu } from "./components/foundations/Menu.js";
+import { B as PlusIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon } from "./icons-cuEtsgj9.js";
 import { IconButton } from "./components/foundations/IconButton.js";
+import { Menu } from "./components/foundations/Menu.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/_internal/menu-disclosure-group.tsx

package/dist/{WorkspaceFileView-DCvGBsI1.js → WorkspaceFileView-CCe_o79q.js}

@@ -1,7 +1,7 @@
-import { b as EyeIcon, d as CheckIcon, et as WarningIcon, k as MaximizeIcon, m as CodeIcon, r as ArrowLeftIcon, v as DownloadIcon } from "./icons-CeGfXO21.js";
+import { b as EyeIcon, d as CheckIcon, et as WarningIcon, k as MaximizeIcon, m as CodeIcon, r as ArrowLeftIcon, v as DownloadIcon } from "./icons-cuEtsgj9.js";
 import { i as formatClock } from "./format-CWaZEp5o.js";
-import { a as CodeBlockCopyButton, i as CodeBlockContent, r as CodeBlockContainer, t as CodeBlock } from "./CodeBlock-Dw1z6jc8.js";
 import { AppTopBar } from "./components/general-purpose/AppTopBar.js";
+import { a as CodeBlockCopyButton, i as CodeBlockContent, r as CodeBlockContainer, t as CodeBlock } from "./CodeBlock-Bl-q7wMc.js";
 import { inferWorkspaceLanguage, inferWorkspaceMedia, isWorkspaceMarkdownPath, isWorkspaceSkillPath, parseWorkspaceSkill } from "./components/agents-sdk/WorkspaceFile.js";
 import { i as useWorkspaceNavigationContext } from "./WorkspaceLink-BeFAXpbI.js";
 import { useWorkspaceNavigationRestoration } from "./components/agents-sdk/WorkspaceNavigationRestoration.js";

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

@@ -1,5 +1,5 @@
 import { canRequestFavicon, inferFaviconUrl } from "../../utils/favicon.js";
-import { D as LinkIcon, P as MonitorIcon, R as PencilIcon, S as FileIcon, T as InfoIcon, U as SearchIcon, Z as TerminalIcon, et as WarningIcon, tt as WrenchIcon } from "../../icons-CeGfXO21.js";
+import { D as LinkIcon, P as MonitorIcon, R as PencilIcon, S as FileIcon, T as InfoIcon, U as SearchIcon, Z as TerminalIcon, et as WarningIcon, tt as WrenchIcon } from "../../icons-cuEtsgj9.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/agents-sdk/AgentActivity.tsx

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

@@ -1,23 +1,23 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { H as RefreshIcon, K as SpinnerIcon, Q as TrashIcon, R as PencilIcon, t as ArchiveIcon } from "../../icons-cuEtsgj9.js";
 import { ExpansionStateProvider } from "../ai-sdk/ExpansionState.js";
-import { H as RefreshIcon, K as SpinnerIcon, Q as TrashIcon, R as PencilIcon, t as ArchiveIcon } from "../../icons-CeGfXO21.js";
-import { AgentChatMessageEditor } from "../ai-sdk/AgentChatMessageEditor.js";
-import { PromptInput, PromptInputSubmit, PromptInputTray, composerLinksToReferences, usePromptInputController } from "../ai-sdk/PromptInput.js";
 import { Message, MessageAction, MessageActions, MessageCopyAction, MessageMeta, MessageTimestamp } from "../ai-sdk/Message.js";
+import { AgentEventRow, getAgentEvent } from "./AgentEvent.js";
+import { AgentChatQueueProvider, useOptionalAgentChatQueue } from "./AgentChatQueue.js";
 import { AgentMessageParts } from "../ai-sdk/AgentMessageParts.js";
-import { Marker, MarkerContent } from "../foundations/Marker.js";
+import { AgentChatMessageEditor } from "../ai-sdk/AgentChatMessageEditor.js";
 import { VirtualMessageScroller } from "../ai-sdk/MessageScrollerVirtual.js";
+import { PromptInput, PromptInputSubmit, PromptInputTray, composerLinksToReferences, usePromptInputController } from "../ai-sdk/PromptInput.js";
 import { Queue, QueueItem, QueueItemAction, QueueItemActions, QueueItemContent, QueueItemIndicator, QueueList } from "../ai-sdk/Queue.js";
-import { AgentEventRow, getAgentEvent } from "./AgentEvent.js";
-import { AgentChatQueueProvider, useOptionalAgentChatQueue } from "./AgentChatQueue.js";
 import { PromptInputApproval, getApprovalStateKey, getPendingToolApprovals } from "./PromptInputApproval.js";
 import { BrandLoading } from "../general-purpose/BrandLoading.js";
+import { Marker, MarkerContent } from "../foundations/Marker.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useRender } from "@base-ui/react/use-render";
 import { mergeProps } from "@base-ui/react/merge-props";
-import { isTextUIPart } from "ai";
 import { isCompactionMessage } from "agents/sessions";
+import { isTextUIPart } from "ai";
 //#region src/components/agents-sdk/AgentChat.tsx
 function observeAgentChatDock(element) {
 	if (!element || typeof ResizeObserver === "undefined") return;

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

@@ -1,4 +1,4 @@
-import { E as KeyboardIcon, H as RefreshIcon, r as ArrowLeftIcon } from "../../icons-CeGfXO21.js";
+import { E as KeyboardIcon, H as RefreshIcon, r as ArrowLeftIcon } from "../../icons-cuEtsgj9.js";
 import { Button } from "../foundations/Button.js";
 import { WebPreviewNavigationButton } from "../general-purpose/WebPreview.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon, _ as DotIcon, k as MaximizeIcon } from "../../icons-CeGfXO21.js";
+import { K as SpinnerIcon, _ as DotIcon, k as MaximizeIcon } from "../../icons-cuEtsgj9.js";
 import { Button } from "../foundations/Button.js";
 import { Dialog } from "../foundations/Dialog.js";
 import { TransitionSurface } from "../foundations/TransitionSurface.js";

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { L as PauseIcon, z as PlayIcon } from "../../icons-CeGfXO21.js";
+import { L as PauseIcon, z as PlayIcon } from "../../icons-cuEtsgj9.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { i as formatClock } from "../../format-CWaZEp5o.js";
 import { EmptyState } from "../foundations/EmptyState.js";

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon, nt as XIcon } from "../../icons-CeGfXO21.js";
+import { K as SpinnerIcon, nt as XIcon } from "../../icons-cuEtsgj9.js";
 import { Tabs } from "../foundations/Tabs.js";
 import { WebPreview, WebPreviewEmpty, WebPreviewNavigation, WebPreviewNavigationButton, WebPreviewUrl, WebPreviewViewport } from "../general-purpose/WebPreview.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";

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

@@ -1,4 +1,4 @@
-import { et as WarningIcon } from "../../icons-CeGfXO21.js";
+import { et as WarningIcon } from "../../icons-cuEtsgj9.js";
 import { WorkbenchBack } from "./WorkbenchBack.js";
 import { StatusScreen } from "../general-purpose/StatusScreen.js";
 import { EmployeeChrome } from "./EmployeeChrome.js";

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

@@ -26,8 +26,10 @@ export interface EmployeeComposerProps<Id extends string = string> {
   /** Dictation control; mount live meter subscriptions inside this slot. */
   dictation?: React.ReactNode;
   context?: ContextProps;
+  /** Explains the scope of the supplied usage and context budget. */
+  contextDescription?: string;
 }
-declare function EmployeeComposerContent<Id extends string = string>({ personalization, connections, tools, contextSelector, tabs, model, dictation, context, onCompact, placeholder, disabled, ...input }: EmployeeComposerProps<Id>): React.JSX.Element;
+declare function EmployeeComposerContent<Id extends string = string>({ personalization, connections, tools, contextSelector, tabs, model, dictation, context, contextDescription, onCompact, placeholder, disabled, ...input }: EmployeeComposerProps<Id>): React.JSX.Element;
 /** One composer anatomy for the app and its examples; unchanged configuration stays quiet during streaming. */
 export declare const EmployeeComposer: typeof EmployeeComposerContent;
 export interface EmployeeTranscriptProps extends Omit<ThinkChatMessageContentProps, "message"> {

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

@@ -1,11 +1,11 @@
 import { PromptInputActionAddAttachments, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuTrigger, PromptInputAttachments, PromptInputBody, PromptInputCommandComposer, PromptInputContextSelector, PromptInputFooter, PromptInputFooterEnd, PromptInputTools } from "../ai-sdk/PromptInput.js";
-import { Context, ContextContent, ContextContentBody, ContextContentHeader, ContextTrigger } from "../ai-sdk/Context.js";
-import { CodexModelSelector } from "../extension/CodexModelSelector.js";
-import { ConversationTabPicker } from "../extension/ConversationTabPicker.js";
 import { AgentChat, useAgentChatCompaction } from "./AgentChat.js";
-import { n as SetupChecklistGroup } from "../../SetupChecklist-DWyifWWg.js";
+import { ConversationTabPicker } from "../extension/ConversationTabPicker.js";
+import { n as SetupChecklistGroup } from "../../SetupChecklist-BiWQkKEq.js";
 import { McpServerPickerItems } from "./McpServerPicker.js";
 import { EmployeeStartScreen } from "./EmployeeStartScreen.js";
+import { Context, ContextContent, ContextContentBody, ContextContentFooter, ContextContentHeader, ContextTrigger } from "../ai-sdk/Context.js";
+import { CodexModelSelector } from "../extension/CodexModelSelector.js";
 import { ThinkChat } from "./ThinkChat.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -26,7 +26,7 @@ function CompactingInput({ onCompact, ...props }) {
 		}
 	})] });
 }
-function EmployeeComposerContent({ personalization, connections, tools, contextSelector, tabs, model, dictation, context, onCompact, placeholder = "How can I help you today?", disabled, ...input }) {
+function EmployeeComposerContent({ personalization, connections, tools, contextSelector, tabs, model, dictation, context, contextDescription, onCompact, placeholder = "How can I help you today?", disabled, ...input }) {
 	const inputProps = {
 		...input,
 		placeholder,
@@ -57,7 +57,14 @@ function EmployeeComposerContent({ personalization, connections, tools, contextS
 				dictation,
 				context ? /* @__PURE__ */ jsxs(Context, {
 					...context,
-					children: [/* @__PURE__ */ jsx(ContextTrigger, {}), /* @__PURE__ */ jsxs(ContextContent, { children: [/* @__PURE__ */ jsx(ContextContentHeader, {}), /* @__PURE__ */ jsx(ContextContentBody, {})] })]
+					children: [/* @__PURE__ */ jsx(ContextTrigger, {}), /* @__PURE__ */ jsxs(ContextContent, { children: [
+						/* @__PURE__ */ jsx(ContextContentHeader, {}),
+						/* @__PURE__ */ jsx(ContextContentBody, {}),
+						contextDescription ? /* @__PURE__ */ jsx(ContextContentFooter, { children: /* @__PURE__ */ jsx("p", {
+							className: "context__description",
+							children: contextDescription
+						}) }) : null
+					] })]
 				}) : null,
 				/* @__PURE__ */ jsx(AgentChat.Submit, {})
 			] })] })

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

@@ -1,21 +1,21 @@
 import { findCatalogMcpServerCard } from "../../utils/mcp-server-catalog.js";
-import { A as McpIcon, C as FolderIcon, F as MoonIcon, K as SpinnerIcon, P as MonitorIcon, R as PencilIcon, S as FileIcon, T as InfoIcon, V as QueueIcon, W as SidebarIcon, Y as SunIcon, Z as TerminalIcon, b as EyeIcon, c as BoxIcon, et as WarningIcon, o as ArrowUpRightIcon, q as SquareIcon, r as ArrowLeftIcon, y as EllipsisIcon } from "../../icons-CeGfXO21.js";
+import { A as McpIcon, C as FolderIcon, F as MoonIcon, K as SpinnerIcon, P as MonitorIcon, R as PencilIcon, S as FileIcon, T as InfoIcon, V as QueueIcon, W as SidebarIcon, Y as SunIcon, Z as TerminalIcon, b as EyeIcon, c as BoxIcon, et as WarningIcon, o as ArrowUpRightIcon, q as SquareIcon, r as ArrowLeftIcon, y as EllipsisIcon } from "../../icons-cuEtsgj9.js";
 import { Button } from "../foundations/Button.js";
-import { Menu } from "../foundations/Menu.js";
 import { Tooltip } from "../foundations/Tooltip.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { Dialog } from "../foundations/Dialog.js";
 import { a as formatErrorMessage } from "../../format-CWaZEp5o.js";
-import { AgentChatStartScreen, AgentChatStartScreenComposer, AgentChatStartScreenPrimary, AgentChatStartScreenSuggestions, AgentChatStartScreenTray, AgentChatStarterList } from "../ai-sdk/AgentChatStartScreen.js";
-import { n as isPlainPrimaryLinkActivation } from "../../navigation-link-kqMa81v5.js";
-import { DescriptionList } from "../foundations/DescriptionList.js";
-import { Avatar } from "../foundations/Avatar.js";
-import { ChatGptSignInScreen } from "../extension/ChatGptSignInScreen.js";
 import { SubagentRunLabel, getSubagentRunName } from "./SubagentRunIndicator.js";
+import { Menu } from "../foundations/Menu.js";
 import { BrandLoading } from "../general-purpose/BrandLoading.js";
 import { AgentChat } from "./AgentChat.js";
 import { EmptyState } from "../foundations/EmptyState.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
+import { n as isPlainPrimaryLinkActivation } from "../../navigation-link-kqMa81v5.js";
+import { AgentChatStartScreen, AgentChatStartScreenComposer, AgentChatStartScreenPrimary, AgentChatStartScreenSuggestions, AgentChatStartScreenTray, AgentChatStarterList } from "../ai-sdk/AgentChatStartScreen.js";
+import { ChatGptSignInScreen } from "../extension/ChatGptSignInScreen.js";
+import { Avatar } from "../foundations/Avatar.js";
+import { DescriptionList } from "../foundations/DescriptionList.js";
 import { useTheme } from "../foundations/ThemeProvider.js";
 import { ActionGuide, ActionGuideAction, ActionGuideList, ActionGuideSection } from "../general-purpose/ActionGuide.js";
 import { ResponsiveSidebarShell, useResponsiveSidebarShell } from "../general-purpose/ResponsiveSidebarShell.js";

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

@@ -1,4 +1,4 @@
-import { R as PencilIcon, r as ArrowLeftIcon } from "../../icons-CeGfXO21.js";
+import { R as PencilIcon, r as ArrowLeftIcon } from "../../icons-cuEtsgj9.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import { StatusScreen } from "../general-purpose/StatusScreen.js";
 import { ResponsiveSidebarShell } from "../general-purpose/ResponsiveSidebarShell.js";

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

@@ -1,10 +1,10 @@
-import { C as FolderIcon, G as SlackIcon, I as PaperclipIcon, c as BoxIcon, g as DiscordIcon } from "../../icons-CeGfXO21.js";
-import { Menu } from "../foundations/Menu.js";
+import { C as FolderIcon, G as SlackIcon, I as PaperclipIcon, c as BoxIcon, g as DiscordIcon } from "../../icons-cuEtsgj9.js";
 import { IconButton } from "../foundations/IconButton.js";
+import { Menu } from "../foundations/Menu.js";
 import { ActionGuideAction } from "../general-purpose/ActionGuide.js";
 import { AppIcon } from "../foundations/AppIcon.js";
 import { EmployeeChrome } from "./EmployeeChrome.js";
-import { t as SetupChecklistAction } from "../../SetupChecklist-DWyifWWg.js";
+import { t as SetupChecklistAction } from "../../SetupChecklist-BiWQkKEq.js";
 import { McpServerPickerAction, McpServerPickerItems } from "./McpServerPicker.js";
 import { WorkspaceMountManager } from "./WorkspaceMountManager.js";
 import * as React from "react";

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

@@ -1,7 +1,7 @@
-import { B as PlusIcon, y as EllipsisIcon } from "../../icons-CeGfXO21.js";
-import { Menu } from "../foundations/Menu.js";
+import { B as PlusIcon, y as EllipsisIcon } from "../../icons-cuEtsgj9.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { a as formatErrorMessage } from "../../format-CWaZEp5o.js";
+import { Menu } from "../foundations/Menu.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import { Toast } from "../foundations/Toast.js";
 import "react";

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

@@ -1,2 +1,2 @@
-import { n as ManagerOfficeSidebar, r as ManagerOfficeSidebarAlert, t as ManagerOffice } from "../../ManagerOffice-CJwBAEMv.js";
+import { n as ManagerOfficeSidebar, r as ManagerOfficeSidebarAlert, t as ManagerOffice } from "../../ManagerOffice-CMJ7laGe.js";
 export { ManagerOffice, ManagerOfficeSidebar, ManagerOfficeSidebarAlert };

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-CeGfXO21.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-cuEtsgj9.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-CJwBAEMv.js";
+import { n as ManagerOfficeSidebar, r as ManagerOfficeSidebarAlert, t as ManagerOffice } from "../../ManagerOffice-CMJ7laGe.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/ManagerOfficeScreens.tsx

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-CeGfXO21.js";
+import { K as SpinnerIcon, d as CheckIcon, et as WarningIcon } from "../../icons-cuEtsgj9.js";
 import { Button } from "../foundations/Button.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.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-CWaZEp5o.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.js

@@ -1,8 +1,7 @@
 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-CeGfXO21.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 { 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-CWaZEp5o.js";
@@ -12,6 +11,7 @@ import { McpServerIcon } from "./McpServerIcon.js";
 import { SearchField } from "../foundations/SearchField.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/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-CeGfXO21.js";
+import { K as SpinnerIcon, N as MinusIcon, d as CheckIcon, et as WarningIcon } from "../../icons-cuEtsgj9.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-CWaZEp5o.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

@@ -1,5 +1,12 @@
 import { SettingsFormDialogProps } from "../general-purpose/SettingsFormDialog.js";
 //#region src/components/agents-sdk/ModelEndpointDialog.d.ts
+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;
@@ -11,6 +18,7 @@ export 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;

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 { 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: [

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-CeGfXO21.js";
+import { U as SearchIcon, f as ChevronDownIcon } from "../../icons-cuEtsgj9.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-CWaZEp5o.js";
-import { Separator } from "../foundations/Separator.js";
+import { Autocomplete } from "../foundations/Autocomplete.js";
 import { ScrollArea } from "../foundations/ScrollArea.js";
-import { t as ProviderLogo } from "../../provider-logos-DWYY8wNz.js";
 import { EmptyState } from "../foundations/EmptyState.js";
+import { t as ProviderLogo } from "../../provider-logos-DWYY8wNz.js";
+import { Separator } from "../foundations/Separator.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 { ToolApproval } from "../ai-sdk/ToolApproval.js";
 import { ThinkExecutionApproval, ThinkPendingApproval, getPausedExecution } from "./ThinkPendingApproval.js";
+import { ToolApproval } from "../ai-sdk/ToolApproval.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { isToolUIPart } from "ai";

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-CeGfXO21.js";
+import { A as McpIcon, c as BoxIcon } from "../../icons-cuEtsgj9.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/agents-sdk/PromptInputCommands.tsx
 function mcpServerCommandIcon(server) {

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { J as StopIcon, K as SpinnerIcon, d as CheckIcon, et as WarningIcon } from "../../icons-CeGfXO21.js";
+import { J as StopIcon, K as SpinnerIcon, d as CheckIcon, et as WarningIcon } from "../../icons-cuEtsgj9.js";
 import { r as firstLine, s as textLines } from "../../format-CWaZEp5o.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,8 +1,8 @@
 import { createExpansionStore } from "../ai-sdk/ExpansionState.js";
 import { Button } from "../foundations/Button.js";
-import { Queue, QueueItem, QueueItemAction, QueueItemActions, QueueItemContent, QueueItemDescription, QueueList, QueueSection, QueueSectionActions, QueueSectionContent, QueueSectionLabel, QueueSectionTrigger } from "../ai-sdk/Queue.js";
 import { getSubagentRunName } from "./SubagentRunIndicator.js";
 import { useOptionalAgentChatQueue } from "./AgentChatQueue.js";
+import { Queue, QueueItem, QueueItemAction, QueueItemActions, QueueItemContent, QueueItemDescription, QueueList, QueueSection, QueueSectionActions, QueueSectionContent, QueueSectionLabel, QueueSectionTrigger } from "../ai-sdk/Queue.js";
 import { AgentChatNotice, AgentChatPromptTray } from "./AgentChat.js";
 import { SubagentRunSelector } from "./SubagentRunSelector.js";
 import * as React from "react";

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

@@ -1,8 +1,8 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { buttonVariants } from "../foundations/Button.js";
 import { Tooltip } from "../foundations/Tooltip.js";
-import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { SubagentRunLabel, getSubagentRunName, getSubagentRunStatusText } from "./SubagentRunIndicator.js";
+import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/SubagentRunSelector.tsx

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

@@ -1,11 +1,11 @@
+import { AgentActivityFavicon, AgentActivityIcon } from "./AgentActivity.js";
 import { useExpansionState } from "../ai-sdk/ExpansionState.js";
 import { Activity, ActivityContent, ActivityItem, ActivityItemGroup, ActivityText, ActivityTrigger } from "../ai-sdk/Activity.js";
 import { Button } from "../foundations/Button.js";
 import { MessageResponse } from "../ai-sdk/Message.js";
-import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
-import { AgentActivityFavicon, AgentActivityIcon } from "./AgentActivity.js";
 import { useOptionalAgentToolRuns } from "./AgentToolRunsContext.js";
 import { getSubagentRunName } from "./SubagentRunIndicator.js";
+import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { useOptionalThinkChatLive } from "./ThinkChatContext.js";
 import { isBrowserToolPart, isExecuteToolPart, isFetchToolPart, isPartWorking, isSessionContextToolPart, isSkillToolPart, isThinkChatActivityPart, isWorkspaceToolPart } from "./ThinkChatToolParts.js";
 import { ThinkChatBrowserPanel, ThinkChatExecutePanel, ThinkChatFetchPanel, ThinkChatSessionContextPanel, ThinkChatSkillPanel, ThinkChatWorkspacePanel } from "./ThinkChatToolPanels.js";

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

@@ -1,8 +1,8 @@
 import { ActivityOutput, ActivityPanel } from "../ai-sdk/Activity.js";
-import { Tabs } from "../foundations/Tabs.js";
 import { o as formatUnknownValue } from "../../format-CWaZEp5o.js";
-import { i as CodeBlockContent, r as CodeBlockContainer, t as CodeBlock } from "../../CodeBlock-Dw1z6jc8.js";
+import { Tabs } from "../foundations/Tabs.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";
+import { i as CodeBlockContent, r as CodeBlockContainer, t as CodeBlock } from "../../CodeBlock-Bl-q7wMc.js";
 import { inferWorkspaceLanguage } from "./WorkspaceFile.js";
 import { displayUrl, isSessionContextToolFailure } from "./ThinkChatToolParts.js";
 import * as React from "react";

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

@@ -1,9 +1,9 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { S as FileIcon, T as InfoIcon } from "../../icons-CeGfXO21.js";
+import { S as FileIcon, T as InfoIcon } from "../../icons-cuEtsgj9.js";
 import { Activity, ActivityContent, ActivityItemGroup, ActivityOutput, ActivityTrigger } from "../ai-sdk/Activity.js";
 import { o as formatUnknownValue } from "../../format-CWaZEp5o.js";
-import { DescriptionList } from "../foundations/DescriptionList.js";
 import { EmptyState } from "../foundations/EmptyState.js";
+import { DescriptionList } from "../foundations/DescriptionList.js";
 import { formatThinkExecutionTimestamp, getThinkExecutionRunError, getThinkExecutionRunId, getThinkExecutionRunKindLabel, getThinkExecutionRunProgressedAt, getThinkExecutionRunProgressedLabel, getThinkExecutionRunTitle, isThinkSubmissionRun } from "./ThinkExecutionRun.js";
 import { ThinkExecutionStatus } from "./ThinkExecutionStatus.js";
 import "react";

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon, L as PauseIcon, T as InfoIcon, d as CheckIcon, nt as XIcon } from "../../icons-CeGfXO21.js";
+import { K as SpinnerIcon, L as PauseIcon, T as InfoIcon, d as CheckIcon, nt as XIcon } from "../../icons-cuEtsgj9.js";
 import { Tooltip } from "../foundations/Tooltip.js";
 import { formatThinkExecutionRunProgress, formatThinkExecutionStatus, getThinkExecutionRunKindLabel, getThinkExecutionRunStatus, getThinkExecutionRunStatusTone, getThinkExecutionRunTitle } from "./ThinkExecutionRun.js";
 import "react";

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

@@ -1,12 +1,12 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { H as RefreshIcon, et as WarningIcon, y as EllipsisIcon } from "../../icons-CeGfXO21.js";
+import { H as RefreshIcon, et as WarningIcon, y as EllipsisIcon } from "../../icons-cuEtsgj9.js";
 import { buttonVariants } from "../foundations/Button.js";
-import { Menu } from "../foundations/Menu.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { a as formatErrorMessage } from "../../format-CWaZEp5o.js";
-import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
+import { Menu } from "../foundations/Menu.js";
 import { EmptyState } from "../foundations/EmptyState.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
+import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { getThinkExecutionRunAccessibleName, getThinkExecutionRunId, getThinkExecutionRunStatus, getThinkExecutionRunStatusTone, isThinkSubmissionRun } from "./ThinkExecutionRun.js";
 import { ThinkExecutionRunSummary } from "./ThinkExecutionStatus.js";
 import * as React from "react";

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

@@ -1,5 +1,5 @@
-import { AgentChatTurnError } from "../ai-sdk/AgentChatTurnError.js";
 import { TransitionSurface } from "../foundations/TransitionSurface.js";
+import { AgentChatTurnError } from "../ai-sdk/AgentChatTurnError.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/ThinkRecoveryNotice.tsx
 function connectionReason(error) {

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

@@ -1,4 +1,4 @@
-import { K as SpinnerIcon, Q as TrashIcon, z as PlayIcon } from "../../icons-CeGfXO21.js";
+import { K as SpinnerIcon, Q as TrashIcon, z as PlayIcon } from "../../icons-cuEtsgj9.js";
 import { Button } from "../foundations/Button.js";
 import { a as formatErrorMessage } from "../../format-CWaZEp5o.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";

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

@@ -1,10 +1,10 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { B as PlusIcon } from "../../icons-CeGfXO21.js";
+import { B as PlusIcon } from "../../icons-cuEtsgj9.js";
 import { buttonVariants } from "../foundations/Button.js";
 import { Tooltip } from "../foundations/Tooltip.js";
 import { t as capitalize } from "../../format-CWaZEp5o.js";
-import { n as isPlainPrimaryLinkActivation, t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { EmptyState } from "../foundations/EmptyState.js";
+import { n as isPlainPrimaryLinkActivation, t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { SearchField } from "../foundations/SearchField.js";
 import { ToggleGroup } from "../foundations/ToggleGroup.js";
 import { getThinkRoutineNextRun } from "./ThinkRoutine.js";

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

@@ -1,13 +1,13 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon, r as ArrowLeftIcon } from "../../icons-CeGfXO21.js";
+import { K as SpinnerIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon, r as ArrowLeftIcon } from "../../icons-cuEtsgj9.js";
 import { Button } from "../foundations/Button.js";
+import { a as formatErrorMessage } from "../../format-CWaZEp5o.js";
 import { Field } from "../foundations/Field.js";
 import { Form } from "../foundations/Form.js";
 import { Textarea } from "../foundations/Textarea.js";
-import { a as formatErrorMessage } from "../../format-CWaZEp5o.js";
-import { Select } from "../foundations/Select.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import { Fieldset } from "../foundations/Fieldset.js";
+import { Select } from "../foundations/Select.js";
 import { Checkbox } from "../foundations/Checkbox.js";
 import { CheckboxGroup } from "../foundations/CheckboxGroup.js";
 import { Combobox } from "../foundations/Combobox.js";