@mcp-b/react-components 0.56.2 → 0.57.0

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

@@ -8,10 +8,10 @@ import { AgentMessageParts } from "../ai-sdk/AgentMessageParts.js";
 import { Marker, MarkerContent } from "../foundations/Marker.js";
 import { VirtualMessageScroller } from "../ai-sdk/MessageScrollerVirtual.js";
 import { Queue, QueueItem, QueueItemAction, QueueItemActions, QueueItemContent, QueueItemIndicator, QueueList } from "../ai-sdk/Queue.js";
+import { BrandLoading } from "../general-purpose/BrandLoading.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 * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useRender } from "@base-ui/react/use-render";

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

@@ -2,9 +2,9 @@ import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { Activity, ActivityContent, ActivityText, ActivityTrigger } from "../ai-sdk/Activity.js";
 import { r as firstLine } from "../../format-CWaZEp5o.js";
 import { MessageResponse } from "../ai-sdk/Message.js";
-import { useOptionalAgentToolRuns } from "./AgentToolRunsContext.js";
-import { getSubagentRunName } from "./SubagentRunIndicator.js";
 import { NaniteMark } from "../nanites/NaniteScene.js";
+import { getSubagentRunName } from "./SubagentRunIndicator.js";
+import { useOptionalAgentToolRuns } from "./AgentToolRunsContext.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { isTextUIPart } from "ai";

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

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

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

@@ -2,11 +2,11 @@ import { PromptInputActionAddAttachments, PromptInputActionMenu, PromptInputActi
 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 { AgentChat, useAgentChatCompaction } from "./AgentChat.js";
+import { ThinkChat } from "./ThinkChat.js";
 import { McpServerPickerItems } from "./McpServerPicker.js";
 import { EmployeeStartScreen } from "./EmployeeStartScreen.js";
-import { ThinkChat } from "./ThinkChat.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/EmployeeChat.tsx

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

@@ -11,14 +11,14 @@ import { n as isPlainPrimaryLinkActivation } from "../../navigation-link-kqMa81v
 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 { 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 { useTheme } from "../foundations/ThemeProvider.js";
 import { ActionGuide, ActionGuideAction, ActionGuideList, ActionGuideSection } from "../general-purpose/ActionGuide.js";
+import { AppTopBar } from "../general-purpose/AppTopBar.js";
+import { BrandLoading } from "../general-purpose/BrandLoading.js";
 import { ResponsiveSidebarShell, useResponsiveSidebarShell } from "../general-purpose/ResponsiveSidebarShell.js";
+import { SubagentRunLabel, getSubagentRunName } from "./SubagentRunIndicator.js";
+import { AgentChat } from "./AgentChat.js";
 import { McpServerIcon } from "./McpServerIcon.js";
 import { ThinkThreadPicker, ThinkThreadStatusIndicators, summarizeThinkThreads } from "./ThinkThreadPicker.js";
 import * as React from "react";

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

@@ -1,8 +1,8 @@
 import { R as PencilIcon, r as ArrowLeftIcon } from "../../icons-CeGfXO21.js";
+import { LinkButton } from "../foundations/LinkButton.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
-import { StatusScreen } from "../general-purpose/StatusScreen.js";
 import { ResponsiveSidebarShell } from "../general-purpose/ResponsiveSidebarShell.js";
-import { LinkButton } from "../foundations/LinkButton.js";
+import { StatusScreen } from "../general-purpose/StatusScreen.js";
 import { EmployeeChrome } from "./EmployeeChrome.js";
 import { getThinkExecutionRunId } from "./ThinkExecutionRun.js";
 import { ThinkRoutineActions, useThinkRoutineActions } from "./ThinkRoutineActions.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 { IconButton } from "../foundations/IconButton.js";
-import { ActionGuideAction } from "../general-purpose/ActionGuide.js";
 import { AppIcon } from "../foundations/AppIcon.js";
-import { EmployeeChrome } from "./EmployeeChrome.js";
+import { ActionGuideAction } from "../general-purpose/ActionGuide.js";
 import { t as SetupChecklistAction } from "../../SetupChecklist-DWyifWWg.js";
+import { EmployeeChrome } from "./EmployeeChrome.js";
 import { McpServerPickerAction, McpServerPickerItems } from "./McpServerPicker.js";
 import { WorkspaceMountManager } from "./WorkspaceMountManager.js";
 import * as React from "react";

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

@@ -2,8 +2,8 @@ import { B as PlusIcon, y as EllipsisIcon } from "../../icons-CeGfXO21.js";
 import { Menu } from "../foundations/Menu.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { a as formatErrorMessage } from "../../format-CWaZEp5o.js";
-import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import { Toast } from "../foundations/Toast.js";
+import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/ManagerAccountActions.tsx

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-D4L_xO4i.js";
 export { ManagerOffice, ManagerOfficeSidebar, ManagerOfficeSidebarAlert };

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

@@ -5,7 +5,7 @@ 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-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/McpPluginCatalog.js

@@ -8,8 +8,8 @@ import { Dialog } from "../foundations/Dialog.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 * as React from "react";

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

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

@@ -3,9 +3,9 @@ import { Activity, ActivityContent, ActivityItem, ActivityItemGroup, ActivityTex
 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 { useOptionalAgentToolRuns } from "./AgentToolRunsContext.js";
+import { AgentActivityFavicon, AgentActivityIcon } from "./AgentActivity.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/ThinkRoutineActions.js

@@ -2,8 +2,8 @@ import { K as SpinnerIcon, Q as TrashIcon, z as PlayIcon } from "../../icons-CeG
 import { Button } from "../foundations/Button.js";
 import { a as formatErrorMessage } from "../../format-CWaZEp5o.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
-import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import { AlertDialog } from "../foundations/AlertDialog.js";
+import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";

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

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { getThinkRoutineNextRun } from "./ThinkRoutine.js";
 import { Switch } from "../foundations/Switch.js";
+import { getThinkRoutineNextRun } from "./ThinkRoutine.js";
 import { ThinkRoutineRuns } from "./ThinkRoutineRuns.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -6,12 +6,12 @@ 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 { Checkbox } from "../foundations/Checkbox.js";
 import { CheckboxGroup } from "../foundations/CheckboxGroup.js";
 import { Combobox } from "../foundations/Combobox.js";
+import { Fieldset } from "../foundations/Fieldset.js";
 import { NumberField } from "../foundations/NumberField.js";
+import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/ThinkRoutineForm.tsx

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

@@ -5,8 +5,8 @@ import { Tooltip } from "../foundations/Tooltip.js";
 import { a as formatErrorMessage } from "../../format-CWaZEp5o.js";
 import { n as isPlainPrimaryLinkActivation, t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { ScrollArea } from "../foundations/ScrollArea.js";
-import { EmptyState } from "../foundations/EmptyState.js";
 import { AlertDialog } from "../foundations/AlertDialog.js";
+import { EmptyState } from "../foundations/EmptyState.js";
 import { LinkButton } from "../foundations/LinkButton.js";
 import { SearchField } from "../foundations/SearchField.js";
 import * as React from "react";

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

@@ -9,7 +9,7 @@ import { Card, CardAction, CardContent, CardFooter, CardHeader, CardTitle } from
 import { DescriptionList } from "../foundations/DescriptionList.js";
 import { Input } from "../foundations/Input.js";
 import { EmailMessageCard, SlackMessageCard } from "../ai-sdk/ConnectedAppCards.js";
-import { i as WorkspaceDeleteControl, r as httpUrl, t as FaviconMark } from "../../workspace-assets-C3QT6UlQ.js";
+import { i as WorkspaceDeleteControl, r as httpUrl, t as FaviconMark } from "../../workspace-assets-wW_lQLYK.js";
 import * as React from "react";
 import { createElement } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

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

@@ -8,9 +8,9 @@ import { a as formatErrorMessage, o as formatUnknownValue, r as firstLine } from
 import { Card, CardAction, CardContent, CardDescription, CardHeader, CardTitle } from "../foundations/Card.js";
 import { DescriptionList } from "../foundations/DescriptionList.js";
 import { Input } from "../foundations/Input.js";
-import { EmptyState } from "../foundations/EmptyState.js";
 import { Checkbox } from "../foundations/Checkbox.js";
-import { i as WorkspaceDeleteControl, n as WorkspaceComposerLink, r as httpUrl, t as FaviconMark } from "../../workspace-assets-C3QT6UlQ.js";
+import { EmptyState } from "../foundations/EmptyState.js";
+import { i as WorkspaceDeleteControl, n as WorkspaceComposerLink, r as httpUrl, t as FaviconMark } from "../../workspace-assets-wW_lQLYK.js";
 import { t as WorkspaceConceptPanel } from "../../WorkspaceConceptPanel-97ZyVpZI.js";
 import * as React from "react";
 import { createElement } from "react";

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

@@ -2,9 +2,9 @@ import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { C as FolderIcon } from "../../icons-CeGfXO21.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
-import { WorkspaceMountManager } from "./WorkspaceMountManager.js";
 import { n as WorkspaceNavigationProvider, r as resolveWorkspaceLink } from "../../WorkspaceLink-BeFAXpbI.js";
 import { WorkspaceNavigationRestorationBoundary, useRequiredWorkspaceNavigationRestoration } from "./WorkspaceNavigationRestoration.js";
+import { WorkspaceMountManager } from "./WorkspaceMountManager.js";
 import { WorkspaceBrowser } from "./WorkspaceBrowser.js";
 import { t as WorkspaceFileView } from "../../WorkspaceFileView-DCvGBsI1.js";
 import * as React from "react";

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

@@ -7,7 +7,7 @@ import { Card, CardAction, CardContent, CardDescription, CardHeader, CardTitle }
 import { DescriptionList } from "../foundations/DescriptionList.js";
 import { EmptyState } from "../foundations/EmptyState.js";
 import { LinkButton } from "../foundations/LinkButton.js";
-import { i as WorkspaceDeleteControl, n as WorkspaceComposerLink, t as FaviconMark } from "../../workspace-assets-C3QT6UlQ.js";
+import { i as WorkspaceDeleteControl, n as WorkspaceComposerLink, t as FaviconMark } from "../../workspace-assets-wW_lQLYK.js";
 import { t as WorkspaceConceptPanel } from "../../WorkspaceConceptPanel-97ZyVpZI.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -5,7 +5,7 @@ import { Card, CardAction, CardContent, CardDescription, CardHeader, CardTitle }
 import { DescriptionList } from "../foundations/DescriptionList.js";
 import { EmptyState } from "../foundations/EmptyState.js";
 import { Switch } from "../foundations/Switch.js";
-import { i as WorkspaceDeleteControl, n as WorkspaceComposerLink, t as FaviconMark } from "../../workspace-assets-C3QT6UlQ.js";
+import { i as WorkspaceDeleteControl, n as WorkspaceComposerLink, t as FaviconMark } from "../../workspace-assets-wW_lQLYK.js";
 import { t as WorkspaceConceptPanel } from "../../WorkspaceConceptPanel-97ZyVpZI.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/foundations/ToggleGroup.d.ts

@@ -1,7 +1,7 @@
 import { ToggleVariantsOptions } from "./Toggle.js";
 import * as React from "react";
-import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
 import { Toggle } from "@base-ui/react/toggle";
+import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
 //#region src/components/foundations/ToggleGroup.d.ts
 type ToggleGroupSize = ToggleVariantsOptions["size"];
 export type ToggleGroupProps<Value extends string = string> = ToggleGroup$1.Props<Value> & {

package/dist/components/foundations/ToggleGroup.js

@@ -3,8 +3,8 @@ import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
 import { toggleVariants } from "./Toggle.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
 import { Toggle } from "@base-ui/react/toggle";
+import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
 //#region src/components/foundations/ToggleGroup.tsx
 /**
 * Tracks the pressed item's box so the segmented thumb can slide to it instead

package/dist/components/general-purpose/PricingBillingToggle.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { ToggleGroup } from "../foundations/ToggleGroup.js";
 import { Switch } from "../foundations/Switch.js";
+import { ToggleGroup } from "../foundations/ToggleGroup.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/general-purpose/PricingBillingToggle.tsx
 /** Controlled billing-period selector composed from the shared Switch or ToggleGroup. */

package/dist/components/general-purpose/PricingUsageCalculator.js

@@ -1,8 +1,8 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { Card } from "../foundations/Card.js";
 import { Separator } from "../foundations/Separator.js";
-import { Slider } from "../foundations/Slider.js";
 import { Progress } from "../foundations/Progress.js";
+import { Slider } from "../foundations/Slider.js";
 import { formatPricingUsage, getUsagePrice } from "./Pricing.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/general-purpose/ThemeModeControl.js

@@ -1,6 +1,6 @@
 import { F as MoonIcon, P as MonitorIcon, Y as SunIcon } from "../../icons-CeGfXO21.js";
-import { useTheme } from "../foundations/ThemeProvider.js";
 import { Radio, RadioGroup } from "../foundations/RadioGroup.js";
+import { useTheme } from "../foundations/ThemeProvider.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/general-purpose/ThemeModeControl.tsx
 const modes = [

package/dist/components/nanites/AgentToolDetail.js

@@ -1,13 +1,13 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { r as ArrowLeftIcon } from "../../icons-CeGfXO21.js";
 import { MessageActions } from "../ai-sdk/Message.js";
-import { SubagentRunIndicator, getSubagentRunName } from "../agents-sdk/SubagentRunIndicator.js";
-import { NaniteMark } from "./NaniteScene.js";
-import { AgentChat } from "../agents-sdk/AgentChat.js";
 import { TransitionSurface } from "../foundations/TransitionSurface.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
-import { ThinkChat } from "../agents-sdk/ThinkChat.js";
+import { NaniteMark } from "./NaniteScene.js";
+import { SubagentRunIndicator, getSubagentRunName } from "../agents-sdk/SubagentRunIndicator.js";
 import { SubagentRunMetadata } from "../agents-sdk/SubagentRunDetails.js";
+import { AgentChat } from "../agents-sdk/AgentChat.js";
+import { ThinkChat } from "../agents-sdk/ThinkChat.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useAgentChat } from "@cloudflare/think/react";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcp-b/react-components",
-  "version": "0.56.2",
+  "version": "0.57.0",
   "description": "MCP-B React components built on Base UI and shared design tokens, including Cloudflare Think chat primitives.",
   "homepage": "https://design-system.sigvelo.com",
   "bugs": {
@@ -54,7 +54,7 @@
     "streamdown": "^2.6.0",
     "unist-util-visit": "^5.1.0",
     "yet-another-react-lightbox": "^3.32.2",
-    "@mcp-b/design-tokens": "0.56.2"
+    "@mcp-b/design-tokens": "0.57.0"
   },
   "devDependencies": {
     "@ai-sdk/react": "^3.0.285",

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

@@ -7,10 +7,10 @@ import { AgentAttention, AgentAttentionActions, AgentAttentionBody, AgentAttenti
 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 { AppIcon } from "./components/foundations/AppIcon.js";
+import { EmptyState } from "./components/foundations/EmptyState.js";
 import { LinkButton } from "./components/foundations/LinkButton.js";
+import { AppTopBar } from "./components/general-purpose/AppTopBar.js";
 import { getThinkExecutionRunStatus } from "./components/agents-sdk/ThinkExecutionRun.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/{workspace-assets-C3QT6UlQ.js → workspace-assets-wW_lQLYK.js}

@@ -5,8 +5,8 @@ import { Button } from "./components/foundations/Button.js";
 import { Tooltip } from "./components/foundations/Tooltip.js";
 import { IconButton } from "./components/foundations/IconButton.js";
 import { ComposerLink } from "./components/ai-sdk/ComposerLink.js";
-import { AppIcon } from "./components/foundations/AppIcon.js";
 import { AlertDialog } from "./components/foundations/AlertDialog.js";
+import { AppIcon } from "./components/foundations/AppIcon.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/_internal/workspace-delete.tsx