@mcp-b/react-components 0.34.1 → 0.36.0

package/dist/components/agents-sdk/WorkspaceFile.js

@@ -108,6 +108,21 @@ const MEDIA_BY_EXTENSION = {
 		mimeType: "video/x-m4v"
 	}
 };
+/**
+* Source extensions whose registry answer is wrong for a workspace. `.ts` and
+* `.mts` are MPEG-2 transport stream to both the IANA registry and a browser's
+* own `File.type`, so a store that reports either verbatim describes every
+* TypeScript file as a video. Those two are the registry's only collisions with
+* a source extension — `.cts` and `.tsx` are simply absent from it, and `.svg`
+* is a genuine image — so this table stays a short list of known-wrong names
+* rather than an allowlist that would refuse real media it has not heard of.
+*/
+const SOURCE_MIME_BY_EXTENSION = {
+	ts: "text/typescript",
+	mts: "text/typescript",
+	cts: "text/typescript",
+	tsx: "text/tsx"
+};
 const SUPPORTED_IMAGE_MIME_TYPES = /* @__PURE__ */ new Set([
 	"image/png",
 	"image/jpeg",
@@ -147,6 +162,9 @@ function inferWorkspaceMediaFromMime(mimeType) {
 function getWorkspaceBasename(path) {
 	return path.split("/").filter(Boolean).at(-1) ?? path;
 }
+function workspaceExtension(path) {
+	return getWorkspaceBasename(path).split(".").at(-1)?.toLowerCase() ?? "";
+}
 function isWorkspaceMarkdownPath(path) {
 	return getWorkspaceBasename(path).toLowerCase().endsWith(".md");
 }
@@ -159,15 +177,35 @@ function isWorkspaceSkillPath(path) {
 * that report generic values such as `application/octet-stream`.
 */
 function inferWorkspaceMedia(path, mimeType) {
+	const extension = workspaceExtension(path);
+	if (SOURCE_MIME_BY_EXTENSION[extension]) return null;
 	const byMimeType = inferWorkspaceMediaFromMime(mimeType);
 	if (byMimeType) return byMimeType;
 	const normalizedMimeType = normalizeWorkspaceMimeType(mimeType);
 	if (normalizedMimeType && !GENERIC_MEDIA_MIME_TYPES.has(normalizedMimeType)) return null;
-	const extension = getWorkspaceBasename(path).split(".").at(-1)?.toLowerCase() ?? "";
 	const byExtension = MEDIA_BY_EXTENSION[extension];
 	if (byExtension) return byExtension;
 	return null;
 }
+/**
+* The mime type this vocabulary fixes for a file name, or `null` where it has
+* no opinion and the caller's own answer stands.
+*
+* A workspace that derives mime types from names needs this for the reason
+* `inferWorkspaceMedia` distrusts them: the platform registries call `.ts`
+* MPEG-2 transport stream, and every downstream media check believes it. Media
+* extensions answer their canonical type here too, so a host has one call
+* instead of a copy of the table this module already keeps.
+*
+* @example
+* ```ts
+* const mimeType = inferWorkspaceMimeType(name) ?? lookup(name) ?? "application/octet-stream";
+* ```
+*/
+function inferWorkspaceMimeType(path) {
+	const extension = workspaceExtension(path);
+	return SOURCE_MIME_BY_EXTENSION[extension] ?? MEDIA_BY_EXTENSION[extension]?.mimeType ?? null;
+}
 function isWorkspaceMediaPath(path, mimeType) {
 	return inferWorkspaceMedia(path, mimeType) !== null;
 }
@@ -188,8 +226,7 @@ function parseWorkspaceSkill(content) {
 }
 /** Best-effort syntax-highlighting language from a file path; unknown extensions render as plain text. */
 function inferWorkspaceLanguage(path) {
-	const extension = getWorkspaceBasename(path).split(".").at(-1)?.toLowerCase() ?? "";
-	return LANGUAGE_BY_EXTENSION[extension] ?? "text";
+	return LANGUAGE_BY_EXTENSION[workspaceExtension(path)] ?? "text";
 }
 //#endregion
-export { getWorkspaceBasename, inferWorkspaceLanguage, inferWorkspaceMedia, isWorkspaceMarkdownPath, isWorkspaceMediaPath, isWorkspaceSkillPath, parseWorkspaceSkill };
+export { getWorkspaceBasename, inferWorkspaceLanguage, inferWorkspaceMedia, inferWorkspaceMimeType, isWorkspaceMarkdownPath, isWorkspaceMediaPath, isWorkspaceSkillPath, parseWorkspaceSkill };

package/dist/components/agents-sdk/WorkspaceFileView.d.ts

@@ -1,4 +1,4 @@
-import { i as WorkspaceFileState } from "../../WorkspaceFile-C8Riev9j.js";
+import { i as WorkspaceFileState } from "../../WorkspaceFile-BLaFmMrt.js";
 import * as React from "react";
 
 //#region src/components/agents-sdk/WorkspaceFileView.d.ts

package/dist/components/agents-sdk/WorkspaceFileView.js

@@ -1,2 +1,2 @@
-import { t as WorkspaceFileView } from "../../WorkspaceFileView-BtzVKAed.js";
+import { t as WorkspaceFileView } from "../../WorkspaceFileView-DTHJLKW_.js";
 export { WorkspaceFileView };

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

@@ -37,6 +37,8 @@ declare function Activity({
   className,
   isStreaming,
   defaultOpen,
+  open: controlledOpen,
+  onOpenChange,
   stateKey,
   ref,
   ...props
@@ -130,6 +132,9 @@ declare function ActivityItemGroup({
   detail,
   icon,
   children,
+  defaultOpen,
+  open: controlledOpen,
+  onOpenChange,
   stateKey,
   ref,
   ...props

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

@@ -2,9 +2,27 @@ import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { m as ChevronRightIcon } from "../../icons-B1Qw05te.js";
 import { Collapsible } from "../foundations/Collapsible.js";
 import { useExpansionState } from "./ExpansionState.js";
-import "react";
+import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/Activity.tsx
+function usePersistedActivityOpenProps({ defaultOpen = false, open: controlledOpen, onOpenChange, stateKey }) {
+	const [persistedOpen, setPersistedOpen] = useExpansionState(stateKey, defaultOpen);
+	const handleOpenChange = React.useCallback((nextOpen, eventDetails) => {
+		onOpenChange?.(nextOpen, eventDetails);
+		if (!eventDetails.isCanceled) setPersistedOpen(nextOpen);
+	}, [onOpenChange, setPersistedOpen]);
+	if (controlledOpen !== void 0) return {
+		open: controlledOpen,
+		onOpenChange
+	};
+	return stateKey === void 0 ? {
+		defaultOpen,
+		onOpenChange
+	} : {
+		open: persistedOpen,
+		onOpenChange: handleOpenChange
+	};
+}
 /**
 * A collapsible activity line that aggregates agent activity (tool calls,
 * file edits, searches) instead of rendering every call as its own block.
@@ -25,12 +43,13 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * </Activity>
 * ```
 */
-function Activity({ className, isStreaming = false, defaultOpen = false, stateKey, ref, ...props }) {
-	const [open, setOpen] = useExpansionState(stateKey, defaultOpen);
-	const openProps = stateKey !== void 0 ? {
-		open,
-		onOpenChange: setOpen
-	} : { defaultOpen };
+function Activity({ className, isStreaming = false, defaultOpen = false, open: controlledOpen, onOpenChange, stateKey, ref, ...props }) {
+	const openProps = usePersistedActivityOpenProps({
+		defaultOpen,
+		open: controlledOpen,
+		onOpenChange,
+		stateKey
+	});
 	return /* @__PURE__ */ jsx(Collapsible.Root, {
 		ref,
 		className: cx("activity", className),
@@ -110,12 +129,13 @@ function ActivityContent({ className, children, ref, ...props }) {
 * like a plain ActivityItem; expanding reveals chrome-free detail (shell
 * output or a thought trace) flush inside the outer Activity log.
 */
-function ActivityItemGroup({ className, action, detail, icon, children, stateKey, ref, ...props }) {
-	const [open, setOpen] = useExpansionState(stateKey, false);
-	const openProps = stateKey !== void 0 ? {
-		open,
-		onOpenChange: setOpen
-	} : void 0;
+function ActivityItemGroup({ className, action, detail, icon, children, defaultOpen = false, open: controlledOpen, onOpenChange, stateKey, ref, ...props }) {
+	const openProps = usePersistedActivityOpenProps({
+		defaultOpen,
+		open: controlledOpen,
+		onOpenChange,
+		stateKey
+	});
 	return /* @__PURE__ */ jsxs(Collapsible.Root, {
 		ref,
 		className: cx("activity__group", className),

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

@@ -62,7 +62,6 @@ declare function ApprovalPreviewRow({
 }: ApprovalPreviewRowProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-declare function formatApprovalValue(value: unknown): string;
 interface ApprovalInputPreviewProps {
   input: unknown;
 }
@@ -99,4 +98,4 @@ declare function ApprovalDecision({
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 //#endregion
-export { Approval, ApprovalCount, ApprovalCountProps, ApprovalDecision, ApprovalDecisionProps, ApprovalDecisionValue, ApprovalHeader, ApprovalHeaderProps, ApprovalInputPreview, ApprovalInputPreviewProps, ApprovalPreview, ApprovalPreviewProps, ApprovalPreviewRow, ApprovalPreviewRowProps, ApprovalProps, ApprovalQuestion, ApprovalQuestionProps, formatApprovalValue };
+export { Approval, ApprovalCount, ApprovalCountProps, ApprovalDecision, ApprovalDecisionProps, ApprovalDecisionValue, ApprovalHeader, ApprovalHeaderProps, ApprovalInputPreview, ApprovalInputPreviewProps, ApprovalPreview, ApprovalPreviewProps, ApprovalPreviewRow, ApprovalPreviewRowProps, ApprovalProps, ApprovalQuestion, ApprovalQuestionProps };

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

@@ -1,6 +1,7 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { B as PencilIcon } from "../../icons-B1Qw05te.js";
 import { Button } from "../foundations/Button.js";
+import { a as formatUnknownValue } from "../../format-DB2mX9DA.js";
 import { Kbd } from "../foundations/Kbd.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -68,17 +69,13 @@ function ApprovalPreviewRow({ children, className, label, ref, ...props }) {
 		]
 	});
 }
-function formatApprovalValue(value) {
-	if (typeof value === "string") return value;
-	return JSON.stringify(value) ?? String(value);
-}
 /** Renders unknown upstream input without changing or normalizing its shape. */
 function ApprovalInputPreview({ input }) {
 	const entries = input && typeof input === "object" && !Array.isArray(input) ? Object.entries(input) : void 0;
 	return /* @__PURE__ */ jsx(ApprovalPreview, { children: entries ? entries.map(([key, value]) => /* @__PURE__ */ jsx(ApprovalPreviewRow, {
 		label: key,
-		children: formatApprovalValue(value)
-	}, key)) : /* @__PURE__ */ jsx(ApprovalPreviewRow, { children: formatApprovalValue(input) }) });
+		children: formatUnknownValue(value)
+	}, key)) : /* @__PURE__ */ jsx(ApprovalPreviewRow, { children: formatUnknownValue(input) }) });
 }
 function getErrorMessage(error) {
 	if (error instanceof Error && error.message.trim()) return error.message;
@@ -223,4 +220,4 @@ function ApprovalDecision({ className, onDecision, onSkip, subject = "this actio
 	});
 }
 //#endregion
-export { Approval, ApprovalCount, ApprovalDecision, ApprovalHeader, ApprovalInputPreview, ApprovalPreview, ApprovalPreviewRow, ApprovalQuestion, formatApprovalValue };
+export { Approval, ApprovalCount, ApprovalDecision, ApprovalHeader, ApprovalInputPreview, ApprovalPreview, ApprovalPreviewRow, ApprovalQuestion };

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-DzGhYyNe.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-C380GD5t.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-CM5gfmdq.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-Bk4nn7l-.js";
 export { CODE_BLOCK_LANGUAGES, CodeBlock, CodeBlockActions, CodeBlockContainer, CodeBlockContent, CodeBlockCopyButton, CodeBlockFilename, CodeBlockHeader, CodeBlockLanguageSelector, CodeBlockLanguageSelectorContent, CodeBlockLanguageSelectorItem, CodeBlockLanguageSelectorTrigger, CodeBlockLanguageSelectorValue, CodeBlockTitle };

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

@@ -1,7 +1,7 @@
 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 { t as ProgressRing } from "../../progress-ring-BEocM1e3.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/Context.tsx

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

@@ -1,7 +1,7 @@
 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 { i as formatErrorMessage } from "../../format-DB2mX9DA.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/Goal.tsx

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

@@ -3,13 +3,11 @@ import { C as FileIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "../../ic
 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 { n as clamp } from "../../format-DB2mX9DA.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 } from "streamdown";
 //#region src/components/ai-sdk/Message.tsx
 /**
@@ -56,9 +54,7 @@ function MessageContent({ className, children, ref, ...props }) {
 }
 const streamdownPlugins = {
 	cjk,
-	code,
-	math,
-	mermaid
+	code
 };
 const messageResponseComponents = { img: "img" };
 const MessageResponse = React.memo(function MessageResponse({ className, components, ...props }) {

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

@@ -21,11 +21,16 @@ declare function MessageScroller({
   ...props
 }: MessageScrollerProps): React.JSX.Element;
 declare function MessageScrollerViewport({
+  "aria-label": ariaLabel,
   className,
+  role,
+  tabIndex,
   ...props
 }: MessageScrollerViewportProps): React.JSX.Element;
 declare function MessageScrollerContent({
+  "aria-relevant": ariaRelevant,
   className,
+  role,
   ...props
 }: MessageScrollerContentProps): React.JSX.Element;
 declare function MessageScrollerItem({

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

@@ -1,6 +1,7 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { n as ArrowDownIcon } from "../../icons-B1Qw05te.js";
 import { Button } from "../foundations/Button.js";
+import { t as messageScrollerContract } from "../../message-scroller-C8cplcQO.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { MessageScroller as MessageScroller$1, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from "@shadcn/react/message-scroller";
@@ -14,39 +15,44 @@ function MessageScrollerProvider(props) {
 */
 function MessageScroller({ className, ...props }) {
 	return /* @__PURE__ */ jsx(MessageScroller$1.Root, {
-		"data-slot": "message-scroller",
-		className: cx("message-scroller", className),
+		"data-slot": messageScrollerContract.root.slot,
+		className: cx(messageScrollerContract.root.className, className),
 		...props
 	});
 }
-function MessageScrollerViewport({ className, ...props }) {
+function MessageScrollerViewport({ "aria-label": ariaLabel = messageScrollerContract.viewport.ariaLabel, className, role = messageScrollerContract.viewport.role, tabIndex = messageScrollerContract.viewport.tabIndex, ...props }) {
 	return /* @__PURE__ */ jsx(MessageScroller$1.Viewport, {
-		"data-slot": "message-scroller-viewport",
+		"aria-label": ariaLabel,
+		"data-slot": messageScrollerContract.viewport.slot,
 		"data-recipe": "scroll-fade-y",
-		className: cx("message-scroller__viewport", className),
+		className: cx(messageScrollerContract.viewport.className, className),
+		role,
+		tabIndex,
 		...props
 	});
 }
-function MessageScrollerContent({ className, ...props }) {
+function MessageScrollerContent({ "aria-relevant": ariaRelevant = messageScrollerContract.content.ariaRelevant, className, role = messageScrollerContract.content.role, ...props }) {
 	return /* @__PURE__ */ jsx(MessageScroller$1.Content, {
-		"data-slot": "message-scroller-content",
-		className: cx("message-scroller__content", className),
+		"aria-relevant": ariaRelevant,
+		"data-slot": messageScrollerContract.content.slot,
+		className: cx(messageScrollerContract.content.className, className),
+		role,
 		...props
 	});
 }
 function MessageScrollerItem({ className, scrollAnchor = false, ...props }) {
 	return /* @__PURE__ */ jsx(MessageScroller$1.Item, {
-		"data-slot": "message-scroller-item",
+		"data-slot": messageScrollerContract.item.slot,
 		scrollAnchor,
-		className: cx("message-scroller__item", className),
+		className: cx(messageScrollerContract.item.className, className),
 		...props
 	});
 }
 function MessageScrollerButton({ className, children, color = "neutral", direction = "end", render, size = "sm", variant = "normal", ...props }) {
 	return /* @__PURE__ */ jsx(MessageScroller$1.Button, {
-		"data-slot": "message-scroller-button",
+		"data-slot": messageScrollerContract.button.slot,
 		direction,
-		className: cx("message-scroller__button", className),
+		className: cx(messageScrollerContract.button.className, className),
 		render: render ?? /* @__PURE__ */ jsx(Button, {
 			color,
 			size,

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

@@ -1,6 +1,7 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { n as ArrowDownIcon } from "../../icons-B1Qw05te.js";
 import { Button } from "../foundations/Button.js";
+import { t as messageScrollerContract } from "../../message-scroller-C8cplcQO.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useVirtualizer } from "@tanstack/react-virtual";
@@ -37,6 +38,7 @@ function VirtualMessageScroller({ items, getItemKey, renderItem, estimateSize =
 	const warnedBadKey = React.useRef(false);
 	const [atEnd, setAtEnd] = React.useState(true);
 	const [scrollEdges, setScrollEdges] = React.useState();
+	const { "aria-live": contentAriaLive = "off", "aria-relevant": contentAriaRelevant = messageScrollerContract.content.ariaRelevant, className: contentClassName, role: contentRole = messageScrollerContract.content.role, style: contentStyle, ...resolvedContentProps } = contentProps ?? {};
 	React.useEffect(() => {
 		if (warnedBadKey.current) return;
 		const seen = /* @__PURE__ */ new Set();
@@ -72,28 +74,33 @@ function VirtualMessageScroller({ items, getItemKey, renderItem, estimateSize =
 		virtualizer.scrollToEnd();
 	}, []);
 	return /* @__PURE__ */ jsxs("div", {
-		className: cx("message-scroller", className),
+		"data-slot": messageScrollerContract.root.slot,
+		className: cx(messageScrollerContract.root.className, className),
 		...props,
 		children: [/* @__PURE__ */ jsx("div", {
 			ref: viewportRef,
-			"data-slot": "message-scroller-viewport",
+			"aria-label": messageScrollerContract.viewport.ariaLabel,
+			"data-slot": messageScrollerContract.viewport.slot,
 			"data-recipe": "scroll-fade-y",
 			"data-scrollable": scrollEdges,
-			className: "message-scroller__viewport",
+			className: messageScrollerContract.viewport.className,
+			role: messageScrollerContract.viewport.role,
+			tabIndex: messageScrollerContract.viewport.tabIndex,
 			children: items.length === 0 ? emptyState : /* @__PURE__ */ jsx("div", {
-				role: "log",
-				"aria-live": "off",
-				...contentProps,
-				className: cx("message-scroller__virtual-content", contentProps?.className),
+				...resolvedContentProps,
+				"aria-live": contentAriaLive,
+				"aria-relevant": contentAriaRelevant,
+				className: cx(messageScrollerContract.content.virtualClassName, contentClassName),
+				role: contentRole,
 				style: {
-					...contentProps?.style,
+					...contentStyle,
 					height: virtualizer.getTotalSize()
 				},
 				children: virtualizer.getVirtualItems().map((virtualItem) => /* @__PURE__ */ jsx("div", {
 					ref: virtualizer.measureElement,
 					"data-index": virtualItem.index,
 					"data-item-key": virtualItem.key,
-					className: "message-scroller__virtual-item",
+					className: messageScrollerContract.item.virtualClassName,
 					style: { transform: `translateY(${virtualItem.start}px)` },
 					children: renderItem(items[virtualItem.index], virtualItem.index)
 				}, virtualItem.key))
@@ -105,7 +112,8 @@ function VirtualMessageScroller({ items, getItemKey, renderItem, estimateSize =
 			size: "sm",
 			iconOnly: true,
 			...scrollButtonProps,
-			className: cx("message-scroller__button", scrollButtonProps?.className),
+			className: cx(messageScrollerContract.button.className, scrollButtonProps?.className),
+			"data-slot": messageScrollerContract.button.slot,
 			"data-direction": "end",
 			"data-active": !atEnd,
 			tabIndex: atEnd ? -1 : void 0,

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

@@ -1,7 +1,7 @@
 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 { t as ProgressRing } from "../../progress-ring-BEocM1e3.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/Plan.tsx

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

@@ -1,2 +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 };
+import { $ as PromptInputReferences, A as PromptInputContextItem, B as PromptInputHoverCard, C as PromptInputButtonProps, Ct as usePromptInputAttachments, D as PromptInputCommandDefinition, E as PromptInputCommandComposerProps, F as PromptInputDictationProps, G as PromptInputHoverCardTriggerProps, H as PromptInputHoverCardContentProps, I as PromptInputFooter, J as PromptInputPermissionSelectorProps, K as PromptInputMessage, L as PromptInputFooterProps, M as PromptInputContextSelectorProps, N as PromptInputControllerProps, O as PromptInputCommandTrigger, P as PromptInputDictation, Q as PromptInputReference, R as PromptInputHeader, S as PromptInputButton, St as TooltipSide, T as PromptInputCommandComposer, Tt as useProviderAttachments, U as PromptInputHoverCardProps, V as PromptInputHoverCardContent, W as PromptInputHoverCardTrigger, X as PromptInputProvider, Y as PromptInputProps, Z as PromptInputProviderProps, _ as PromptInputAttachmentProps, _t as PromptInputTooltipConfig, a as PromptInputActionAddAttachmentsProps, at as PromptInputTabBodyProps, b as PromptInputBody, bt as PromptInputVoiceInput, c as PromptInputActionMenu, ct as PromptInputTabLabel, d as PromptInputActionMenuItem, dt as PromptInputTabsList, et as PromptInputReferencesProps, f as PromptInputActionMenuItemProps, ft as PromptInputTabsListProps, g as PromptInputAttachment, gt as PromptInputToolsProps, h as PromptInputActionMenuTriggerProps, ht as PromptInputTools, i as PromptInputActionAddAttachments, it as PromptInputTabBody, j as PromptInputContextSelector, k as PromptInputContextAction, l as PromptInputActionMenuContent, lt as PromptInputTabLabelProps, m as PromptInputActionMenuTrigger, mt as PromptInputTextareaProps, n as PermissionMode, nt as PromptInputSubmitProps, o as PromptInputActionAddScreenshot, ot as PromptInputTabItem, p as PromptInputActionMenuProps, pt as PromptInputTextarea, q as PromptInputPermissionSelector, r as PromptInput, rt as PromptInputTab, s as PromptInputActionAddScreenshotProps, st as PromptInputTabItemProps, t as AttachmentsContext, tt as PromptInputSubmit, u as PromptInputActionMenuContentProps, ut as PromptInputTabProps, v as PromptInputAttachments, vt as PromptInputTray, w as PromptInputButtonTooltip, wt as usePromptInputController, x as PromptInputBodyProps, xt as TextInputContext, y as PromptInputAttachmentsProps, yt as PromptInputTrayProps, z as PromptInputHeaderProps } from "../../PromptInput-BRX7FhjH.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, PromptInputCommandComposer, PromptInputCommandComposerProps, PromptInputCommandDefinition, 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, 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 };