@mcp-b/react-components 0.14.2 → 0.16.1

package/dist/components/ThinkChatActivity.js

@@ -1,325 +1,16 @@
-import { D as PencilIcon, I as TerminalIcon, L as WarningIcon, R as WrenchIcon, b as LinkIcon, h as FileIcon, j as SearchIcon, w as MonitorIcon, y as InfoIcon } from "../icons-Ba9THQKz.js";
 import { Activity, ActivityContent, ActivityItem, ActivityItemGroup, ActivityText, ActivityTrigger } from "./Activity.js";
-import { t as summarizeToolInput } from "../summarize-tool-input-BUJsENSn.js";
+import { AgentActivityFavicon, AgentActivityIcon } from "./AgentActivity.js";
+import { isBrowserToolPart, isExecuteToolPart, isFetchToolPart, isPartWorking, isSessionContextToolPart, isSkillToolPart, isThinkChatActivityPart, isWorkspaceToolPart } from "./ThinkChatToolParts.js";
 import { useOptionalThinkChatContext } from "./ThinkChatContext.js";
-import { displayUrl, isBrowserToolPart, isExecuteToolPart, isFetchToolPart, isPartFailed, isPartWorking, isSessionContextToolFailure, isSessionContextToolPart, isSkillToolPart, isThinkChatActivityPart, isWorkspaceToolPart } from "./ThinkChatToolParts.js";
 import { ThinkChatBrowserPanel, ThinkChatExecutePanel, ThinkChatFetchPanel, ThinkChatSessionContextPanel, ThinkChatSkillPanel, ThinkChatWorkspacePanel } from "./ThinkChatToolPanels.js";
-import * as React from "react";
+import { activityPartIconKind, activityPartUrl, deriveThinkChatActivityHeader, describeThinkChatActivityPart } from "./ThinkChatActivitySummary.js";
+import "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
-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(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(getToolInput(part)) ?? (part.state === "output-available" ? firstHttpUrl(getToolOutput(part)) : 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 (isSessionContextToolPart(part)) return part.type === "tool-search_context" || part.type === "tool-session_search" ? "search" : "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 (isSessionContextToolPart(part)) return describeSessionContextToolPart(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 describeSessionContextToolPart(part) {
-	const working = isPartWorking(part);
-	const failed = isSessionContextToolFailure(part);
-	const label = (() => {
-		switch (part.type) {
-			case "tool-set_context": {
-				const target = part.input?.label ? ` ${part.input.label}` : " context";
-				return `${working ? "Updating" : "Updated"}${target}`;
-			}
-			case "tool-load_context": return `${working ? "Loading" : "Loaded"} ${part.input?.key ?? "context"}`;
-			case "tool-unload_context": return `${working ? "Unloading" : "Unloaded"} ${part.input?.key ?? "context"}`;
-			case "tool-search_context": return `${working ? "Searching" : "Searched"} ${part.input?.label ?? "context"}`;
-			case "tool-session_search": return `${working ? "Searching" : "Searched"} conversations`;
-		}
-	})();
-	return failed ? `${label} · failed` : label;
-}
-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;
-	const sessionSegments = /* @__PURE__ */ new Set();
-	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 (isSessionContextToolPart(part)) sessionSegments.add(part.type === "tool-search_context" || part.type === "tool-session_search" ? "searched context" : "updated context");
-	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");
-	for (const segment of ["updated context", "searched context"]) if (sessionSegments.has(segment)) segments.push(segment);
-	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);
+	return url ? /* @__PURE__ */ jsx(AgentActivityFavicon, { url }) : /* @__PURE__ */ jsx(AgentActivityIcon, { kind: activityPartIconKind(part) });
 }
 /**
 * One run of agent work as a collapsed Activity block: while streaming the
@@ -340,14 +31,17 @@ function ThinkChatActivity({ parts, defaultOpen, isStreaming, toolRenderers }) {
 	});
 	if (steps.length === 0) return null;
 	const streaming = isStreaming ?? parts.some(isPartWorking);
-	const settledLabel = summarizeActivitySteps(parts);
-	const latest = steps.at(-1);
+	const header = deriveThinkChatActivityHeader(parts, {
+		isStreaming: streaming,
+		toolDescribers: toolRenderers
+	});
+	if (!header) return null;
 	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
+			icon: header.url ? /* @__PURE__ */ jsx(AgentActivityFavicon, { url: header.url }) : /* @__PURE__ */ jsx(AgentActivityIcon, { kind: header.iconKind }),
+			label: header.label
 		}), /* @__PURE__ */ jsx(ActivityContent, { children: steps.map((step) => /* @__PURE__ */ jsx(ThinkChatActivityStep, {
 			text: step.text,
 			part: step.part,

package/dist/components/ThinkChatActivitySummary.d.ts

@@ -0,0 +1,2 @@
+import { a as activityPartIconKind, c as deriveThinkChatToolLifecycleHeader, i as ThinkChatToolLifecycleSnapshot, l as describeThinkChatActivityPart, n as ThinkChatToolDescriber, o as activityPartUrl, r as ThinkChatToolDescribers, s as deriveThinkChatActivityHeader, t as ThinkChatActivityHeader, u as summarizeActivitySteps } from "../ThinkChatActivitySummary-BPmu9a-c.js";
+export { ThinkChatActivityHeader, ThinkChatToolDescriber, ThinkChatToolDescribers, ThinkChatToolLifecycleSnapshot, activityPartIconKind, activityPartUrl, deriveThinkChatActivityHeader, deriveThinkChatToolLifecycleHeader, describeThinkChatActivityPart, summarizeActivitySteps };