@mcp-b/react-components 0.46.0 → 0.46.2

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);
@@ -1041,7 +1042,7 @@ function PromptInputCommandComposer({ commands, mentionCommands, value, onValueC
 			...command.keywords ?? []
 		].filter((term) => Boolean(term)).some((term) => term.toLocaleLowerCase().includes(normalizedQuery));
 	});
-	const hasTriggeredCatalog = trigger === "/" ? commands.length > 0 : trigger === "@" && mentionCommands !== void 0;
+	const hasTriggeredCatalog = trigger === "/" ? commands.length > 0 && (match?.triggerIndex === 0 || filtered.length > 0) : trigger === "@" && mentionCommands !== void 0;
 	const open = Boolean(match && hasTriggeredCatalog) && dismissedValue !== value;
 	const groups = Array.from(new Set(filtered.map((command) => command.group ?? ""))).map((label) => ({
 		label,
@@ -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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcp-b/react-components",
-  "version": "0.46.0",
+  "version": "0.46.2",
   "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.2"
   },
   "devDependencies": {
     "@ai-sdk/react": "^3.0.249",