@mcp-b/react-components 0.40.0 → 0.42.0

package/dist/{AgentChat-CVO7xyLC.d.ts → AgentChat-DVr2giwD.d.ts}

@@ -167,7 +167,7 @@ interface AgentChatProps<MessageT extends UIMessage = UIMessage> {
   composerAddMenuItems?: React.ReactNode;
   /**
    * Transient status rendered between the transcript and the composer —
-   * e.g. a "Reconnecting…" pill. `ThinkChat.Messages` fills this from the
+   * e.g. "Reconnecting…". `ThinkChat.Messages` fills this from the
    * hook's `isRecovering`/`connectionError` automatically.
    */
   notice?: React.ReactNode;

package/dist/{AgentToolRunsContext-BCVqCtJ1.d.ts → AgentToolRunsContext-daY67hFM.d.ts}

@@ -21,6 +21,18 @@ type AgentToolEventSource = Parameters<typeof useAgentToolEvents>[0]["agent"] &
  * once per socket connect, so a later mount misses existing runs — and share
  * the one value with every surface that reads runs (the chat shell and a
  * run-detail route read the same projection, never two subscriptions).
+ *
+ * The subscription's listener attaches in a passive effect, after paint. A
+ * host whose transport is in-process (the browser extension's port bridge)
+ * can complete the connect and deliver the replay before that effect runs —
+ * reliably so on a hot return from a drill-in. Upstream owns the fix:
+ * `useAgent` buffers `agent-tool-event` frames from socket construction and
+ * `useAgentToolEvents` drains them when its listener attaches (agents >
+ * 0.20.1; `_bufferAgentToolReplayFrame` is the seam for a non-`useAgent`
+ * socket). On older versions such hosts must buffer and re-dispatch
+ * themselves — think-browser-host's `useThinkAgentToolEvents` is that
+ * interim shim. Network transports are not affected in practice: the round
+ * trip loses to the effect flush.
  */
 declare function useSourceScopedAgentToolEvents<Part extends AgentToolRunPart = UIMessage["parts"][number]>(agent: AgentToolEventSource): {
   runsById: Record<string, import("agents").AgentToolRunState<Part>>;

package/dist/{CodeBlock-CWk1FVtm.js → CodeBlock-BjELA-_s.js}

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

package/dist/{FileTree-xqHYBw4g.js → FileTree-DMYRdT6R.js}

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

package/dist/McpConnectorForm-MRm1r59e.d.ts

@@ -0,0 +1,39 @@
+import { d as McpServerSetupAuthFieldName, l as McpServerSetupAuth } from "./mcp-server-catalog-CCj2ItkV.js";
+import * as React from "react";
+
+//#region src/components/agents-sdk/McpConnectorForm.d.ts
+type CredentialFieldName = Exclude<McpServerSetupAuthFieldName, "redirectUrl">;
+type McpConnectorFormValues = Readonly<Partial<Record<CredentialFieldName, string>> & {
+  readonly name: string;
+  readonly url: string;
+}>;
+type McpConnectorFormProps = Omit<React.FormHTMLAttributes<HTMLFormElement>, "onSubmit" | "status"> & {
+  /** Authentication metadata that decides which credential fields render. */readonly auth?: McpServerSetupAuth; /** Initial connector values. Publisher client credentials remain app-owned. */
+  readonly defaults?: Partial<McpConnectorFormValues>; /** Optional pattern used to validate the MCP name field. */
+  readonly namePattern?: string; /** Keep a catalog-owned MCP name and URL visible but immutable. */
+  readonly readOnlyServer?: boolean; /** Read-only redirect URL shown for manual OAuth client setup. */
+  readonly redirectUrl?: string; /** Inline connection status announced politely to assistive tech. */
+  readonly status?: React.ReactNode; /** Label for the submit button. */
+  readonly submitLabel?: string; /** Label shown while submit is pending. */
+  readonly submittingLabel?: string; /** Called with normalized connector values after native form validation passes. */
+  readonly onSubmit: (values: McpConnectorFormValues) => void | Promise<void>;
+};
+/** Collects MCP connector settings and optional credentials with native form validation. */
+declare function McpConnectorForm({
+  auth,
+  className,
+  defaults,
+  namePattern,
+  readOnlyServer,
+  redirectUrl,
+  status,
+  submitLabel,
+  submittingLabel,
+  onSubmit,
+  ref,
+  ...props
+}: McpConnectorFormProps & {
+  ref?: React.Ref<HTMLFormElement>;
+}): React.JSX.Element;
+//#endregion
+export { McpConnectorFormProps as n, McpConnectorFormValues as r, McpConnectorForm as t };

package/dist/{Message-DBsHHhcM.d.ts → Message-D_vCVEGB.d.ts}

@@ -55,6 +55,25 @@ declare function MessageContent({
 }: MessageContentProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
+interface MessageMetaProps extends React.HTMLAttributes<HTMLDivElement> {}
+/** Quiet message metadata and actions shown on hover or keyboard focus. */
+declare function MessageMeta({
+  className,
+  children,
+  ref,
+  ...props
+}: MessageMetaProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+interface MessageTimestampProps extends Omit<React.TimeHTMLAttributes<HTMLTimeElement>, "children" | "dateTime"> {
+  date: Date;
+}
+/** Machine-readable message time with a compact local-time label. */
+declare function MessageTimestamp({
+  date,
+  className,
+  ...props
+}: MessageTimestampProps): React.JSX.Element;
 type MessageResponseProps = StreamdownProps;
 declare const MessageResponse: React.MemoExoticComponent<({
   className,
@@ -225,4 +244,4 @@ declare function MessageBranchPage({
   ref?: React.Ref<HTMLSpanElement>;
 }): React.JSX.Element;
 //#endregion
-export { MessageResponse as C, MessageToolbarProps as D, MessageToolbar as E, MessageProps as S, MessageRole as T, MessageBranchProps as _, MessageActionsProps as a, MessageContent as b, MessageBranch as c, MessageBranchNext as d, MessageBranchNextProps as f, MessageBranchPreviousProps as g, MessageBranchPrevious as h, MessageActions as i, MessageBranchContent as l, MessageBranchPageProps as m, MessageAction as n, MessageAttachment as o, MessageBranchPage as p, MessageActionProps as r, MessageAttachmentProps as s, Message as t, MessageBranchContentProps as u, MessageBranchSelector as v, MessageResponseProps as w, MessageContentProps as x, MessageBranchSelectorProps as y };
+export { MessageToolbar as A, MessageMetaProps as C, MessageRole as D, MessageResponseProps as E, MessageTimestamp as O, MessageMeta as S, MessageResponse as T, MessageBranchProps as _, MessageActionsProps as a, MessageContent as b, MessageBranch as c, MessageBranchNext as d, MessageBranchNextProps as f, MessageBranchPreviousProps as g, MessageBranchPrevious as h, MessageActions as i, MessageToolbarProps as j, MessageTimestampProps as k, MessageBranchContent as l, MessageBranchPageProps as m, MessageAction as n, MessageAttachment as o, MessageBranchPage as p, MessageActionProps as r, MessageAttachmentProps as s, Message as t, MessageBranchContentProps as u, MessageBranchSelector as v, MessageProps as w, MessageContentProps as x, MessageBranchSelectorProps as y };

package/dist/{ThinkChatActivity-D6-_5Phw.d.ts → ThinkChatActivity-CsDql-ER.d.ts}

@@ -1,5 +1,5 @@
 import { i as AgentMessageRenderPartContext } from "./AgentMessageParts-C7L-Mv9U.js";
-import { r as AgentChatProps } from "./AgentChat-CVO7xyLC.js";
+import { r as AgentChatProps } from "./AgentChat-DVr2giwD.js";
 import { l as ThinkChatPart } from "./ThinkChatToolParts-D4qcnnxt.js";
 import { t as ThinkChatActivityDescription } from "./ThinkChatActivitySummary-BtBQgMg6.js";
 import * as React from "react";
@@ -40,6 +40,8 @@ interface ThinkChatActivityProps {
   isStreaming?: boolean;
   /** Per-tool action/panel overrides, keyed by tool name. */
   toolRenderers?: ThinkChatToolRenderers;
+  /** Replaces the summary action after the activity settles. */
+  settledAction?: string;
   /**
    * Uniquely identifies this run across the whole transcript for persisted
    * disclosure state (the activity renderer passes `${message.id}:${runStart}`).
@@ -54,6 +56,7 @@ declare function ThinkChatActivity({
   defaultOpen,
   isStreaming,
   toolRenderers,
+  settledAction,
   stateKey
 }: ThinkChatActivityProps): React.JSX.Element | null;
 /**

package/dist/{ThinkExecutionRun-lYYgyeE1.d.ts → ThinkExecutionRun-k8bpyXqt.d.ts}

@@ -6,9 +6,10 @@ import { WorkflowInfo } from "agents/workflows";
 type ThinkExecutionRun = ThinkSubmissionInspection | WorkflowInfo;
 /** Narrows the direct upstream execution union without wrapping either record. */
 declare function isThinkSubmissionRun(run: ThinkExecutionRun): run is ThinkSubmissionInspection;
-type ThinkExecutionStatusTone = "success" | "danger" | "warning" | "primary" | "neutral";
+type ThinkExecutionStatusTone = "success" | "danger" | "paused" | "primary" | "neutral";
 declare function getThinkExecutionRunId(run: ThinkExecutionRun): string;
 declare function getThinkExecutionRunTitle(run: ThinkExecutionRun): string;
+declare function getThinkExecutionRunKindLabel(run: ThinkExecutionRun): "Submission" | "Workflow";
 declare function getThinkExecutionRunSubtitle(run: ThinkExecutionRun): string | undefined;
 declare function getThinkExecutionRunProgressedAt(run: ThinkExecutionRun): number | Date | undefined;
 declare function getThinkExecutionRunProgressedLabel(run: ThinkExecutionRun): "Started" | "Updated";
@@ -25,6 +26,5 @@ declare function formatThinkExecutionShortTimestamp(value: Date | number | null
 declare function formatThinkExecutionRunProgress(run: ThinkExecutionRun): string;
 declare function getThinkExecutionRunAccessibleName(run: ThinkExecutionRun): string;
 declare function getThinkExecutionRunError(run: ThinkExecutionRun): string | undefined;
-declare function isSameThinkExecutionRun(first: ThinkExecutionRun | null, second: ThinkExecutionRun): boolean;
 //#endregion
-export { isThinkSubmissionRun as _, formatThinkExecutionStatus as a, getThinkExecutionRunError as c, getThinkExecutionRunProgressedLabel as d, getThinkExecutionRunStatus as f, isSameThinkExecutionRun as g, getThinkExecutionRunTitle as h, formatThinkExecutionShortTimestamp as i, getThinkExecutionRunId as l, getThinkExecutionRunSubtitle as m, ThinkExecutionStatusTone as n, formatThinkExecutionTimestamp as o, getThinkExecutionRunStatusTone as p, formatThinkExecutionRunProgress as r, getThinkExecutionRunAccessibleName as s, ThinkExecutionRun as t, getThinkExecutionRunProgressedAt as u };
+export { isThinkSubmissionRun as _, formatThinkExecutionStatus as a, getThinkExecutionRunError as c, getThinkExecutionRunProgressedAt as d, getThinkExecutionRunProgressedLabel as f, getThinkExecutionRunTitle as g, getThinkExecutionRunSubtitle as h, formatThinkExecutionShortTimestamp as i, getThinkExecutionRunId as l, getThinkExecutionRunStatusTone as m, ThinkExecutionStatusTone as n, formatThinkExecutionTimestamp as o, getThinkExecutionRunStatus as p, formatThinkExecutionRunProgress as r, getThinkExecutionRunAccessibleName as s, ThinkExecutionRun as t, getThinkExecutionRunKindLabel as u };

package/dist/{WorkspaceFileView-Lab3om3F.js → WorkspaceFileView-DwdXiKku.js}

@@ -1,6 +1,6 @@
-import { d as CheckIcon, h as CodeIcon, j as MaximizeIcon, nt as WarningIcon, r as ArrowLeftIcon, x as EyeIcon, y as DownloadIcon } from "./icons-MmIXciMO.js";
+import { $ as WarningIcon, O as MaximizeIcon, b as EyeIcon, d as CheckIcon, m as CodeIcon, r as ArrowLeftIcon, v as DownloadIcon } from "./icons-CVFSeTJn.js";
 import { r as formatClock } from "./format-DB2mX9DA.js";
-import { a as CodeBlockCopyButton, i as CodeBlockContent, r as CodeBlockContainer, t as CodeBlock } from "./CodeBlock-CWk1FVtm.js";
+import { a as CodeBlockCopyButton, i as CodeBlockContent, r as CodeBlockContainer, t as CodeBlock } from "./CodeBlock-BjELA-_s.js";
 import { AppTopBar } from "./components/general-purpose/AppTopBar.js";
 import { inferWorkspaceLanguage, inferWorkspaceMedia, isWorkspaceMarkdownPath, isWorkspaceSkillPath, parseWorkspaceSkill } from "./components/agents-sdk/WorkspaceFile.js";
 import { c as useWorkspaceNavigationContext, s as useWorkspaceNavigationRestoration } from "./WorkspaceLink-DtH66bAY.js";
@@ -70,32 +70,27 @@ function useWorkspaceAssetUrl(asset, mimeType) {
 			});
 			return;
 		}
-		let url = null;
-		let downloadUrl = null;
-		try {
-			const previewBlob = new Blob([toBlobPart(asset.data)], { type: mimeType });
-			url = URL.createObjectURL(previewBlob);
-			downloadUrl = mimeType === SVG_MIME_TYPE ? URL.createObjectURL(new Blob([previewBlob], { type: "application/octet-stream" })) : url;
+		const previewBlob = new Blob([toBlobPart(asset.data)], { type: mimeType });
+		const previewUrl = URL.createObjectURL(previewBlob);
+		if (mimeType !== SVG_MIME_TYPE) {
 			setObjectUrl({
 				asset,
-				url,
-				downloadUrl,
+				url: previewUrl,
+				downloadUrl: previewUrl,
 				error: null
 			});
-		} catch {
-			if (url) URL.revokeObjectURL(url);
-			if (downloadUrl && downloadUrl !== url) URL.revokeObjectURL(downloadUrl);
-			setObjectUrl({
-				asset,
-				url: null,
-				downloadUrl: null,
-				error: "This file could not be prepared for preview."
-			});
-			return;
+			return () => URL.revokeObjectURL(previewUrl);
 		}
+		const svgDownloadUrl = URL.createObjectURL(new Blob([previewBlob], { type: "application/octet-stream" }));
+		setObjectUrl({
+			asset,
+			url: previewUrl,
+			downloadUrl: svgDownloadUrl,
+			error: null
+		});
 		return () => {
-			if (url) URL.revokeObjectURL(url);
-			if (downloadUrl && downloadUrl !== url) URL.revokeObjectURL(downloadUrl);
+			URL.revokeObjectURL(previewUrl);
+			URL.revokeObjectURL(svgDownloadUrl);
 		};
 	}, [asset, mimeType]);
 	if (!asset) return {

package/dist/{WorkspaceMessageResponse-Cy28WGSz.d.ts → WorkspaceMessageResponse-D66ty4FO.d.ts}

@@ -1,4 +1,4 @@
-import { w as MessageResponseProps } from "./Message-DBsHHhcM.js";
+import { E as MessageResponseProps } from "./Message-D_vCVEGB.js";
 import * as React from "react";
 
 //#region src/components/agents-sdk/WorkspaceMessageResponse.d.ts

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

@@ -1,5 +1,5 @@
-import { inferFaviconUrl } from "../../utils/favicon.js";
-import { A as LinkIcon, C as FileIcon, I as MonitorIcon, K as SearchIcon, O as InfoIcon, V as PencilIcon, et as TerminalIcon, nt as WarningIcon, rt as WrenchIcon } from "../../icons-MmIXciMO.js";
+import { canRequestFavicon, inferFaviconUrl } from "../../utils/favicon.js";
+import { $ as WarningIcon, D as LinkIcon, N as MonitorIcon, R as PencilIcon, S as FileIcon, T as InfoIcon, U as SearchIcon, Z as TerminalIcon, et as WrenchIcon } from "../../icons-CVFSeTJn.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/agents-sdk/AgentActivity.tsx
@@ -21,7 +21,8 @@ function AgentActivityIcon({ kind }) {
 function AgentActivityFavicon({ fallbackKind = "web", url }) {
 	const src = inferFaviconUrl(url);
 	const [failedSrc, setFailedSrc] = React.useState(null);
-	if (!src || failedSrc === src) return /* @__PURE__ */ jsx(AgentActivityIcon, { kind: fallbackKind });
+	const failed = failedSrc === src;
+	if (!src || !canRequestFavicon(src) || failed) return /* @__PURE__ */ jsx(AgentActivityIcon, { kind: fallbackKind });
 	return /* @__PURE__ */ jsx("img", {
 		className: "activity__favicon",
 		src,

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

@@ -1,2 +1,2 @@
-import { a as PermissionModeControl, i as AgentChatRenderMessageContext, n as AgentChatComposerDraft, o as compactingNotice, r as AgentChatProps, t as AgentChat } from "../../AgentChat-CVO7xyLC.js";
+import { a as PermissionModeControl, i as AgentChatRenderMessageContext, n as AgentChatComposerDraft, o as compactingNotice, r as AgentChatProps, t as AgentChat } from "../../AgentChat-DVr2giwD.js";
 export { AgentChat, AgentChatComposerDraft, AgentChatProps, AgentChatRenderMessageContext, PermissionModeControl, compactingNotice };

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

@@ -1,16 +1,16 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { ExpansionStateProvider } from "../ai-sdk/ExpansionState.js";
-import { G as RefreshIcon, R as MoveToFrontIcon, U as PlusIcon, V as PencilIcon, W as QueueIcon, Y as SpinnerIcon, t as ArchiveIcon, tt as TrashIcon } from "../../icons-MmIXciMO.js";
+import { B as PlusIcon, F as MoveToFrontIcon, H as RefreshIcon, K as SpinnerIcon, Q as TrashIcon, R as PencilIcon, V as QueueIcon, t as ArchiveIcon } from "../../icons-CVFSeTJn.js";
 import { Button } from "../foundations/Button.js";
 import { AgentChatMessageEditor } from "../ai-sdk/AgentChatMessageEditor.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { Menu } from "../foundations/Menu.js";
 import { PromptInput, PromptInputActionAddAttachments, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuTrigger, PromptInputAttachments, PromptInputBody, PromptInputButton, PromptInputCommandComposer, PromptInputContextSelector, PromptInputDictation, PromptInputFooter, PromptInputHeader, PromptInputPermissionSelector, PromptInputReferences, PromptInputSubmit, PromptInputTextarea, PromptInputTools, PromptInputTray, usePromptInputAttachments } from "../ai-sdk/PromptInput.js";
 import { AgentChatStartScreen } from "../ai-sdk/AgentChatStartScreen.js";
-import { Message, MessageAction, MessageActions } from "../ai-sdk/Message.js";
+import { Message, MessageAction, MessageActions, MessageMeta, MessageTimestamp } from "../ai-sdk/Message.js";
 import { AgentMessageParts } from "../ai-sdk/AgentMessageParts.js";
 import { Marker, MarkerContent } from "../foundations/Marker.js";
-import { t as CopyButton } from "../../copy-button-Bc7jsYv_.js";
+import { t as CopyButton } from "../../copy-button-lys9N_aI.js";
 import { Context, ContextContent, ContextContentBody, ContextContentHeader, ContextTrigger, getContextUsage, getContextUsedTokens } from "../ai-sdk/Context.js";
 import { VirtualMessageScroller } from "../ai-sdk/MessageScrollerVirtual.js";
 import { QueueItem, QueueItemActions, QueueItemContent } from "../ai-sdk/Queue.js";
@@ -78,6 +78,14 @@ function observeAgentChatComposer(element) {
 		observer.disconnect();
 	};
 }
+function getAgentChatMessageTime(message) {
+	const metadata = message.metadata;
+	if (!metadata || typeof metadata !== "object" || !("createdAt" in metadata)) return void 0;
+	const value = metadata.createdAt;
+	if (!(value instanceof Date) && typeof value !== "number" && typeof value !== "string") return;
+	const date = value instanceof Date ? value : new Date(value);
+	return Number.isNaN(date.getTime()) ? void 0 : date;
+}
 const EMPTY_PENDING_APPROVALS = [];
 const EMPTY_SKIPPED_APPROVAL_IDS = [];
 function createApprovalSessionState(thinkStub) {
@@ -133,12 +141,13 @@ function AgentChatAssistantActions({ message, responseNumber, showCopy, showRetr
 			label: `Copy response ${responseNumber}`,
 			tooltip: "Copy response",
 			text: copyText,
-			size: "sm",
+			size: "xs",
 			onCopy: () => onCopyStatus(`Response ${responseNumber} copied.`),
 			onError: () => onCopyStatus(`Could not copy response ${responseNumber}. Try again.`)
 		}) : null, hasRetry ? /* @__PURE__ */ jsx(MessageAction, {
 			label: "Retry",
 			tooltip: "Regenerate response",
+			size: "xs",
 			onClick: () => onRegenerate(message.id),
 			children: /* @__PURE__ */ jsx(RefreshIcon, { size: 14 })
 		}) : null]
@@ -164,6 +173,8 @@ function isCompactedPart(message, partIndex) {
 * "Transcript rendering performance" in docs/think-chat.md.
 */
 function AgentChatTranscriptRowBodyImpl({ message, messageIndex, status, renderPart, renderMessageAfter, editing, canEdit, editDisabled, onEditAndResend, onStartEdit, onCancelEdit, onFinishEdit, editButtonRef, responseNumber, showAssistantActions, showCopy, showRetry, onRegenerate, onCopyStatus }) {
+	const messageTime = getAgentChatMessageTime(message);
+	const userText = getEditableUserText(message);
 	return /* @__PURE__ */ jsx(Fragment, { children: isCompactionMessage(message) ? /* @__PURE__ */ jsx(Marker, {
 		variant: "separator",
 		children: /* @__PURE__ */ jsx(MarkerContent, { children: "Context compacted" })
@@ -193,20 +204,32 @@ function AgentChatTranscriptRowBodyImpl({ message, messageIndex, status, renderP
 				message,
 				messageIndex
 			}),
-			canEdit && getEditableUserText(message) !== void 0 ? /* @__PURE__ */ jsx(MessageActions, {
-				"aria-label": "Message actions",
-				"aria-hidden": editDisabled || void 0,
-				className: "message__actions--inline",
-				"data-unavailable": editDisabled || void 0,
-				children: /* @__PURE__ */ jsx(MessageAction, {
-					ref: editButtonRef,
-					disabled: editDisabled,
-					label: "Edit message",
-					tooltip: "Edit and resend",
-					onClick: () => onStartEdit(message.id),
-					children: /* @__PURE__ */ jsx(PencilIcon, {})
-				})
-			}) : null,
+			message.role === "user" && (messageTime !== void 0 || userText !== void 0) ? /* @__PURE__ */ jsxs(MessageMeta, { children: [
+				messageTime ? /* @__PURE__ */ jsx(MessageTimestamp, { date: messageTime }) : null,
+				userText ? /* @__PURE__ */ jsx(CopyButton, {
+					className: "message__action",
+					label: `Copy message ${messageIndex + 1}`,
+					tooltip: "Copy message",
+					text: userText,
+					size: "xs",
+					onCopy: () => onCopyStatus(`Message ${messageIndex + 1} copied.`),
+					onError: () => onCopyStatus(`Could not copy message ${messageIndex + 1}. Try again.`)
+				}) : null,
+				canEdit && userText ? /* @__PURE__ */ jsx(MessageActions, {
+					"aria-label": "Message actions",
+					"aria-hidden": editDisabled || void 0,
+					"data-unavailable": editDisabled || void 0,
+					children: /* @__PURE__ */ jsx(MessageAction, {
+						ref: editButtonRef,
+						disabled: editDisabled,
+						label: "Edit message",
+						tooltip: "Edit and resend",
+						size: "xs",
+						onClick: () => onStartEdit(message.id),
+						children: /* @__PURE__ */ jsx(PencilIcon, {})
+					})
+				}) : null
+			] }) : null,
 			showAssistantActions ? /* @__PURE__ */ jsx(AgentChatAssistantActions, {
 				message,
 				responseNumber,
@@ -658,6 +681,7 @@ function AgentChat({ className, messages, status = "ready", onSubmit, showCompos
 		ref,
 		variant: "fade",
 		className: cx("agent-chat", className),
+		"data-recipe": "fill-host",
 		"data-composer-hidden": showComposer ? void 0 : "",
 		children: [
 			/* @__PURE__ */ jsx("span", {

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

@@ -1,2 +1,2 @@
-import { a as useOptionalAgentToolRuns, i as AgentToolRunsProviderProps, n as AgentToolEventsValue, o as useSourceScopedAgentToolEvents, r as AgentToolRunsProvider, t as AgentToolEventSource } from "../../AgentToolRunsContext-BCVqCtJ1.js";
+import { a as useOptionalAgentToolRuns, i as AgentToolRunsProviderProps, n as AgentToolEventsValue, o as useSourceScopedAgentToolEvents, r as AgentToolRunsProvider, t as AgentToolEventSource } from "../../AgentToolRunsContext-daY67hFM.js";
 export { AgentToolEventSource, AgentToolEventsValue, AgentToolRunsProvider, AgentToolRunsProviderProps, useOptionalAgentToolRuns, useSourceScopedAgentToolEvents };

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

@@ -10,6 +10,18 @@ import { useAgentToolEvents } from "agents/react";
 * once per socket connect, so a later mount misses existing runs — and share
 * the one value with every surface that reads runs (the chat shell and a
 * run-detail route read the same projection, never two subscriptions).
+*
+* The subscription's listener attaches in a passive effect, after paint. A
+* host whose transport is in-process (the browser extension's port bridge)
+* can complete the connect and deliver the replay before that effect runs —
+* reliably so on a hot return from a drill-in. Upstream owns the fix:
+* `useAgent` buffers `agent-tool-event` frames from socket construction and
+* `useAgentToolEvents` drains them when its listener attaches (agents >
+* 0.20.1; `_bufferAgentToolReplayFrame` is the seam for a non-`useAgent`
+* socket). On older versions such hosts must buffer and re-dispatch
+* themselves — think-browser-host's `useThinkAgentToolEvents` is that
+* interim shim. Network transports are not affected in practice: the round
+* trip loses to the effect flush.
 */
 function useSourceScopedAgentToolEvents(agent) {
 	const agentTools = useAgentToolEvents({ agent });

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

@@ -0,0 +1,135 @@
+import { ReactNode } from "react";
+
+//#region src/components/agents-sdk/BrowserLiveScreen.d.ts
+/** One claimed tab, as the synced claim records describe it. */
+type BrowserLiveScreenTab = {
+  tabId: number;
+  title?: string;
+  url?: string;
+};
+type BrowserLiveScreenSignal = {
+  viewerId: string;
+  payload: BrowserLiveScreenSignalPayload;
+};
+type BrowserLiveScreenSignalPayload = {
+  kind: "offer";
+  sdp: string;
+} | {
+  kind: "answer";
+  sdp: string;
+} | {
+  kind: "candidate";
+  candidate: RTCIceCandidateInit;
+} | {
+  kind: "close";
+};
+type BrowserLiveScreenFrameMetadata = {
+  deviceWidth: number;
+  deviceHeight: number;
+  offsetTop: number;
+};
+type BrowserLiveScreenStatus = {
+  kind: "streaming";
+  tabId: number;
+  streamGeneration: number;
+  metadata: BrowserLiveScreenFrameMetadata;
+  pageUrl?: string;
+  pageTitle?: string;
+} | {
+  kind: "idle";
+} | {
+  kind: "error";
+  message: string;
+};
+type BrowserLiveScreenInputEvent = {
+  kind: "mouse";
+  type: "mousePressed" | "mouseReleased" | "mouseMoved" | "mouseWheel";
+  x: number;
+  y: number;
+  button?: "none" | "left" | "middle" | "right" | "back" | "forward";
+  buttons?: number;
+  clickCount?: number;
+  deltaX?: number;
+  deltaY?: number;
+  modifiers?: number;
+} | {
+  kind: "key";
+  type: "keyDown" | "keyUp" | "rawKeyDown";
+  key?: string;
+  code?: string;
+  windowsVirtualKeyCode?: number;
+  text?: string;
+  modifiers?: number;
+} | {
+  kind: "text";
+  text: string;
+};
+type BrowserLiveScreenInput = {
+  tabId: number;
+  streamGeneration: number;
+  events: BrowserLiveScreenInputEvent[];
+};
+type BrowserLiveScreenCommand = {
+  kind: "selectTab";
+  tabId: number;
+} | {
+  kind: "navigate";
+  tabId: number;
+  action: "back" | "reload";
+} | {
+  kind: "open";
+  tabId: number;
+  url: string;
+};
+interface BrowserLiveScreenProtocol {
+  /** Data-channel label understood by the employee machine. */
+  dataChannelLabel: string;
+  /** Parses one machine status message; return null for unrelated data. */
+  parseStatus(this: void, value: unknown): BrowserLiveScreenStatus | null;
+  /** Serializes an exact-tab remote-input envelope for the employee machine. */
+  serializeInput(this: void, input: BrowserLiveScreenInput): string;
+  /** Serializes one drawn-browser command for the employee machine. */
+  serializeCommand(this: void, command: BrowserLiveScreenCommand): string;
+}
+interface BrowserLiveScreenProps {
+  /** Sends one opaque WebRTC signaling payload through the host's existing transport. */
+  sendSignal(this: void, signal: BrowserLiveScreenSignal): Promise<void>;
+  /** Subscribes to signaling payloads arriving from the employee machine. */
+  subscribeSignals(this: void, listener: (signal: BrowserLiveScreenSignal) => void): () => void;
+  /** Adapts the host's existing data-channel wire format. */
+  protocol: BrowserLiveScreenProtocol;
+  /** ICE servers for this viewer's peer. Absent means STUN-free loopback,
+   * which is what the extension side panel is. */
+  getIceServers?(this: void): Promise<RTCIceServer[]>;
+  /** Accessible name and visible label for the drawn browser panel. */
+  label?: ReactNode;
+  /** Accessible name for the transparent remote-input surface. */
+  controlLabel?: string;
+  /**
+   * The employee's claimed tabs, from the synchronized claim records. They are
+   * the drawn tab strip: the browser chrome around the stream is synthesized
+   * from state, because Chrome's screencast carries only page pixels.
+   */
+  tabs?: readonly BrowserLiveScreenTab[];
+  /** Claimed tab the host wants visible when the data channel becomes usable. */
+  requestedTabId?: number;
+}
+/**
+ * A complete interactive viewer for an employee's claimed browser tabs.
+ *
+ * The host supplies only signaling transport, ICE configuration, and claimed
+ * tab summaries. This component owns the peer connection, remote-input
+ * mapping, reconnect lifecycle, synthesized browser chrome, and cleanup.
+ */
+declare function BrowserLiveScreen({
+  sendSignal: sendHostSignal,
+  subscribeSignals,
+  protocol,
+  getIceServers,
+  label,
+  controlLabel,
+  tabs,
+  requestedTabId
+}: BrowserLiveScreenProps): import("react").JSX.Element;
+//#endregion
+export { BrowserLiveScreen, BrowserLiveScreenCommand, BrowserLiveScreenFrameMetadata, BrowserLiveScreenInput, BrowserLiveScreenInputEvent, BrowserLiveScreenProps, BrowserLiveScreenProtocol, BrowserLiveScreenSignal, BrowserLiveScreenSignalPayload, BrowserLiveScreenStatus, BrowserLiveScreenTab };