@mcp-b/react-components 0.7.0 → 0.8.0

package/dist/components/PromptInput.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { A as SpinnerIcon, C as PaperclipIcon, D as PlusIcon, F as XIcon, N as WarningIcon, S as MonitorIcon, T as PencilIcon, i as ArrowUpIcon, j as SquareIcon, m as FileIcon, o as ChevronDownIcon } from "../icons-BCNawx-T.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, m as FileIcon, u as DotIcon } from "../icons-BCNawx-T.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-BCNawx-T.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-BCNawx-T.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 { c as ChevronRightIcon, y as LinkIcon } from "../icons-BCNawx-T.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 SpinnerIcon, a as CheckIcon } from "../icons-BCNawx-T.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 { c as ChevronRightIcon, k as SearchIcon, m as FileIcon } from "../icons-BCNawx-T.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

package/dist/components/Terminal.js

@@ -1,8 +1,8 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { F as XIcon, M as TerminalIcon } from "../icons-BCNawx-T.js";
+import { L as XIcon, P as TerminalIcon } from "../icons-D2Q5n5C1.js";
 import { Button } from "./Button.js";
 import { Tooltip, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipTrigger } from "./Tooltip.js";
-import { t as CopyButton } from "../copy-button-CB2MWcau.js";
+import { t as CopyButton } from "../copy-button-C6JSKtFE.js";
 import { Badge } from "./Badge.js";
 import { ScrollArea } from "./ScrollArea.js";
 import * as React from "react";
@@ -165,7 +165,8 @@ function TerminalContent({ className, ref, ...props }) {
 	]);
 	const handleScroll = (e) => {
 		const target = e.currentTarget;
-		setStickToBottom(target.scrollHeight - target.scrollTop - target.clientHeight < 8);
+		const atBottom = target.scrollHeight - target.scrollTop - target.clientHeight < 8;
+		setStickToBottom(atBottom);
 	};
 	return /* @__PURE__ */ jsxs(ScrollArea.Root, {
 		ref,

package/dist/components/TestResults.js

@@ -1,6 +1,6 @@
 import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./Collapsible.js";
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { A as SpinnerIcon, F as XIcon, a as CheckIcon, c as ChevronRightIcon } from "../icons-BCNawx-T.js";
+import { L as XIcon, M as SpinnerIcon, a as CheckIcon, c as ChevronRightIcon } from "../icons-D2Q5n5C1.js";
 import { Badge } from "./Badge.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/ThinkChat.d.ts

@@ -1,18 +1,22 @@
 import { n as ExecutionApprovals } from "../PromptInput-D6-G24p7.js";
-import { AgentChatProps, AgentChatRenderPartContext } from "./AgentChat.js";
-import { BrowserLiveView, BrowserLiveViewProps } from "./BrowserLiveView.js";
-import { BrowserReplay, BrowserReplayProps } from "./BrowserReplay.js";
+import { a as AgentChatRenderPartContext, r as AgentChatProps } from "../AgentChat-403mckDG.js";
+import { n as BrowserLiveViewProps, t as BrowserLiveView } from "../BrowserLiveView-ZktFZiMD.js";
+import { n as BrowserReplayProps, t as BrowserReplay } from "../BrowserReplay-6G-mnwcn.js";
 import { _ as isThinkChatActivityPart } from "../ThinkChatToolParts-DnUiZgCC.js";
-import { ThinkChatActivity, ThinkChatActivityProps, ThinkChatActivityRendererOptions, ThinkChatToolRenderer, ThinkChatToolRenderers, createThinkChatActivityRenderer, describeThinkChatActivityPart, renderThinkChatActivityPart } from "./ThinkChatActivity.js";
-import { ThinkChatValue } from "./ThinkChatContext.js";
+import { a as ThinkChatToolRenderers, c as renderThinkChatActivityPart, i as ThinkChatToolRenderer, n as ThinkChatActivityProps, o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, s as describeThinkChatActivityPart, t as ThinkChatActivity } from "../ThinkChatActivity-CeHzk6-K.js";
+import { n as ThinkChatValue } from "../ThinkChatContext-BLAAb8J5.js";
 import { FileInfo, UseWorkspaceOptions, WorkspaceExplorer, WorkspaceExplorerProps, WorkspaceFileState, WorkspaceInfo, WorkspaceSource, WorkspaceState, inferWorkspaceLanguage, useWorkspace } from "./WorkspaceExplorer.js";
 import * as React from "react";
 import { UIMessage } from "ai";
 import { UseAgentOptions } from "agents/react";
+import { PendingApproval, Think } from "@cloudflare/think";
+import { AgentStub } from "agents/client";
 
 //#region src/components/ThinkChat.d.ts
+type ThinkAgent<State> = Think<object, State>;
+type ThinkApprovalStub<State = unknown> = AgentStub<ThinkAgent<State>>;
 interface ThinkChatProviderProps {
-  /** The `useAgentChat` value from the `agents` SDK that descendants read. */
+  /** The `useAgentChat` value from `@cloudflare/think/react` that descendants read. */
   chat: ThinkChatValue;
   children: React.ReactNode;
 }
@@ -55,6 +59,10 @@ interface ThinkChatMessagesProps extends ThinkChatActivityRendererOptions {
    */
   contextWindow?: AgentChatProps["contextWindow"];
 }
+declare function useThinkPendingApprovals(stub: ThinkApprovalStub, refreshKey: unknown): {
+  pendingApprovals: readonly PendingApproval[];
+  executionApprovals: ExecutionApprovals;
+};
 /**
  * Chat UI for Cloudflare Think agents. Provide a `useAgentChat` value (or let
  * `ThinkChat.Root` create one) and `ThinkChat.Messages` renders the message
@@ -137,4 +145,4 @@ declare const ThinkChat: {
   createActivityRenderer: typeof createThinkChatActivityRenderer;
 };
 //#endregion
-export { BrowserLiveView, type BrowserLiveViewProps, BrowserReplay, type BrowserReplayProps, type ExecutionApprovals, type FileInfo, ThinkChat, ThinkChatActivity, type ThinkChatActivityProps, type ThinkChatActivityRendererOptions, ThinkChatMessages, ThinkChatMessagesProps, ThinkChatProvider, ThinkChatProviderProps, ThinkChatRoot, ThinkChatRootProps, type ThinkChatToolRenderer, type ThinkChatToolRenderers, type UseWorkspaceOptions, WorkspaceExplorer, type WorkspaceExplorerProps, type WorkspaceFileState, type WorkspaceInfo, type WorkspaceSource, type WorkspaceState, createThinkChatActivityRenderer, describeThinkChatActivityPart, inferWorkspaceLanguage, isThinkChatActivityPart, renderThinkChatActivityPart, useThinkChat, useWorkspace };
+export { BrowserLiveView, type BrowserLiveViewProps, BrowserReplay, type BrowserReplayProps, type ExecutionApprovals, type FileInfo, ThinkApprovalStub, ThinkChat, ThinkChatActivity, type ThinkChatActivityProps, type ThinkChatActivityRendererOptions, ThinkChatMessages, ThinkChatMessagesProps, ThinkChatProvider, ThinkChatProviderProps, ThinkChatRoot, ThinkChatRootProps, type ThinkChatToolRenderer, type ThinkChatToolRenderers, type UseWorkspaceOptions, WorkspaceExplorer, type WorkspaceExplorerProps, type WorkspaceFileState, type WorkspaceInfo, type WorkspaceSource, type WorkspaceState, createThinkChatActivityRenderer, describeThinkChatActivityPart, inferWorkspaceLanguage, isThinkChatActivityPart, renderThinkChatActivityPart, useThinkChat, useThinkPendingApprovals, useWorkspace };

package/dist/components/ThinkChat.js

@@ -155,4 +155,4 @@ const ThinkChat = {
 	createActivityRenderer: createThinkChatActivityRenderer
 };
 //#endregion
-export { BrowserLiveView, BrowserReplay, ThinkChat, ThinkChatActivity, ThinkChatMessages, ThinkChatProvider, ThinkChatRoot, WorkspaceExplorer, createThinkChatActivityRenderer, describeThinkChatActivityPart, inferWorkspaceLanguage, isThinkChatActivityPart, renderThinkChatActivityPart, useThinkChat, useWorkspace };
+export { BrowserLiveView, BrowserReplay, ThinkChat, ThinkChatActivity, ThinkChatMessages, ThinkChatProvider, ThinkChatRoot, WorkspaceExplorer, createThinkChatActivityRenderer, describeThinkChatActivityPart, inferWorkspaceLanguage, isThinkChatActivityPart, renderThinkChatActivityPart, useThinkChat, useThinkPendingApprovals, useWorkspace };

package/dist/components/ThinkChatActivity.d.ts

@@ -1,73 +1,3 @@
-import { AgentChatProps, AgentChatRenderPartContext } from "./AgentChat.js";
-import { _ as isThinkChatActivityPart, s as ThinkChatPart } from "../ThinkChatToolParts-DnUiZgCC.js";
-import * as React from "react";
-import { DynamicToolUIPart, ToolUIPart, UIMessage } from "ai";
-
-//#region src/components/ThinkChatActivity.d.ts
-/**
- * Bespoke rendering for one tool inside the activity log. Both hooks fall
- * through to the built-in families when they return `undefined`, so an
- * override can adjust just the label or just the panel.
- */
-interface ThinkChatToolRenderer {
-  /** One-line step label. `null` hides the step from the log. */
-  describe?: (part: ToolUIPart | DynamicToolUIPart) => string | null | undefined;
-  /** Expanded detail under the step. `null` keeps the step a plain row. */
-  panel?: (part: ToolUIPart | DynamicToolUIPart) => React.ReactNode;
-}
-type ThinkChatToolRenderers = Record<string, ThinkChatToolRenderer>;
-interface ThinkChatActivityRendererOptions {
-  /**
-   * Tool names to keep out of activity folding entirely — the run splits
-   * around them and they fall through to your own renderPart / AgentChat's
-   * generic standalone activity row. For tools that should stay in the log
-   * with custom UI, use `toolRenderers` instead.
-   */
-  excludeTools?: readonly string[];
-  /** Per-tool label/panel overrides inside the activity log, keyed by tool name. */
-  toolRenderers?: ThinkChatToolRenderers;
-}
-/**
- * One-line natural-language label for an activity part ("Ran vp test",
- * "Fetched developers.cloudflare.com/agents/"); `null` for boundaries that
- * aren't steps (step-start). Exported so a custom `renderPart` can reuse the
- * built-in labels for tools it doesn't override.
- */
-declare function describeThinkChatActivityPart(part: ThinkChatPart, toolRenderers?: ThinkChatToolRenderers): string | null;
-interface ThinkChatActivityProps {
-  /** Render with the log expanded. */
-  defaultOpen?: boolean;
-  parts: readonly ThinkChatPart[];
-  /** Defaults to deriving from part states (reasoning streaming, tool awaiting output). */
-  isStreaming?: boolean;
-  /** Per-tool label/panel overrides, keyed by tool name. */
-  toolRenderers?: ThinkChatToolRenderers;
-}
-/**
- * One run of agent work as a collapsed Activity block: while streaming the
- * label shimmers with the live step; settled, it becomes a short summary
- * ("Thought, read 2 files and ran a command") over an expandable step log
- * with per-tool panels. Normally reached through `ThinkChat.Messages`;
- * exported for apps that lay out messages themselves.
- */
-declare function ThinkChatActivity({
-  parts,
-  defaultOpen,
-  isStreaming,
-  toolRenderers
-}: ThinkChatActivityProps): React.JSX.Element | null;
-/**
- * Builds a renderPart handler that folds every run of consecutive activity
- * parts (reasoning + tool calls) into one collapsed Activity box. Everything
- * is derived from the UIMessage stream: part order, tool states, reasoning
- * state. Excluded tools split the run and return undefined so your own
- * renderPart (or AgentChat's generic activity row) takes over for them.
- */
-declare function createThinkChatActivityRenderer({
-  excludeTools,
-  toolRenderers
-}?: ThinkChatActivityRendererOptions): NonNullable<AgentChatProps["renderPart"]>;
-/** Default activity renderer — `createThinkChatActivityRenderer()` with no overrides. */
-declare const renderThinkChatActivityPart: (context: AgentChatRenderPartContext<UIMessage<unknown, import("ai").UIDataTypes, import("ai").UITools>>) => React.ReactNode | undefined;
-//#endregion
+import { _ as isThinkChatActivityPart } from "../ThinkChatToolParts-DnUiZgCC.js";
+import { a as ThinkChatToolRenderers, c as renderThinkChatActivityPart, i as ThinkChatToolRenderer, n as ThinkChatActivityProps, o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, s as describeThinkChatActivityPart, t as ThinkChatActivity } from "../ThinkChatActivity-CeHzk6-K.js";
 export { ThinkChatActivity, ThinkChatActivityProps, ThinkChatActivityRendererOptions, ThinkChatToolRenderer, ThinkChatToolRenderers, createThinkChatActivityRenderer, describeThinkChatActivityPart, isThinkChatActivityPart, renderThinkChatActivityPart };

package/dist/components/ThinkChatActivity.js

@@ -1,10 +1,11 @@
-import { M as TerminalIcon, N as WarningIcon, P as WrenchIcon, S as MonitorIcon, T as PencilIcon, k as SearchIcon, m as FileIcon, v as InfoIcon, y as LinkIcon } from "../icons-BCNawx-T.js";
+import { A as SearchIcon, C as MonitorIcon, E as PencilIcon, F as WarningIcon, I as WrenchIcon, P as TerminalIcon, b as LinkIcon, h as FileIcon, y as InfoIcon } from "../icons-D2Q5n5C1.js";
 import { Activity, ActivityContent, ActivityItem, ActivityItemGroup, ActivityText, ActivityTrigger } from "./Activity.js";
 import { ThinkChatContext } from "./ThinkChatContext.js";
 import { displayUrl, isBrowserToolPart, isExecuteToolPart, isFetchToolPart, isPartFailed, isPartWorking, isSkillToolPart, isThinkChatActivityPart, isWorkspaceToolPart } from "./ThinkChatToolParts.js";
 import { ThinkChatBrowserPanel, ThinkChatExecutePanel, ThinkChatFetchPanel, ThinkChatSkillPanel, ThinkChatWorkspacePanel } from "./ThinkChatToolPanels.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { getToolInput, getToolOutput } from "@cloudflare/think/react";
 import { getToolName, isReasoningUIPart, isToolUIPart } from "ai";
 //#region src/components/ThinkChatActivity.tsx
 function summarizeToolInput(input) {
@@ -114,13 +115,13 @@ function genericToolLabels(name, hasUrl) {
 function describeGenericToolPart(part) {
 	const labels = genericToolLabels(getToolName(part), activityPartUrl(part) !== null);
 	const label = isPartFailed(part) ? labels.failed : isPartWorking(part) ? labels.working : labels.done;
-	const detail = summarizeToolInput(part.input);
+	const detail = summarizeToolInput(getToolInput(part));
 	return detail ? `${label} · ${detail}` : label;
 }
 function activityPartUrl(part) {
 	if (isFetchToolPart(part)) return firstHttpUrl(part.input?.url ?? part.input?.path);
 	if (isBrowserToolPart(part) && part.type !== "tool-browser_execute") return firstHttpUrl(part.input?.url);
-	if (isToolUIPart(part) && !isExecuteToolPart(part)) return firstHttpUrl(part.input) ?? (part.state === "output-available" ? firstHttpUrl(part.output) : null);
+	if (isToolUIPart(part) && !isExecuteToolPart(part)) return firstHttpUrl(getToolInput(part)) ?? (part.state === "output-available" ? firstHttpUrl(getToolOutput(part)) : null);
 	return null;
 }
 function activityPartIconKind(part) {

package/dist/components/ThinkChatContext.d.ts

@@ -1,28 +1,2 @@
-import * as React from "react";
-import { UIMessage } from "ai";
-import { useAgentChat } from "@cloudflare/think/react";
-
-//#region src/components/ThinkChatContext.d.ts
-type ThinkChatValue = ReturnType<typeof useAgentChat<unknown, UIMessage>>;
-declare const ThinkChatContext: React.Context<(Omit<import("@ai-sdk/react").UseChatHelpers<UIMessage<unknown, import("ai").UIDataTypes, import("ai").UITools>>, "addToolOutput"> & {
-  clearHistory: () => void;
-  addToolOutput: (opts: {
-    toolCallId: string;
-    toolName?: string;
-    output?: unknown;
-    state?: "output-available" | "output-error";
-    errorText?: string;
-  }) => void;
-  isServerStreaming: boolean;
-  isStreaming: boolean;
-  isRecovering: boolean;
-  isToolContinuation: boolean;
-  connectionError: (Error & {
-    code: number;
-    reason: string;
-    wasClean: boolean;
-  }) | null;
-}) | null>;
-declare function useThinkChatContext(component: string): ThinkChatValue;
-//#endregion
+import { n as ThinkChatValue, r as useThinkChatContext, t as ThinkChatContext } from "../ThinkChatContext-BLAAb8J5.js";
 export { ThinkChatContext, ThinkChatValue, useThinkChatContext };

package/dist/components/ThinkChatToolPanels.js

@@ -1,6 +1,6 @@
 import { ActivityOutput, ActivityPanel } from "./Activity.js";
 import { Tab, TabPanel, Tabs, TabsList } from "./Tabs.js";
-import { t as CodeBlock } from "../CodeBlock-BK0sOAbV.js";
+import { t as CodeBlock } from "../CodeBlock-XNQOupQ3.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";
 import { displayUrl } from "./ThinkChatToolParts.js";
 import * as React from "react";

package/dist/components/ThinkChatToolParts.js

@@ -1,7 +1,7 @@
-import { getStaticToolName, getToolName, isReasoningUIPart, isStaticToolUIPart, isToolUIPart } from "ai";
 import { getToolPartState } from "@cloudflare/think/react";
+import { getStaticToolName, getToolName, isReasoningUIPart, isStaticToolUIPart, isToolUIPart } from "ai";
 //#region src/components/ThinkChatToolParts.ts
-const WORKSPACE_TOOL_NAMES = new Set([
+const WORKSPACE_TOOL_NAMES = /* @__PURE__ */ new Set([
 	"read",
 	"write",
 	"edit",
@@ -14,7 +14,7 @@ const WORKSPACE_TOOL_NAMES = new Set([
 function isWorkspaceToolPart(part) {
 	return isStaticToolUIPart(part) && WORKSPACE_TOOL_NAMES.has(getStaticToolName(part));
 }
-const SKILL_TOOL_NAMES = new Set([
+const SKILL_TOOL_NAMES = /* @__PURE__ */ new Set([
 	"activate_skill",
 	"read_skill_resource",
 	"run_skill_script"
@@ -25,7 +25,7 @@ function isSkillToolPart(part) {
 function isFetchToolPart(part) {
 	return isStaticToolUIPart(part) && getStaticToolName(part).startsWith("fetch_");
 }
-const BROWSER_TOOL_NAMES = new Set([
+const BROWSER_TOOL_NAMES = /* @__PURE__ */ new Set([
 	"browser_execute",
 	"browser_markdown",
 	"browser_extract",

package/dist/components/ThinkExecutionWorkbench.d.ts

@@ -0,0 +1,27 @@
+import * as React from "react";
+import { Think } from "@cloudflare/think";
+import { AgentStub } from "agents/client";
+
+//#region src/components/ThinkExecutionWorkbench.d.ts
+type ThinkExecutionAgent<State = unknown> = Think<object, State>;
+type ThinkExecutionWorkbenchSource<State = unknown> = AgentStub<ThinkExecutionAgent<State>>;
+interface ThinkExecutionWorkbenchProps<State = unknown> extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+  /** Agents SDK client stub for a Think agent; this UI calls native submission/workflow methods. */
+  source: ThinkExecutionWorkbenchSource<State>;
+  title?: React.ReactNode;
+  backButton?: React.ReactNode;
+  pageSize?: number;
+}
+declare function ThinkExecutionWorkbench<State = unknown>({
+  backButton,
+  className,
+  pageSize,
+  ref,
+  source,
+  title,
+  ...props
+}: ThinkExecutionWorkbenchProps<State> & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+//#endregion
+export { ThinkExecutionAgent, ThinkExecutionWorkbench, ThinkExecutionWorkbenchProps, ThinkExecutionWorkbenchSource };