@mcp-b/react-components 0.29.0 → 0.30.1

package/dist/components/{PromptInput.js → ai-sdk/PromptInput.js}

@@ -1,22 +1,18 @@
-import { n as mergeBaseClassName, t as cx } from "../class-names-BiMDVpUo.js";
-import { Button } from "./Button.js";
-import { C as FileIcon, F as MonitorIcon, H as PlusIcon, J as SpinnerIcon, N as MicrophoneIcon, R as PaperclipIcon, X as StopIcon, Y as SquareIcon, a as ArrowUpIcon, c as BoxIcon, d as CheckIcon, f as ChevronDownIcon, j as McpIcon, nt as WrenchIcon, rt as XIcon, tt as WarningIcon, w as FolderIcon } from "../icons-B4mGvCvc.js";
-import { Tooltip } from "./Tooltip.js";
-import { IconButton } from "./IconButton.js";
-import { t as AttachmentPreview } from "../attachment-preview-DIs50Q0h.js";
-import { n as clamp, r as formatClock } from "../format-S6uWyoSb.js";
-import { Combobox } from "./Combobox.js";
-import { Kbd } from "./Kbd.js";
-import { Menu } from "./Menu.js";
-import { Select } from "./Select.js";
-import { Tabs } from "./Tabs.js";
-import { ThinkExecutionApproval, ThinkPendingApproval, getPausedExecution } from "./ThinkPendingApproval.js";
-import { ToolApproval } from "./ToolApproval.js";
+import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
+import { C as FileIcon, F as MonitorIcon, H as PlusIcon, J as SpinnerIcon, N as MicrophoneIcon, R as PaperclipIcon, X as StopIcon, Y as SquareIcon, a as ArrowUpIcon, d as CheckIcon, f as ChevronDownIcon, nt as WrenchIcon, rt as XIcon, tt as WarningIcon, w as FolderIcon } from "../../icons-B4mGvCvc.js";
+import { Button } from "../foundations/Button.js";
+import { Tooltip } from "../foundations/Tooltip.js";
+import { IconButton } from "../foundations/IconButton.js";
+import { Combobox } from "../foundations/Combobox.js";
+import { Kbd } from "../foundations/Kbd.js";
+import { Menu } from "../foundations/Menu.js";
+import { Select } from "../foundations/Select.js";
+import { Tabs } from "../foundations/Tabs.js";
+import { t as AttachmentPreview } from "../../attachment-preview-1CXJvrmb.js";
+import { i as formatErrorMessage, n as clamp, r as formatClock } from "../../format-CmopcfqJ.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { isToolUIPart } from "ai";
-import { getToolApproval } from "@cloudflare/think/react";
-//#region src/components/PromptInput.tsx
+//#region src/components/ai-sdk/PromptInput.tsx
 const PromptInputController = React.createContext(null);
 const LocalAttachmentsContext = React.createContext(null);
 function usePromptInputController() {
@@ -593,7 +589,7 @@ function PromptInputDictation({ voice, beforeStart, className, disabled, ref, ..
 				}
 				setIsStarting(true);
 				Promise.resolve().then(() => beforeStart?.(voice)).then(() => voice.start()).catch((reason) => {
-					setStartError(reason instanceof Error ? reason.message : String(reason));
+					setStartError(formatErrorMessage(reason));
 				}).finally(() => setIsStarting(false));
 			},
 			...props,
@@ -907,80 +903,14 @@ function PromptInputSubmit({ className, status = "ready", onStop, variant = "nor
 		children: children ?? (isQueueing ? /* @__PURE__ */ jsx(ArrowUpIcon, {}) : defaultSubmitIcon(status))
 	});
 }
-/**
-* Resolve Think execution approvals that do not use the AI SDK
-* `approval-requested` part: paused codemode executions and durable-pause
-* approvals from `pendingApprovals()`. Pass the whole upstream Think agent
-* stub; the component calls its client-callable RPCs directly:
-*
-* ```tsx
-* <PromptInputApproval part={part} thinkStub={agent.stub} />
-* ```
-*
-* On approve, upstream resumes or runs the parked execution and auto-continues
-* the chat. Both RPCs are idempotent, so a stale click resolves to "already
-* handled".
-*/
-/** The id a response must carry: the approval id, or the paused run's executionId. */
-function getApprovalRequestId(part) {
-	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 getToolApproval(part)?.id;
-	const paused = getPausedExecution(part);
-	if (!paused) return void 0;
-	const seq = paused.pending[0]?.seq;
-	return seq === void 0 ? paused.executionId : `${paused.executionId}:${seq}`;
-}
-/** Derives pending tool approvals straight from the messages — no app-owned shapes. */
-function getPendingToolApprovals(messages, { pausedExecutions = false } = {}) {
-	const pending = [];
-	messages.forEach((message) => {
-		message.parts.forEach((part) => {
-			if (isToolUIPart(part) && (part.state === "approval-requested" || pausedExecutions && getPausedExecution(part))) pending.push(part);
-		});
-	});
-	return pending;
-}
-/**
-* The composer's approval state: when a tool call awaits human approval the
-* prompt input area becomes the confirmation. "Yes" approves on click; typing
-* in the "No, and tell the agent what to do differently" row selects deny and
-* sends the text as the native approval `reason`. Submit (or Enter) sends the
-* current selection — approve by default.
-*/
-function PromptInputApproval({ part, approval: durableApproval, onRespond, thinkStub, onExecutionSettled, onSkip, question, count, className, ref, ...props }) {
-	const shared = {
-		className: cx("prompt-input__approval", className),
-		count,
-		onSkip,
-		question,
-		ref,
-		...props
-	};
-	if (part?.state === "approval-requested" && onRespond) return /* @__PURE__ */ jsx(ToolApproval, {
-		...shared,
-		part,
-		onRespond
-	});
-	if (part && thinkStub && getPausedExecution(part)) return /* @__PURE__ */ jsx(ThinkExecutionApproval, {
-		...shared,
-		part,
-		thinkStub,
-		onSettled: onExecutionSettled
-	});
-	if (durableApproval && thinkStub) return /* @__PURE__ */ jsx(ThinkPendingApproval, {
-		...shared,
-		approval: durableApproval,
-		thinkStub,
-		onSettled: onExecutionSettled
-	});
-	return null;
-}
 const PromptInputSelect = Select;
 const PromptInputHoverCardContext = React.createContext(null);
+function composePromptInputEventHandler(handler, followup) {
+	return (event) => {
+		handler?.(event);
+		if (!event.defaultPrevented) followup?.();
+	};
+}
 function PromptInputHoverCard({ openDelay = 0, closeDelay = 0, className, children, ref, ...props }) {
 	const [open, setOpen] = React.useState(false);
 	const timer = React.useRef(void 0);
@@ -1013,26 +943,26 @@ function PromptInputHoverCard({ openDelay = 0, closeDelay = 0, className, childr
 		})
 	});
 }
-function PromptInputHoverCardTrigger({ className, ref, ...props }) {
-	const ctx = React.useContext(PromptInputHoverCardContext);
+function PromptInputHoverCardTrigger({ className, ref, onFocus, onBlur, onMouseEnter, onMouseLeave, ...props }) {
+	const context = React.useContext(PromptInputHoverCardContext);
 	return /* @__PURE__ */ jsx("span", {
 		ref,
 		className: cx("prompt-input__hover-card-trigger", className),
-		onFocus: ctx?.openNow,
-		onBlur: ctx?.closeLater,
-		onMouseEnter: ctx?.openNow,
-		onMouseLeave: ctx?.closeLater,
+		onFocus: composePromptInputEventHandler(onFocus, context?.openNow),
+		onBlur: composePromptInputEventHandler(onBlur, context?.closeLater),
+		onMouseEnter: composePromptInputEventHandler(onMouseEnter, context?.openNow),
+		onMouseLeave: composePromptInputEventHandler(onMouseLeave, context?.closeLater),
 		...props
 	});
 }
-function PromptInputHoverCardContent({ className, ref, ...props }) {
-	const ctx = React.useContext(PromptInputHoverCardContext);
-	if (!ctx?.open) return null;
+function PromptInputHoverCardContent({ className, ref, onMouseEnter, onMouseLeave, ...props }) {
+	const context = React.useContext(PromptInputHoverCardContext);
+	if (!context?.open) return null;
 	return /* @__PURE__ */ jsx("div", {
 		ref,
 		className: cx("prompt-input__hover-card-content", className),
-		onMouseEnter: ctx.openNow,
-		onMouseLeave: ctx.closeLater,
+		onMouseEnter: composePromptInputEventHandler(onMouseEnter, context.openNow),
+		onMouseLeave: composePromptInputEventHandler(onMouseLeave, context.closeLater),
 		...props
 	});
 }
@@ -1067,34 +997,6 @@ const PromptInputCommandGroup = Combobox.Group;
 const PromptInputCommandGroupLabel = Combobox.GroupLabel;
 const PromptInputCommandItem = Combobox.Item;
 const PromptInputCommandSeparator = Combobox.Separator;
-/** Project whole upstream Agents MCP state into composer mention commands. */
-function mcpPromptInputCommands(mcp) {
-	return Object.entries(mcp.servers).flatMap(([id, server]) => server.state === "ready" ? [{
-		id: `mcp:${id}`,
-		value: id,
-		label: server.name,
-		description: server.server_url,
-		icon: /* @__PURE__ */ jsx(McpIcon, {}),
-		keywords: [id, server.server_url],
-		group: "Connected MCP servers",
-		meta: "Connected"
-	}] : []);
-}
-/** Project whole upstream skill descriptors into composer slash commands. */
-function skillPromptInputCommands(skills) {
-	return skills.map((skill) => ({
-		id: `skill:${skill.sourceId ?? "built-in"}:${skill.name}`,
-		value: skill.name,
-		label: skill.name,
-		description: skill.description,
-		icon: /* @__PURE__ */ jsx(BoxIcon, {}),
-		...skill.sourceId ? {
-			keywords: [skill.sourceId],
-			meta: skill.sourceId
-		} : {},
-		group: "Skills"
-	}));
-}
 /**
 * Controlled PromptInput textarea with slash-command discovery. The host owns
 * both the command catalog and the draft policy applied after selection.
@@ -1384,4 +1286,4 @@ function createId() {
 	return globalThis.crypto?.randomUUID?.() ?? `prompt-input-${Date.now()}-${Math.random()}`;
 }
 //#endregion
-export { PromptInput, PromptInputActionAddAttachments, PromptInputActionAddScreenshot, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuItem, PromptInputActionMenuTrigger, PromptInputApproval, PromptInputAttachment, PromptInputAttachments, PromptInputBody, PromptInputButton, PromptInputCommand, PromptInputCommandComposer, PromptInputCommandEmpty, PromptInputCommandGroup, PromptInputCommandGroupLabel, PromptInputCommandInput, PromptInputCommandItem, PromptInputCommandList, PromptInputCommandSeparator, PromptInputContextSelector, PromptInputDictation, PromptInputFooter, PromptInputHeader, PromptInputHoverCard, PromptInputHoverCardContent, PromptInputHoverCardTrigger, PromptInputPermissionSelector, PromptInputProvider, PromptInputReferences, PromptInputSelect, PromptInputSubmit, PromptInputTab, PromptInputTabBody, PromptInputTabItem, PromptInputTabLabel, PromptInputTabsList, PromptInputTextarea, PromptInputTools, PromptInputTray, getApprovalRequestId, getApprovalStateKey, getPendingToolApprovals, mcpPromptInputCommands, skillPromptInputCommands, usePromptInputAttachments, usePromptInputController, useProviderAttachments };
+export { PromptInput, PromptInputActionAddAttachments, PromptInputActionAddScreenshot, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuItem, PromptInputActionMenuTrigger, PromptInputAttachment, PromptInputAttachments, PromptInputBody, PromptInputButton, PromptInputCommand, PromptInputCommandComposer, PromptInputCommandEmpty, PromptInputCommandGroup, PromptInputCommandGroupLabel, PromptInputCommandInput, PromptInputCommandItem, PromptInputCommandList, PromptInputCommandSeparator, PromptInputContextSelector, PromptInputDictation, PromptInputFooter, PromptInputHeader, PromptInputHoverCard, PromptInputHoverCardContent, PromptInputHoverCardTrigger, PromptInputPermissionSelector, PromptInputProvider, PromptInputReferences, PromptInputSelect, PromptInputSubmit, PromptInputTab, PromptInputTabBody, PromptInputTabItem, PromptInputTabLabel, PromptInputTabsList, PromptInputTextarea, PromptInputTools, PromptInputTray, usePromptInputAttachments, usePromptInputController, useProviderAttachments };

package/dist/components/{Queue.d.ts → ai-sdk/Queue.d.ts}

@@ -1,9 +1,9 @@
-import { r as ButtonProps } from "../Button-SBIz6Lqi.js";
-import { t as Collapsible } from "../Collapsible-N64ASIQr.js";
-import { ScrollArea } from "./ScrollArea.js";
+import { r as ButtonProps } from "../../Button-CZt3yywF.js";
+import { Collapsible } from "../foundations/Collapsible.js";
+import { ScrollArea } from "../foundations/ScrollArea.js";
 import * as React from "react";
 
-//#region src/components/Queue.d.ts
+//#region src/components/ai-sdk/Queue.d.ts
 interface QueueTodo {
   id: string;
   title: string;

package/dist/components/{Queue.js → ai-sdk/Queue.js}

@@ -1,12 +1,12 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
-import { Button } from "./Button.js";
-import { Collapsible } from "./Collapsible.js";
-import { C as FileIcon, d as CheckIcon, m as ChevronRightIcon, v as DotIcon } from "../icons-B4mGvCvc.js";
-import { Badge } from "./Badge.js";
-import { ScrollArea } from "./ScrollArea.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { Collapsible } from "../foundations/Collapsible.js";
+import { C as FileIcon, d as CheckIcon, m as ChevronRightIcon, v as DotIcon } from "../../icons-B4mGvCvc.js";
+import { Button } from "../foundations/Button.js";
+import { Badge } from "../foundations/Badge.js";
+import { ScrollArea } from "../foundations/ScrollArea.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/Queue.tsx
+//#region src/components/ai-sdk/Queue.tsx
 /**
 * Container for a grouped list of queue items (e.g. messages, todos,
 * attachments). Compose with QueueSection as direct children. Adapted from

package/dist/components/{Reasoning.d.ts → ai-sdk/Reasoning.d.ts}

@@ -1,7 +1,7 @@
-import { t as Collapsible } from "../Collapsible-N64ASIQr.js";
+import { Collapsible } from "../foundations/Collapsible.js";
 import * as React from "react";
 
-//#region src/components/Reasoning.d.ts
+//#region src/components/ai-sdk/Reasoning.d.ts
 interface ReasoningContextValue {
   isStreaming: boolean;
   isOpen: boolean;

package/dist/components/{Reasoning.js → ai-sdk/Reasoning.js}

@@ -1,11 +1,11 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
-import { Collapsible } from "./Collapsible.js";
-import { J as SpinnerIcon } from "../icons-B4mGvCvc.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { Collapsible } from "../foundations/Collapsible.js";
+import { J as SpinnerIcon } from "../../icons-B4mGvCvc.js";
 import { ActivityContent, ActivityText, ActivityTrigger } from "./Activity.js";
-import { f as MessageResponse } from "../Message-BF6SiKKL.js";
+import { MessageResponse } from "./Message.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/Reasoning.tsx
+//#region src/components/ai-sdk/Reasoning.tsx
 const ReasoningContext = React.createContext(null);
 const AUTO_CLOSE_DELAY_MS = 1e3;
 const MS_IN_S = 1e3;

package/dist/components/{Sources.d.ts → ai-sdk/Sources.d.ts}

@@ -1,7 +1,7 @@
-import { t as Collapsible } from "../Collapsible-N64ASIQr.js";
+import { Collapsible } from "../foundations/Collapsible.js";
 import * as React from "react";
 
-//#region src/components/Sources.d.ts
+//#region src/components/ai-sdk/Sources.d.ts
 /**
  * Props for the Sources root. Wraps Base UI Collapsible.Root.
  */

package/dist/components/{Sources.js → ai-sdk/Sources.js}

@@ -1,9 +1,9 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
-import { Collapsible } from "./Collapsible.js";
-import { k as LinkIcon, m as ChevronRightIcon } from "../icons-B4mGvCvc.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { Collapsible } from "../foundations/Collapsible.js";
+import { k as LinkIcon, m as ChevronRightIcon } from "../../icons-B4mGvCvc.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/Sources.tsx
+//#region src/components/ai-sdk/Sources.tsx
 /**
 * Displays a collapsible list of citations used by an AI to generate a
 * response. Compose with SourcesTrigger, SourcesContent, and one or more

package/dist/components/{Task.d.ts → ai-sdk/Task.d.ts}

@@ -1,7 +1,7 @@
-import { t as Collapsible } from "../Collapsible-N64ASIQr.js";
+import { Collapsible } from "../foundations/Collapsible.js";
 import * as React from "react";
 
-//#region src/components/Task.d.ts
+//#region src/components/ai-sdk/Task.d.ts
 interface TaskProps extends Omit<React.ComponentProps<typeof Collapsible.Root>, "unstyled"> {}
 /**
  * A collapsible task/workflow list. Compose with TaskTrigger, TaskContent,

package/dist/components/{Task.js → ai-sdk/Task.js}

@@ -1,9 +1,9 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
-import { Collapsible } from "./Collapsible.js";
-import { C as FileIcon, G as SearchIcon, m as ChevronRightIcon } from "../icons-B4mGvCvc.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { Collapsible } from "../foundations/Collapsible.js";
+import { C as FileIcon, G as SearchIcon, m as ChevronRightIcon } from "../../icons-B4mGvCvc.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/Task.tsx
+//#region src/components/ai-sdk/Task.tsx
 /**
 * A collapsible task/workflow list. Compose with TaskTrigger, TaskContent,
 * TaskItem, and TaskItemFile to show structured progress for a multi-step

package/dist/components/{ToolApproval.d.ts → ai-sdk/ToolApproval.d.ts}

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { ChatAddToolApproveResponseFunction, DynamicToolUIPart, ToolUIPart } from "ai";
 
-//#region src/components/ToolApproval.d.ts
+//#region src/components/ai-sdk/ToolApproval.d.ts
 interface ToolApprovalProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "part"> {
   /** Whole upstream AI SDK tool part. Non-request states render nothing. */
   part: ToolUIPart | DynamicToolUIPart;

package/dist/components/{ToolApproval.js → ai-sdk/ToolApproval.js}

@@ -2,7 +2,7 @@ import { Approval, ApprovalCount, ApprovalDecision, ApprovalHeader, ApprovalInpu
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { getToolName } from "ai";
-//#region src/components/ToolApproval.tsx
+//#region src/components/ai-sdk/ToolApproval.tsx
 /** Actionable adapter for an AI SDK `approval-requested` tool part. */
 function ToolApproval({ className, count, onRespond, onSkip, part, question, ref, ...props }) {
 	if (part.state !== "approval-requested") return null;

package/dist/components/{ToolInvocation.d.ts → ai-sdk/ToolInvocation.d.ts}

@@ -1,6 +1,6 @@
 import { DynamicToolUIPart, ToolUIPart } from "ai";
 
-//#region src/components/ToolInvocation.d.ts
+//#region src/components/ai-sdk/ToolInvocation.d.ts
 /** One whole static or dynamic AI SDK tool UI part. */
 type ToolInvocationPart = ToolUIPart | DynamicToolUIPart;
 interface ToolInvocationProps {

package/dist/components/{ToolInvocation.js → ai-sdk/ToolInvocation.js}

@@ -1,10 +1,9 @@
 import { Activity, ActivityContent, ActivityPanel, ActivityTrigger } from "./Activity.js";
-import { getToolDisplayName, isToolPartFailed, isToolPartWorking } from "./ThinkChatToolParts.js";
-import { t as summarizeToolInput } from "../summarize-tool-input-CqTcGRYy.js";
+import { getToolDisplayName, isToolPartFailed, isToolPartWorking } from "./ToolPart.js";
+import { t as summarizeToolInput } from "../../summarize-tool-input-CqTcGRYy.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { getToolName } from "ai";
-import { getToolInput, getToolOutput, getToolPartState } from "@cloudflare/think/react";
-//#region src/components/ToolInvocation.tsx
+//#region src/components/ai-sdk/ToolInvocation.tsx
 function formatToolValue(value) {
 	if (value === void 0) return void 0;
 	return typeof value === "string" ? value : JSON.stringify(value, null, 2);
@@ -33,7 +32,7 @@ function describeToolPart(part) {
 			action = `Running ${name}`;
 			break;
 	}
-	const detail = summarizeToolInput(getToolInput(part));
+	const detail = summarizeToolInput(part.input);
 	return detail ? `${action} · ${detail}` : action;
 }
 /**
@@ -46,19 +45,18 @@ function describeToolPart(part) {
 * for known workspace, browser, fetch, session, skill, and execute tools.
 */
 function ToolInvocation({ part, defaultOpen, isStreaming }) {
-	const state = getToolPartState(part);
 	const failed = isToolPartFailed(part);
 	const deniedReason = part.state === "output-denied" ? part.approval.reason : void 0;
-	const output = state === "error" ? part.errorText : state === "denied" ? deniedReason ?? "Denied" : formatToolValue(getToolOutput(part));
+	const output = part.state === "output-error" ? part.errorText : part.state === "output-denied" ? deniedReason ?? "Denied" : part.state === "output-available" ? formatToolValue(part.output) : void 0;
 	const inputStatus = part.state === "approval-requested" ? "awaiting approval" : part.state === "approval-responded" ? part.approval.approved ? "approved" : "denied" : void 0;
-	const outputStatus = state === "denied" ? "denied" : failed ? "error" : part.state === "output-available" && part.preliminary ? "preliminary" : void 0;
+	const outputStatus = part.state === "output-denied" ? "denied" : failed ? "error" : part.state === "output-available" && part.preliminary ? "preliminary" : void 0;
 	return /* @__PURE__ */ jsxs(Activity, {
 		isStreaming: isStreaming ?? isToolPartWorking(part),
 		defaultOpen,
 		stateKey: part.toolCallId,
 		children: [/* @__PURE__ */ jsx(ActivityTrigger, { action: describeToolPart(part) }), /* @__PURE__ */ jsxs(ActivityContent, { children: [/* @__PURE__ */ jsx(ActivityPanel, {
 			label: part.title ?? getToolName(part),
-			text: formatToolValue(getToolInput(part)),
+			text: formatToolValue(part.input),
 			status: inputStatus,
 			error: inputStatus === "denied"
 		}), output !== void 0 ? /* @__PURE__ */ jsx(ActivityPanel, {

package/dist/components/ai-sdk/ToolPart.d.ts

@@ -0,0 +1,11 @@
+import { DynamicToolUIPart, ToolUIPart } from "ai";
+
+//#region src/components/ai-sdk/ToolPart.d.ts
+type AnyToolUIPart = ToolUIPart | DynamicToolUIPart;
+/** Prefer AI SDK's provider/tool-authored title over its transport-facing key. */
+declare function getToolDisplayName(part: AnyToolUIPart): string;
+/** True while an AI SDK tool part still expects input, approval, or a final output. */
+declare function isToolPartWorking(part: AnyToolUIPart): boolean;
+declare function isToolPartFailed(part: AnyToolUIPart): boolean;
+//#endregion
+export { AnyToolUIPart, getToolDisplayName, isToolPartFailed, isToolPartWorking };

package/dist/components/ai-sdk/ToolPart.js

@@ -0,0 +1,15 @@
+import { getToolName } from "ai";
+//#region src/components/ai-sdk/ToolPart.ts
+/** Prefer AI SDK's provider/tool-authored title over its transport-facing key. */
+function getToolDisplayName(part) {
+	return part.title ?? getToolName(part);
+}
+/** True while an AI SDK tool part still expects input, approval, or a final output. */
+function isToolPartWorking(part) {
+	return part.state === "input-streaming" || part.state === "input-available" || part.state === "approval-requested" || part.state === "approval-responded" && part.approval.approved || part.state === "output-available" && part.preliminary === true;
+}
+function isToolPartFailed(part) {
+	return part.state === "output-error" || part.state === "output-denied";
+}
+//#endregion
+export { getToolDisplayName, isToolPartFailed, isToolPartWorking };

package/dist/components/{ChatGptSignInScreen.d.ts → extension/ChatGptSignInScreen.d.ts}

@@ -1,6 +1,6 @@
 import * as React from "react";
 
-//#region src/components/ChatGptSignInScreen.d.ts
+//#region src/components/extension/ChatGptSignInScreen.d.ts
 interface ChatGptSignInSecondaryAction {
   label: React.ReactNode;
   onSelect: () => void;

package/dist/components/{ChatGptSignInScreen.js → extension/ChatGptSignInScreen.js}

@@ -1,10 +1,10 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
-import { Button } from "./Button.js";
-import { J as SpinnerIcon } from "../icons-B4mGvCvc.js";
-import { u as ModelSelectorLogo } from "../ModelSelector-CRdvHT_b.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { J as SpinnerIcon } from "../../icons-B4mGvCvc.js";
+import { Button } from "../foundations/Button.js";
+import { u as ModelSelectorLogo } from "../../ModelSelector-DZcpUBgn.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/ChatGptSignInScreen.tsx
+//#region src/components/extension/ChatGptSignInScreen.tsx
 /** Full-screen ChatGPT authentication prompt for MCP-B onboarding. */
 function ChatGptSignInScreen({ busy = false, error = false, label = "Sign in with ChatGPT", title = "Welcome to MCP-B", brandName = "SigVelo", brandLogo = /* @__PURE__ */ jsx(SigVeloMark, {}), className, onPointerLeave, onPointerMove, onSignIn, secondaryAction, ref, ...props }) {
 	const handlePointerMove = (event) => {

package/dist/components/{CodexModelSelector.d.ts → extension/CodexModelSelector.d.ts}

@@ -1,8 +1,8 @@
-import { d as MenuProps } from "../Menu-L6MZm-7N.js";
-import { CodexModel } from "../utils/codex-model-catalog.js";
+import { d as MenuProps } from "../../Menu-DVmjBIuM.js";
+import { CodexModel } from "../../utils/codex-model-catalog.js";
 import * as React from "react";
 
-//#region src/components/CodexModelSelector.d.ts
+//#region src/components/extension/CodexModelSelector.d.ts
 type ModelId<ModelT extends CodexModel> = ModelT["id"];
 type ReasoningEffort<ModelT extends CodexModel> = ModelT["supportedReasoningEfforts"][number]["reasoningEffort"];
 type ServiceTier<ModelT extends CodexModel> = ModelT["serviceTiers"][number]["id"];

package/dist/components/{CodexModelSelector.js → extension/CodexModelSelector.js}

@@ -1,11 +1,11 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
-import { W as RefreshIcon, d as CheckIcon, f as ChevronDownIcon, l as BrainIcon, m as ChevronRightIcon } from "../icons-B4mGvCvc.js";
-import { Tooltip } from "./Tooltip.js";
-import { i as titleCase } from "../format-S6uWyoSb.js";
-import { Menu } from "./Menu.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { W as RefreshIcon, d as CheckIcon, f as ChevronDownIcon, l as BrainIcon, m as ChevronRightIcon } from "../../icons-B4mGvCvc.js";
+import { Tooltip } from "../foundations/Tooltip.js";
+import { Menu } from "../foundations/Menu.js";
+import { a as titleCase } from "../../format-CmopcfqJ.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/CodexModelSelector.tsx
+//#region src/components/extension/CodexModelSelector.tsx
 const defaultServiceTierValue = "codex-default-service-tier";
 /**
 * A compact Codex-style response settings picker: model, reasoning effort,

package/dist/components/{ConversationTabPicker.d.ts → extension/ConversationTabPicker.d.ts}

@@ -1,6 +1,6 @@
 import * as React from "react";
 
-//#region src/components/ConversationTabPicker.d.ts
+//#region src/components/extension/ConversationTabPicker.d.ts
 type ConversationTabId = string | number;
 interface ConversationTabPickerItem {
   id: ConversationTabId;

package/dist/components/{ConversationTabPicker.js → extension/ConversationTabPicker.js}

@@ -1,10 +1,11 @@
-import { Button } from "./Button.js";
-import { tt as WarningIcon } from "../icons-B4mGvCvc.js";
-import { Avatar } from "./Avatar.js";
-import { Menu } from "./Menu.js";
+import { tt as WarningIcon } from "../../icons-B4mGvCvc.js";
+import { Button } from "../foundations/Button.js";
+import { Menu } from "../foundations/Menu.js";
+import { i as formatErrorMessage } from "../../format-CmopcfqJ.js";
+import { Avatar } from "../foundations/Avatar.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/ConversationTabPicker.tsx
+//#region src/components/extension/ConversationTabPicker.tsx
 function tabFallback(tab) {
 	const domain = tabDomain(tab);
 	if (domain && domain !== `Tab ${tab.id}`) return domain.charAt(0).toUpperCase();
@@ -61,7 +62,7 @@ function ConversationTabPickerMenu({ tabs, onSelect, maxVisible = 3, groupLabel
 			setAction(null);
 			setOpen(false);
 		} catch (cause) {
-			setAction({ error: cause instanceof Error ? cause.message : String(cause) });
+			setAction({ error: formatErrorMessage(cause) });
 		}
 	}
 	return /* @__PURE__ */ jsxs(Menu.Root, {

package/dist/components/{Accordion.d.ts → foundations/Accordion.d.ts}

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Accordion as Accordion$1 } from "@base-ui/react/accordion";
 
-//#region src/components/Accordion.d.ts
+//#region src/components/foundations/Accordion.d.ts
 interface AccordionProps extends React.ComponentPropsWithRef<typeof Accordion$1.Root> {}
 interface AccordionItemProps extends React.ComponentPropsWithRef<typeof Accordion$1.Item> {}
 interface AccordionTriggerProps extends React.ComponentPropsWithRef<typeof Accordion$1.Trigger> {}

package/dist/components/{Accordion.js → foundations/Accordion.js}

@@ -1,8 +1,8 @@
-import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
+import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
 import "react";
-import { Accordion as Accordion$1 } from "@base-ui/react/accordion";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/Accordion.tsx
+import { Accordion as Accordion$1 } from "@base-ui/react/accordion";
+//#region src/components/foundations/Accordion.tsx
 /**
 * An accordion component for showing collapsible content sections.
 *

package/dist/components/{AlertDialog.d.ts → foundations/AlertDialog.d.ts}

@@ -1,8 +1,8 @@
-import { a as ButtonVariant, i as ButtonSize, n as ButtonColor } from "../Button-SBIz6Lqi.js";
+import { a as ButtonVariant, i as ButtonSize, n as ButtonColor } from "../../Button-CZt3yywF.js";
 import * as React from "react";
 import { AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
 
-//#region src/components/AlertDialog.d.ts
+//#region src/components/foundations/AlertDialog.d.ts
 interface AlertDialogProps extends React.ComponentPropsWithRef<typeof AlertDialog$1.Root> {}
 interface AlertDialogTriggerProps extends React.ComponentPropsWithRef<typeof AlertDialog$1.Trigger> {}
 interface AlertDialogBackdropProps extends React.ComponentPropsWithRef<typeof AlertDialog$1.Backdrop> {}

package/dist/components/{AlertDialog.js → foundations/AlertDialog.js}

@@ -1,9 +1,9 @@
-import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
+import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
 import { buttonVariants } from "./Button.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
-//#region src/components/AlertDialog.tsx
+//#region src/components/foundations/AlertDialog.tsx
 /**
 * An alert dialog component for important confirmations and warnings.
 * Unlike regular dialogs, alert dialogs require explicit user action to dismiss.

package/dist/components/{AppIcon.d.ts → foundations/AppIcon.d.ts}

@@ -1,7 +1,7 @@
 import { AvatarFallbackProps, AvatarImageProps, AvatarRootProps } from "./Avatar.js";
 import * as React from "react";
 
-//#region src/components/AppIcon.d.ts
+//#region src/components/foundations/AppIcon.d.ts
 type AppIconSize = "xs" | "sm" | "md" | "lg" | "xl";
 type AppIconVariant = "artwork" | "surface" | "contrast";
 interface AppIconRootProps extends Omit<AvatarRootProps, "shape" | "size"> {

package/dist/components/{AppIcon.js → foundations/AppIcon.js}

@@ -1,8 +1,8 @@
-import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
+import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
 import { Avatar } from "./Avatar.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/AppIcon.tsx
+//#region src/components/foundations/AppIcon.tsx
 /** Rounded app artwork with Base UI's image-loading fallback behavior. */
 function AppIconRoot({ className, size = "md", variant = "artwork", ref, ...props }) {
 	return /* @__PURE__ */ jsx(Avatar.Root, {

package/dist/components/{Autocomplete.d.ts → foundations/Autocomplete.d.ts}

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Autocomplete as Autocomplete$1 } from "@base-ui/react/autocomplete";
 
-//#region src/components/Autocomplete.d.ts
+//#region src/components/foundations/Autocomplete.d.ts
 declare function Input({
   className,
   ref,

package/dist/components/{Autocomplete.js → foundations/Autocomplete.js}

@@ -1,8 +1,8 @@
-import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
+import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Autocomplete as Autocomplete$1 } from "@base-ui/react/autocomplete";
-//#region src/components/Autocomplete.tsx
+//#region src/components/foundations/Autocomplete.tsx
 function Input({ className, ref, ...props }) {
 	const classes = mergeBaseClassName("autocomplete__input", className);
 	return /* @__PURE__ */ jsx(Autocomplete$1.Input, {