@mcp-b/react-components 0.14.1 → 0.16.0

package/dist/components/ThemeProvider.js

@@ -0,0 +1,80 @@
+import { THEME_STORAGE_KEY, applyThemePreference, readThemePreference, resolveThemePreference, writeThemePreference } from "../utils/theme.js";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/ThemeProvider.tsx
+const ThemeContext = React.createContext(null);
+const useClientLayoutEffect = typeof document === "undefined" ? React.useEffect : React.useLayoutEffect;
+/**
+* Owns the application-wide theme preference and keeps document metadata,
+* storage, cross-tab changes, and operating-system changes synchronized.
+*
+* Add `<meta name="color-scheme" content="light dark">` before styles and use
+* `getThemeInitializationScript()` in the document head to avoid a flash when
+* a saved override differs from the operating-system preference.
+*/
+function ThemeProvider({ children, value, defaultValue = "system", onValueChange, storageKey = THEME_STORAGE_KEY }) {
+	const controlled = value !== void 0;
+	const [uncontrolledPreference, setUncontrolledPreference] = React.useState(defaultValue);
+	const preference = value ?? uncontrolledPreference;
+	const [resolvedTheme, setResolvedTheme] = React.useState(() => typeof window === "undefined" ? "light" : resolveThemePreference(preference));
+	const initialized = React.useRef(false);
+	useClientLayoutEffect(() => {
+		let initialPreference = preference;
+		if (!controlled && storageKey !== null) {
+			const storedPreference = readThemePreference(storageKey);
+			if (storedPreference !== "system" || defaultValue === "system") {
+				initialPreference = storedPreference;
+				setUncontrolledPreference(storedPreference);
+			}
+		}
+		setResolvedTheme(applyThemePreference(initialPreference));
+		initialized.current = true;
+	}, []);
+	React.useEffect(() => {
+		if (!initialized.current) return;
+		setResolvedTheme(applyThemePreference(preference));
+		if (storageKey !== null) writeThemePreference(preference, storageKey);
+	}, [preference, storageKey]);
+	React.useEffect(() => {
+		if (preference !== "system") return;
+		const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+		const handleChange = () => setResolvedTheme(mediaQuery.matches ? "dark" : "light");
+		mediaQuery.addEventListener("change", handleChange);
+		return () => mediaQuery.removeEventListener("change", handleChange);
+	}, [preference]);
+	React.useEffect(() => {
+		if (controlled || storageKey === null) return;
+		const handleStorage = (event) => {
+			if (event.key !== storageKey) return;
+			const nextPreference = readThemePreference(storageKey);
+			setUncontrolledPreference(nextPreference);
+		};
+		window.addEventListener("storage", handleStorage);
+		return () => window.removeEventListener("storage", handleStorage);
+	}, [controlled, storageKey]);
+	const setPreference = React.useCallback((nextPreference) => {
+		applyThemePreference(nextPreference);
+		if (!controlled) setUncontrolledPreference(nextPreference);
+		onValueChange?.(nextPreference);
+	}, [controlled, onValueChange]);
+	const contextValue = React.useMemo(() => ({
+		preference,
+		resolvedTheme,
+		setPreference
+	}), [
+		preference,
+		resolvedTheme,
+		setPreference
+	]);
+	return /* @__PURE__ */ jsx(ThemeContext.Provider, {
+		value: contextValue,
+		children
+	});
+}
+function useTheme() {
+	const context = React.useContext(ThemeContext);
+	if (!context) throw new Error("useTheme must be used within a ThemeProvider");
+	return context;
+}
+//#endregion
+export { ThemeProvider, useTheme };

package/dist/components/ThinkChat.d.ts

@@ -1,10 +1,13 @@
-import { a as AgentChatRenderPartContext, r as AgentChatProps } from "../AgentChat-Cgb1xuT7.js";
+import { i as AgentChatProps, o as AgentChatRenderPartContext } from "../AgentChat-CrlpbvQJ.js";
 import { n as BrowserLiveViewProps, t as BrowserLiveView } from "../BrowserLiveView-BV5qgFgI.js";
 import { n as BrowserReplayProps, t as BrowserReplay } from "../BrowserReplay-xWvRjRAC.js";
-import { _ as isThinkChatActivityPart } from "../ThinkChatToolParts-Cv4o7j6F.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-m9orbdeI.js";
+import { S as isThinkChatActivityPart } from "../ThinkChatToolParts-CSzVwMXf.js";
+import { l as describeThinkChatActivityPart } from "../ThinkChatActivitySummary-BPmu9a-c.js";
+import { a as ThinkChatToolRenderers, i as ThinkChatToolRenderer, n as ThinkChatActivityProps, o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, s as renderThinkChatActivityPart, t as ThinkChatActivity } from "../ThinkChatActivity-BFQnb2ct.js";
 import { n as ThinkChatValue } from "../ThinkChatContext-C3Eb1Xpi.js";
-import { FileInfo, UseWorkspaceOptions, WorkspaceExplorer, WorkspaceExplorerProps, WorkspaceFileState, WorkspaceInfo, WorkspaceSource, WorkspaceState, inferWorkspaceLanguage, useWorkspace } from "./WorkspaceExplorer.js";
+import { d as inferWorkspaceLanguage, i as WorkspaceFileState } from "../WorkspaceFile-DOZkPwzu.js";
+import { a as useWorkspace, i as WorkspaceState, n as WorkspaceInfo, r as WorkspaceSource, t as UseWorkspaceOptions } from "../Workspace-D39LxGvP.js";
+import { WorkspaceExplorer, WorkspaceExplorerProps } from "./WorkspaceExplorer.js";
 import * as React from "react";
 import { UIMessage } from "ai";
 import { UseAgentOptions } from "agents/react";
@@ -29,10 +32,26 @@ interface ThinkChatMessagesProps<MessageT extends UIMessage = UIMessage> extends
   className?: string;
   /** Disable the composer (e.g. while the agent is unreachable). */
   disabled?: boolean;
+  /** Hide the composer while retaining the normal Think transcript rendering. */
+  showComposer?: AgentChatProps<MessageT>["showComposer"];
   /** Shown in place of the list while there are no messages. */
   emptyState?: React.ReactNode;
   /** Extra controls rendered inside the composer, next to the send button. */
   composerTools?: React.ReactNode;
+  /** Keep submitting composed follow-ups through `chat.sendMessage()` while busy. */
+  allowSubmitWhileBusy?: AgentChatProps<MessageT>["allowSubmitWhileBusy"];
+  /** Authoritative queued messages rendered outside the transcript. */
+  queuedMessages?: AgentChatProps<MessageT>["queuedMessages"];
+  onSteerQueuedMessage?: AgentChatProps<MessageT>["onSteerQueuedMessage"];
+  onRemoveQueuedMessage?: AgentChatProps<MessageT>["onRemoveQueuedMessage"];
+  /** Host-owned slash-command catalog and selection policy. */
+  slashCommands?: AgentChatProps<MessageT>["slashCommands"];
+  /** Controlled MCP catalog revealed by `@`; selections become composer references. */
+  mentionCommands?: AgentChatProps<MessageT>["mentionCommands"];
+  /** Controlled folder or working-context picker in the composer footer. */
+  contextSelector?: AgentChatProps<MessageT>["contextSelector"];
+  /** Extra controls rendered at the trailing edge, before dictation and submit. */
+  composerEndTools?: React.ReactNode;
   /** Whole upstream `useVoiceInput` result for the built-in microphone recorder. */
   voiceInput?: UseVoiceInputReturn;
   /** Host prerequisite run before the built-in recorder calls `voiceInput.start()`. */
@@ -55,10 +74,16 @@ interface ThinkChatMessagesProps<MessageT extends UIMessage = UIMessage> extends
    * `isRecovering`/`connectionError`) shown between transcript and composer.
    */
   notice?: AgentChatProps<MessageT>["notice"];
-  /** Full replacement for part rendering; wins over excludeTools/toolRenderers. */
+  /**
+   * Extends the built-in Think activity renderer. Returning `undefined` keeps
+   * the built-in result; `defaultRender()` renders that same result on demand.
+   * Return `null` only when the part should be intentionally hidden.
+   */
   renderPart?: AgentChatProps<MessageT>["renderPart"];
   /** Whole upstream Think stub. `ThinkChat.Root` wires `agent.stub` automatically. */
   thinkStub?: AgentStub<Think>;
+  /** Parent-owned Ask/Bypass policy; omit to keep AgentChat's session-local mode. */
+  permissionModeControl?: AgentChatProps<MessageT>["permissionModeControl"];
   /** Called after a Think approve/reject RPC settles. Root uses this to refresh approvals. */
   onExecutionSettled?: AgentChatProps<MessageT>["onExecutionSettled"];
   /** Think durable-pause approvals from `pendingApprovals()`. */
@@ -104,7 +129,9 @@ declare function ThinkChatRoot<State = unknown, MessageT extends UIMessage = UIM
  * The full conversation surface — message list plus composer — with the
  * activity renderer as the default `renderPart`: runs of reasoning/tool parts
  * fold into one collapsed Activity block with derived labels and per-tool
- * panels. Extend for app-specific tools with `toolRenderers` (label/panel
+ * panels. Session-generated context/load/search tools are recognized from
+ * their upstream runtime schemas and keep their recorded inputs and outputs
+ * inspectable. Extend for app-specific tools with `toolRenderers` (label/panel
  * inside the log) or `excludeTools` + your own `renderPart` (standalone
  * card) — see README "App-specific tools" and the Custom Tool Panel story.
  */
@@ -157,4 +184,4 @@ declare const ThinkChat: {
   createActivityRenderer: typeof createThinkChatActivityRenderer;
 };
 //#endregion
-export { BrowserLiveView, type BrowserLiveViewProps, BrowserReplay, type BrowserReplayProps, 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, useThinkPendingApprovals, useWorkspace };
+export { BrowserLiveView, type BrowserLiveViewProps, BrowserReplay, type BrowserReplayProps, 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

@@ -1,7 +1,10 @@
+import { isThinkChatActivityPart } from "./ThinkChatToolParts.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";
 import { BrowserReplay } from "./BrowserReplay.js";
-import { isThinkChatActivityPart } from "./ThinkChatToolParts.js";
-import { ThinkChatActivity, createThinkChatActivityRenderer, describeThinkChatActivityPart, renderThinkChatActivityPart } from "./ThinkChatActivity.js";
-import { a as useThinkChat, i as ThinkChatRoot, n as ThinkChatMessages, o as useThinkPendingApprovals, r as ThinkChatProvider, t as ThinkChat } from "../ThinkChat-7DQ2CogF.js";
-import { WorkspaceExplorer, inferWorkspaceLanguage, useWorkspace } from "./WorkspaceExplorer.js";
+import { describeThinkChatActivityPart } from "./ThinkChatActivitySummary.js";
+import { ThinkChatActivity, createThinkChatActivityRenderer, renderThinkChatActivityPart } from "./ThinkChatActivity.js";
+import { a as useThinkChat, i as ThinkChatRoot, n as ThinkChatMessages, o as useThinkPendingApprovals, r as ThinkChatProvider, t as ThinkChat } from "../ThinkChat-CzC-zNGA.js";
+import { inferWorkspaceLanguage } from "./WorkspaceFile.js";
+import { useWorkspace } from "./Workspace.js";
+import { WorkspaceExplorer } from "./WorkspaceExplorer.js";
 export { BrowserLiveView, BrowserReplay, ThinkChat, ThinkChatActivity, ThinkChatMessages, ThinkChatProvider, ThinkChatRoot, WorkspaceExplorer, createThinkChatActivityRenderer, describeThinkChatActivityPart, inferWorkspaceLanguage, isThinkChatActivityPart, renderThinkChatActivityPart, useThinkChat, useThinkPendingApprovals, useWorkspace };

package/dist/components/ThinkChatActivity.d.ts

@@ -1,3 +1,4 @@
-import { _ as isThinkChatActivityPart } from "../ThinkChatToolParts-Cv4o7j6F.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-m9orbdeI.js";
+import { S as isThinkChatActivityPart } from "../ThinkChatToolParts-CSzVwMXf.js";
+import { l as describeThinkChatActivityPart } from "../ThinkChatActivitySummary-BPmu9a-c.js";
+import { a as ThinkChatToolRenderers, i as ThinkChatToolRenderer, n as ThinkChatActivityProps, o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, s as renderThinkChatActivityPart, t as ThinkChatActivity } from "../ThinkChatActivity-BFQnb2ct.js";
 export { ThinkChatActivity, ThinkChatActivityProps, ThinkChatActivityRendererOptions, ThinkChatToolRenderer, ThinkChatToolRenderers, createThinkChatActivityRenderer, describeThinkChatActivityPart, isThinkChatActivityPart, renderThinkChatActivityPart };

package/dist/components/ThinkChatActivity.js

@@ -1,303 +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, isSkillToolPart, isThinkChatActivityPart, isWorkspaceToolPart } from "./ThinkChatToolParts.js";
-import { ThinkChatBrowserPanel, ThinkChatExecutePanel, ThinkChatFetchPanel, ThinkChatSkillPanel, ThinkChatWorkspacePanel } from "./ThinkChatToolPanels.js";
-import * as React from "react";
+import { ThinkChatBrowserPanel, ThinkChatExecutePanel, ThinkChatFetchPanel, ThinkChatSessionContextPanel, ThinkChatSkillPanel, ThinkChatWorkspacePanel } from "./ThinkChatToolPanels.js";
+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 (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 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);
+	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
@@ -318,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,
@@ -362,6 +78,11 @@ function ThinkChatActivityStep({ text, part, toolRenderers }) {
 		icon,
 		children: /* @__PURE__ */ jsx(ThinkChatSkillPanel, { part })
 	});
+	if (isSessionContextToolPart(part)) return /* @__PURE__ */ jsx(ActivityItemGroup, {
+		label: text,
+		icon,
+		children: /* @__PURE__ */ jsx(ThinkChatSessionContextPanel, { part })
+	});
 	if (isFetchToolPart(part)) return /* @__PURE__ */ jsx(ActivityItemGroup, {
 		label: text,
 		icon,

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 };