@mcp-b/react-components 0.56.0 → 0.56.2

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

@@ -1,17 +1,16 @@
-import { D as PromptInputCommandDefinition, J as PromptInputMessage, r as PromptInput, vt as PromptInputTray } from "../../PromptInput-DGPrCTPl.js";
-import { r as AgentChatQueuedPrompt } from "../../AgentChatQueue-MrHhV901.js";
-import { i as AgentMessageRenderPartContext } from "../../AgentMessageParts-C7L-Mv9U.js";
-import { i as MessageActions } from "../../Message-COsMPZSC.js";
-import { t as VirtualMessageScrollAnchor } from "../../MessageScrollerVirtual-D4afYwVB.js";
-import { a as getPendingToolApprovals } from "../../PromptInputApproval-D2hpn54U.js";
+import { D as PromptInputCommandDefinition, J as PromptInputMessage, r as PromptInput, vt as PromptInputTray } from "../../PromptInput-C3adKglc.js";
+import { r as AgentChatQueuedPrompt } from "../../AgentChatQueue-CGR4hd7D.js";
+import { i as AgentMessageRenderPartContext } from "../../AgentMessageParts-BtWwiE4f.js";
+import { i as MessageActions } from "../../Message-CwCqa90H.js";
+import { t as VirtualMessageScrollAnchor } from "../../MessageScrollerVirtual-DVQeEkNy.js";
+import { a as getPendingToolApprovals } from "../../PromptInputApproval-C6KvCOMZ.js";
 import * as React from "react";
 import { useRender } from "@base-ui/react/use-render";
 import { ChatAddToolApproveResponseFunction, ChatStatus, UIMessage } from "ai";
 import { PendingApproval, Think } from "@cloudflare/think";
 import { AgentStub } from "agents/client";
-
 //#region src/components/agents-sdk/AgentChat.d.ts
-interface AgentChatRootProps<MessageT extends UIMessage = UIMessage> extends Omit<React.HTMLAttributes<HTMLDivElement>, "onSubmit"> {
+export interface AgentChatRootProps<MessageT extends UIMessage = UIMessage> extends Omit<React.HTMLAttributes<HTMLDivElement>, "onSubmit"> {
   /** Complete upstream messages, oldest first. Preserve identities across stream deltas. */
   messages: readonly MessageT[];
   status?: ChatStatus;
@@ -29,7 +28,7 @@ interface AgentChatRootProps<MessageT extends UIMessage = UIMessage> extends Omi
   /** Explicit transcript, dock, and other parts sharing this chat runtime. */
   children: React.ReactNode;
 }
-interface AgentChatRenderMessageContext<MessageT extends UIMessage = UIMessage> {
+export interface AgentChatRenderMessageContext<MessageT extends UIMessage = UIMessage> {
   message: MessageT;
   messageIndex: number;
   /** One-based ordinal among ordinary messages of the same role. */
@@ -60,18 +59,13 @@ type AgentChatControls<MessageT extends UIMessage = UIMessage> = Omit<AgentChatR
   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>;
+export declare function useAgentChatControls<MessageT extends UIMessage = UIMessage>(): AgentChatControls<MessageT>;
+export 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>({
-  onSubmit,
-  onStop,
-  onPromptQueued,
-  ...props
-}: AgentChatRootProps<MessageT> & {
+export declare function AgentChatRoot<MessageT extends UIMessage = UIMessage>({ onSubmit, onStop, onPromptQueued, ...props }: AgentChatRootProps<MessageT> & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface AgentChatTranscriptProps<MessageT extends UIMessage = UIMessage> {
+export interface AgentChatTranscriptProps<MessageT extends UIMessage = UIMessage> {
   /** Explicit message composition. No message actions or content are injected. */
   children: (context: AgentChatRenderMessageContext<MessageT>) => React.ReactNode;
   emptyState?: React.ReactNode;
@@ -80,81 +74,45 @@ interface AgentChatTranscriptProps<MessageT extends UIMessage = UIMessage> {
   scrollAnchor?: React.RefObject<VirtualMessageScrollAnchor | undefined>;
 }
 /** Windowed transcript. Historical rows are never a live region; their disclosure state survives windowing. */
-declare function AgentChatTranscript<MessageT extends UIMessage = UIMessage>({
-  children,
-  emptyState,
-  className,
-  scrollAnchor
-}: AgentChatTranscriptProps<MessageT>): React.JSX.Element;
-declare function AgentChatLoading({
-  label
-}: {
+export declare function AgentChatTranscript<MessageT extends UIMessage = UIMessage>({ children, emptyState, className, scrollAnchor }: AgentChatTranscriptProps<MessageT>): React.JSX.Element;
+export declare function AgentChatLoading({ label }: {
   label?: string;
 }): React.JSX.Element;
-interface AgentChatMessageProps<MessageT extends UIMessage = UIMessage> extends AgentChatRenderMessageContext<MessageT> {
+export interface AgentChatMessageProps<MessageT extends UIMessage = UIMessage> extends AgentChatRenderMessageContext<MessageT> {
   children: React.ReactNode;
 }
 /** Preserves runtime-authored event/compaction provenance and owns only the local edit lifecycle. */
-declare function AgentChatMessage<MessageT extends UIMessage = UIMessage>({
-  message,
-  messageIndex,
-  messageNumber,
-  children
-}: AgentChatMessageProps<MessageT>): React.JSX.Element;
-interface AgentChatMessageContentProps<MessageT extends UIMessage = UIMessage> {
+export declare function AgentChatMessage<MessageT extends UIMessage = UIMessage>({ message, messageIndex, messageNumber, children }: AgentChatMessageProps<MessageT>): React.JSX.Element;
+export interface AgentChatMessageContentProps<MessageT extends UIMessage = UIMessage> {
   message: MessageT;
   renderPart?: (context: AgentMessageRenderPartContext<MessageT>) => React.ReactNode | undefined;
 }
-declare function AgentChatMessageContent<MessageT extends UIMessage = UIMessage>({
-  message,
-  renderPart
-}: AgentChatMessageContentProps<MessageT>): React.JSX.Element;
+export declare function AgentChatMessageContent<MessageT extends UIMessage = UIMessage>({ message, renderPart }: AgentChatMessageContentProps<MessageT>): React.JSX.Element;
 /** Stable action space for a message; callers choose every action inside it. */
-declare function AgentChatActions({
-  children,
-  ...props
-}: React.ComponentProps<typeof MessageActions>): React.JSX.Element;
-declare function AgentChatCopyAction(): React.JSX.Element | null;
-declare function AgentChatRetryAction(): React.JSX.Element | null;
-declare function AgentChatEditAction(): React.JSX.Element | null;
-declare function AgentChatTimestamp(): React.JSX.Element | null;
-interface AgentChatComposerProps extends Omit<React.ComponentProps<typeof PromptInput>, "onSubmit"> {
+export declare function AgentChatActions({ children, ...props }: React.ComponentProps<typeof MessageActions>): React.JSX.Element;
+export declare function AgentChatCopyAction(): React.JSX.Element | null;
+export declare function AgentChatRetryAction(): React.JSX.Element | null;
+export declare function AgentChatEditAction(): React.JSX.Element | null;
+export declare function AgentChatTimestamp(): React.JSX.Element | null;
+export interface AgentChatComposerProps extends Omit<React.ComponentProps<typeof PromptInput>, "onSubmit"> {
   /** Makes the composer and its controls inert without changing the chat runtime. */
   disabled?: boolean;
 }
 /** Measured bottom surface for notices, queued prompts, approvals and the form. */
-declare function AgentChatDock({
-  children,
-  render,
-  ref,
-  ...props
-}: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+export declare function AgentChatDock({ children, render, ref, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 /** Submission adapter only. Compose it inside Dock; the caller owns its inputs and controls. */
-declare function AgentChatComposer({
-  children,
-  disabled,
-  className,
-  onSubmitCapture,
-  ...props
-}: AgentChatComposerProps): React.JSX.Element;
-declare function AgentChatSubmit({
-  disabled
-}: {
-  /** Disables the submission control independently of the chat runtime. */disabled?: boolean;
+export declare function AgentChatComposer({ children, disabled, className, onSubmitCapture, ...props }: AgentChatComposerProps): React.JSX.Element;
+export declare function AgentChatSubmit({ disabled }: {
+  /** Disables the submission control independently of the chat runtime. */
+  disabled?: boolean;
 }): React.JSX.Element;
-interface AgentChatPromptTrayProps extends Omit<React.ComponentProps<typeof PromptInputTray>, "side"> {}
+export interface AgentChatPromptTrayProps extends Omit<React.ComponentProps<typeof PromptInputTray>, "side"> {}
 /** A queue tray aligned with the chat composer. */
-declare function AgentChatPromptTray({
-  className,
-  ...props
-}: AgentChatPromptTrayProps): React.JSX.Element;
-declare function AgentChatQueue(): React.JSX.Element | null;
-declare function AgentChatNotice({
-  children,
-  ...props
-}: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+export declare function AgentChatPromptTray({ className, ...props }: AgentChatPromptTrayProps): React.JSX.Element;
+export declare function AgentChatQueue(): React.JSX.Element | null;
+export declare function AgentChatNotice({ children, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
 /** Approval discovery is explicit. Mounting this owner never grants permission. */
-interface AgentChatApprovalsProps {
+export interface AgentChatApprovalsProps {
   thinkStub?: AgentStub<Think>;
   pendingApprovals?: readonly PendingApproval[];
   onExecutionSettled?: () => void | Promise<void>;
@@ -171,24 +129,19 @@ interface ApprovalsValue {
   settled: () => Promise<void>;
   thinkStub?: AgentStub<Think>;
 }
-declare function useAgentChatApprovals(): ApprovalsValue;
-declare function AgentChatApprovals({
-  thinkStub,
-  pendingApprovals,
-  onExecutionSettled,
-  children
-}: AgentChatApprovalsProps): React.JSX.Element;
-declare function AgentChatApproval(): React.JSX.Element | null;
-declare const compactingNotice: React.JSX.Element;
+export declare function useAgentChatApprovals(): ApprovalsValue;
+export declare function AgentChatApprovals({ thinkStub, pendingApprovals, onExecutionSettled, children }: AgentChatApprovalsProps): React.JSX.Element;
+export declare function AgentChatApproval(): React.JSX.Element | null;
+export declare const compactingNotice: React.JSX.Element;
 /** Explicit command action controller; callers put its command in the catalog and its notice where appropriate. */
-declare function useAgentChatCompaction(onCompact: () => Promise<{
+export declare function useAgentChatCompaction(onCompact: () => Promise<{
   compacted: boolean;
 }>): {
   command: PromptInputCommandDefinition | undefined;
   run: () => void;
   notice: string | React.JSX.Element | null;
 };
-declare const AgentChat: {
+export declare const AgentChat: {
   Root: typeof AgentChatRoot;
   Transcript: typeof AgentChatTranscript;
   Message: typeof AgentChatMessage;
@@ -208,5 +161,4 @@ declare const AgentChat: {
   Approvals: typeof AgentChatApprovals;
   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, useAgentChatControls, useAgentChatRuntime };
+//#endregion

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

@@ -8,10 +8,10 @@ import { AgentMessageParts } from "../ai-sdk/AgentMessageParts.js";
 import { Marker, MarkerContent } from "../foundations/Marker.js";
 import { VirtualMessageScroller } from "../ai-sdk/MessageScrollerVirtual.js";
 import { Queue, QueueItem, QueueItemAction, QueueItemActions, QueueItemContent, QueueItemIndicator, QueueList } from "../ai-sdk/Queue.js";
-import { BrandLoading } from "../general-purpose/BrandLoading.js";
 import { AgentEventRow, getAgentEvent } from "./AgentEvent.js";
 import { AgentChatQueueProvider, useOptionalAgentChatQueue } from "./AgentChatQueue.js";
 import { PromptInputApproval, getApprovalStateKey, getPendingToolApprovals } from "./PromptInputApproval.js";
+import { BrandLoading } from "../general-purpose/BrandLoading.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useRender } from "@base-ui/react/use-render";
@@ -23,20 +23,16 @@ function observeAgentChatDock(element) {
 	if (!element || typeof ResizeObserver === "undefined") return;
 	const root = element.closest(".agent-chat");
 	let written;
-	let frame = 0;
-	const observer = new ResizeObserver(() => {
-		if (frame) return;
-		frame = requestAnimationFrame(() => {
-			frame = 0;
-			const size = `${element.offsetHeight}px`;
-			if (size === written) return;
-			written = size;
-			root?.style.setProperty("--agent-chat-dock-size", size);
-		});
-	});
+	const measure = () => {
+		const size = `${element.offsetHeight}px`;
+		if (size === written) return;
+		written = size;
+		root?.style.setProperty("--agent-chat-dock-size", size);
+	};
+	measure();
+	const observer = new ResizeObserver(measure);
 	observer.observe(element);
 	return () => {
-		cancelAnimationFrame(frame);
 		observer.disconnect();
 	};
 }
@@ -281,7 +277,7 @@ function AgentChatActions({ children, ...props }) {
 	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, {
+	const actions = /* @__PURE__ */ jsx(MessageActions, {
 		reserveSpace: message.role === "assistant",
 		"aria-label": `Actions for ${message.role === "assistant" ? "response" : "message"} ${messageNumber}`,
 		"data-unavailable": unavailable ? true : void 0,
@@ -289,7 +285,8 @@ function AgentChatActions({ children, ...props }) {
 		inert: unavailable ? true : void 0,
 		...props,
 		children
-	}) });
+	});
+	return /* @__PURE__ */ jsx(MessageMeta, { children: actions });
 }
 function AgentChatCopyAction() {
 	const { message, messageIndex, messageNumber } = useChatMessage();

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

@@ -1,2 +1,2 @@
-import { i as useOptionalAgentChatQueue, n as AgentChatQueueProviderProps, r as AgentChatQueuedPrompt, t as AgentChatQueueProvider } from "../../AgentChatQueue-MrHhV901.js";
+import { i as useOptionalAgentChatQueue, n as AgentChatQueueProviderProps, r as AgentChatQueuedPrompt, t as AgentChatQueueProvider } from "../../AgentChatQueue-CGR4hd7D.js";
 export { AgentChatQueueProvider, AgentChatQueueProviderProps, AgentChatQueuedPrompt, useOptionalAgentChatQueue };

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

@@ -1,8 +1,7 @@
 import * as React from "react";
 import { UIMessage } from "ai";
-
 //#region src/components/agents-sdk/AgentEvent.d.ts
-interface AgentEvent {
+export interface AgentEvent {
   source: string;
   runId?: string;
   /** Terminal status of the run this completion notice reports. */
@@ -17,8 +16,8 @@ interface AgentEvent {
  * puts a `narrate` milestone's metadata directly on the assistant message it
  * adds — so both shapes are read. Anything else is an ordinary message.
  */
-declare function getAgentEvent(message: UIMessage): AgentEvent | null;
-interface AgentEventRowProps extends React.HTMLAttributes<HTMLDivElement> {
+export declare function getAgentEvent(message: UIMessage): AgentEvent | null;
+export interface AgentEventRowProps extends React.HTMLAttributes<HTMLDivElement> {
   message: UIMessage;
   event: AgentEvent;
 }
@@ -29,14 +28,7 @@ interface AgentEventRowProps extends React.HTMLAttributes<HTMLDivElement> {
  * from the parent's retained-run projection when the row is inside an
  * `AgentToolRunsProvider`.
  */
-declare function AgentEventRow({
-  className,
-  event,
-  message,
-  ref,
-  ...props
-}: AgentEventRowProps & {
+export declare function AgentEventRow({ className, event, message, ref, ...props }: AgentEventRowProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-//#endregion
-export { AgentEvent, AgentEventRow, AgentEventRowProps, getAgentEvent };
+//#endregion

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

@@ -1,10 +1,10 @@
 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 { r as firstLine } from "../../format-CWaZEp5o.js";
 import { MessageResponse } from "../ai-sdk/Message.js";
-import { NaniteMark } from "../nanites/NaniteScene.js";
-import { getSubagentRunName } from "./SubagentRunIndicator.js";
 import { useOptionalAgentToolRuns } from "./AgentToolRunsContext.js";
+import { getSubagentRunName } from "./SubagentRunIndicator.js";
+import { NaniteMark } from "../nanites/NaniteScene.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { isTextUIPart } from "ai";

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

@@ -1,2 +1,2 @@
-import { a as useOptionalAgentToolRuns, i as AgentToolRunsProviderProps, n as AgentToolRunValue, r as AgentToolRunsProvider, t as AgentToolEventsValue } from "../../AgentToolRunsContext-DT50htHj.js";
+import { a as useOptionalAgentToolRuns, i as AgentToolRunsProviderProps, n as AgentToolRunValue, r as AgentToolRunsProvider, t as AgentToolEventsValue } from "../../AgentToolRunsContext-DniwGn96.js";
 export { AgentToolEventsValue, AgentToolRunValue, AgentToolRunsProvider, AgentToolRunsProviderProps, useOptionalAgentToolRuns };

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

@@ -1,17 +1,16 @@
 import { ReactNode } from "react";
-
 //#region src/components/agents-sdk/BrowserLiveScreen.d.ts
 /** One claimed tab, as the synced claim records describe it. */
-type BrowserLiveScreenTab = {
+export type BrowserLiveScreenTab = {
   tabId: number;
   title?: string;
   url?: string;
 };
-type BrowserLiveScreenSignal = {
+export type BrowserLiveScreenSignal = {
   viewerId: string;
   payload: BrowserLiveScreenSignalPayload;
 };
-type BrowserLiveScreenSignalPayload = {
+export type BrowserLiveScreenSignalPayload = {
   kind: "offer";
   sdp: string;
   tabId: number;
@@ -24,12 +23,12 @@ type BrowserLiveScreenSignalPayload = {
 } | {
   kind: "close";
 };
-type BrowserLiveScreenFrameMetadata = {
+export type BrowserLiveScreenFrameMetadata = {
   deviceWidth: number;
   deviceHeight: number;
   offsetTop: number;
 };
-type BrowserLiveScreenStatus = {
+export type BrowserLiveScreenStatus = {
   kind: "streaming";
   tabId: number;
   streamGeneration: number;
@@ -42,7 +41,7 @@ type BrowserLiveScreenStatus = {
   kind: "error";
   message: string;
 };
-type BrowserLiveScreenInputEvent = {
+export type BrowserLiveScreenInputEvent = {
   kind: "mouse";
   type: "mousePressed" | "mouseReleased" | "mouseMoved" | "mouseWheel";
   x: number;
@@ -65,12 +64,12 @@ type BrowserLiveScreenInputEvent = {
   kind: "text";
   text: string;
 };
-type BrowserLiveScreenInput = {
+export type BrowserLiveScreenInput = {
   tabId: number;
   streamGeneration: number;
   events: BrowserLiveScreenInputEvent[];
 };
-type BrowserLiveScreenCommand = {
+export type BrowserLiveScreenCommand = {
   kind: "navigate";
   tabId: number;
   action: "back" | "reload";
@@ -79,7 +78,7 @@ type BrowserLiveScreenCommand = {
   tabId: number;
   url: string;
 };
-interface BrowserLiveScreenProtocol {
+export interface BrowserLiveScreenProtocol {
   /** Data-channel label understood by the employee machine. */
   dataChannelLabel: string;
   /** Parses one machine status message; return null for unrelated data. */
@@ -90,7 +89,7 @@ interface BrowserLiveScreenProtocol {
   /** Serializes one drawn-browser command for the employee machine. */
   serializeCommand(this: void, command: BrowserLiveScreenCommand): string;
 }
-interface BrowserLiveScreenProps {
+export 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. */
@@ -122,16 +121,5 @@ interface BrowserLiveScreenProps {
  * tab summaries and selection. 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,
-  tabId: selectedTabId,
-  onTabChange
-}: BrowserLiveScreenProps): import("react").JSX.Element;
-//#endregion
-export { BrowserLiveScreen, BrowserLiveScreenCommand, BrowserLiveScreenFrameMetadata, BrowserLiveScreenInput, BrowserLiveScreenInputEvent, BrowserLiveScreenProps, BrowserLiveScreenProtocol, BrowserLiveScreenSignal, BrowserLiveScreenSignalPayload, BrowserLiveScreenStatus, BrowserLiveScreenTab };
+export declare function BrowserLiveScreen({ sendSignal: sendHostSignal, subscribeSignals, protocol, getIceServers, label, controlLabel, tabs, tabId: selectedTabId, onTabChange }: BrowserLiveScreenProps): import("react").JSX.Element;
+//#endregion

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

@@ -1,9 +1,8 @@
 import * as React from "react";
 import { BrowserLiveViewUrl } from "agents/browser";
-
 //#region src/components/agents-sdk/BrowserLiveView.d.ts
 /** Where a live view is in its lifecycle, however the pixels arrive. */
-type BrowserLiveViewPhase = "connecting" | "streaming" | "reconnecting" | "idle" | "failed";
+export type BrowserLiveViewPhase = "connecting" | "streaming" | "reconnecting" | "idle" | "failed";
 interface BrowserLiveViewCommonProps extends React.HTMLAttributes<HTMLDivElement> {
   /** The page being shown — names the surface and labels its ended state. */
   pageTitle?: string;
@@ -31,8 +30,10 @@ interface BrowserLiveViewCommonProps extends React.HTMLAttributes<HTMLDivElement
    */
   fill?: boolean;
 }
-type BrowserLiveViewProps = BrowserLiveViewCommonProps & ({
-  /** Complete upstream value returned by `cdp.getLiveViewUrl()`. */source: BrowserLiveViewUrl; /** Epoch ms when `source` was received. Defaults to its first render. */
+export type BrowserLiveViewProps = BrowserLiveViewCommonProps & ({
+  /** Complete upstream value returned by `cdp.getLiveViewUrl()`. */
+  source: BrowserLiveViewUrl;
+  /** Epoch ms when `source` was received. Defaults to its first render. */
   receivedAt?: number;
   renderMedia?: never;
   phase?: never;
@@ -52,7 +53,8 @@ type BrowserLiveViewProps = BrowserLiveViewCommonProps & ({
    * `statusId` names whatever element currently states the phase, for a
    * control surface to point `aria-describedby` at.
    */
-  renderMedia: (placement: "inline" | "dialog", statusId: string) => React.ReactNode; /** The host draws, so the host owns the lifecycle. A URL derives its own. */
+  renderMedia: (placement: "inline" | "dialog", statusId: string) => React.ReactNode;
+  /** The host draws, so the host owns the lifecycle. A URL derives its own. */
   phase: BrowserLiveViewPhase;
   source?: never;
   receivedAt?: never;
@@ -91,6 +93,5 @@ type BrowserLiveViewProps = BrowserLiveViewCommonProps & ({
  * Styling rides `@mcp-b/react-components/styles` (browser-live-view.css),
  * which think-chat consumers load anyway.
  */
-declare function BrowserLiveView(props: BrowserLiveViewProps): React.JSX.Element;
-//#endregion
-export { BrowserLiveView, BrowserLiveViewPhase, BrowserLiveViewProps };
+export declare function BrowserLiveView(props: BrowserLiveViewProps): React.JSX.Element;
+//#endregion

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

@@ -1,8 +1,7 @@
 import * as React from "react";
 import { BrowserRecording } from "agents/browser";
-
 //#region src/components/agents-sdk/BrowserReplay.d.ts
-interface BrowserReplayProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
+export interface BrowserReplayProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
   /**
    * rrweb events for one tab, e.g. one
    * `BrowserRecording.events[targetId]` entry from Cloudflare Browser Run.
@@ -28,14 +27,8 @@ interface BrowserReplayProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
  * @see https://github.com/cloudflare/agents/tree/main/packages/agents/src/browser
  * @see https://github.com/rrweb-io/rrweb/tree/main/packages/%40rrweb/replay
  */
-declare function BrowserReplay({
-  className,
-  events,
-  autoPlay,
-  ref,
-  ...props
-}: BrowserReplayProps & {
-  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLDivElement>;
+export declare function BrowserReplay({ className, events, autoPlay, ref, ...props }: BrowserReplayProps & {
+  /** Ref forwarded to the component's rendered root element. */
+  ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-//#endregion
-export { BrowserReplay, BrowserReplayProps };
+//#endregion

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

@@ -1,7 +1,7 @@
 import { t as cx } from "../../class-names-BiMDVpUo.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 { i as formatClock } from "../../format-CWaZEp5o.js";
 import { EmptyState } from "../foundations/EmptyState.js";
 import { Slider } from "../foundations/Slider.js";
 import * as React from "react";

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

@@ -1,6 +1,5 @@
 import * as React from "react";
 import { BrowserLiveView } from "agents/browser";
-
 //#region src/components/agents-sdk/BrowserRunPanel.d.ts
 /**
  * One entry of the drawn tab strip. The panel synthesizes browser chrome
@@ -8,7 +7,7 @@ import { BrowserLiveView } from "agents/browser";
  * page the host holds — a Browser Run target, a claimed extension tab — cut
  * down to the identity and words the strip needs.
  */
-interface BrowserRunPanelTab {
+export interface BrowserRunPanelTab {
   /** Stable identity; the strip's selection value. Hosts stringify their own ids. */
   id: string;
   title?: string;
@@ -78,7 +77,7 @@ interface BrowserRunPanelStreamedProps extends BrowserRunPanelCommonProps {
   empty?: never;
   fallback?: never;
 }
-type BrowserRunPanelProps = BrowserRunPanelHostedProps | BrowserRunPanelStreamedProps;
+export type BrowserRunPanelProps = BrowserRunPanelHostedProps | BrowserRunPanelStreamedProps;
 /**
  * Browser panel chrome — drawn tab strip, address bar, edge-to-edge body — for
  * browser surfaces Chrome itself never paints.
@@ -91,6 +90,5 @@ type BrowserRunPanelProps = BrowserRunPanelHostedProps | BrowserRunPanelStreamed
  * records, because a remote screencast carries only page pixels and every
  * piece of chrome around it has to be synthesized from host state.
  */
-declare function BrowserRunPanel(props: BrowserRunPanelProps): React.JSX.Element;
-//#endregion
-export { BrowserRunPanel, BrowserRunPanelProps, BrowserRunPanelTab };
+export declare function BrowserRunPanel(props: BrowserRunPanelProps): React.JSX.Element;
+//#endregion

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

@@ -1,7 +1,6 @@
 import { SettingsFormDialogProps } from "../general-purpose/SettingsFormDialog.js";
-
 //#region src/components/agents-sdk/DiscordConnectionDialog.d.ts
-interface DiscordConnectionDialogProps {
+export interface DiscordConnectionDialogProps {
   open: boolean;
   onOpenChange: SettingsFormDialogProps["onOpenChange"];
   onSubmit: SettingsFormDialogProps["onFormSubmit"];
@@ -9,12 +8,5 @@ interface DiscordConnectionDialogProps {
   applicationId?: string;
 }
 /** Shared connection form; the host owns validation, credentials and persistence. */
-declare function DiscordConnectionDialog({
-  open,
-  onOpenChange,
-  onSubmit,
-  onRemove,
-  applicationId
-}: DiscordConnectionDialogProps): import("react").JSX.Element;
-//#endregion
-export { DiscordConnectionDialog, DiscordConnectionDialogProps };
+export declare function DiscordConnectionDialog({ open, onOpenChange, onSubmit, onRemove, applicationId }: DiscordConnectionDialogProps): import("react").JSX.Element;
+//#endregion

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

@@ -1,9 +1,8 @@
-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-B7Gt2Hpk.js";
+import { l as WorkspaceNavigationAdapter } from "../../WorkspaceLink-Buo6gKj2.js";
+import { f as EmployeeShellProps, l as EmployeeModelSetup, n as EmployeeBrand, p as EmployeeStatus, t as EmployeeAgentRun } from "../../EmployeeChrome-CN99SVfF.js";
 import * as React from "react";
-
 //#region src/components/agents-sdk/EmployeeApp.d.ts
-interface EmployeeAppRootProps extends EmployeeShellProps {
+export interface EmployeeAppRootProps extends EmployeeShellProps {
   /** Admission gates remain separate; connecting keeps the application frame mounted. */
   status: EmployeeStatus;
   workspaceNavigation?: WorkspaceNavigationAdapter;
@@ -16,18 +15,8 @@ interface EmployeeAppRootProps extends EmployeeShellProps {
   ref?: React.Ref<HTMLDivElement>;
 }
 /** Persistent admission and navigation frame. Put keyed runtimes and Suspense inside it. */
-declare function EmployeeAppRoot({
-  status,
-  workspaceNavigation,
-  brand,
-  modelSetup,
-  schedules,
-  shell,
-  ref,
-  children,
-  ...chrome
-}: EmployeeAppRootProps): React.JSX.Element;
-interface EmployeeAppContentProps {
+declare function EmployeeAppRoot({ status, workspaceNavigation, brand, modelSetup, schedules, shell, ref, children, ...chrome }: EmployeeAppRootProps): React.JSX.Element;
+export interface EmployeeAppContentProps {
   view: EmployeeShellProps["view"];
   /** Current output pane, or null when the conversation occupies the screen. */
   workbench: React.ReactNode;
@@ -37,26 +26,16 @@ interface EmployeeAppContentProps {
   children: React.ReactNode;
 }
 /** Stable content lanes. Hosts hydrate the conversation locally and retain output while waiting. */
-declare function EmployeeAppContent({
-  view,
-  workbench,
-  live,
-  report,
-  children
-}: EmployeeAppContentProps): React.JSX.Element;
+declare function EmployeeAppContent({ view, workbench, live, report, children }: EmployeeAppContentProps): React.JSX.Element;
 /** Local run failure presentation; keep the parent connection and queue above this part. */
-declare function EmployeeAppConversation({
-  run,
-  children
-}: {
+declare function EmployeeAppConversation({ run, children }: {
   run: EmployeeAgentRun | null;
   children: React.ReactNode;
 }): React.JSX.Element;
 /** Compose one persistent frame around independently hydrating conversation content. */
-declare const EmployeeApp: {
+export declare const EmployeeApp: {
   Root: typeof EmployeeAppRoot;
   Content: typeof EmployeeAppContent;
   Conversation: typeof EmployeeAppConversation;
 };
-//#endregion
-export { EmployeeApp, EmployeeAppContentProps, EmployeeAppRootProps };
+//#endregion

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

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