@mcp-b/react-components 0.30.1 → 0.31.1

package/dist/{CodeBlock-B5I7wje1.js → CodeBlock-CM5gfmdq.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-4YvddK4e.js";
+import { t as CopyButton } from "./copy-button-CsNSSKYG.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createHighlighter } from "shiki";

package/dist/{FileTree-DbQMpvxV.js → FileTree-4WP4Uc_m.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-B4mGvCvc.js";
+import { C as FileIcon, T as FolderOpenIcon, m as ChevronRightIcon, w as FolderIcon } from "./icons-B1Qw05te.js";
 import { t as NavigationLink } from "./navigation-link-kqMa81v5.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{MenuDisclosureGroup-BUOZ42me.js → MenuDisclosureGroup-yJRq7YXa.js}

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "./class-names-BiMDVpUo.js";
-import { f as ChevronDownIcon } from "./icons-B4mGvCvc.js";
+import { f as ChevronDownIcon } from "./icons-B1Qw05te.js";
 import { Menu } from "./components/foundations/Menu.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{ModelSelector-DZcpUBgn.js → ModelSelector-DzdEs2fX.js}

@@ -1,5 +1,5 @@
 import { t as cx } from "./class-names-BiMDVpUo.js";
-import { G as SearchIcon, f as ChevronDownIcon } from "./icons-B4mGvCvc.js";
+import { G as SearchIcon, f as ChevronDownIcon } from "./icons-B1Qw05te.js";
 import { Button } from "./components/foundations/Button.js";
 import { Dialog } from "./components/foundations/Dialog.js";
 import { a as titleCase } from "./format-CmopcfqJ.js";

package/dist/{ThinkChat-yid8e_Jb.js → ThinkChat-ldbrNiAx.js}

@@ -1,9 +1,9 @@
-import { J as SpinnerIcon } from "./icons-B4mGvCvc.js";
+import { J as SpinnerIcon } from "./icons-B1Qw05te.js";
 import { TransitionSurface } from "./components/foundations/TransitionSurface.js";
 import { AgentChat } from "./components/agents-sdk/AgentChat.js";
 import { AgentToolRunsProvider, useOptionalAgentToolRuns } from "./components/agents-sdk/AgentToolRunsContext.js";
 import { SubagentRunList } from "./components/agents-sdk/SubagentRunList.js";
-import { ThinkChatContext, ThinkChatLiveContext, useThinkChatContext } from "./components/agents-sdk/ThinkChatContext.js";
+import { ThinkChatContext, ThinkChatLiveContext, useOptionalThinkChatContext, useThinkChatContext } from "./components/agents-sdk/ThinkChatContext.js";
 import { ThinkChatActivity, createThinkChatActivityRenderer, renderThinkChatActivityPart } from "./components/agents-sdk/ThinkChatActivity.js";
 import { ThinkRecoveryNotice } from "./components/agents-sdk/ThinkRecoveryNotice.js";
 import { t as WorkspaceMessageResponse } from "./WorkspaceMessageResponse-BWbkIELl.js";
@@ -202,11 +202,10 @@ const ThinkChatApprovalsContext = React.createContext(null);
 * inside the log) or `excludeTools` + your own `renderPart` (standalone
 * card) — see README "App-specific tools" and the Custom Tool Panel story.
 */
-function ThinkChatMessages({ composerHeader, renderPart, excludeTools, renderAgentToolRunLink, toolRenderers, thinkStub, onExecutionSettled, pendingApprovals, notice, sessionCompaction, ...props }) {
-	const chat = useThinkChatContext("ThinkChat.Messages");
+function ThinkChatMessages({ composerHeader, draft, renderPart, excludeTools, renderAgentToolRunLink, toolRenderers, thinkStub, onExecutionSettled, pendingApprovals, notice, sessionCompaction, ...props }) {
+	const chat = useOptionalThinkChatContext();
 	const agentTools = useOptionalAgentToolRuns();
 	const approvals = React.useContext(ThinkChatApprovalsContext);
-	const status = toAgentChatStatus(chat);
 	const resolvedApprovals = resolveThinkApprovalProps({
 		thinkStub,
 		pendingApprovals,
@@ -241,7 +240,7 @@ function ThinkChatMessages({ composerHeader, renderPart, excludeTools, renderAge
 		});
 		return custom === void 0 ? renderBuiltIn() : custom;
 	} : defaultRenderPart, [defaultRenderPart, renderPart]);
-	const defaultNotice = /* @__PURE__ */ jsx(ThinkRecoveryNotice, { chat });
+	const defaultNotice = chat ? /* @__PURE__ */ jsx(ThinkRecoveryNotice, { chat }) : null;
 	const [dismissedCompaction, setDismissedCompaction] = React.useState(null);
 	const landedCompaction = sessionCompaction?.lastCompaction && sessionCompaction.lastCompaction !== dismissedCompaction ? sessionCompaction.lastCompaction : null;
 	const sessionCompactionNotice = sessionCompaction?.compacting ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SpinnerIcon, {}), "Compacting context…"] }) : sessionCompaction?.sessionError ? /* @__PURE__ */ jsxs(TransitionSurface, {
@@ -256,7 +255,7 @@ function ThinkChatMessages({ composerHeader, renderPart, excludeTools, renderAge
 		className: "think-recovery-notice",
 		children: [compactionSizeText(landedCompaction), " Context usage updates after your next message."]
 	}) : null;
-	const recoveryActive = chat.isRecovering || chat.connectionError || chat.error;
+	const recoveryActive = chat && (chat.isRecovering || chat.connectionError || chat.error);
 	const backgroundRuns = renderAgentToolRunLink ? agentTools?.unboundRuns : void 0;
 	const resolvedComposerHeader = composerHeader || backgroundRuns?.length ? /* @__PURE__ */ jsxs(Fragment, { children: [composerHeader, backgroundRuns?.length && renderAgentToolRunLink ? /* @__PURE__ */ jsxs("div", {
 		className: "subagent-run__tray",
@@ -270,11 +269,32 @@ function ThinkChatMessages({ composerHeader, renderPart, excludeTools, renderAge
 			renderRunLink: renderAgentToolRunLink
 		})]
 	}) : null] }) : void 0;
+	const submit = ({ text, files, references }, send) => {
+		setDismissedCompaction(sessionCompaction?.lastCompaction ?? null);
+		const prompt = [...references?.map(({ trigger, value }) => trigger ? `${trigger}${value}` : value) ?? [], text.trim()].filter(Boolean).join(" ");
+		if (!prompt && !files.length) return;
+		return send({
+			text: prompt,
+			files
+		});
+	};
+	if (!chat) {
+		if (!draft) throw new Error("ThinkChat.Messages must be used inside <ThinkChat.Provider> or <ThinkChat.Root>, or given a `draft`.");
+		return /* @__PURE__ */ jsx(AgentChat, {
+			...props,
+			renderPart: resolvedRenderPart,
+			messages: draft.messages ?? EMPTY_DRAFT_MESSAGES,
+			status: draft.status ?? "ready",
+			notice: notice ?? sessionCompactionNotice,
+			composerHeader: resolvedComposerHeader,
+			onSubmit: (message) => submit(message, draft.onSubmit)
+		});
+	}
 	return /* @__PURE__ */ jsx(AgentChat, {
 		...props,
 		renderPart: resolvedRenderPart,
 		messages: chat.messages,
-		status,
+		status: toAgentChatStatus(chat),
 		onStop: chat.stop,
 		onApprovalResponse: chat.addToolApprovalResponse,
 		thinkStub: resolvedApprovals.thinkStub,
@@ -283,17 +303,10 @@ function ThinkChatMessages({ composerHeader, renderPart, excludeTools, renderAge
 		notice: notice ?? (recoveryActive ? defaultNotice : sessionCompactionNotice),
 		composerHeader: resolvedComposerHeader,
 		onRegenerate: (messageId) => void chat.regenerate({ messageId }),
-		onSubmit: ({ text, files, references }) => {
-			setDismissedCompaction(sessionCompaction?.lastCompaction ?? null);
-			const prompt = [...references?.map(({ trigger, value }) => trigger ? `${trigger}${value}` : value) ?? [], text.trim()].filter(Boolean).join(" ");
-			if (!prompt && !files.length) return;
-			return chat.sendMessage({
-				text: prompt,
-				files
-			});
-		}
+		onSubmit: (message) => submit(message, chat.sendMessage)
 	});
 }
+const EMPTY_DRAFT_MESSAGES = [];
 /**
 * The ambient chat value from `ThinkChat.Root`/`Provider` — for custom tool
 * panels, cards, or composer actions that need `messages`, `status`, or

package/dist/{WorkspaceFileView-BeUpr6TU.js → WorkspaceFileView-BtzVKAed.js}

@@ -1,6 +1,6 @@
-import { A as MaximizeIcon, d as CheckIcon, h as CodeIcon, r as ArrowLeftIcon, tt as WarningIcon, x as EyeIcon, y as DownloadIcon } from "./icons-B4mGvCvc.js";
+import { A as MaximizeIcon, d as CheckIcon, h as CodeIcon, r as ArrowLeftIcon, tt as WarningIcon, x as EyeIcon, y as DownloadIcon } from "./icons-B1Qw05te.js";
 import { r as formatClock } from "./format-CmopcfqJ.js";
-import { a as CodeBlockCopyButton, i as CodeBlockContent, r as CodeBlockContainer, t as CodeBlock } from "./CodeBlock-B5I7wje1.js";
+import { a as CodeBlockCopyButton, i as CodeBlockContent, r as CodeBlockContainer, t as CodeBlock } from "./CodeBlock-CM5gfmdq.js";
 import { inferWorkspaceLanguage, inferWorkspaceMedia, isWorkspaceMarkdownPath, isWorkspaceSkillPath, parseWorkspaceSkill } from "./components/agents-sdk/WorkspaceFile.js";
 import { c as useWorkspaceNavigationContext, s as useWorkspaceNavigationRestoration } from "./WorkspaceLink-DZeLe_jN.js";
 import { n as createWorkspaceRehypePlugins, t as WorkspaceMessageResponse } from "./WorkspaceMessageResponse-BWbkIELl.js";

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

@@ -1,5 +1,5 @@
 import { inferFaviconUrl } from "../../utils/favicon.js";
-import { $ as TerminalIcon, B as PencilIcon, C as FileIcon, F as MonitorIcon, G as SearchIcon, O as InfoIcon, k as LinkIcon, nt as WrenchIcon, tt as WarningIcon } from "../../icons-B4mGvCvc.js";
+import { $ as TerminalIcon, B as PencilIcon, C as FileIcon, F as MonitorIcon, G as SearchIcon, O as InfoIcon, k as LinkIcon, nt as WrenchIcon, tt as WarningIcon } from "../../icons-B1Qw05te.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/agents-sdk/AgentActivity.tsx

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

@@ -1,10 +1,10 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { C as FileIcon, J as SpinnerIcon, j as McpIcon, rt as XIcon, tt as WarningIcon } from "../../icons-B4mGvCvc.js";
-import { ActivityHeader } from "../ai-sdk/Activity.js";
-import { Button } from "../foundations/Button.js";
+import { C as FileIcon, J as SpinnerIcon, j as McpIcon, rt as XIcon, tt as WarningIcon } from "../../icons-B1Qw05te.js";
 import { AgentActivityFavicon, AgentActivityIcon } from "./AgentActivity.js";
+import { ActivityHeader } from "../ai-sdk/Activity.js";
 import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { AppIcon } from "../foundations/AppIcon.js";
+import { Button } from "../foundations/Button.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/AgentActivityPreview.tsx

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

@@ -1,25 +1,25 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { B as PencilIcon, H as PlusIcon, J as SpinnerIcon, L as MoveToFrontIcon, U as QueueIcon, W as RefreshIcon, et as TrashIcon, t as ArchiveIcon } from "../../icons-B1Qw05te.js";
 import { ExpansionStateProvider } from "../ai-sdk/ExpansionState.js";
-import { B as PencilIcon, H as PlusIcon, J as SpinnerIcon, L as MoveToFrontIcon, U as QueueIcon, W as RefreshIcon, et as TrashIcon, t as ArchiveIcon } from "../../icons-B4mGvCvc.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 { AgentMessageParts } from "../ai-sdk/AgentMessageParts.js";
-import { Marker, MarkerContent } from "../foundations/Marker.js";
-import { t as CopyButton } from "../../copy-button-4YvddK4e.js";
 import { Context, ContextContent, ContextContentBody, ContextContentHeader, ContextTrigger, getContextUsage, getContextUsedTokens } from "../ai-sdk/Context.js";
-import { VirtualMessageScroller } from "../ai-sdk/MessageScrollerVirtual.js";
 import { EmptyState } from "../foundations/EmptyState.js";
+import { VirtualMessageScroller } from "../ai-sdk/MessageScrollerVirtual.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 { AgentChatMessageEditor } from "../ai-sdk/AgentChatMessageEditor.js";
+import { Marker, MarkerContent } from "../foundations/Marker.js";
 import { TransitionSurface } from "../foundations/TransitionSurface.js";
 import { PromptInputApproval, getApprovalRequestId, getApprovalStateKey, getPendingToolApprovals } from "./PromptInputApproval.js";
+import { t as CopyButton } from "../../copy-button-CsNSSKYG.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;

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { A as MaximizeIcon, J as SpinnerIcon } from "../../icons-B4mGvCvc.js";
+import { A as MaximizeIcon, J as SpinnerIcon } from "../../icons-B1Qw05te.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 { V as PlayIcon, z as PauseIcon } from "../../icons-B4mGvCvc.js";
+import { V as PlayIcon, z as PauseIcon } from "../../icons-B1Qw05te.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { r as formatClock } from "../../format-CmopcfqJ.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 { J as SpinnerIcon, rt as XIcon } from "../../icons-B4mGvCvc.js";
+import { J as SpinnerIcon, rt as XIcon } from "../../icons-B1Qw05te.js";
 import { Button } from "../foundations/Button.js";
 import { Tabs } from "../foundations/Tabs.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";

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

@@ -1,9 +1,9 @@
 import { getMcpServerEntry, getMcpServerRuntimeState } from "../../utils/mcp-server-catalog.js";
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { J as SpinnerIcon, d as CheckIcon, j as McpIcon, tt as WarningIcon } from "../../icons-B4mGvCvc.js";
+import { J as SpinnerIcon, d as CheckIcon, j as McpIcon, tt as WarningIcon } from "../../icons-B1Qw05te.js";
 import { Button } from "../foundations/Button.js";
-import { AgentAttention, AgentAttentionActions, AgentAttentionBody, AgentAttentionHeader } from "../ai-sdk/AgentAttention.js";
 import { i as formatErrorMessage } from "../../format-CmopcfqJ.js";
+import { AgentAttention, AgentAttentionActions, AgentAttentionBody, AgentAttentionHeader } from "../ai-sdk/AgentAttention.js";
 import { DescriptionList } from "../foundations/DescriptionList.js";
 import { n as getMcpServerConnectionKind } from "../../mcp-server-U71zhxFF.js";
 import * as React from "react";

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 { i as formatErrorMessage } from "../../format-CmopcfqJ.js";
 import { Field } from "../foundations/Field.js";
 import { Form } from "../foundations/Form.js";
-import { i as formatErrorMessage } from "../../format-CmopcfqJ.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,13 +1,13 @@
 import { getMcpServerEntry } from "../../utils/mcp-server-catalog.js";
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { H as PlusIcon, J as SpinnerIcon, b as EllipsisIcon, o as ArrowUpRightIcon, rt as XIcon, tt as WarningIcon } from "../../icons-B4mGvCvc.js";
+import { H as PlusIcon, J as SpinnerIcon, b as EllipsisIcon, o as ArrowUpRightIcon, rt as XIcon, tt as WarningIcon } from "../../icons-B1Qw05te.js";
+import { AppIcon } from "../foundations/AppIcon.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 { i as formatErrorMessage } from "../../format-CmopcfqJ.js";
 import { Separator } from "../foundations/Separator.js";
-import { AppIcon } from "../foundations/AppIcon.js";
+import { AgentAttention, AgentAttentionBody, AgentAttentionHeader } from "../ai-sdk/AgentAttention.js";
 import { n as getMcpServerConnectionKind, t as McpServerIcon } from "../../mcp-server-U71zhxFF.js";
 import { SearchField } from "../foundations/SearchField.js";
 import * as React from "react";

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

@@ -1,14 +1,14 @@
 import { getMcpServerEntry, getMcpServerRuntimeState } from "../../utils/mcp-server-catalog.js";
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { J as SpinnerIcon, P as MinusIcon, d as CheckIcon, tt as WarningIcon } from "../../icons-B4mGvCvc.js";
+import { J as SpinnerIcon, P as MinusIcon, d as CheckIcon, tt as WarningIcon } from "../../icons-B1Qw05te.js";
 import { buttonVariants } from "../foundations/Button.js";
-import { Menu } from "../foundations/Menu.js";
 import { Dialog } from "../foundations/Dialog.js";
 import { i as formatErrorMessage } from "../../format-CmopcfqJ.js";
+import { Menu } from "../foundations/Menu.js";
 import { PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuTrigger } from "../ai-sdk/PromptInput.js";
 import { n as getMcpServerConnectionKind, t as McpServerIcon } from "../../mcp-server-U71zhxFF.js";
 import { McpConnectorForm } from "./McpConnectorForm.js";
-import { t as MenuDisclosureGroup } from "../../MenuDisclosureGroup-BUOZ42me.js";
+import { t as MenuDisclosureGroup } from "../../MenuDisclosureGroup-yJRq7YXa.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/McpServerPicker.tsx

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

@@ -1,2 +1,2 @@
-import { _ as getCloudflareModelProvider, a as ModelSelectorEmpty, b as normalizeCloudflareModelSelectorModels, c as ModelSelectorItem, d as ModelSelectorLogoGroup, f as ModelSelectorName, g as formatCloudflareModelProvider, h as ModelSelectorTrigger, i as ModelSelectorDialog, l as ModelSelectorList, m as ModelSelectorSource, n as ModelSelector, o as ModelSelectorGroup, p as ModelSelectorSeparator, r as ModelSelectorContent, s as ModelSelectorInput, t as CloudflareModelSelector, u as ModelSelectorLogo, v as isCloudflareRunnableModelId, x as readCloudflareModelId, y as listCloudflareModelSelectorOptions } from "../../ModelSelector-DZcpUBgn.js";
+import { _ as getCloudflareModelProvider, a as ModelSelectorEmpty, b as normalizeCloudflareModelSelectorModels, c as ModelSelectorItem, d as ModelSelectorLogoGroup, f as ModelSelectorName, g as formatCloudflareModelProvider, h as ModelSelectorTrigger, i as ModelSelectorDialog, l as ModelSelectorList, m as ModelSelectorSource, n as ModelSelector, o as ModelSelectorGroup, p as ModelSelectorSeparator, r as ModelSelectorContent, s as ModelSelectorInput, t as CloudflareModelSelector, u as ModelSelectorLogo, v as isCloudflareRunnableModelId, x as readCloudflareModelId, y as listCloudflareModelSelectorOptions } from "../../ModelSelector-DzdEs2fX.js";
 export { CloudflareModelSelector, ModelSelector, ModelSelectorContent, ModelSelectorDialog, ModelSelectorEmpty, ModelSelectorGroup, ModelSelectorInput, ModelSelectorItem, ModelSelectorList, ModelSelectorLogo, ModelSelectorLogoGroup, ModelSelectorName, ModelSelectorSeparator, ModelSelectorSource, ModelSelectorTrigger, formatCloudflareModelProvider, getCloudflareModelProvider, isCloudflareRunnableModelId, listCloudflareModelSelectorOptions, normalizeCloudflareModelSelectorModels, readCloudflareModelId };

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,4 +1,4 @@
-import { c as BoxIcon, j as McpIcon } from "../../icons-B4mGvCvc.js";
+import { c as BoxIcon, j as McpIcon } from "../../icons-B1Qw05te.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/agents-sdk/PromptInputCommands.tsx
 /** Project whole upstream Agents MCP state into composer mention commands. */

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { J as SpinnerIcon, X as StopIcon, d as CheckIcon, tt as WarningIcon } from "../../icons-B4mGvCvc.js";
+import { J as SpinnerIcon, X as StopIcon, d as CheckIcon, tt as WarningIcon } from "../../icons-B1Qw05te.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/agents-sdk/SubagentRunIndicator.tsx

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

@@ -1,8 +1,8 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { l as BrainIcon } from "../../icons-B4mGvCvc.js";
+import { l as BrainIcon } from "../../icons-B1Qw05te.js";
+import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { buttonVariants } from "../foundations/Button.js";
 import { Tooltip } from "../foundations/Tooltip.js";
-import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { SubagentRunIndicator, getSubagentRunName, getSubagentRunTooltip } from "./SubagentRunIndicator.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,4 +1,5 @@
 import { i as AgentMessageRenderPartContext } from "../../AgentMessageParts-C7L-Mv9U.js";
+import { ct as PromptInputMessage } from "../../PromptInput-DOyee1kM.js";
 import { r as AgentChatProps } from "../../AgentChat-CV-GuYA6.js";
 import { i as useOptionalAgentToolRuns, n as AgentToolRunsProvider, r as AgentToolRunsProviderProps, t as AgentToolEventsValue } from "../../AgentToolRunsContext-Cgve-Upx.js";
 import { n as BrowserLiveViewProps, t as BrowserLiveView } from "../../BrowserLiveView-tJTWkoyu.js";
@@ -46,8 +47,29 @@ interface ThinkChatRootProps<State = unknown> {
   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"];
+}
 interface ThinkChatMessagesProps<MessageT extends UIMessage = UIMessage> extends ThinkChatActivityRendererOptions<MessageT> {
   className?: string;
+  /**
+   * Renders without a chat provider, for the first turn of a conversation that
+   * does not exist yet. Everything else here behaves as it does on a live thread.
+   */
+  draft?: ThinkChatDraft<MessageT>;
   /** Disable the composer (e.g. while the agent is unreachable). */
   disabled?: boolean;
   /** Hide the composer while retaining the normal Think transcript rendering. */
@@ -179,6 +201,7 @@ declare function ThinkChatRoot<State = unknown, MessageT extends UIMessage = UIM
  */
 declare function ThinkChatMessages<State = unknown, MessageT extends UIMessage = UIMessage>({
   composerHeader,
+  draft,
   renderPart,
   excludeTools,
   renderAgentToolRunLink,
@@ -230,4 +253,4 @@ declare const ThinkChat: {
   createActivityRenderer: typeof createThinkChatActivityRenderer;
 };
 //#endregion
-export { type AgentToolEventsValue, AgentToolRunsProvider, type AgentToolRunsProviderProps, BrowserLiveView, type BrowserLiveViewProps, BrowserReplay, type BrowserReplayProps, ThinkChat, ThinkChatActivity, type ThinkChatActivityProps, type ThinkChatActivityRendererOptions, ThinkChatMessages, ThinkChatMessagesProps, ThinkChatProvider, ThinkChatProviderProps, ThinkChatRoot, ThinkChatRootProps, type ThinkChatToolRenderer, type ThinkChatToolRenderers, ThinkPendingExecutionApprovalsQueryKey, ThinkPendingExecutionApprovalsQueryOptions, ThinkRecoveryNotice, type ThinkRecoveryNoticeProps, type UseWorkspaceOptions, WorkspaceExplorer, type WorkspaceExplorerProps, type WorkspaceFileReadTarget, type WorkspaceFileState, type WorkspaceInfo, type WorkspaceQueryKey, type WorkspaceSource, type WorkspaceState, createThinkChatActivityRenderer, describeThinkChatActivityPart, inferWorkspaceLanguage, isThinkChatActivityPart, renderThinkChatActivityPart, thinkPendingExecutionApprovalsQueryOptions, useOptionalAgentToolRuns, useThinkChat, useThinkPendingExecutionApprovals, useWorkspace, workspaceBinaryFileQueryOptions, workspaceDirectoryQueryKey, workspaceDirectoryQueryOptions, workspaceDirectoryQueryPrefix, workspaceFileAssetQueryOptions, workspaceFileStatQueryOptions, workspaceInfoQueryOptions, workspaceQueryKey, workspaceTextFileQueryOptions };
+export { type AgentToolEventsValue, AgentToolRunsProvider, type AgentToolRunsProviderProps, BrowserLiveView, type BrowserLiveViewProps, BrowserReplay, type BrowserReplayProps, ThinkChat, ThinkChatActivity, type ThinkChatActivityProps, type ThinkChatActivityRendererOptions, ThinkChatDraft, ThinkChatMessages, ThinkChatMessagesProps, ThinkChatProvider, ThinkChatProviderProps, ThinkChatRoot, ThinkChatRootProps, type ThinkChatToolRenderer, type ThinkChatToolRenderers, ThinkPendingExecutionApprovalsQueryKey, ThinkPendingExecutionApprovalsQueryOptions, ThinkRecoveryNotice, type ThinkRecoveryNoticeProps, type UseWorkspaceOptions, WorkspaceExplorer, type WorkspaceExplorerProps, type WorkspaceFileReadTarget, type WorkspaceFileState, type WorkspaceInfo, type WorkspaceQueryKey, type WorkspaceSource, type WorkspaceState, createThinkChatActivityRenderer, describeThinkChatActivityPart, inferWorkspaceLanguage, isThinkChatActivityPart, renderThinkChatActivityPart, thinkPendingExecutionApprovalsQueryOptions, useOptionalAgentToolRuns, useThinkChat, useThinkPendingExecutionApprovals, useWorkspace, workspaceBinaryFileQueryOptions, workspaceDirectoryQueryKey, workspaceDirectoryQueryOptions, workspaceDirectoryQueryPrefix, workspaceFileAssetQueryOptions, workspaceFileStatQueryOptions, workspaceInfoQueryOptions, workspaceQueryKey, workspaceTextFileQueryOptions };

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

@@ -6,7 +6,7 @@ import { isThinkChatActivityPart } from "./ThinkChatToolParts.js";
 import { describeThinkChatActivityPart } from "./ThinkChatActivitySummary.js";
 import { ThinkChatActivity, createThinkChatActivityRenderer, renderThinkChatActivityPart } from "./ThinkChatActivity.js";
 import { ThinkRecoveryNotice } from "./ThinkRecoveryNotice.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-yid8e_Jb.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-ldbrNiAx.js";
 import { useWorkspace, workspaceBinaryFileQueryOptions, workspaceDirectoryQueryKey, workspaceDirectoryQueryOptions, workspaceDirectoryQueryPrefix, workspaceFileAssetQueryOptions, workspaceFileStatQueryOptions, workspaceInfoQueryOptions, workspaceQueryKey, workspaceTextFileQueryOptions } from "./Workspace.js";
 import { WorkspaceExplorer } from "./WorkspaceExplorer.js";
 export { AgentToolRunsProvider, BrowserLiveView, BrowserReplay, ThinkChat, ThinkChatActivity, ThinkChatMessages, ThinkChatProvider, ThinkChatRoot, ThinkRecoveryNotice, WorkspaceExplorer, createThinkChatActivityRenderer, describeThinkChatActivityPart, inferWorkspaceLanguage, isThinkChatActivityPart, renderThinkChatActivityPart, thinkPendingExecutionApprovalsQueryOptions, useOptionalAgentToolRuns, useThinkChat, useThinkPendingExecutionApprovals, useWorkspace, workspaceBinaryFileQueryOptions, workspaceDirectoryQueryKey, workspaceDirectoryQueryOptions, workspaceDirectoryQueryPrefix, workspaceFileAssetQueryOptions, workspaceFileStatQueryOptions, workspaceInfoQueryOptions, workspaceQueryKey, workspaceTextFileQueryOptions };

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

@@ -1,8 +1,8 @@
+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 { AgentActivityFavicon, AgentActivityIcon } from "./AgentActivity.js";
 import { useOptionalAgentToolRuns } from "./AgentToolRunsContext.js";
 import { SubagentRunList } from "./SubagentRunList.js";
 import { useOptionalThinkChatLive } from "./ThinkChatContext.js";

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

@@ -1,7 +1,7 @@
 import { ActivityOutput, ActivityPanel } from "../ai-sdk/Activity.js";
 import { Tabs } from "../foundations/Tabs.js";
-import { t as CodeBlock } from "../../CodeBlock-B5I7wje1.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";
+import { t as CodeBlock } from "../../CodeBlock-CM5gfmdq.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,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { $ as TerminalIcon, C as FileIcon, O as InfoIcon, W as RefreshIcon, d as CheckIcon, n as ArrowDownIcon, rt as XIcon } from "../../icons-B4mGvCvc.js";
+import { $ as TerminalIcon, C as FileIcon, O as InfoIcon, W as RefreshIcon, d as CheckIcon, n as ArrowDownIcon, rt as XIcon } from "../../icons-B1Qw05te.js";
 import { Activity, ActivityContent, ActivityItem, ActivityItemGroup, ActivityOutput, ActivityPanel, ActivityTrigger } from "../ai-sdk/Activity.js";
 import { formatThinkExecutionRunProgress, formatThinkExecutionStatus, formatThinkExecutionTimestamp, getThinkExecutionRunError, getThinkExecutionRunId, getThinkExecutionRunProgressedAt, getThinkExecutionRunProgressedLabel, getThinkExecutionRunStatus, getThinkExecutionRunTitle, isThinkSubmissionRun } from "./ThinkExecutionRun.js";
 import { ThinkExecutionStatus } from "./ThinkExecutionStatus.js";

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { J as SpinnerIcon, O as InfoIcon, d as CheckIcon, rt as XIcon, z as PauseIcon } from "../../icons-B4mGvCvc.js";
+import { J as SpinnerIcon, O as InfoIcon, d as CheckIcon, rt as XIcon, z as PauseIcon } from "../../icons-B1Qw05te.js";
 import { Tooltip } from "../foundations/Tooltip.js";
 import { formatThinkExecutionRunProgress, formatThinkExecutionStatus, getThinkExecutionRunStatus, getThinkExecutionRunStatusTone, getThinkExecutionRunSubtitle, 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 { W as RefreshIcon, b as EllipsisIcon } from "../../icons-B4mGvCvc.js";
+import { W as RefreshIcon, b as EllipsisIcon } from "../../icons-B1Qw05te.js";
+import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { buttonVariants } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
-import { Menu } from "../foundations/Menu.js";
 import { i as formatErrorMessage } from "../../format-CmopcfqJ.js";
 import { EmptyState } from "../foundations/EmptyState.js";
-import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
+import { Menu } from "../foundations/Menu.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import { getThinkExecutionRunAccessibleName, getThinkExecutionRunId, getThinkExecutionRunStatus, getThinkExecutionRunStatusTone, isSameThinkExecutionRun, isThinkSubmissionRun } from "./ThinkExecutionRun.js";
 import { ThinkExecutionRunSummary } from "./ThinkExecutionStatus.js";

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

@@ -33,21 +33,26 @@ interface ThinkFullAppWorkspaceConfig {
   leading?: React.ReactNode;
   actions?: React.ReactNode;
 }
-interface ThinkFullAppPanelContext<AgentT extends ThinkFullAppAgent<State>, State = unknown, MessageT extends UIMessage = UIMessage> {
-  agent: ReturnType<typeof useAgent<AgentT, State>>;
-  chat: ReturnType<typeof useAgentChat<State, MessageT>>;
-  workspace?: ThinkFullAppWorkspaceConfig;
-}
-interface ThinkFullAppPanel<AgentT extends ThinkFullAppAgent<State>, State = unknown, MessageT extends UIMessage = UIMessage> extends ThinkFullAppView {
+interface ThinkFullAppPanel extends ThinkFullAppView {
   /** Unique panel id used by `workbenchView`; custom panels should not reuse built-in ids. */
   id: ThinkFullAppWorkbenchView;
-  render: (context: ThinkFullAppPanelContext<AgentT, State, MessageT>) => React.ReactNode;
+  /** Panels are app-authored, so anything one needs is already in its scope. */
+  render: () => React.ReactNode;
 }
-interface ThinkFullAppProps<AgentT extends ThinkFullAppAgent<State>, State = unknown, MessageT extends UIMessage = UIMessage> extends React.HTMLAttributes<HTMLDivElement> {
+/** The live conversation the chat lane, approvals, and executions belong to. */
+interface ThinkFullAppConversation<AgentT extends ThinkFullAppAgent<State>, State = unknown, MessageT extends UIMessage = UIMessage> {
   /** The `useAgent` value from `agents/react`; its stub drives approvals and execution records. */
   agent: ReturnType<typeof useAgent<AgentT, State>>;
   /** The `useAgentChat` value from `@cloudflare/think/react` used by the chat surface. */
   chat: ReturnType<typeof useAgentChat<State, MessageT>>;
+}
+interface ThinkFullAppProps<AgentT extends ThinkFullAppAgent<State>, State = unknown, MessageT extends UIMessage = UIMessage> extends React.HTMLAttributes<HTMLDivElement> {
+  /**
+   * Omit it and supply `messages.draft` for the first turn of a conversation
+   * that does not exist yet. The approvals, execution, and background-agent
+   * surfaces wait for a conversation to belong to; everything else is unchanged.
+   */
+  conversation?: ThinkFullAppConversation<AgentT, State, MessageT>;
   /** Atomic workspace source, navigation, media, and header configuration. */
   workspace?: ThinkFullAppWorkspaceConfig;
   /** Plugin directory backed by the host's live Agents MCP state and connection callbacks. */
@@ -80,7 +85,7 @@ interface ThinkFullAppProps<AgentT extends ThinkFullAppAgent<State>, State = unk
   /** Message rendering labels and approval overrides for ThinkChat. */
   messages?: ThinkChatMessagesProps<MessageT>;
   /** Extra workbench panels appended after the enabled built-in panels. */
-  workbenchPanels?: readonly ThinkFullAppPanel<AgentT, State, MessageT>[];
+  workbenchPanels?: readonly ThinkFullAppPanel[];
   /** Returns an application-authored TanStack Router Link and enables retained Agent Tool runs. */
   renderAgentToolRunLink?: NonNullable<ThinkChatMessagesProps<MessageT>["renderAgentToolRunLink"]>;
   /**
@@ -118,12 +123,11 @@ interface ThinkFullAppProps<AgentT extends ThinkFullAppAgent<State>, State = unk
 }
 /** Combines ThinkChat with an optional resizable workbench shell. */
 declare function ThinkFullApp<AgentT extends ThinkFullAppAgent<State>, State = unknown, MessageT extends UIMessage = UIMessage>({
-  agent,
   appBarActions,
   appBarLeading,
   appBarTitle,
-  chat,
   className,
+  conversation,
   defaultMobileView,
   defaultWorkbenchOpen,
   defaultWorkbenchView,
@@ -133,8 +137,8 @@ declare function ThinkFullApp<AgentT extends ThinkFullAppAgent<State>, State = u
   mobileView,
   onMobileViewChange,
   onThreadSidebarOpenChange,
-  onWorkbenchViewChange,
   onWorkbenchOpenChange,
+  onWorkbenchViewChange,
   plugins,
   ref,
   renderAgentToolRunLink,
@@ -147,8 +151,8 @@ declare function ThinkFullApp<AgentT extends ThinkFullAppAgent<State>, State = u
   threadSidebar,
   threadSidebarOpen,
   threadStatusSummary,
-  workbenchPanels,
   workbenchOpen,
+  workbenchPanels,
   workbenchView,
   workspace,
   ...props
@@ -156,4 +160,4 @@ declare function ThinkFullApp<AgentT extends ThinkFullAppAgent<State>, State = u
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 //#endregion
-export { ThinkFullApp, ThinkFullAppAgent, ThinkFullAppMobileView, ThinkFullAppPanel, ThinkFullAppPanelContext, ThinkFullAppProps, ThinkFullAppWorkbenchView, ThinkFullAppWorkspaceConfig };
+export { ThinkFullApp, ThinkFullAppAgent, ThinkFullAppConversation, ThinkFullAppMobileView, ThinkFullAppPanel, ThinkFullAppProps, ThinkFullAppWorkbenchView, ThinkFullAppWorkspaceConfig };