@mcp-b/react-components 0.48.0 → 0.49.0

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

@@ -1,8 +1,8 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { R as PencilIcon } from "../../icons-CeGfXO21.js";
+import { R as PencilIcon } from "../../icons-cuEtsgj9.js";
 import { Button } from "../foundations/Button.js";
-import { Kbd } from "../foundations/Kbd.js";
 import { o as formatUnknownValue } from "../../format-COCyV98Z.js";
+import { Kbd } from "../foundations/Kbd.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/Approval.tsx

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

@@ -1,4 +1,4 @@
-import { n as IconButtonProps } from "../../IconButton-BAUFhUk8.js";
+import { n as IconButtonProps } from "../../IconButton-ByiyjkYE.js";
 import * as React from "react";
 
 //#region src/components/ai-sdk/Artifact.d.ts
@@ -45,7 +45,7 @@ declare function Artifact({
   ref,
   ...props
 }: ArtifactProps & {
-  ref?: React.Ref<HTMLDivElement>;
+  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 interface ArtifactHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}
 declare function ArtifactHeader({

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon, et as WarningIcon, nt as XIcon } from "../../icons-CeGfXO21.js";
+import { K as SpinnerIcon, et as WarningIcon, nt as XIcon } from "../../icons-cuEtsgj9.js";
 import { Button, buttonVariants } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";

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

@@ -34,7 +34,7 @@ declare function ChainOfThought({
   ref,
   ...props
 }: ChainOfThoughtProps & {
-  ref?: React.Ref<HTMLDivElement>;
+  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 interface ChainOfThoughtHeaderProps extends Omit<React.ComponentProps<typeof Collapsible.Trigger>, "unstyled"> {}
 /**

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

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { K as SpinnerIcon, _ as DotIcon, d as CheckIcon, p as ChevronRightIcon } from "../../icons-cuEtsgj9.js";
 import { Collapsible } from "../foundations/Collapsible.js";
-import { K as SpinnerIcon, _ as DotIcon, d as CheckIcon, p as ChevronRightIcon } from "../../icons-CeGfXO21.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/ChainOfThought.tsx

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { s as BookmarkIcon } from "../../icons-CeGfXO21.js";
+import { s as BookmarkIcon } from "../../icons-cuEtsgj9.js";
 import { Marker, MarkerIcon } from "../foundations/Marker.js";
 import "react";
 import { jsx } from "react/jsx-runtime";

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

@@ -1,2 +1,2 @@
-import { C as CodeBlockLanguageSelectorValueProps, D as CODE_BLOCK_LANGUAGES, E as CodeBlockTitleProps, O as CodeBlockLanguage, S as CodeBlockLanguageSelectorValue, T as CodeBlockTitle, _ as CodeBlockLanguageSelectorItem, a as CodeBlockContainerProps, b as CodeBlockLanguageSelectorTrigger, c as CodeBlockCopyButton, d as CodeBlockFilenameProps, f as CodeBlockHeader, g as CodeBlockLanguageSelectorContentProps, h as CodeBlockLanguageSelectorContent, i as CodeBlockContainer, l as CodeBlockCopyButtonProps, m as CodeBlockLanguageSelector, n as CodeBlockActions, o as CodeBlockContent, p as CodeBlockHeaderProps, r as CodeBlockActionsProps, s as CodeBlockContentProps, t as CodeBlock, u as CodeBlockFilename, v as CodeBlockLanguageSelectorItemProps, w as CodeBlockProps, x as CodeBlockLanguageSelectorTriggerProps, y as CodeBlockLanguageSelectorProps } from "../../CodeBlock-C380GD5t.js";
+import { C as CodeBlockLanguageSelectorValueProps, D as CODE_BLOCK_LANGUAGES, E as CodeBlockTitleProps, O as CodeBlockLanguage, S as CodeBlockLanguageSelectorValue, T as CodeBlockTitle, _ as CodeBlockLanguageSelectorItem, a as CodeBlockContainerProps, b as CodeBlockLanguageSelectorTrigger, c as CodeBlockCopyButton, d as CodeBlockFilenameProps, f as CodeBlockHeader, g as CodeBlockLanguageSelectorContentProps, h as CodeBlockLanguageSelectorContent, i as CodeBlockContainer, l as CodeBlockCopyButtonProps, m as CodeBlockLanguageSelector, n as CodeBlockActions, o as CodeBlockContent, p as CodeBlockHeaderProps, r as CodeBlockActionsProps, s as CodeBlockContentProps, t as CodeBlock, u as CodeBlockFilename, v as CodeBlockLanguageSelectorItemProps, w as CodeBlockProps, x as CodeBlockLanguageSelectorTriggerProps, y as CodeBlockLanguageSelectorProps } from "../../CodeBlock--r6GS8YV.js";
 export { CODE_BLOCK_LANGUAGES, CodeBlock, CodeBlockActions, CodeBlockActionsProps, CodeBlockContainer, CodeBlockContainerProps, CodeBlockContent, CodeBlockContentProps, CodeBlockCopyButton, CodeBlockCopyButtonProps, CodeBlockFilename, CodeBlockFilenameProps, CodeBlockHeader, CodeBlockHeaderProps, type CodeBlockLanguage, CodeBlockLanguageSelector, CodeBlockLanguageSelectorContent, CodeBlockLanguageSelectorContentProps, CodeBlockLanguageSelectorItem, CodeBlockLanguageSelectorItemProps, CodeBlockLanguageSelectorProps, CodeBlockLanguageSelectorTrigger, CodeBlockLanguageSelectorTriggerProps, CodeBlockLanguageSelectorValue, CodeBlockLanguageSelectorValueProps, CodeBlockProps, CodeBlockTitle, CodeBlockTitleProps };

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

@@ -1,2 +1,2 @@
-import { a as CodeBlockCopyButton, c as CodeBlockLanguageSelector, d as CodeBlockLanguageSelectorTrigger, f as CodeBlockLanguageSelectorValue, i as CodeBlockContent, l as CodeBlockLanguageSelectorContent, m as CODE_BLOCK_LANGUAGES, n as CodeBlockActions, o as CodeBlockFilename, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock, u as CodeBlockLanguageSelectorItem } from "../../CodeBlock-BSJl682D.js";
+import { a as CodeBlockCopyButton, c as CodeBlockLanguageSelector, d as CodeBlockLanguageSelectorTrigger, f as CodeBlockLanguageSelectorValue, i as CodeBlockContent, l as CodeBlockLanguageSelectorContent, m as CODE_BLOCK_LANGUAGES, n as CodeBlockActions, o as CodeBlockFilename, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock, u as CodeBlockLanguageSelectorItem } from "../../CodeBlock-g8sADidM.js";
 export { CODE_BLOCK_LANGUAGES, CodeBlock, CodeBlockActions, CodeBlockContainer, CodeBlockContent, CodeBlockCopyButton, CodeBlockFilename, CodeBlockHeader, CodeBlockLanguageSelector, CodeBlockLanguageSelectorContent, CodeBlockLanguageSelectorItem, CodeBlockLanguageSelectorTrigger, CodeBlockLanguageSelectorValue, CodeBlockTitle };

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

@@ -1,9 +1,8 @@
 import { brandHexFromIconSrc, parseComposerHref, sampleImageAccent } from "../../utils/composer-link.js";
-import { getMcpServerIconSrc } from "../../utils/mcp-server-catalog.js";
+import { findCatalogMcpServerCard, getMcpServerIconSrc } from "../../utils/mcp-server-catalog.js";
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { c as BoxIcon } from "../../icons-CeGfXO21.js";
+import { c as BoxIcon } from "../../icons-cuEtsgj9.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
-import { n as findCatalogMcpServerCard } from "../../mcp-server-7NR24ASj.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/ComposerLink.tsx

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

@@ -29,17 +29,25 @@ type ConnectedAppCardProps = Omit<CardProps, "children" | "hover" | "size" | "ti
   headerActions?: React.ReactNode;
 };
 interface EmailMessageDraft {
+  /** Sender label or address shown in the draft header. */
   from?: string;
+  /** Recipient label or address shown in the draft header. */
   to?: string;
+  /** Visible message subject, required even while the draft body is empty. */
   subject: string;
+  /** Editable plain-text message body. */
   body?: string;
 }
 interface EmailMessageCardProps extends ConnectedAppCardProps, EmailMessageDraft {
   /** Person-shaped To. The address string remains the route. */
   correspondent?: Correspondent;
+  /** Receives the complete draft after an editable field changes. */
   onChange?: (next: EmailMessageDraft) => void;
+  /** Discards the pending draft. */
   onDiscard?: () => void | Promise<void>;
+  /** Rejects the draft with human-authored feedback. */
   onReject?: (reason: string) => void | Promise<void>;
+  /** Releases the pending draft for delivery. */
   onSend?: () => void | Promise<void>;
 }
 /**
@@ -61,7 +69,7 @@ declare function EmailMessageCard({
   ref,
   ...props
 }: EmailMessageCardProps & {
-  ref?: React.Ref<HTMLDivElement>;
+  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 interface SlackMessageDraft {
   workspace?: string;

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

@@ -1,12 +1,12 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { G as SlackIcon, O as MailIcon, _ as DotIcon, d as CheckIcon, nt as XIcon, u as CalendarIcon } from "../../icons-CeGfXO21.js";
+import { G as SlackIcon, O as MailIcon, _ as DotIcon, d as CheckIcon, nt as XIcon, u as CalendarIcon } from "../../icons-cuEtsgj9.js";
 import { Button } from "../foundations/Button.js";
 import { Field } from "../foundations/Field.js";
 import { Textarea } from "../foundations/Textarea.js";
-import { Card, CardAction, CardContent, CardFooter, CardHeader, CardTitle } from "../foundations/Card.js";
-import { DescriptionList } from "../foundations/DescriptionList.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";
 //#region src/components/ai-sdk/ConnectedAppCards.tsx
@@ -98,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 }), state === "pending" && !hasDecision ? "Sending" : 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, {
@@ -160,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, {

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/Conversation.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { n as ArrowDownIcon, v as DownloadIcon } from "../../icons-CeGfXO21.js";
+import { n as ArrowDownIcon, v as DownloadIcon } from "../../icons-cuEtsgj9.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { t as assignRef } from "../../merge-refs-DF_7w2x_.js";
 import { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport } from "./MessageScroller.js";

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { L as PauseIcon, Q as TrashIcon, X as TargetIcon, z as PlayIcon } from "../../icons-CeGfXO21.js";
+import { L as PauseIcon, Q as TrashIcon, X as TargetIcon, z as PlayIcon } from "../../icons-cuEtsgj9.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import * as React from "react";
@@ -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/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/MediaPreviewCard.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { z as PlayIcon } from "../../icons-CeGfXO21.js";
+import { z as PlayIcon } from "../../icons-cuEtsgj9.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
 import { Card } from "../foundations/Card.js";
 import * as React from "react";

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

@@ -1,8 +1,9 @@
 import { parseComposerHref } from "../../utils/composer-link.js";
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { S as FileIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "../../icons-CeGfXO21.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";
 

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { n as ArrowDownIcon } from "../../icons-CeGfXO21.js";
+import { n as ArrowDownIcon } from "../../icons-cuEtsgj9.js";
 import { Button } from "../foundations/Button.js";
 import { t as messageScrollerContract } from "../../message-scroller-C8cplcQO.js";
 import "react";

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

@@ -1,76 +1,2 @@
-import { r as ButtonProps } from "../../Button-CZt3yywF.js";
-import * as React from "react";
-
-//#region src/components/ai-sdk/MessageScrollerVirtual.d.ts
-interface VirtualMessageScrollerProps<Item> extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
-  items: readonly Item[];
-  /**
-   * Stable per-item key. Must survive prepends and stream updates — the
-   * virtualizer tracks identity by key to keep scroll anchored. Message ids,
-   * never indexes (deliberately not passed here).
-   */
-  getItemKey: (item: Item) => string | number;
-  renderItem: (item: Item, index: number) => React.ReactNode;
-  /**
-   * Pre-measurement height estimate in px. Rows are measured once rendered;
-   * changing this later never re-estimates already-measured rows — only rows
-   * measured afterward see the new value.
-   */
-  estimateSize?: number;
-  /** Rows rendered beyond the viewport on each side. */
-  overscan?: number;
-  /** Rendered inside the viewport when `items` is empty. */
-  emptyState?: React.ReactNode;
-  /**
-   * Props for the inner content element. Defaults to `role="log"` with
-   * `aria-live="off"` — windowing re-inserts old rows as they scroll back
-   * into view, and a live region would announce them as new; override via
-   * these props only with that in mind.
-   */
-  contentProps?: React.HTMLAttributes<HTMLDivElement>;
-  /** Accessible label for the scroll-to-latest button. */
-  scrollButtonLabel?: string;
-  scrollButtonProps?: Omit<ButtonProps, "onClick" | "aria-label" | "tabIndex">;
-}
-/**
- * Windowed chat transcript for unbounded threads (hours-long agent runs):
- * only the visible slice of rows exists in the DOM, end-anchored so streaming
- * growth and appends keep the viewport pinned while reading history doesn't
- * get yanked to the bottom (TanStack Virtual `anchorTo: 'end'`).
- *
- * Windowing means rows unmount when scrolled away, so browser find-in-page
- * only searches the rendered window, and any disclosure state living inside a
- * row is lost unless it is persisted — wrap the transcript in
- * `ExpansionStateProvider` (AgentChat does) and give disclosures a `stateKey`.
- * New turns pin to the bottom.
- *
- * Host-side contract (what the consuming app must do — the scroller cannot
- * compensate for any of these):
- * - Give every item a stable id for `getItemKey`; keys must not change when
- *   older history is prepended or the last message grows.
- * - Keep unchanged items referentially stable across updates so memoized row
- *   content skips re-rendering. Rebuilding the array element-by-element —
- *   e.g. structured-clone over a worker/extension boundary per delta —
- *   defeats this; clone once per batch, not per row.
- * - Throttle stream deltas before they reach React state (AI SDK
- *   `experimental_throttle: 50` or equivalent); the scroller re-windows per
- *   update.
- * - Bound the data itself: windowing caps DOM size, not JS memory. Truncate
- *   stored tool output at the buffer (Codex caps at 20k chars) and keep
- *   compaction on so a six-hour run doesn't hold every byte it ever streamed.
- */
-declare function VirtualMessageScroller<Item>({
-  items,
-  getItemKey,
-  renderItem,
-  estimateSize,
-  overscan,
-  emptyState,
-  contentProps,
-  scrollButtonLabel,
-  scrollButtonProps,
-  className,
-  ...props
-}: VirtualMessageScrollerProps<Item>): React.JSX.Element;
-//#endregion
-export { VirtualMessageScroller, VirtualMessageScrollerProps };
+import { n as VirtualMessageScroller, r as VirtualMessageScrollerProps, t as VirtualMessageScrollAnchor } from "../../MessageScrollerVirtual-D4afYwVB.js";
+export { VirtualMessageScrollAnchor, VirtualMessageScroller, VirtualMessageScrollerProps };

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { n as ArrowDownIcon } from "../../icons-CeGfXO21.js";
+import { n as ArrowDownIcon } from "../../icons-cuEtsgj9.js";
 import { Button } from "../foundations/Button.js";
 import { t as messageScrollerContract } from "../../message-scroller-C8cplcQO.js";
 import * as React from "react";
@@ -33,8 +33,11 @@ import { useVirtualizer } from "@tanstack/react-virtual";
 *   stored tool output at the buffer (Codex caps at 20k chars) and keep
 *   compaction on so a six-hour run doesn't hold every byte it ever streamed.
 */
-function VirtualMessageScroller({ items, getItemKey, renderItem, estimateSize = 160, overscan = 6, emptyState, contentProps, scrollButtonLabel = "Scroll to latest", scrollButtonProps, className, ...props }) {
+function VirtualMessageScroller({ items, getItemKey, renderItem, estimateSize = 160, overscan = 6, emptyState, contentProps, scrollButtonLabel = "Scroll to latest", scrollButtonProps, className, scrollAnchor, ...props }) {
 	const viewportRef = React.useRef(null);
+	const initialAnchor = React.useRef(scrollAnchor?.current);
+	const restoring = React.useRef(true);
+	const contentRef = React.useRef(null);
 	const warnedBadKey = React.useRef(false);
 	const [atEnd, setAtEnd] = React.useState(true);
 	const [scrollEdges, setScrollEdges] = React.useState();
@@ -52,6 +55,17 @@ function VirtualMessageScroller({ items, getItemKey, renderItem, estimateSize =
 			seen.add(key);
 		}
 	}, [items, getItemKey]);
+	const recordAnchor = (instance) => {
+		const viewport = viewportRef.current;
+		if (restoring.current || !scrollAnchor || !viewport) return;
+		const scrollTop = viewport.scrollTop;
+		const first = instance.getVirtualItems().find((item) => item.end > scrollTop);
+		if (first) scrollAnchor.current = {
+			key: getItemKey(items[first.index]),
+			offset: scrollTop - first.start,
+			followLatest: viewport.scrollHeight - viewport.clientHeight - scrollTop <= instance.options.scrollEndThreshold
+		};
+	};
 	const virtualizer = useVirtualizer({
 		count: items.length,
 		getScrollElement: () => viewportRef.current,
@@ -62,17 +76,35 @@ function VirtualMessageScroller({ items, getItemKey, renderItem, estimateSize =
 		scrollEndThreshold: 80,
 		overscan,
 		gap: 16,
-		initialOffset: () => items.length * (estimateSize + 16),
+		initialOffset: () => {
+			const anchor = initialAnchor.current;
+			const index = anchor && !anchor.followLatest ? items.findIndex((item) => getItemKey(item) === anchor.key) : -1;
+			return index < 0 ? items.length * (estimateSize + 16) : index * (estimateSize + 16);
+		},
 		onChange: (instance) => {
 			setAtEnd(instance.isAtEnd());
+			recordAnchor(instance);
 			const start = (viewportRef.current?.scrollTop ?? 0) > 1;
 			const end = instance.getDistanceFromEnd() > 1;
 			setScrollEdges(start && end ? "start end" : start ? "start" : end ? "end" : void 0);
 		}
 	});
 	React.useLayoutEffect(() => {
-		virtualizer.scrollToEnd();
-	}, []);
+		if (!restoring.current) return;
+		const anchor = initialAnchor.current;
+		const index = anchor && !anchor.followLatest ? items.findIndex((item) => getItemKey(item) === anchor.key) : -1;
+		if (index >= 0 && anchor) {
+			const row = contentRef.current?.querySelector(`:scope > [data-index="${index}"]`);
+			if (!row) return;
+			virtualizer.measureElement(row);
+			const height = Number.parseFloat(contentRef.current?.style.height ?? "0");
+			if (Math.abs(height - virtualizer.getTotalSize()) > .5) return;
+			const item = virtualizer.getVirtualItems().find((item) => item.index === index);
+			if (!item) return;
+			virtualizer.scrollToOffset(item.start + anchor.offset);
+		} else virtualizer.scrollToEnd();
+		restoring.current = false;
+	});
 	return /* @__PURE__ */ jsxs("div", {
 		"data-slot": messageScrollerContract.root.slot,
 		className: cx(messageScrollerContract.root.className, className),
@@ -80,6 +112,7 @@ function VirtualMessageScroller({ items, getItemKey, renderItem, estimateSize =
 		"data-recipe": "fill-host",
 		children: [/* @__PURE__ */ jsx("div", {
 			ref: viewportRef,
+			onScroll: () => recordAnchor(virtualizer),
 			"aria-label": messageScrollerContract.viewport.ariaLabel,
 			"data-slot": messageScrollerContract.viewport.slot,
 			"data-recipe": "scroll-fade-y",
@@ -89,6 +122,7 @@ function VirtualMessageScroller({ items, getItemKey, renderItem, estimateSize =
 			tabIndex: messageScrollerContract.viewport.tabIndex,
 			children: items.length === 0 ? emptyState : /* @__PURE__ */ jsx("div", {
 				...resolvedContentProps,
+				ref: contentRef,
 				"aria-live": contentAriaLive,
 				"aria-relevant": contentAriaRelevant,
 				className: cx(messageScrollerContract.content.virtualClassName, contentClassName),

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

@@ -19,7 +19,7 @@ declare function Plan({
   ref,
   ...props
 }: PlanProps & {
-  ref?: React.Ref<HTMLDivElement>;
+  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 interface PlanHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}
 declare function PlanHeader({