@mcp-b/react-components 0.4.0 → 0.5.0

package/dist/{CodeBlock-C2Xjxu9M.js → CodeBlock-D-a84xBL.js}

@@ -1,6 +1,6 @@
 import { t as cx } from "./class-names-9UtZwb0J.js";
 import { Select, SelectContent, SelectItem, SelectList, SelectTrigger, SelectValue } from "./components/Select.js";
-import { t as CopyButton } from "./copy-button-Dd6DEhOm.js";
+import { t as CopyButton } from "./copy-button-BmJEAKuP.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createHighlighter } from "shiki";

package/dist/{FileTree-D0c9Yj9U.js → FileTree-D8rtTLgK.js}

@@ -1,5 +1,5 @@
 import { t as cx } from "./class-names-9UtZwb0J.js";
-import { _ as FolderOpenIcon, g as FolderIcon, h as FileIcon, l as ChevronRightIcon } from "./icons-DQC4Zw5R.js";
+import { c as ChevronRightIcon, g as FolderOpenIcon, h as FolderIcon, m as FileIcon } from "./icons-CZRH4FVH.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/_internal/use-file-tree-nav.ts

package/dist/components/Activity.js

@@ -1,6 +1,6 @@
 import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./Collapsible.js";
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { l as ChevronRightIcon } from "../icons-DQC4Zw5R.js";
+import { c as ChevronRightIcon } from "../icons-CZRH4FVH.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Activity.tsx

package/dist/components/AgentChat.d.ts

@@ -30,12 +30,6 @@ interface AgentChatProps<MessageT extends UIMessage = UIMessage> {
   emptyState?: React.ReactNode;
   /** Extra controls rendered in the composer toolbar. */
   composerTools?: React.ReactNode;
-  /**
-   * Prompt suggestions shown as a chip row above the composer; clicking one
-   * submits it as the message text. Strings double as React keys — keep them
-   * unique.
-   */
-  suggestions?: readonly string[];
   /**
    * Transient status rendered between the transcript and the composer —
    * e.g. a "Reconnecting…" pill. `ThinkChat.Messages` fills this from the
@@ -92,7 +86,6 @@ declare function AgentChat<MessageT extends UIMessage = UIMessage>({
   disabled,
   emptyState,
   composerTools,
-  suggestions,
   notice,
   onRegenerate,
   onApprovalResponse,

package/dist/components/AgentChat.js

@@ -1,15 +1,14 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { D as PlusIcon, O as RefreshIcon } from "../icons-DQC4Zw5R.js";
+import { D as RefreshIcon, E as PlusIcon } from "../icons-CZRH4FVH.js";
+import { Activity, ActivityContent, ActivityPanel, ActivityTrigger } from "./Activity.js";
 import { Context, ContextContent, ContextContentBody, ContextContentHeader, ContextTrigger, getContextUsage, getContextUsedTokens } from "./Context.js";
 import { Conversation, ConversationContent, ConversationEmptyState, ConversationScrollButton } from "./Conversation.js";
 import { Message, MessageAction, MessageActions, MessageAttachment, MessageContent, MessageResponse } from "./Message.js";
 import { PromptInput, PromptInputApproval, PromptInputAttachments, PromptInputBody, PromptInputButton, PromptInputFooter, PromptInputPermissionSelector, PromptInputSubmit, PromptInputTextarea, PromptInputTools, getApprovalRequestId, getPendingToolApprovals, usePromptInputAttachments } from "./PromptInput.js";
 import { Reasoning, ReasoningContent, ReasoningTrigger } from "./Reasoning.js";
-import { Suggestion, Suggestions } from "./Suggestion.js";
-import { Tool, ToolContent, ToolHeader, ToolInput, ToolOutput } from "./Tool.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { isFileUIPart, isReasoningUIPart, isTextUIPart, isToolOrDynamicToolUIPart } from "ai";
+import { getToolName, isFileUIPart, isReasoningUIPart, isTextUIPart, isToolOrDynamicToolUIPart } from "ai";
 //#region src/components/AgentChat.tsx
 function AgentChatAttachButton() {
 	const attachments = usePromptInputAttachments();
@@ -30,6 +29,46 @@ function getPartKey(part, partIndex) {
 	if ("id" in part && typeof part.id === "string") return `${part.type}-${part.id}`;
 	return `${part.type}-${partIndex}`;
 }
+function summarizeToolInput(input) {
+	if (!input || typeof input !== "object") return null;
+	for (const value of Object.values(input)) if (typeof value === "string" && value.trim()) {
+		const line = value.trim().split("\n", 1)[0] ?? "";
+		return line.length > 64 ? `${line.slice(0, 64)}…` : line;
+	}
+	return null;
+}
+function isToolPartWorking(part) {
+	return part.state === "input-streaming" || part.state === "input-available" || part.state === "approval-requested";
+}
+function isToolPartFailed(part) {
+	return part.state === "output-error" || part.state === "output-denied";
+}
+function describeToolPart(part) {
+	const name = getToolName(part);
+	const verb = isToolPartFailed(part) ? `${name} failed` : isToolPartWorking(part) ? `Running ${name}` : `Ran ${name}`;
+	const detail = summarizeToolInput(part.input);
+	return detail ? `${verb} · ${detail}` : verb;
+}
+function formatToolValue(value) {
+	if (value === void 0) return void 0;
+	return typeof value === "string" ? value : JSON.stringify(value, null, 2);
+}
+function renderToolActivity(part) {
+	const failed = isToolPartFailed(part);
+	const output = part.state === "output-error" ? part.errorText : part.state === "output-denied" ? part.approval.reason ?? "Denied" : formatToolValue("output" in part ? part.output : void 0);
+	return /* @__PURE__ */ jsxs(Activity, {
+		isStreaming: isToolPartWorking(part),
+		children: [/* @__PURE__ */ jsx(ActivityTrigger, { label: describeToolPart(part) }), /* @__PURE__ */ jsxs(ActivityContent, { children: [/* @__PURE__ */ jsx(ActivityPanel, {
+			label: getToolName(part),
+			text: formatToolValue(part.input)
+		}), output ? /* @__PURE__ */ jsx(ActivityPanel, {
+			label: "output",
+			text: output,
+			status: part.state === "output-denied" ? "denied" : failed ? "error" : void 0,
+			error: failed
+		}) : null] })]
+	});
+}
 function renderDefaultPart(part) {
 	if (isTextUIPart(part) && part.text) return /* @__PURE__ */ jsx(MessageResponse, { children: part.text });
 	if (isFileUIPart(part)) return /* @__PURE__ */ jsx(MessageAttachment, { part });
@@ -37,10 +76,7 @@ function renderDefaultPart(part) {
 		isStreaming: part.state === "streaming",
 		children: [/* @__PURE__ */ jsx(ReasoningTrigger, {}), /* @__PURE__ */ jsx(ReasoningContent, { children: part.text })]
 	});
-	if (isToolOrDynamicToolUIPart(part)) return /* @__PURE__ */ jsxs(Tool, {
-		part,
-		children: [/* @__PURE__ */ jsx(ToolHeader, {}), /* @__PURE__ */ jsxs(ToolContent, { children: [/* @__PURE__ */ jsx(ToolInput, {}), /* @__PURE__ */ jsx(ToolOutput, {})] })]
-	});
+	if (isToolOrDynamicToolUIPart(part)) return renderToolActivity(part);
 	return null;
 }
 /**
@@ -52,7 +88,7 @@ function renderDefaultPart(part) {
 * transport. Use it directly with plain AI SDK `useChat` or a read-only
 * transcript; if you have a Cloudflare Think agent, use `ThinkChat` instead.
 */
-function AgentChat({ className, messages, status = "ready", onSubmit, onStop, placeholder = "Ask anything...", disabled, emptyState, composerTools, suggestions, notice, onRegenerate, onApprovalResponse, executionApprovals, contextWindow, renderPart, renderMessageAfter, ref }) {
+function AgentChat({ className, messages, status = "ready", onSubmit, onStop, placeholder = "Ask anything...", disabled, emptyState, composerTools, notice, onRegenerate, onApprovalResponse, executionApprovals, contextWindow, renderPart, renderMessageAfter, ref }) {
 	const handleSubmit = React.useCallback((message) => {
 		onSubmit?.(message);
 	}, [onSubmit]);
@@ -86,6 +122,15 @@ function AgentChat({ className, messages, status = "ready", onSubmit, onStop, pl
 	const pendingApproval = permissionMode === "bypass" ? void 0 : pendingApprovals[0];
 	const contextUsage = contextWindow ? getContextUsage(messages) : void 0;
 	const lastAssistantIndex = onRegenerate && status !== "streaming" && status !== "submitted" ? messages.findLastIndex((message) => message.role === "assistant") : -1;
+	const composerRef = (el) => {
+		if (!el || typeof ResizeObserver === "undefined") return;
+		const root = el.parentElement;
+		const observer = new ResizeObserver(() => {
+			root?.style.setProperty("--agent-chat-composer-size", `${el.offsetHeight}px`);
+		});
+		observer.observe(el);
+		return () => observer.disconnect();
+	};
 	return /* @__PURE__ */ jsxs("div", {
 		ref,
 		className: cx("agent-chat", className),
@@ -124,65 +169,52 @@ function AgentChat({ className, messages, status = "ready", onSubmit, onStop, pl
 				]
 			}, message.id ?? messageIndex))] }), /* @__PURE__ */ jsx(ConversationScrollButton, {})]
 		}), /* @__PURE__ */ jsxs("div", {
+			ref: composerRef,
 			className: "agent-chat__composer",
-			children: [
-				notice ? /* @__PURE__ */ jsx("div", {
-					className: "agent-chat__notice",
-					children: notice
-				}) : null,
-				suggestions?.length && !pendingApproval ? /* @__PURE__ */ jsx(Suggestions, {
-					className: "agent-chat__suggestions",
-					children: suggestions.map((suggestion) => /* @__PURE__ */ jsx(Suggestion, {
-						suggestion,
-						disabled,
-						onClick: (text) => handleSubmit({
-							text,
-							files: []
-						})
-					}, suggestion))
-				}) : null,
-				/* @__PURE__ */ jsx(PromptInput, {
-					multiple: true,
-					onSubmit: handleSubmit,
-					children: pendingApproval ? /* @__PURE__ */ jsx(PromptInputApproval, {
-						part: pendingApproval.part,
-						count: pendingApprovals.length,
-						onRespond: onApprovalResponse,
-						executionApprovals,
-						onSkip: () => {
-							const id = getApprovalRequestId(pendingApproval.part);
-							if (id) setSkippedApprovalIds((previous) => [...previous, id]);
-						}
-					}) : /* @__PURE__ */ jsxs(Fragment, { children: [
-						/* @__PURE__ */ jsx(PromptInputAttachments, {}),
-						/* @__PURE__ */ jsx(PromptInputBody, { children: /* @__PURE__ */ jsx(PromptInputTextarea, {
-							"aria-label": "Message",
-							placeholder,
-							disabled
-						}) }),
-						/* @__PURE__ */ jsxs(PromptInputFooter, { children: [/* @__PURE__ */ jsxs(PromptInputTools, { children: [
-							/* @__PURE__ */ jsx(AgentChatAttachButton, {}),
-							approvalsWired ? /* @__PURE__ */ jsx(PromptInputPermissionSelector, {
-								value: permissionMode,
-								onValueChange: setPermissionMode
-							}) : null,
-							composerTools
-						] }), /* @__PURE__ */ jsxs("div", {
-							className: "prompt-input__footer-end",
-							children: [contextWindow ? /* @__PURE__ */ jsxs(Context, {
-								usedTokens: getContextUsedTokens(contextUsage),
-								maxTokens: contextWindow.maxTokens,
-								usage: contextUsage,
-								modelId: contextWindow.modelId,
-								children: [/* @__PURE__ */ jsx(ContextTrigger, {}), /* @__PURE__ */ jsxs(ContextContent, { children: [/* @__PURE__ */ jsx(ContextContentHeader, {}), /* @__PURE__ */ jsx(ContextContentBody, {})] })]
-							}) : null, /* @__PURE__ */ jsx(PromptInputSubmit, {
-								status,
-								onStop
-							})]
-						})] })
-					] })
-				})
-			]
+			children: [notice ? /* @__PURE__ */ jsx("div", {
+				className: "agent-chat__notice",
+				children: notice
+			}) : null, /* @__PURE__ */ jsx(PromptInput, {
+				multiple: true,
+				onSubmit: handleSubmit,
+				children: pendingApproval ? /* @__PURE__ */ jsx(PromptInputApproval, {
+					part: pendingApproval.part,
+					count: pendingApprovals.length,
+					onRespond: onApprovalResponse,
+					executionApprovals,
+					onSkip: () => {
+						const id = getApprovalRequestId(pendingApproval.part);
+						if (id) setSkippedApprovalIds((previous) => [...previous, id]);
+					}
+				}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+					/* @__PURE__ */ jsx(PromptInputAttachments, {}),
+					/* @__PURE__ */ jsx(PromptInputBody, { children: /* @__PURE__ */ jsx(PromptInputTextarea, {
+						"aria-label": "Message",
+						placeholder,
+						disabled
+					}) }),
+					/* @__PURE__ */ jsxs(PromptInputFooter, { children: [/* @__PURE__ */ jsxs(PromptInputTools, { children: [
+						/* @__PURE__ */ jsx(AgentChatAttachButton, {}),
+						approvalsWired ? /* @__PURE__ */ jsx(PromptInputPermissionSelector, {
+							value: permissionMode,
+							onValueChange: setPermissionMode
+						}) : null,
+						composerTools
+					] }), /* @__PURE__ */ jsxs("div", {
+						className: "prompt-input__footer-end",
+						children: [contextWindow ? /* @__PURE__ */ jsxs(Context, {
+							usedTokens: getContextUsedTokens(contextUsage),
+							maxTokens: contextWindow.maxTokens,
+							usage: contextUsage,
+							modelId: contextWindow.modelId,
+							children: [/* @__PURE__ */ jsx(ContextTrigger, {}), /* @__PURE__ */ jsxs(ContextContent, { children: [/* @__PURE__ */ jsx(ContextContentHeader, {}), /* @__PURE__ */ jsx(ContextContentBody, {})] })]
+						}) : null, /* @__PURE__ */ jsx(PromptInputSubmit, {
+							status,
+							onStop
+						})]
+					})] })
+				] })
+			})]
 		})]
 	});
 }

package/dist/components/AgentConnection.js

@@ -1,8 +1,8 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { b as LinkIcon } from "../icons-DQC4Zw5R.js";
+import { y as LinkIcon } from "../icons-CZRH4FVH.js";
 import { Popover } from "./Popover.js";
 import { Button } from "./Button.js";
-import { a as CodeBlockCopyButton, i as CodeBlockContent, n as CodeBlockActions, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock } from "../CodeBlock-C2Xjxu9M.js";
+import { a as CodeBlockCopyButton, i as CodeBlockContent, n as CodeBlockActions, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock } from "../CodeBlock-D-a84xBL.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/AgentConnection.tsx

package/dist/components/Artifact.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { F as XIcon } from "../icons-DQC4Zw5R.js";
+import { P as XIcon } from "../icons-CZRH4FVH.js";
 import { Button } from "./Button.js";
 import { Tooltip, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipTrigger } from "./Tooltip.js";
 import "react";

package/dist/components/BrowserLiveView.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { A as SpinnerIcon, x as MaximizeIcon } from "../icons-DQC4Zw5R.js";
+import { b as MaximizeIcon, k as SpinnerIcon } from "../icons-CZRH4FVH.js";
 import { Button } from "./Button.js";
 import { Dialog, DialogContent, DialogTitle } from "./Dialog.js";
 import { Badge } from "./Badge.js";

package/dist/components/BrowserReplay.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { E as PlayIcon, w as PauseIcon } from "../icons-DQC4Zw5R.js";
+import { C as PauseIcon, T as PlayIcon } from "../icons-CZRH4FVH.js";
 import { Button } from "./Button.js";
 import { Slider, SliderControl, SliderIndicator, SliderThumb, SliderTrack } from "./Slider.js";
 import * as React from "react";

package/dist/components/ChainOfThought.d.ts

@@ -1,5 +1,5 @@
 import { CollapsiblePanelProps, CollapsibleRootProps, CollapsibleTriggerProps } from "./Collapsible.js";
-import { v as IconProps } from "../icons-ctdVxng0.js";
+import { _ as IconProps } from "../icons-CmO7-pNY.js";
 import * as React from "react";
 
 //#region src/components/ChainOfThought.d.ts

package/dist/components/ChainOfThought.js

@@ -1,6 +1,6 @@
 import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./Collapsible.js";
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { A as SpinnerIcon, d as DotIcon, l as ChevronRightIcon, o as CheckIcon } from "../icons-DQC4Zw5R.js";
+import { a as CheckIcon, c as ChevronRightIcon, k as SpinnerIcon, u as DotIcon } from "../icons-CZRH4FVH.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ChainOfThought.tsx

package/dist/components/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-C2Xjxu9M.js";
+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-D-a84xBL.js";
 export { CODE_BLOCK_LANGUAGES, CodeBlock, CodeBlockActions, CodeBlockContainer, CodeBlockContent, CodeBlockCopyButton, CodeBlockFilename, CodeBlockHeader, CodeBlockLanguageSelector, CodeBlockLanguageSelectorContent, CodeBlockLanguageSelectorItem, CodeBlockLanguageSelectorTrigger, CodeBlockLanguageSelectorValue, CodeBlockTitle, highlightCode };

package/dist/components/Commit.js

@@ -1,10 +1,10 @@
 import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./Collapsible.js";
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { h as FileIcon, l as ChevronRightIcon, o as CheckIcon, u as CopyIcon } from "../icons-DQC4Zw5R.js";
+import { a as CheckIcon, c as ChevronRightIcon, l as CopyIcon, m as FileIcon } from "../icons-CZRH4FVH.js";
 import { Button } from "./Button.js";
 import { Tooltip, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipTrigger } from "./Tooltip.js";
-import { Badge } from "./Badge.js";
 import { Avatar } from "./Avatar.js";
+import { Badge } from "./Badge.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Commit.tsx

package/dist/components/ContextMenu.js

@@ -1,4 +1,4 @@
-import { d as DotIcon, l as ChevronRightIcon, o as CheckIcon } from "../icons-DQC4Zw5R.js";
+import { a as CheckIcon, c as ChevronRightIcon, u as DotIcon } from "../icons-CZRH4FVH.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";

package/dist/components/Conversation.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { f as DownloadIcon, t as ArrowDownIcon } from "../icons-DQC4Zw5R.js";
+import { d as DownloadIcon, t as ArrowDownIcon } from "../icons-CZRH4FVH.js";
 import { Button } from "./Button.js";
 import { useStickToBottom } from "./useStickToBottom.js";
 import * as React from "react";

package/dist/components/Dialog.js

@@ -1,4 +1,4 @@
-import { F as XIcon } from "../icons-DQC4Zw5R.js";
+import { P as XIcon } from "../icons-CZRH4FVH.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Dialog as Dialog$1 } from "@base-ui/react/dialog";

package/dist/components/EnvironmentVariables.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { m as EyeOffIcon, o as CheckIcon, p as EyeIcon, u as CopyIcon } from "../icons-DQC4Zw5R.js";
+import { a as CheckIcon, f as EyeIcon, l as CopyIcon, p as EyeOffIcon } from "../icons-CZRH4FVH.js";
 import { Button } from "./Button.js";
 import { Tooltip, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipTrigger } from "./Tooltip.js";
 import { Badge } from "./Badge.js";

package/dist/components/FileTree.js

@@ -1,2 +1,2 @@
-import { a as FileTreeIcon, i as FileTreeFolder, n as FileTreeActions, o as FileTreeName, r as FileTreeFile, t as FileTree } from "../FileTree-D0c9Yj9U.js";
+import { a as FileTreeIcon, i as FileTreeFolder, n as FileTreeActions, o as FileTreeName, r as FileTreeFile, t as FileTree } from "../FileTree-D8rtTLgK.js";
 export { FileTree, FileTreeActions, FileTreeFile, FileTreeFolder, FileTreeIcon, FileTreeName };

package/dist/components/Menubar.js

@@ -1,4 +1,4 @@
-import { d as DotIcon, l as ChevronRightIcon, o as CheckIcon } from "../icons-DQC4Zw5R.js";
+import { a as CheckIcon, c as ChevronRightIcon, u as DotIcon } from "../icons-CZRH4FVH.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react/menu";

package/dist/components/Message.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { h as FileIcon, n as ArrowLeftIcon, r as ArrowRightIcon } from "../icons-DQC4Zw5R.js";
+import { m as FileIcon, n as ArrowLeftIcon, r as ArrowRightIcon } from "../icons-CZRH4FVH.js";
 import { Button } from "./Button.js";
 import { Tooltip, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipTrigger } from "./Tooltip.js";
 import { t as AttachmentPreview } from "../attachment-preview-ChtC3HiU.js";
@@ -116,7 +116,7 @@ function MessageActions({ className, children, ref, ...props }) {
 * A single icon button inside {@link MessageActions}. Always has an accessible
 * name; shows a tooltip on hover/focus when {@link tooltip} is set.
 */
-function MessageAction({ className, label, tooltip, variant = "ghost", color = "neutral", size = "sm", children, ref, ...props }) {
+function MessageAction({ className, label, tooltip, variant = "ghost", color = "neutral", size = "icon-xs", children, ref, ...props }) {
 	const button = /* @__PURE__ */ jsx(Button, {
 		ref,
 		type: "button",
@@ -224,7 +224,7 @@ function MessageBranchSelector({ className, children, ref, ...props }) {
 	});
 }
 /** Button that selects the previous branch. Disabled at the first branch. */
-function MessageBranchPrevious({ className, label = "Previous response", variant = "ghost", color = "neutral", size = "sm", children, onClick, ref, ...props }) {
+function MessageBranchPrevious({ className, label = "Previous response", variant = "ghost", color = "neutral", size = "icon-xs", children, onClick, ref, ...props }) {
 	const { branchIndex, branchCount, setBranchIndex } = useMessageBranch("MessageBranchPrevious");
 	return /* @__PURE__ */ jsx(Button, {
 		ref,
@@ -244,7 +244,7 @@ function MessageBranchPrevious({ className, label = "Previous response", variant
 	});
 }
 /** Button that selects the next branch. Disabled at the last branch. */
-function MessageBranchNext({ className, label = "Next response", variant = "ghost", color = "neutral", size = "sm", children, onClick, ref, ...props }) {
+function MessageBranchNext({ className, label = "Next response", variant = "ghost", color = "neutral", size = "icon-xs", children, onClick, ref, ...props }) {
 	const { branchIndex, branchCount, setBranchIndex } = useMessageBranch("MessageBranchNext");
 	return /* @__PURE__ */ jsx(Button, {
 		ref,

package/dist/components/ModelSelector.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { k as SearchIcon, s as ChevronDownIcon } from "../icons-DQC4Zw5R.js";
+import { O as SearchIcon, o as ChevronDownIcon } from "../icons-CZRH4FVH.js";
 import { Button } from "./Button.js";
 import { Dialog, DialogBackdrop, DialogPopup, DialogPortal, DialogTitle, DialogTrigger } from "./Dialog.js";
 import * as React from "react";

package/dist/components/NavigationMenu.js

@@ -1,4 +1,4 @@
-import { s as ChevronDownIcon } from "../icons-DQC4Zw5R.js";
+import { o as ChevronDownIcon } from "../icons-CZRH4FVH.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { NavigationMenu as NavigationMenu$1 } from "@base-ui/react/navigation-menu";

package/dist/components/PricingPage.js

@@ -2,8 +2,8 @@ import { Accordion, AccordionItem, AccordionPanel, AccordionTrigger } from "./Ac
 import { Separator } from "./Separator.js";
 import { Button } from "./Button.js";
 import { Tooltip, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipTrigger } from "./Tooltip.js";
-import { Badge } from "./Badge.js";
 import { AlertDialog, AlertDialogBackdrop, AlertDialogClose, AlertDialogDescription, AlertDialogPopup, AlertDialogPortal, AlertDialogTitle } from "./AlertDialog.js";
+import { Badge } from "./Badge.js";
 import { Slider, SliderControl, SliderIndicator, SliderThumb, SliderTrack } from "./Slider.js";
 import { Card } from "./Card.js";
 import { Checkbox } from "./Checkbox.js";

package/dist/components/PromptInput.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { A as SpinnerIcon, C as MonitorIcon, D as PlusIcon, F as XIcon, N as WarningIcon, T as PencilIcon, h as FileIcon, i as ArrowUpIcon, j as SquareIcon, s as ChevronDownIcon, v as ImageIcon } from "../icons-DQC4Zw5R.js";
+import { A as SquareIcon, E as PlusIcon, M as WarningIcon, P as XIcon, S as MonitorIcon, _ as ImageIcon, i as ArrowUpIcon, k as SpinnerIcon, m as FileIcon, o as ChevronDownIcon, w as PencilIcon } from "../icons-CZRH4FVH.js";
 import { Button } from "./Button.js";
 import { Tooltip, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipTrigger } from "./Tooltip.js";
 import { t as AttachmentPreview } from "../attachment-preview-ChtC3HiU.js";
@@ -417,7 +417,7 @@ function PromptInputTools({ className, children, ref, ...props }) {
 		children
 	});
 }
-const MIN_TEXTAREA_HEIGHT_PX = 48;
+const MIN_TEXTAREA_HEIGHT_PX = 24;
 const MAX_TEXTAREA_HEIGHT_PX = 240;
 function PromptInputTextarea({ className, placeholder = "How can I help?", rows = 1, minHeight = MIN_TEXTAREA_HEIGHT_PX, maxHeight = MAX_TEXTAREA_HEIGHT_PX, onChange, onCompositionEnd, onCompositionStart, onKeyDown, onInput, onPaste, ref, ...props }) {
 	const { submit } = usePromptInputContext("PromptInputTextarea");
@@ -500,7 +500,7 @@ function PromptInputTextarea({ className, placeholder = "How can I help?", rows
 	});
 }
 function PromptInputButton({ className, tooltip, variant = "ghost", color = "neutral", size, children, "aria-label": ariaLabel, ref, ...props }) {
-	const resolvedSize = size ?? (React.Children.count(children) > 1 ? "sm" : "icon");
+	const resolvedSize = size ?? (React.Children.count(children) > 1 ? "xs" : "icon-xs");
 	const tooltipConfig = typeof tooltip === "string" ? { content: tooltip } : tooltip;
 	const fallbackLabel = ariaLabel ?? (typeof tooltipConfig?.content === "string" ? tooltipConfig.content : void 0);
 	const button = /* @__PURE__ */ jsx(Button, {
@@ -595,7 +595,7 @@ const PERMISSION_MODES = [{
 */
 function PromptInputPermissionSelector({ value, onValueChange, question = "How should agent actions be approved?" }) {
 	return /* @__PURE__ */ jsxs(MenuRoot, { children: [/* @__PURE__ */ jsx(MenuTrigger, { render: /* @__PURE__ */ jsxs(PromptInputButton, {
-		size: "sm",
+		size: "xs",
 		className: "prompt-input__permissions-trigger",
 		"data-mode": value,
 		"aria-label": (PERMISSION_MODES.find((mode) => mode.value === value) ?? PERMISSION_MODES[0]).label,
@@ -633,7 +633,7 @@ function PromptInputPermissionSelector({ value, onValueChange, question = "How s
 		})]
 	}) }) })] });
 }
-function PromptInputSubmit({ className, status = "ready", onStop, variant = "normal", color = "primary", size = "icon", onClick, children, label, ref, ...props }) {
+function PromptInputSubmit({ className, status = "ready", onStop, variant = "normal", color = "primary", size = "icon-sm", onClick, children, label, ref, ...props }) {
 	const isStopping = status === "submitted" || status === "streaming";
 	const resolvedLabel = label ?? defaultSubmitLabel(status);
 	return /* @__PURE__ */ jsx(Button, {
@@ -835,7 +835,7 @@ function PromptInputApproval({ part, onRespond, executionApprovals, onSkip, ques
 						}),
 						onSkip ? /* @__PURE__ */ jsx(Button, {
 							type: "button",
-							size: "sm",
+							size: "xs",
 							variant: "ghost",
 							color: "neutral",
 							className: "prompt-input__approval-skip",
@@ -845,7 +845,7 @@ function PromptInputApproval({ part, onRespond, executionApprovals, onSkip, ques
 						}) : null,
 						/* @__PURE__ */ jsxs(Button, {
 							type: "button",
-							size: "sm",
+							size: "xs",
 							color: "primary",
 							className: "prompt-input__approval-submit",
 							disabled: busy,

package/dist/components/Queue.js

@@ -1,6 +1,6 @@
 import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./Collapsible.js";
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { d as DotIcon, h as FileIcon, l as ChevronRightIcon, o as CheckIcon } from "../icons-DQC4Zw5R.js";
+import { a as CheckIcon, c as ChevronRightIcon, m as FileIcon, u as DotIcon } from "../icons-CZRH4FVH.js";
 import { Button } from "./Button.js";
 import { Badge } from "./Badge.js";
 import { ScrollArea } from "./ScrollArea.js";

package/dist/components/Reasoning.js

@@ -1,6 +1,6 @@
 import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./Collapsible.js";
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { a as BrainIcon, l as ChevronRightIcon } from "../icons-DQC4Zw5R.js";
+import { c as ChevronRightIcon } from "../icons-CZRH4FVH.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cjk } from "@streamdown/cjk";
@@ -140,22 +140,14 @@ function ReasoningTrigger({ className, children, getThinkingMessage = defaultGet
 		"data-streaming": isStreaming ? "" : void 0,
 		...props,
 		unstyled: true,
-		children: [
-			/* @__PURE__ */ jsx("span", {
-				className: "reasoning__trigger-leading-icon",
-				"aria-hidden": "true",
-				children: /* @__PURE__ */ jsx(BrainIcon, {})
-			}),
-			/* @__PURE__ */ jsx("span", {
-				className: "reasoning__trigger-label",
-				children: getThinkingMessage(isStreaming, duration)
-			}),
-			/* @__PURE__ */ jsx("span", {
-				className: "reasoning__trigger-icon",
-				"aria-hidden": "true",
-				children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
-			})
-		]
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "reasoning__trigger-label",
+			children: getThinkingMessage(isStreaming, duration)
+		}), /* @__PURE__ */ jsx("span", {
+			className: "reasoning__trigger-icon",
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
+		})]
 	});
 }
 const streamdownPlugins = {

package/dist/components/Select.js

@@ -1,4 +1,4 @@
-import { i as ArrowUpIcon, o as CheckIcon, t as ArrowDownIcon } from "../icons-DQC4Zw5R.js";
+import { a as CheckIcon, i as ArrowUpIcon, t as ArrowDownIcon } from "../icons-CZRH4FVH.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Select as Select$1 } from "@base-ui/react/select";

package/dist/components/Sources.js

@@ -1,6 +1,6 @@
 import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./Collapsible.js";
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { b as LinkIcon, l as ChevronRightIcon } from "../icons-DQC4Zw5R.js";
+import { c as ChevronRightIcon, y as LinkIcon } from "../icons-CZRH4FVH.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Sources.tsx

package/dist/components/Stepper.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { A as SpinnerIcon, o as CheckIcon } from "../icons-DQC4Zw5R.js";
+import { a as CheckIcon, k as SpinnerIcon } from "../icons-CZRH4FVH.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Stepper.tsx

package/dist/components/Task.js

@@ -1,6 +1,6 @@
 import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./Collapsible.js";
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { h as FileIcon, k as SearchIcon, l as ChevronRightIcon } from "../icons-DQC4Zw5R.js";
+import { O as SearchIcon, c as ChevronRightIcon, m as FileIcon } from "../icons-CZRH4FVH.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Task.tsx

package/dist/components/Terminal.js

@@ -1,9 +1,9 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { F as XIcon, M as TerminalIcon } from "../icons-DQC4Zw5R.js";
+import { P as XIcon, j as TerminalIcon } from "../icons-CZRH4FVH.js";
 import { Button } from "./Button.js";
 import { Tooltip, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipTrigger } from "./Tooltip.js";
+import { t as CopyButton } from "../copy-button-BmJEAKuP.js";
 import { Badge } from "./Badge.js";
-import { t as CopyButton } from "../copy-button-Dd6DEhOm.js";
 import { ScrollArea } from "./ScrollArea.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/TestResults.js

@@ -1,6 +1,6 @@
 import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./Collapsible.js";
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { A as SpinnerIcon, F as XIcon, l as ChevronRightIcon, o as CheckIcon } from "../icons-DQC4Zw5R.js";
+import { P as XIcon, a as CheckIcon, c as ChevronRightIcon, k as SpinnerIcon } from "../icons-CZRH4FVH.js";
 import { Badge } from "./Badge.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";