@mcp-b/react-components 0.46.0 → 0.46.1

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

@@ -15,9 +15,9 @@ import { t as CopyButton } from "../../copy-button-D7ySsRRo.js";
 import { Context, ContextContent, ContextContentBody, ContextContentHeader, ContextTrigger, getContextUsage, getContextUsedTokens } from "../ai-sdk/Context.js";
 import { VirtualMessageScroller } from "../ai-sdk/MessageScrollerVirtual.js";
 import { QueueItem, QueueItemActions, QueueItemContent } from "../ai-sdk/Queue.js";
+import { AgentEventRow, getAgentEvent } from "./AgentEvent.js";
 import { EmptyState } from "../foundations/EmptyState.js";
 import { TransitionSurface } from "../foundations/TransitionSurface.js";
-import { AgentEventRow, getAgentEvent } from "./AgentEvent.js";
 import { PromptInputApproval, getApprovalRequestId, getApprovalStateKey, getPendingToolApprovals } from "./PromptInputApproval.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

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

@@ -2,8 +2,8 @@ import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { B as PlayIcon, R as PauseIcon } from "../../icons-BNEY4gO5.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { i as formatClock } from "../../format-COCyV98Z.js";
-import { EmptyState } from "../foundations/EmptyState.js";
 import { Slider } from "../foundations/Slider.js";
+import { EmptyState } from "../foundations/EmptyState.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Replayer } from "@rrweb/replay";

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

@@ -10,11 +10,11 @@ import { Avatar } from "../foundations/Avatar.js";
 import { AppIcon } from "../foundations/AppIcon.js";
 import { n as findCatalogMcpServerCard } from "../../mcp-server-7NR24ASj.js";
 import { Select } from "../foundations/Select.js";
+import { AppTopBar } from "../general-purpose/AppTopBar.js";
+import { ResponsiveSidebarShell } from "../general-purpose/ResponsiveSidebarShell.js";
 import { EmptyState } from "../foundations/EmptyState.js";
 import { LinkButton } from "../foundations/LinkButton.js";
 import "../foundations/icons.js";
-import { AppTopBar } from "../general-purpose/AppTopBar.js";
-import { ResponsiveSidebarShell } from "../general-purpose/ResponsiveSidebarShell.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/_internal/chrome-profile-colors.ts

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

@@ -1,2 +1,2 @@
-import { a as thinkPendingExecutionApprovalsQueryOptions, i as ThinkChatRoot, n as ThinkChatMessages, o as useThinkChat, r as ThinkChatProvider, s as useThinkPendingExecutionApprovals, t as ThinkChat } from "../../ThinkChat-qztQ6Clo.js";
+import { a as thinkPendingExecutionApprovalsQueryOptions, i as ThinkChatRoot, n as ThinkChatMessages, o as useThinkChat, r as ThinkChatProvider, s as useThinkPendingExecutionApprovals, t as ThinkChat } from "../../ThinkChat-CV0xWmL4.js";
 export { ThinkChat, ThinkChatMessages, ThinkChatProvider, ThinkChatRoot, thinkPendingExecutionApprovalsQueryOptions, useThinkChat, useThinkPendingExecutionApprovals };

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

@@ -5,8 +5,8 @@ import { IconButton } from "../foundations/IconButton.js";
 import { Menu } from "../foundations/Menu.js";
 import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
-import { EmptyState } from "../foundations/EmptyState.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
+import { EmptyState } from "../foundations/EmptyState.js";
 import { getThinkExecutionRunAccessibleName, getThinkExecutionRunId, getThinkExecutionRunStatus, getThinkExecutionRunStatusTone, isThinkSubmissionRun } from "./ThinkExecutionRun.js";
 import { ThinkExecutionRunSummary } from "./ThinkExecutionStatus.js";
 import { ThinkExecutionDetail } from "./ThinkExecutionDetail.js";

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

@@ -6,7 +6,7 @@ import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
 import { ResizableSidePanel } from "../general-purpose/ResizableSidePanel.js";
 import { ResponsiveSidebarShell } from "../general-purpose/ResponsiveSidebarShell.js";
 import { a as WorkspaceNavigationRestorationBoundary, i as WorkspaceNavigationFocusRestorer, n as WorkspaceNavigationProvider } from "../../WorkspaceLink-DtH66bAY.js";
-import { c as resolveThinkApprovalProps, s as useThinkPendingExecutionApprovals, t as ThinkChat } from "../../ThinkChat-qztQ6Clo.js";
+import { c as resolveThinkApprovalProps, s as useThinkPendingExecutionApprovals, t as ThinkChat } from "../../ThinkChat-CV0xWmL4.js";
 import { McpPluginCatalog } from "./McpPluginCatalog.js";
 import { ThinkFullAppViewSwitch } from "./ThinkFullAppViewSwitch.js";
 import { ThinkThreadStatusIndicators } from "./ThinkThreadPicker.js";

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

@@ -1,6 +1,6 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { ToggleGroup } from "../foundations/ToggleGroup.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
+import { ToggleGroup } from "../foundations/ToggleGroup.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/agents-sdk/ThinkFullAppViewSwitch.tsx

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

@@ -4,9 +4,9 @@ import { buttonVariants } from "../foundations/Button.js";
 import { Tooltip } from "../foundations/Tooltip.js";
 import { t as capitalize } from "../../format-COCyV98Z.js";
 import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
+import { ToggleGroup } from "../foundations/ToggleGroup.js";
 import { EmptyState } from "../foundations/EmptyState.js";
 import { SearchField } from "../foundations/SearchField.js";
-import { ToggleGroup } from "../foundations/ToggleGroup.js";
 import { getThinkRoutineNextRun } from "./ThinkRoutine.js";
 import * as React from "react";
 import { Fragment, 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-COCyV98Z.js";
 import { Select } from "../foundations/Select.js";
+import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import { Checkbox } from "../foundations/Checkbox.js";
+import { Fieldset } from "../foundations/Fieldset.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/ThinkRoutineLibrary.js

@@ -3,10 +3,10 @@ import { $ as TrashIcon, B as PlayIcon, q as SpinnerIcon, z as PencilIcon } from
 import { 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 { AlertDialog } from "../foundations/AlertDialog.js";
-import { EmptyState } from "../foundations/EmptyState.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
+import { AlertDialog } from "../foundations/AlertDialog.js";
 import { ResponsiveSidebarShell } from "../general-purpose/ResponsiveSidebarShell.js";
+import { EmptyState } from "../foundations/EmptyState.js";
 import { ThinkRoutineBrowser } from "./ThinkRoutineBrowser.js";
 import { ThinkRoutineDetail } from "./ThinkRoutineDetail.js";
 import * as React from "react";

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

@@ -9,15 +9,15 @@ import { AppIcon } from "../foundations/AppIcon.js";
 import { n as findCatalogMcpServerCard, t as McpServerIcon } from "../../mcp-server-7NR24ASj.js";
 import { DescriptionList } from "../foundations/DescriptionList.js";
 import { ChatGptSignInScreen } from "../extension/ChatGptSignInScreen.js";
-import { EmptyState } from "../foundations/EmptyState.js";
-import { Switch } from "../foundations/Switch.js";
-import { useTheme } from "../foundations/ThemeProvider.js";
-import "../foundations/icons.js";
 import { ActionGuide } from "../general-purpose/ActionGuide.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
+import { Switch } from "../foundations/Switch.js";
 import { t as SetupChecklistAction } from "../../SetupChecklist-DyPZWzK2.js";
+import { useTheme } from "../foundations/ThemeProvider.js";
 import { NaniteMark } from "../nanites/NaniteScene.js";
 import { SubagentRunLabel } from "./SubagentRunIndicator.js";
+import { EmptyState } from "../foundations/EmptyState.js";
+import "../foundations/icons.js";
 import { McpServerPickerAction, McpServerPickerItems } from "./McpServerPicker.js";
 import { getThinkExecutionRunId } from "./ThinkExecutionRun.js";
 import { ThinkThreadPicker, summarizeThinkThreads } from "./ThinkThreadPicker.js";

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

@@ -1,5 +1,5 @@
-import { SearchField } from "../foundations/SearchField.js";
 import { i as FileTreeFolder, r as FileTreeFile, t as FileTree } from "../../FileTree-CAXWXH63.js";
+import { SearchField } from "../foundations/SearchField.js";
 import { WorkspaceHeader } from "./WorkspaceHeader.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

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

@@ -2,8 +2,8 @@ import { L as PaperclipIcon } from "../../icons-BNEY4gO5.js";
 import { Button } from "../foundations/Button.js";
 import { Card, CardFooter, CardHeader, CardTitle } from "../foundations/Card.js";
 import { Popover } from "../foundations/Popover.js";
-import { EmptyState } from "../foundations/EmptyState.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
+import { EmptyState } from "../foundations/EmptyState.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/WorkspaceMountManager.tsx

package/dist/components/ai-sdk/PromptInput.js

@@ -1026,6 +1026,7 @@ function composerLinksToReferences(text) {
 */
 function PromptInputCommandComposer({ commands, mentionCommands, value, onValueChange, onCommandSelect, emptyMessage = "No commands found.", mentionEmptyMessage = "No MCP servers found.", onKeyDown, ref, placeholder, disabled, className, minHeight, maxHeight, "aria-label": ariaLabel }) {
 	const inputRef = React.useRef(null);
+	const highlightedCommandRef = React.useRef(void 0);
 	const [dismissedValue, setDismissedValue] = React.useState(null);
 	React.useImperativeHandle(ref, () => inputRef.current, []);
 	const match = composerTriggerMatch(value);
@@ -1061,6 +1062,9 @@ function PromptInputCommandComposer({ commands, mentionCommands, value, onValueC
 		open,
 		autoHighlight: true,
 		itemToStringValue: (command) => command.value,
+		onItemHighlighted: (command) => {
+			highlightedCommandRef.current = command;
+		},
 		onValueChange: (next, { reason }) => {
 			if (reason !== "input-change") return;
 			setDismissedValue(null);
@@ -1076,7 +1080,16 @@ function PromptInputCommandComposer({ commands, mentionCommands, value, onValueC
 				setDismissedValue(null);
 				onValueChange(next);
 			},
-			onKeyDown,
+			onKeyDown: (event) => {
+				onKeyDown?.(event);
+				if (event.defaultPrevented || event.key !== "Enter" || !open) return;
+				const highlightedCommand = highlightedCommandRef.current;
+				if (highlightedCommand && !highlightedCommand.disabled && filtered.includes(highlightedCommand)) return;
+				const command = filtered.find((candidate) => !candidate.disabled);
+				if (!command) return;
+				event.preventDefault();
+				selectCommand(command);
+			},
 			placeholder,
 			disabled,
 			className,

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

@@ -1,7 +1,7 @@
 import { r as ToggleVariantsOptions } from "../../Toggle-DLrIf5YH.js";
 import * as React from "react";
-import { Toggle } from "@base-ui/react/toggle";
 import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
+import { Toggle } from "@base-ui/react/toggle";
 
 //#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 { Toggle } from "@base-ui/react/toggle";
 import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
+import { Toggle } from "@base-ui/react/toggle";
 //#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/PricingConfirmationDialog.js

@@ -1,6 +1,6 @@
 import { Button } from "../foundations/Button.js";
-import { AlertDialog } from "../foundations/AlertDialog.js";
 import { getPlanPrice, getPlanYearlySavings } from "./Pricing.js";
+import { AlertDialog } from "../foundations/AlertDialog.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/general-purpose/PricingConfirmationDialog.tsx
 function getActionLabel(action) {

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

@@ -1,9 +1,9 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { Card } from "../foundations/Card.js";
 import { Separator } from "../foundations/Separator.js";
+import { formatPricingUsage, getUsagePrice } from "./Pricing.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";
 //#region src/components/general-purpose/PricingUsageCalculator.tsx

package/dist/components/nanites/AgentToolDetail.js

@@ -1,11 +1,11 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { r as ArrowLeftIcon } from "../../icons-BNEY4gO5.js";
-import { TransitionSurface } from "../foundations/TransitionSurface.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import { NaniteMark } from "./NaniteScene.js";
 import { SubagentRunIndicator, getSubagentRunName } from "../agents-sdk/SubagentRunIndicator.js";
 import { SubagentRunMilestone, SubagentRunMilestones, SubagentRunProgress } from "../agents-sdk/SubagentRunDetails.js";
-import { t as ThinkChat } from "../../ThinkChat-qztQ6Clo.js";
+import { TransitionSurface } from "../foundations/TransitionSurface.js";
+import { t as ThinkChat } from "../../ThinkChat-CV0xWmL4.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.46.0",
+  "version": "0.46.1",
   "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": {
@@ -53,7 +53,7 @@
     "streamdown": "^2.5.0",
     "unist-util-visit": "^5.1.0",
     "yet-another-react-lightbox": "^3.32.2",
-    "@mcp-b/design-tokens": "0.46.0"
+    "@mcp-b/design-tokens": "0.46.1"
   },
   "devDependencies": {
     "@ai-sdk/react": "^3.0.249",

package/dist/{ThinkChat-qztQ6Clo.js → ThinkChat-CV0xWmL4.js}

@@ -1,6 +1,6 @@
 import { composerDraftToPrompt, parseComposerLinks } from "./utils/composer-link.js";
-import { TransitionSurface } from "./components/foundations/TransitionSurface.js";
 import { AgentToolRunsProvider, useSourceScopedAgentToolEvents } from "./components/agents-sdk/AgentToolRunsContext.js";
+import { TransitionSurface } from "./components/foundations/TransitionSurface.js";
 import { AgentChat, compactingNotice } from "./components/agents-sdk/AgentChat.js";
 import { ThinkChatContext, ThinkChatLiveContext, useOptionalThinkChatContext, useThinkChatContext } from "./components/agents-sdk/ThinkChatContext.js";
 import { ThinkChatActivity, createThinkChatActivityRenderer, renderThinkChatActivityPart } from "./components/agents-sdk/ThinkChatActivity.js";