@mcp-b/react-components 0.21.0 → 0.23.0

package/dist/components/McpPluginCatalog.js

@@ -0,0 +1,364 @@
+import { t as cx } from "../class-names-BiMDVpUo.js";
+import { Button } from "./Button.js";
+import { $ as WarningIcon, H as PlusIcon, b as EllipsisIcon, o as ArrowUpRightIcon, q as SpinnerIcon, tt as XIcon } from "../icons-ua6f_GH3.js";
+import { AppIcon } from "./AppIcon.js";
+import { IconButton } from "./IconButton.js";
+import { AgentAttention, AgentAttentionBody, AgentAttentionHeader } from "./AgentAttention.js";
+import { Dialog } from "./Dialog.js";
+import { Separator } from "./Separator.js";
+import { getMcpServerEntry, getMcpServerIconSrc, getMcpServerRuntimeState } from "../utils/mcp-server-catalog.js";
+import { SearchField } from "./SearchField.js";
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/McpPluginCatalog.tsx
+/**
+* Searchable plugin directory backed by the same MCP cards and live Agents
+* state as {@link McpServerPicker}. Selecting a row opens the shared details
+* dialog; connecting still delegates to the host's existing MCP/OAuth path.
+*/
+function McpPluginCatalog({ servers, mcp, detailsByServerId, featuredServerIds = [], brandName, brandLogo, disclosure, onConnect, onDisconnect, heading = "Plugins", description = "Work with your AI across your favorite tools.", searchLabel = "Search plugins", emptyMessage = "No plugins found.", className, ...props }) {
+	const [query, setQuery] = React.useState("");
+	const [selectedServer, setSelectedServer] = React.useState(null);
+	const headingIdPrefix = React.useId();
+	const sections = groupServers(filterServers(servers, detailsByServerId, query), featuredServerIds, query);
+	const installedServers = query ? [] : servers.filter((server) => getServerProjection(server, mcp).kind === "connected");
+	return /* @__PURE__ */ jsxs("section", {
+		className: cx("mcp-plugin-catalog", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "mcp-plugin-catalog__header",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "mcp-plugin-catalog__heading-copy",
+					children: [/* @__PURE__ */ jsx("h1", {
+						className: "mcp-plugin-catalog__heading",
+						children: heading
+					}), description ? /* @__PURE__ */ jsx("p", {
+						className: "mcp-plugin-catalog__description",
+						children: description
+					}) : null]
+				}), /* @__PURE__ */ jsxs(SearchField.Root, {
+					className: "mcp-plugin-catalog__search",
+					children: [/* @__PURE__ */ jsx(SearchField.Label, {
+						className: "sigvelo-visually-hidden",
+						children: searchLabel
+					}), /* @__PURE__ */ jsx(SearchField.Control, {
+						"aria-label": searchLabel,
+						placeholder: searchLabel,
+						value: query,
+						onChange: (event) => setQuery(event.target.value)
+					})]
+				})]
+			}),
+			installedServers.length ? /* @__PURE__ */ jsxs("section", {
+				"aria-labelledby": `${headingIdPrefix}-installed-heading`,
+				className: "mcp-plugin-catalog__installed",
+				children: [/* @__PURE__ */ jsx("h2", {
+					id: `${headingIdPrefix}-installed-heading`,
+					className: "mcp-plugin-catalog__section-heading",
+					children: "Installed"
+				}), /* @__PURE__ */ jsx("ul", {
+					className: "mcp-plugin-catalog__installed-list",
+					children: installedServers.map((server) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(IconButton, {
+						color: "neutral",
+						label: `Open installed ${server.name}`,
+						size: "xl",
+						tooltipSide: "bottom",
+						variant: "ghost",
+						onClick: () => setSelectedServer(server),
+						children: /* @__PURE__ */ jsx(McpPluginAvatar, { server })
+					}) }, `${server.id}:${server.url}`))
+				})]
+			}) : null,
+			sections.length === 0 ? /* @__PURE__ */ jsx("p", {
+				className: "mcp-plugin-catalog__empty",
+				children: emptyMessage
+			}) : /* @__PURE__ */ jsx("div", {
+				className: "mcp-plugin-catalog__sections",
+				children: sections.map((section) => /* @__PURE__ */ jsxs("section", {
+					"aria-labelledby": `${headingIdPrefix}-${section.id}-heading`,
+					className: "mcp-plugin-catalog__section",
+					children: [/* @__PURE__ */ jsx("h2", {
+						id: `${headingIdPrefix}-${section.id}-heading`,
+						className: "mcp-plugin-catalog__section-heading",
+						children: section.label
+					}), /* @__PURE__ */ jsx("ul", {
+						className: "mcp-plugin-catalog__list",
+						children: section.servers.map((server) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(McpPluginCard, {
+							server,
+							details: detailsByServerId?.[server.id],
+							mcp,
+							onSelect: () => setSelectedServer(server)
+						}) }, `${server.id}:${server.url}`))
+					})]
+				}, section.id))
+			}),
+			/* @__PURE__ */ jsx(McpPluginDetailsDialog, {
+				details: selectedServer ? detailsByServerId?.[selectedServer.id] : void 0,
+				mcp,
+				server: selectedServer,
+				brandName,
+				brandLogo,
+				disclosure,
+				onConnect,
+				onDisconnect,
+				onOpenChange: (open) => !open && setSelectedServer(null)
+			})
+		]
+	});
+}
+/** Reference-derived plugin detail surface without a parallel install state. */
+function McpPluginDetailsDialog({ server, details, mcp, brandName = "your AI", brandLogo = /* @__PURE__ */ jsx("img", {
+	alt: "",
+	src: new URL("../assets/think-browser-host.png", import.meta.url).href
+}), disclosure = /* @__PURE__ */ jsxs(Fragment, { children: [
+	/* @__PURE__ */ jsxs("p", { children: [/* @__PURE__ */ jsx("strong", { children: "You're in control." }), " This plugin is limited to the account and permissions you approve, and you can disconnect it at any time."] }),
+	/* @__PURE__ */ jsxs("p", { children: [/* @__PURE__ */ jsx("strong", { children: "Plugins may introduce elevated risk." }), " Only connect tools you trust. A compromised plugin could use its access to read or change data in the connected service."] }),
+	/* @__PURE__ */ jsxs("p", { children: [/* @__PURE__ */ jsx("strong", { children: "Data shared with this plugin." }), " Your AI may send relevant context from your request so the plugin can respond. Review the provider's terms and privacy policy before connecting."] })
+] }), onConnect, onDisconnect, onOpenChange }) {
+	const popupRef = React.useRef(null);
+	const projection = server ? getServerProjection(server, mcp) : null;
+	const title = server ? getDialogTitle(server.name, projection?.kind, brandName) : "Plugin details";
+	const description = details?.longDescription ?? server?.description;
+	return /* @__PURE__ */ jsx(Dialog.Root, {
+		open: server !== null,
+		onOpenChange,
+		children: /* @__PURE__ */ jsxs(Dialog.Portal, { children: [/* @__PURE__ */ jsx(Dialog.Backdrop, {}), /* @__PURE__ */ jsx(Dialog.Viewport, { children: /* @__PURE__ */ jsx(Dialog.Popup, {
+			ref: popupRef,
+			className: "mcp-plugin-details",
+			initialFocus: popupRef,
+			size: "md",
+			children: server ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+				className: "mcp-plugin-details__hero",
+				"data-theme": "light",
+				children: [
+					/* @__PURE__ */ jsx(Dialog.Close, {
+						render: /* @__PURE__ */ jsx(Button, {
+							"aria-label": "Close",
+							color: "neutral",
+							iconOnly: true,
+							size: "md",
+							variant: "ghost"
+						}),
+						children: /* @__PURE__ */ jsx(XIcon, {})
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "mcp-plugin-details__identity",
+						"aria-hidden": "true",
+						children: [
+							/* @__PURE__ */ jsx(McpPluginAvatar, {
+								server,
+								size: "xl",
+								variant: "surface"
+							}),
+							/* @__PURE__ */ jsx(Separator, { orientation: "vertical" }),
+							/* @__PURE__ */ jsx(AppIcon.Root, {
+								size: "xl",
+								variant: "contrast",
+								children: brandLogo
+							})
+						]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "mcp-plugin-details__title-copy",
+						children: [
+							/* @__PURE__ */ jsx(Dialog.Title, {
+								className: "mcp-plugin-details__title",
+								children: title
+							}),
+							projection && projection.kind !== "available" ? /* @__PURE__ */ jsx("p", {
+								className: "mcp-plugin-details__state",
+								children: projection.statusLabel
+							}) : null,
+							/* @__PURE__ */ jsx(Dialog.Description, {
+								className: "mcp-plugin-details__description",
+								children: description ?? `Use ${server.name} with your AI.`
+							})
+						]
+					}),
+					/* @__PURE__ */ jsx(McpPluginDialogActions, {
+						projection,
+						server,
+						onConnect,
+						onDisconnect
+					}, `${server.id}:${server.url}`)
+				]
+			}), disclosure ? /* @__PURE__ */ jsx("div", {
+				className: "mcp-plugin-details__disclosure",
+				children: disclosure
+			}) : null] }) : null
+		}) })] })
+	});
+}
+function McpPluginCard({ server, details, mcp, onSelect }) {
+	const projection = getServerProjection(server, mcp);
+	return /* @__PURE__ */ jsxs("article", {
+		className: "mcp-plugin-catalog__card",
+		children: [/* @__PURE__ */ jsxs(Button, {
+			"aria-label": `View ${server.name} details. ${projection.statusLabel}.`,
+			className: "mcp-plugin-catalog__card-main",
+			color: "neutral",
+			size: "xl",
+			variant: "ghost",
+			onClick: onSelect,
+			children: [/* @__PURE__ */ jsx(McpPluginAvatar, { server }), /* @__PURE__ */ jsxs("span", {
+				className: "mcp-plugin-catalog__card-copy",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "mcp-plugin-catalog__card-name sigvelo-truncate",
+					children: server.name
+				}), server.description ? /* @__PURE__ */ jsx("span", {
+					className: "mcp-plugin-catalog__card-description sigvelo-truncate",
+					children: server.description
+				}) : details?.developerName ? /* @__PURE__ */ jsxs("span", {
+					className: "mcp-plugin-catalog__card-description sigvelo-truncate",
+					children: ["By ", details.developerName]
+				}) : null]
+			})]
+		}), /* @__PURE__ */ jsx(IconButton, {
+			color: "neutral",
+			label: projection.kind === "connected" ? `More actions for ${server.name}` : `View ${server.name} connection options`,
+			size: "sm",
+			variant: "ghost",
+			onClick: onSelect,
+			children: projection.kind === "connecting" ? /* @__PURE__ */ jsx(SpinnerIcon, {}) : projection.kind === "connected" ? /* @__PURE__ */ jsx(EllipsisIcon, {}) : /* @__PURE__ */ jsx(PlusIcon, {})
+		})]
+	});
+}
+function McpPluginAvatar({ server, size = "lg", variant }) {
+	const src = getMcpServerIconSrc(server);
+	return /* @__PURE__ */ jsxs(AppIcon.Root, {
+		size,
+		variant,
+		"aria-hidden": "true",
+		children: [src ? /* @__PURE__ */ jsx(AppIcon.Image, {
+			alt: "",
+			fit: "contain",
+			src
+		}, src) : null, /* @__PURE__ */ jsx(AppIcon.Fallback, { children: server.name.slice(0, 1) })]
+	});
+}
+function McpPluginDialogActions({ projection, server, onConnect, onDisconnect }) {
+	const [action, setAction] = React.useState({ pending: false });
+	if (!projection) return null;
+	const disconnect = projection.kind === "connected";
+	const connectedServerId = projection.serverId;
+	const callback = disconnect ? connectedServerId && onDisconnect ? () => onDisconnect(connectedServerId) : void 0 : onConnect ? () => onConnect(server) : void 0;
+	const actionLabel = action.pending ? disconnect ? "Disconnecting" : "Connecting" : disconnect ? onDisconnect ? "Disconnect" : "Connected" : projection.kind === "connecting" ? "Connecting" : projection.kind === "reconnect" ? `Reconnect ${server.name}` : `Connect ${server.name}`;
+	const disabled = action.pending || projection.kind === "connecting" || !callback;
+	async function runAction() {
+		if (!callback || disabled) return;
+		setAction({ pending: true });
+		try {
+			await callback();
+			setAction({ pending: false });
+		} catch (error) {
+			setAction({
+				pending: false,
+				error: error instanceof Error ? error.message : String(error)
+			});
+		}
+	}
+	return /* @__PURE__ */ jsxs(Fragment, { children: [action.error ? /* @__PURE__ */ jsxs(AgentAttention, {
+		role: "alert",
+		tone: "warning",
+		children: [/* @__PURE__ */ jsx(AgentAttentionHeader, {
+			icon: /* @__PURE__ */ jsx(WarningIcon, {}),
+			title: "Connection failed"
+		}), /* @__PURE__ */ jsx(AgentAttentionBody, { children: /* @__PURE__ */ jsx("p", { children: action.error }) })]
+	}) : null, /* @__PURE__ */ jsx(Dialog.Footer, {
+		className: "mcp-plugin-details__footer",
+		children: /* @__PURE__ */ jsxs(Button, {
+			"aria-busy": action.pending || void 0,
+			color: "neutral",
+			disabled,
+			size: "xl",
+			variant: "surface",
+			onClick: () => void runAction(),
+			children: [
+				action.pending ? /* @__PURE__ */ jsx(SpinnerIcon, { size: 14 }) : null,
+				actionLabel,
+				!action.pending && !disconnect ? /* @__PURE__ */ jsx(ArrowUpRightIcon, {}) : null
+			]
+		})
+	})] });
+}
+function getServerProjection(server, mcp) {
+	const entry = getMcpServerEntry(server, mcp);
+	if (!entry) return {
+		kind: "available",
+		statusLabel: "Available"
+	};
+	const state = getMcpServerRuntimeState(entry[1]);
+	if (state === "ready") return {
+		kind: "connected",
+		serverId: entry[0],
+		statusLabel: "Connected"
+	};
+	if (state === "connecting" || state === "discovering" || state === "connected" && !entry[1].error) return {
+		kind: "connecting",
+		serverId: entry[0],
+		statusLabel: "Connecting"
+	};
+	return {
+		kind: "reconnect",
+		serverId: entry[0],
+		statusLabel: "Needs attention"
+	};
+}
+function getDialogTitle(name, kind, brandName) {
+	if (kind === "connected") return name;
+	if (kind === "connecting") return `Connecting ${name}`;
+	return `Add ${name} to ${brandName}`;
+}
+function filterServers(servers, detailsByServerId, query) {
+	const normalizedQuery = normalizeSearchText(query);
+	if (!normalizedQuery) return [...servers];
+	return servers.filter((server) => {
+		const details = detailsByServerId?.[server.id];
+		return normalizeSearchText([
+			server.name,
+			server.description,
+			server.category,
+			details?.developerName,
+			details?.marketplaceName,
+			details?.longDescription,
+			...details?.capabilities ?? [],
+			...details?.skills ?? []
+		].filter(Boolean).join(" ")).includes(normalizedQuery);
+	});
+}
+function normalizeSearchText(value) {
+	return value.toLocaleLowerCase().replace(/[^a-z0-9]+/g, " ").trim();
+}
+function groupServers(servers, featuredServerIds, query) {
+	if (normalizeSearchText(query)) return servers.length ? [{
+		id: "mcp-plugin-results",
+		label: "Results",
+		servers: [...servers]
+	}] : [];
+	const remaining = new Map(servers.map((server) => [server.id, server]));
+	const featured = featuredServerIds.flatMap((id) => {
+		const server = remaining.get(id);
+		if (!server) return [];
+		remaining.delete(id);
+		return [server];
+	});
+	const categories = /* @__PURE__ */ new Map();
+	for (const server of remaining.values()) {
+		const category = server.category === "Auto" || server.category === "Manual" ? "All plugins" : server.category ?? "Other";
+		const categoryServers = categories.get(category) ?? [];
+		categoryServers.push(server);
+		categories.set(category, categoryServers);
+	}
+	return [...featured.length ? [{
+		id: "mcp-plugin-featured",
+		label: "Featured",
+		servers: featured
+	}] : [], ...Array.from(categories, ([category, categoryServers]) => ({
+		id: `mcp-plugin-${normalizeSearchText(category).replaceAll(" ", "-") || "other"}`,
+		label: category,
+		servers: categoryServers
+	}))];
+}
+//#endregion
+export { McpPluginCatalog, McpPluginDetailsDialog };

package/dist/components/McpServerPicker.d.ts

@@ -1,7 +1,7 @@
 import { s as MenuItemProps, t as Menu } from "../Menu-L6MZm-7N.js";
-import { McpServerCard } from "../utils/mcp-server-catalog.js";
+import { o as McpServerCard } from "../mcp-server-catalog-DycejaJ5.js";
 import { McpConnectorFormProps } from "./AgentConnection.js";
-import { DialogProps } from "./Dialog.js";
+import { l as DialogProps } from "../Dialog-BD8NBKaE.js";
 import * as React from "react";
 import { MCPServersState } from "agents";
 

package/dist/components/McpServerPicker.js

@@ -1,12 +1,12 @@
 import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon, N as MinusIcon, Q as WarningIcon, u as CheckIcon } from "../icons-DyOM0EJs.js";
 import { buttonVariants } from "./Button.js";
+import { $ as WarningIcon, P as MinusIcon, d as CheckIcon, q as SpinnerIcon } from "../icons-ua6f_GH3.js";
+import { AppIcon } from "./AppIcon.js";
 import { Dialog } from "./Dialog.js";
 import { Menu } from "./Menu.js";
 import { PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuTrigger } from "./PromptInput.js";
 import { getMcpServerEntry, getMcpServerIconSrc, getMcpServerRuntimeState } from "../utils/mcp-server-catalog.js";
 import { McpConnectorForm } from "./AgentConnection.js";
-import { Avatar } from "./Avatar.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/McpServerPicker.tsx
@@ -257,20 +257,14 @@ function groupPickerRows(rows) {
 }
 function McpServerIcon({ server }) {
 	const src = getMcpServerIconSrc(server);
-	return /* @__PURE__ */ jsxs(Avatar.Root, {
-		className: "mcp-server-picker__avatar",
+	return /* @__PURE__ */ jsxs(AppIcon.Root, {
+		size: "xs",
 		"aria-hidden": "true",
-		children: [src ? /* @__PURE__ */ jsx(Avatar.Image, {
+		children: [src ? /* @__PURE__ */ jsx(AppIcon.Image, {
 			alt: "",
-			className: "mcp-server-picker__avatar-image",
-			decoding: "async",
-			loading: "lazy",
-			referrerPolicy: "no-referrer",
+			fit: "contain",
 			src
-		}, src) : null, /* @__PURE__ */ jsx(Avatar.Fallback, {
-			className: "mcp-server-picker__avatar-fallback",
-			children: server.name.slice(0, 1)
-		})]
+		}, src) : null, /* @__PURE__ */ jsx(AppIcon.Fallback, { children: server.name.slice(0, 1) })]
 	});
 }
 //#endregion

package/dist/components/MediaPreviewCard.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { B as PlayIcon } from "../icons-DyOM0EJs.js";
+import { V as PlayIcon } from "../icons-ua6f_GH3.js";
 import { n as mergeRefs } from "../merge-refs-DF_7w2x_.js";
 import { Card } from "./Card.js";
 import { t as motionIsReduced } from "../view-transitions-DyUP0lSg.js";

package/dist/components/Menubar.js

@@ -1,6 +1,6 @@
 import { n as mergeBaseClassName, t as cx } from "../class-names-BiMDVpUo.js";
-import { _ as DotIcon, u as CheckIcon } from "../icons-DyOM0EJs.js";
 import { buttonVariants } from "./Button.js";
+import { d as CheckIcon, v as DotIcon } from "../icons-ua6f_GH3.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react/menu";

package/dist/components/Message.d.ts

@@ -1,4 +1,4 @@
-import { r as ButtonProps } from "../Button-yRInko9u.js";
+import { n as IconButtonProps } from "../IconButton-CFKhu6OR.js";
 import * as React from "react";
 import { FileUIPart, UIMessage } from "ai";
 import { StreamdownProps } from "streamdown";
@@ -89,11 +89,7 @@ declare function MessageActions({
 }: MessageActionsProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface MessageActionProps extends Omit<ButtonProps, "children"> {
-  /** Accessible name for the button. Required when no visible text children. */
-  label?: string;
-  /** Optional tooltip text shown on hover/focus. Defaults to {@link label}. */
-  tooltip?: string;
+interface MessageActionProps extends Omit<IconButtonProps, "children"> {
   children?: React.ReactNode;
 }
 /**
@@ -180,7 +176,7 @@ declare function MessageBranchSelector({
 }: MessageBranchSelectorProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element | null;
-interface MessageBranchPreviousProps extends Omit<ButtonProps, "children"> {
+interface MessageBranchPreviousProps extends Omit<IconButtonProps, "children" | "label"> {
   label?: string;
   children?: React.ReactNode;
 }
@@ -198,7 +194,7 @@ declare function MessageBranchPrevious({
 }: MessageBranchPreviousProps & {
   ref?: React.Ref<HTMLButtonElement>;
 }): React.JSX.Element;
-interface MessageBranchNextProps extends Omit<ButtonProps, "children"> {
+interface MessageBranchNextProps extends Omit<IconButtonProps, "children" | "label"> {
   label?: string;
   children?: React.ReactNode;
 }

package/dist/components/Message.js

@@ -1,2 +1,2 @@
-import { a as MessageBranch, c as MessageBranchPage, d as MessageContent, f as MessageResponse, i as MessageAttachment, l as MessageBranchPrevious, n as MessageAction, o as MessageBranchContent, p as MessageToolbar, r as MessageActions, s as MessageBranchNext, t as Message, u as MessageBranchSelector } from "../Message-DzuteocT.js";
+import { a as MessageBranch, c as MessageBranchPage, d as MessageContent, f as MessageResponse, i as MessageAttachment, l as MessageBranchPrevious, n as MessageAction, o as MessageBranchContent, p as MessageToolbar, r as MessageActions, s as MessageBranchNext, t as Message, u as MessageBranchSelector } from "../Message-_-bEYLAO.js";
 export { Message, MessageAction, MessageActions, MessageAttachment, MessageBranch, MessageBranchContent, MessageBranchNext, MessageBranchPage, MessageBranchPrevious, MessageBranchSelector, MessageContent, MessageResponse, MessageToolbar };

package/dist/components/MessageScroller.d.ts

@@ -1,4 +1,4 @@
-import { r as ButtonProps } from "../Button-yRInko9u.js";
+import { r as ButtonProps } from "../Button-SBIz6Lqi.js";
 import * as React from "react";
 import { MessageScroller as MessageScroller$1, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from "@shadcn/react/message-scroller";
 

package/dist/components/MessageScroller.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { n as ArrowDownIcon } from "../icons-DyOM0EJs.js";
 import { Button } from "./Button.js";
+import { n as ArrowDownIcon } from "../icons-ua6f_GH3.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { MessageScroller as MessageScroller$1, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from "@shadcn/react/message-scroller";

package/dist/components/ModelSelector.d.ts

@@ -1,5 +1,5 @@
-import { r as ButtonProps } from "../Button-yRInko9u.js";
-import { DialogProps } from "./Dialog.js";
+import { r as ButtonProps } from "../Button-SBIz6Lqi.js";
+import { l as DialogProps } from "../Dialog-BD8NBKaE.js";
 import { SeparatorProps } from "./Separator.js";
 import * as React from "react";
 import Cloudflare from "cloudflare";

package/dist/components/ModelSelector.js

@@ -1,2 +1,2 @@
-import { _ as getCloudflareModelProvider, a as ModelSelectorEmpty, b as normalizeCloudflareModelSelectorModels, c as ModelSelectorItem, d as ModelSelectorLogoGroup, f as ModelSelectorName, g as formatCloudflareModelProvider, h as ModelSelectorTrigger, i as ModelSelectorDialog, l as ModelSelectorList, m as ModelSelectorSource, n as ModelSelector, o as ModelSelectorGroup, p as ModelSelectorSeparator, r as ModelSelectorContent, s as ModelSelectorInput, t as CloudflareModelSelector, u as ModelSelectorLogo, v as isCloudflareRunnableModelId, x as readCloudflareModelId, y as listCloudflareModelSelectorOptions } from "../ModelSelector-CEd8M9eK.js";
+import { _ as getCloudflareModelProvider, a as ModelSelectorEmpty, b as normalizeCloudflareModelSelectorModels, c as ModelSelectorItem, d as ModelSelectorLogoGroup, f as ModelSelectorName, g as formatCloudflareModelProvider, h as ModelSelectorTrigger, i as ModelSelectorDialog, l as ModelSelectorList, m as ModelSelectorSource, n as ModelSelector, o as ModelSelectorGroup, p as ModelSelectorSeparator, r as ModelSelectorContent, s as ModelSelectorInput, t as CloudflareModelSelector, u as ModelSelectorLogo, v as isCloudflareRunnableModelId, x as readCloudflareModelId, y as listCloudflareModelSelectorOptions } from "../ModelSelector-Brvj9Cab.js";
 export { CloudflareModelSelector, ModelSelector, ModelSelectorContent, ModelSelectorDialog, ModelSelectorEmpty, ModelSelectorGroup, ModelSelectorInput, ModelSelectorItem, ModelSelectorList, ModelSelectorLogo, ModelSelectorLogoGroup, ModelSelectorName, ModelSelectorSeparator, ModelSelectorSource, ModelSelectorTrigger, formatCloudflareModelProvider, getCloudflareModelProvider, isCloudflareRunnableModelId, listCloudflareModelSelectorOptions, normalizeCloudflareModelSelectorModels, readCloudflareModelId };

package/dist/components/Plan.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { _ as DotIcon, i as ArrowRightIcon, u as CheckIcon } from "../icons-DyOM0EJs.js";
+import { d as CheckIcon, i as ArrowRightIcon, v as DotIcon } from "../icons-ua6f_GH3.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Plan.tsx

package/dist/components/PricingPlanCard.d.ts

@@ -10,7 +10,7 @@ interface PricingPlanCardProps {
   /** Additional class name for placement in a consuming layout. */
   className?: string;
 }
-/** A single plan card with shared Badge, Button, Separator, and Tooltip primitives. */
+/** A single plan card composed from the shared card and control primitives. */
 declare function PricingPlanCard({
   plan,
   billingPeriod,

package/dist/components/PricingPlanCard.js

@@ -1,7 +1,7 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { D as InfoIcon, N as MinusIcon, u as CheckIcon } from "../icons-DyOM0EJs.js";
 import { Button } from "./Button.js";
-import { Tooltip } from "./Tooltip.js";
+import { O as InfoIcon, P as MinusIcon, d as CheckIcon } from "../icons-ua6f_GH3.js";
+import { IconButton } from "./IconButton.js";
 import { Separator } from "./Separator.js";
 import { Badge } from "./Badge.js";
 import { Card } from "./Card.js";
@@ -15,7 +15,7 @@ function getPlanActionLabel(plan, action) {
 	if (action === "switch") return "Switch Plan";
 	return plan.cta ?? "Get Started";
 }
-/** A single plan card with shared Badge, Button, Separator, and Tooltip primitives. */
+/** A single plan card composed from the shared card and control primitives. */
 function PricingPlanCard({ plan, billingPeriod, action = "select", onSelect, className }) {
 	const price = getPlanPrice(plan, billingPeriod);
 	const yearlySavings = getPlanYearlySavings(plan);
@@ -90,16 +90,14 @@ function PricingPlanCard({ plan, billingPeriod, action = "select", onSelect, cla
 								]
 							}) : null]
 						}),
-						feature.tooltip ? /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, {
-							render: /* @__PURE__ */ jsx(Button, {
-								variant: "ghost",
-								color: "neutral",
-								size: "sm",
-								iconOnly: true,
-								"aria-label": `More information about ${feature.name}`
-							}),
+						feature.tooltip ? /* @__PURE__ */ jsx(IconButton, {
+							label: `More information about ${feature.name}`,
+							tooltip: feature.tooltip,
+							variant: "ghost",
+							color: "neutral",
+							size: "sm",
 							children: /* @__PURE__ */ jsx(InfoIcon, { size: 14 })
-						}), /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, { children: /* @__PURE__ */ jsx(Tooltip.Popup, { children: feature.tooltip }) }) })] }) : null
+						}) : null
 					]
 				}, feature.name))
 			})

package/dist/components/PromptInput.d.ts

@@ -1,2 +1,2 @@
-import { $ as PromptInputDictationProps, A as PromptInputCommandDefinition, At as PromptInputTabProps, B as PromptInputCommandItemProps, Bt as getApprovalRequestId, C as PromptInputBodyProps, Ct as PromptInputTab, D as PromptInputCommand, Dt as PromptInputTabItemProps, E as PromptInputButtonTooltip, Et as PromptInputTabItem, F as PromptInputCommandGroupLabelProps, Ft as PromptInputTools, G as PromptInputCommandSeparatorProps, Gt as useProviderAttachments, H as PromptInputCommandListProps, Ht as getPendingToolApprovals, I as PromptInputCommandGroupProps, It as PromptInputToolsProps, J as PromptInputContextItem, K as PromptInputCommandTrigger, L as PromptInputCommandInput, Lt as PromptInputTooltipConfig, M as PromptInputCommandEmptyProps, Mt as PromptInputTabsListProps, N as PromptInputCommandGroup, Nt as PromptInputTextarea, O as PromptInputCommandComposer, Ot as PromptInputTabLabel, P as PromptInputCommandGroupLabel, Pt as PromptInputTextareaProps, Q as PromptInputDictation, R as PromptInputCommandInputProps, Rt as TextInputContext, S as PromptInputBody, St as PromptInputSubmitProps, T as PromptInputButtonProps, Tt as PromptInputTabBodyProps, U as PromptInputCommandProps, Ut as usePromptInputAttachments, V as PromptInputCommandList, Vt as getApprovalStateKey, W as PromptInputCommandSeparator, Wt as usePromptInputController, X as PromptInputContextSelectorProps, Y as PromptInputContextSelector, Z as PromptInputControllerProps, _ as PromptInputApprovalProps, _t as PromptInputReferences, a as PromptInputActionAddAttachmentsProps, at as PromptInputHoverCardContent, b as PromptInputAttachments, bt as PromptInputSelectProps, c as PromptInputActionMenu, ct as PromptInputHoverCardTrigger, d as PromptInputActionMenuItem, dt as PromptInputPermissionSelector, et as PromptInputFooter, f as PromptInputActionMenuItemProps, ft as PromptInputPermissionSelectorProps, g as PromptInputApproval, gt as PromptInputReference, h as PromptInputActionMenuTriggerProps, ht as PromptInputProviderProps, i as PromptInputActionAddAttachments, it as PromptInputHoverCard, j as PromptInputCommandEmpty, jt as PromptInputTabsList, k as PromptInputCommandComposerProps, kt as PromptInputTabLabelProps, l as PromptInputActionMenuContent, lt as PromptInputHoverCardTriggerProps, m as PromptInputActionMenuTrigger, mt as PromptInputProvider, n as PermissionMode, nt as PromptInputHeader, o as PromptInputActionAddScreenshot, ot as PromptInputHoverCardContentProps, p as PromptInputActionMenuProps, pt as PromptInputProps, q as PromptInputContextAction, r as PromptInput, rt as PromptInputHeaderProps, s as PromptInputActionAddScreenshotProps, st as PromptInputHoverCardProps, t as AttachmentsContext, tt as PromptInputFooterProps, u as PromptInputActionMenuContentProps, ut as PromptInputMessage, v as PromptInputAttachment, vt as PromptInputReferencesProps, w as PromptInputButton, wt as PromptInputTabBody, x as PromptInputAttachmentsProps, xt as PromptInputSubmit, y as PromptInputAttachmentProps, yt as PromptInputSelect, z as PromptInputCommandItem, zt as TooltipSide } from "../PromptInput-Cq-8RoXD.js";
-export { AttachmentsContext, PermissionMode, PromptInput, PromptInputActionAddAttachments, PromptInputActionAddAttachmentsProps, PromptInputActionAddScreenshot, PromptInputActionAddScreenshotProps, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuContentProps, PromptInputActionMenuItem, PromptInputActionMenuItemProps, PromptInputActionMenuProps, PromptInputActionMenuTrigger, PromptInputActionMenuTriggerProps, PromptInputApproval, PromptInputApprovalProps, PromptInputAttachment, PromptInputAttachmentProps, PromptInputAttachments, PromptInputAttachmentsProps, PromptInputBody, PromptInputBodyProps, PromptInputButton, PromptInputButtonProps, PromptInputButtonTooltip, PromptInputCommand, PromptInputCommandComposer, PromptInputCommandComposerProps, PromptInputCommandDefinition, PromptInputCommandEmpty, PromptInputCommandEmptyProps, PromptInputCommandGroup, PromptInputCommandGroupLabel, PromptInputCommandGroupLabelProps, PromptInputCommandGroupProps, PromptInputCommandInput, PromptInputCommandInputProps, PromptInputCommandItem, PromptInputCommandItemProps, PromptInputCommandList, PromptInputCommandListProps, PromptInputCommandProps, PromptInputCommandSeparator, PromptInputCommandSeparatorProps, PromptInputCommandTrigger, PromptInputContextAction, PromptInputContextItem, PromptInputContextSelector, PromptInputContextSelectorProps, PromptInputControllerProps, PromptInputDictation, PromptInputDictationProps, PromptInputFooter, PromptInputFooterProps, PromptInputHeader, PromptInputHeaderProps, PromptInputHoverCard, PromptInputHoverCardContent, PromptInputHoverCardContentProps, PromptInputHoverCardProps, PromptInputHoverCardTrigger, PromptInputHoverCardTriggerProps, PromptInputMessage, PromptInputPermissionSelector, PromptInputPermissionSelectorProps, PromptInputProps, PromptInputProvider, PromptInputProviderProps, PromptInputReference, PromptInputReferences, PromptInputReferencesProps, PromptInputSelect, PromptInputSelectProps, PromptInputSubmit, PromptInputSubmitProps, PromptInputTab, PromptInputTabBody, PromptInputTabBodyProps, PromptInputTabItem, PromptInputTabItemProps, PromptInputTabLabel, PromptInputTabLabelProps, PromptInputTabProps, PromptInputTabsList, PromptInputTabsListProps, PromptInputTextarea, PromptInputTextareaProps, PromptInputTools, PromptInputToolsProps, PromptInputTooltipConfig, TextInputContext, TooltipSide, getApprovalRequestId, getApprovalStateKey, getPendingToolApprovals, usePromptInputAttachments, usePromptInputController, useProviderAttachments };
+import { $ as PromptInputDictationProps, A as PromptInputCommandDefinition, At as PromptInputTabProps, B as PromptInputCommandItemProps, Bt as TextInputContext, C as PromptInputBodyProps, Ct as PromptInputTab, D as PromptInputCommand, Dt as PromptInputTabItemProps, E as PromptInputButtonTooltip, Et as PromptInputTabItem, F as PromptInputCommandGroupLabelProps, Ft as PromptInputTools, G as PromptInputCommandSeparatorProps, Gt as usePromptInputAttachments, H as PromptInputCommandListProps, Ht as getApprovalRequestId, I as PromptInputCommandGroupProps, It as PromptInputToolsProps, J as PromptInputContextItem, K as PromptInputCommandTrigger, Kt as usePromptInputController, L as PromptInputCommandInput, Lt as PromptInputTooltipConfig, M as PromptInputCommandEmptyProps, Mt as PromptInputTabsListProps, N as PromptInputCommandGroup, Nt as PromptInputTextarea, O as PromptInputCommandComposer, Ot as PromptInputTabLabel, P as PromptInputCommandGroupLabel, Pt as PromptInputTextareaProps, Q as PromptInputDictation, R as PromptInputCommandInputProps, Rt as PromptInputTray, S as PromptInputBody, St as PromptInputSubmitProps, T as PromptInputButtonProps, Tt as PromptInputTabBodyProps, U as PromptInputCommandProps, Ut as getApprovalStateKey, V as PromptInputCommandList, Vt as TooltipSide, W as PromptInputCommandSeparator, Wt as getPendingToolApprovals, X as PromptInputContextSelectorProps, Y as PromptInputContextSelector, Z as PromptInputControllerProps, _ as PromptInputApprovalProps, _t as PromptInputReferences, a as PromptInputActionAddAttachmentsProps, at as PromptInputHoverCardContent, b as PromptInputAttachments, bt as PromptInputSelectProps, c as PromptInputActionMenu, ct as PromptInputHoverCardTrigger, d as PromptInputActionMenuItem, dt as PromptInputPermissionSelector, et as PromptInputFooter, f as PromptInputActionMenuItemProps, ft as PromptInputPermissionSelectorProps, g as PromptInputApproval, gt as PromptInputReference, h as PromptInputActionMenuTriggerProps, ht as PromptInputProviderProps, i as PromptInputActionAddAttachments, it as PromptInputHoverCard, j as PromptInputCommandEmpty, jt as PromptInputTabsList, k as PromptInputCommandComposerProps, kt as PromptInputTabLabelProps, l as PromptInputActionMenuContent, lt as PromptInputHoverCardTriggerProps, m as PromptInputActionMenuTrigger, mt as PromptInputProvider, n as PermissionMode, nt as PromptInputHeader, o as PromptInputActionAddScreenshot, ot as PromptInputHoverCardContentProps, p as PromptInputActionMenuProps, pt as PromptInputProps, q as PromptInputContextAction, qt as useProviderAttachments, r as PromptInput, rt as PromptInputHeaderProps, s as PromptInputActionAddScreenshotProps, st as PromptInputHoverCardProps, t as AttachmentsContext, tt as PromptInputFooterProps, u as PromptInputActionMenuContentProps, ut as PromptInputMessage, v as PromptInputAttachment, vt as PromptInputReferencesProps, w as PromptInputButton, wt as PromptInputTabBody, x as PromptInputAttachmentsProps, xt as PromptInputSubmit, y as PromptInputAttachmentProps, yt as PromptInputSelect, z as PromptInputCommandItem, zt as PromptInputTrayProps } from "../PromptInput-BjoPWaaG.js";
+export { AttachmentsContext, PermissionMode, PromptInput, PromptInputActionAddAttachments, PromptInputActionAddAttachmentsProps, PromptInputActionAddScreenshot, PromptInputActionAddScreenshotProps, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuContentProps, PromptInputActionMenuItem, PromptInputActionMenuItemProps, PromptInputActionMenuProps, PromptInputActionMenuTrigger, PromptInputActionMenuTriggerProps, PromptInputApproval, PromptInputApprovalProps, PromptInputAttachment, PromptInputAttachmentProps, PromptInputAttachments, PromptInputAttachmentsProps, PromptInputBody, PromptInputBodyProps, PromptInputButton, PromptInputButtonProps, PromptInputButtonTooltip, PromptInputCommand, PromptInputCommandComposer, PromptInputCommandComposerProps, PromptInputCommandDefinition, PromptInputCommandEmpty, PromptInputCommandEmptyProps, PromptInputCommandGroup, PromptInputCommandGroupLabel, PromptInputCommandGroupLabelProps, PromptInputCommandGroupProps, PromptInputCommandInput, PromptInputCommandInputProps, PromptInputCommandItem, PromptInputCommandItemProps, PromptInputCommandList, PromptInputCommandListProps, PromptInputCommandProps, PromptInputCommandSeparator, PromptInputCommandSeparatorProps, PromptInputCommandTrigger, PromptInputContextAction, PromptInputContextItem, PromptInputContextSelector, PromptInputContextSelectorProps, PromptInputControllerProps, PromptInputDictation, PromptInputDictationProps, PromptInputFooter, PromptInputFooterProps, PromptInputHeader, PromptInputHeaderProps, PromptInputHoverCard, PromptInputHoverCardContent, PromptInputHoverCardContentProps, PromptInputHoverCardProps, PromptInputHoverCardTrigger, PromptInputHoverCardTriggerProps, PromptInputMessage, PromptInputPermissionSelector, PromptInputPermissionSelectorProps, PromptInputProps, PromptInputProvider, PromptInputProviderProps, PromptInputReference, PromptInputReferences, PromptInputReferencesProps, PromptInputSelect, PromptInputSelectProps, PromptInputSubmit, PromptInputSubmitProps, PromptInputTab, PromptInputTabBody, PromptInputTabBodyProps, PromptInputTabItem, PromptInputTabItemProps, PromptInputTabLabel, PromptInputTabLabelProps, PromptInputTabProps, PromptInputTabsList, PromptInputTabsListProps, PromptInputTextarea, PromptInputTextareaProps, PromptInputTools, PromptInputToolsProps, PromptInputTooltipConfig, PromptInputTray, PromptInputTrayProps, TextInputContext, TooltipSide, getApprovalRequestId, getApprovalStateKey, getPendingToolApprovals, usePromptInputAttachments, usePromptInputController, useProviderAttachments };