@mcp-b/react-components 0.46.6 → 0.47.0

package/dist/WorkspaceMessageResponse-kJYU8Onj.d.ts

@@ -0,0 +1,48 @@
+import { E as MessageResponseProps } from "./Message-D_vCVEGB.js";
+import * as React from "react";
+
+//#region src/components/agents-sdk/WorkspaceMessageResponse.d.ts
+interface WorkspaceFileRenderInput {
+  label: string;
+  path: string;
+  /** Shared workspace link element; hosts pass it through to the preview unchanged. */
+  sourceLink: React.ReactElement;
+}
+/**
+ * Host callback for one standalone workspace file link in an assistant
+ * paragraph. Return a node to replace the link, or `null` to keep it.
+ */
+type WorkspaceFileRenderer = (file: WorkspaceFileRenderInput) => React.ReactNode;
+/**
+ * Ambient workspace-file renderer for every `WorkspaceMessageResponse` below,
+ * and the only way to supply one. The value is read inside the promoted
+ * paragraph, not by the response component, so a host handing down a fresh
+ * callback every render re-renders only the paragraphs — the memoized Markdown
+ * pipeline is untouched and promoted cards keep their state.
+ * `ThinkChat.Messages` provides it from its `renderWorkspaceFile` prop; hosts
+ * composing `WorkspaceMessageResponse` directly provide it once at their
+ * conversation root.
+ */
+declare function WorkspaceFileRendererProvider({
+  children,
+  renderWorkspaceFile
+}: {
+  children: React.ReactNode;
+  renderWorkspaceFile: WorkspaceFileRenderer | undefined;
+}): React.JSX.Element;
+interface WorkspaceMessageResponseProps extends MessageResponseProps {
+  /**
+   * Whether standalone workspace file links may be promoted. `ThinkChat`
+   * passes `false` for user messages: user links remain ordinary navigation.
+   */
+  promoteWorkspaceFiles?: boolean;
+}
+/** Adds workspace-aware Markdown links when rendered inside a workspace provider. */
+declare const WorkspaceMessageResponse: React.MemoExoticComponent<({
+  components,
+  rehypePlugins,
+  promoteWorkspaceFiles,
+  ...props
+}: WorkspaceMessageResponseProps) => React.JSX.Element>;
+//#endregion
+export { WorkspaceMessageResponseProps as a, WorkspaceMessageResponse as i, WorkspaceFileRenderer as n, WorkspaceFileRendererProvider as r, WorkspaceFileRenderInput as t };

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, Q as TerminalIcon, S as FileIcon, T as InfoIcon, W as SearchIcon, et as WarningIcon, tt as WrenchIcon, z as PencilIcon } from "../../icons-BNEY4gO5.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 * as React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/agents-sdk/AgentActivity.tsx

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

@@ -1,28 +1,28 @@
 import { replaceComposerTrigger } from "../../utils/composer-link.js";
 import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { B as PlusIcon, H as RefreshIcon, K as SpinnerIcon, Q as TrashIcon, R as PencilIcon, V as QueueIcon, t as ArchiveIcon } from "../../icons-cuEtsgj9.js";
 import { ExpansionStateProvider } from "../ai-sdk/ExpansionState.js";
-import { $ as TrashIcon, H as QueueIcon, I as MoveToFrontIcon, U as RefreshIcon, V as PlusIcon, q as SpinnerIcon, t as ArchiveIcon, z as PencilIcon } from "../../icons-BNEY4gO5.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, PromptInputSubmit, PromptInputTextarea, PromptInputTools, PromptInputTray, composerLinksToReferences, usePromptInputAttachments } from "../ai-sdk/PromptInput.js";
-import { AgentChatStartScreen } from "../ai-sdk/AgentChatStartScreen.js";
 import { Message, MessageAction, MessageActions, MessageMeta, MessageTimestamp } from "../ai-sdk/Message.js";
+import { AgentEventRow, getAgentEvent } from "./AgentEvent.js";
 import { AgentMessageParts } from "../ai-sdk/AgentMessageParts.js";
-import { Marker, MarkerContent } from "../foundations/Marker.js";
-import { t as CopyButton } from "../../copy-button-D7ySsRRo.js";
 import { Context, ContextContent, ContextContentBody, ContextContentHeader, ContextTrigger, getContextUsage, getContextUsedTokens } from "../ai-sdk/Context.js";
+import { EmptyState } from "../foundations/EmptyState.js";
 import { VirtualMessageScroller } from "../ai-sdk/MessageScrollerVirtual.js";
 import { QueueItem, QueueItemActions, QueueItemContent } from "../ai-sdk/Queue.js";
-import { EmptyState } from "../foundations/EmptyState.js";
+import { Menu } from "../foundations/Menu.js";
+import { PromptInput, PromptInputActionAddAttachments, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuTrigger, PromptInputAttachments, PromptInputBody, PromptInputButton, PromptInputCommandComposer, PromptInputContextSelector, PromptInputDictation, PromptInputFooter, PromptInputHeader, PromptInputPermissionSelector, PromptInputSubmit, PromptInputTextarea, PromptInputTools, PromptInputTray, composerLinksToReferences, usePromptInputAttachments } from "../ai-sdk/PromptInput.js";
+import { AgentChatStartScreen } from "../ai-sdk/AgentChatStartScreen.js";
+import { AgentChatMessageEditor } from "../ai-sdk/AgentChatMessageEditor.js";
+import { Marker, MarkerContent } from "../foundations/Marker.js";
 import { TransitionSurface } from "../foundations/TransitionSurface.js";
-import { AgentEventRow, getAgentEvent } from "./AgentEvent.js";
 import { PromptInputApproval, getApprovalRequestId, getApprovalStateKey, getPendingToolApprovals } from "./PromptInputApproval.js";
+import { t as CopyButton } from "../../copy-button-CSDuDfdP.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { isTextUIPart } from "ai";
 import { isCompactionMessage } from "agents/experimental/memory/utils";
+import { isTextUIPart } from "ai";
 //#region src/components/agents-sdk/AgentChat.tsx
 /**
 * Agents exports this helper from `agents/sessions` after cloudflare/agents#1896;
@@ -353,10 +353,10 @@ function AgentChat({ className, messages, status = "ready", onSubmit, showCompos
 		pendingPrompts.length,
 		queueHeld
 	]);
-	const handleStop = React.useMemo(() => onStop ? () => {
+	const handleStop = onStop ? () => {
 		setQueueHeld(true);
 		onStop();
-	} : void 0, [onStop]);
+	} : void 0;
 	React.useEffect(() => {
 		const becameReady = wasBusy.current && !busy;
 		wasBusy.current = busy;
@@ -577,21 +577,25 @@ function AgentChat({ className, messages, status = "ready", onSubmit, showCompos
 								}),
 								/* @__PURE__ */ jsxs(QueueItemActions, {
 									className: "agent-chat__queued-actions",
-									children: [/* @__PURE__ */ jsxs(Button, {
+									children: [busy && onStop ? /* @__PURE__ */ jsx(Button, {
 										className: "agent-chat__queued-action",
-										"aria-label": `Move queued message to front: ${messageText}`,
+										"aria-label": `Steer queued message: ${messageText}`,
 										color: "neutral",
 										size: "xs",
 										variant: "ghost",
-										onClick: () => setPendingPrompts((current) => [pending, ...current.filter((item) => item !== pending)]),
-										children: [/* @__PURE__ */ jsx(MoveToFrontIcon, {}), "Move to front"]
-									}), /* @__PURE__ */ jsx(IconButton, {
+										onClick: () => {
+											setPendingPrompts((current) => [pending, ...current.filter((item) => item.id !== pending.id)]);
+											setQueueHeld(false);
+											onStop();
+										},
+										children: "Steer"
+									}) : null, /* @__PURE__ */ jsx(IconButton, {
 										className: "agent-chat__queued-action agent-chat__queued-remove",
 										color: "neutral",
 										label: `Remove queued message: ${messageText}`,
 										size: "xs",
 										variant: "ghost",
-										onClick: () => setPendingPrompts((current) => current.filter((item) => item !== pending)),
+										onClick: () => setPendingPrompts((current) => current.filter((item) => item.id !== pending.id)),
 										children: /* @__PURE__ */ jsx(TrashIcon, {})
 									})]
 								})

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 { 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, U as RefreshIcon, r as ArrowLeftIcon } from "../../icons-BNEY4gO5.js";
+import { E as KeyboardIcon, H as RefreshIcon, r as ArrowLeftIcon } from "../../icons-cuEtsgj9.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 { _ as DotIcon, k as MaximizeIcon, q as SpinnerIcon } from "../../icons-BNEY4gO5.js";
+import { K as SpinnerIcon, _ as DotIcon, k as MaximizeIcon } from "../../icons-cuEtsgj9.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 { B as PlayIcon, R as PauseIcon } from "../../icons-BNEY4gO5.js";
+import { L as PauseIcon, z as PlayIcon } from "../../icons-cuEtsgj9.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 { nt as XIcon, q as SpinnerIcon } from "../../icons-BNEY4gO5.js";
+import { K as SpinnerIcon, nt as XIcon } from "../../icons-cuEtsgj9.js";
 import { Tabs } from "../foundations/Tabs.js";
 import { WebPreview, WebPreviewNavigation, WebPreviewNavigationButton, WebPreviewUrl } from "../general-purpose/WebPreview.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";

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

@@ -1,17 +1,17 @@
 import { getMcpServerIconSrc } from "../../utils/mcp-server-catalog.js";
 import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { B as PlusIcon, C as FolderIcon, D as LinkIcon, H as RefreshIcon, K as SpinnerIcon, L as PauseIcon, P as MonitorIcon, R as PencilIcon, T as InfoIcon, _ as DotIcon, a as ArrowUpIcon, b as EyeIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon, j as MessageSquareIcon, n as ArrowDownIcon, nt as XIcon, p as ChevronRightIcon, u as CalendarIcon, v as DownloadIcon, z as PlayIcon } from "../../icons-cuEtsgj9.js";
 import { Collapsible } from "../foundations/Collapsible.js";
-import { B as PlayIcon, C as FolderIcon, D as LinkIcon, P as MonitorIcon, R as PauseIcon, T as InfoIcon, U as RefreshIcon, V as PlusIcon, _ as DotIcon, a as ArrowUpIcon, b as EyeIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon, j as MessageSquareIcon, n as ArrowDownIcon, nt as XIcon, p as ChevronRightIcon, q as SpinnerIcon, u as CalendarIcon, v as DownloadIcon, z as PencilIcon } from "../../icons-BNEY4gO5.js";
 import { Button } from "../foundations/Button.js";
-import { AgentAttention, AgentAttentionActions, AgentAttentionBody, AgentAttentionHeader } from "../ai-sdk/AgentAttention.js";
 import { Tooltip } from "../foundations/Tooltip.js";
-import { Menu } from "../foundations/Menu.js";
 import { Avatar } from "../foundations/Avatar.js";
 import { AppIcon } from "../foundations/AppIcon.js";
 import { n as findCatalogMcpServerCard } from "../../mcp-server-7NR24ASj.js";
-import { Select } from "../foundations/Select.js";
 import { EmptyState } from "../foundations/EmptyState.js";
+import { Menu } from "../foundations/Menu.js";
+import { AgentAttention, AgentAttentionActions, AgentAttentionBody, AgentAttentionHeader } from "../ai-sdk/AgentAttention.js";
 import { LinkButton } from "../foundations/LinkButton.js";
+import { Select } from "../foundations/Select.js";
 import "../foundations/icons.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import { ResponsiveSidebarShell } from "../general-purpose/ResponsiveSidebarShell.js";

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

@@ -1,9 +1,9 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { d as CheckIcon, et as WarningIcon, q as SpinnerIcon } from "../../icons-BNEY4gO5.js";
+import { K as SpinnerIcon, d as CheckIcon, et as WarningIcon } from "../../icons-cuEtsgj9.js";
 import { Button } from "../foundations/Button.js";
-import { AgentAttention, AgentAttentionActions, AgentAttentionBody, AgentAttentionHeader } from "../ai-sdk/AgentAttention.js";
 import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import { r as getMcpServerProjection, t as McpServerIcon } from "../../mcp-server-7NR24ASj.js";
+import { AgentAttention, AgentAttentionActions, AgentAttentionBody, AgentAttentionHeader } from "../ai-sdk/AgentAttention.js";
 import { DescriptionList } from "../foundations/DescriptionList.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,9 +1,9 @@
 import { CUSTOM_MCP_SERVER_CARD } from "../../utils/mcp-server-catalog.js";
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { Button } from "../foundations/Button.js";
+import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import { Field } from "../foundations/Field.js";
 import { Form } from "../foundations/Form.js";
-import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import { Fieldset } from "../foundations/Fieldset.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,14 +1,14 @@
 import { CUSTOM_MCP_SERVER_CARD } from "../../utils/mcp-server-catalog.js";
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { V as PlusIcon, et as WarningIcon, nt as XIcon, o as ArrowUpRightIcon, q as SpinnerIcon, y as EllipsisIcon } from "../../icons-BNEY4gO5.js";
+import { B as PlusIcon, K as SpinnerIcon, et as WarningIcon, nt as XIcon, o as ArrowUpRightIcon, y as EllipsisIcon } from "../../icons-cuEtsgj9.js";
 import { Button } from "../foundations/Button.js";
-import { AgentAttention, AgentAttentionBody, AgentAttentionHeader } from "../ai-sdk/AgentAttention.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { Dialog } from "../foundations/Dialog.js";
 import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import { AppIcon } from "../foundations/AppIcon.js";
 import { r as getMcpServerProjection, t as McpServerIcon } from "../../mcp-server-7NR24ASj.js";
 import { Separator } from "../foundations/Separator.js";
+import { AgentAttention, AgentAttentionBody, AgentAttentionHeader } from "../ai-sdk/AgentAttention.js";
 import { SearchField } from "../foundations/SearchField.js";
 import { McpServerSetupDialog } from "./McpServerPicker.js";
 import * as React from "react";

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

@@ -1,10 +1,10 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { N as MinusIcon, d as CheckIcon, et as WarningIcon, q as SpinnerIcon } from "../../icons-BNEY4gO5.js";
+import { K as SpinnerIcon, N as MinusIcon, d as CheckIcon, et as WarningIcon } from "../../icons-cuEtsgj9.js";
 import { buttonVariants } from "../foundations/Button.js";
-import { Menu } from "../foundations/Menu.js";
 import { Dialog } from "../foundations/Dialog.js";
 import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import { r as getMcpServerProjection, t as McpServerIcon } from "../../mcp-server-7NR24ASj.js";
+import { Menu } from "../foundations/Menu.js";
 import { PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuTrigger } from "../ai-sdk/PromptInput.js";
 import { McpConnectorForm } from "./McpConnectorForm.js";
 import * as React from "react";

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

@@ -1,13 +1,13 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { W as SearchIcon, f as ChevronDownIcon } from "../../icons-BNEY4gO5.js";
+import { U as SearchIcon, f as ChevronDownIcon } from "../../icons-cuEtsgj9.js";
 import { Button } from "../foundations/Button.js";
-import { Autocomplete } from "../foundations/Autocomplete.js";
 import { Dialog } from "../foundations/Dialog.js";
 import { c as titleCase } from "../../format-COCyV98Z.js";
 import { Separator } from "../foundations/Separator.js";
+import { EmptyState } from "../foundations/EmptyState.js";
 import { ScrollArea } from "../foundations/ScrollArea.js";
+import { Autocomplete } from "../foundations/Autocomplete.js";
 import { t as ProviderLogo } from "../../provider-logos-DWYY8wNz.js";
-import { EmptyState } from "../foundations/EmptyState.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createPortal } from "react-dom";

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

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { ToolApproval } from "../ai-sdk/ToolApproval.js";
 import { ThinkExecutionApproval, ThinkPendingApproval, getPausedExecution } from "./ThinkPendingApproval.js";
+import { ToolApproval } from "../ai-sdk/ToolApproval.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { isToolUIPart } from "ai";

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

@@ -1,6 +1,6 @@
 import { composerLinkHref } from "../../utils/composer-link.js";
 import { getMcpServerIconSrc } from "../../utils/mcp-server-catalog.js";
-import { A as McpIcon, c as BoxIcon } from "../../icons-BNEY4gO5.js";
+import { A as McpIcon, c as BoxIcon } from "../../icons-cuEtsgj9.js";
 import { n as findCatalogMcpServerCard } from "../../mcp-server-7NR24ASj.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/agents-sdk/PromptInputCommands.tsx

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { Y as StopIcon, d as CheckIcon, et as WarningIcon, q as SpinnerIcon } from "../../icons-BNEY4gO5.js";
+import { J as StopIcon, K as SpinnerIcon, d as CheckIcon, et as WarningIcon } from "../../icons-cuEtsgj9.js";
 import { r as firstLine, s as textLines } from "../../format-COCyV98Z.js";
 import { NaniteMark } from "../nanites/NaniteScene.js";
 import "react";

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

@@ -1,8 +1,8 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { buttonVariants } from "../foundations/Button.js";
 import { Tooltip } from "../foundations/Tooltip.js";
-import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { SubagentRunLabel, getSubagentRunName, getSubagentRunStatusText } from "./SubagentRunIndicator.js";
+import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/SubagentRunSelector.tsx

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

@@ -1,181 +1,2 @@
-import { i as AgentMessageRenderPartContext } from "../../AgentMessageParts-C7L-Mv9U.js";
-import { K as PromptInputMessage } from "../../PromptInput-DtJHyp0S.js";
-import { r as AgentChatProps } from "../../AgentChat-BLmQghkt.js";
-import { n as AgentToolEventsValue } from "../../AgentToolRunsContext-jtmveaRE.js";
-import { o as UseSessionCompactionResult } from "../../SessionCompaction-CmTJFpzj.js";
-import { o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, t as ThinkChatActivity } from "../../ThinkChatActivity-B3lGVS-6.js";
-import { i as ThinkChatValue } from "../../ThinkChatContext-COIgzkYp.js";
-import { t as ThinkRecoveryNotice } from "../../ThinkRecoveryNotice-DGWr94rk.js";
-import { n as WorkspaceHtmlArtifactRenderer } from "../../WorkspaceMessageResponse-D66ty4FO.js";
-import * as React from "react";
-import { UIMessage } from "ai";
-import { UseAgentOptions } from "agents/react";
-import { DataTag, UndefinedInitialDataOptions } from "@tanstack/react-query";
-import { PendingApproval, Think } from "@cloudflare/think";
-import { AgentStub } from "agents/client";
-
-//#region src/components/agents-sdk/ThinkChat.d.ts
-type ThinkPendingExecutionApprovalsQueryKey = readonly ["think", sourceKey: string, "pending-approvals"];
-type ThinkPendingExecutionApprovalsQueryOptions = UndefinedInitialDataOptions<readonly PendingApproval[], Error, readonly PendingApproval[], ThinkPendingExecutionApprovalsQueryKey> & {
-  queryKey: DataTag<ThinkPendingExecutionApprovalsQueryKey, readonly PendingApproval[], Error>;
-};
-interface ThinkChatProviderProps<State = unknown, MessageT extends UIMessage = UIMessage> {
-  /** The `useAgentChat` value from `@cloudflare/think/react` that descendants read. */
-  chat: ThinkChatValue<State, MessageT>;
-  /** Optional whole `useAgentToolEvents` result when the app owns the parent connection. */
-  agentTools?: AgentToolEventsValue<MessageT["parts"][number]>;
-  children: React.ReactNode;
-}
-interface ThinkChatRootProps<State = unknown> {
-  /** Agent to connect to: a kebab-case class name, or full `useAgent` options. */
-  agent: string | UseAgentOptions<State>;
-  /** Disable durable pending-approval discovery. Also disable it on `ThinkChat.Messages`. */
-  approvalsEnabled?: boolean;
-  /** Instance name (e.g. a session or room id). Wins over `agent.name`. */
-  name?: string;
-  /**
-   * Stable, non-secret identity for the remote Think agent. Include endpoint,
-   * account or tenant scope, and agent path so sources cannot share cached data.
-   */
-  sourceKey: string;
-  children: React.ReactNode;
-}
-/**
- * The first-turn surface with no conversation behind it. Supply this instead of
- * a chat provider when the composer's submission is what creates the
- * conversation: connecting early is what leaves empty threads behind.
- */
-interface ThinkChatDraft<MessageT extends UIMessage = UIMessage> {
-  /** Client-only transcript rows, such as a locally rendered guide. */
-  messages?: readonly MessageT[];
-  /** Receives the first message, normalized the same way a live thread's is. */
-  onSubmit: (message: {
-    text: string;
-    files: PromptInputMessage["files"];
-  }) => void | Promise<void>;
-  /** Set while the app is creating the conversation, so the composer reads busy. */
-  status?: AgentChatProps<MessageT>["status"];
-}
-type ThinkChatManagedAgentChatProp = "messages" | "onApprovalResponse" | "onRegenerate" | "onStop" | "onSubmit" | "status";
-/**
- * The AgentChat composition surface, minus the live values ThinkChat supplies
- * from `useAgentChat`. Think-specific activity and draft/session inputs extend
- * that owner instead of mirroring every AgentChat prop here.
- */
-type ThinkChatMessagesProps<MessageT extends UIMessage = UIMessage> = Omit<AgentChatProps<MessageT>, ThinkChatManagedAgentChatProp> & ThinkChatActivityRendererOptions<MessageT> & {
-  /**
-   * Renders without a chat provider, for the first turn of a conversation
-   * that does not exist yet.
-   */
-  draft?: ThinkChatDraft<MessageT>; /** Whole `useSessionCompaction` result for built-in progress and error notices. */
-  sessionCompaction?: UseSessionCompactionResult; /** Promotes assistant-authored workspace HTML links through a host runtime hydrator. */
-  renderWorkspaceHtmlArtifact?: WorkspaceHtmlArtifactRenderer;
-};
-/** Shared pending-approval options for components and TanStack Router loaders. */
-declare function thinkPendingExecutionApprovalsQueryOptions(stub: AgentStub<Think>, sourceKey: string): ThinkPendingExecutionApprovalsQueryOptions;
-declare function useThinkPendingExecutionApprovals(stub: AgentStub<Think>, sourceKey: string, refreshSignal?: unknown, enabled?: boolean): {
-  pendingApprovals: readonly PendingApproval[];
-  refreshPendingApprovals: () => Promise<void>;
-};
-/**
- * Chat UI for Cloudflare Think agents. Provide a `useAgentChat` value (or let
- * `ThinkChat.Root` create one) and `ThinkChat.Messages` renders the message
- * stream with agent work folded into collapsed Activity blocks.
- */
-declare function ThinkChatProvider<State = unknown, MessageT extends UIMessage = UIMessage>({
-  agentTools,
-  chat,
-  children
-}: ThinkChatProviderProps<State, MessageT>): React.JSX.Element;
-/**
- * Batteries-included root: connects to the named Think agent (upstream's
- * `useAgent` + `useAgentChat`) and provides the live chat to everything
- * inside. Render it beneath the app's `QueryClientProvider`. If the app
- * already owns the chat hook, use `ThinkChat.Provider`.
- *
- * @example
- * ```tsx
- * <QueryClientProvider client={queryClient}>
- *   <ThinkChat.Root
- *     agent="my-agent"
- *     name="session-1"
- *     sourceKey="api.example.com:account:acme:agent:session-1"
- *   >
- *     <ThinkChat.Messages />
- *   </ThinkChat.Root>
- * </QueryClientProvider>
- * ```
- */
-declare function ThinkChatRoot<State = unknown, MessageT extends UIMessage = UIMessage>({
-  agent: agentOption,
-  approvalsEnabled,
-  name,
-  sourceKey,
-  children
-}: ThinkChatRootProps<State>): React.JSX.Element;
-/**
- * The full conversation surface — message list plus composer — with the
- * activity renderer as the default `renderPart`: runs of reasoning/tool parts
- * fold into one collapsed Activity block with derived labels and per-tool
- * panels. Session-generated context/load/search tools are recognized from
- * their upstream runtime schemas and keep their recorded inputs and outputs
- * inspectable. Extend for app-specific tools with `toolRenderers` (label/panel
- * inside the log) or `excludeTools` + your own `renderPart` (standalone
- * card) — see README "App-specific tools" and the Custom Tool Panel story.
- */
-declare function ThinkChatMessages<State = unknown, MessageT extends UIMessage = UIMessage>({
-  draft,
-  loading,
-  renderPart,
-  excludeTools,
-  renderAgentToolRunLink,
-  renderWorkspaceHtmlArtifact,
-  toolRenderers,
-  thinkStub,
-  onExecutionSettled,
-  pendingApprovals,
-  notice,
-  sessionCompaction,
-  ...props
-}: ThinkChatMessagesProps<MessageT>): React.JSX.Element;
-/**
- * The ambient chat value from `ThinkChat.Root`/`Provider` — for custom tool
- * panels, cards, or composer actions that need `messages`, `status`, or
- * `sendMessage`. Throws outside a provider.
- */
-declare function useThinkChat<State = unknown, MessageT extends UIMessage = UIMessage>(): Omit<import("@ai-sdk/react").UseChatHelpers<MessageT>, "addToolOutput"> & {
-  clearHistory: () => void;
-  addToolOutput: (opts: {
-    toolCallId: string;
-    toolName?: string;
-    output?: unknown;
-    state?: "output-available" | "output-error";
-    errorText?: string;
-  }) => void;
-  isServerStreaming: boolean;
-  isStreaming: boolean;
-  isRecovering: boolean;
-  isToolContinuation: boolean;
-  connectionError: (Error & {
-    code: number;
-    reason: string;
-    wasClean: boolean;
-  }) | null;
-};
-/**
- * Namespace entry point. `Root` + `Messages` is the standard surface;
- * `Provider` + `useThinkChat` when the app owns the chat hook; `Activity`,
- * `renderActivityPart`, and `createActivityRenderer` for custom layouts and
- * app-specific tools.
- */
-declare const ThinkChat: {
-  Provider: typeof ThinkChatProvider;
-  Root: typeof ThinkChatRoot;
-  Messages: typeof ThinkChatMessages;
-  Activity: typeof ThinkChatActivity;
-  RecoveryNotice: typeof ThinkRecoveryNotice;
-  renderActivityPart: (context: AgentMessageRenderPartContext<UIMessage<unknown, import("ai").UIDataTypes, import("ai").UITools>>) => React.ReactNode | undefined;
-  createActivityRenderer: typeof createThinkChatActivityRenderer;
-};
-//#endregion
+import { a as ThinkChatProvider, c as ThinkChatRootProps, d as thinkPendingExecutionApprovalsQueryOptions, f as useThinkChat, i as ThinkChatMessagesProps, l as ThinkPendingExecutionApprovalsQueryKey, n as ThinkChatDraft, o as ThinkChatProviderProps, p as useThinkPendingExecutionApprovals, r as ThinkChatMessages, s as ThinkChatRoot, t as ThinkChat, u as ThinkPendingExecutionApprovalsQueryOptions } from "../../ThinkChat-CwMdEum8.js";
 export { ThinkChat, ThinkChatDraft, ThinkChatMessages, ThinkChatMessagesProps, ThinkChatProvider, ThinkChatProviderProps, ThinkChatRoot, ThinkChatRootProps, ThinkPendingExecutionApprovalsQueryKey, ThinkPendingExecutionApprovalsQueryOptions, thinkPendingExecutionApprovalsQueryOptions, useThinkChat, useThinkPendingExecutionApprovals };

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

@@ -1,2 +1,2 @@
-import { a as thinkPendingExecutionApprovalsQueryOptions, i as ThinkChatRoot, n as ThinkChatMessages, o as useThinkChat, r as ThinkChatProvider, s as useThinkPendingExecutionApprovals, t as ThinkChat } from "../../ThinkChat-qztQ6Clo.js";
+import { a as thinkPendingExecutionApprovalsQueryOptions, i as ThinkChatRoot, n as ThinkChatMessages, o as useThinkChat, r as ThinkChatProvider, s as useThinkPendingExecutionApprovals, t as ThinkChat } from "../../ThinkChat-DLDta57t.js";
 export { ThinkChat, ThinkChatMessages, ThinkChatProvider, ThinkChatRoot, thinkPendingExecutionApprovalsQueryOptions, useThinkChat, useThinkPendingExecutionApprovals };

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

@@ -1,9 +1,9 @@
+import { AgentActivityFavicon, AgentActivityIcon } from "./AgentActivity.js";
 import { useExpansionState } from "../ai-sdk/ExpansionState.js";
 import { Activity, ActivityContent, ActivityItem, ActivityItemGroup, ActivityText, ActivityTrigger } from "../ai-sdk/Activity.js";
 import { Button } from "../foundations/Button.js";
 import { MessageResponse } from "../ai-sdk/Message.js";
 import { useOptionalAgentToolRuns } from "./AgentToolRunsContext.js";
-import { AgentActivityFavicon, AgentActivityIcon } from "./AgentActivity.js";
 import { SubagentRunList } from "./SubagentRunList.js";
 import { useOptionalThinkChatLive } from "./ThinkChatContext.js";
 import { isBrowserToolPart, isExecuteToolPart, isFetchToolPart, isPartWorking, isSessionContextToolPart, isSkillToolPart, isThinkChatActivityPart, isWorkspaceToolPart } from "./ThinkChatToolParts.js";

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

@@ -1,8 +1,8 @@
 import { ActivityOutput, ActivityPanel } from "../ai-sdk/Activity.js";
-import { Tabs } from "../foundations/Tabs.js";
 import { o as formatUnknownValue } from "../../format-COCyV98Z.js";
-import { t as CodeBlock } from "../../CodeBlock-BpooTofO.js";
+import { Tabs } from "../foundations/Tabs.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";
+import { t as CodeBlock } from "../../CodeBlock-DMHZiw86.js";
 import { inferWorkspaceLanguage } from "./WorkspaceFile.js";
 import { displayUrl, isSessionContextToolFailure } from "./ThinkChatToolParts.js";
 import * as React from "react";

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

@@ -1,10 +1,10 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { S as FileIcon, T as InfoIcon } from "../../icons-BNEY4gO5.js";
+import { S as FileIcon, T as InfoIcon } from "../../icons-cuEtsgj9.js";
 import { Activity, ActivityContent, ActivityItemGroup, ActivityOutput, ActivityTrigger } from "../ai-sdk/Activity.js";
 import { o as formatUnknownValue } from "../../format-COCyV98Z.js";
-import { DescriptionList } from "../foundations/DescriptionList.js";
 import { EmptyState } from "../foundations/EmptyState.js";
 import { formatThinkExecutionTimestamp, getThinkExecutionRunError, getThinkExecutionRunId, getThinkExecutionRunKindLabel, getThinkExecutionRunProgressedAt, getThinkExecutionRunProgressedLabel, getThinkExecutionRunTitle, isThinkSubmissionRun } from "./ThinkExecutionRun.js";
+import { DescriptionList } from "../foundations/DescriptionList.js";
 import { ThinkExecutionStatus } from "./ThinkExecutionStatus.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { R as PauseIcon, T as InfoIcon, d as CheckIcon, nt as XIcon, q as SpinnerIcon } from "../../icons-BNEY4gO5.js";
+import { K as SpinnerIcon, L as PauseIcon, T as InfoIcon, d as CheckIcon, nt as XIcon } from "../../icons-cuEtsgj9.js";
 import { Tooltip } from "../foundations/Tooltip.js";
 import { formatThinkExecutionRunProgress, formatThinkExecutionStatus, getThinkExecutionRunKindLabel, getThinkExecutionRunStatus, getThinkExecutionRunStatusTone, getThinkExecutionRunTitle } from "./ThinkExecutionRun.js";
 import "react";

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

@@ -1,11 +1,11 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { U as RefreshIcon, et as WarningIcon, r as ArrowLeftIcon, y as EllipsisIcon } from "../../icons-BNEY4gO5.js";
+import { H as RefreshIcon, et as WarningIcon, r as ArrowLeftIcon, y as EllipsisIcon } from "../../icons-cuEtsgj9.js";
 import { buttonVariants } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
-import { Menu } from "../foundations/Menu.js";
 import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
-import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { EmptyState } from "../foundations/EmptyState.js";
+import { Menu } from "../foundations/Menu.js";
+import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import { getThinkExecutionRunAccessibleName, getThinkExecutionRunId, getThinkExecutionRunStatus, getThinkExecutionRunStatusTone, isThinkSubmissionRun } from "./ThinkExecutionRun.js";
 import { ThinkExecutionRunSummary } from "./ThinkExecutionStatus.js";

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

@@ -2,15 +2,16 @@ import { l as WorkspaceNavigationAdapter } from "../../WorkspaceLink-Bh9-Jo1r.js
 import { n as AgentToolEventsValue } from "../../AgentToolRunsContext-jtmveaRE.js";
 import { n as ResponsiveSidebarShell, t as AppBarSlots } from "../../ResponsiveSidebarShell-BTVPxLJK.js";
 import { n as McpPluginCatalogProps } from "../../McpPluginCatalog-3qWu8oK1.js";
-import { ThinkChatMessagesProps } from "./ThinkChat.js";
-import { ThinkThreadStatusSummary } from "./ThinkThreadPicker.js";
+import { i as ThinkChatMessagesProps } from "../../ThinkChat-CwMdEum8.js";
+import { o as ThinkThreadStatusSummary } from "../../ThinkThreadPicker-yFz4vvIf.js";
 import { r as WorkspaceFileAssetResolver } from "../../WorkspaceFile-Dq-GC0_T.js";
-import { v as WorkspaceSource } from "../../Workspace-DZusrEeP.js";
+import { y as WorkspaceSource } from "../../Workspace-C_zHq9KZ.js";
+import { r as WorkspaceChangeSource } from "../../WorkspaceLive-DLGhtIly.js";
 import { t as ThinkAgent } from "../../think-agent-Cip5KAPj.js";
 import * as React from "react";
 import { UIMessage } from "ai";
-import { useAgentChat } from "@cloudflare/think/react";
 import { useAgent } from "agents/react";
+import { useAgentChat } from "@cloudflare/think/react";
 
 //#region src/components/agents-sdk/ThinkFullApp.d.ts
 type ThinkFullAppAgent<State = unknown> = ThinkAgent<State>;
@@ -47,6 +48,14 @@ interface ThinkFullAppWorkspaceConfig {
   navigation: WorkspaceNavigationAdapter;
   resolveFileAsset?: WorkspaceFileAssetResolver;
   maxInlineAssetBytes?: number;
+  /** Optional native change stream; the design system owns Query invalidation. */
+  changes?: WorkspaceChangeSource;
+  /**
+   * Disposable freshness tick for hosts without native observation, such as a
+   * serialization of settled-turn state. Each change invalidates the concept
+   * queries under `sourceKey`; it never enters query identity.
+   */
+  revision?: string;
   /** Leading workspace control, such as a host-owned Back to chat button. */
   leading?: React.ReactNode;
   actions?: React.ReactNode;