@mcp-b/react-components 0.7.1 → 0.9.0

package/dist/{AgentChat-403mckDG.d.ts → AgentChat-B9LD_WF1.d.ts}

@@ -17,7 +17,60 @@ interface AgentChatRenderMessageContext<MessageT extends UIMessage = UIMessage>
 }
 interface AgentChatProps<MessageT extends UIMessage = UIMessage> {
   className?: string;
-  /** AI SDK `UIMessage`s to render, oldest first. */
+  /**
+   * AI SDK `UIMessage`s to render, oldest first.
+   *
+   * `AgentChat` intentionally renders the upstream message objects in place:
+   * it does not normalize them into a local transcript model. That keeps AI SDK
+   * parts such as `text`, `reasoning`, `file`, `tool-*`, `source-url`,
+   * `source-document`, and `step-start` aligned with the types exported from
+   * `ai`. Cloudflare Think also returns these same UI messages through
+   * `useAgentChat`, with Agents session storage applying compaction overlays to
+   * reads before they reach the hook.
+   *
+   * Backend setup for compaction is owned by Think/Agents, not this component:
+   * configure the agent session with `Session.create(this).onCompaction(...)
+   * .compactAfter(...)`. Agents' Sessions docs describe that `getHistory()`
+   * replaces a compacted range with a synthetic message whose id starts with
+   * `compaction_`; this component uses Agents' exported
+   * `isCompactionMessage` helper to render that synthetic message as a quiet
+   * separator. Think's context-overflow recovery is a separate opt-in layer:
+   * set `contextOverflow` and `classifyChatError` on the Think agent if the
+   * backend should compact and retry/proactively guard a too-large in-flight
+   * turn.
+   *
+   * @example Think session compaction setup
+   * ```ts
+   * import { Think, defaultContextOverflowClassifier } from "@cloudflare/think";
+   * import { Session } from "agents/experimental/memory/session";
+   * import { createCompactFunction } from "agents/experimental/memory/utils";
+   * import { generateText } from "ai";
+   *
+   * export class MyAgent extends Think<Env> {
+   *   override configureSession(session: Session) {
+   *     return session
+   *       .onCompaction(
+   *         createCompactFunction({
+   *           summarize: async (prompt) =>
+   *             (await generateText({ model: this.env.MODEL, prompt })).text,
+   *           protectHead: 3,
+   *           tailTokenBudget: 20_000,
+   *         }),
+   *       )
+   *       .compactAfter(100_000);
+   *   }
+   *
+   *   override contextOverflow = {
+   *     reactive: true,
+   *     proactive: { maxInputTokens: 200_000 },
+   *   };
+   *   override classifyChatError = defaultContextOverflowClassifier;
+   * }
+   * ```
+   *
+   * @see https://github.com/cloudflare/agents/blob/main/docs/agents/sessions.md#compaction
+   * @see https://github.com/cloudflare/agents/blob/main/docs/think/index.md#context-window-overflow-recovery
+   */
   messages: readonly MessageT[];
   /** Drives the composer's send/stop affordance and streaming indicators. */
   status?: ChatStatus;
@@ -64,7 +117,19 @@ interface AgentChatProps<MessageT extends UIMessage = UIMessage> {
     maxTokens: number;
     modelId?: string;
   };
-  /** Override rendering per part; return `undefined` to fall back to the default part UI. */
+  /**
+   * Override rendering per part; return `undefined` to fall back to the default
+   * AI SDK/Think-aware part UI.
+   *
+   * The default renderer uses upstream helpers where available:
+   * `isTextUIPart`, `isReasoningUIPart`, `isFileUIPart`, `isToolUIPart`,
+   * `getToolName`, and Think's `getToolPartState`/input/output accessors. It
+   * also renders native AI SDK `source-url`/`source-document` parts as a single
+   * grouped `Sources` block when they appear consecutively, and native
+   * `step-start` parts as step separators. If you override source rendering,
+   * return a React node for every source part you want to show; returning
+   * `undefined` lets `AgentChat` keep the upstream-shaped source-run grouping.
+   */
   renderPart?: (context: AgentChatRenderPartContext<MessageT>) => React.ReactNode | undefined;
   /** Rendered after each message's parts — for actions, citations, and the like. */
   renderMessageAfter?: (context: AgentChatRenderMessageContext<MessageT>) => React.ReactNode;

package/dist/{CodeBlock-D9koxDA7.js → CodeBlock-XNQOupQ3.js}

@@ -1,6 +1,6 @@
 import { t as cx } from "./class-names-9UtZwb0J.js";
 import { Select, SelectContent, SelectItem, SelectList, SelectTrigger, SelectValue } from "./components/Select.js";
-import { t as CopyButton } from "./copy-button-TVhDAroI.js";
+import { t as CopyButton } from "./copy-button-C6JSKtFE.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createHighlighter } from "shiki";

package/dist/{FileTree-BdK93Uuu.js → FileTree-wMyZhhHO.js}

@@ -1,5 +1,5 @@
 import { t as cx } from "./class-names-9UtZwb0J.js";
-import { _ as FolderOpenIcon, c as ChevronRightIcon, g as FolderIcon, h as FileIcon } from "./icons-BAlTbWWP.js";
+import { _ as FolderOpenIcon, c as ChevronRightIcon, g as FolderIcon, h as FileIcon } from "./icons-D2Q5n5C1.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/_internal/use-file-tree-nav.ts

package/dist/{ModelSelector-MQvK-pNb.js → ModelSelector-9G_-GooI.js}

@@ -1,5 +1,5 @@
 import { t as cx } from "./class-names-9UtZwb0J.js";
-import { A as SearchIcon, o as ChevronDownIcon } from "./icons-BAlTbWWP.js";
+import { A as SearchIcon, o as ChevronDownIcon } from "./icons-D2Q5n5C1.js";
 import { Button } from "./components/Button.js";
 import { Dialog, DialogBackdrop, DialogPopup, DialogPortal, DialogTitle, DialogTrigger } from "./components/Dialog.js";
 import * as React from "react";

package/dist/{ThinkChatActivity-CeHzk6-K.d.ts → ThinkChatActivity-B2UD95My.d.ts}

@@ -1,4 +1,4 @@
-import { a as AgentChatRenderPartContext, r as AgentChatProps } from "./AgentChat-403mckDG.js";
+import { a as AgentChatRenderPartContext, r as AgentChatProps } from "./AgentChat-B9LD_WF1.js";
 import { s as ThinkChatPart } from "./ThinkChatToolParts-DnUiZgCC.js";
 import * as React from "react";
 import { DynamicToolUIPart, ToolUIPart, UIMessage } from "ai";

package/dist/{ThinkChatContext-CC94HL4u.d.ts → ThinkChatContext-BLAAb8J5.d.ts}

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { UIMessage } from "ai";
 import { useAgentChat } from "@cloudflare/think/react";
+import { UIMessage } from "ai";
 
 //#region src/components/ThinkChatContext.d.ts
 type ThinkChatValue = ReturnType<typeof useAgentChat<unknown, UIMessage>>;

package/dist/components/Activity.js

@@ -1,6 +1,6 @@
 import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./Collapsible.js";
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { c as ChevronRightIcon } from "../icons-BAlTbWWP.js";
+import { c as ChevronRightIcon } from "../icons-D2Q5n5C1.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Activity.tsx

package/dist/components/AgentChat.d.ts

@@ -1,2 +1,2 @@
-import { a as AgentChatRenderPartContext, i as AgentChatRenderMessageContext, n as AgentChatPart, r as AgentChatProps, t as AgentChat } from "../AgentChat-403mckDG.js";
+import { a as AgentChatRenderPartContext, i as AgentChatRenderMessageContext, n as AgentChatPart, r as AgentChatProps, t as AgentChat } from "../AgentChat-B9LD_WF1.js";
 export { AgentChat, AgentChatPart, AgentChatProps, AgentChatRenderMessageContext, AgentChatRenderPartContext };

package/dist/components/AgentChat.js

@@ -1,15 +1,19 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { O as PlusIcon, k as RefreshIcon } from "../icons-BAlTbWWP.js";
+import { O as PlusIcon, k as RefreshIcon } from "../icons-D2Q5n5C1.js";
 import { Activity, ActivityContent, ActivityPanel, ActivityTrigger } from "./Activity.js";
 import { Context, ContextContent, ContextContentBody, ContextContentHeader, ContextTrigger, getContextUsage, getContextUsedTokens } from "./Context.js";
 import { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport } from "./MessageScroller.js";
 import { ConversationEmptyState } from "./Conversation.js";
 import { Message, MessageAction, MessageActions, MessageAttachment, MessageContent, MessageResponse } from "./Message.js";
+import { Marker, MarkerContent } from "./Marker.js";
 import { MenuGroup, MenuGroupLabel } from "./Menu.js";
 import { PromptInput, PromptInputActionAddAttachments, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuTrigger, PromptInputApproval, PromptInputAttachments, PromptInputBody, PromptInputButton, PromptInputFooter, PromptInputPermissionSelector, PromptInputSubmit, PromptInputTextarea, PromptInputTools, getApprovalRequestId, getApprovalStateKey, getPendingToolApprovals, usePromptInputAttachments } from "./PromptInput.js";
 import { Reasoning, ReasoningContent, ReasoningTrigger } from "./Reasoning.js";
+import { Source, Sources, SourcesContent, SourcesTrigger } from "./Sources.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { isCompactionMessage } from "agents/experimental/memory/utils";
+import { getToolInput, getToolOutput, getToolPartState } from "@cloudflare/think/react";
 import { getToolName, isFileUIPart, isReasoningUIPart, isTextUIPart, isToolUIPart } from "ai";
 //#region src/components/AgentChat.tsx
 const EMPTY_PENDING_APPROVALS = [];
@@ -32,6 +36,21 @@ function AgentChatAddMenu({ children }) {
 		children: [/* @__PURE__ */ jsxs(MenuGroup, { children: [/* @__PURE__ */ jsx(MenuGroupLabel, { children: "Files" }), /* @__PURE__ */ jsx(PromptInputActionAddAttachments, {})] }), children]
 	})] });
 }
+/**
+* Per-message row-size compaction marker from `AIChatAgent` persistence.
+*
+* This is distinct from Session history compaction overlays. When a single
+* SQLite row approaches the Workers/SQLite size limit, Agents compacts large
+* tool outputs and, if necessary, truncates text before persistence. The
+* message remains in place and receives metadata keys documented by Agents:
+* `compactedToolOutputs` lists tool-call ids whose outputs were summarized;
+* `compactedTextParts` lists text-part indexes that were truncated. The UI
+* reads those keys structurally because they are persisted metadata rather than
+* exported AI SDK part variants, then adds a local visual note while preserving
+* the original `UIMessage` and part shapes.
+*
+* @see https://github.com/cloudflare/agents/blob/main/docs/agents/chat-agents.md#row-size-protection
+*/
 function isCompactedPart(message, part, partIndex) {
 	const metadata = message.metadata;
 	if (isTextUIPart(part)) return Array.isArray(metadata?.compactedTextParts) && metadata.compactedTextParts.includes(partIndex);
@@ -52,15 +71,80 @@ function summarizeToolInput(input) {
 	return null;
 }
 function isToolPartWorking(part) {
-	return part.state === "input-streaming" || part.state === "input-available" || part.state === "approval-requested";
+	const state = getToolPartState(part);
+	return state === "loading" || state === "streaming" || state === "waiting-approval";
 }
 function isToolPartFailed(part) {
-	return part.state === "output-error" || part.state === "output-denied";
+	const state = getToolPartState(part);
+	return state === "error" || state === "denied";
+}
+/**
+* AI SDK exports concrete source part types but no public source-part guard.
+* Keep these local guards as exact discriminant checks, matching
+* `ai/src/ui/ui-messages.ts` and `ai/src/ui/process-ui-message-stream.ts`.
+* If AI SDK exports source or step guards later, replace these wrappers rather
+* than widening the local transcript contract.
+*/
+function isSourceUrlPart(part) {
+	return part?.type === "source-url";
+}
+function isSourceDocumentPart(part) {
+	return part?.type === "source-document";
+}
+/**
+* AI SDK emits `step-start` as a native `StepStartUIPart`, but currently exports
+* only the type, not an `isStepStartUIPart` helper. Keep this as the exact
+* upstream discriminant so step separators do not become a local protocol.
+*/
+function isStepStartPart(part) {
+	return part.type === "step-start";
+}
+/**
+* Session compaction overlay marker from Agents Sessions.
+*
+* Agents exports `isCompactionMessage` from
+* `agents/experimental/memory/utils`; it checks the canonical `compaction_`
+* id prefix used when `Session.getHistory()` materializes a summary overlay.
+* `UIMessage` is structurally compatible with the fields the helper reads, so
+* keep this wrapper instead of duplicating the prefix test locally.
+*/
+function isCompactionMessage$1(message) {
+	return isCompactionMessage(message);
+}
+function getMessageText(message) {
+	return message.parts.filter((part) => isTextUIPart(part) || isReasoningUIPart(part)).map((part) => part.text).join("");
+}
+function formatSourceTitle(part) {
+	if (part.title) return part.title;
+	if (part.type === "source-document") return part.filename ?? part.mediaType;
+	try {
+		return new URL(part.url).hostname.replace(/^www\./, "");
+	} catch {
+		return part.url;
+	}
+}
+function renderSources(parts) {
+	return /* @__PURE__ */ jsxs(Sources, { children: [/* @__PURE__ */ jsx(SourcesTrigger, { count: parts.length }), /* @__PURE__ */ jsx(SourcesContent, { children: parts.map((part) => part.type === "source-url" ? /* @__PURE__ */ jsx(Source, {
+		href: part.url,
+		title: formatSourceTitle(part)
+	}, part.sourceId) : /* @__PURE__ */ jsx(Source, {
+		title: formatSourceTitle(part),
+		description: part.filename ?? part.mediaType
+	}, part.sourceId)) })] });
+}
+function getSourceRun(parts, start) {
+	const sources = [];
+	for (let index = start; index < parts.length; index++) {
+		const candidate = parts[index];
+		if (!isSourceUrlPart(candidate) && !isSourceDocumentPart(candidate)) break;
+		sources.push(candidate);
+	}
+	return sources;
 }
 function describeToolPart(part) {
 	const name = getToolName(part);
 	const verb = isToolPartFailed(part) ? `${name} failed` : isToolPartWorking(part) ? `Running ${name}` : `Ran ${name}`;
-	const detail = summarizeToolInput(part.input);
+	const detail = summarizeToolInput(getToolInput(part));
 	return detail ? `${verb} · ${detail}` : verb;
 }
 function formatToolValue(value) {
@@ -68,17 +152,19 @@ function formatToolValue(value) {
 	return typeof value === "string" ? value : JSON.stringify(value, null, 2);
 }
 function renderToolActivity(part) {
+	const state = getToolPartState(part);
 	const failed = isToolPartFailed(part);
-	const output = part.state === "output-error" ? part.errorText : part.state === "output-denied" ? part.approval.reason ?? "Denied" : formatToolValue("output" in part ? part.output : void 0);
+	const deniedReason = part.state === "output-denied" ? part.approval.reason : void 0;
+	const output = state === "error" ? part.errorText : state === "denied" ? deniedReason ?? "Denied" : formatToolValue(getToolOutput(part));
 	return /* @__PURE__ */ jsxs(Activity, {
 		isStreaming: isToolPartWorking(part),
 		children: [/* @__PURE__ */ jsx(ActivityTrigger, { label: describeToolPart(part) }), /* @__PURE__ */ jsxs(ActivityContent, { children: [/* @__PURE__ */ jsx(ActivityPanel, {
 			label: getToolName(part),
-			text: formatToolValue(part.input)
+			text: formatToolValue(getToolInput(part))
 		}), output ? /* @__PURE__ */ jsx(ActivityPanel, {
 			label: "output",
 			text: output,
-			status: part.state === "output-denied" ? "denied" : failed ? "error" : void 0,
+			status: state === "denied" ? "denied" : failed ? "error" : void 0,
 			error: failed
 		}) : null] })]
 	});
@@ -91,6 +177,10 @@ function renderDefaultPart(part) {
 		children: [/* @__PURE__ */ jsx(ReasoningTrigger, {}), /* @__PURE__ */ jsx(ReasoningContent, { children: part.text })]
 	});
 	if (isToolUIPart(part)) return renderToolActivity(part);
+	if (isStepStartPart(part)) return /* @__PURE__ */ jsx(Marker, {
+		variant: "separator",
+		children: /* @__PURE__ */ jsx(MarkerContent, { children: "Next step" })
+	});
 	return null;
 }
 /**
@@ -163,7 +253,10 @@ function AgentChat({ className, messages, status = "ready", onSubmit, onStop, pl
 					}) : null, messages.map((message, messageIndex) => /* @__PURE__ */ jsx(MessageScrollerItem, {
 						messageId: message.id,
 						scrollAnchor: message.role === "user",
-						children: /* @__PURE__ */ jsxs(Message, {
+						children: isCompactionMessage$1(message) ? /* @__PURE__ */ jsx(Marker, {
+							variant: "separator",
+							children: /* @__PURE__ */ jsx(MarkerContent, { children: getMessageText(message) || "Conversation compacted" })
+						}) : /* @__PURE__ */ jsxs(Message, {
 							from: message.role,
 							children: [
 								message.parts.map((part, partIndex) => {
@@ -174,6 +267,12 @@ function AgentChat({ className, messages, status = "ready", onSubmit, onStop, pl
 										partIndex,
 										defaultRender
 									});
+									if (isSourceUrlPart(part) || isSourceDocumentPart(part)) {
+										if (custom !== void 0) return custom ? /* @__PURE__ */ jsx(MessageContent, { children: custom }, getPartKey(part, partIndex)) : null;
+										const previous = message.parts[partIndex - 1];
+										if (isSourceUrlPart(previous) || isSourceDocumentPart(previous)) return null;
+										return /* @__PURE__ */ jsx(MessageContent, { children: renderSources(getSourceRun(message.parts, partIndex)) }, getPartKey(part, partIndex));
+									}
 									const rendered = custom === void 0 ? defaultRender() : custom;
 									return rendered ? /* @__PURE__ */ jsxs(MessageContent, { children: [rendered, isCompactedPart(message, part, partIndex) ? /* @__PURE__ */ jsx("div", {
 										className: "message__compacted",

package/dist/components/AgentConnection.js

@@ -1,8 +1,8 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { b as LinkIcon } from "../icons-BAlTbWWP.js";
+import { b as LinkIcon } from "../icons-D2Q5n5C1.js";
 import { Popover } from "./Popover.js";
 import { Button } from "./Button.js";
-import { a as CodeBlockCopyButton, i as CodeBlockContent, n as CodeBlockActions, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock } from "../CodeBlock-D9koxDA7.js";
+import { a as CodeBlockCopyButton, i as CodeBlockContent, n as CodeBlockActions, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock } from "../CodeBlock-XNQOupQ3.js";
 import { Field } from "./Field.js";
 import { Form } from "./Form.js";
 import { DCR_MCP_SERVER_CARDS, MANUAL_MCP_SERVER_CARDS, getMcpServerIconSrc } from "../utils/mcp-server-catalog.js";

package/dist/components/Artifact.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { I as XIcon } from "../icons-BAlTbWWP.js";
+import { L as XIcon } from "../icons-D2Q5n5C1.js";
 import { Button } from "./Button.js";
 import { Tooltip, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipTrigger } from "./Tooltip.js";
 import "react";

package/dist/components/BrowserLiveView.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { j as SpinnerIcon, x as MaximizeIcon } from "../icons-BAlTbWWP.js";
+import { M as SpinnerIcon, x as MaximizeIcon } from "../icons-D2Q5n5C1.js";
 import { Button } from "./Button.js";
 import { Dialog, DialogContent, DialogTitle } from "./Dialog.js";
 import { Badge } from "./Badge.js";

package/dist/components/BrowserReplay.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { D as PlayIcon, T as PauseIcon } from "../icons-BAlTbWWP.js";
+import { D as PlayIcon, T as PauseIcon } from "../icons-D2Q5n5C1.js";
 import { Button } from "./Button.js";
 import { Slider, SliderControl, SliderIndicator, SliderThumb, SliderTrack } from "./Slider.js";
 import * as React from "react";

package/dist/components/ChainOfThought.d.ts

@@ -1,5 +1,5 @@
 import { CollapsiblePanelProps, CollapsibleRootProps, CollapsibleTriggerProps } from "./Collapsible.js";
-import { v as IconProps } from "../icons-BRI54ATJ.js";
+import { v as IconProps } from "../icons-CbjtbIJK.js";
 import * as React from "react";
 
 //#region src/components/ChainOfThought.d.ts

package/dist/components/ChainOfThought.js

@@ -1,6 +1,6 @@
 import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./Collapsible.js";
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { a as CheckIcon, c as ChevronRightIcon, j as SpinnerIcon, u as DotIcon } from "../icons-BAlTbWWP.js";
+import { M as SpinnerIcon, a as CheckIcon, c as ChevronRightIcon, u as DotIcon } from "../icons-D2Q5n5C1.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ChainOfThought.tsx

package/dist/components/ChatGptSignInScreen.js

@@ -1,7 +1,7 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { j as SpinnerIcon } from "../icons-BAlTbWWP.js";
+import { M as SpinnerIcon } from "../icons-D2Q5n5C1.js";
 import { Button } from "./Button.js";
-import { l as ModelSelectorLogo } from "../ModelSelector-MQvK-pNb.js";
+import { l as ModelSelectorLogo } from "../ModelSelector-9G_-GooI.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ChatGptSignInScreen.tsx

package/dist/components/CodeBlock.js

@@ -1,2 +1,2 @@
-import { a as CodeBlockCopyButton, c as CodeBlockLanguageSelector, d as CodeBlockLanguageSelectorTrigger, f as CodeBlockLanguageSelectorValue, h as CODE_BLOCK_LANGUAGES, i as CodeBlockContent, l as CodeBlockLanguageSelectorContent, m as highlightCode, n as CodeBlockActions, o as CodeBlockFilename, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock, u as CodeBlockLanguageSelectorItem } from "../CodeBlock-D9koxDA7.js";
+import { a as CodeBlockCopyButton, c as CodeBlockLanguageSelector, d as CodeBlockLanguageSelectorTrigger, f as CodeBlockLanguageSelectorValue, h as CODE_BLOCK_LANGUAGES, i as CodeBlockContent, l as CodeBlockLanguageSelectorContent, m as highlightCode, n as CodeBlockActions, o as CodeBlockFilename, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock, u as CodeBlockLanguageSelectorItem } from "../CodeBlock-XNQOupQ3.js";
 export { CODE_BLOCK_LANGUAGES, CodeBlock, CodeBlockActions, CodeBlockContainer, CodeBlockContent, CodeBlockCopyButton, CodeBlockFilename, CodeBlockHeader, CodeBlockLanguageSelector, CodeBlockLanguageSelectorContent, CodeBlockLanguageSelectorItem, CodeBlockLanguageSelectorTrigger, CodeBlockLanguageSelectorValue, CodeBlockTitle, highlightCode };

package/dist/components/Commit.js

@@ -1,6 +1,6 @@
 import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./Collapsible.js";
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { a as CheckIcon, c as ChevronRightIcon, h as FileIcon, l as CopyIcon } from "../icons-BAlTbWWP.js";
+import { a as CheckIcon, c as ChevronRightIcon, h as FileIcon, l as CopyIcon } from "../icons-D2Q5n5C1.js";
 import { Button } from "./Button.js";
 import { Tooltip, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipTrigger } from "./Tooltip.js";
 import { Avatar } from "./Avatar.js";

package/dist/components/ContextMenu.js

@@ -1,4 +1,4 @@
-import { a as CheckIcon, c as ChevronRightIcon, u as DotIcon } from "../icons-BAlTbWWP.js";
+import { a as CheckIcon, c as ChevronRightIcon, u as DotIcon } from "../icons-D2Q5n5C1.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";

package/dist/components/Conversation.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { d as DownloadIcon, t as ArrowDownIcon } from "../icons-BAlTbWWP.js";
+import { d as DownloadIcon, t as ArrowDownIcon } from "../icons-D2Q5n5C1.js";
 import { Button } from "./Button.js";
 import { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport } from "./MessageScroller.js";
 import * as React from "react";

package/dist/components/Dialog.js

@@ -1,4 +1,4 @@
-import { I as XIcon } from "../icons-BAlTbWWP.js";
+import { L as XIcon } from "../icons-D2Q5n5C1.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Dialog as Dialog$1 } from "@base-ui/react/dialog";

package/dist/components/EnvironmentVariables.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { a as CheckIcon, l as CopyIcon, m as EyeOffIcon, p as EyeIcon } from "../icons-BAlTbWWP.js";
+import { a as CheckIcon, l as CopyIcon, m as EyeOffIcon, p as EyeIcon } from "../icons-D2Q5n5C1.js";
 import { Button } from "./Button.js";
 import { Tooltip, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipTrigger } from "./Tooltip.js";
 import { Badge } from "./Badge.js";

package/dist/components/FileTree.js

@@ -1,2 +1,2 @@
-import { a as FileTreeIcon, i as FileTreeFolder, n as FileTreeActions, o as FileTreeName, r as FileTreeFile, t as FileTree } from "../FileTree-BdK93Uuu.js";
+import { a as FileTreeIcon, i as FileTreeFolder, n as FileTreeActions, o as FileTreeName, r as FileTreeFile, t as FileTree } from "../FileTree-wMyZhhHO.js";
 export { FileTree, FileTreeActions, FileTreeFile, FileTreeFolder, FileTreeIcon, FileTreeName };

package/dist/components/McpServerPicker.js

@@ -1,4 +1,4 @@
-import { O as PlusIcon, P as WarningIcon, a as CheckIcon, j as SpinnerIcon } from "../icons-BAlTbWWP.js";
+import { F as WarningIcon, M as SpinnerIcon, O as PlusIcon, a as CheckIcon } from "../icons-D2Q5n5C1.js";
 import { Button } from "./Button.js";
 import { MenuContent, MenuGroup, MenuGroupLabel, MenuItem, MenuRoot, MenuShortcut, MenuTrigger } from "./Menu.js";
 import { getMcpServerIconSrc } from "../utils/mcp-server-catalog.js";
@@ -53,8 +53,8 @@ function McpServerPickerItems({ servers, onConnect }) {
 function McpServerPickerRow({ server, onConnect }) {
 	const descriptionId = React.useId();
 	const statusText = server.statusLabel ?? getStatusLabel(server.status);
-	const busy = server.status === "connecting" || server.status === "authenticating";
-	const disabled = busy || server.status === "ready";
+	const busy = server.status === "connecting" || server.status === "authenticating" || server.status === "discovering";
+	const disabled = busy || server.status === "ready" || server.status === "connected";
 	return /* @__PURE__ */ jsxs(MenuItem, {
 		className: "mcp-server-picker__row",
 		closeOnClick: false,
@@ -91,9 +91,9 @@ function McpServerPickerRow({ server, onConnect }) {
 	});
 }
 function StatusIcon({ status }) {
-	if (status === "ready") return /* @__PURE__ */ jsx(CheckIcon, { size: 14 });
+	if (status === "ready" || status === "connected") return /* @__PURE__ */ jsx(CheckIcon, { size: 14 });
 	if (status === "failed" || status === "needs-auth") return /* @__PURE__ */ jsx(WarningIcon, { size: 14 });
-	if (status === "connecting" || status === "authenticating") return /* @__PURE__ */ jsx(SpinnerIcon, {
+	if (status === "connecting" || status === "authenticating" || status === "discovering") return /* @__PURE__ */ jsx(SpinnerIcon, {
 		className: "mcp-server-picker__spinner",
 		size: 14
 	});
@@ -101,10 +101,12 @@ function StatusIcon({ status }) {
 }
 function getStatusLabel(status) {
 	if (status === "ready") return "Connected";
+	if (status === "connected") return "Connected";
 	if (status === "failed") return "Failed";
 	if (status === "needs-auth") return "Authorize";
 	if (status === "authenticating") return "Authenticating";
 	if (status === "connecting") return "Connecting";
+	if (status === "discovering") return "Discovering";
 	return "";
 }
 function renderIcon(server) {

package/dist/components/Menubar.js

@@ -1,4 +1,4 @@
-import { a as CheckIcon, c as ChevronRightIcon, u as DotIcon } from "../icons-BAlTbWWP.js";
+import { a as CheckIcon, c as ChevronRightIcon, u as DotIcon } from "../icons-D2Q5n5C1.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react/menu";

package/dist/components/Message.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { h as FileIcon, n as ArrowLeftIcon, r as ArrowRightIcon } from "../icons-BAlTbWWP.js";
+import { h as FileIcon, n as ArrowLeftIcon, r as ArrowRightIcon } from "../icons-D2Q5n5C1.js";
 import { Button } from "./Button.js";
 import { Tooltip, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipTrigger } from "./Tooltip.js";
 import { t as AttachmentPreview } from "../attachment-preview-ChtC3HiU.js";

package/dist/components/MessageScroller.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { t as ArrowDownIcon } from "../icons-BAlTbWWP.js";
+import { t as ArrowDownIcon } from "../icons-D2Q5n5C1.js";
 import { Button } from "./Button.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/ModelSelector.js

@@ -1,2 +1,2 @@
-import { a as ModelSelectorGroup, c as ModelSelectorList, d as ModelSelectorName, f as ModelSelectorSeparator, i as ModelSelectorEmpty, l as ModelSelectorLogo, m as ModelSelectorTrigger, n as ModelSelectorContent, o as ModelSelectorInput, p as ModelSelectorShortcut, r as ModelSelectorDialog, s as ModelSelectorItem, t as ModelSelector, u as ModelSelectorLogoGroup } from "../ModelSelector-MQvK-pNb.js";
+import { a as ModelSelectorGroup, c as ModelSelectorList, d as ModelSelectorName, f as ModelSelectorSeparator, i as ModelSelectorEmpty, l as ModelSelectorLogo, m as ModelSelectorTrigger, n as ModelSelectorContent, o as ModelSelectorInput, p as ModelSelectorShortcut, r as ModelSelectorDialog, s as ModelSelectorItem, t as ModelSelector, u as ModelSelectorLogoGroup } from "../ModelSelector-9G_-GooI.js";
 export { ModelSelector, ModelSelectorContent, ModelSelectorDialog, ModelSelectorEmpty, ModelSelectorGroup, ModelSelectorInput, ModelSelectorItem, ModelSelectorList, ModelSelectorLogo, ModelSelectorLogoGroup, ModelSelectorName, ModelSelectorSeparator, ModelSelectorShortcut, ModelSelectorTrigger };

package/dist/components/NavigationMenu.js

@@ -1,4 +1,4 @@
-import { o as ChevronDownIcon } from "../icons-BAlTbWWP.js";
+import { o as ChevronDownIcon } from "../icons-D2Q5n5C1.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { NavigationMenu as NavigationMenu$1 } from "@base-ui/react/navigation-menu";

package/dist/components/PromptInput.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { C as MonitorIcon, E as PencilIcon, I as XIcon, M as SquareIcon, O as PlusIcon, P as WarningIcon, h as FileIcon, i as ArrowUpIcon, j as SpinnerIcon, o as ChevronDownIcon, w as PaperclipIcon } from "../icons-BAlTbWWP.js";
+import { C as MonitorIcon, E as PencilIcon, F as WarningIcon, L as XIcon, M as SpinnerIcon, N as SquareIcon, O as PlusIcon, h as FileIcon, i as ArrowUpIcon, o as ChevronDownIcon, w as PaperclipIcon } from "../icons-D2Q5n5C1.js";
 import { Button } from "./Button.js";
 import { Tooltip, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipTrigger } from "./Tooltip.js";
 import { t as AttachmentPreview } from "../attachment-preview-ChtC3HiU.js";
@@ -9,6 +9,7 @@ import { Select, SelectContent, SelectItem, SelectPortal, SelectPositioner, Sele
 import { Tab, TabPanel, TabsList } from "./Tabs.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { getToolApproval, getToolInput, getToolOutput } from "@cloudflare/think/react";
 import { getToolName, isToolUIPart } from "ai";
 //#region src/components/PromptInput.tsx
 const PromptInputContext = React.createContext(null);
@@ -659,17 +660,17 @@ function PromptInputSubmit({ className, status = "ready", onStop, variant = "nor
 }
 function getPausedExecution(part) {
 	if (part.state !== "output-available") return void 0;
-	const output = part.output;
+	const output = getToolOutput(part);
 	return output?.status === "paused" && typeof output.executionId === "string" ? output : void 0;
 }
 /** The id a response must carry: the approval id, or the paused run's executionId. */
 function getApprovalRequestId(part) {
-	if (part.state === "approval-requested") return part.approval.id;
+	if (part.state === "approval-requested") return getToolApproval(part)?.id;
 	return getPausedExecution(part)?.executionId;
 }
 /** Component-local identity: paused executions can ask for multiple approvals. */
 function getApprovalStateKey(part) {
-	if (part.state === "approval-requested") return part.approval.id;
+	if (part.state === "approval-requested") return getToolApproval(part)?.id;
 	const paused = getPausedExecution(part);
 	if (!paused) return void 0;
 	const seq = paused.pending[0]?.seq;
@@ -736,7 +737,7 @@ function PromptInputApproval({ part, approval: durableApproval, onRespond, execu
 		}
 	};
 	const submit = () => void respond(selected === "approve");
-	const input = durableApproval?.descriptor.input ?? (part && "input" in part ? part.input : void 0);
+	const input = durableApproval?.descriptor.input ?? (part ? getToolInput(part) : void 0);
 	const inputEntries = input && typeof input === "object" && !Array.isArray(input) ? Object.entries(input) : void 0;
 	return /* @__PURE__ */ jsxs("div", {
 		ref,

package/dist/components/Queue.js

@@ -1,6 +1,6 @@
 import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./Collapsible.js";
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { a as CheckIcon, c as ChevronRightIcon, h as FileIcon, u as DotIcon } from "../icons-BAlTbWWP.js";
+import { a as CheckIcon, c as ChevronRightIcon, h as FileIcon, u as DotIcon } from "../icons-D2Q5n5C1.js";
 import { Button } from "./Button.js";
 import { Badge } from "./Badge.js";
 import { ScrollArea } from "./ScrollArea.js";

package/dist/components/Reasoning.js

@@ -1,6 +1,6 @@
 import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./Collapsible.js";
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { c as ChevronRightIcon } from "../icons-BAlTbWWP.js";
+import { c as ChevronRightIcon } from "../icons-D2Q5n5C1.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cjk } from "@streamdown/cjk";

package/dist/components/Select.js

@@ -1,4 +1,4 @@
-import { a as CheckIcon, i as ArrowUpIcon, t as ArrowDownIcon } from "../icons-BAlTbWWP.js";
+import { a as CheckIcon, i as ArrowUpIcon, t as ArrowDownIcon } from "../icons-D2Q5n5C1.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Select as Select$1 } from "@base-ui/react/select";

package/dist/components/Sources.js

@@ -1,6 +1,6 @@
 import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./Collapsible.js";
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { b as LinkIcon, c as ChevronRightIcon } from "../icons-BAlTbWWP.js";
+import { b as LinkIcon, c as ChevronRightIcon } from "../icons-D2Q5n5C1.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Sources.tsx

package/dist/components/Stepper.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { a as CheckIcon, j as SpinnerIcon } from "../icons-BAlTbWWP.js";
+import { M as SpinnerIcon, a as CheckIcon } from "../icons-D2Q5n5C1.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Stepper.tsx

package/dist/components/Task.js

@@ -1,6 +1,6 @@
 import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./Collapsible.js";
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { A as SearchIcon, c as ChevronRightIcon, h as FileIcon } from "../icons-BAlTbWWP.js";
+import { A as SearchIcon, c as ChevronRightIcon, h as FileIcon } from "../icons-D2Q5n5C1.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Task.tsx