@mcp-b/react-components 0.10.0 → 0.12.0

package/dist/components/McpServerPicker.js

@@ -1,74 +1,96 @@
-import { F as WarningIcon, M as SpinnerIcon, O as PlusIcon, a as CheckIcon } from "../icons-D2Q5n5C1.js";
-import { Button } from "./Button.js";
-import { MenuContent, MenuGroup, MenuGroupLabel, MenuItem, MenuRoot, MenuShortcut, MenuTrigger } from "./Menu.js";
+import { F as WarningIcon, M as SpinnerIcon, S as MinusIcon, a as CheckIcon, b as LinkIcon, k as RefreshIcon } from "../icons-D2Q5n5C1.js";
+import { MenuContent, MenuItem, MenuRoot } from "./Menu.js";
+import { PromptInputActionMenuTrigger } from "./PromptInput.js";
 import { getMcpServerIconSrc } from "../utils/mcp-server-catalog.js";
 import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/McpServerPicker.tsx
 /**
 * Prompt plus-menu picker for choosing an MCP server and handing connection
 * work back to the host app.
 */
-function McpServerPicker({ servers, onConnect, sideOffset = 80 }) {
+function McpServerPicker({ servers, onConnect, mcp, onAuthorize, onDisconnect, onRefresh, onRetry, sideOffset = 80, triggerLabel = "Add server" }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: "mcp-server-picker",
-		children: /* @__PURE__ */ jsxs(MenuRoot, { children: [/* @__PURE__ */ jsx(MenuTrigger, { render: /* @__PURE__ */ jsx(Button, {
-			type: "button",
-			variant: "ghost",
-			color: "neutral",
-			size: "icon-xs",
+		children: /* @__PURE__ */ jsxs(MenuRoot, { children: [/* @__PURE__ */ jsx(PromptInputActionMenuTrigger, {
 			className: "mcp-server-picker__trigger",
-			"aria-label": "Add server",
-			children: /* @__PURE__ */ jsx(PlusIcon, {})
-		}) }), /* @__PURE__ */ jsx(MenuContent, {
+			"aria-label": triggerLabel
+		}), /* @__PURE__ */ jsx(MenuContent, {
 			side: "top",
 			align: "start",
 			sideOffset,
 			collisionPadding: 8,
+			tabIndex: 0,
 			"aria-label": "Servers",
 			className: "mcp-server-picker__popup",
 			children: /* @__PURE__ */ jsx(McpServerPickerItems, {
 				servers,
-				onConnect
+				onConnect,
+				mcp,
+				onAuthorize,
+				onDisconnect,
+				onRefresh,
+				onRetry
 			})
 		})] })
 	});
 }
-function McpServerPickerItems({ servers, onConnect }) {
-	const groups = groupServers(servers);
-	const showHeadings = groups.some((group) => group.category);
-	if (servers.length === 0) return /* @__PURE__ */ jsx(MenuItem, {
+function McpServerPickerItems({ servers, onConnect, mcp, onAuthorize, onDisconnect, onRefresh, onRetry }) {
+	const [pendingAction, setPendingAction] = React.useState(null);
+	const rows = getPickerRows(servers, mcp);
+	async function runAction(action, serverId, server, handler) {
+		if (!handler) return;
+		setPendingAction(`${action}:${serverId}`);
+		try {
+			await handler(serverId, server);
+		} finally {
+			setPendingAction(null);
+		}
+	}
+	if (rows.length === 0) return /* @__PURE__ */ jsx(MenuItem, {
 		disabled: true,
 		className: "mcp-server-picker__empty",
 		children: "No servers available."
 	});
-	return groups.map((group) => /* @__PURE__ */ jsxs(MenuGroup, {
-		className: "mcp-server-picker__group",
-		children: [showHeadings ? /* @__PURE__ */ jsx(MenuGroupLabel, { children: group.category || "Servers" }) : null, group.servers.map((server) => /* @__PURE__ */ jsx(McpServerPickerRow, {
-			server,
-			onConnect
-		}, server.id))]
-	}, group.category));
+	return /* @__PURE__ */ jsx(Fragment, { children: rows.map((server) => /* @__PURE__ */ jsx(McpServerPickerRow, {
+		mcp,
+		pendingAction,
+		server,
+		onAuthorize: (id, entry) => void runAction("authorize", id, entry, onAuthorize),
+		onConnect,
+		onDisconnect: (id, entry) => void runAction("disconnect", id, entry, onDisconnect),
+		onRefresh: (id, entry) => void runAction("refresh", id, entry, onRefresh),
+		onRetry: (id, entry) => void runAction("retry", id, entry, onRetry)
+	}, server.id)) });
 }
-function McpServerPickerRow({ server, onConnect }) {
+function McpServerPickerRow({ server, mcp, onConnect, onAuthorize, onDisconnect, onRefresh, onRetry, pendingAction }) {
 	const descriptionId = React.useId();
-	const statusText = server.statusLabel ?? getStatusLabel(server.status);
-	const busy = server.status === "connecting" || server.status === "authenticating" || server.status === "discovering";
-	const disabled = busy || server.status === "ready" || server.status === "connected";
-	return /* @__PURE__ */ jsxs(MenuItem, {
-		className: "mcp-server-picker__row",
-		closeOnClick: false,
-		"data-status": server.status,
-		disabled,
-		"aria-busy": busy || void 0,
-		"aria-describedby": server.description ? descriptionId : void 0,
-		onClick: disabled ? void 0 : () => void onConnect(server),
-		children: [
-			/* @__PURE__ */ jsx("span", {
+	const connected = getConnectedServerEntry(server, mcp);
+	const connectedServerId = connected?.[0];
+	const connectedServer = connected?.[1];
+	const derivedStatus = server.status ?? connectedServer?.state;
+	const statusText = server.statusLabel ?? getStatusLabel(derivedStatus);
+	const connectedState = derivedStatus === "ready" || derivedStatus === "connected";
+	const busy = derivedStatus === "connecting" || derivedStatus === "authenticating" || derivedStatus === "discovering";
+	const disabled = !onConnect || busy || Boolean(connectedServer) || derivedStatus === "ready" || derivedStatus === "connected";
+	const pending = (action) => Boolean(connectedServerId && pendingAction === `${action}:${connectedServerId}`);
+	const hasStatusIcon = connectedState || busy || derivedStatus === "failed" || derivedStatus === "needs-auth";
+	return /* @__PURE__ */ jsxs("div", {
+		className: "mcp-server-picker__row-shell",
+		"data-connection": connectedState ? "connected" : "disconnected",
+		"data-status": derivedStatus,
+		children: [/* @__PURE__ */ jsxs(MenuItem, {
+			className: "mcp-server-picker__row",
+			closeOnClick: false,
+			"data-status": derivedStatus,
+			disabled,
+			"aria-busy": busy || void 0,
+			"aria-describedby": server.description ? descriptionId : void 0,
+			onClick: disabled ? void 0 : () => void onConnect(server),
+			children: [/* @__PURE__ */ jsx("span", {
 				className: "mcp-server-picker__icon",
 				children: renderIcon(server)
-			}),
-			/* @__PURE__ */ jsxs("span", {
+			}), /* @__PURE__ */ jsxs("span", {
 				className: "mcp-server-picker__copy",
 				children: [/* @__PURE__ */ jsx("span", {
 					className: "mcp-server-picker__name",
@@ -78,16 +100,56 @@ function McpServerPickerRow({ server, onConnect }) {
 					className: "mcp-server-picker__description",
 					children: server.description
 				}) : null]
-			}),
-			statusText ? /* @__PURE__ */ jsxs(MenuShortcut, {
-				className: "mcp-server-picker__meta",
-				title: statusText,
-				children: [/* @__PURE__ */ jsx(StatusIcon, { status: server.status }), /* @__PURE__ */ jsx("span", {
-					className: "mcp-server-picker__status-label",
-					children: statusText
-				})]
-			}) : null
-		]
+			})]
+		}), hasStatusIcon || connectedServer ? /* @__PURE__ */ jsxs("div", {
+			className: "mcp-server-picker__row-actions",
+			children: [
+				hasStatusIcon ? /* @__PURE__ */ jsxs("span", {
+					className: "mcp-server-picker__row-status",
+					title: statusText,
+					children: [/* @__PURE__ */ jsx(StatusIcon, { status: derivedStatus }), /* @__PURE__ */ jsx("span", {
+						className: "mcp-server-picker__status-label",
+						children: statusText
+					})]
+				}) : null,
+				connectedServer?.state === "authenticating" && connectedServerId && onAuthorize ? /* @__PURE__ */ jsx(McpServerActionItem, {
+					disabled: pending("authorize"),
+					icon: /* @__PURE__ */ jsx(LinkIcon, {}),
+					label: pending("authorize") ? `Opening ${server.name}` : `Authorize ${server.name}`,
+					onClick: () => onAuthorize(connectedServerId, connectedServer)
+				}) : null,
+				connectedServer?.state === "failed" && connectedServerId && onRetry ? /* @__PURE__ */ jsx(McpServerActionItem, {
+					disabled: pending("retry"),
+					icon: /* @__PURE__ */ jsx(RefreshIcon, {}),
+					label: pending("retry") ? `Retrying ${server.name}` : `Retry ${server.name}`,
+					onClick: () => onRetry(connectedServerId, connectedServer)
+				}) : null,
+				(connectedServer?.state === "ready" || connectedServer?.state === "connected") && connectedServerId && onRefresh ? /* @__PURE__ */ jsx(McpServerActionItem, {
+					disabled: pending("refresh"),
+					icon: /* @__PURE__ */ jsx(RefreshIcon, {}),
+					label: pending("refresh") ? `Reconnecting ${server.name}` : `Reconnect ${server.name}`,
+					onClick: () => onRefresh(connectedServerId, connectedServer)
+				}) : null,
+				(connectedServer?.state === "ready" || connectedServer?.state === "connected") && connectedServerId && onDisconnect ? /* @__PURE__ */ jsx(McpServerActionItem, {
+					disabled: pending("disconnect"),
+					icon: /* @__PURE__ */ jsx(MinusIcon, {}),
+					label: pending("disconnect") ? `Disconnecting ${server.name}` : `Disconnect ${server.name}`,
+					onClick: () => onDisconnect(connectedServerId, connectedServer)
+				}) : null
+			]
+		}) : null]
+	});
+}
+function McpServerActionItem({ disabled, icon, label, onClick }) {
+	return /* @__PURE__ */ jsxs(MenuItem, {
+		className: "mcp-server-picker__action",
+		closeOnClick: false,
+		disabled,
+		onClick: disabled ? void 0 : () => void onClick(),
+		children: [icon, /* @__PURE__ */ jsx("span", {
+			className: "mcp-server-picker__status-label",
+			children: label
+		})]
 	});
 }
 function StatusIcon({ status }) {
@@ -109,6 +171,19 @@ function getStatusLabel(status) {
 	if (status === "discovering") return "Discovering";
 	return "";
 }
+function getConnectedServerEntry(card, mcp) {
+	if (!mcp) return void 0;
+	return Object.entries(mcp.servers).find(([serverId, entry]) => serverId === card.id || entry.server_url === card.url);
+}
+function getPickerRows(servers, mcp) {
+	if (!mcp) return [...servers];
+	const upstreamRows = Object.entries(mcp.servers).filter(([serverId, entry]) => !servers.some((server) => server.id === serverId || server.url === entry.server_url)).map(([serverId, entry]) => ({
+		id: serverId,
+		name: entry.name,
+		url: entry.server_url
+	}));
+	return [...servers, ...upstreamRows];
+}
 function renderIcon(server) {
 	const src = getMcpServerIconSrc(server);
 	if (src) return /* @__PURE__ */ jsx(IconImage, {
@@ -122,6 +197,9 @@ function renderIcon(server) {
 }
 function IconImage({ src, name }) {
 	const [failed, setFailed] = React.useState(false);
+	React.useEffect(() => {
+		setFailed(false);
+	}, [src]);
 	if (failed) return /* @__PURE__ */ jsx("span", {
 		className: "mcp-server-picker__fallback-icon",
 		children: name.slice(0, 1)
@@ -137,21 +215,5 @@ function IconImage({ src, name }) {
 		onError: () => setFailed(true)
 	});
 }
-function groupServers(servers) {
-	const groups = [];
-	for (const server of servers) {
-		const category = server.category ?? "";
-		let group = groups.find((candidate) => candidate.category === category);
-		if (!group) {
-			group = {
-				category,
-				servers: []
-			};
-			groups.push(group);
-		}
-		group.servers.push(server);
-	}
-	return groups;
-}
 //#endregion
 export { McpServerPicker, McpServerPickerItems };

package/dist/components/Menu.d.ts

@@ -1,2 +1,2 @@
-import { A as MenuRadioItemProps, B as MenuSubTrigger, C as MenuPositionerProps, D as MenuRadioItem, E as MenuRadioGroupProps, F as MenuShortcutProps, G as MenuTriggerProps, H as MenuSubmenuTrigger, I as MenuSub, L as MenuSubContent, M as MenuSeparator, N as MenuSeparatorProps, O as MenuRadioItemIndicator, P as MenuShortcut, R as MenuSubContentProps, S as MenuPositioner, T as MenuRadioGroup, U as MenuSubmenuTriggerProps, V as MenuSubTriggerProps, W as MenuTrigger, _ as MenuLabelProps, a as MenuCheckboxItemIndicator, b as MenuPortal, c as MenuContent, d as MenuGroupLabel, f as MenuGroupLabelProps, g as MenuLabel, h as MenuItemProps, i as MenuCheckboxItem, j as MenuRoot, k as MenuRadioItemIndicatorProps, l as MenuContentProps, m as MenuItem, n as MenuArrow, o as MenuCheckboxItemIndicatorProps, p as MenuGroupProps, r as MenuArrowProps, s as MenuCheckboxItemProps, t as Menu, u as MenuGroup, v as MenuPopup, w as MenuProps, x as MenuPortalProps, y as MenuPopupProps, z as MenuSubProps } from "../Menu-B5vDqZe_.js";
+import { A as MenuRadioItemProps, B as MenuSubTrigger, C as MenuPositionerProps, D as MenuRadioItem, E as MenuRadioGroupProps, F as MenuShortcutProps, G as MenuTriggerProps, H as MenuSubmenuTrigger, I as MenuSub, L as MenuSubContent, M as MenuSeparator, N as MenuSeparatorProps, O as MenuRadioItemIndicator, P as MenuShortcut, R as MenuSubContentProps, S as MenuPositioner, T as MenuRadioGroup, U as MenuSubmenuTriggerProps, V as MenuSubTriggerProps, W as MenuTrigger, _ as MenuLabelProps, a as MenuCheckboxItemIndicator, b as MenuPortal, c as MenuContent, d as MenuGroupLabel, f as MenuGroupLabelProps, g as MenuLabel, h as MenuItemProps, i as MenuCheckboxItem, j as MenuRoot, k as MenuRadioItemIndicatorProps, l as MenuContentProps, m as MenuItem, n as MenuArrow, o as MenuCheckboxItemIndicatorProps, p as MenuGroupProps, r as MenuArrowProps, s as MenuCheckboxItemProps, t as Menu, u as MenuGroup, v as MenuPopup, w as MenuProps, x as MenuPortalProps, y as MenuPopupProps, z as MenuSubProps } from "../Menu-BLhnNnRK.js";
 export { Menu, MenuArrow, MenuArrowProps, MenuCheckboxItem, MenuCheckboxItemIndicator, MenuCheckboxItemIndicatorProps, MenuCheckboxItemProps, MenuContent, MenuContentProps, MenuGroup, MenuGroupLabel, MenuGroupLabelProps, MenuGroupProps, MenuItem, MenuItemProps, MenuLabel, MenuLabelProps, MenuPopup, MenuPopupProps, MenuPortal, MenuPortalProps, MenuPositioner, MenuPositionerProps, MenuProps, MenuRadioGroup, MenuRadioGroupProps, MenuRadioItem, MenuRadioItemIndicator, MenuRadioItemIndicatorProps, MenuRadioItemProps, MenuRoot, MenuSeparator, MenuSeparatorProps, MenuShortcut, MenuShortcutProps, MenuSub, MenuSubContent, MenuSubContentProps, MenuSubProps, MenuSubTrigger, MenuSubTriggerProps, MenuSubmenuTrigger, MenuSubmenuTriggerProps, MenuTrigger, MenuTriggerProps };

package/dist/components/Menu.js

@@ -31,8 +31,8 @@ const MenuRoot = (props) => {
 /**
 * Button that toggles the menu visibility.
 */
-function MenuTrigger({ className = "", ref, ...props }) {
-	const classes = ["menu__trigger", className].filter(Boolean).join(" ");
+function MenuTrigger({ className = "", unstyled = false, ref, ...props }) {
+	const classes = [!unstyled && "menu__trigger", className].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsx(Menu$1.Trigger, {
 		ref,
 		"data-slot": "dropdown-menu-trigger",

package/dist/components/Message.d.ts

@@ -4,7 +4,7 @@ import { FileUIPart, UIMessage } from "ai";
 import { StreamdownProps } from "streamdown";
 
 //#region src/components/Message.d.ts
-type MessageRole = UIMessage["role"] | (string & {});
+type MessageRole = UIMessage["role"];
 interface MessageProps extends React.HTMLAttributes<HTMLDivElement> {
   /**
    * The originating role of the message. Controls alignment and styling via
@@ -58,9 +58,10 @@ declare function MessageContent({
 type MessageResponseProps = StreamdownProps;
 declare const MessageResponse: React.MemoExoticComponent<({
   className,
+  components,
   ...props
 }: MessageResponseProps) => React.JSX.Element>;
-interface MessageAttachmentProps extends Omit<React.HTMLAttributes<HTMLElement>, "part"> {
+interface MessageAttachmentProps extends Omit<React.HTMLAttributes<HTMLElement>, "color" | "part"> {
   /** The AI SDK `file` part, taken whole. */
   part: FileUIPart;
 }

package/dist/components/Message.js

@@ -59,9 +59,15 @@ const streamdownPlugins = {
 	math,
 	mermaid
 };
-const MessageResponse = React.memo(function MessageResponse({ className, ...props }) {
+const messageResponseComponents = { img: "img" };
+const MessageResponse = React.memo(function MessageResponse({ className, components, ...props }) {
+	const mergedComponents = components ? {
+		...messageResponseComponents,
+		...components
+	} : messageResponseComponents;
 	return /* @__PURE__ */ jsx(Streamdown, {
 		className: cx("message__response", className),
+		components: mergedComponents,
 		plugins: streamdownPlugins,
 		...props
 	});
@@ -76,8 +82,9 @@ function MessageAttachment({ part, className, ...props }) {
 	if (part.mediaType.startsWith("image/")) return /* @__PURE__ */ jsx(AttachmentPreview, {
 		url: part.url,
 		filename: part.filename,
-		children: /* @__PURE__ */ jsx("button", {
-			type: "button",
+		children: /* @__PURE__ */ jsx(Button, {
+			variant: "ghost",
+			color: "neutral",
 			className: cx("message__attachment-zoom", className),
 			"aria-label": `Preview ${name}`,
 			...props,

package/dist/components/ModelSelector.d.ts

@@ -1,4 +1,5 @@
 import { r as ButtonProps } from "../Button-Ct5I6aTu.js";
+import { SeparatorProps } from "./Separator.js";
 import * as React from "react";
 import Cloudflare from "cloudflare";
 import { AiModelsSearchObject } from "@cloudflare/workers-types";
@@ -57,13 +58,13 @@ interface ModelSelectorProps extends React.HTMLAttributes<HTMLDivElement> {
  * multiselect; use Combobox or a dedicated component for that.
  *
  * Sigvelo changes: composes the design-system Dialog and Button, filters item
- * children locally, and maps provider logos plus listbox styling to Sigvelo
+ * children locally, and maps provider logos plus button-list styling to Sigvelo
  * CSS tokens.
  *
- * The dialog owns focus while open, the list uses `role="listbox"`, and items
- * use `role="option"` with `aria-selected`. Styling consumes surface, border,
- * spacing, radius, focus, and typography tokens. Add provider/item affordances
- * here when they need to be shared.
+ * The dialog owns focus while open, and options are native buttons in grouped
+ * sections. Styling consumes surface, border, spacing, radius, focus, and
+ * typography tokens. Add provider/item affordances here when they need to be
+ * shared.
  *
  * @example
  * ```tsx
@@ -166,7 +167,7 @@ declare function ModelSelectorGroup({
 }: ModelSelectorGroupProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element | null;
-interface ModelSelectorItemProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, "onSelect"> {
+interface ModelSelectorItemProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color" | "onSelect" | "type"> {
   value: string;
   /** Extra keywords for search matching. */
   keywords?: string;
@@ -197,13 +198,15 @@ declare function ModelSelectorEmpty({
 }: ModelSelectorEmptyProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface ModelSelectorSeparatorProps extends React.HTMLAttributes<HTMLHRElement> {}
+interface ModelSelectorSeparatorProps extends Omit<SeparatorProps, "className"> {
+  className?: string;
+}
 declare function ModelSelectorSeparator({
   className,
   ref,
   ...props
 }: ModelSelectorSeparatorProps & {
-  ref?: React.Ref<HTMLHRElement>;
+  ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 interface ModelSelectorLogoProps extends React.SVGAttributes<SVGSVGElement> {
   provider: string;

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 ModelSelectorShortcut, 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-DXtpcRmT.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 ModelSelectorShortcut, 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-BB-xB-Es.js";
 export { CloudflareModelSelector, ModelSelector, ModelSelectorContent, ModelSelectorDialog, ModelSelectorEmpty, ModelSelectorGroup, ModelSelectorInput, ModelSelectorItem, ModelSelectorList, ModelSelectorLogo, ModelSelectorLogoGroup, ModelSelectorName, ModelSelectorSeparator, ModelSelectorShortcut, ModelSelectorTrigger, formatCloudflareModelProvider, getCloudflareModelProvider, isCloudflareRunnableModelId, listCloudflareModelSelectorOptions, normalizeCloudflareModelSelectorModels, readCloudflareModelId };

package/dist/components/PromptInput.d.ts

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