@mcp-b/react-components 0.20.5 → 0.22.0

package/dist/components/AgentChat.js

@@ -1,16 +1,19 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { H as QueueIcon, I as MoveToFrontIcon, U as RefreshIcon, V as PlusIcon, Z as TrashIcon, z as PencilIcon } from "../icons-DyOM0EJs.js";
-import { n as MessageAction, r as MessageActions, t as Message } from "../Message-DzuteocT.js";
+import { Button } from "./Button.js";
+import { B as PencilIcon, H as PlusIcon, L as MoveToFrontIcon, Q as TrashIcon, U as QueueIcon, W as RefreshIcon } from "../icons-ua6f_GH3.js";
+import { IconButton } from "./IconButton.js";
+import { n as MessageAction, r as MessageActions, t as Message } from "../Message-_-bEYLAO.js";
 import { AgentMessageParts } from "./AgentMessageParts.js";
 import { Context, ContextContent, ContextContentBody, ContextContentHeader, ContextTrigger, getContextUsage, getContextUsedTokens } from "./Context.js";
+import { EmptyState } from "./EmptyState.js";
 import { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport } from "./MessageScroller.js";
-import { ConversationEmptyState } from "./Conversation.js";
+import { Menu } from "./Menu.js";
+import { PromptInput, PromptInputActionAddAttachments, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuTrigger, PromptInputApproval, PromptInputAttachments, PromptInputBody, PromptInputButton, PromptInputCommandComposer, PromptInputContextSelector, PromptInputDictation, PromptInputFooter, PromptInputHeader, PromptInputPermissionSelector, PromptInputReferences, PromptInputSubmit, PromptInputTextarea, PromptInputTools, PromptInputTray, getApprovalRequestId, getApprovalStateKey, getPendingToolApprovals, usePromptInputAttachments } from "./PromptInput.js";
+import { AgentChatStartScreen } from "./AgentChatStartScreen.js";
 import { AgentChatMessageEditor } from "./AgentChatMessageEditor.js";
 import { Marker, MarkerContent } from "./Marker.js";
-import { Menu } from "./Menu.js";
 import { TransitionSurface } from "./TransitionSurface.js";
-import { PromptInput, PromptInputActionAddAttachments, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuTrigger, PromptInputApproval, PromptInputAttachments, PromptInputBody, PromptInputButton, PromptInputCommandComposer, PromptInputContextSelector, PromptInputDictation, PromptInputFooter, PromptInputHeader, PromptInputPermissionSelector, PromptInputReferences, PromptInputSubmit, PromptInputTextarea, PromptInputTools, getApprovalRequestId, getApprovalStateKey, getPendingToolApprovals, usePromptInputAttachments } from "./PromptInput.js";
-import { t as CopyButton } from "../copy-button-vo1paUSi.js";
+import { t as CopyButton } from "../copy-button-TWq8nZhc.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { isCompactionMessage } from "agents/experimental/memory/utils";
@@ -27,11 +30,23 @@ import { isReasoningUIPart, isTextUIPart } from "ai";
 function observeAgentChatComposer(element) {
 	if (!element || typeof ResizeObserver === "undefined") return;
 	const root = element.parentElement;
+	let written;
+	let frame = 0;
 	const observer = new ResizeObserver(() => {
-		root?.style.setProperty("--agent-chat-composer-size", `${element.offsetHeight}px`);
+		if (frame) return;
+		frame = requestAnimationFrame(() => {
+			frame = 0;
+			const size = `${element.offsetHeight}px`;
+			if (size === written) return;
+			written = size;
+			root?.style.setProperty("--agent-chat-composer-size", size);
+		});
 	});
 	observer.observe(element);
-	return () => observer.disconnect();
+	return () => {
+		cancelAnimationFrame(frame);
+		observer.disconnect();
+	};
 }
 const EMPTY_PENDING_APPROVALS = [];
 const EMPTY_SKIPPED_APPROVAL_IDS = [];
@@ -108,7 +123,7 @@ function getEditableUserText(message) {
 * transport. Product code that talks to a Cloudflare Think agent should render
 * `ThinkChat`; use this directly only for plain AI SDK or read-only messages.
 */
-function AgentChat({ className, messages, status = "ready", onSubmit, showComposer = onSubmit !== void 0, onStop, placeholder = "Ask anything...", disabled, emptyState, composerHeader, composerTools, slashCommands, mentionCommands, contextSelector, composerEndTools, voiceInput, beforeVoiceStart, composerAddMenuItems, notice, onRegenerate, onEditAndResend, onApprovalResponse, thinkStub, approvalsEnabled = true, permissionModeControl, onExecutionSettled, pendingApprovals: durableApprovals = EMPTY_PENDING_APPROVALS, contextWindow, renderPart, renderMessageAfter, ref }) {
+function AgentChat({ className, messages, status = "ready", onSubmit, showComposer = onSubmit !== void 0, onStop, placeholder = "Ask anything...", disabled, emptyState, startScreen, composerHeader, composerTools, slashCommands, mentionCommands, contextSelector, composerEndTools, voiceInput, beforeVoiceStart, composerAddMenuItems, notice, onRegenerate, onEditAndResend, onApprovalResponse, thinkStub, approvalsEnabled = true, permissionModeControl, onExecutionSettled, pendingApprovals: durableApprovals = EMPTY_PENDING_APPROVALS, contextWindow, renderPart, renderMessageAfter, showAssistantActions, isMessageScrollAnchor, ref }) {
 	const [copyAnnouncement, setCopyAnnouncement] = React.useState("");
 	const [composerDraft, setComposerDraft] = React.useState("");
 	const [composerReferences, setComposerReferences] = React.useState([]);
@@ -286,6 +301,137 @@ function AgentChat({ className, messages, status = "ready", onSubmit, showCompos
 		editButtonRef.current?.focus();
 		restoreEditFocus.current = false;
 	}, [editingMessageId]);
+	const composer = showComposer ? /* @__PURE__ */ jsxs("div", {
+		ref: observeAgentChatComposer,
+		className: "agent-chat__composer",
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "agent-chat__notice",
+				role: "status",
+				"aria-atomic": "true",
+				children: notice
+			}),
+			pendingPrompts.length ? /* @__PURE__ */ jsx(PromptInputTray, {
+				side: "top",
+				className: "agent-chat__queued",
+				role: "region",
+				"aria-label": "Queued messages",
+				children: /* @__PURE__ */ jsx("ul", {
+					className: "agent-chat__queued-list",
+					children: pendingPrompts.map((pending) => {
+						const messageText = pending.message.text || "Queued message";
+						return /* @__PURE__ */ jsxs("li", {
+							className: "agent-chat__queued-message",
+							children: [
+								/* @__PURE__ */ jsx("span", {
+									className: "agent-chat__queued-indicator",
+									"aria-hidden": "true",
+									children: /* @__PURE__ */ jsx(QueueIcon, {})
+								}),
+								/* @__PURE__ */ jsx("span", {
+									className: "agent-chat__queued-text sigvelo-truncate sigvelo-truncate-grow",
+									children: messageText
+								}),
+								/* @__PURE__ */ jsxs(Button, {
+									className: "agent-chat__queued-action",
+									"aria-label": `Move queued message to front: ${messageText}`,
+									color: "neutral",
+									size: "xs",
+									variant: "ghost",
+									onClick: () => setPendingPrompts((current) => [pending, ...current.filter((item) => item !== pending)]),
+									children: [/* @__PURE__ */ jsx(MoveToFrontIcon, {}), "Move to front"]
+								}),
+								/* @__PURE__ */ jsx(IconButton, {
+									className: "agent-chat__queued-action agent-chat__queued-remove",
+									color: "neutral",
+									label: `Remove queued message: ${messageText}`,
+									size: "xs",
+									variant: "ghost",
+									onClick: () => setPendingPrompts((current) => current.filter((item) => item !== pending)),
+									children: /* @__PURE__ */ jsx(TrashIcon, {})
+								})
+							]
+						}, pending.id);
+					})
+				})
+			}) : null,
+			/* @__PURE__ */ jsx(PromptInput, {
+				multiple: true,
+				onSubmit: handleSubmit,
+				children: pendingApproval ? /* @__PURE__ */ jsx(PromptInputApproval, {
+					part: "part" in pendingApproval ? pendingApproval.part : void 0,
+					approval: "approval" in pendingApproval ? pendingApproval.approval : void 0,
+					count: pendingApprovalItems.length,
+					onRespond: onApprovalResponse,
+					thinkStub,
+					onExecutionSettled,
+					onSkip: () => {
+						const id = "part" in pendingApproval ? getApprovalStateKey(pendingApproval.part) : pendingApproval.approval.executionId;
+						if (id) updateApprovalSession((current) => ({
+							...current,
+							skippedApprovalIds: [...current.skippedApprovalIds, id]
+						}));
+					}
+				}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+					composerHeader ? /* @__PURE__ */ jsx(PromptInputHeader, { children: composerHeader }) : null,
+					/* @__PURE__ */ jsx(PromptInputAttachments, {}),
+					/* @__PURE__ */ jsxs(PromptInputBody, { children: [/* @__PURE__ */ jsx(PromptInputReferences, {
+						references: composerReferences,
+						onRemove: removeComposerReference
+					}), slashCommands || mentionCommands ? /* @__PURE__ */ jsx(PromptInputCommandComposer, {
+						"aria-label": "Message",
+						placeholder: composerReferences.length ? "" : placeholder,
+						disabled,
+						commands: slashCommands?.items ?? [],
+						mentionCommands: mentionCommands?.items,
+						value: composerDraft,
+						onValueChange: setComposerDraft,
+						onCommandSelect: selectComposerCommand
+					}) : /* @__PURE__ */ jsx(PromptInputTextarea, {
+						"aria-label": "Message",
+						placeholder,
+						disabled,
+						value: composerDraft,
+						onChange: (event) => setComposerDraft(event.currentTarget.value)
+					})] }),
+					/* @__PURE__ */ jsxs(PromptInputFooter, { children: [/* @__PURE__ */ jsxs(PromptInputTools, { children: [
+						/* @__PURE__ */ jsx(AgentChatAddMenu, { children: composerAddMenuItems }),
+						contextSelector ? /* @__PURE__ */ jsx(PromptInputContextSelector, { ...contextSelector }) : null,
+						approvalsWired ? /* @__PURE__ */ jsx(PromptInputPermissionSelector, {
+							value: permissionMode,
+							onValueChange: setPermissionMode
+						}) : null,
+						composerTools
+					] }), /* @__PURE__ */ jsxs("div", {
+						className: "prompt-input__footer-end",
+						children: [
+							composerEndTools,
+							voiceInput ? /* @__PURE__ */ jsx(PromptInputDictation, {
+								voice: voiceInput,
+								beforeStart: beforeVoiceStart,
+								disabled
+							}) : null,
+							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(AgentChatSubmitAction, {
+								status,
+								onStop,
+								disabled,
+								hasDraft: Boolean(composerDraft.trim() || composerReferences.length)
+							})
+						]
+					})] })
+				] })
+			})
+		]
+	}) : null;
+	const showsStartScreen = messages.length === 0 && showComposer && startScreen !== false && (startScreen !== void 0 || emptyState === void 0);
+	const startScreenProps = startScreen && typeof startScreen === "object" ? startScreen : void 0;
 	return /* @__PURE__ */ jsxs(TransitionSurface, {
 		ref,
 		variant: "fade",
@@ -298,7 +444,10 @@ function AgentChat({ className, messages, status = "ready", onSubmit, showCompos
 				"aria-atomic": "true",
 				children: copyAnnouncement
 			}),
-			/* @__PURE__ */ jsx(MessageScrollerProvider, {
+			showsStartScreen ? /* @__PURE__ */ jsx(AgentChatStartScreen, {
+				...startScreenProps,
+				composer
+			}) : /* @__PURE__ */ jsx(MessageScrollerProvider, {
 				autoScroll: true,
 				defaultScrollPosition: "last-anchor",
 				children: /* @__PURE__ */ jsxs(MessageScroller, {
@@ -308,13 +457,16 @@ function AgentChat({ className, messages, status = "ready", onSubmit, showCompos
 						className: "agent-chat__transcript-content",
 						children: [messages.length === 0 ? /* @__PURE__ */ jsx(MessageScrollerItem, {
 							className: "conversation__empty-row",
-							children: emptyState ?? /* @__PURE__ */ jsx(ConversationEmptyState, {
+							children: emptyState ?? /* @__PURE__ */ jsx(EmptyState, {
 								title: "Start a conversation",
 								description: "Ask the agent to inspect, plan, or build."
 							})
 						}) : null, messages.map((message, messageIndex) => /* @__PURE__ */ jsx(MessageScrollerItem, {
 							messageId: message.id,
-							scrollAnchor: message.role === "user",
+							scrollAnchor: isMessageScrollAnchor?.({
+								message,
+								messageIndex
+							}) ?? message.role === "user",
 							children: isCompactionMessage(message) ? /* @__PURE__ */ jsx(Marker, {
 								variant: "separator",
 								children: /* @__PURE__ */ jsx(MarkerContent, { children: getMessageText(message) || "Conversation compacted" })
@@ -355,7 +507,10 @@ function AgentChat({ className, messages, status = "ready", onSubmit, showCompos
 											children: /* @__PURE__ */ jsx(PencilIcon, {})
 										})
 									}) : null,
-									message.role === "assistant" ? /* @__PURE__ */ jsx(AgentChatAssistantActions, {
+									message.role === "assistant" && (showAssistantActions?.({
+										message,
+										messageIndex
+									}) ?? true) ? /* @__PURE__ */ jsx(AgentChatAssistantActions, {
 										message,
 										responseNumber: assistantResponseNumbers[messageIndex],
 										showCopy: messageIndex !== newestAssistantIndex || status !== "streaming" && status !== "submitted",
@@ -373,129 +528,7 @@ function AgentChat({ className, messages, status = "ready", onSubmit, showCompos
 					})]
 				})
 			}),
-			showComposer ? /* @__PURE__ */ jsxs("div", {
-				ref: observeAgentChatComposer,
-				className: "agent-chat__composer",
-				children: [
-					/* @__PURE__ */ jsx("div", {
-						className: "agent-chat__notice",
-						role: "status",
-						"aria-atomic": "true",
-						children: notice
-					}),
-					pendingPrompts.length ? /* @__PURE__ */ jsx("section", {
-						className: "agent-chat__queued",
-						"aria-label": "Queued messages",
-						children: /* @__PURE__ */ jsx("ul", {
-							className: "agent-chat__queued-list",
-							children: pendingPrompts.map((pending) => {
-								const messageText = pending.message.text || "Queued message";
-								return /* @__PURE__ */ jsxs("li", {
-									className: "agent-chat__queued-message",
-									children: [
-										/* @__PURE__ */ jsx("span", {
-											className: "agent-chat__queued-indicator",
-											"aria-hidden": "true",
-											children: /* @__PURE__ */ jsx(QueueIcon, {})
-										}),
-										/* @__PURE__ */ jsx("span", {
-											className: "agent-chat__queued-text sigvelo-truncate sigvelo-truncate-grow",
-											children: messageText
-										}),
-										/* @__PURE__ */ jsxs("button", {
-											type: "button",
-											className: "agent-chat__queued-action",
-											"aria-label": `Move queued message to front: ${messageText}`,
-											onClick: () => setPendingPrompts((current) => [pending, ...current.filter((item) => item !== pending)]),
-											children: [/* @__PURE__ */ jsx(MoveToFrontIcon, {}), "Move to front"]
-										}),
-										/* @__PURE__ */ jsx("button", {
-											type: "button",
-											className: "agent-chat__queued-action agent-chat__queued-remove",
-											"aria-label": `Remove queued message: ${messageText}`,
-											onClick: () => setPendingPrompts((current) => current.filter((item) => item !== pending)),
-											children: /* @__PURE__ */ jsx(TrashIcon, {})
-										})
-									]
-								}, pending.id);
-							})
-						})
-					}) : null,
-					/* @__PURE__ */ jsx(PromptInput, {
-						multiple: true,
-						onSubmit: handleSubmit,
-						children: pendingApproval ? /* @__PURE__ */ jsx(PromptInputApproval, {
-							part: "part" in pendingApproval ? pendingApproval.part : void 0,
-							approval: "approval" in pendingApproval ? pendingApproval.approval : void 0,
-							count: pendingApprovalItems.length,
-							onRespond: onApprovalResponse,
-							thinkStub,
-							onExecutionSettled,
-							onSkip: () => {
-								const id = "part" in pendingApproval ? getApprovalStateKey(pendingApproval.part) : pendingApproval.approval.executionId;
-								if (id) updateApprovalSession((current) => ({
-									...current,
-									skippedApprovalIds: [...current.skippedApprovalIds, id]
-								}));
-							}
-						}) : /* @__PURE__ */ jsxs(Fragment, { children: [
-							composerHeader ? /* @__PURE__ */ jsx(PromptInputHeader, { children: composerHeader }) : null,
-							/* @__PURE__ */ jsx(PromptInputAttachments, {}),
-							/* @__PURE__ */ jsxs(PromptInputBody, { children: [/* @__PURE__ */ jsx(PromptInputReferences, {
-								references: composerReferences,
-								onRemove: removeComposerReference
-							}), slashCommands || mentionCommands ? /* @__PURE__ */ jsx(PromptInputCommandComposer, {
-								"aria-label": "Message",
-								placeholder: composerReferences.length ? "" : placeholder,
-								disabled,
-								commands: slashCommands?.items ?? [],
-								mentionCommands: mentionCommands?.items,
-								value: composerDraft,
-								onValueChange: setComposerDraft,
-								onCommandSelect: selectComposerCommand
-							}) : /* @__PURE__ */ jsx(PromptInputTextarea, {
-								"aria-label": "Message",
-								placeholder,
-								disabled,
-								value: composerDraft,
-								onChange: (event) => setComposerDraft(event.currentTarget.value)
-							})] }),
-							/* @__PURE__ */ jsxs(PromptInputFooter, { children: [/* @__PURE__ */ jsxs(PromptInputTools, { children: [
-								/* @__PURE__ */ jsx(AgentChatAddMenu, { children: composerAddMenuItems }),
-								contextSelector ? /* @__PURE__ */ jsx(PromptInputContextSelector, { ...contextSelector }) : null,
-								approvalsWired ? /* @__PURE__ */ jsx(PromptInputPermissionSelector, {
-									value: permissionMode,
-									onValueChange: setPermissionMode
-								}) : null,
-								composerTools
-							] }), /* @__PURE__ */ jsxs("div", {
-								className: "prompt-input__footer-end",
-								children: [
-									composerEndTools,
-									voiceInput ? /* @__PURE__ */ jsx(PromptInputDictation, {
-										voice: voiceInput,
-										beforeStart: beforeVoiceStart,
-										disabled
-									}) : null,
-									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(AgentChatSubmitAction, {
-										status,
-										onStop,
-										disabled,
-										hasDraft: Boolean(composerDraft.trim() || composerReferences.length)
-									})
-								]
-							})] })
-						] })
-					})
-				]
-			}) : null
+			showsStartScreen ? null : composer
 		]
 	});
 }

package/dist/components/AgentChatStartScreen.d.ts

@@ -0,0 +1,2 @@
+import { a as AgentChatStarterListProps, i as AgentChatStarterList, n as AgentChatStartScreenProps, o as AgentChatStarterProps, r as AgentChatStarter, t as AgentChatStartScreen } from "../AgentChatStartScreen-DDZ25aax.js";
+export { AgentChatStartScreen, AgentChatStartScreenProps, AgentChatStarter, AgentChatStarterList, AgentChatStarterListProps, AgentChatStarterProps };

package/dist/components/AgentChatStartScreen.js

@@ -0,0 +1,88 @@
+import { t as cx } from "../class-names-BiMDVpUo.js";
+import { Button } from "./Button.js";
+import { tt as XIcon } from "../icons-ua6f_GH3.js";
+import { IconButton } from "./IconButton.js";
+import { PromptInputTray } from "./PromptInput.js";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/AgentChatStartScreen.tsx
+/**
+* Welcoming first-turn layout for `AgentChat` and `ThinkChat`.
+*
+* `AgentChat` normally creates this component through its `startScreen` prop so
+* the same live composer moves from the center of the empty view to the pinned
+* transcript position after the first message.
+*/
+function AgentChatStartScreen({ heading = "What should we work on?", composer, composerTray, children, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...props }) {
+	const headingId = React.useId();
+	return /* @__PURE__ */ jsx("section", {
+		"data-slot": "agent-chat-start-screen",
+		className: cx("agent-chat-start-screen", className),
+		"aria-label": ariaLabel,
+		"aria-labelledby": ariaLabel ? void 0 : ariaLabelledBy ?? (heading ? headingId : void 0),
+		...props,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "agent-chat-start-screen__content",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "agent-chat-start-screen__primary",
+				children: [heading ? /* @__PURE__ */ jsx("h2", {
+					id: headingId,
+					className: "agent-chat-start-screen__heading",
+					children: heading
+				}) : null, /* @__PURE__ */ jsxs("div", {
+					className: "agent-chat-start-screen__composer",
+					children: [composer, composerTray ? /* @__PURE__ */ jsx(PromptInputTray, {
+						side: "bottom",
+						className: "agent-chat-start-screen__composer-tray",
+						children: composerTray
+					}) : null]
+				})]
+			}), children ? /* @__PURE__ */ jsx("div", {
+				className: "agent-chat-start-screen__starters",
+				children
+			}) : null]
+		})
+	});
+}
+/** Semantic list for first-turn prompts below an `AgentChatStartScreen`. */
+function AgentChatStarterList({ className, ...props }) {
+	return /* @__PURE__ */ jsx("ul", {
+		"data-slot": "agent-chat-starter-list",
+		role: "list",
+		className: cx("agent-chat-starter-list", className),
+		...props
+	});
+}
+/** One full-width, keyboard-native starter prompt. */
+function AgentChatStarter({ icon, muted = false, onDismiss, dismissLabel, children, className, type = "button", ...props }) {
+	return /* @__PURE__ */ jsxs("li", {
+		"data-slot": "agent-chat-starter",
+		className: "agent-chat-starter",
+		children: [/* @__PURE__ */ jsxs(Button, {
+			...props,
+			type,
+			variant: "ghost",
+			color: "neutral",
+			className: cx("agent-chat-starter__action", className),
+			"data-muted": muted ? "" : void 0,
+			children: [icon ? /* @__PURE__ */ jsx("span", {
+				className: "agent-chat-starter__icon",
+				"aria-hidden": "true",
+				children: icon
+			}) : null, /* @__PURE__ */ jsx("span", {
+				className: "agent-chat-starter__label",
+				children
+			})]
+		}), onDismiss ? /* @__PURE__ */ jsx(IconButton, {
+			label: dismissLabel ?? "Dismiss suggestion",
+			variant: "ghost",
+			color: "neutral",
+			size: "lg",
+			className: "agent-chat-starter__dismiss",
+			onClick: onDismiss,
+			children: /* @__PURE__ */ jsx(XIcon, {})
+		}) : null]
+	});
+}
+//#endregion
+export { AgentChatStartScreen, AgentChatStarter, AgentChatStarterList };

package/dist/components/AgentConnection.d.ts

@@ -1,4 +1,4 @@
-import { McpServerSetupAuth, McpServerSetupAuthFieldName } from "../utils/mcp-server-catalog.js";
+import { d as McpServerSetupAuthFieldName, l as McpServerSetupAuth } from "../mcp-server-catalog-DycejaJ5.js";
 import * as React from "react";
 
 //#region src/components/AgentConnection.d.ts

package/dist/components/AgentConnection.js

@@ -1,10 +1,10 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { O as LinkIcon } from "../icons-DyOM0EJs.js";
 import { Button } from "./Button.js";
+import { k as LinkIcon } from "../icons-ua6f_GH3.js";
 import { Popover } from "./Popover.js";
 import { Field } from "./Field.js";
 import { Form } from "./Form.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-ygtuzqJd.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-Cp67Njo3.js";
 import { CUSTOM_MCP_SERVER_CARD } from "../utils/mcp-server-catalog.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/AgentMessageParts.js

@@ -1,4 +1,4 @@
-import { d as MessageContent, f as MessageResponse, i as MessageAttachment } from "../Message-DzuteocT.js";
+import { d as MessageContent, f as MessageResponse, i as MessageAttachment } from "../Message-_-bEYLAO.js";
 import { Reasoning, ReasoningContent, ReasoningTrigger } from "./Reasoning.js";
 import { Source, Sources, SourcesContent, SourcesTrigger } from "./Sources.js";
 import { ToolInvocation } from "./ToolInvocation.js";

package/dist/components/AgentToolDetail.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { r as ArrowLeftIcon } from "../icons-DyOM0EJs.js";
+import { r as ArrowLeftIcon } from "../icons-ua6f_GH3.js";
 import { TransitionSurface } from "./TransitionSurface.js";
 import { AppTopBar } from "./AppTopBar.js";
 import { NaniteMark } from "./NaniteScene.js";

package/dist/components/AlertDialog.d.ts

@@ -1,4 +1,4 @@
-import { a as ButtonVariant, i as ButtonSize, n as ButtonColor } from "../Button-yRInko9u.js";
+import { a as ButtonVariant, i as ButtonSize, n as ButtonColor } from "../Button-SBIz6Lqi.js";
 import * as React from "react";
 import { AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
 
@@ -70,6 +70,7 @@ interface AlertDialogMediaProps extends React.HTMLAttributes<HTMLDivElement> {}
  * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}
  */
 declare function AlertDialogTrigger({
+  render,
   className,
   ref,
   ...props

package/dist/components/AlertDialog.js

@@ -32,11 +32,17 @@ import { AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
 *
 * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}
 */
-function AlertDialogTrigger({ className, ref, ...props }) {
-	const classes = mergeBaseClassName("alert-dialog__trigger", className);
+function AlertDialogTrigger({ render, className, ref, ...props }) {
+	const classes = mergeBaseClassName(render == null ? buttonVariants({
+		variant: "normal",
+		color: "primary",
+		size: "sm",
+		className: "alert-dialog__trigger"
+	}) : "alert-dialog__trigger", className);
 	return /* @__PURE__ */ jsx(AlertDialog$1.Trigger, {
 		ref,
 		"data-slot": "alert-dialog-trigger",
+		render,
 		className: classes,
 		...props
 	});

package/dist/components/AppIcon.d.ts

@@ -0,0 +1,58 @@
+import { AvatarFallbackProps, AvatarImageProps, AvatarRootProps } from "./Avatar.js";
+import * as React from "react";
+
+//#region src/components/AppIcon.d.ts
+type AppIconSize = "xs" | "sm" | "md" | "lg" | "xl";
+type AppIconVariant = "artwork" | "surface" | "contrast";
+interface AppIconRootProps extends Omit<AvatarRootProps, "shape" | "size"> {
+  size?: AppIconSize;
+  /** Artwork fills the tile; surface and contrast variants inset a standalone mark. */
+  variant?: AppIconVariant;
+}
+interface AppIconImageProps extends AvatarImageProps {}
+interface AppIconFallbackProps extends AvatarFallbackProps {}
+interface AppIconStackProps extends React.HTMLAttributes<HTMLSpanElement> {}
+/** Rounded app artwork with Base UI's image-loading fallback behavior. */
+declare function AppIconRoot({
+  className,
+  size,
+  variant,
+  ref,
+  ...props
+}: AppIconRootProps & {
+  ref?: React.Ref<HTMLSpanElement>;
+}): React.JSX.Element;
+/** App artwork or a resolved favicon, with lazy, async, no-referrer loading defaults. */
+declare function AppIconImage({
+  className,
+  decoding,
+  loading,
+  ref,
+  referrerPolicy,
+  ...props
+}: AppIconImageProps & {
+  ref?: React.Ref<HTMLImageElement>;
+}): React.JSX.Element;
+declare function AppIconFallback({
+  className,
+  ref,
+  ...props
+}: AppIconFallbackProps & {
+  ref?: React.Ref<HTMLSpanElement>;
+}): React.JSX.Element;
+/** Overlapping app marks; the first mark remains visually on top. */
+declare function AppIconStack({
+  className,
+  ref,
+  ...props
+}: AppIconStackProps & {
+  ref?: React.Ref<HTMLSpanElement>;
+}): React.JSX.Element;
+declare const AppIcon: {
+  Root: typeof AppIconRoot;
+  Image: typeof AppIconImage;
+  Fallback: typeof AppIconFallback;
+  Stack: typeof AppIconStack;
+};
+//#endregion
+export { AppIcon, AppIconFallbackProps, AppIconImageProps, AppIconRootProps, AppIconSize, AppIconStackProps, AppIconVariant };

package/dist/components/AppIcon.js

@@ -0,0 +1,51 @@
+import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
+import { Avatar } from "./Avatar.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/AppIcon.tsx
+/** Rounded app artwork with Base UI's image-loading fallback behavior. */
+function AppIconRoot({ className, size = "md", variant = "artwork", ref, ...props }) {
+	return /* @__PURE__ */ jsx(Avatar.Root, {
+		ref,
+		className: mergeBaseClassName("app-icon", className),
+		"data-app-icon-size": size,
+		"data-app-icon-variant": variant,
+		shape: "rounded",
+		...props
+	});
+}
+/** App artwork or a resolved favicon, with lazy, async, no-referrer loading defaults. */
+function AppIconImage({ className, decoding = "async", loading = "lazy", ref, referrerPolicy = "no-referrer", ...props }) {
+	return /* @__PURE__ */ jsx(Avatar.Image, {
+		ref,
+		className: mergeBaseClassName("app-icon__image", className),
+		decoding,
+		loading,
+		referrerPolicy,
+		...props
+	});
+}
+function AppIconFallback({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Avatar.Fallback, {
+		ref,
+		className: mergeBaseClassName("app-icon__fallback", className),
+		...props
+	});
+}
+/** Overlapping app marks; the first mark remains visually on top. */
+function AppIconStack({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		ref,
+		"data-slot": "app-icon-stack",
+		className: mergeBaseClassName("app-icon-stack", className),
+		...props
+	});
+}
+const AppIcon = {
+	Root: AppIconRoot,
+	Image: AppIconImage,
+	Fallback: AppIconFallback,
+	Stack: AppIconStack
+};
+//#endregion
+export { AppIcon };