@mcp-b/react-components 0.50.1 → 0.51.0

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

@@ -8,11 +8,11 @@ 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 { EmptyState } from "../foundations/EmptyState.js";
+import { TransitionSurface } from "../foundations/TransitionSurface.js";
 import { AgentEventRow, getAgentEvent } from "./AgentEvent.js";
 import { AgentChatQueueProvider, useOptionalAgentChatQueue } from "./AgentChatQueue.js";
 import { PromptInputApproval, getApprovalStateKey, getPendingToolApprovals } from "./PromptInputApproval.js";
-import { EmptyState } from "../foundations/EmptyState.js";
-import { TransitionSurface } from "../foundations/TransitionSurface.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-COCyV98Z.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/BrowserLiveScreen.d.ts

@@ -14,6 +14,7 @@ type BrowserLiveScreenSignal = {
 type BrowserLiveScreenSignalPayload = {
   kind: "offer";
   sdp: string;
+  tabId: number;
 } | {
   kind: "answer";
   sdp: string;
@@ -70,9 +71,6 @@ type BrowserLiveScreenInput = {
   events: BrowserLiveScreenInputEvent[];
 };
 type BrowserLiveScreenCommand = {
-  kind: "selectTab";
-  tabId: number;
-} | {
   kind: "navigate";
   tabId: number;
   action: "back" | "reload";
@@ -111,14 +109,16 @@ interface BrowserLiveScreenProps {
    * from state, because Chrome's screencast carries only page pixels.
    */
   tabs?: readonly BrowserLiveScreenTab[];
-  /** Claimed tab the host wants visible when the data channel becomes usable. */
-  requestedTabId?: number;
+  /** The host owns this viewer's tab selection, typically in its route. */
+  tabId?: number;
+  /** Requests a new tab selection; the host commits it through `tabId`. */
+  onTabChange(this: void, tabId: number): void;
 }
 /**
  * A complete interactive viewer for an employee's claimed browser tabs.
  *
  * The host supplies only signaling transport, ICE configuration, and claimed
- * tab summaries. This component owns the peer connection, remote-input
+ * tab summaries and selection. This component owns the peer connection, remote-input
  * mapping, reconnect lifecycle, synthesized browser chrome, and cleanup.
  */
 declare function BrowserLiveScreen({
@@ -129,7 +129,8 @@ declare function BrowserLiveScreen({
   label,
   controlLabel,
   tabs,
-  requestedTabId
+  tabId: selectedTabId,
+  onTabChange
 }: BrowserLiveScreenProps): import("react").JSX.Element;
 //#endregion
 export { BrowserLiveScreen, BrowserLiveScreenCommand, BrowserLiveScreenFrameMetadata, BrowserLiveScreenInput, BrowserLiveScreenInputEvent, BrowserLiveScreenProps, BrowserLiveScreenProtocol, BrowserLiveScreenSignal, BrowserLiveScreenSignalPayload, BrowserLiveScreenStatus, BrowserLiveScreenTab };

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

@@ -11,10 +11,10 @@ const BROWSER_LIVE_SCREEN_NEGOTIATION_TIMEOUT_MS = 1e4;
 * A complete interactive viewer for an employee's claimed browser tabs.
 *
 * The host supplies only signaling transport, ICE configuration, and claimed
-* tab summaries. This component owns the peer connection, remote-input
+* tab summaries and selection. This component owns the peer connection, remote-input
 * mapping, reconnect lifecycle, synthesized browser chrome, and cleanup.
 */
-function BrowserLiveScreen({ sendSignal: sendHostSignal, subscribeSignals, protocol, getIceServers, label = "Employee browser", controlLabel = "Control employee browser", tabs = [], requestedTabId }) {
+function BrowserLiveScreen({ sendSignal: sendHostSignal, subscribeSignals, protocol, getIceServers, label = "Employee browser", controlLabel = "Control employee browser", tabs = [], tabId: selectedTabId, onTabChange }) {
 	const video = useRef(null);
 	const input = useRef(null);
 	const [inputElement, setInputElement] = useState(null);
@@ -59,13 +59,7 @@ function BrowserLiveScreen({ sendSignal: sendHostSignal, subscribeSignals, proto
 	useLayoutEffect(() => {
 		currentProtocol.current = protocol;
 	}, [protocol]);
-	const selectRequestedTab = useEffectEvent((data) => {
-		if (requestedTabId === void 0 || data?.readyState !== "open") return;
-		data.send(currentProtocol.current.serializeCommand({
-			kind: "selectTab",
-			tabId: requestedTabId
-		}));
-	});
+	const captureTabId = tabs.some((tab) => tab.tabId === selectedTabId) ? selectedTabId : void 0;
 	const dataChannelLabel = protocol.dataChannelLabel;
 	const handleWheel = useEffectEvent((event) => {
 		event.preventDefault();
@@ -107,6 +101,13 @@ function BrowserLiveScreen({ sendSignal: sendHostSignal, subscribeSignals, proto
 	}, [inputElement]);
 	const [streamed, setStreamed] = useState(null);
 	useEffect(() => {
+		if (captureTabId === void 0) {
+			setPhase("idle");
+			setStreamed(null);
+			return;
+		}
+		const tabId = captureTabId;
+		setPhase("connecting");
 		let disposed = false;
 		let connection;
 		let viewerId = "";
@@ -220,8 +221,6 @@ function BrowserLiveScreen({ sendSignal: sendHostSignal, subscribeSignals, proto
 			};
 			const dataChannel = peer.createDataChannel(dataChannelLabel);
 			channel.current = dataChannel;
-			dataChannel.onopen = () => selectRequestedTab(dataChannel);
-			selectRequestedTab(dataChannel);
 			dataChannel.onmessage = (event) => {
 				if (disposed || peer !== connection || channel.current !== dataChannel) return;
 				const status = parseStatus(event.data);
@@ -236,6 +235,7 @@ function BrowserLiveScreen({ sendSignal: sendHostSignal, subscribeSignals, proto
 					return;
 				}
 				if (status.kind === "streaming") {
+					if (status.tabId !== tabId) return;
 					const previous = geometry.current;
 					if (previous?.tabId !== status.tabId || previous.streamGeneration !== status.streamGeneration) cancelPointerState();
 					geometry.current = status;
@@ -253,7 +253,8 @@ function BrowserLiveScreen({ sendSignal: sendHostSignal, subscribeSignals, proto
 			if (disposed || peer !== connection) return;
 			await sendSignal(currentViewerId, {
 				kind: "offer",
-				sdp: offer.sdp ?? ""
+				sdp: offer.sdp ?? "",
+				tabId
 			});
 		}
 		function restart() {
@@ -270,10 +271,7 @@ function BrowserLiveScreen({ sendSignal: sendHostSignal, subscribeSignals, proto
 			unsubscribe();
 			closeCurrent(true);
 		};
-	}, [dataChannelLabel]);
-	useEffect(() => {
-		selectRequestedTab(channel.current);
-	}, [requestedTabId]);
+	}, [dataChannelLabel, captureTabId]);
 	function sendInput(events) {
 		const open = channel.current;
 		const status = geometry.current;
@@ -628,11 +626,8 @@ function BrowserLiveScreen({ sendSignal: sendHostSignal, subscribeSignals, proto
 			title: tab.title || tab.url || `Tab ${String(tab.tabId)}`,
 			...tab.url === void 0 ? {} : { url: tab.url }
 		})),
-		selectedTabId: streamed ? String(streamed.tabId) : null,
-		onSelectTab: (id) => sendCommand({
-			kind: "selectTab",
-			tabId: Number(id)
-		}),
+		selectedTabId: captureTabId === void 0 ? null : String(captureTabId),
+		onSelectTab: (id) => onTabChange(Number(id)),
 		url: displayUrl,
 		onOpenUrl: (next) => {
 			if (!streamed) return;

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

@@ -9,15 +9,15 @@ import { AgentChatStartScreen, AgentChatStartScreenComposer, AgentChatStartScree
 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 { EmptyState } from "../foundations/EmptyState.js";
-import { AgentChat } from "./AgentChat.js";
-import "../foundations/icons.js";
 import { Switch } from "../foundations/Switch.js";
 import { useTheme } from "../foundations/ThemeProvider.js";
+import "../foundations/icons.js";
 import { ActionGuide, ActionGuideAction, ActionGuideList, ActionGuideSection } from "../general-purpose/ActionGuide.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.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 } from "./ThinkThreadPicker.js";
 import * as React from "react";

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

@@ -1,9 +1,9 @@
 import { R as PencilIcon, r as ArrowLeftIcon } from "../../icons-CeGfXO21.js";
+import { LinkButton } from "../foundations/LinkButton.js";
 import "../foundations/icons.js";
-import { StatusScreen } from "../general-purpose/StatusScreen.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.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,11 +1,11 @@
 import { C as FolderIcon, G as SlackIcon, I as PaperclipIcon, c as BoxIcon, g as DiscordIcon } from "../../icons-CeGfXO21.js";
 import { Button } from "../foundations/Button.js";
 import { Menu } from "../foundations/Menu.js";
+import { AppIcon } from "../foundations/AppIcon.js";
 import "../foundations/icons.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-O6qmgwz4.js";
+import { EmployeeChrome } from "./EmployeeChrome.js";
 import { McpServerPickerAction, McpServerPickerItems } from "./McpServerPicker.js";
 import { WorkspaceMountManager } from "./WorkspaceMountManager.js";
 import "react";

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

@@ -2,9 +2,9 @@ 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-COCyV98Z.js";
+import { Toast } from "../foundations/Toast.js";
 import "../foundations/icons.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
-import { Toast } from "../foundations/Toast.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,3 +1,3 @@
 import "../foundations/icons.js";
-import { n as ManagerOfficeSidebar, r as ManagerOfficeSidebarAlert, t as ManagerOffice } from "../../ManagerOffice-CqOggftJ.js";
+import { n as ManagerOfficeSidebar, r as ManagerOfficeSidebarAlert, t as ManagerOffice } from "../../ManagerOffice-5pEFpoV3.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-CqOggftJ.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

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

@@ -8,8 +8,8 @@ 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 { 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.js

@@ -1,6 +1,6 @@
 import { Field } from "../foundations/Field.js";
-import { SettingsFormDialog } from "../general-purpose/SettingsFormDialog.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. */

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-COCyV98Z.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/ThinkRoutineForm.js

@@ -6,12 +6,12 @@ import { Form } from "../foundations/Form.js";
 import { Textarea } from "../foundations/Textarea.js";
 import { a as formatErrorMessage } from "../../format-COCyV98Z.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

@@ -4,8 +4,8 @@ import { Button, buttonVariants } from "../foundations/Button.js";
 import { a as formatErrorMessage } from "../../format-COCyV98Z.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 * as React from "react";
 import { createElement } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

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 * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useQuery } from "@tanstack/react-query";

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 * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/WorkspaceUserScript.tsx

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"];

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/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 { TransitionSurface } from "../foundations/TransitionSurface.js";
-import { AgentChat } from "../agents-sdk/AgentChat.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.50.1",
+  "version": "0.51.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.5.0",
     "unist-util-visit": "^5.1.0",
     "yet-another-react-lightbox": "^3.32.2",
-    "@mcp-b/design-tokens": "0.50.1"
+    "@mcp-b/design-tokens": "0.51.0"
   },
   "devDependencies": {
     "@ai-sdk/react": "^3.0.249",

package/dist/{ManagerOffice-CqOggftJ.js → ManagerOffice-5pEFpoV3.js}

@@ -7,8 +7,8 @@ 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 { AppIcon } from "./components/foundations/AppIcon.js";
+import { EmptyState } from "./components/foundations/EmptyState.js";
 import { LinkButton } from "./components/foundations/LinkButton.js";
 import { getThinkExecutionRunStatus } from "./components/agents-sdk/ThinkExecutionRun.js";
 import * as React from "react";

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