@mcp-b/react-components 0.20.5 → 0.22.0

package/dist/components/PromptInput.js

@@ -1,11 +1,13 @@
 import { n as mergeBaseClassName, t as cx } from "../class-names-BiMDVpUo.js";
-import { $ as WrenchIcon, C as FolderIcon, J as StopIcon, K as SpinnerIcon, L as PaperclipIcon, M as MicrophoneIcon, P as MonitorIcon, Q as WarningIcon, S as FileIcon, V as PlusIcon, a as ArrowUpIcon, d as ChevronDownIcon, et as XIcon, q as SquareIcon, u as CheckIcon } from "../icons-DyOM0EJs.js";
 import { Button } from "./Button.js";
+import { $ as WarningIcon, C as FileIcon, F as MonitorIcon, H as PlusIcon, J as SquareIcon, N as MicrophoneIcon, R as PaperclipIcon, Y as StopIcon, a as ArrowUpIcon, d as CheckIcon, et as WrenchIcon, f as ChevronDownIcon, q as SpinnerIcon, tt as XIcon, w as FolderIcon } from "../icons-ua6f_GH3.js";
 import { Tooltip } from "./Tooltip.js";
+import { IconButton } from "./IconButton.js";
 import { t as AttachmentPreview } from "../attachment-preview-DIs50Q0h.js";
 import { n as clamp, r as formatClock } from "../format-S6uWyoSb.js";
-import { Menu } from "./Menu.js";
 import { Combobox } from "./Combobox.js";
+import { Kbd } from "./Kbd.js";
+import { Menu } from "./Menu.js";
 import { Select } from "./Select.js";
 import { Tabs } from "./Tabs.js";
 import { ThinkExecutionApproval, ThinkPendingApproval, getPausedExecution } from "./ThinkPendingApproval.js";
@@ -312,10 +314,12 @@ function PromptInputAttachment({ file, className, ref, ...props }) {
 		children: [isImage ? /* @__PURE__ */ jsx(AttachmentPreview, {
 			url: file.url,
 			filename: file.filename,
-			children: /* @__PURE__ */ jsx("button", {
-				type: "button",
+			children: /* @__PURE__ */ jsx(Button, {
 				className: "prompt-input__attachment-zoom",
 				"aria-label": `Preview ${name}`,
+				color: "neutral",
+				size: "sm",
+				variant: "ghost",
 				children: /* @__PURE__ */ jsx("img", {
 					className: "prompt-input__attachment-thumb",
 					src: file.url,
@@ -325,12 +329,14 @@ function PromptInputAttachment({ file, className, ref, ...props }) {
 		}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(FileIcon, { className: "prompt-input__attachment-icon" }), /* @__PURE__ */ jsx("span", {
 			className: "prompt-input__attachment-name sigvelo-truncate",
 			children: name
-		})] }), /* @__PURE__ */ jsx("button", {
-			type: "button",
+		})] }), /* @__PURE__ */ jsx(IconButton, {
 			className: "prompt-input__attachment-remove",
-			"aria-label": `Remove ${name}`,
+			color: "neutral",
+			label: `Remove ${name}`,
+			size: "xs",
+			variant: "ghost",
 			onClick: () => attachments.remove(file.id),
-			children: /* @__PURE__ */ jsx(XIcon, { size: 12 })
+			children: /* @__PURE__ */ jsx(XIcon, {})
 		})]
 	});
 }
@@ -365,6 +371,16 @@ function PromptInputFooter({ className, children, ref, ...props }) {
 		children
 	});
 }
+/** Supporting controls or queued work tucked behind a PromptInput edge. */
+function PromptInputTray({ side, className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		"data-slot": "prompt-input-tray",
+		"data-side": side,
+		className: cx("prompt-input__tray", className),
+		...props
+	});
+}
 function PromptInputTools({ className, children, ref, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		ref,
@@ -481,7 +497,7 @@ function PromptInputButton({ className, tooltip, variant = "ghost", color = "neu
 		children: /* @__PURE__ */ jsxs(Tooltip.Popup, { children: [/* @__PURE__ */ jsx("span", {
 			className: "prompt-input__tooltip-content",
 			children: tooltipConfig.content
-		}), tooltipConfig.shortcut ? /* @__PURE__ */ jsx("kbd", {
+		}), tooltipConfig.shortcut ? /* @__PURE__ */ jsx(Kbd, {
 			className: "prompt-input__tooltip-shortcut",
 			children: tooltipConfig.shortcut
 		}) : null] })
@@ -1238,7 +1254,7 @@ function PromptInputContextSelector({ items, value, onValueChange, categoryLabel
 }
 function defaultSubmitIcon(status) {
 	switch (status) {
-		case "submitted": return /* @__PURE__ */ jsx(SpinnerIcon, { className: "prompt-input__submit-spinner" });
+		case "submitted": return /* @__PURE__ */ jsx(SpinnerIcon, {});
 		case "streaming": return /* @__PURE__ */ jsx(SquareIcon, {});
 		case "error": return /* @__PURE__ */ jsx(WarningIcon, {});
 		default: return /* @__PURE__ */ jsx(ArrowUpIcon, {});
@@ -1275,7 +1291,9 @@ async function resolveSubmittedFile(file) {
 }
 async function blobUrlToDataUrl(url) {
 	try {
-		const blob = await (await fetch(url)).blob();
+		const response = await fetch(url);
+		if (!response.ok) return null;
+		const blob = await response.blob();
 		return await new Promise((resolve) => {
 			const reader = new FileReader();
 			reader.onloadend = () => resolve(typeof reader.result === "string" ? reader.result : null);
@@ -1327,4 +1345,4 @@ function createId() {
 	return globalThis.crypto?.randomUUID?.() ?? `prompt-input-${Date.now()}-${Math.random()}`;
 }
 //#endregion
-export { PromptInput, PromptInputActionAddAttachments, PromptInputActionAddScreenshot, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuItem, PromptInputActionMenuTrigger, PromptInputApproval, PromptInputAttachment, PromptInputAttachments, PromptInputBody, PromptInputButton, PromptInputCommand, PromptInputCommandComposer, PromptInputCommandEmpty, PromptInputCommandGroup, PromptInputCommandGroupLabel, PromptInputCommandInput, PromptInputCommandItem, PromptInputCommandList, PromptInputCommandSeparator, PromptInputContextSelector, PromptInputDictation, PromptInputFooter, PromptInputHeader, PromptInputHoverCard, PromptInputHoverCardContent, PromptInputHoverCardTrigger, PromptInputPermissionSelector, PromptInputProvider, PromptInputReferences, PromptInputSelect, PromptInputSubmit, PromptInputTab, PromptInputTabBody, PromptInputTabItem, PromptInputTabLabel, PromptInputTabsList, PromptInputTextarea, PromptInputTools, getApprovalRequestId, getApprovalStateKey, getPendingToolApprovals, usePromptInputAttachments, usePromptInputController, useProviderAttachments };
+export { PromptInput, PromptInputActionAddAttachments, PromptInputActionAddScreenshot, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuItem, PromptInputActionMenuTrigger, PromptInputApproval, PromptInputAttachment, PromptInputAttachments, PromptInputBody, PromptInputButton, PromptInputCommand, PromptInputCommandComposer, PromptInputCommandEmpty, PromptInputCommandGroup, PromptInputCommandGroupLabel, PromptInputCommandInput, PromptInputCommandItem, PromptInputCommandList, PromptInputCommandSeparator, PromptInputContextSelector, PromptInputDictation, PromptInputFooter, PromptInputHeader, PromptInputHoverCard, PromptInputHoverCardContent, PromptInputHoverCardTrigger, PromptInputPermissionSelector, PromptInputProvider, PromptInputReferences, PromptInputSelect, PromptInputSubmit, PromptInputTab, PromptInputTabBody, PromptInputTabItem, PromptInputTabLabel, PromptInputTabsList, PromptInputTextarea, PromptInputTools, PromptInputTray, getApprovalRequestId, getApprovalStateKey, getPendingToolApprovals, usePromptInputAttachments, usePromptInputController, useProviderAttachments };

package/dist/components/Queue.d.ts

@@ -1,5 +1,5 @@
+import { r as ButtonProps } from "../Button-SBIz6Lqi.js";
 import { t as Collapsible } from "../Collapsible-N64ASIQr.js";
-import { r as ButtonProps } from "../Button-yRInko9u.js";
 import { ScrollArea } from "./ScrollArea.js";
 import * as React from "react";
 

package/dist/components/Queue.js

@@ -1,7 +1,7 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { Collapsible } from "./Collapsible.js";
-import { S as FileIcon, _ as DotIcon, p as ChevronRightIcon, u as CheckIcon } from "../icons-DyOM0EJs.js";
 import { Button } from "./Button.js";
+import { Collapsible } from "./Collapsible.js";
+import { C as FileIcon, d as CheckIcon, m as ChevronRightIcon, v as DotIcon } from "../icons-ua6f_GH3.js";
 import { Badge } from "./Badge.js";
 import { ScrollArea } from "./ScrollArea.js";
 import "react";

package/dist/components/Reasoning.js

@@ -1,8 +1,8 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Collapsible } from "./Collapsible.js";
-import { K as SpinnerIcon } from "../icons-DyOM0EJs.js";
+import { q as SpinnerIcon } from "../icons-ua6f_GH3.js";
 import { ActivityContent, ActivityText, ActivityTrigger } from "./Activity.js";
-import { f as MessageResponse } from "../Message-DzuteocT.js";
+import { f as MessageResponse } from "../Message-_-bEYLAO.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Reasoning.tsx
@@ -36,11 +36,10 @@ function Reasoning({ className, isStreaming = false, duration, open, defaultOpen
 	const previousStreamingRef = React.useRef(isStreaming);
 	const startTimeRef = React.useRef(isStreaming ? Date.now() : null);
 	const hasEverStreamedRef = React.useRef(isStreaming);
-	const [hasAutoClosed, setHasAutoClosed] = React.useState(false);
 	const isControlled = open !== void 0;
 	const currentOpen = isControlled ? open : internalOpen;
 	const preventAutoOpen = defaultOpen === false;
-	const resolvedDuration = duration ?? internalDuration;
+	const resolvedDuration = duration ?? (isStreaming || startTimeRef.current !== null ? void 0 : internalDuration);
 	const setOpenState = React.useCallback((next) => {
 		if (next === currentOpen) return;
 		if (!isControlled) setInternalOpen(next);
@@ -53,8 +52,6 @@ function Reasoning({ className, isStreaming = false, duration, open, defaultOpen
 	React.useEffect(() => {
 		if (isStreaming) {
 			hasEverStreamedRef.current = true;
-			setHasAutoClosed(false);
-			if (duration === void 0) setInternalDuration(void 0);
 			if (startTimeRef.current === null) startTimeRef.current = Date.now();
 			return;
 		}
@@ -66,10 +63,9 @@ function Reasoning({ className, isStreaming = false, duration, open, defaultOpen
 	React.useEffect(() => {
 		const wasStreaming = previousStreamingRef.current;
 		if (isStreaming && !currentOpen && !preventAutoOpen) setOpenState(true);
-		if (!isStreaming && wasStreaming && hasEverStreamedRef.current && currentOpen && !hasAutoClosed) {
+		if (!isStreaming && wasStreaming && hasEverStreamedRef.current && currentOpen) {
 			const closeTimer = window.setTimeout(() => {
 				setOpenState(false);
-				setHasAutoClosed(true);
 			}, AUTO_CLOSE_DELAY_MS);
 			previousStreamingRef.current = isStreaming;
 			return () => window.clearTimeout(closeTimer);
@@ -77,7 +73,6 @@ function Reasoning({ className, isStreaming = false, duration, open, defaultOpen
 		previousStreamingRef.current = isStreaming;
 	}, [
 		currentOpen,
-		hasAutoClosed,
 		isStreaming,
 		preventAutoOpen,
 		setOpenState
@@ -128,7 +123,7 @@ function ReasoningTrigger({ className, children, getThinkingMessage = defaultGet
 		className: cx("reasoning__trigger", className),
 		"data-streaming": isStreaming ? "" : void 0,
 		icon: children == null && isStreaming ? /* @__PURE__ */ jsx(SpinnerIcon, {}) : void 0,
-		label: children ?? getThinkingMessage(isStreaming, duration),
+		action: children ?? getThinkingMessage(isStreaming, duration),
 		...props
 	});
 }

package/dist/components/ResponsiveSidebarShell.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { G as SidebarIcon } from "../icons-DyOM0EJs.js";
 import { Button } from "./Button.js";
+import { K as SidebarIcon } from "../icons-ua6f_GH3.js";
 import { t as capitalize } from "../format-S6uWyoSb.js";
 import { n as mergeRefs } from "../merge-refs-DF_7w2x_.js";
 import { AppTopBar } from "./AppTopBar.js";
@@ -118,6 +118,7 @@ function ResponsiveSidebarShell({ sidebar, topBar, sidebarLabel, sidebarOpen, de
 				/* @__PURE__ */ jsx("div", {
 					ref: mainRef,
 					className: "responsive-sidebar-shell__main",
+					"data-recipe": "application-plane",
 					tabIndex: -1,
 					children
 				}),

package/dist/components/SearchField.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
-import { W as SearchIcon } from "../icons-DyOM0EJs.js";
+import { G as SearchIcon } from "../icons-ua6f_GH3.js";
 import { Field } from "./Field.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/SearchField.tsx

package/dist/components/Select.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
-import { a as ArrowUpIcon, n as ArrowDownIcon, u as CheckIcon } from "../icons-DyOM0EJs.js";
+import { a as ArrowUpIcon, d as CheckIcon, n as ArrowDownIcon } from "../icons-ua6f_GH3.js";
 import "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 { t as cx } from "../class-names-BiMDVpUo.js";
 import { Collapsible } from "./Collapsible.js";
-import { O as LinkIcon, p as ChevronRightIcon } from "../icons-DyOM0EJs.js";
+import { k as LinkIcon, m as ChevronRightIcon } from "../icons-ua6f_GH3.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Sources.tsx

package/dist/components/StatusPill.d.ts

@@ -0,0 +1,43 @@
+import { BadgeProps } from "./Badge.js";
+import * as React from "react";
+
+//#region src/components/StatusPill.d.ts
+interface StatusPillProps extends BadgeProps {
+  /**
+   * Whether the state this reports is still ongoing. A live state pulses; a
+   * settled one holds still, so "Live" and "Ended" are told apart without
+   * reading either word.
+   */
+  busy?: boolean;
+  /**
+   * Replaces the dot for states that have a picture — a spinner while a run
+   * starts, a check once it lands.
+   */
+  icon?: React.ReactNode;
+}
+/**
+ * A short state report: an indicator, then the state itself.
+ *
+ * This is a `Badge` with an indicator in front, not a second kind of chip, so
+ * `variant`, `color`, and `size` mean here exactly what they mean there. What
+ * it adds is the dot and its pulse, which several surfaces had been writing
+ * out by hand.
+ *
+ * It reports; it does not ask. A state that needs the user to do something is
+ * `AgentAttention`.
+ *
+ * @example
+ * ```tsx
+ * <StatusPill busy color="destructive" size="sm">Live</StatusPill>
+ * <StatusPill color="success" icon={<CheckIcon />}>Passed</StatusPill>
+ * ```
+ */
+declare function StatusPill({
+  busy,
+  className,
+  icon,
+  children,
+  ...props
+}: StatusPillProps): React.JSX.Element;
+//#endregion
+export { StatusPill, StatusPillProps };

package/dist/components/StatusPill.js

@@ -0,0 +1,35 @@
+import { t as cx } from "../class-names-BiMDVpUo.js";
+import { Badge } from "./Badge.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/StatusPill.tsx
+/**
+* A short state report: an indicator, then the state itself.
+*
+* This is a `Badge` with an indicator in front, not a second kind of chip, so
+* `variant`, `color`, and `size` mean here exactly what they mean there. What
+* it adds is the dot and its pulse, which several surfaces had been writing
+* out by hand.
+*
+* It reports; it does not ask. A state that needs the user to do something is
+* `AgentAttention`.
+*
+* @example
+* ```tsx
+* <StatusPill busy color="destructive" size="sm">Live</StatusPill>
+* <StatusPill color="success" icon={<CheckIcon />}>Passed</StatusPill>
+* ```
+*/
+function StatusPill({ busy = false, className, icon, children, ...props }) {
+	return /* @__PURE__ */ jsxs(Badge, {
+		className: cx("status-pill", className),
+		"data-busy": busy || void 0,
+		...props,
+		children: [icon ?? /* @__PURE__ */ jsx("span", {
+			"aria-hidden": "true",
+			className: "status-pill__dot"
+		}), children]
+	});
+}
+//#endregion
+export { StatusPill };

package/dist/components/Stepper.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName, t as cx } from "../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon, u as CheckIcon } from "../icons-DyOM0EJs.js";
+import { d as CheckIcon, q as SpinnerIcon } from "../icons-ua6f_GH3.js";
 import { Tabs } from "./Tabs.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/SubagentRunIndicator.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { J as StopIcon, K as SpinnerIcon, Q as WarningIcon, u as CheckIcon } from "../icons-DyOM0EJs.js";
+import { $ as WarningIcon, Y as StopIcon, d as CheckIcon, q as SpinnerIcon } from "../icons-ua6f_GH3.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/SubagentRunIndicator.tsx

package/dist/components/SubagentRunSelector.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
 import { buttonVariants } from "./Button.js";
+import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
 import { Tooltip } from "./Tooltip.js";
 import { NaniteMark } from "./NaniteScene.js";
 import { SubagentRunIndicator, getSubagentRunName, getSubagentRunTooltip } from "./SubagentRunIndicator.js";

package/dist/components/Task.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Collapsible } from "./Collapsible.js";
-import { S as FileIcon, W as SearchIcon, p as ChevronRightIcon } from "../icons-DyOM0EJs.js";
+import { C as FileIcon, G as SearchIcon, m as ChevronRightIcon } from "../icons-ua6f_GH3.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Task.tsx

package/dist/components/Terminal.d.ts

@@ -1,5 +1,5 @@
-import { r as ButtonProps } from "../Button-yRInko9u.js";
-import { t as CopyButtonProps } from "../copy-button-BrvQ7z4W.js";
+import { n as IconButtonProps } from "../IconButton-CFKhu6OR.js";
+import { t as CopyButtonProps } from "../copy-button-EBv_B9F6.js";
 import * as React from "react";
 
 //#region src/components/Terminal.d.ts
@@ -103,7 +103,7 @@ declare function TerminalCopyButton({
   onClick,
   ...props
 }: TerminalCopyButtonProps): React.JSX.Element;
-interface TerminalClearButtonProps extends Omit<ButtonProps, "children" | "variant" | "size" | "color" | "onClick"> {
+interface TerminalClearButtonProps extends Omit<IconButtonProps, "children" | "label" | "tooltip" | "variant" | "size" | "color" | "onClick"> {
   label?: string;
   onClick?: React.MouseEventHandler<HTMLButtonElement>;
 }

package/dist/components/Terminal.js

@@ -1,8 +1,7 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { X as TerminalIcon, et as XIcon } from "../icons-DyOM0EJs.js";
-import { Button } from "./Button.js";
-import { Tooltip } from "./Tooltip.js";
-import { t as CopyButton } from "../copy-button-vo1paUSi.js";
+import { Z as TerminalIcon, tt as XIcon } from "../icons-ua6f_GH3.js";
+import { IconButton } from "./IconButton.js";
+import { t as CopyButton } from "../copy-button-TWq8nZhc.js";
 import { Badge } from "./Badge.js";
 import { ScrollArea } from "./ScrollArea.js";
 import * as React from "react";
@@ -217,16 +216,16 @@ function TerminalClearButton({ className, label = "Clear terminal", onClick, ...
 		onClear?.();
 		onClick?.(e);
 	}, [onClear, onClick]);
-	return /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, { render: /* @__PURE__ */ jsx(Button, {
+	return /* @__PURE__ */ jsx(IconButton, {
+		label,
 		variant: "ghost",
+		color: "neutral",
 		size: "sm",
-		iconOnly: true,
-		"aria-label": label,
 		className: cx("terminal__clear", className),
 		...props,
 		onClick: handleClick,
 		children: /* @__PURE__ */ jsx(XIcon, {})
-	}) }), /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, { children: /* @__PURE__ */ jsx(Tooltip.Popup, { children: label }) }) })] });
+	});
 }
 const ANSI_REGEX = /\u001b\[[0-9;?]*[a-zA-Z]/g;
 function stripAnsi(input) {

package/dist/components/TestResults.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Collapsible } from "./Collapsible.js";
-import { K as SpinnerIcon, et as XIcon, p as ChevronRightIcon, u as CheckIcon } from "../icons-DyOM0EJs.js";
+import { d as CheckIcon, m as ChevronRightIcon, q as SpinnerIcon, tt as XIcon } from "../icons-ua6f_GH3.js";
 import { Progress } from "./Progress.js";
 import { Badge } from "./Badge.js";
 import * as React from "react";

package/dist/components/ThemeModeControl.js

@@ -1,4 +1,4 @@
-import { F as MoonIcon, P as MonitorIcon, Y as SunIcon } from "../icons-DyOM0EJs.js";
+import { F as MonitorIcon, I as MoonIcon, X as SunIcon } from "../icons-ua6f_GH3.js";
 import { Radio, RadioGroup } from "./RadioGroup.js";
 import { useTheme } from "./ThemeProvider.js";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/ThinkChat.d.ts

@@ -1,16 +1,16 @@
 import { i as AgentMessageRenderPartContext } from "../AgentMessageParts-CyD2UB3V.js";
-import { r as AgentChatProps } from "../AgentChat-C-ZyXbJz.js";
+import { r as AgentChatProps } from "../AgentChat-Bm1qYbOo.js";
 import { i as useOptionalAgentToolRuns, n as AgentToolRunsProvider, r as AgentToolRunsProviderProps, t as AgentToolEventsValue } from "../AgentToolRunsContext-BVe4stgw.js";
 import { S as isThinkChatActivityPart } from "../ThinkChatToolParts-CSzVwMXf.js";
-import { l as describeThinkChatActivityPart } from "../ThinkChatActivitySummary-D1xOrNrq.js";
-import { a as ThinkChatToolRenderers, i as ThinkChatToolRenderer, n as ThinkChatActivityProps, o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, s as renderThinkChatActivityPart, t as ThinkChatActivity } from "../ThinkChatActivity-CdbL0aoA.js";
+import { u as describeThinkChatActivityPart } from "../ThinkChatActivitySummary-kr5fE0wg.js";
+import { a as ThinkChatToolRenderers, i as ThinkChatToolRenderer, n as ThinkChatActivityProps, o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, s as renderThinkChatActivityPart, t as ThinkChatActivity } from "../ThinkChatActivity-2BobmuvR.js";
 import { n as ThinkChatValue } from "../ThinkChatContext-DrsZqdaO.js";
 import { n as ThinkRecoveryNoticeProps, t as ThinkRecoveryNotice } from "../ThinkRecoveryNotice-DFIcG9UX.js";
 import { n as BrowserLiveViewProps, t as BrowserLiveView } from "../BrowserLiveView-BV5qgFgI.js";
 import { n as BrowserReplayProps, t as BrowserReplay } from "../BrowserReplay-xWvRjRAC.js";
-import { d as inferWorkspaceLanguage, i as WorkspaceFileState } from "../WorkspaceFile-D8Un_xge.js";
-import { a as WorkspaceSource, c as workspaceBinaryFileQueryOptions, d as workspaceFileStatQueryOptions, f as workspaceInfoQueryOptions, i as WorkspaceQueryKey, l as workspaceDirectoryQueryOptions, m as workspaceTextFileQueryOptions, n as WorkspaceFileReadTarget, o as WorkspaceState, p as workspaceQueryKey, r as WorkspaceInfo, s as useWorkspace, t as UseWorkspaceOptions, u as workspaceFileAssetQueryOptions } from "../Workspace-CWtust-2.js";
-import { n as WorkspaceExplorerProps, t as WorkspaceExplorer } from "../WorkspaceExplorer-DGigwsgH.js";
+import { d as inferWorkspaceLanguage, i as WorkspaceFileState } from "../WorkspaceFile-DMtRMwVv.js";
+import { a as WorkspaceSource, c as workspaceBinaryFileQueryOptions, d as workspaceFileStatQueryOptions, f as workspaceInfoQueryOptions, i as WorkspaceQueryKey, l as workspaceDirectoryQueryOptions, m as workspaceTextFileQueryOptions, n as WorkspaceFileReadTarget, o as WorkspaceState, p as workspaceQueryKey, r as WorkspaceInfo, s as useWorkspace, t as UseWorkspaceOptions, u as workspaceFileAssetQueryOptions } from "../Workspace-CIycQ4xE.js";
+import { n as WorkspaceExplorerProps, t as WorkspaceExplorer } from "../WorkspaceExplorer-BCipn7Vd.js";
 import * as React from "react";
 import { UIMessage } from "ai";
 import { UseAgentOptions } from "agents/react";
@@ -53,6 +53,8 @@ interface ThinkChatMessagesProps<MessageT extends UIMessage = UIMessage> extends
   showComposer?: AgentChatProps<MessageT>["showComposer"];
   /** Shown in place of the list while there are no messages. */
   emptyState?: React.ReactNode;
+  /** Welcoming first-turn layout with the live composer centered above starter actions. */
+  startScreen?: AgentChatProps<MessageT>["startScreen"];
   /** Extra controls rendered inside the composer, next to the send button. */
   composerTools?: React.ReactNode;
   /** Host-owned slash-command catalog and selection policy. */
@@ -75,6 +77,10 @@ interface ThinkChatMessagesProps<MessageT extends UIMessage = UIMessage> extends
   placeholder?: string;
   /** Rendered after each message (e.g. per-message actions). */
   renderMessageAfter?: AgentChatProps<MessageT>["renderMessageAfter"];
+  /** Per-message policy for AgentChat's built-in assistant copy/retry toolbar. */
+  showAssistantActions?: AgentChatProps<MessageT>["showAssistantActions"];
+  /** Overrides which rows anchor at the top when added; user messages are the default. */
+  isMessageScrollAnchor?: AgentChatProps<MessageT>["isMessageScrollAnchor"];
   /**
    * Durable backend edit/resend operation. Think does not synchronize
    * `setMessages`, so wire this to an agent callable that creates the branch.

package/dist/components/ThinkChatActivity.d.ts

@@ -1,4 +1,4 @@
 import { S as isThinkChatActivityPart } from "../ThinkChatToolParts-CSzVwMXf.js";
-import { l as describeThinkChatActivityPart } from "../ThinkChatActivitySummary-D1xOrNrq.js";
-import { a as ThinkChatToolRenderers, i as ThinkChatToolRenderer, n as ThinkChatActivityProps, o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, s as renderThinkChatActivityPart, t as ThinkChatActivity } from "../ThinkChatActivity-CdbL0aoA.js";
+import { u as describeThinkChatActivityPart } from "../ThinkChatActivitySummary-kr5fE0wg.js";
+import { a as ThinkChatToolRenderers, i as ThinkChatToolRenderer, n as ThinkChatActivityProps, o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, s as renderThinkChatActivityPart, t as ThinkChatActivity } from "../ThinkChatActivity-2BobmuvR.js";
 export { ThinkChatActivity, ThinkChatActivityProps, ThinkChatActivityRendererOptions, ThinkChatToolRenderer, ThinkChatToolRenderers, createThinkChatActivityRenderer, describeThinkChatActivityPart, isThinkChatActivityPart, renderThinkChatActivityPart };

package/dist/components/ThinkChatActivity.js

@@ -1,6 +1,6 @@
 import { Activity, ActivityContent, ActivityItem, ActivityItemGroup, ActivityText, ActivityTrigger } from "./Activity.js";
 import { AgentActivityFavicon, AgentActivityIcon } from "./AgentActivity.js";
-import { f as MessageResponse } from "../Message-DzuteocT.js";
+import { f as MessageResponse } from "../Message-_-bEYLAO.js";
 import { isBrowserToolPart, isExecuteToolPart, isFetchToolPart, isPartWorking, isSessionContextToolPart, isSkillToolPart, isThinkChatActivityPart, isWorkspaceToolPart } from "./ThinkChatToolParts.js";
 import { useOptionalAgentToolRuns } from "./AgentToolRunsContext.js";
 import { SubagentRunList } from "./SubagentRunList.js";
@@ -17,18 +17,18 @@ function activityPartIcon(part) {
 }
 /**
 * One run of agent work as a collapsed Activity block: while streaming the
-* label shimmers with the live step; settled, it becomes a short summary
+* action shimmers with the live step; settled, it becomes a short summary
 * ("Thought, read 2 files and ran a command") over an expandable step log
 * with per-tool panels. Normally reached through `ThinkChat.Messages`;
 * exported for apps that lay out messages themselves.
 */
 function ThinkChatActivity({ parts, defaultOpen, isStreaming, toolRenderers }) {
 	const steps = parts.flatMap((part, index) => {
-		const text = describeThinkChatActivityPart(part, toolRenderers);
-		if (!text) return [];
+		const description = describeThinkChatActivityPart(part, toolRenderers);
+		if (!description) return [];
 		return [{
 			key: isToolUIPart(part) ? part.toolCallId : `${part.type}-${index}`,
-			text,
+			description,
 			part
 		}];
 	});
@@ -44,65 +44,77 @@ function ThinkChatActivity({ parts, defaultOpen, isStreaming, toolRenderers }) {
 		defaultOpen,
 		children: [/* @__PURE__ */ jsx(ActivityTrigger, {
 			icon: header.url ? /* @__PURE__ */ jsx(AgentActivityFavicon, { url: header.url }) : /* @__PURE__ */ jsx(AgentActivityIcon, { kind: header.iconKind }),
-			label: header.label
+			action: header.action,
+			detail: header.detail
 		}), /* @__PURE__ */ jsx(ActivityContent, { children: steps.map((step) => /* @__PURE__ */ jsx(ThinkChatActivityStep, {
-			text: step.text,
+			description: step.description,
 			part: step.part,
 			toolRenderers
 		}, step.key)) })]
 	});
 }
-function ThinkChatActivityStep({ text, part, toolRenderers }) {
+function ThinkChatActivityStep({ description, part, toolRenderers }) {
 	const icon = activityPartIcon(part);
+	const { action: text, detail } = description;
 	if (isToolUIPart(part)) {
 		const customPanel = toolRenderers?.[getToolName(part)]?.panel?.(part);
 		if (customPanel === null) return /* @__PURE__ */ jsx(ActivityItem, {
 			icon,
+			detail,
 			children: text
 		});
 		if (customPanel !== void 0) return /* @__PURE__ */ jsx(ActivityItemGroup, {
-			label: text,
+			action: text,
+			detail,
 			icon,
 			children: customPanel
 		});
 	}
 	if (isReasoningUIPart(part) && part.text.trim()) return /* @__PURE__ */ jsx(ActivityItemGroup, {
-		label: text,
+		action: text,
+		detail,
 		icon,
 		children: /* @__PURE__ */ jsx(ActivityText, { children: /* @__PURE__ */ jsx(MessageResponse, { children: part.text }) })
 	});
 	if (isWorkspaceToolPart(part) && part.type !== "tool-delete") return /* @__PURE__ */ jsx(ActivityItemGroup, {
-		label: text,
+		action: text,
+		detail,
 		icon,
 		children: /* @__PURE__ */ jsx(ThinkChatWorkspacePanel, { part })
 	});
 	if (isSkillToolPart(part)) return /* @__PURE__ */ jsx(ActivityItemGroup, {
-		label: text,
+		action: text,
+		detail,
 		icon,
 		children: /* @__PURE__ */ jsx(ThinkChatSkillPanel, { part })
 	});
 	if (isSessionContextToolPart(part)) return /* @__PURE__ */ jsx(ActivityItemGroup, {
-		label: text,
+		action: text,
+		detail,
 		icon,
 		children: /* @__PURE__ */ jsx(ThinkChatSessionContextPanel, { part })
 	});
 	if (isFetchToolPart(part)) return /* @__PURE__ */ jsx(ActivityItemGroup, {
-		label: text,
+		action: text,
+		detail,
 		icon,
 		children: /* @__PURE__ */ jsx(ThinkChatFetchPanel, { part })
 	});
 	if (isBrowserToolPart(part)) return /* @__PURE__ */ jsx(ActivityItemGroup, {
-		label: text,
+		action: text,
+		detail,
 		icon,
 		children: /* @__PURE__ */ jsx(ThinkChatBrowserPanel, { part })
 	});
 	if (isExecuteToolPart(part)) return /* @__PURE__ */ jsx(ActivityItemGroup, {
-		label: text,
+		action: text,
+		detail,
 		icon,
 		children: /* @__PURE__ */ jsx(ThinkChatExecutePanel, { part })
 	});
 	return /* @__PURE__ */ jsx(ActivityItem, {
 		icon,
+		detail,
 		children: text
 	});
 }

package/dist/components/ThinkChatActivitySummary.d.ts

@@ -1,2 +1,2 @@
-import { a as activityPartIconKind, c as deriveThinkChatToolLifecycleHeader, i as ThinkChatToolLifecycleSnapshot, l as describeThinkChatActivityPart, n as ThinkChatToolDescriber, o as activityPartUrl, r as ThinkChatToolDescribers, s as deriveThinkChatActivityHeader, t as ThinkChatActivityHeader, u as summarizeActivitySteps } from "../ThinkChatActivitySummary-D1xOrNrq.js";
-export { ThinkChatActivityHeader, ThinkChatToolDescriber, ThinkChatToolDescribers, ThinkChatToolLifecycleSnapshot, activityPartIconKind, activityPartUrl, deriveThinkChatActivityHeader, deriveThinkChatToolLifecycleHeader, describeThinkChatActivityPart, summarizeActivitySteps };
+import { a as ThinkChatToolLifecycleSnapshot, c as deriveThinkChatActivityHeader, d as summarizeActivitySteps, i as ThinkChatToolDescribers, l as deriveThinkChatToolLifecycleHeader, n as ThinkChatActivityHeader, o as activityPartIconKind, r as ThinkChatToolDescriber, s as activityPartUrl, t as ThinkChatActivityDescription, u as describeThinkChatActivityPart } from "../ThinkChatActivitySummary-kr5fE0wg.js";
+export { ThinkChatActivityDescription, ThinkChatActivityHeader, ThinkChatToolDescriber, ThinkChatToolDescribers, ThinkChatToolLifecycleSnapshot, activityPartIconKind, activityPartUrl, deriveThinkChatActivityHeader, deriveThinkChatToolLifecycleHeader, describeThinkChatActivityPart, summarizeActivitySteps };