@mcp-b/react-components 0.47.0 → 0.49.0

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

@@ -5,6 +5,7 @@ import { Field } from "../foundations/Field.js";
 import { Textarea } from "../foundations/Textarea.js";
 import { Input } from "../foundations/Input.js";
 import { DescriptionList } from "../foundations/DescriptionList.js";
+import { CorrespondentName, emailDestinationCorrespondent, slackDestinationCorrespondent } from "./Correspondent.js";
 import { Card, CardAction, CardContent, CardFooter, CardHeader, CardTitle } from "../foundations/Card.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -14,15 +15,26 @@ const STATE_ICON = {
 	sent: CheckIcon,
 	denied: XIcon
 };
-function useDraftUpdater(draft, onChange) {
-	const current = React.useRef(draft);
-	current.current = draft;
+function fieldItem(name, term, value, display) {
+	return display === void 0 ? {
+		name,
+		term,
+		value
+	} : {
+		name,
+		term,
+		value,
+		display
+	};
+}
+function createDraftUpdater(draft, onChange) {
+	let current = draft;
 	return (patch) => {
 		const next = {
-			...current.current,
+			...current,
 			...patch
 		};
-		current.current = next;
+		current = next;
 		onChange?.(next);
 	};
 }
@@ -86,32 +98,38 @@ function ConnectedAppCardFrame({ children, className, headerActions, icon, kind,
 	const saveBlocked = saveState !== void 0;
 	const saveErrorMessage = saveState?.status === "error" ? saveState.message : "";
 	return /* @__PURE__ */ jsxs(Card, {
+		render: /* @__PURE__ */ jsx("article", {}),
 		...props,
 		ref,
-		role: props.role ?? "article",
 		"aria-labelledby": ariaLabelledBy,
 		"data-slot": slot,
 		"data-state": state,
 		size: "sm",
 		className: cx("connected-app-card", className),
 		children: [
-			/* @__PURE__ */ jsxs(CardHeader, { children: [/* @__PURE__ */ jsxs(CardTitle, {
-				id: titleId,
-				className: "connected-app-card__title",
-				render: /* @__PURE__ */ jsx("h3", {}),
-				children: [/* @__PURE__ */ jsx("span", {
-					className: "connected-app-card__icon",
-					"aria-hidden": "true",
-					children: icon
-				}), kind]
-			}), /* @__PURE__ */ jsxs(CardAction, {
-				className: "sigvelo-cluster",
-				children: [/* @__PURE__ */ jsxs("span", {
-					className: "connected-app-card__status",
-					"data-state": state,
-					children: [/* @__PURE__ */ jsx(StateIcon, { size: 14 }), stateLabels[state]]
-				}), headerActions]
-			})] }),
+			/* @__PURE__ */ jsxs(CardHeader, {
+				render: /* @__PURE__ */ jsx("header", {}),
+				children: [/* @__PURE__ */ jsxs(CardTitle, {
+					id: titleId,
+					className: "connected-app-card__title",
+					render: (props) => /* @__PURE__ */ jsx("h3", {
+						...props,
+						children: props.children
+					}),
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "connected-app-card__icon",
+						"aria-hidden": "true",
+						children: icon
+					}), kind]
+				}), /* @__PURE__ */ jsxs(CardAction, {
+					className: "sigvelo-cluster",
+					children: [/* @__PURE__ */ jsxs("span", {
+						className: "connected-app-card__status",
+						"data-state": state,
+						children: [/* @__PURE__ */ jsx(StateIcon, { size: 14 }), state === "pending" && !hasDecision ? "Sending" : stateLabels[state]]
+					}), headerActions]
+				})]
+			}),
 			/* @__PURE__ */ jsxs(CardContent, { children: [
 				children,
 				hasDecision && decision.reject ? /* @__PURE__ */ jsxs(Field.Root, { children: [/* @__PURE__ */ jsx(Field.Label, { children: "Tell the agent what to do differently" }), /* @__PURE__ */ jsx(Field.Control, {
@@ -148,6 +166,7 @@ function ConnectedAppCardFrame({ children, className, headerActions, icon, kind,
 				})
 			] }),
 			hasDecision ? /* @__PURE__ */ jsxs(CardFooter, {
+				render: /* @__PURE__ */ jsx("footer", {}),
 				className: "connected-app-card__footer",
 				children: [
 					decision.send ? /* @__PURE__ */ jsx(Button, {
@@ -184,14 +203,16 @@ function ConnectedAppCardFrame({ children, className, headerActions, icon, kind,
 * Email draft or result. Pending cards can be edited and released; send,
 * discard, and reject-with-reason stay application-owned.
 */
-function EmailMessageCard({ body, from, icon, onChange, onDiscard, onReject, onSend, state = "pending", subject, to, ref, ...props }) {
+function EmailMessageCard({ body, correspondent, from, icon, onChange, onDiscard, onReject, onSend, state = "pending", subject, to, ref, ...props }) {
 	const editing = state === "pending" && onChange != null;
-	const updateDraft = useDraftUpdater({
+	const draft = {
 		from,
 		to,
 		subject,
 		body
-	}, onChange);
+	};
+	const toCorrespondent = !editing && to ? correspondent ?? emailDestinationCorrespondent(to) : void 0;
+	const updateDraft = createDraftUpdater(draft, onChange);
 	return /* @__PURE__ */ jsx(ConnectedAppCardFrame, {
 		...props,
 		ref,
@@ -211,39 +232,15 @@ function EmailMessageCard({ body, from, icon, onChange, onDiscard, onReject, onS
 		children: /* @__PURE__ */ jsx(FieldList, {
 			editing,
 			onFieldChange: (name, value) => updateDraft({ [name]: value }),
-			items: (editing ? [
-				{
-					name: "from",
-					term: "From",
-					value: from ?? ""
-				},
-				{
-					name: "to",
-					term: "To",
-					value: to ?? ""
-				},
-				{
-					name: "subject",
-					term: "Subject",
-					value: subject
-				}
+			items: editing ? [
+				fieldItem("from", "From", from ?? ""),
+				fieldItem("to", "To", to ?? ""),
+				fieldItem("subject", "Subject", subject)
 			] : [
-				from ? {
-					name: "from",
-					term: "From",
-					value: from
-				} : null,
-				to ? {
-					name: "to",
-					term: "To",
-					value: to
-				} : null,
-				{
-					name: "subject",
-					term: "Subject",
-					value: subject
-				}
-			]).filter((item) => item != null),
+				...from ? [fieldItem("from", "From", from)] : [],
+				...to ? [fieldItem("to", "To", to, toCorrespondent ? /* @__PURE__ */ jsx(CorrespondentName, { correspondent: toCorrespondent }) : void 0)] : [],
+				fieldItem("subject", "Subject", subject)
+			],
 			children: editing ? /* @__PURE__ */ jsxs(Field.Root, { children: [/* @__PURE__ */ jsx(Field.Label, { children: "Message" }), /* @__PURE__ */ jsx(Field.Control, {
 				render: /* @__PURE__ */ jsx(Textarea, {
 					name: "body",
@@ -261,14 +258,16 @@ function EmailMessageCard({ body, from, icon, onChange, onDiscard, onReject, onS
 	});
 }
 /** Slack draft or posted message with workspace, destination, and thread fields. */
-function SlackMessageCard({ icon, message, onChange, onDiscard, onReject, onSend, state = "pending", thread, to, workspace, ref, ...props }) {
+function SlackMessageCard({ correspondent, icon, message, onChange, onDiscard, onReject, onSend, state = "pending", thread, to, workspace, ref, ...props }) {
 	const editing = state === "pending" && onChange != null;
-	const updateDraft = useDraftUpdater({
+	const draft = {
 		workspace,
 		to,
 		thread,
 		message
-	}, onChange);
+	};
+	const toCorrespondent = !editing ? correspondent ?? slackDestinationCorrespondent(to) : void 0;
+	const updateDraft = createDraftUpdater(draft, onChange);
 	return /* @__PURE__ */ jsx(ConnectedAppCardFrame, {
 		...props,
 		ref,
@@ -288,39 +287,15 @@ function SlackMessageCard({ icon, message, onChange, onDiscard, onReject, onSend
 		children: /* @__PURE__ */ jsx(FieldList, {
 			editing,
 			onFieldChange: (name, value) => updateDraft({ [name]: value }),
-			items: (editing ? [
-				{
-					name: "workspace",
-					term: "Workspace",
-					value: workspace ?? ""
-				},
-				{
-					name: "to",
-					term: "To",
-					value: to
-				},
-				{
-					name: "thread",
-					term: "Thread",
-					value: thread ?? ""
-				}
+			items: editing ? [
+				fieldItem("workspace", "Workspace", workspace ?? ""),
+				fieldItem("to", "To", to),
+				fieldItem("thread", "Thread", thread ?? "")
 			] : [
-				workspace ? {
-					name: "workspace",
-					term: "Workspace",
-					value: workspace
-				} : null,
-				{
-					name: "to",
-					term: "To",
-					value: to
-				},
-				thread ? {
-					name: "thread",
-					term: "Thread",
-					value: thread
-				} : null
-			]).filter((item) => item != null),
+				...workspace ? [fieldItem("workspace", "Workspace", workspace)] : [],
+				fieldItem("to", "To", to, toCorrespondent ? /* @__PURE__ */ jsx(CorrespondentName, { correspondent: toCorrespondent }) : void 0),
+				...thread ? [fieldItem("thread", "Thread", thread)] : []
+			],
 			children: editing ? /* @__PURE__ */ jsxs(Field.Root, { children: [/* @__PURE__ */ jsx(Field.Label, { children: "Message" }), /* @__PURE__ */ jsx(Field.Control, {
 				render: /* @__PURE__ */ jsx(Textarea, {
 					name: "message",
@@ -343,7 +318,7 @@ function SlackMessageCard({ icon, message, onChange, onDiscard, onReject, onSend
 */
 function CalendarEventCard({ attendees, eventTitle, icon, location, onChange, onDiscard, onReject, onSend, state = "pending", when, whenDateTime, ref, ...props }) {
 	const editing = state === "pending" && onChange != null;
-	const updateDraft = useDraftUpdater({
+	const updateDraft = createDraftUpdater({
 		eventTitle,
 		when,
 		whenDateTime,

package/dist/components/ai-sdk/Context.d.ts

@@ -1,4 +1,4 @@
-import { PopoverPositionerProps, PopoverProps } from "../foundations/Popover.js";
+import { PopoverPositionerProps, PopoverProps, PopoverTriggerProps } from "../foundations/Popover.js";
 import * as React from "react";
 import { LanguageModelUsage, UIMessage } from "ai";
 
@@ -14,8 +14,11 @@ interface ContextProps extends React.HTMLAttributes<HTMLDivElement> {
   modelId?: string;
   /** Optional total cost in USD. */
   totalCostUsd?: number;
+  /** Controlled visibility of the usage-details popover. */
   open?: PopoverProps["open"];
+  /** Initial visibility when the popover is uncontrolled. */
   defaultOpen?: PopoverProps["defaultOpen"];
+  /** Receives visibility changes from the usage-details popover. */
   onOpenChange?: PopoverProps["onOpenChange"];
 }
 /**
@@ -57,9 +60,10 @@ declare function Context({
   ref,
   ...props
 }: ContextProps & {
-  ref?: React.Ref<HTMLDivElement>;
+  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface ContextTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {}
+interface ContextTriggerProps extends PopoverTriggerProps {}
+/** Context ring trigger; use `render` to compose a custom control and `children` for its content. */
 declare function ContextTrigger({
   className,
   children,

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

@@ -1,6 +1,6 @@
-import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { Popover } from "../foundations/Popover.js";
+import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
 import { Separator } from "../foundations/Separator.js";
+import { Popover } from "../foundations/Popover.js";
 import { t as ProgressRing } from "../../progress-ring-Cgii90dC.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -65,27 +65,17 @@ function Context({ className, usedTokens, maxTokens, usage, modelId, totalCostUs
 		})
 	});
 }
+/** Context ring trigger; use `render` to compose a custom control and `children` for its content. */
 function ContextTrigger({ className, children, ...props }) {
 	const { usedTokens, maxTokens } = useContextContext();
 	const percent = maxTokens > 0 ? usedTokens / maxTokens * 100 : 0;
-	if (React.isValidElement(children)) return /* @__PURE__ */ jsx(Popover.Trigger, {
-		unstyled: true,
-		className: cx("context__trigger", className),
-		...props,
-		render: children
-	});
-	if (children) return /* @__PURE__ */ jsx(Popover.Trigger, {
-		unstyled: true,
-		className: cx("context__trigger", className),
-		...props,
-		children
-	});
+	const hasContent = children != null && typeof children !== "boolean" && children !== "";
 	return /* @__PURE__ */ jsx(Popover.Trigger, {
 		unstyled: true,
-		className: cx("context__trigger", className),
-		"aria-label": `Context usage: ${percent.toFixed(0)}%`,
+		className: mergeBaseClassName("context__trigger", className),
+		"aria-label": hasContent ? void 0 : `Context usage: ${percent.toFixed(0)}%`,
 		...props,
-		children: /* @__PURE__ */ jsx(ProgressRing, {
+		children: hasContent ? children : /* @__PURE__ */ jsx(ProgressRing, {
 			percent,
 			size: 16,
 			stroke: 2.5

package/dist/components/ai-sdk/Conversation.d.ts

@@ -1,4 +1,4 @@
-import { n as IconButtonProps } from "../../IconButton-BAUFhUk8.js";
+import { n as IconButtonProps } from "../../IconButton-ByiyjkYE.js";
 import { MessageScrollerButtonProps, MessageScrollerItemProps } from "./MessageScroller.js";
 import * as React from "react";
 import { UIMessage } from "ai";
@@ -55,7 +55,7 @@ declare function Conversation({
   ref,
   ...props
 }: ConversationProps & {
-  ref?: React.Ref<HTMLDivElement>;
+  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 interface ConversationContentProps extends React.HTMLAttributes<HTMLDivElement> {}
 /**

package/dist/components/ai-sdk/Correspondent.d.ts

@@ -0,0 +1,2 @@
+import { a as CorrespondentNameProps, c as emailDestinationCorrespondent, i as CorrespondentName, l as linkedinTabCorrespondent, n as CorrespondentHandle, o as correspondentHandleLabel, r as CorrespondentLatest, s as correspondentInitials, t as Correspondent, u as slackDestinationCorrespondent } from "../../Correspondent-7K6uNLUm.js";
+export { Correspondent, CorrespondentHandle, CorrespondentLatest, CorrespondentName, CorrespondentNameProps, correspondentHandleLabel, correspondentInitials, emailDestinationCorrespondent, linkedinTabCorrespondent, slackDestinationCorrespondent };

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

@@ -0,0 +1,145 @@
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { PreviewCard } from "../foundations/PreviewCard.js";
+import { Avatar } from "../foundations/Avatar.js";
+import { Popover } from "../foundations/Popover.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/ai-sdk/Correspondent.tsx
+const SLACK_USER_ID = /^U[A-Z0-9]+$/iu;
+const EMAIL_ADDRESS = /^[^\s@]+@[^\s@]+\.[^\s@]+$/u;
+function slackDestinationCorrespondent(to) {
+	const userId = to.trim();
+	if (!SLACK_USER_ID.test(userId)) return void 0;
+	return { handle: {
+		kind: "slack",
+		userId
+	} };
+}
+function emailDestinationCorrespondent(to) {
+	const address = to.trim();
+	if (!address || address.includes(",")) return void 0;
+	if (!EMAIL_ADDRESS.test(address)) return void 0;
+	return { handle: {
+		kind: "email",
+		address
+	} };
+}
+function linkedinTabCorrespondent(url) {
+	const href = safeHttpUrl(url);
+	if (!href) return void 0;
+	let parsed;
+	try {
+		parsed = new URL(href);
+	} catch {
+		return;
+	}
+	if (!/(^|\.)linkedin\.com$/iu.test(parsed.hostname)) return void 0;
+	if (!parsed.pathname.includes("/in/")) return void 0;
+	return { handle: {
+		kind: "linkedin",
+		url: href
+	} };
+}
+function correspondentHandleLabel(handle) {
+	if (handle.kind === "email") return handle.address;
+	if (handle.kind === "slack") return handle.userName ? `@${handle.userName}` : handle.userId;
+	if (handle.kind === "linkedin") return handle.url;
+	return handle.resourceName;
+}
+function correspondentInitials(label) {
+	const parts = (label.split("@", 1)[0] ?? label).split(/[\s._-]+/u).filter(Boolean);
+	if (parts.length >= 2) {
+		const first = parts[0]?.[0];
+		const second = parts[1]?.[0];
+		if (first && second) return `${first}${second}`.toUpperCase();
+	}
+	return (parts[0] ?? label).slice(0, 2).toUpperCase() || "?";
+}
+function safeHttpUrl(url) {
+	try {
+		const parsed = new URL(url);
+		if (parsed.protocol !== "https:" && parsed.protocol !== "http:") return void 0;
+		return parsed.href;
+	} catch {
+		return;
+	}
+}
+function correspondentHref(handle) {
+	return handle.kind === "linkedin" ? safeHttpUrl(handle.url) : void 0;
+}
+function latestLabel(latest) {
+	if (latest.kind === "linkedin-tab") return latest.title ?? latest.url;
+	return latest.label;
+}
+/**
+* Avatar + name for a person-shaped destination. LinkedIn handles open the
+* profile; other handles disclose handle and latest thread without inventing
+* a directory.
+*/
+function CorrespondentName({ correspondent, className }) {
+	const handleLabel = correspondentHandleLabel(correspondent.handle);
+	const label = correspondent.displayName?.trim() || handleLabel;
+	const href = correspondentHref(correspondent.handle);
+	const initials = correspondentInitials(label);
+	const trigger = /* @__PURE__ */ jsxs("span", {
+		className: cx("correspondent", className),
+		"data-slot": "correspondent",
+		children: [/* @__PURE__ */ jsxs(Avatar.Root, {
+			size: "sm",
+			children: [correspondent.avatarUrl ? /* @__PURE__ */ jsx(Avatar.Image, {
+				src: correspondent.avatarUrl,
+				alt: ""
+			}) : null, /* @__PURE__ */ jsx(Avatar.Fallback, { children: initials })]
+		}), /* @__PURE__ */ jsx("span", {
+			className: "correspondent__name sigvelo-truncate",
+			children: label
+		})]
+	});
+	const details = /* @__PURE__ */ jsxs("div", {
+		className: "correspondent__details",
+		children: [
+			/* @__PURE__ */ jsx("strong", {
+				className: "correspondent__title sigvelo-truncate",
+				children: label
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "correspondent__handle",
+				children: handleLabel
+			}),
+			correspondent.latest ? /* @__PURE__ */ jsx("span", {
+				className: "correspondent__latest",
+				children: latestLabel(correspondent.latest)
+			}) : null
+		]
+	});
+	if (href) return /* @__PURE__ */ jsxs(PreviewCard.Root, { children: [/* @__PURE__ */ jsx(PreviewCard.Trigger, {
+		delay: 0,
+		closeDelay: 0,
+		href,
+		target: "_blank",
+		rel: "noreferrer",
+		className: "correspondent__trigger",
+		"aria-label": `${label} (${handleLabel}, opens in a new tab)`,
+		children: trigger
+	}), /* @__PURE__ */ jsx(PreviewCard.Portal, { children: /* @__PURE__ */ jsx(PreviewCard.Positioner, {
+		sideOffset: 8,
+		children: /* @__PURE__ */ jsx(PreviewCard.Popup, {
+			className: "correspondent__popup",
+			children: details
+		})
+	}) })] });
+	return /* @__PURE__ */ jsxs(Popover.Root, { children: [/* @__PURE__ */ jsx(Popover.Trigger, {
+		unstyled: true,
+		className: "correspondent__trigger",
+		"aria-label": `${label} (${handleLabel})`,
+		children: trigger
+	}), /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsx(Popover.Positioner, {
+		sideOffset: 8,
+		children: /* @__PURE__ */ jsx(Popover.Popup, {
+			className: "correspondent__popup",
+			children: details
+		})
+	}) })] });
+}
+//#endregion
+export { CorrespondentName, correspondentHandleLabel, correspondentInitials, emailDestinationCorrespondent, linkedinTabCorrespondent, slackDestinationCorrespondent };

package/dist/components/ai-sdk/Goal.d.ts

@@ -15,8 +15,8 @@ interface GoalProps extends React.HTMLAttributes<HTMLDivElement> {
 /**
  * Presentation-only banner for a persisted conversation goal — an objective
  * the agent keeps pursuing across turns until it completes, pauses, or
- * blocks on the user. Renders in `AgentChat`'s `composerTray` slot, sharing the
- * queued-message tray docked above the composer. The row is capped: the
+ * blocks on the user. Compose it in `PromptInputHeader` or an explicit tray
+ * alongside `AgentChat.Queue`. The row is capped: the
  * objective truncates to one line, so pass full objective and progress text
  * via `title` (or a popover) rather than rendering it inline.
  *
@@ -30,7 +30,7 @@ declare function Goal({
   ref,
   ...props
 }: GoalProps & {
-  ref?: React.Ref<HTMLDivElement>;
+  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 interface GoalIconProps extends React.HTMLAttributes<HTMLSpanElement> {}
 declare function GoalIcon({

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

@@ -16,8 +16,8 @@ const STATUS_LABELS = {
 /**
 * Presentation-only banner for a persisted conversation goal — an objective
 * the agent keeps pursuing across turns until it completes, pauses, or
-* blocks on the user. Renders in `AgentChat`'s `composerTray` slot, sharing the
-* queued-message tray docked above the composer. The row is capped: the
+* blocks on the user. Compose it in `PromptInputHeader` or an explicit tray
+* alongside `AgentChat.Queue`. The row is capped: the
 * objective truncates to one line, so pass full objective and progress text
 * via `title` (or a popover) rather than rendering it inline.
 *

package/dist/components/ai-sdk/InlineCitation.d.ts

@@ -22,7 +22,7 @@ declare function InlineCitation({
   ref,
   ...props
 }: InlineCitationProps & {
-  ref?: React.Ref<HTMLSpanElement>;
+  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLSpanElement>;
 }): React.JSX.Element;
 interface InlineCitationTextProps extends React.ComponentPropsWithoutRef<"span"> {}
 /** Claim text whose citation is placed by the consuming app. */

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

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { Popover } from "../foundations/Popover.js";
 import { PreviewCard } from "../foundations/PreviewCard.js";
+import { Popover } from "../foundations/Popover.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/InlineCitation.tsx

package/dist/components/ai-sdk/MediaPreviewCard.d.ts

@@ -23,7 +23,7 @@ declare function MediaPreviewCard({
   ref,
   ...props
 }: MediaPreviewCardProps & {
-  ref?: React.Ref<HTMLDivElement>;
+  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 type FixedVideoProps = "autoPlay" | "controls" | "loop" | "muted" | "playsInline" | "preload";
 interface MediaPreviewCardVideoProps extends Omit<React.VideoHTMLAttributes<HTMLVideoElement>, FixedVideoProps> {

package/dist/components/ai-sdk/Message.d.ts

@@ -1,2 +1,2 @@
-import { A as MessageToolbar, C as MessageMetaProps, D as MessageRole, E as MessageResponseProps, O as MessageTimestamp, S as MessageMeta, T as MessageResponse, _ as MessageBranchProps, a as MessageActionsProps, b as MessageContent, c as MessageBranch, d as MessageBranchNext, f as MessageBranchNextProps, g as MessageBranchPreviousProps, h as MessageBranchPrevious, i as MessageActions, j as MessageToolbarProps, k as MessageTimestampProps, l as MessageBranchContent, m as MessageBranchPageProps, n as MessageAction, o as MessageAttachment, p as MessageBranchPage, r as MessageActionProps, s as MessageAttachmentProps, t as Message, u as MessageBranchContentProps, v as MessageBranchSelector, w as MessageProps, x as MessageContentProps, y as MessageBranchSelectorProps } from "../../Message-D_vCVEGB.js";
-export { Message, MessageAction, MessageActionProps, MessageActions, MessageActionsProps, MessageAttachment, MessageAttachmentProps, MessageBranch, MessageBranchContent, MessageBranchContentProps, MessageBranchNext, MessageBranchNextProps, MessageBranchPage, MessageBranchPageProps, MessageBranchPrevious, MessageBranchPreviousProps, MessageBranchProps, MessageBranchSelector, MessageBranchSelectorProps, MessageContent, MessageContentProps, MessageMeta, MessageMetaProps, MessageProps, MessageResponse, MessageResponseProps, MessageRole, MessageTimestamp, MessageTimestampProps, MessageToolbar, MessageToolbarProps };
+import { A as MessageTimestamp, C as MessageCopyActionProps, D as MessageResponse, E as MessageProps, M as MessageToolbar, N as MessageToolbarProps, O as MessageResponseProps, S as MessageCopyAction, T as MessageMetaProps, _ as MessageBranchProps, a as MessageActionsProps, b as MessageContent, c as MessageBranch, d as MessageBranchNext, f as MessageBranchNextProps, g as MessageBranchPreviousProps, h as MessageBranchPrevious, i as MessageActions, j as MessageTimestampProps, k as MessageRole, l as MessageBranchContent, m as MessageBranchPageProps, n as MessageAction, o as MessageAttachment, p as MessageBranchPage, r as MessageActionProps, s as MessageAttachmentProps, t as Message, u as MessageBranchContentProps, v as MessageBranchSelector, w as MessageMeta, x as MessageContentProps, y as MessageBranchSelectorProps } from "../../Message-DyaTBiV7.js";
+export { Message, MessageAction, MessageActionProps, MessageActions, MessageActionsProps, MessageAttachment, MessageAttachmentProps, MessageBranch, MessageBranchContent, MessageBranchContentProps, MessageBranchNext, MessageBranchNextProps, MessageBranchPage, MessageBranchPageProps, MessageBranchPrevious, MessageBranchPreviousProps, MessageBranchProps, MessageBranchSelector, MessageBranchSelectorProps, MessageContent, MessageContentProps, MessageCopyAction, MessageCopyActionProps, MessageMeta, MessageMetaProps, MessageProps, MessageResponse, MessageResponseProps, MessageRole, MessageTimestamp, MessageTimestampProps, MessageToolbar, MessageToolbarProps };

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

@@ -3,6 +3,7 @@ import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { S as FileIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "../../icons-cuEtsgj9.js";
 import { Button } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
+import { t as CopyButton } from "../../copy-button-CSDuDfdP.js";
 import { t as AttachmentPreview } from "../../attachment-preview-1CXJvrmb.js";
 import { n as clamp } from "../../format-COCyV98Z.js";
 import { ComposerLink } from "./ComposerLink.js";
@@ -144,10 +145,11 @@ function MessageAttachment({ part, className, ...props }) {
 * Horizontal list of action buttons (copy, retry, thumbs-up, etc.) shown
 * alongside or beneath a message.
 */
-function MessageActions({ className, children, ref, ...props }) {
+function MessageActions({ reserveSpace = false, className, children, ref, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		ref,
 		className: cx("message__actions", className),
+		"data-reserve-space": reserveSpace || void 0,
 		role: "group",
 		...props,
 		children
@@ -171,6 +173,13 @@ function MessageAction({ className, label, tooltip, variant = "ghost", color = "
 		children
 	});
 }
+/** Copy a message with the shared clipboard feedback and message action treatment. */
+function MessageCopyAction({ className, ...props }) {
+	return /* @__PURE__ */ jsx(CopyButton, {
+		className: cx("message__action", className),
+		...props
+	});
+}
 /**
 * Horizontal container that places children in a row with space between —
 * typically a {@link MessageBranchSelector} on one side and
@@ -308,4 +317,4 @@ function MessageBranchPage({ className, format, ref, ...props }) {
 	});
 }
 //#endregion
-export { Message, MessageAction, MessageActions, MessageAttachment, MessageBranch, MessageBranchContent, MessageBranchNext, MessageBranchPage, MessageBranchPrevious, MessageBranchSelector, MessageContent, MessageMeta, MessageResponse, MessageTimestamp, MessageToolbar };
+export { Message, MessageAction, MessageActions, MessageAttachment, MessageBranch, MessageBranchContent, MessageBranchNext, MessageBranchPage, MessageBranchPrevious, MessageBranchSelector, MessageContent, MessageCopyAction, MessageMeta, MessageResponse, MessageTimestamp, MessageToolbar };

package/dist/components/ai-sdk/MessageScroller.d.ts

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