@mcp-b/react-components 0.6.5 → 0.7.0

package/dist/components/ThinkChat.js

@@ -1,76 +1,53 @@
-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 { Activity, ActivityContent, ActivityItem, ActivityItemGroup, ActivityOutput, ActivityPanel, ActivityText, ActivityTrigger } from "./Activity.js";
-import { Tab, TabPanel, Tabs, TabsList } from "./Tabs.js";
 import { AgentChat } from "./AgentChat.js";
-import { t as CodeBlock } from "../CodeBlock-BK0sOAbV.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";
 import { BrowserReplay } from "./BrowserReplay.js";
+import { ThinkChatContext, useThinkChatContext } from "./ThinkChatContext.js";
+import { isThinkChatActivityPart } from "./ThinkChatToolParts.js";
+import { ThinkChatActivity, createThinkChatActivityRenderer, describeThinkChatActivityPart, renderThinkChatActivityPart } from "./ThinkChatActivity.js";
 import { WorkspaceExplorer, inferWorkspaceLanguage, useWorkspace } from "./WorkspaceExplorer.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { getToolName, isReasoningUIPart, isToolUIPart } from "ai";
-import { getToolPartState, useAgentChat } from "@cloudflare/think/react";
+import { useAgentChat } from "@cloudflare/think/react";
 import { useAgent } from "agents/react";
 //#region src/components/ThinkChat.tsx
-/**
-* Think-specific chat rendering: interprets a Think agent's UIMessage stream
-* (reasoning + workspace/skill/fetch/browser/execute tool parts) into
-* Activity blocks.
-*
-* Every shape here mirrors an upstream contract — see docs/think-chat.md
-* ("Upstream source map" and the re-alignment checklist) for where each comes from,
-* which are compile-time typed vs. hand-rolled mirrors of untyped upstream
-* ToolSets, and how to re-align when @cloudflare/think (experimental) changes.
-*/
-const WORKSPACE_TOOL_NAMES = new Set([
-	"read",
-	"write",
-	"edit",
-	"list",
-	"find",
-	"grep",
-	"delete",
-	"bash"
-]);
-function isWorkspaceToolPart(part) {
-	return isToolUIPart(part) && WORKSPACE_TOOL_NAMES.has(getToolName(part));
-}
-const SKILL_TOOL_NAMES = new Set([
-	"activate_skill",
-	"read_skill_resource",
-	"run_skill_script"
-]);
-function isSkillToolPart(part) {
-	return isToolUIPart(part) && SKILL_TOOL_NAMES.has(getToolName(part));
-}
-function isFetchToolPart(part) {
-	return isToolUIPart(part) && getToolName(part).startsWith("fetch_");
-}
-const BROWSER_TOOL_NAMES = new Set([
-	"browser_execute",
-	"browser_markdown",
-	"browser_extract",
-	"browser_links",
-	"browser_scrape",
-	"browser_content"
-]);
-function isBrowserToolPart(part) {
-	return isToolUIPart(part) && BROWSER_TOOL_NAMES.has(getToolName(part));
-}
-function isExecuteToolPart(part) {
-	return isToolUIPart(part) && getToolName(part) === "execute";
-}
-const ThinkChatContext = React.createContext(null);
-function useThinkChatContext(component) {
-	const context = React.useContext(ThinkChatContext);
-	if (!context) throw new Error(`${component} must be used inside <ThinkChat.Provider> or <ThinkChat.Root>.`);
-	return context;
-}
 function toAgentChatStatus(chat) {
 	if (chat.status === "submitted") return "submitted";
 	if (chat.isStreaming || chat.isRecovering) return "streaming";
 	return chat.status ?? "ready";
 }
+function useThinkPendingApprovals(stub, refreshKey) {
+	const [pendingApprovals, setPendingApprovals] = React.useState([]);
+	const refresh = React.useCallback(async () => {
+		try {
+			setPendingApprovals(await stub.pendingApprovals());
+		} catch {
+			setPendingApprovals([]);
+		}
+	}, [stub]);
+	React.useEffect(() => {
+		refresh();
+	}, [refresh, refreshKey]);
+	const executionApprovals = React.useMemo(() => ({
+		approve: async (id) => {
+			try {
+				return await stub.approveExecution(id);
+			} finally {
+				refresh();
+			}
+		},
+		reject: async (id, reason) => {
+			try {
+				return await stub.rejectExecution(id, reason);
+			} finally {
+				refresh();
+			}
+		}
+	}), [stub, refresh]);
+	return React.useMemo(() => ({
+		pendingApprovals,
+		executionApprovals
+	}), [pendingApprovals, executionApprovals]);
+}
 /**
 * Chat UI for Cloudflare Think agents. Provide a `useAgentChat` value (or let
 * `ThinkChat.Root` create one) and `ThinkChat.Messages` renders the message
@@ -95,17 +72,24 @@ function ThinkChatProvider({ chat, children }) {
 * ```
 */
 function ThinkChatRoot({ agent: agentOption, name, children }) {
-	return /* @__PURE__ */ jsx(ThinkChatProvider, {
-		chat: useAgentChat({ agent: useAgent(typeof agentOption === "string" ? {
-			agent: agentOption,
-			name
-		} : {
-			...agentOption,
-			name: name ?? agentOption.name
-		}) }),
-		children
+	const agent = useAgent(typeof agentOption === "string" ? {
+		agent: agentOption,
+		name
+	} : {
+		...agentOption,
+		name: name ?? agentOption.name
+	});
+	const chat = useAgentChat({ agent });
+	const approvals = useThinkPendingApprovals(agent.stub, `${chat.messages.length}:${chat.status}`);
+	return /* @__PURE__ */ jsx(ThinkChatContext.Provider, {
+		value: chat,
+		children: /* @__PURE__ */ jsx(ThinkChatApprovalsContext.Provider, {
+			value: approvals,
+			children
+		})
 	});
 }
+const ThinkChatApprovalsContext = React.createContext(null);
 /**
 * The full conversation surface — message list plus composer — with the
 * activity renderer as the default `renderPart`: runs of reasoning/tool parts
@@ -114,9 +98,12 @@ function ThinkChatRoot({ agent: agentOption, name, children }) {
 * inside the log) or `excludeTools` + your own `renderPart` (standalone
 * card) — see README "App-specific tools" and the Custom Tool Panel story.
 */
-function ThinkChatMessages({ renderPart, excludeTools, toolRenderers, executionApprovals, notice, ...props }) {
+function ThinkChatMessages({ renderPart, excludeTools, toolRenderers, executionApprovals, pendingApprovals, notice, ...props }) {
 	const chat = useThinkChatContext("ThinkChat.Messages");
+	const approvals = React.useContext(ThinkChatApprovalsContext);
 	const status = toAgentChatStatus(chat);
+	const resolvedExecutionApprovals = executionApprovals ?? approvals?.executionApprovals;
+	const resolvedPendingApprovals = pendingApprovals ?? approvals?.pendingApprovals;
 	const defaultRenderPart = React.useMemo(() => createThinkChatActivityRenderer({
 		excludeTools,
 		toolRenderers
@@ -132,7 +119,8 @@ function ThinkChatMessages({ renderPart, excludeTools, toolRenderers, executionA
 		status,
 		onStop: chat.stop,
 		onApprovalResponse: chat.addToolApprovalResponse,
-		executionApprovals,
+		executionApprovals: resolvedExecutionApprovals,
+		pendingApprovals: resolvedPendingApprovals,
 		notice: notice ?? connectionNotice,
 		onRegenerate: (messageId) => void chat.regenerate({ messageId }),
 		onSubmit: ({ text, files }) => {
@@ -144,762 +132,6 @@ function ThinkChatMessages({ renderPart, excludeTools, toolRenderers, executionA
 		}
 	});
 }
-/** Agent work (reasoning, tool calls, step boundaries) vs. content shown to the user. */
-function isThinkChatActivityPart(part, excludeTools) {
-	if (part === void 0) return false;
-	if (isToolUIPart(part) && excludeTools?.has(getToolName(part))) return false;
-	return part.type === "step-start" || isReasoningUIPart(part) || isToolUIPart(part);
-}
-/** In-flight: the stream opened this part but hasn't delivered its result yet. */
-function isPartWorking(part) {
-	if (isReasoningUIPart(part)) return part.state === "streaming";
-	if (isToolUIPart(part)) {
-		const state = getToolPartState(part);
-		return state === "loading" || state === "streaming" || state === "waiting-approval";
-	}
-	return false;
-}
-/** Errored or denied — upstream's simplified tool-part state vocabulary. */
-function isPartFailed(part) {
-	const state = getToolPartState(part);
-	return state === "error" || state === "denied";
-}
-function summarizeToolInput(input) {
-	if (!input || typeof input !== "object") return null;
-	for (const value of Object.values(input)) if (typeof value === "string" && value.trim()) {
-		const line = value.trim().split("\n", 1)[0] ?? "";
-		return line.length > 64 ? `${line.slice(0, 64)}…` : line;
-	}
-	return null;
-}
-const HTTP_URL_PATTERN = /https?:\/\/[^\s"'<>)}\]]+/i;
-function firstHttpUrl(value) {
-	const text = typeof value === "string" ? value : JSON.stringify(value) ?? "";
-	const raw = HTTP_URL_PATTERN.exec(text)?.[0]?.replace(/[.,;:!?]+$/, "");
-	if (!raw) return null;
-	try {
-		return new URL(raw).href;
-	} catch {
-		return null;
-	}
-}
-function ActivityFavicon({ url }) {
-	const src = faviconHref(url);
-	const [failed, setFailed] = React.useState(false);
-	React.useEffect(() => setFailed(false), [src]);
-	if (!src || failed) return /* @__PURE__ */ jsx(LinkIcon, {});
-	return /* @__PURE__ */ jsx("img", {
-		className: "activity__favicon",
-		src,
-		alt: "",
-		loading: "lazy",
-		decoding: "async",
-		onError: () => setFailed(true)
-	});
-}
-function faviconHref(url) {
-	try {
-		return new URL("/favicon.ico", url).href;
-	} catch {
-		return null;
-	}
-}
-function ActivityKindIcon({ kind }) {
-	switch (kind) {
-		case "thought": return /* @__PURE__ */ jsx(InfoIcon, {});
-		case "read": return /* @__PURE__ */ jsx(FileIcon, {});
-		case "edit": return /* @__PURE__ */ jsx(PencilIcon, {});
-		case "search": return /* @__PURE__ */ jsx(SearchIcon, {});
-		case "web": return /* @__PURE__ */ jsx(LinkIcon, {});
-		case "command": return /* @__PURE__ */ jsx(TerminalIcon, {});
-		case "browser": return /* @__PURE__ */ jsx(MonitorIcon, {});
-		case "tool": return /* @__PURE__ */ jsx(WrenchIcon, {});
-	}
-}
-function genericToolLabels(name, hasUrl) {
-	const normalized = name.toLowerCase();
-	if (normalized.includes("grep") || normalized.includes("find") || normalized.includes("code")) return {
-		working: "Searching code",
-		done: "Searched code",
-		failed: "Code search failed",
-		summary: "searched code",
-		icon: "search"
-	};
-	if (normalized.includes("search") || normalized.includes("web") || normalized.includes("browser") || normalized.includes("google")) return {
-		working: "Searching the web",
-		done: "Searched the web",
-		failed: "Web search failed",
-		summary: "searched the web",
-		icon: "web"
-	};
-	if (hasUrl || normalized.includes("fetch") || normalized.includes("http") || normalized.includes("url")) return {
-		working: "Reading a URL",
-		done: "Read a URL",
-		failed: "URL read failed",
-		summary: "read a URL",
-		icon: "web"
-	};
-	if (normalized.includes("edit") || normalized.includes("write") || normalized.includes("delete") || normalized.includes("patch") || normalized.includes("apply") || normalized.includes("create") || normalized.includes("update")) return {
-		working: "Editing files",
-		done: "Edited files",
-		failed: "Edit failed",
-		summary: "edited files",
-		icon: "edit"
-	};
-	if (normalized.includes("exec") || normalized.includes("bash") || normalized.includes("shell") || normalized.includes("terminal") || normalized.includes("command")) return {
-		working: "Running a command",
-		done: "Ran a command",
-		failed: "Command failed",
-		summary: "ran a command",
-		icon: "command"
-	};
-	if (normalized.includes("read") || normalized.includes("open") || normalized.includes("list") || normalized.includes("file")) return {
-		working: "Reading files",
-		done: "Read files",
-		failed: "Read failed",
-		summary: "read files",
-		icon: "read"
-	};
-	return {
-		working: "Using a tool",
-		done: "Used a tool",
-		failed: "Tool failed",
-		summary: "used a tool",
-		icon: "tool"
-	};
-}
-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);
-	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);
-	return null;
-}
-function activityPartIconKind(part) {
-	if (isReasoningUIPart(part)) return "thought";
-	if (isWorkspaceToolPart(part)) switch (part.type) {
-		case "tool-read":
-		case "tool-list": return "read";
-		case "tool-write":
-		case "tool-edit":
-		case "tool-delete": return "edit";
-		case "tool-find":
-		case "tool-grep": return "search";
-		case "tool-bash": return "command";
-	}
-	if (isSkillToolPart(part)) return "tool";
-	if (isFetchToolPart(part)) return "web";
-	if (isBrowserToolPart(part)) return part.type === "tool-browser_execute" ? "browser" : "web";
-	if (isExecuteToolPart(part)) return "command";
-	if (isToolUIPart(part)) return genericToolLabels(getToolName(part), activityPartUrl(part) !== null).icon;
-	return "tool";
-}
-function activityPartIcon(part) {
-	const url = activityPartUrl(part);
-	return url ? /* @__PURE__ */ jsx(ActivityFavicon, { url }) : /* @__PURE__ */ jsx(ActivityKindIcon, { kind: activityPartIconKind(part) });
-}
-function activitySummaryIcon(parts) {
-	if (parts.find((part) => isToolUIPart(part) && isPartFailed(part))) return /* @__PURE__ */ jsx(WarningIcon, {});
-	const representative = parts.find((part) => activityPartIconKind(part) === "edit") ?? parts.find((part) => activityPartUrl(part)) ?? parts.find((part) => describeThinkChatActivityPart(part));
-	return representative ? activityPartIcon(representative) : /* @__PURE__ */ jsx(ActivityKindIcon, { kind: "tool" });
-}
-/**
-* 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.
-*/
-function describeThinkChatActivityPart(part, toolRenderers) {
-	if (isToolUIPart(part)) {
-		const custom = toolRenderers?.[getToolName(part)]?.describe?.(part);
-		if (custom !== void 0) return custom;
-	}
-	if (isReasoningUIPart(part)) {
-		const snippet = summarizeToolInput({ text: part.text });
-		const label = part.state === "streaming" ? "Thinking…" : "Thought";
-		return snippet ? `${label} · ${snippet}` : label;
-	}
-	if (isWorkspaceToolPart(part)) return describeWorkspaceToolPart(part);
-	if (isSkillToolPart(part)) return describeSkillToolPart(part);
-	if (isFetchToolPart(part)) return describeFetchToolPart(part);
-	if (isBrowserToolPart(part)) return describeBrowserToolPart(part);
-	if (isExecuteToolPart(part)) return describeExecuteToolPart(part);
-	if (isToolUIPart(part)) return describeGenericToolPart(part);
-	return null;
-}
-function basename(path) {
-	return path?.split("/").filter(Boolean).at(-1) ?? null;
-}
-function describeWorkspaceToolPart(part) {
-	const working = isPartWorking(part);
-	const failed = isPartFailed(part);
-	if (part.type === "tool-bash") {
-		const command = part.input?.script?.trim() ?? "";
-		if (failed) return command ? `Command failed · ${command}` : "Command failed";
-		const verb = working ? "Running" : "Ran";
-		return command ? `${verb} ${command}` : `${verb} a command`;
-	}
-	const label = (() => {
-		switch (part.type) {
-			case "tool-read": return `${working ? "Reading" : "Read"} ${basename(part.input?.path) ?? "a file"}`;
-			case "tool-write": return `${working ? "Writing" : "Wrote"} ${basename(part.input?.path) ?? "a file"}`;
-			case "tool-edit": return `${working ? "Editing" : "Edited"} ${basename(part.input?.path) ?? "a file"}`;
-			case "tool-delete": return `${working ? "Deleting" : "Deleted"} ${part.input?.path || "a file"}`;
-			case "tool-list": {
-				const path = part.input?.path;
-				return `${working ? "Listing" : "Listed"} ${path && path !== "/" ? path : "files"}`;
-			}
-			case "tool-find": return `${working ? "Searching" : "Searched"} for ${part.input?.pattern || "files"}`;
-			case "tool-grep": return `${working ? "Searching" : "Searched"} for ${part.input?.query || "text"}`;
-		}
-	})();
-	return failed ? `${label} · failed` : label;
-}
-function describeSkillToolPart(part) {
-	const working = isPartWorking(part);
-	const failed = isPartFailed(part);
-	const label = (() => {
-		switch (part.type) {
-			case "tool-activate_skill": {
-				const name = part.input?.name;
-				return `${working ? "Using" : "Used"} ${name ? `the ${name} skill` : "a skill"}`;
-			}
-			case "tool-read_skill_resource": return `${working ? "Reading" : "Read"} ${part.input?.path ?? "a skill resource"}`;
-			case "tool-run_skill_script": return `${working ? "Running" : "Ran"} ${part.input?.path ?? "a skill script"}`;
-		}
-	})();
-	return failed ? `${label} · failed` : label;
-}
-function displayUrl(url) {
-	return url ? url.replace(/^https?:\/\//, "") : "";
-}
-function describeBrowserToolPart(part) {
-	const working = isPartWorking(part);
-	const failed = isPartFailed(part);
-	if (part.type === "tool-browser_execute") {
-		const output = part.state === "output-available" ? part.output : void 0;
-		if (failed || output?.status === "error") return "Browser automation failed";
-		if (output?.status === "paused") return "Browser waiting for approval";
-		return working ? "Using the browser" : "Used the browser";
-	}
-	const page = displayUrl(part.input?.url) || "a page";
-	const label = (() => {
-		switch (part.type) {
-			case "tool-browser_extract": return `${working ? "Extracting" : "Extracted"} data from ${page}`;
-			case "tool-browser_links": return `${working ? "Listing" : "Listed"} links on ${page}`;
-			case "tool-browser_scrape": return `${working ? "Scraping" : "Scraped"} ${page}`;
-			default: return `${working ? "Browsing" : "Browsed"} ${page}`;
-		}
-	})();
-	return failed ? `${label} · failed` : label;
-}
-function describeExecuteToolPart(part) {
-	const output = part.state === "output-available" ? part.output : void 0;
-	if (isPartFailed(part) || output?.status === "error") return "Code failed";
-	if (output?.status === "paused") return "Code waiting for approval";
-	const label = isPartWorking(part) ? "Running code" : "Ran code";
-	const snippet = summarizeToolInput(part.input);
-	return snippet ? `${label} · ${snippet}` : label;
-}
-function describeFetchToolPart(part) {
-	const target = part.input?.url ?? part.input?.path ?? "";
-	const output = part.state === "output-available" ? part.output : void 0;
-	if (isPartFailed(part) || output?.ok === false) return target ? `Fetch failed · ${target}` : "Fetch failed";
-	const verb = isPartWorking(part) ? "Fetching" : "Fetched";
-	return target ? `${verb} ${target}` : `${verb} a URL`;
-}
-function summarizeActivitySteps(parts) {
-	const byTool = /* @__PURE__ */ new Map();
-	const genericSegments = /* @__PURE__ */ new Set();
-	const skillNames = /* @__PURE__ */ new Set();
-	let thoughts = 0;
-	let skillParts = 0;
-	let fetches = 0;
-	let browses = 0;
-	let codeRuns = 0;
-	for (const part of parts) if (isReasoningUIPart(part)) thoughts++;
-	else if (isWorkspaceToolPart(part)) {
-		const name = getToolName(part);
-		byTool.set(name, (byTool.get(name) ?? 0) + 1);
-	} else if (isSkillToolPart(part)) {
-		skillParts++;
-		if (typeof part.input?.name === "string") skillNames.add(part.input.name);
-	} else if (isFetchToolPart(part)) fetches++;
-	else if (isBrowserToolPart(part)) browses++;
-	else if (isExecuteToolPart(part)) codeRuns++;
-	else if (isToolUIPart(part)) genericSegments.add(genericToolLabels(getToolName(part), activityPartUrl(part) !== null).summary);
-	const count = (name) => byTool.get(name) ?? 0;
-	const files = (n) => n === 1 ? "a file" : `${n} files`;
-	const reads = count("read");
-	const edits = count("edit") + count("write");
-	const deletes = count("delete");
-	const commands = count("bash");
-	const segments = [];
-	if (thoughts > 0) segments.push("thought");
-	if (skillParts > 0) segments.push(skillNames.size === 1 ? `used the ${[...skillNames][0]} skill` : skillNames.size > 1 ? `used ${skillNames.size} skills` : "used a skill");
-	if (reads > 0) segments.push(`read ${files(reads)}`);
-	if (edits > 0) segments.push(`edited ${files(edits)}`);
-	if (deletes > 0) segments.push(`deleted ${files(deletes)}`);
-	if (count("find") + count("grep") > 0) segments.push("searched code");
-	if (count("list") > 0) segments.push("listed files");
-	if (fetches > 0) segments.push(fetches === 1 ? "fetched a URL" : `fetched ${fetches} URLs`);
-	if (browses > 0) segments.push("used the browser");
-	if (codeRuns > 0) segments.push("ran code");
-	if (commands > 0) segments.push(commands === 1 ? "ran a command" : `ran ${commands} commands`);
-	for (const segment of [
-		"edited files",
-		"searched code",
-		"searched the web",
-		"read a URL",
-		"ran a command",
-		"read files",
-		"used a tool"
-	]) if (genericSegments.has(segment)) segments.push(segment);
-	if (segments.length === 0) return "Worked";
-	const top = segments.slice(0, 3);
-	const joined = top.length === 1 ? top[0] : `${top.slice(0, -1).join(", ")} and ${top.at(-1)}`;
-	return joined.charAt(0).toUpperCase() + joined.slice(1);
-}
-/**
-* 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.
-*/
-function ThinkChatActivity({ parts, defaultOpen, isStreaming, toolRenderers }) {
-	const steps = parts.flatMap((part, index) => {
-		const text = describeThinkChatActivityPart(part, toolRenderers);
-		if (!text) return [];
-		return [{
-			key: isToolUIPart(part) ? part.toolCallId : `${part.type}-${index}`,
-			text,
-			part
-		}];
-	});
-	if (steps.length === 0) return null;
-	const streaming = isStreaming ?? parts.some(isPartWorking);
-	const settledLabel = summarizeActivitySteps(parts);
-	const latest = steps.at(-1);
-	return /* @__PURE__ */ jsxs(Activity, {
-		isStreaming: streaming,
-		defaultOpen,
-		children: [/* @__PURE__ */ jsx(ActivityTrigger, {
-			icon: streaming && latest ? activityPartIcon(latest.part) : activitySummaryIcon(parts),
-			label: streaming && latest ? latest.text : settledLabel
-		}), /* @__PURE__ */ jsx(ActivityContent, { children: steps.map((step) => /* @__PURE__ */ jsx(ThinkChatActivityStep, {
-			text: step.text,
-			part: step.part,
-			toolRenderers
-		}, step.key)) })]
-	});
-}
-function ThinkChatActivityStep({ text, part, toolRenderers }) {
-	const icon = activityPartIcon(part);
-	if (isToolUIPart(part)) {
-		const customPanel = toolRenderers?.[getToolName(part)]?.panel?.(part);
-		if (customPanel === null) return /* @__PURE__ */ jsx(ActivityItem, {
-			icon,
-			children: text
-		});
-		if (customPanel !== void 0) return /* @__PURE__ */ jsx(ActivityItemGroup, {
-			label: text,
-			icon,
-			children: customPanel
-		});
-	}
-	if (isReasoningUIPart(part) && part.text.trim()) return /* @__PURE__ */ jsx(ActivityItemGroup, {
-		label: text,
-		icon,
-		children: /* @__PURE__ */ jsx(ActivityText, { children: part.text })
-	});
-	if (isWorkspaceToolPart(part) && part.type !== "tool-delete") return /* @__PURE__ */ jsx(ActivityItemGroup, {
-		label: text,
-		icon,
-		children: /* @__PURE__ */ jsx(ThinkChatWorkspacePanel, { part })
-	});
-	if (isSkillToolPart(part)) return /* @__PURE__ */ jsx(ActivityItemGroup, {
-		label: text,
-		icon,
-		children: /* @__PURE__ */ jsx(ThinkChatSkillPanel, { part })
-	});
-	if (isFetchToolPart(part)) return /* @__PURE__ */ jsx(ActivityItemGroup, {
-		label: text,
-		icon,
-		children: /* @__PURE__ */ jsx(ThinkChatFetchPanel, { part })
-	});
-	if (isBrowserToolPart(part)) return /* @__PURE__ */ jsx(ActivityItemGroup, {
-		label: text,
-		icon,
-		children: /* @__PURE__ */ jsx(ThinkChatBrowserPanel, { part })
-	});
-	if (isExecuteToolPart(part)) return /* @__PURE__ */ jsx(ActivityItemGroup, {
-		label: text,
-		icon,
-		children: /* @__PURE__ */ jsx(ThinkChatExecutePanel, { part })
-	});
-	return /* @__PURE__ */ jsx(ActivityItem, {
-		icon,
-		children: text
-	});
-}
-function renderDeniedPanel(label, reason) {
-	return /* @__PURE__ */ jsx(ActivityPanel, {
-		label,
-		text: reason,
-		status: "denied",
-		error: true
-	});
-}
-function numberLines(content, from = 1) {
-	const lines = content.split("\n");
-	const width = String(from + lines.length - 1).length;
-	return lines.map((line, i) => `${String(from + i).padStart(width)}  ${line}`).join("\n");
-}
-function prefixLines(text, prefix) {
-	return text.split("\n").map((line) => `${prefix}${line}`).join("\n");
-}
-/** Default panels for the Think workspace tools, Claude Code-style: read/write
-show the file with line numbers, edit shows a mini diff, list/find/grep
-show their result lists, bash gets the shell panel. Everything is typed by
-the upstream tool contract. */
-function ThinkChatWorkspacePanel({ part }) {
-	if (part.type === "tool-bash") return /* @__PURE__ */ jsx(ThinkChatShellPanel, { part });
-	if (part.state === "output-error") return /* @__PURE__ */ jsx(ActivityPanel, {
-		label: getToolName(part),
-		text: part.errorText,
-		status: "error",
-		error: true
-	});
-	if (part.state === "output-denied") return renderDeniedPanel(getToolName(part), part.approval.reason);
-	switch (part.type) {
-		case "tool-read": {
-			const label = part.input?.path ?? "file";
-			const output = part.state === "output-available" ? part.output : void 0;
-			if (output && "error" in output) return /* @__PURE__ */ jsx(ActivityPanel, {
-				label,
-				text: output.error,
-				status: "error",
-				error: true
-			});
-			if (output && "content" in output) return /* @__PURE__ */ jsx(ActivityPanel, {
-				label,
-				text: output.content,
-				status: `${output.totalLines} lines`
-			});
-			if (output) return /* @__PURE__ */ jsx(ActivityPanel, {
-				label,
-				text: `${output.name} · ${output.mediaType} · ${output.sizeBytes} bytes`
-			});
-			return /* @__PURE__ */ jsx(ActivityPanel, { label });
-		}
-		case "tool-write": {
-			const output = part.state === "output-available" ? part.output : void 0;
-			return /* @__PURE__ */ jsx(ActivityPanel, {
-				label: part.input?.path ?? "file",
-				text: part.input?.content ? numberLines(part.input.content) : void 0,
-				status: output ? `${output.lines} lines written` : void 0
-			});
-		}
-		case "tool-edit": {
-			const input = part.input;
-			const output = part.state === "output-available" ? part.output : void 0;
-			const status = !output ? void 0 : output.error ? output.error : output.created ? "created" : output.fuzzyMatch ? "replaced (fuzzy match)" : "replaced";
-			return /* @__PURE__ */ jsx(ActivityPanel, {
-				label: input?.path ?? "file",
-				status,
-				error: Boolean(output?.error),
-				children: input?.old_string !== void 0 && input.new_string !== void 0 ? /* @__PURE__ */ jsxs(ActivityOutput, { children: [
-					/* @__PURE__ */ jsx("span", {
-						className: "activity__diff-del",
-						children: prefixLines(input.old_string, "- ")
-					}),
-					"\n",
-					/* @__PURE__ */ jsx("span", {
-						className: "activity__diff-add",
-						children: prefixLines(input.new_string, "+ ")
-					})
-				] }) : null
-			});
-		}
-		case "tool-list": {
-			const output = part.state === "output-available" ? part.output : void 0;
-			return /* @__PURE__ */ jsx(ActivityPanel, {
-				label: part.input?.path ?? "/",
-				text: output?.entries.join("\n"),
-				status: output ? `${output.count} entries` : void 0
-			});
-		}
-		case "tool-find": {
-			const output = part.state === "output-available" ? part.output : void 0;
-			const files = Array.isArray(output?.files) ? output.files.map(String) : [];
-			const count = typeof output?.count === "number" ? output.count : files.length;
-			return /* @__PURE__ */ jsx(ActivityPanel, {
-				label: part.input?.pattern ?? "files",
-				text: files.join("\n"),
-				status: output ? `${count} files${output.truncated ? " (truncated)" : ""}` : void 0
-			});
-		}
-		case "tool-grep": {
-			const output = part.state === "output-available" ? part.output : void 0;
-			const matches = Array.isArray(output?.matches) ? output.matches.map((m) => typeof m === "string" ? m : m.context ?? JSON.stringify(m)) : [];
-			const status = output && typeof output.totalMatches === "number" ? `${output.totalMatches} matches in ${String(output.filesWithMatches)} files` : void 0;
-			return /* @__PURE__ */ jsx(ActivityPanel, {
-				label: part.input?.query ?? "search",
-				text: matches.join("\n"),
-				status
-			});
-		}
-		default: return null;
-	}
-}
-/** Skill panels show what the model actually received: the activated skill's
-body, the resource text, or the script result. */
-function ThinkChatSkillPanel({ part }) {
-	if (part.state === "output-error") return /* @__PURE__ */ jsx(ActivityPanel, {
-		label: getToolName(part),
-		text: part.errorText,
-		status: "error",
-		error: true
-	});
-	if (part.state === "output-denied") return renderDeniedPanel(getToolName(part), part.approval.reason);
-	switch (part.type) {
-		case "tool-activate_skill": {
-			const output = part.state === "output-available" ? part.output : void 0;
-			return /* @__PURE__ */ jsx(ActivityPanel, {
-				label: part.input?.name ?? "skill",
-				text: output
-			});
-		}
-		case "tool-read_skill_resource": {
-			const output = part.state === "output-available" ? part.output : void 0;
-			return /* @__PURE__ */ jsx(ActivityPanel, {
-				label: part.input?.path ?? "resource",
-				text: output
-			});
-		}
-		case "tool-run_skill_script": {
-			const output = part.state === "output-available" ? part.output : void 0;
-			const text = output === void 0 ? void 0 : typeof output === "string" ? output : JSON.stringify(output, null, 2);
-			return /* @__PURE__ */ jsx(ActivityPanel, {
-				label: part.input?.path ?? "script",
-				text
-			});
-		}
-	}
-}
-function ThinkChatFetchPanel({ part }) {
-	const label = part.input?.url ?? part.input?.path ?? "fetch";
-	if (part.state === "output-error") return /* @__PURE__ */ jsx(ActivityPanel, {
-		label,
-		text: part.errorText,
-		status: "error",
-		error: true
-	});
-	if (part.state === "output-denied") return renderDeniedPanel(label, part.approval.reason);
-	const output = part.state === "output-available" ? part.output : void 0;
-	if (!output) return /* @__PURE__ */ jsx(ActivityPanel, { label });
-	if (!output.ok) return /* @__PURE__ */ jsx(ActivityPanel, {
-		label: output.finalUrl ?? label,
-		text: output.message,
-		status: output.code,
-		error: true
-	});
-	const body = output.body ?? (output.json !== void 0 ? JSON.stringify(output.json, null, 2) : output.path ? `saved to ${output.path}` : "");
-	return /* @__PURE__ */ jsx(ActivityPanel, {
-		label: output.finalUrl,
-		text: body || void 0,
-		status: `${output.status} · ${output.bytes} bytes${output.truncated ? " (truncated)" : ""}`
-	});
-}
-function findBrowserResultMedia(value, depth = 0) {
-	const media = {};
-	const visit = (node, level) => {
-		if (level > 4 || node === null) return;
-		if (typeof node === "string") {
-			if (!media.liveViewUrl && node.includes("live.browser.run")) media.liveViewUrl = node;
-			else if (!media.screenshot && node.startsWith("data:image/")) media.screenshot = node;
-			return;
-		}
-		if (Array.isArray(node)) {
-			for (const item of node) visit(item, level + 1);
-			return;
-		}
-		if (typeof node === "object") {
-			const record = node;
-			if (media.expiresInMs === void 0 && typeof record.url === "string" && typeof record.expiresInMs === "number") media.expiresInMs = record.expiresInMs;
-			for (const item of Object.values(record)) visit(item, level + 1);
-		}
-	};
-	visit(value, depth);
-	return media;
-}
-function ExecuteCodeView({ code, output, hideResult }) {
-	const sections = [
-		output && "logs" in output && output.logs?.length ? output.logs.join("\n") : "",
-		output?.status === "error" ? output.error : "",
-		output?.status === "paused" ? formatPendingActions(output.pending) : "",
-		output?.status === "completed" && output.result !== void 0 && !hideResult ? typeof output.result === "string" ? output.result : JSON.stringify(output.result, null, 2) : ""
-	].filter(Boolean);
-	return /* @__PURE__ */ jsxs(Fragment, { children: [code ? /* @__PURE__ */ jsx(CodeBlock, {
-		className: "activity__code-block",
-		code,
-		language: "ts"
-	}) : null, sections.length ? /* @__PURE__ */ jsx(ActivityOutput, { children: sections.join("\n\n") }) : null] });
-}
-function formatPendingActions(pending) {
-	return pending.map((action) => {
-		const args = action.args === void 0 ? "" : JSON.stringify(action.args);
-		return `awaiting approval: ${action.connector}.${action.method}(${args})`;
-	}).join("\n");
-}
-function executeStatusText(output) {
-	if (!output) return void 0;
-	return output.status === "paused" ? "paused · needs approval" : output.status;
-}
-/** The codemode execute tool as an activity panel: highlighted TypeScript
-plus logs, result, and the paused pending-approval list. */
-function ThinkChatExecutePanel({ part }) {
-	if (part.state === "output-error") return /* @__PURE__ */ jsx(ActivityPanel, {
-		label: "Code",
-		text: part.errorText,
-		status: "error",
-		error: true
-	});
-	if (part.state === "output-denied") return renderDeniedPanel("Code", part.approval.reason);
-	const output = part.state === "output-available" ? part.output : void 0;
-	return /* @__PURE__ */ jsx(ActivityPanel, {
-		label: "Code",
-		status: executeStatusText(output),
-		error: output?.status === "error",
-		children: /* @__PURE__ */ jsx(ExecuteCodeView, {
-			code: part.input?.code ?? "",
-			output
-		})
-	});
-}
-function ThinkChatBrowserPanel({ part }) {
-	const [seenAt] = React.useState(() => Date.now());
-	if (part.state === "output-error") return /* @__PURE__ */ jsx(ActivityPanel, {
-		label: "Browser",
-		text: part.errorText,
-		status: "error",
-		error: true
-	});
-	if (part.state === "output-denied") return renderDeniedPanel("Browser", part.approval.reason);
-	if (part.type === "tool-browser_execute") {
-		const output = part.state === "output-available" ? part.output : void 0;
-		const code = part.input?.code ?? "";
-		const media = output?.status === "completed" ? findBrowserResultMedia(output.result) : {};
-		const hasMedia = Boolean(media.liveViewUrl || media.screenshot);
-		const browserView = media.liveViewUrl ? /* @__PURE__ */ jsx(BrowserLiveView, {
-			url: media.liveViewUrl,
-			expiresAt: seenAt + (media.expiresInMs ?? 300 * 1e3),
-			fallback: media.screenshot ? /* @__PURE__ */ jsx("img", {
-				src: media.screenshot,
-				alt: "Last browser state"
-			}) : void 0
-		}) : media.screenshot ? /* @__PURE__ */ jsx("img", {
-			className: "activity__browser-screenshot",
-			src: media.screenshot,
-			alt: "Browser screenshot"
-		}) : null;
-		const codeView = /* @__PURE__ */ jsx(ExecuteCodeView, {
-			code,
-			output,
-			hideResult: hasMedia
-		});
-		return /* @__PURE__ */ jsx(ActivityPanel, {
-			label: "Browser",
-			status: executeStatusText(output),
-			error: output?.status === "error",
-			children: browserView && code ? /* @__PURE__ */ jsxs(Tabs, {
-				className: "activity__browser-tabs",
-				defaultValue: "browser",
-				children: [
-					/* @__PURE__ */ jsxs(TabsList, {
-						variant: "line",
-						children: [/* @__PURE__ */ jsx(Tab, {
-							value: "browser",
-							children: "Preview"
-						}), /* @__PURE__ */ jsx(Tab, {
-							value: "code",
-							children: "Code"
-						})]
-					}),
-					/* @__PURE__ */ jsx(TabPanel, {
-						value: "browser",
-						children: browserView
-					}),
-					/* @__PURE__ */ jsx(TabPanel, {
-						value: "code",
-						children: codeView
-					})
-				]
-			}) : /* @__PURE__ */ jsxs(Fragment, { children: [browserView, codeView] })
-		});
-	}
-	const output = part.state === "output-available" ? part.output : void 0;
-	return /* @__PURE__ */ jsx(ActivityPanel, {
-		label: displayUrl(part.input?.url) || "page",
-		text: output === void 0 ? void 0 : typeof output === "string" ? output : Array.isArray(output) ? output.map((item) => typeof item === "string" ? item : JSON.stringify(item)).join("\n") : JSON.stringify(output, null, 2),
-		status: part.type === "tool-browser_links" && Array.isArray(output) ? `${output.length} links` : void 0
-	});
-}
-function ThinkChatShellPanel({ part }) {
-	const output = part.state === "output-available" ? part.output : void 0;
-	const errorText = part.state === "output-error" ? part.errorText : "";
-	const deniedReason = part.state === "output-denied" ? part.approval.reason ?? "denied" : "";
-	const failed = Boolean(errorText) || Boolean(deniedReason) || output !== void 0 && (output.exitCode !== 0 || Boolean(output.errors?.length));
-	return /* @__PURE__ */ jsx(ActivityPanel, {
-		label: "Shell",
-		text: formatBashPanelText(part.input, output, errorText || deniedReason),
-		status: output !== void 0 || errorText || deniedReason ? getBashStatusText(output, errorText, deniedReason) : void 0,
-		error: failed
-	});
-}
-function ThinkChatActivityGroup({ message, parts, isTrailing, toolRenderers }) {
-	const chat = React.useContext(ThinkChatContext);
-	const chatStillWorking = isTrailing && Boolean(chat?.isStreaming) && chat?.messages.at(-1)?.id === message.id;
-	return /* @__PURE__ */ jsx(ThinkChatActivity, {
-		parts,
-		isStreaming: parts.some(isPartWorking) || chatStillWorking,
-		toolRenderers
-	});
-}
-/**
-* 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.
-*/
-function createThinkChatActivityRenderer({ excludeTools, toolRenderers } = {}) {
-	const excluded = excludeTools?.length ? new Set(excludeTools) : void 0;
-	const isActivity = (part) => isThinkChatActivityPart(part, excluded);
-	return (context) => {
-		const { message, part, partIndex } = context;
-		if (!isActivity(part)) return void 0;
-		let start = partIndex;
-		while (start > 0 && isActivity(message.parts[start - 1])) start--;
-		if (partIndex !== start) return null;
-		let end = partIndex;
-		while (end + 1 < message.parts.length && isActivity(message.parts[end + 1])) end++;
-		return /* @__PURE__ */ jsx(ThinkChatActivityGroup, {
-			message,
-			parts: message.parts.slice(start, end + 1),
-			isTrailing: end === message.parts.length - 1,
-			toolRenderers
-		});
-	};
-}
-/** Default activity renderer — `createThinkChatActivityRenderer()` with no overrides. */
-const renderThinkChatActivityPart = createThinkChatActivityRenderer();
 /**
 * The ambient chat value from `ThinkChat.Root`/`Provider` — for custom tool
 * panels, cards, or composer actions that need `messages`, `status`, or
@@ -922,34 +154,5 @@ const ThinkChat = {
 	renderActivityPart: renderThinkChatActivityPart,
 	createActivityRenderer: createThinkChatActivityRenderer
 };
-function formatBashPanelText(input, output, errorText) {
-	return [
-		input?.script?.trim() ? `$ bash\n${input.script}` : "",
-		output?.stdout,
-		output?.stderr,
-		errorText,
-		output?.skippedFiles?.length ? ["skipped files", ...output.skippedFiles].join("\n") : "",
-		output?.errors?.length ? ["sync errors", ...output.errors].join("\n") : "",
-		output ? formatChangedFiles(output.changedFiles) : ""
-	].filter(Boolean).join("\n\n");
-}
-function formatChangedFiles(changedFiles) {
-	if (!changedFiles) return "";
-	const lines = [
-		...changedFiles.created.map((path) => `created ${path}`),
-		...changedFiles.updated.map((path) => `updated ${path}`),
-		...changedFiles.deleted.map((path) => `deleted ${path}`),
-		...changedFiles.directoriesCreated.map((path) => `created directory ${path}`),
-		...changedFiles.directoriesDeleted.map((path) => `deleted directory ${path}`)
-	];
-	return lines.length ? ["workspace changes", ...lines].join("\n") : "";
-}
-function getBashStatusText(output, errorText, deniedReason) {
-	if (errorText) return "error";
-	if (deniedReason) return "denied";
-	if (output?.errors?.length) return "sync errors";
-	if (output && output.exitCode !== 0) return `exit ${output.exitCode}`;
-	return "success";
-}
 //#endregion
 export { BrowserLiveView, BrowserReplay, ThinkChat, ThinkChatActivity, ThinkChatMessages, ThinkChatProvider, ThinkChatRoot, WorkspaceExplorer, createThinkChatActivityRenderer, describeThinkChatActivityPart, inferWorkspaceLanguage, isThinkChatActivityPart, renderThinkChatActivityPart, useThinkChat, useWorkspace };