@mcp-b/react-components 0.24.0 → 0.25.0

package/dist/components/AgentChat.js

@@ -1,23 +1,24 @@
 import { t as cx } from "../class-names-BiMDVpUo.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 { ExpansionStateProvider } from "./ExpansionState.js";
+import { $ as TrashIcon, B as PencilIcon, H as PlusIcon, L as MoveToFrontIcon, U as QueueIcon, W as RefreshIcon, t as ArchiveIcon } from "../icons-w5PpKGRz.js";
 import { IconButton } from "./IconButton.js";
-import { n as MessageAction, r as MessageActions, t as Message } from "../Message-_-bEYLAO.js";
+import { n as MessageAction, r as MessageActions, t as Message } from "../Message-KlK8tlBZ.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 { VirtualMessageScroller } from "./MessageScrollerVirtual.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 { TransitionSurface } from "./TransitionSurface.js";
-import { t as CopyButton } from "../copy-button-TWq8nZhc.js";
+import { t as CopyButton } from "../copy-button-Buxmtmp9.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { isCompactionMessage } from "agents/experimental/memory/utils";
-import { isReasoningUIPart, isTextUIPart } from "ai";
+import { isTextUIPart } from "ai";
 //#region src/components/AgentChat.tsx
 /**
 * Agents exports this helper from `agents/sessions` after cloudflare/agents#1896;
@@ -27,6 +28,20 @@ import { isReasoningUIPart, isTextUIPart } from "ai";
 * the `SessionMessage` fields it reads, so use the upstream helper directly
 * instead of duplicating the prefix contract locally.
 */
+/**
+* Built-in `/compact` entry, present whenever `onCompact` is provided.
+* Selection is intercepted in `selectComposerCommand` before any reference
+* chip or host `onSelect` runs.
+*/
+const COMPACT_SLASH_COMMAND = {
+	id: "agent-chat:compact",
+	value: "compact",
+	label: "compact",
+	description: "Summarize earlier messages to free up context",
+	icon: /* @__PURE__ */ jsx(ArchiveIcon, {}),
+	group: "Conversation",
+	meta: "Built in"
+};
 function observeAgentChatComposer(element) {
 	if (!element || typeof ResizeObserver === "undefined") return;
 	const root = element.parentElement;
@@ -86,9 +101,6 @@ function AgentChatSubmitAction({ status, onStop, disabled, hasDraft }) {
 		disabled
 	});
 }
-function getMessageText(message) {
-	return message.parts.filter((part) => isTextUIPart(part) || isReasoningUIPart(part)).map((part) => part.text).join("");
-}
 function getCopyableResponseText(message) {
 	return message.parts.filter(isTextUIPart).map((part) => part.text).join("\n\n").trim() || void 0;
 }
@@ -119,11 +131,86 @@ function getEditableUserText(message) {
 	return isTextUIPart(part) && part.text.trim() ? part.text : void 0;
 }
 /**
+* One transcript row's content, memoized so a streaming delta re-renders only
+* the rows whose props changed — in practice the live message. This only
+* holds up if the host keeps unchanged message objects and render callbacks
+* referentially stable across updates (AI SDK chat state does); see
+* "Transcript rendering performance" in docs/think-chat.md.
+*/
+function AgentChatTranscriptRowBodyImpl({ message, messageIndex, status, renderPart, renderMessageAfter, editing, canEdit, onEditAndResend, onStartEdit, onCancelEdit, onFinishEdit, editButtonRef, responseNumber, showAssistantActions, showCopy, showRetry, onRegenerate, onCopyStatus }) {
+	return /* @__PURE__ */ jsx(Fragment, { children: isCompactionMessage(message) ? /* @__PURE__ */ jsx(Marker, {
+		variant: "separator",
+		children: /* @__PURE__ */ jsx(MarkerContent, { children: "Context compacted" })
+	}) : /* @__PURE__ */ jsx(Message, {
+		from: message.role,
+		children: editing && onEditAndResend ? /* @__PURE__ */ jsx(AgentChatMessageEditor, {
+			message,
+			originalText: getEditableUserText(message) ?? "",
+			onSubmit: onEditAndResend,
+			onCancel: onCancelEdit,
+			onSuccess: onFinishEdit
+		}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsx(AgentMessageParts, {
+				message,
+				status,
+				renderPart
+			}),
+			renderMessageAfter?.({
+				message,
+				messageIndex
+			}),
+			canEdit && getEditableUserText(message) !== void 0 ? /* @__PURE__ */ jsx(MessageActions, {
+				"aria-label": "Message actions",
+				children: /* @__PURE__ */ jsx(MessageAction, {
+					ref: editButtonRef,
+					label: "Edit message",
+					tooltip: "Edit and resend",
+					onClick: () => onStartEdit(message.id),
+					children: /* @__PURE__ */ jsx(PencilIcon, {})
+				})
+			}) : null,
+			showAssistantActions ? /* @__PURE__ */ jsx(AgentChatAssistantActions, {
+				message,
+				responseNumber,
+				showCopy,
+				showRetry,
+				onRegenerate,
+				onCopyStatus
+			}) : null
+		] })
+	}) });
+}
+const AgentChatTranscriptRowBody = React.memo(AgentChatTranscriptRowBodyImpl);
+/**
 * Low-level transcript/composer surface used by `ThinkChat`: props in, no
 * 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.
+*
+* The transcript is always windowed with TanStack Virtual (end-anchored,
+* follow-on-append): only the visible rows exist in the DOM, so hours-long
+* runs stay cheap. Consequences and the host-side contract:
+* - Every message needs a stable `id`; keys must survive prepends and stream
+*   growth.
+* - Keep unchanged message objects referentially stable across updates.
+*   Structured-cloning the array per delta over a worker/extension boundary
+*   rebuilds every identity and defeats row memoization — clone once per
+*   throttled batch instead.
+* - Throttle stream deltas before React state (AI SDK
+*   `experimental_throttle: 50` or equivalent).
+* - Bound the data itself: windowing caps DOM size, not JS memory. Truncate
+*   stored tool output at the buffer (~20k chars) and keep history
+*   compaction on.
+* - Unmount the transcript to hide it; don't `display: none` it — hidden
+*   rows measure 0 and corrupt the virtualizer's cached heights.
+* - Rows unmount off-screen: find-in-page only searches the window;
+*   disclosure state persists via the built-in `ExpansionStateProvider`
+*   (pass your own store via a wrapper to survive route remounts), but the
+*   default `Reasoning` disclosure resets.
+* - The transcript is not a screen-reader live region (windowing would
+*   announce re-inserted old rows as new); announce new messages from a
+*   host-owned live region if that matters.
 */
-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 }) {
+function AgentChat({ className, messages, status = "ready", onSubmit, showComposer = onSubmit !== void 0, onStop, placeholder = "Ask anything...", disabled, emptyState, startScreen, composerHeader, composerTools, slashCommands, onCompact, mentionCommands, contextSelector, composerEndTools, voiceInput, beforeVoiceStart, composerAddMenuItems, notice, onRegenerate, onEditAndResend, onApprovalResponse, thinkStub, approvalsEnabled = true, permissionModeControl, onExecutionSettled, pendingApprovals: durableApprovals = EMPTY_PENDING_APPROVALS, contextWindow, renderPart, renderMessageAfter, showAssistantActions, ref }) {
 	const [copyAnnouncement, setCopyAnnouncement] = React.useState("");
 	const [composerDraft, setComposerDraft] = React.useState("");
 	const [composerReferences, setComposerReferences] = React.useState([]);
@@ -178,7 +265,23 @@ function AgentChat({ className, messages, status = "ready", onSubmit, showCompos
 		onSubmit,
 		pendingPrompts
 	]);
+	const [compactionNotice, setCompactionNotice] = React.useState(null);
+	const compactionInFlight = React.useRef(false);
 	const selectComposerCommand = React.useCallback((command, trigger) => {
+		if (trigger === "/" && onCompact && command.id === COMPACT_SLASH_COMMAND.id) {
+			if (compactionInFlight.current) return;
+			compactionInFlight.current = true;
+			setCompactionNotice(null);
+			setComposerDraft("");
+			onCompact().then(() => {
+				compactionInFlight.current = false;
+			}, (error) => {
+				compactionInFlight.current = false;
+				console.warn("Manual compaction failed", error);
+				setCompactionNotice("Compaction failed — run /compact to try again.");
+			});
+			return;
+		}
 		const reference = {
 			id: command.id,
 			value: command.value,
@@ -203,6 +306,7 @@ function AgentChat({ className, messages, status = "ready", onSubmit, showCompos
 		composerDraft,
 		composerReferences,
 		mentionCommands,
+		onCompact,
 		removeComposerReference,
 		slashCommands
 	]);
@@ -290,6 +394,18 @@ function AgentChat({ className, messages, status = "ready", onSubmit, showCompos
 	const [editingMessageId, setEditingMessageId] = React.useState();
 	const restoreEditFocus = React.useRef(false);
 	const editButtonRef = React.useRef(null);
+	const handleStartEdit = React.useCallback((messageId) => {
+		restoreEditFocus.current = false;
+		setEditingMessageId(messageId);
+	}, []);
+	const handleCancelEdit = React.useCallback(() => {
+		restoreEditFocus.current = true;
+		setEditingMessageId(void 0);
+	}, []);
+	const handleFinishEdit = React.useCallback(() => {
+		restoreEditFocus.current = false;
+		setEditingMessageId(void 0);
+	}, []);
 	let assistantResponseCount = 0;
 	const assistantResponseNumbers = messages.map((message) => {
 		if (message.role !== "assistant" || isCompactionMessage(message)) return 0;
@@ -301,15 +417,38 @@ function AgentChat({ className, messages, status = "ready", onSubmit, showCompos
 		editButtonRef.current?.focus();
 		restoreEditFocus.current = false;
 	}, [editingMessageId]);
+	const transcriptRowProps = (message, messageIndex) => ({
+		message,
+		messageIndex,
+		status: messageIndex === messages.length - 1 ? status : "ready",
+		renderPart,
+		renderMessageAfter,
+		editing: editingMessageId === message.id,
+		canEdit: messageIndex === lastUserIndex,
+		onEditAndResend,
+		onStartEdit: handleStartEdit,
+		onCancelEdit: handleCancelEdit,
+		onFinishEdit: handleFinishEdit,
+		editButtonRef,
+		responseNumber: assistantResponseNumbers[messageIndex] ?? 0,
+		showAssistantActions: message.role === "assistant" && (showAssistantActions?.({
+			message,
+			messageIndex
+		}) ?? true),
+		showCopy: messageIndex !== newestAssistantIndex || status !== "streaming" && status !== "submitted",
+		showRetry: messageIndex === lastAssistantIndex,
+		onRegenerate,
+		onCopyStatus: announceCopyStatus
+	});
 	const composer = showComposer ? /* @__PURE__ */ jsxs("div", {
 		ref: observeAgentChatComposer,
 		className: "agent-chat__composer",
 		children: [
-			/* @__PURE__ */ jsx("div", {
+			/* @__PURE__ */ jsxs("div", {
 				className: "agent-chat__notice",
 				role: "status",
 				"aria-atomic": "true",
-				children: notice
+				children: [notice, compactionNotice]
 			}),
 			pendingPrompts.length ? /* @__PURE__ */ jsx(PromptInputTray, {
 				side: "top",
@@ -378,11 +517,11 @@ function AgentChat({ className, messages, status = "ready", onSubmit, showCompos
 					/* @__PURE__ */ jsxs(PromptInputBody, { children: [/* @__PURE__ */ jsx(PromptInputReferences, {
 						references: composerReferences,
 						onRemove: removeComposerReference
-					}), slashCommands || mentionCommands ? /* @__PURE__ */ jsx(PromptInputCommandComposer, {
+					}), slashCommands || mentionCommands || onCompact ? /* @__PURE__ */ jsx(PromptInputCommandComposer, {
 						"aria-label": "Message",
 						placeholder: composerReferences.length ? "" : placeholder,
 						disabled,
-						commands: slashCommands?.items ?? [],
+						commands: onCompact ? [COMPACT_SLASH_COMMAND, ...slashCommands?.items ?? []] : slashCommands?.items ?? [],
 						mentionCommands: mentionCommands?.items,
 						value: composerDraft,
 						onValueChange: setComposerDraft,
@@ -430,6 +569,10 @@ function AgentChat({ className, messages, status = "ready", onSubmit, showCompos
 			})
 		]
 	}) : null;
+	const emptyRow = emptyState ?? /* @__PURE__ */ jsx(EmptyState, {
+		title: "Start a conversation",
+		description: "Ask the agent to inspect, plan, or build."
+	});
 	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, {
@@ -447,87 +590,24 @@ function AgentChat({ className, messages, status = "ready", onSubmit, showCompos
 			showsStartScreen ? /* @__PURE__ */ jsx(AgentChatStartScreen, {
 				...startScreenProps,
 				composer
-			}) : /* @__PURE__ */ jsx(MessageScrollerProvider, {
-				autoScroll: true,
-				defaultScrollPosition: "last-anchor",
-				children: /* @__PURE__ */ jsxs(MessageScroller, {
-					className: "agent-chat__conversation",
-					children: [/* @__PURE__ */ jsx(MessageScrollerViewport, { children: /* @__PURE__ */ jsxs(MessageScrollerContent, {
-						"aria-busy": status === "streaming" || status === "submitted",
-						className: "agent-chat__transcript-content",
-						children: [messages.length === 0 ? /* @__PURE__ */ jsx(MessageScrollerItem, {
-							className: "conversation__empty-row",
-							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: isMessageScrollAnchor?.({
-								message,
-								messageIndex
-							}) ?? message.role === "user",
-							children: isCompactionMessage(message) ? /* @__PURE__ */ jsx(Marker, {
-								variant: "separator",
-								children: /* @__PURE__ */ jsx(MarkerContent, { children: getMessageText(message) || "Conversation compacted" })
-							}) : /* @__PURE__ */ jsx(Message, {
-								from: message.role,
-								children: editingMessageId === message.id && onEditAndResend ? /* @__PURE__ */ jsx(AgentChatMessageEditor, {
-									message,
-									originalText: getEditableUserText(message) ?? "",
-									onSubmit: onEditAndResend,
-									onCancel: () => {
-										restoreEditFocus.current = true;
-										setEditingMessageId(void 0);
-									},
-									onSuccess: () => {
-										restoreEditFocus.current = false;
-										setEditingMessageId(void 0);
-									}
-								}, message.id) : /* @__PURE__ */ jsxs(Fragment, { children: [
-									/* @__PURE__ */ jsx(AgentMessageParts, {
-										message,
-										status: messageIndex === messages.length - 1 ? status : "ready",
-										renderPart
-									}),
-									renderMessageAfter?.({
-										message,
-										messageIndex
-									}),
-									onEditAndResend && messageIndex === lastUserIndex && getEditableUserText(message) !== void 0 ? /* @__PURE__ */ jsx(MessageActions, {
-										"aria-label": "Message actions",
-										children: /* @__PURE__ */ jsx(MessageAction, {
-											ref: editButtonRef,
-											label: "Edit message",
-											tooltip: "Edit and resend",
-											onClick: () => {
-												restoreEditFocus.current = false;
-												setEditingMessageId(message.id);
-											},
-											children: /* @__PURE__ */ jsx(PencilIcon, {})
-										})
-									}) : null,
-									message.role === "assistant" && (showAssistantActions?.({
-										message,
-										messageIndex
-									}) ?? true) ? /* @__PURE__ */ jsx(AgentChatAssistantActions, {
-										message,
-										responseNumber: assistantResponseNumbers[messageIndex],
-										showCopy: messageIndex !== newestAssistantIndex || status !== "streaming" && status !== "submitted",
-										showRetry: messageIndex === lastAssistantIndex,
-										onRegenerate,
-										onCopyStatus: announceCopyStatus
-									}) : null
-								] })
-							})
-						}, message.id ?? messageIndex))]
-					}) }), /* @__PURE__ */ jsx(MessageScrollerButton, {
-						"aria-label": "Scroll to latest",
-						className: "agent-chat__scroll-button",
-						size: "sm"
-					})]
-				})
-			}),
+			}) : /* @__PURE__ */ jsx(ExpansionStateProvider, { children: /* @__PURE__ */ jsx(VirtualMessageScroller, {
+				className: "agent-chat__conversation",
+				items: messages,
+				getItemKey: (message) => message.id,
+				emptyState: /* @__PURE__ */ jsx("div", {
+					className: "conversation__empty-row",
+					children: emptyRow
+				}),
+				contentProps: {
+					role: "log",
+					"aria-live": "off",
+					"aria-busy": status === "streaming" || status === "submitted",
+					className: "agent-chat__transcript-content"
+				},
+				scrollButtonLabel: "Scroll to latest",
+				scrollButtonProps: { className: "agent-chat__scroll-button" },
+				renderItem: (message, messageIndex) => /* @__PURE__ */ jsx(AgentChatTranscriptRowBody, { ...transcriptRowProps(message, messageIndex) })
+			}) }),
 			showsStartScreen ? null : composer
 		]
 	});

package/dist/components/AgentChatStartScreen.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Button } from "./Button.js";
-import { tt as XIcon } from "../icons-ua6f_GH3.js";
+import { nt as XIcon } from "../icons-w5PpKGRz.js";
 import { IconButton } from "./IconButton.js";
 import { PromptInputTray } from "./PromptInput.js";
 import * as React from "react";

package/dist/components/AgentConnection.js

@@ -1,10 +1,10 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Button } from "./Button.js";
-import { k as LinkIcon } from "../icons-ua6f_GH3.js";
+import { k as LinkIcon } from "../icons-w5PpKGRz.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-Cp67Njo3.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-B3RLU3ez.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,6 +1,7 @@
-import { d as MessageContent, f as MessageResponse, i as MessageAttachment } from "../Message-_-bEYLAO.js";
+import { d as MessageContent, f as MessageResponse, i as MessageAttachment } from "../Message-KlK8tlBZ.js";
 import { Reasoning, ReasoningContent, ReasoningTrigger } from "./Reasoning.js";
 import { Source, Sources, SourcesContent, SourcesTrigger } from "./Sources.js";
+import { isToolPartWorking } from "./ThinkChatToolParts.js";
 import { ToolInvocation } from "./ToolInvocation.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -85,7 +86,10 @@ function renderDefaultPart(message, part, partIndex, status) {
 			children: [/* @__PURE__ */ jsx(ReasoningTrigger, {}), /* @__PURE__ */ jsx(ReasoningContent, { children: reasoningText })]
 		});
 	}
-	if (isToolUIPart(part)) return /* @__PURE__ */ jsx(ToolInvocation, { part });
+	if (isToolUIPart(part)) return /* @__PURE__ */ jsx(ToolInvocation, {
+		part,
+		isStreaming: (status === "streaming" || status === "submitted") && isToolPartWorking(part)
+	});
 	return null;
 }
 /**

package/dist/components/AgentToolDetail.d.ts

@@ -1,4 +1,4 @@
-import { n as ThinkChatValue } from "../ThinkChatContext-DrsZqdaO.js";
+import { i as ThinkChatValue } from "../ThinkChatContext-B-Nk84Wi.js";
 import { ThinkChatMessagesProps } from "./ThinkChat.js";
 import { t as ThinkAgent } from "../think-agent-Cip5KAPj.js";
 import * as React from "react";

package/dist/components/AgentToolDetail.js

@@ -1,11 +1,11 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { r as ArrowLeftIcon } from "../icons-ua6f_GH3.js";
+import { r as ArrowLeftIcon } from "../icons-w5PpKGRz.js";
 import { TransitionSurface } from "./TransitionSurface.js";
 import { AppTopBar } from "./AppTopBar.js";
 import { NaniteMark } from "./NaniteScene.js";
 import { SubagentRunIndicator, getSubagentRunName } from "./SubagentRunIndicator.js";
 import { SubagentRunMilestone, SubagentRunMilestones, SubagentRunProgress } from "./SubagentRunDetails.js";
-import { t as ThinkChat } from "../ThinkChat-E_HrfH76.js";
+import { t as ThinkChat } from "../ThinkChat-DVhCEjq-.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useAgentChat } from "@cloudflare/think/react";

package/dist/components/Approval.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Button } from "./Button.js";
-import { B as PencilIcon } from "../icons-ua6f_GH3.js";
+import { B as PencilIcon } from "../icons-w5PpKGRz.js";
 import { Kbd } from "./Kbd.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/Artifact.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { tt as XIcon } from "../icons-ua6f_GH3.js";
+import { nt as XIcon } from "../icons-w5PpKGRz.js";
 import { IconButton } from "./IconButton.js";
 import "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/BrowserLiveView.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Button } from "./Button.js";
-import { A as MaximizeIcon, q as SpinnerIcon } from "../icons-ua6f_GH3.js";
+import { A as MaximizeIcon, q as SpinnerIcon } from "../icons-w5PpKGRz.js";
 import { Dialog } from "./Dialog.js";
 import { TransitionSurface } from "./TransitionSurface.js";
 import { StatusPill } from "./StatusPill.js";

package/dist/components/BrowserReplay.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { V as PlayIcon, z as PauseIcon } from "../icons-ua6f_GH3.js";
+import { V as PlayIcon, z as PauseIcon } from "../icons-w5PpKGRz.js";
 import { IconButton } from "./IconButton.js";
 import { r as formatClock } from "../format-S6uWyoSb.js";
 import { EmptyState } from "./EmptyState.js";

package/dist/components/BrowserRunPanel.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Button } from "./Button.js";
-import { q as SpinnerIcon, tt as XIcon } from "../icons-ua6f_GH3.js";
+import { nt as XIcon, q as SpinnerIcon } from "../icons-w5PpKGRz.js";
 import { Tabs } from "./Tabs.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";
 import { WebPreview, WebPreviewNavigation, WebPreviewNavigationButton, WebPreviewUrl } from "./WebPreview.js";

package/dist/components/ChainOfThought.d.ts

@@ -1,5 +1,5 @@
 import { t as Collapsible } from "../Collapsible-N64ASIQr.js";
-import { O as IconProps } from "../icons-wP1yFUXF.js";
+import { O as IconProps } from "../icons-Cih3W-zM.js";
 import * as React from "react";
 
 //#region src/components/ChainOfThought.d.ts

package/dist/components/ChainOfThought.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Collapsible } from "./Collapsible.js";
-import { d as CheckIcon, m as ChevronRightIcon, q as SpinnerIcon, v as DotIcon } from "../icons-ua6f_GH3.js";
+import { d as CheckIcon, m as ChevronRightIcon, q as SpinnerIcon, v as DotIcon } from "../icons-w5PpKGRz.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ChainOfThought.tsx

package/dist/components/ChatGptSignInScreen.js

@@ -1,7 +1,7 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Button } from "./Button.js";
-import { q as SpinnerIcon } from "../icons-ua6f_GH3.js";
-import { u as ModelSelectorLogo } from "../ModelSelector-Brvj9Cab.js";
+import { q as SpinnerIcon } from "../icons-w5PpKGRz.js";
+import { u as ModelSelectorLogo } from "../ModelSelector-YTlqkIjs.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ChatGptSignInScreen.tsx

package/dist/components/Checkbox.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
-import { d as CheckIcon } from "../icons-ua6f_GH3.js";
+import { d as CheckIcon } from "../icons-w5PpKGRz.js";
 import { jsx } from "react/jsx-runtime";
 import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
 //#region src/components/Checkbox.tsx

package/dist/components/Checkpoint.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { s as BookmarkIcon } from "../icons-ua6f_GH3.js";
+import { s as BookmarkIcon } from "../icons-w5PpKGRz.js";
 import { Marker, MarkerIcon } from "./Marker.js";
 import "react";
 import { jsx } from "react/jsx-runtime";

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

package/dist/components/CodexModelSelector.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { W as RefreshIcon, d as CheckIcon, f as ChevronDownIcon, l as BrainIcon, m as ChevronRightIcon } from "../icons-ua6f_GH3.js";
+import { W as RefreshIcon, d as CheckIcon, f as ChevronDownIcon, l as BrainIcon, m as ChevronRightIcon } from "../icons-w5PpKGRz.js";
 import { Tooltip } from "./Tooltip.js";
 import { i as titleCase } from "../format-S6uWyoSb.js";
 import { Menu } from "./Menu.js";

package/dist/components/Commit.js

@@ -1,8 +1,8 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Collapsible } from "./Collapsible.js";
-import { C as FileIcon, m as ChevronRightIcon } from "../icons-ua6f_GH3.js";
+import { C as FileIcon, m as ChevronRightIcon } from "../icons-w5PpKGRz.js";
 import { Avatar } from "./Avatar.js";
-import { t as CopyButton } from "../copy-button-TWq8nZhc.js";
+import { t as CopyButton } from "../copy-button-Buxmtmp9.js";
 import { Badge } from "./Badge.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/ContextMenu.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName, t as cx } from "../class-names-BiMDVpUo.js";
-import { d as CheckIcon, v as DotIcon } from "../icons-ua6f_GH3.js";
+import { d as CheckIcon, v as DotIcon } from "../icons-w5PpKGRz.js";
 import "react";
 import { jsx } 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-BiMDVpUo.js";
-import { n as ArrowDownIcon, y as DownloadIcon } from "../icons-ua6f_GH3.js";
+import { n as ArrowDownIcon, y as DownloadIcon } from "../icons-w5PpKGRz.js";
 import { IconButton } from "./IconButton.js";
 import { t as assignRef } from "../merge-refs-DF_7w2x_.js";
 import { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport } from "./MessageScroller.js";

package/dist/components/EnvironmentVariables.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { S as EyeOffIcon, x as EyeIcon } from "../icons-ua6f_GH3.js";
-import { t as CopyButton } from "../copy-button-TWq8nZhc.js";
+import { S as EyeOffIcon, x as EyeIcon } from "../icons-w5PpKGRz.js";
+import { t as CopyButton } from "../copy-button-Buxmtmp9.js";
 import { Badge } from "./Badge.js";
 import { Switch } from "./Switch.js";
 import * as React from "react";

package/dist/components/ExpansionState.d.ts

@@ -0,0 +1,51 @@
+import * as React from "react";
+
+//#region src/components/ExpansionState.d.ts
+/**
+ * Disclosure open states keyed by stable transcript ids, held outside the
+ * rows so a virtualized transcript can unmount a row and restore its
+ * disclosures when it scrolls back into view.
+ */
+interface ExpansionStore {
+  get(key: string): boolean | undefined;
+  set(key: string, open: boolean): void;
+}
+/** Plain Map-backed store. Create one per conversation/thread. */
+declare function createExpansionStore(): ExpansionStore;
+interface ExpansionStateProviderProps {
+  /**
+   * Store to record disclosure state in. Omit to scope persistence to this
+   * provider's lifetime — enough for scrolling within a mounted transcript.
+   *
+   * Host-side note: pass your own `createExpansionStore()` instance held
+   * above the route (module scope, a ref in a layout component, or keyed by
+   * conversation id) when transcripts should keep their expanded disclosures
+   * across route navigation or panel remounts. The store is a plain Map —
+   * drop it when the conversation is discarded so it doesn't accumulate keys
+   * for messages that no longer exist.
+   */
+  store?: ExpansionStore;
+  children: React.ReactNode;
+}
+/**
+ * Provides the expansion store that `Activity`, `ActivityItemGroup`, and
+ * `ToolInvocation` write through when given a `stateKey`. (`Reasoning` is the
+ * deliberate exception — it keeps its own auto-open/auto-close streaming
+ * state and resets on remount.) `AgentChat` renders one around its transcript
+ * automatically; wrap it yourself (with an app-held `store`) to persist
+ * across remounts. A provider without an explicit `store` defers to an
+ * enclosing one, so AgentChat's built-in provider never shadows a host's.
+ */
+declare function ExpansionStateProvider({
+  store,
+  children
+}: ExpansionStateProviderProps): React.JSX.Element;
+/**
+ * Open state initialized from the surrounding store (falling back to
+ * `defaultOpen`) and written through on every change. Only the mounted row
+ * reads a given key, so there is no subscription — remounting re-reads the
+ * store. Without a provider or a `stateKey` this is plain local state.
+ */
+declare function useExpansionState(stateKey: string | undefined, defaultOpen: boolean): [boolean, (open: boolean) => void];
+//#endregion
+export { ExpansionStateProvider, ExpansionStateProviderProps, ExpansionStore, createExpansionStore, useExpansionState };