@mcp-b/react-components 0.29.0 → 0.30.0

package/dist/components/{Checkpoint.js → ai-sdk/Checkpoint.js}

@@ -1,9 +1,9 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
-import { s as BookmarkIcon } from "../icons-B4mGvCvc.js";
-import { Marker, MarkerIcon } from "./Marker.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { s as BookmarkIcon } from "../../icons-B1Qw05te.js";
+import { Marker, MarkerIcon } from "../foundations/Marker.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/Checkpoint.tsx
+//#region src/components/ai-sdk/Checkpoint.tsx
 /**
 * Presentation-only durable-boundary marker.
 *

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

@@ -0,0 +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-DzGhYyNe.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/{CodeBlock.js → ai-sdk/CodeBlock.js}

@@ -1,2 +1,2 @@
-import { a as CodeBlockCopyButton, c as CodeBlockLanguageSelector, d as CodeBlockLanguageSelectorTrigger, f as CodeBlockLanguageSelectorValue, h as CODE_BLOCK_LANGUAGES, i as CodeBlockContent, l as CodeBlockLanguageSelectorContent, m as highlightCode, n as CodeBlockActions, o as CodeBlockFilename, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock, u as CodeBlockLanguageSelectorItem } from "../CodeBlock-BUfEhDia.js";
-export { CODE_BLOCK_LANGUAGES, CodeBlock, CodeBlockActions, CodeBlockContainer, CodeBlockContent, CodeBlockCopyButton, CodeBlockFilename, CodeBlockHeader, CodeBlockLanguageSelector, CodeBlockLanguageSelectorContent, CodeBlockLanguageSelectorItem, CodeBlockLanguageSelectorTrigger, CodeBlockLanguageSelectorValue, CodeBlockTitle, highlightCode };
+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-CM5gfmdq.js";
+export { CODE_BLOCK_LANGUAGES, CodeBlock, CodeBlockActions, CodeBlockContainer, CodeBlockContent, CodeBlockCopyButton, CodeBlockFilename, CodeBlockHeader, CodeBlockLanguageSelector, CodeBlockLanguageSelectorContent, CodeBlockLanguageSelectorItem, CodeBlockLanguageSelectorTrigger, CodeBlockLanguageSelectorValue, CodeBlockTitle };

package/dist/components/{Context.d.ts → ai-sdk/Context.d.ts}

@@ -1,8 +1,8 @@
-import { PopoverPositionerProps, PopoverProps } from "./Popover.js";
+import { PopoverPositionerProps, PopoverProps } from "../foundations/Popover.js";
 import * as React from "react";
 import { LanguageModelUsage, UIMessage } from "ai";
 
-//#region src/components/Context.d.ts
+//#region src/components/ai-sdk/Context.d.ts
 interface ContextProps extends React.HTMLAttributes<HTMLDivElement> {
   /** Tokens currently used. */
   usedTokens: number;

package/dist/components/{Context.js → ai-sdk/Context.js}

@@ -1,10 +1,10 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
-import { Popover } from "./Popover.js";
-import { Separator } from "./Separator.js";
-import { t as ProgressRing } from "../progress-ring-BjqTZqBk.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { Popover } from "../foundations/Popover.js";
+import { Separator } from "../foundations/Separator.js";
+import { t as ProgressRing } from "../../progress-ring-Dz_ztrW2.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/Context.tsx
+//#region src/components/ai-sdk/Context.tsx
 const ContextContext = React.createContext(null);
 function useContextContext() {
 	const ctx = React.useContext(ContextContext);

package/dist/components/{Conversation.d.ts → ai-sdk/Conversation.d.ts}

@@ -1,9 +1,9 @@
-import { n as IconButtonProps } from "../IconButton-CFKhu6OR.js";
+import { n as IconButtonProps } from "../../IconButton-BAUFhUk8.js";
 import { MessageScrollerButtonProps, MessageScrollerItemProps } from "./MessageScroller.js";
 import * as React from "react";
 import { UIMessage } from "ai";
 
-//#region src/components/Conversation.d.ts
+//#region src/components/ai-sdk/Conversation.d.ts
 /** Whole AI SDK message accepted by transcript export helpers. */
 type ConversationMessage = UIMessage;
 interface ConversationProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {

package/dist/components/{Conversation.js → ai-sdk/Conversation.js}

@@ -1,12 +1,12 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
-import { n as ArrowDownIcon, y as DownloadIcon } from "../icons-B4mGvCvc.js";
-import { IconButton } from "./IconButton.js";
-import { t as assignRef } from "../merge-refs-DF_7w2x_.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { n as ArrowDownIcon, y as DownloadIcon } from "../../icons-B1Qw05te.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";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { isReasoningUIPart, isTextUIPart } from "ai";
-//#region src/components/Conversation.tsx
+//#region src/components/ai-sdk/Conversation.tsx
 /**
 * Compatibility wrapper around {@link MessageScroller} for existing
 * conversation imports. Prefer MessageScroller directly for new chat

package/dist/components/{ExpansionState.d.ts → ai-sdk/ExpansionState.d.ts}

@@ -1,6 +1,6 @@
 import * as React from "react";
 
-//#region src/components/ExpansionState.d.ts
+//#region src/components/ai-sdk/ExpansionState.d.ts
 /**
  * Disclosure open states keyed by stable transcript ids, held outside the
  * rows so a virtualized transcript can unmount a row and restore its

package/dist/components/{ExpansionState.js → ai-sdk/ExpansionState.js}

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/ExpansionState.tsx
+//#region src/components/ai-sdk/ExpansionState.tsx
 /** Plain Map-backed store. Create one per conversation/thread. */
 function createExpansionStore() {
 	const state = /* @__PURE__ */ new Map();

package/dist/components/{Goal.d.ts → ai-sdk/Goal.d.ts}

@@ -1,6 +1,6 @@
 import * as React from "react";
 
-//#region src/components/Goal.d.ts
+//#region src/components/ai-sdk/Goal.d.ts
 /**
  * Lifecycle of a persisted conversation goal. Mirrors the host's goal state;
  * this is not a Think or AI SDK execution status.

package/dist/components/{Goal.js → ai-sdk/Goal.js}

@@ -1,9 +1,10 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
-import { Q as TargetIcon, V as PlayIcon, et as TrashIcon, z as PauseIcon } from "../icons-B4mGvCvc.js";
-import { IconButton } from "./IconButton.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { Q as TargetIcon, V as PlayIcon, et as TrashIcon, z as PauseIcon } from "../../icons-B1Qw05te.js";
+import { IconButton } from "../foundations/IconButton.js";
+import { i as formatErrorMessage } from "../../format-CmopcfqJ.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/Goal.tsx
+//#region src/components/ai-sdk/Goal.tsx
 const GoalStatusContext = React.createContext("pursuing");
 const STATUS_LABELS = {
 	pursuing: "Pursuing goal",
@@ -108,7 +109,7 @@ function GoalBanner({ objective, meta, progressSummary, status = "pursuing", onP
 			await callback();
 			setAction(null);
 		} catch (cause) {
-			setAction({ error: cause instanceof Error ? cause.message : String(cause) });
+			setAction({ error: formatErrorMessage(cause) });
 		}
 	}
 	return /* @__PURE__ */ jsxs(Goal, {

package/dist/components/{InlineCitation.d.ts → ai-sdk/InlineCitation.d.ts}

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { SourceDocumentUIPart, SourceUrlUIPart } from "ai";
 
-//#region src/components/InlineCitation.d.ts
+//#region src/components/ai-sdk/InlineCitation.d.ts
 interface InlineCitationProps extends React.ComponentPropsWithoutRef<"span"> {
   /** Claim text and citations placed beside it by the consuming application. */
   children?: React.ReactNode;

package/dist/components/{InlineCitation.js → ai-sdk/InlineCitation.js}

@@ -1,9 +1,9 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
-import { Popover } from "./Popover.js";
-import { PreviewCard } from "./PreviewCard.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { Popover } from "../foundations/Popover.js";
+import { PreviewCard } from "../foundations/PreviewCard.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/InlineCitation.tsx
+//#region src/components/ai-sdk/InlineCitation.tsx
 /**
 * Keeps claim text and an app-placed citation in one inline presentation group.
 *

package/dist/components/{MediaPreviewCard.d.ts → ai-sdk/MediaPreviewCard.d.ts}

@@ -1,7 +1,7 @@
-import { CardProps } from "./Card.js";
+import { CardProps } from "../foundations/Card.js";
 import * as React from "react";
 
-//#region src/components/MediaPreviewCard.d.ts
+//#region src/components/ai-sdk/MediaPreviewCard.d.ts
 interface MediaPreviewCardProps extends Omit<CardProps, "hover"> {}
 /**
  * A media-led card that plays its decorative preview only while a mouse is

package/dist/components/{MediaPreviewCard.js → ai-sdk/MediaPreviewCard.js}

@@ -1,7 +1,7 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
-import { V as PlayIcon } from "../icons-B4mGvCvc.js";
-import { n as mergeRefs } from "../merge-refs-DF_7w2x_.js";
-import { Card } from "./Card.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { V as PlayIcon } from "../../icons-B1Qw05te.js";
+import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
+import { Card } from "../foundations/Card.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/_internal/motion-preferences.ts
@@ -16,7 +16,7 @@ function motionIsReduced() {
 	return window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? false;
 }
 //#endregion
-//#region src/components/MediaPreviewCard.tsx
+//#region src/components/ai-sdk/MediaPreviewCard.tsx
 const MediaPreviewCardContext = React.createContext(null);
 function useMediaPreviewCardContext() {
 	const context = React.useContext(MediaPreviewCardContext);

package/dist/components/{Message.d.ts → ai-sdk/Message.d.ts}

@@ -1,9 +1,9 @@
-import { n as IconButtonProps } from "../IconButton-CFKhu6OR.js";
+import { n as IconButtonProps } from "../../IconButton-BAUFhUk8.js";
 import * as React from "react";
 import { FileUIPart, UIMessage } from "ai";
 import { StreamdownProps } from "streamdown";
 
-//#region src/components/Message.d.ts
+//#region src/components/ai-sdk/Message.d.ts
 type MessageRole = UIMessage["role"];
 interface MessageProps extends React.HTMLAttributes<HTMLDivElement> {
   /**
@@ -59,7 +59,6 @@ type MessageResponseProps = StreamdownProps;
 declare const MessageResponse: React.MemoExoticComponent<({
   className,
   components,
-  rehypePlugins,
   ...props
 }: MessageResponseProps) => React.JSX.Element>;
 interface MessageAttachmentProps extends Omit<React.HTMLAttributes<HTMLElement>, "color" | "part"> {

package/dist/{Message-BF6SiKKL.js → components/ai-sdk/Message.js}

@@ -1,93 +1,17 @@
-import { t as cx } from "./class-names-BiMDVpUo.js";
-import { Button } from "./components/Button.js";
-import { C as FileIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "./icons-B4mGvCvc.js";
-import { IconButton } from "./components/IconButton.js";
-import { c as useWorkspaceNavigationContext, r as resolveWorkspaceLink, t as WorkspaceFileLink } from "./WorkspaceLink-BYYeTQLf.js";
-import { t as AttachmentPreview } from "./attachment-preview-DIs50Q0h.js";
-import { n as clamp } from "./format-S6uWyoSb.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { C as FileIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "../../icons-B1Qw05te.js";
+import { Button } from "../foundations/Button.js";
+import { IconButton } from "../foundations/IconButton.js";
+import { t as AttachmentPreview } from "../../attachment-preview-1CXJvrmb.js";
+import { n as clamp } from "../../format-CmopcfqJ.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cjk } from "@streamdown/cjk";
 import { code } from "@streamdown/code";
 import { math } from "@streamdown/math";
 import { mermaid } from "@streamdown/mermaid";
-import { Streamdown, defaultRehypePlugins } from "streamdown";
-import { visit } from "unist-util-visit";
-//#region src/components/_internal/workspace-markdown.ts
-const WORKSPACE_HARDEN_ORIGIN = "https://workspace.invalid/";
-const workspaceOriginalUrl = Symbol("workspace-original-url");
-function captureWorkspaceUrls() {
-	return (tree) => {
-		visit(tree, "element", (node) => {
-			const property = node.tagName === "a" ? "href" : node.tagName === "img" ? "src" : null;
-			const value = property ? node.properties[property] : null;
-			if (typeof value === "string") node[workspaceOriginalUrl] = value;
-		});
-	};
-}
-function isWorkspaceRelativeUrl(value) {
-	if (value.startsWith("//")) return false;
-	try {
-		new URL(value);
-		return false;
-	} catch {
-		return true;
-	}
-}
-function restoreWorkspaceUrls({ root, base }) {
-	return (tree) => {
-		visit(tree, "element", (node) => {
-			const workspaceNode = node;
-			const originalUrl = workspaceNode[workspaceOriginalUrl];
-			delete workspaceNode[workspaceOriginalUrl];
-			if (originalUrl === void 0) return;
-			if (node.tagName === "img") {
-				if (isWorkspaceRelativeUrl(originalUrl)) {
-					const alt = typeof node.properties.alt === "string" ? node.properties.alt : "";
-					node.tagName = "a";
-					node.properties = { href: originalUrl };
-					node.children = [{
-						type: "text",
-						value: alt || "Open linked image"
-					}];
-				} else if (originalUrl.startsWith("//")) node.properties.src = originalUrl;
-				return;
-			}
-			if (node.tagName !== "a") return;
-			node.properties.href = originalUrl;
-			if (resolveWorkspaceLink({
-				href: originalUrl,
-				root,
-				base
-			}).kind === "file") {
-				delete node.properties.target;
-				delete node.properties.rel;
-			}
-		});
-	};
-}
-function configureWorkspaceHarden(plugin) {
-	if (!Array.isArray(plugin) || typeof plugin[0] !== "function") throw new Error("Streamdown's harden plugin no longer exposes configurable options.");
-	const options = plugin[1];
-	if (options !== void 0 && (typeof options !== "object" || options === null || Array.isArray(options))) throw new Error("Streamdown's harden plugin options have an unsupported shape.");
-	return [plugin[0], {
-		...options,
-		defaultOrigin: WORKSPACE_HARDEN_ORIGIN
-	}];
-}
-const workspaceHardenPlugin = configureWorkspaceHarden(defaultRehypePlugins.harden);
-/** Preserve validated filesystem links through Streamdown's URL hardening pass. */
-function createWorkspaceRehypePlugins(root, base) {
-	const plugins = [];
-	for (const [name, plugin] of Object.entries(defaultRehypePlugins)) if (name === "harden") plugins.push(captureWorkspaceUrls, workspaceHardenPlugin, [restoreWorkspaceUrls, {
-		root,
-		base
-	}]);
-	else plugins.push(plugin);
-	return plugins;
-}
-//#endregion
-//#region src/components/Message.tsx
+import { Streamdown } from "streamdown";
+//#region src/components/ai-sdk/Message.tsx
 /**
 * A chat message row. Aligns and styles itself based on {@link from}.
 * Adapted from Vercel AI Elements and restyled with Sigvelo CSS tokens.
@@ -137,23 +61,14 @@ const streamdownPlugins = {
 	mermaid
 };
 const messageResponseComponents = { img: "img" };
-const workspaceMessageResponseComponents = {
-	...messageResponseComponents,
-	a: WorkspaceFileLink
-};
-const MessageResponse = React.memo(function MessageResponse({ className, components, rehypePlugins, ...props }) {
-	const workspace = useWorkspaceNavigationContext();
-	const defaultComponents = workspace ? workspaceMessageResponseComponents : messageResponseComponents;
-	const mergedComponents = components ? {
-		...defaultComponents,
-		...components
-	} : defaultComponents;
-	const resolvedRehypePlugins = React.useMemo(() => rehypePlugins ?? (workspace ? createWorkspaceRehypePlugins(workspace.root, workspace.base) : void 0), [rehypePlugins, workspace]);
+const MessageResponse = React.memo(function MessageResponse({ className, components, ...props }) {
 	return /* @__PURE__ */ jsx(Streamdown, {
 		className: cx("message__response", className),
-		components: mergedComponents,
+		components: components ? {
+			...messageResponseComponents,
+			...components
+		} : messageResponseComponents,
 		plugins: streamdownPlugins,
-		rehypePlugins: resolvedRehypePlugins,
 		...props
 	});
 });
@@ -359,4 +274,4 @@ function MessageBranchPage({ className, format, ref, ...props }) {
 	});
 }
 //#endregion
-export { MessageBranch as a, MessageBranchPage as c, MessageContent as d, MessageResponse as f, MessageAttachment as i, MessageBranchPrevious as l, createWorkspaceRehypePlugins as m, MessageAction as n, MessageBranchContent as o, MessageToolbar as p, MessageActions as r, MessageBranchNext as s, Message as t, MessageBranchSelector as u };
+export { Message, MessageAction, MessageActions, MessageAttachment, MessageBranch, MessageBranchContent, MessageBranchNext, MessageBranchPage, MessageBranchPrevious, MessageBranchSelector, MessageContent, MessageResponse, MessageToolbar };

package/dist/components/{MessageScroller.d.ts → ai-sdk/MessageScroller.d.ts}

@@ -1,8 +1,8 @@
-import { r as ButtonProps } from "../Button-SBIz6Lqi.js";
+import { r as ButtonProps } from "../../Button-CZt3yywF.js";
 import * as React from "react";
 import { MessageScroller as MessageScroller$1, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from "@shadcn/react/message-scroller";
 
-//#region src/components/MessageScroller.d.ts
+//#region src/components/ai-sdk/MessageScroller.d.ts
 type MessageScrollerProviderProps = React.ComponentProps<typeof MessageScroller$1.Provider>;
 interface MessageScrollerProps extends React.ComponentProps<typeof MessageScroller$1.Root> {
   /** Extra class names merged onto the scroll container. */

package/dist/components/{MessageScroller.js → ai-sdk/MessageScroller.js}

@@ -1,10 +1,10 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
-import { Button } from "./Button.js";
-import { n as ArrowDownIcon } from "../icons-B4mGvCvc.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { n as ArrowDownIcon } from "../../icons-B1Qw05te.js";
+import { Button } from "../foundations/Button.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { MessageScroller as MessageScroller$1, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from "@shadcn/react/message-scroller";
-//#region src/components/MessageScroller.tsx
+//#region src/components/ai-sdk/MessageScroller.tsx
 function MessageScrollerProvider(props) {
 	return /* @__PURE__ */ jsx(MessageScroller$1.Provider, { ...props });
 }

package/dist/components/{MessageScrollerVirtual.d.ts → ai-sdk/MessageScrollerVirtual.d.ts}

@@ -1,7 +1,7 @@
-import { r as ButtonProps } from "../Button-SBIz6Lqi.js";
+import { r as ButtonProps } from "../../Button-CZt3yywF.js";
 import * as React from "react";
 
-//#region src/components/MessageScrollerVirtual.d.ts
+//#region src/components/ai-sdk/MessageScrollerVirtual.d.ts
 interface VirtualMessageScrollerProps<Item> extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
   items: readonly Item[];
   /**
@@ -38,12 +38,11 @@ interface VirtualMessageScrollerProps<Item> extends Omit<React.HTMLAttributes<HT
  * growth and appends keep the viewport pinned while reading history doesn't
  * get yanked to the bottom (TanStack Virtual `anchorTo: 'end'`).
  *
- * Trade-offs versus the plain `MessageScroller`: 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`. The "anchor user message to top" behavior of the
- * plain scroller is not implemented; new turns pin to the bottom instead.
+ * 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):

package/dist/components/{MessageScrollerVirtual.js → ai-sdk/MessageScrollerVirtual.js}

@@ -1,22 +1,21 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
-import { Button } from "./Button.js";
-import { n as ArrowDownIcon } from "../icons-B4mGvCvc.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { n as ArrowDownIcon } from "../../icons-B1Qw05te.js";
+import { Button } from "../foundations/Button.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useVirtualizer } from "@tanstack/react-virtual";
-//#region src/components/MessageScrollerVirtual.tsx
+//#region src/components/ai-sdk/MessageScrollerVirtual.tsx
 /**
 * 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'`).
 *
-* Trade-offs versus the plain `MessageScroller`: 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`. The "anchor user message to top" behavior of the
-* plain scroller is not implemented; new turns pin to the bottom instead.
+* 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):
@@ -78,6 +77,7 @@ function VirtualMessageScroller({ items, getItemKey, renderItem, estimateSize =
 		children: [/* @__PURE__ */ jsx("div", {
 			ref: viewportRef,
 			"data-slot": "message-scroller-viewport",
+			"data-recipe": "scroll-fade-y",
 			"data-scrollable": scrollEdges,
 			className: "message-scroller__viewport",
 			children: items.length === 0 ? emptyState : /* @__PURE__ */ jsx("div", {

package/dist/components/{Plan.d.ts → ai-sdk/Plan.d.ts}

@@ -1,10 +1,9 @@
-import { ChainOfThoughtStepStatus } from "./ChainOfThought.js";
-import { PopoverPositionerProps, PopoverProps } from "./Popover.js";
+import { PopoverPositionerProps, PopoverProps } from "../foundations/Popover.js";
 import * as React from "react";
 
-//#region src/components/Plan.d.ts
-/** Presentation state shared with the existing reasoning-step primitive. */
-type PlanStepStatus = ChainOfThoughtStepStatus;
+//#region src/components/ai-sdk/Plan.d.ts
+/** Presentation state for an application-owned plan step. */
+type PlanStepStatus = "pending" | "active" | "complete";
 interface PlanProps extends React.HTMLAttributes<HTMLDivElement> {
   /** Plan header and ordered steps composed from application-owned plan data. */
   children?: React.ReactNode;
@@ -171,7 +170,7 @@ interface PlanSummaryListProps {
   /** The pill usually sits above a composer, so default "top". */
   side?: PlanSummaryContentProps["side"];
 }
-/** Data-only convenience renderer for the complete plan summary anatomy. */
+/** Data-only convenience renderer for hosts that already own normalized plan rows. */
 declare function PlanSummaryList({
   steps,
   side

package/dist/components/{Plan.js → ai-sdk/Plan.js}

@@ -1,10 +1,10 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
-import { d as CheckIcon, i as ArrowRightIcon, v as DotIcon } from "../icons-B4mGvCvc.js";
-import { Popover } from "./Popover.js";
-import { t as ProgressRing } from "../progress-ring-BjqTZqBk.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { d as CheckIcon, i as ArrowRightIcon, v as DotIcon } from "../../icons-B1Qw05te.js";
+import { Popover } from "../foundations/Popover.js";
+import { t as ProgressRing } from "../../progress-ring-Dz_ztrW2.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/Plan.tsx
+//#region src/components/ai-sdk/Plan.tsx
 const PlanStepContext = React.createContext("pending");
 /**
 * Presentation-only container for an application-owned plan.
@@ -189,7 +189,7 @@ function PlanSummaryContent({ className, side = "top", children, ...props }) {
 		})
 	}) });
 }
-/** Data-only convenience renderer for the complete plan summary anatomy. */
+/** Data-only convenience renderer for hosts that already own normalized plan rows. */
 function PlanSummaryList({ steps, side }) {
 	if (steps.length === 0) return null;
 	const completed = steps.filter((item) => item.status === "complete").length;

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

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