@mcp-b/react-components 0.52.0 → 0.54.0

package/dist/{CodeBlock-Bl-q7wMc.js → CodeBlock-Dw1z6jc8.js}

@@ -1,5 +1,5 @@
 import { t as cx } from "./class-names-BiMDVpUo.js";
-import { t as CopyButton } from "./copy-button-CSDuDfdP.js";
+import { t as CopyButton } from "./copy-button-Dk2vRe9j.js";
 import { Select } from "./components/foundations/Select.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/{EmployeeChrome-C8eTGJWn.d.ts → EmployeeChrome-B605rpVz.d.ts}

@@ -100,6 +100,8 @@ type EmployeeAgentRun = {
 interface EmployeeWorkbenchItem {
   id: string;
   label: string;
+  /** Explains the destination on hover and keyboard focus. */
+  description: string;
   icon: React.ReactNode;
 }
 interface EmployeeMenuProps {

package/dist/{FileTree-DruTQ-oa.js → FileTree-okaLnS5j.js}

@@ -1,5 +1,5 @@
 import { t as cx } from "./class-names-BiMDVpUo.js";
-import { C as FolderIcon, S as FileIcon, p as ChevronRightIcon, w as FolderOpenIcon } from "./icons-cuEtsgj9.js";
+import { C as FolderIcon, S as FileIcon, p as ChevronRightIcon, w as FolderOpenIcon } from "./icons-CeGfXO21.js";
 import { t as NavigationLink } from "./navigation-link-kqMa81v5.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{ManagerOffice-CMJ7laGe.js → ManagerOffice-D4L_xO4i.js}

@@ -1,17 +1,17 @@
 import { findCatalogMcpServerCard, getMcpServerIconSrc } from "./utils/mcp-server-catalog.js";
 import { t as cx } from "./class-names-BiMDVpUo.js";
-import { C as FolderIcon, D as LinkIcon, K as SpinnerIcon, L as PauseIcon, P as MonitorIcon, S as FileIcon, T as InfoIcon, _ as DotIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon, j as MessageSquareIcon, nt as XIcon, p as ChevronRightIcon, u as CalendarIcon } from "./icons-cuEtsgj9.js";
 import { Collapsible } from "./components/foundations/Collapsible.js";
+import { C as FolderIcon, D as LinkIcon, K as SpinnerIcon, L as PauseIcon, P as MonitorIcon, S as FileIcon, T as InfoIcon, _ as DotIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon, j as MessageSquareIcon, nt as XIcon, p as ChevronRightIcon, u as CalendarIcon } from "./icons-CeGfXO21.js";
 import { Button } from "./components/foundations/Button.js";
+import { AgentAttention, AgentAttentionActions, AgentAttentionBody, AgentAttentionHeader } from "./components/ai-sdk/AgentAttention.js";
 import { Tooltip } from "./components/foundations/Tooltip.js";
-import { EmptyState } from "./components/foundations/EmptyState.js";
-import { AppTopBar } from "./components/general-purpose/AppTopBar.js";
 import { Avatar } from "./components/foundations/Avatar.js";
+import { CorrespondentName, correspondentHandleLabel } from "./components/ai-sdk/Correspondent.js";
 import { AppIcon } from "./components/foundations/AppIcon.js";
+import { EmptyState } from "./components/foundations/EmptyState.js";
 import { LinkButton } from "./components/foundations/LinkButton.js";
+import { AppTopBar } from "./components/general-purpose/AppTopBar.js";
 import { getThinkExecutionRunStatus } from "./components/agents-sdk/ThinkExecutionRun.js";
-import { AgentAttention, AgentAttentionActions, AgentAttentionBody, AgentAttentionHeader } from "./components/ai-sdk/AgentAttention.js";
-import { CorrespondentName, correspondentHandleLabel } from "./components/ai-sdk/Correspondent.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useRender } from "@base-ui/react/use-render";

package/dist/{SetupChecklist-BiWQkKEq.js → SetupChecklist-DWyifWWg.js}

@@ -1,7 +1,7 @@
 import { n as mergeBaseClassName } from "./class-names-BiMDVpUo.js";
-import { B as PlusIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon } from "./icons-cuEtsgj9.js";
-import { IconButton } from "./components/foundations/IconButton.js";
+import { B as PlusIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon } from "./icons-CeGfXO21.js";
 import { Menu } from "./components/foundations/Menu.js";
+import { IconButton } from "./components/foundations/IconButton.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/_internal/menu-disclosure-group.tsx

package/dist/{WorkspaceFileView-DXgTljKV.js → WorkspaceFileView-DQDWUpAH.js}

@@ -1,7 +1,7 @@
-import { b as EyeIcon, d as CheckIcon, et as WarningIcon, k as MaximizeIcon, m as CodeIcon, r as ArrowLeftIcon, v as DownloadIcon } from "./icons-cuEtsgj9.js";
+import { b as EyeIcon, d as CheckIcon, et as WarningIcon, k as MaximizeIcon, m as CodeIcon, r as ArrowLeftIcon, v as DownloadIcon } from "./icons-CeGfXO21.js";
 import { i as formatClock } from "./format-COCyV98Z.js";
+import { a as CodeBlockCopyButton, i as CodeBlockContent, r as CodeBlockContainer, t as CodeBlock } from "./CodeBlock-Dw1z6jc8.js";
 import { AppTopBar } from "./components/general-purpose/AppTopBar.js";
-import { a as CodeBlockCopyButton, i as CodeBlockContent, r as CodeBlockContainer, t as CodeBlock } from "./CodeBlock-Bl-q7wMc.js";
 import { inferWorkspaceLanguage, inferWorkspaceMedia, isWorkspaceMarkdownPath, isWorkspaceSkillPath, parseWorkspaceSkill } from "./components/agents-sdk/WorkspaceFile.js";
 import { i as useWorkspaceNavigationContext } from "./WorkspaceLink-BYZG-V_I.js";
 import { useWorkspaceNavigationRestoration } from "./components/agents-sdk/WorkspaceNavigationRestoration.js";

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

@@ -1,5 +1,5 @@
 import { canRequestFavicon, inferFaviconUrl } from "../../utils/favicon.js";
-import { D as LinkIcon, P as MonitorIcon, R as PencilIcon, S as FileIcon, T as InfoIcon, U as SearchIcon, Z as TerminalIcon, et as WarningIcon, tt as WrenchIcon } from "../../icons-cuEtsgj9.js";
+import { D as LinkIcon, P as MonitorIcon, R as PencilIcon, S as FileIcon, T as InfoIcon, U as SearchIcon, Z as TerminalIcon, et as WarningIcon, tt as WrenchIcon } from "../../icons-CeGfXO21.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/agents-sdk/AgentActivity.tsx

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

@@ -32,6 +32,8 @@ interface AgentChatRootProps<MessageT extends UIMessage = UIMessage> extends Omi
 interface AgentChatRenderMessageContext<MessageT extends UIMessage = UIMessage> {
   message: MessageT;
   messageIndex: number;
+  /** One-based ordinal among ordinary messages of the same role. */
+  messageNumber: number;
 }
 interface AgentChatRuntime<MessageT extends UIMessage = UIMessage> {
   messages: readonly MessageT[];
@@ -52,6 +54,13 @@ interface AgentChatRuntime<MessageT extends UIMessage = UIMessage> {
   dockRef: React.RefObject<HTMLDivElement | null>;
   announce: (text: string) => void;
 }
+type AgentChatControls<MessageT extends UIMessage = UIMessage> = Omit<AgentChatRuntime<MessageT>, "messages"> & {
+  lastMessageId: string | undefined;
+  lastUserMessageId: string | undefined;
+  lastAssistantMessageId: string | undefined;
+};
+/** Control state excludes streamed message bodies. */
+declare function useAgentChatControls<MessageT extends UIMessage = UIMessage>(): AgentChatControls<MessageT>;
 declare function useAgentChatRuntime<MessageT extends UIMessage = UIMessage>(): AgentChatRuntime<MessageT>;
 /** Layout and runtime adapter over the nearest queue owner; connections remain host-owned. */
 declare function AgentChatRoot<MessageT extends UIMessage = UIMessage>({
@@ -89,6 +98,7 @@ interface AgentChatMessageProps<MessageT extends UIMessage = UIMessage> extends
 declare function AgentChatMessage<MessageT extends UIMessage = UIMessage>({
   message,
   messageIndex,
+  messageNumber,
   children
 }: AgentChatMessageProps<MessageT>): React.JSX.Element;
 interface AgentChatMessageContentProps<MessageT extends UIMessage = UIMessage> {
@@ -199,4 +209,4 @@ declare const AgentChat: {
   Approval: typeof AgentChatApproval;
 };
 //#endregion
-export { AgentChat, AgentChatActions, AgentChatApproval, AgentChatApprovals, AgentChatApprovalsProps, AgentChatComposer, AgentChatComposerProps, AgentChatCopyAction, AgentChatDock, AgentChatEditAction, AgentChatLoading, AgentChatMessage, AgentChatMessageContent, AgentChatMessageContentProps, AgentChatMessageProps, AgentChatNotice, AgentChatPromptTray, AgentChatPromptTrayProps, AgentChatQueue, AgentChatRenderMessageContext, AgentChatRetryAction, AgentChatRoot, AgentChatRootProps, AgentChatSubmit, AgentChatTimestamp, AgentChatTranscript, AgentChatTranscriptProps, compactingNotice, useAgentChatApprovals, useAgentChatCompaction, useAgentChatRuntime };
+export { AgentChat, AgentChatActions, AgentChatApproval, AgentChatApprovals, AgentChatApprovalsProps, AgentChatComposer, AgentChatComposerProps, AgentChatCopyAction, AgentChatDock, AgentChatEditAction, AgentChatLoading, AgentChatMessage, AgentChatMessageContent, AgentChatMessageContentProps, AgentChatMessageProps, AgentChatNotice, AgentChatPromptTray, AgentChatPromptTrayProps, AgentChatQueue, AgentChatRenderMessageContext, AgentChatRetryAction, AgentChatRoot, AgentChatRootProps, AgentChatSubmit, AgentChatTimestamp, AgentChatTranscript, AgentChatTranscriptProps, compactingNotice, useAgentChatApprovals, useAgentChatCompaction, useAgentChatControls, useAgentChatRuntime };

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

@@ -1,24 +1,23 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { H as RefreshIcon, K as SpinnerIcon, Q as TrashIcon, R as PencilIcon, t as ArchiveIcon } from "../../icons-cuEtsgj9.js";
 import { ExpansionStateProvider } from "../ai-sdk/ExpansionState.js";
+import { H as RefreshIcon, K as SpinnerIcon, Q as TrashIcon, R as PencilIcon, t as ArchiveIcon } from "../../icons-CeGfXO21.js";
+import { AgentChatMessageEditor } from "../ai-sdk/AgentChatMessageEditor.js";
+import { PromptInput, PromptInputSubmit, PromptInputTray, composerLinksToReferences, usePromptInputController } from "../ai-sdk/PromptInput.js";
 import { Message, MessageAction, MessageActions, MessageCopyAction, MessageMeta, MessageTimestamp } from "../ai-sdk/Message.js";
-import { AgentEventRow, getAgentEvent } from "./AgentEvent.js";
-import { AgentChatQueueProvider, useOptionalAgentChatQueue } from "./AgentChatQueue.js";
 import { AgentMessageParts } from "../ai-sdk/AgentMessageParts.js";
-import { AgentChatMessageEditor } from "../ai-sdk/AgentChatMessageEditor.js";
+import { Marker, MarkerContent } from "../foundations/Marker.js";
 import { VirtualMessageScroller } from "../ai-sdk/MessageScrollerVirtual.js";
-import { PromptInput, PromptInputSubmit, PromptInputTray, composerLinksToReferences, usePromptInputController } from "../ai-sdk/PromptInput.js";
 import { Queue, QueueItem, QueueItemAction, QueueItemActions, QueueItemContent, QueueItemIndicator, QueueList } from "../ai-sdk/Queue.js";
-import { PromptInputApproval, getApprovalStateKey, getPendingToolApprovals } from "./PromptInputApproval.js";
 import { BrandLoading } from "../general-purpose/BrandLoading.js";
-import { Marker, MarkerContent } from "../foundations/Marker.js";
-import { TransitionSurface } from "../foundations/TransitionSurface.js";
+import { AgentEventRow, getAgentEvent } from "./AgentEvent.js";
+import { AgentChatQueueProvider, useOptionalAgentChatQueue } from "./AgentChatQueue.js";
+import { PromptInputApproval, getApprovalStateKey, getPendingToolApprovals } from "./PromptInputApproval.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useRender } from "@base-ui/react/use-render";
 import { mergeProps } from "@base-ui/react/merge-props";
-import { isCompactionMessage } from "agents/experimental/memory/utils";
 import { isTextUIPart } from "ai";
+import { isCompactionMessage } from "agents/experimental/memory/utils";
 //#region src/components/agents-sdk/AgentChat.tsx
 function observeAgentChatDock(element) {
 	if (!element || typeof ResizeObserver === "undefined") return;
@@ -41,12 +40,23 @@ function observeAgentChatDock(element) {
 		observer.disconnect();
 	};
 }
-const AgentChatContext = React.createContext(null);
-function useAgentChatRuntime() {
-	const value = React.useContext(AgentChatContext);
+const AgentChatMessagesContext = React.createContext(null);
+const AgentChatControlsContext = React.createContext(null);
+/** Control state excludes streamed message bodies. */
+function useAgentChatControls() {
+	const value = React.useContext(AgentChatControlsContext);
 	if (!value) throw new Error("Chat parts must be used inside AgentChat.Root or ThinkChat.Root.");
 	return value;
 }
+function useAgentChatRuntime() {
+	const messages = React.useContext(AgentChatMessagesContext);
+	const controls = useAgentChatControls();
+	if (!messages) throw new Error("Chat parts must be used inside AgentChat.Root or ThinkChat.Root.");
+	return React.useMemo(() => ({
+		messages,
+		...controls
+	}), [messages, controls]);
+}
 /** Layout and runtime adapter over the nearest queue owner; connections remain host-owned. */
 function AgentChatRoot({ onSubmit, onStop, onPromptQueued, ...props }) {
 	const queue = useOptionalAgentChatQueue();
@@ -73,11 +83,17 @@ function AgentChatRuntimeRoot({ messages, status = "ready", onRegenerate, onEdit
 	const { items: queued, submit, captureSubmit, remove: removeQueued, steer, error: queueError, submissionVersion } = queue;
 	const busy = status === "submitted" || status === "streaming";
 	const dockRef = React.useRef(null);
-	const stop = React.useMemo(() => queue.canStop ? () => {
-		queue.stop().catch(() => void 0);
-	} : void 0, [queue]);
+	const { canStop, stop: stopQueued } = queue;
+	const stop = React.useMemo(() => canStop ? () => {
+		stopQueued().catch(() => void 0);
+	} : void 0, [canStop, stopQueued]);
+	const lastMessageId = messages.at(-1)?.id;
+	const lastUserMessageId = messages.findLast((message) => message.role === "user" && !getAgentEvent(message))?.id;
+	const lastAssistantMessageId = messages.findLast((message) => message.role === "assistant" && !isCompactionMessage(message) && !getAgentEvent(message))?.id;
 	const value = React.useMemo(() => ({
-		messages,
+		lastMessageId,
+		lastUserMessageId,
+		lastAssistantMessageId,
 		status,
 		busy,
 		submit,
@@ -95,7 +111,9 @@ function AgentChatRuntimeRoot({ messages, status = "ready", onRegenerate, onEdit
 		dockRef,
 		announce
 	}), [
-		messages,
+		lastMessageId,
+		lastUserMessageId,
+		lastAssistantMessageId,
 		status,
 		busy,
 		submit,
@@ -112,27 +130,37 @@ function AgentChatRuntimeRoot({ messages, status = "ready", onRegenerate, onEdit
 		submissionVersion,
 		announce
 	]);
-	return /* @__PURE__ */ jsx(AgentChatContext.Provider, {
-		value,
-		children: /* @__PURE__ */ jsxs(TransitionSurface, {
-			ref,
-			variant: "fade",
-			className: cx("agent-chat", className),
-			"data-recipe": "fill-host",
-			...props,
-			children: [children, /* @__PURE__ */ jsx("span", {
-				className: "sigvelo-visually-hidden",
-				role: "status",
-				"aria-live": "polite",
-				"aria-atomic": "true",
-				children: announcement
-			})]
+	return /* @__PURE__ */ jsx(AgentChatMessagesContext.Provider, {
+		value: messages,
+		children: /* @__PURE__ */ jsx(AgentChatControlsContext.Provider, {
+			value,
+			children: /* @__PURE__ */ jsxs("div", {
+				ref,
+				className: cx("agent-chat", className),
+				"data-recipe": "fill-host",
+				...props,
+				children: [children, /* @__PURE__ */ jsx("span", {
+					className: "sigvelo-visually-hidden",
+					role: "status",
+					"aria-live": "polite",
+					"aria-atomic": "true",
+					children: announcement
+				})]
+			})
 		})
 	});
 }
 /** Windowed transcript. Historical rows are never a live region; their disclosure state survives windowing. */
 function AgentChatTranscript({ children, emptyState, className, scrollAnchor }) {
 	const { messages, busy } = useAgentChatRuntime();
+	const messageNumbers = React.useMemo(() => {
+		const counts = {
+			system: 0,
+			user: 0,
+			assistant: 0
+		};
+		return messages.map((message) => isCompactionMessage(message) || getAgentEvent(message) ? 0 : ++counts[message.role]);
+	}, [messages]);
 	return /* @__PURE__ */ jsx(ExpansionStateProvider, { children: /* @__PURE__ */ jsx(VirtualMessageScroller, {
 		className: cx("agent-chat__conversation", className),
 		items: messages,
@@ -149,7 +177,8 @@ function AgentChatTranscript({ children, emptyState, className, scrollAnchor })
 		scrollButtonProps: { className: "agent-chat__scroll-button" },
 		renderItem: (message, messageIndex) => children({
 			message,
-			messageIndex
+			messageIndex,
+			messageNumber: messageNumbers[messageIndex]
 		})
 	}) });
 }
@@ -166,8 +195,8 @@ function useChatMessage() {
 	return value;
 }
 /** Preserves runtime-authored event/compaction provenance and owns only the local edit lifecycle. */
-function AgentChatMessage({ message, messageIndex, children }) {
-	const { onEditAndResend } = useAgentChatRuntime();
+function AgentChatMessage({ message, messageIndex, messageNumber, children }) {
+	const { onEditAndResend } = useAgentChatControls();
 	const [editing, setEditing] = React.useState(false);
 	const editRef = React.useRef(null);
 	const restoreFocus = React.useRef(false);
@@ -180,9 +209,14 @@ function AgentChatMessage({ message, messageIndex, children }) {
 	const value = React.useMemo(() => ({
 		message,
 		messageIndex,
+		messageNumber,
 		editRef,
 		startEdit: () => setEditing(true)
-	}), [message, messageIndex]);
+	}), [
+		message,
+		messageIndex,
+		messageNumber
+	]);
 	if (isCompactionMessage(message)) return /* @__PURE__ */ jsx(Marker, {
 		variant: "separator",
 		children: /* @__PURE__ */ jsx(MarkerContent, { children: "Context compacted" })
@@ -219,11 +253,11 @@ function isCompactedPart(message, partIndex) {
 	return isTextUIPart(part) ? Array.isArray(metadata?.compactedTextParts) && metadata.compactedTextParts.includes(partIndex) : part !== void 0 && "toolCallId" in part && Array.isArray(metadata?.compactedToolOutputs) && metadata.compactedToolOutputs.includes(part.toolCallId);
 }
 function AgentChatMessageContent({ message, renderPart }) {
-	const { messages, status } = useAgentChatRuntime();
+	const { lastMessageId, status } = useAgentChatControls();
 	return /* @__PURE__ */ jsx(MemoizedMessageParts, {
 		message,
 		renderPart,
-		status: message.id === messages.at(-1)?.id ? status : "ready"
+		status: message.id === lastMessageId ? status : "ready"
 	});
 }
 function MessageParts({ message, renderPart, status }) {
@@ -244,13 +278,12 @@ function MessageParts({ message, renderPart, status }) {
 const MemoizedMessageParts = React.memo(MessageParts);
 /** Stable action space for a message; callers choose every action inside it. */
 function AgentChatActions({ children, ...props }) {
-	const { message, messageIndex } = useChatMessage();
-	const { messages, busy } = useAgentChatRuntime();
-	const number = messages.slice(0, messageIndex + 1).filter((m) => m.role === message.role && !isCompactionMessage(m) && !getAgentEvent(m)).length;
-	const unavailable = busy && (message.role === "user" ? message.id === messages.findLast((item) => item.role === "user" && !getAgentEvent(item))?.id : message.id === messages.at(-1)?.id);
+	const { message, messageNumber } = useChatMessage();
+	const { lastMessageId, lastUserMessageId, busy } = useAgentChatControls();
+	const unavailable = busy && message.id === (message.role === "user" ? lastUserMessageId : lastMessageId);
 	return /* @__PURE__ */ jsx(MessageMeta, { children: /* @__PURE__ */ jsx(MessageActions, {
 		reserveSpace: message.role === "assistant",
-		"aria-label": `Actions for ${message.role === "assistant" ? "response" : "message"} ${number}`,
+		"aria-label": `Actions for ${message.role === "assistant" ? "response" : "message"} ${messageNumber}`,
 		"data-unavailable": unavailable ? true : void 0,
 		"aria-hidden": unavailable ? true : void 0,
 		inert: unavailable ? true : void 0,
@@ -259,14 +292,14 @@ function AgentChatActions({ children, ...props }) {
 	}) });
 }
 function AgentChatCopyAction() {
-	const { message, messageIndex } = useChatMessage();
-	const { messages, busy, announce } = useAgentChatRuntime();
+	const { message, messageIndex, messageNumber } = useChatMessage();
+	const { lastMessageId, busy, announce } = useAgentChatControls();
 	const text = message.parts.filter(isTextUIPart).map((part) => part.text).join("\n\n").trim();
 	if (!text) return null;
-	const label = message.role === "assistant" ? `Copy response ${messages.slice(0, messageIndex + 1).filter((m) => m.role === "assistant" && !isCompactionMessage(m) && !getAgentEvent(m)).length}` : `Copy message ${messageIndex + 1}`;
+	const label = message.role === "assistant" ? `Copy response ${messageNumber}` : `Copy message ${messageIndex + 1}`;
 	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(MessageCopyAction, {
 		label,
-		disabled: busy && message.id === messages.at(-1)?.id,
+		disabled: busy && message.id === lastMessageId,
 		tooltip: message.role === "assistant" ? "Copy response" : "Copy message",
 		text,
 		size: "xs",
@@ -276,8 +309,8 @@ function AgentChatCopyAction() {
 }
 function AgentChatRetryAction() {
 	const { message } = useChatMessage();
-	const { messages, busy, onRegenerate } = useAgentChatRuntime();
-	if (!onRegenerate || message.id !== messages.findLast((m) => m.role === "assistant" && !isCompactionMessage(m) && !getAgentEvent(m))?.id) return null;
+	const { lastAssistantMessageId, busy, onRegenerate } = useAgentChatControls();
+	if (!onRegenerate || message.id !== lastAssistantMessageId) return null;
 	return /* @__PURE__ */ jsx(MessageAction, {
 		disabled: busy,
 		label: "Retry",
@@ -289,8 +322,8 @@ function AgentChatRetryAction() {
 }
 function AgentChatEditAction() {
 	const { message, startEdit, editRef } = useChatMessage();
-	const { messages, busy, onEditAndResend } = useAgentChatRuntime();
-	if (!onEditAndResend || !editableText(message) || message.id !== messages.findLast((m) => m.role === "user" && !getAgentEvent(m))?.id) return null;
+	const { lastUserMessageId, busy, onEditAndResend } = useAgentChatControls();
+	if (!onEditAndResend || !editableText(message) || message.id !== lastUserMessageId) return null;
 	return /* @__PURE__ */ jsx(MessageAction, {
 		ref: editRef,
 		disabled: busy,
@@ -312,7 +345,7 @@ function AgentChatTimestamp() {
 }
 /** Measured bottom surface for notices, queued prompts, approvals and the form. */
 function AgentChatDock({ children, render, ref, ...props }) {
-	const { dockRef } = useAgentChatRuntime();
+	const { dockRef } = useAgentChatControls();
 	const observe = React.useCallback((element) => {
 		dockRef.current = element;
 		return observeAgentChatDock(element);
@@ -332,7 +365,7 @@ function AgentChatDock({ children, render, ref, ...props }) {
 }
 /** Submission adapter only. Compose it inside Dock; the caller owns its inputs and controls. */
 function AgentChatComposer({ children, disabled = false, className, onSubmitCapture, ...props }) {
-	const { submit, captureSubmit, canSubmit } = useAgentChatRuntime();
+	const { submit, captureSubmit, canSubmit } = useAgentChatControls();
 	const submissions = React.useRef(/* @__PURE__ */ new WeakMap());
 	return /* @__PURE__ */ jsx(PromptInput, {
 		...props,
@@ -353,7 +386,7 @@ function AgentChatComposer({ children, disabled = false, className, onSubmitCapt
 	});
 }
 function AgentChatSubmit({ disabled = false }) {
-	const { status, stop, canSubmit } = useAgentChatRuntime();
+	const { status, stop, canSubmit } = useAgentChatControls();
 	const { textInput, attachments } = usePromptInputController();
 	return /* @__PURE__ */ jsx(PromptInputSubmit, {
 		status,
@@ -371,7 +404,7 @@ function AgentChatPromptTray({ className, ...props }) {
 	});
 }
 function AgentChatQueue() {
-	const { queued, busy, stop, steer, removeQueued, queueError } = useAgentChatRuntime();
+	const { queued, busy, stop, steer, removeQueued, queueError } = useAgentChatControls();
 	if (!queued.length && !queueError) return null;
 	return /* @__PURE__ */ jsx(AgentChatPromptTray, {
 		"data-agent-chat-queue": "",
@@ -499,7 +532,7 @@ function AgentChatApprovals({ thinkStub, pendingApprovals = [], onExecutionSettl
 	});
 }
 function AgentChatApproval() {
-	const { onApprovalResponse } = useAgentChatRuntime();
+	const { onApprovalResponse } = useAgentChatControls();
 	const { pending, skip, settled, thinkStub } = useAgentChatApprovals();
 	const first = pending[0];
 	if (!first) return null;
@@ -534,7 +567,7 @@ const COMPACTION_COMMAND = {
 };
 /** Explicit command action controller; callers put its command in the catalog and its notice where appropriate. */
 function useAgentChatCompaction(onCompact) {
-	const { busy, submissionVersion } = useAgentChatRuntime();
+	const { busy, submissionVersion } = useAgentChatControls();
 	const { textInput } = usePromptInputController();
 	const [state, setState] = React.useState(null);
 	React.useEffect(() => {
@@ -581,4 +614,4 @@ const AgentChat = {
 	Approval: AgentChatApproval
 };
 //#endregion
-export { AgentChat, AgentChatActions, AgentChatApproval, AgentChatApprovals, AgentChatComposer, AgentChatCopyAction, AgentChatDock, AgentChatEditAction, AgentChatLoading, AgentChatMessage, AgentChatMessageContent, AgentChatNotice, AgentChatPromptTray, AgentChatQueue, AgentChatRetryAction, AgentChatRoot, AgentChatSubmit, AgentChatTimestamp, AgentChatTranscript, compactingNotice, useAgentChatApprovals, useAgentChatCompaction, useAgentChatRuntime };
+export { AgentChat, AgentChatActions, AgentChatApproval, AgentChatApprovals, AgentChatComposer, AgentChatCopyAction, AgentChatDock, AgentChatEditAction, AgentChatLoading, AgentChatMessage, AgentChatMessageContent, AgentChatNotice, AgentChatPromptTray, AgentChatQueue, AgentChatRetryAction, AgentChatRoot, AgentChatSubmit, AgentChatTimestamp, AgentChatTranscript, compactingNotice, useAgentChatApprovals, useAgentChatCompaction, useAgentChatControls, useAgentChatRuntime };

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

@@ -2,9 +2,9 @@ import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { Activity, ActivityContent, ActivityText, ActivityTrigger } from "../ai-sdk/Activity.js";
 import { r as firstLine } from "../../format-COCyV98Z.js";
 import { MessageResponse } from "../ai-sdk/Message.js";
-import { useOptionalAgentToolRuns } from "./AgentToolRunsContext.js";
-import { getSubagentRunName } from "./SubagentRunIndicator.js";
 import { NaniteMark } from "../nanites/NaniteScene.js";
+import { getSubagentRunName } from "./SubagentRunIndicator.js";
+import { useOptionalAgentToolRuns } from "./AgentToolRunsContext.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { isTextUIPart } from "ai";

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

@@ -1,4 +1,4 @@
-import { E as KeyboardIcon, H as RefreshIcon, r as ArrowLeftIcon } from "../../icons-cuEtsgj9.js";
+import { E as KeyboardIcon, H as RefreshIcon, r as ArrowLeftIcon } from "../../icons-CeGfXO21.js";
 import { Button } from "../foundations/Button.js";
 import { WebPreviewNavigationButton } from "../general-purpose/WebPreview.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon, _ as DotIcon, k as MaximizeIcon } from "../../icons-cuEtsgj9.js";
+import { K as SpinnerIcon, _ as DotIcon, k as MaximizeIcon } from "../../icons-CeGfXO21.js";
 import { Button } from "../foundations/Button.js";
 import { Dialog } from "../foundations/Dialog.js";
 import { TransitionSurface } from "../foundations/TransitionSurface.js";

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { L as PauseIcon, z as PlayIcon } from "../../icons-cuEtsgj9.js";
+import { L as PauseIcon, z as PlayIcon } from "../../icons-CeGfXO21.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { i as formatClock } from "../../format-COCyV98Z.js";
 import { EmptyState } from "../foundations/EmptyState.js";

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon, nt as XIcon } from "../../icons-cuEtsgj9.js";
+import { K as SpinnerIcon, nt as XIcon } from "../../icons-CeGfXO21.js";
 import { Tabs } from "../foundations/Tabs.js";
 import { WebPreview, WebPreviewEmpty, WebPreviewNavigation, WebPreviewNavigationButton, WebPreviewUrl, WebPreviewViewport } from "../general-purpose/WebPreview.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";

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

@@ -1,5 +1,5 @@
 import { l as WorkspaceNavigationAdapter } from "../../WorkspaceLink-Bh9-Jo1r.js";
-import { f as EmployeeShellProps, l as EmployeeModelSetup, n as EmployeeBrand, p as EmployeeStatus, t as EmployeeAgentRun } from "../../EmployeeChrome-C8eTGJWn.js";
+import { f as EmployeeShellProps, l as EmployeeModelSetup, n as EmployeeBrand, p as EmployeeStatus, t as EmployeeAgentRun } from "../../EmployeeChrome-B605rpVz.js";
 import * as React from "react";
 
 //#region src/components/agents-sdk/EmployeeApp.d.ts

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

@@ -1,6 +1,6 @@
-import { et as WarningIcon } from "../../icons-cuEtsgj9.js";
-import { WorkbenchBack } from "./WorkbenchBack.js";
+import { et as WarningIcon } from "../../icons-CeGfXO21.js";
 import { StatusScreen } from "../general-purpose/StatusScreen.js";
+import { WorkbenchBack } from "./WorkbenchBack.js";
 import { EmployeeChrome } from "./EmployeeChrome.js";
 import { ThinkFullApp } from "./ThinkFullApp.js";
 import "react";

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

@@ -1,4 +1,4 @@
-import { E as PromptInputCommandComposerProps, F as PromptInputDictationProps, M as PromptInputContextSelectorProps } from "../../PromptInput-DGPrCTPl.js";
+import { E as PromptInputCommandComposerProps, M as PromptInputContextSelectorProps } from "../../PromptInput-DGPrCTPl.js";
 import { AgentChatTranscriptProps } from "./AgentChat.js";
 import { ConversationTabPickerProps } from "../extension/ConversationTabPicker.js";
 import { SetupChecklistGroupProps } from "../general-purpose/SetupChecklist.js";
@@ -24,11 +24,11 @@ interface EmployeeComposerProps<Id extends string = string> {
   contextSelector?: PromptInputContextSelectorProps;
   tabs?: ConversationTabPickerProps;
   model?: CodexModelSelectorProps;
-  dictation?: PromptInputDictationProps;
+  /** Dictation control; mount live meter subscriptions inside this slot. */
+  dictation?: React.ReactNode;
   context?: ContextProps;
 }
-/** One composer anatomy for the app and its examples; capabilities remain explicit. */
-declare function EmployeeComposer<Id extends string = string>({
+declare function EmployeeComposerContent<Id extends string = string>({
   personalization,
   connections,
   tools,
@@ -42,13 +42,14 @@ declare function EmployeeComposer<Id extends string = string>({
   disabled,
   ...input
 }: EmployeeComposerProps<Id>): React.JSX.Element;
+/** One composer anatomy for the app and its examples; unchanged configuration stays quiet during streaming. */
+declare const EmployeeComposer: typeof EmployeeComposerContent;
 interface EmployeeTranscriptProps extends Omit<ThinkChatMessageContentProps, "message"> {
   readOnly?: boolean;
   scrollAnchor?: AgentChatTranscriptProps["scrollAnchor"];
 }
 /** Shared message content and actions, including the same read-only run behavior. */
 declare function EmployeeTranscript({
-  readOnly,
   scrollAnchor,
   ...content
 }: EmployeeTranscriptProps): React.JSX.Element;

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

@@ -1,13 +1,13 @@
-import { PromptInputActionAddAttachments, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuTrigger, PromptInputAttachments, PromptInputBody, PromptInputCommandComposer, PromptInputContextSelector, PromptInputDictation, PromptInputFooter, PromptInputFooterEnd, PromptInputTools } from "../ai-sdk/PromptInput.js";
-import { AgentChat, useAgentChatCompaction } from "./AgentChat.js";
-import { ConversationTabPicker } from "../extension/ConversationTabPicker.js";
-import { n as SetupChecklistGroup } from "../../SetupChecklist-BiWQkKEq.js";
-import { McpServerPickerItems } from "./McpServerPicker.js";
-import { EmployeeStartScreen } from "./EmployeeStartScreen.js";
+import { PromptInputActionAddAttachments, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuTrigger, PromptInputAttachments, PromptInputBody, PromptInputCommandComposer, PromptInputContextSelector, PromptInputFooter, PromptInputFooterEnd, PromptInputTools } from "../ai-sdk/PromptInput.js";
 import { Context, ContextContent, ContextContentBody, ContextContentHeader, ContextTrigger } from "../ai-sdk/Context.js";
 import { CodexModelSelector } from "../extension/CodexModelSelector.js";
+import { ConversationTabPicker } from "../extension/ConversationTabPicker.js";
+import { n as SetupChecklistGroup } from "../../SetupChecklist-DWyifWWg.js";
+import { AgentChat, useAgentChatCompaction } from "./AgentChat.js";
 import { ThinkChat } from "./ThinkChat.js";
-import "react";
+import { McpServerPickerItems } from "./McpServerPicker.js";
+import { EmployeeStartScreen } from "./EmployeeStartScreen.js";
+import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/EmployeeChat.tsx
 function CommandInput(props) {
@@ -26,8 +26,7 @@ function CompactingInput({ onCompact, ...props }) {
 		}
 	})] });
 }
-/** One composer anatomy for the app and its examples; capabilities remain explicit. */
-function EmployeeComposer({ personalization, connections, tools, contextSelector, tabs, model, dictation, context, onCompact, placeholder = "How can I help you today?", disabled, ...input }) {
+function EmployeeComposerContent({ personalization, connections, tools, contextSelector, tabs, model, dictation, context, onCompact, placeholder = "How can I help you today?", disabled, ...input }) {
 	const inputProps = {
 		...input,
 		placeholder,
@@ -55,7 +54,7 @@ function EmployeeComposer({ personalization, connections, tools, contextSelector
 			] }), /* @__PURE__ */ jsxs(PromptInputFooterEnd, { children: [
 				tabs ? /* @__PURE__ */ jsx(ConversationTabPicker, { ...tabs }) : null,
 				model ? /* @__PURE__ */ jsx(CodexModelSelector, { ...model }) : null,
-				dictation ? /* @__PURE__ */ jsx(PromptInputDictation, { ...dictation }) : null,
+				dictation,
 				context ? /* @__PURE__ */ jsxs(Context, {
 					...context,
 					children: [/* @__PURE__ */ jsx(ContextTrigger, {}), /* @__PURE__ */ jsxs(ContextContent, { children: [/* @__PURE__ */ jsx(ContextContentHeader, {}), /* @__PURE__ */ jsx(ContextContentBody, {})] })]
@@ -65,21 +64,30 @@ function EmployeeComposer({ personalization, connections, tools, contextSelector
 		]
 	});
 }
+/** One composer anatomy for the app and its examples; unchanged configuration stays quiet during streaming. */
+const EmployeeComposer = React.memo(EmployeeComposerContent);
+const EmployeeMessage = React.memo(function EmployeeMessage({ message, messageIndex, messageNumber, readOnly, ...content }) {
+	return /* @__PURE__ */ jsxs(AgentChat.Message, {
+		message,
+		messageIndex,
+		messageNumber,
+		children: [/* @__PURE__ */ jsx(ThinkChat.MessageContent, {
+			...content,
+			message
+		}), /* @__PURE__ */ jsxs(AgentChat.Actions, { children: [
+			/* @__PURE__ */ jsx(AgentChat.CopyAction, {}),
+			readOnly ? null : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(AgentChat.RetryAction, {}), /* @__PURE__ */ jsx(AgentChat.EditAction, {})] }),
+			/* @__PURE__ */ jsx(AgentChat.Timestamp, {})
+		] })]
+	});
+});
 /** Shared message content and actions, including the same read-only run behavior. */
-function EmployeeTranscript({ readOnly, scrollAnchor, ...content }) {
+function EmployeeTranscript({ scrollAnchor, ...content }) {
 	return /* @__PURE__ */ jsx(AgentChat.Transcript, {
 		scrollAnchor,
-		children: ({ message, messageIndex }) => /* @__PURE__ */ jsxs(AgentChat.Message, {
-			message,
-			messageIndex,
-			children: [/* @__PURE__ */ jsx(ThinkChat.MessageContent, {
-				...content,
-				message
-			}), /* @__PURE__ */ jsxs(AgentChat.Actions, { children: [
-				/* @__PURE__ */ jsx(AgentChat.CopyAction, {}),
-				readOnly ? null : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(AgentChat.RetryAction, {}), /* @__PURE__ */ jsx(AgentChat.EditAction, {})] }),
-				/* @__PURE__ */ jsx(AgentChat.Timestamp, {})
-			] })]
+		children: (row) => /* @__PURE__ */ jsx(EmployeeMessage, {
+			...row,
+			...content
 		})
 	});
 }

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

@@ -1,2 +1,2 @@
-import { a as EmployeeDestination, c as EmployeeMenuProps, d as EmployeeRenderLink, f as EmployeeShellProps, h as EmployeeWorkbenchItem, i as EmployeeCompanion, l as EmployeeModelSetup, m as EmployeeView, n as EmployeeBrand, o as EmployeeFollow, p as EmployeeStatus, r as EmployeeChrome, s as EmployeeIdentity, t as EmployeeAgentRun, u as EmployeePasskeyVault } from "../../EmployeeChrome-C8eTGJWn.js";
+import { a as EmployeeDestination, c as EmployeeMenuProps, d as EmployeeRenderLink, f as EmployeeShellProps, h as EmployeeWorkbenchItem, i as EmployeeCompanion, l as EmployeeModelSetup, m as EmployeeView, n as EmployeeBrand, o as EmployeeFollow, p as EmployeeStatus, r as EmployeeChrome, s as EmployeeIdentity, t as EmployeeAgentRun, u as EmployeePasskeyVault } from "../../EmployeeChrome-B605rpVz.js";
 export { EmployeeAgentRun, EmployeeBrand, EmployeeChrome, EmployeeCompanion, EmployeeDestination, EmployeeFollow, EmployeeIdentity, EmployeeMenuProps, EmployeeModelSetup, EmployeePasskeyVault, EmployeeRenderLink, EmployeeShellProps, EmployeeStatus, EmployeeView, EmployeeWorkbenchItem };