@mcp-b/react-components 0.20.5 → 0.22.0

package/dist/components/ThinkChatActivitySummary.js

@@ -3,12 +3,22 @@ import { displayUrl, getToolDisplayName, isBrowserToolPart, isExecuteToolPart, i
 import { t as summarizeToolInput } from "../summarize-tool-input-CqTcGRYy.js";
 import { getToolName, isReasoningUIPart, isToolUIPart } from "ai";
 //#region src/components/ThinkChatActivitySummary.ts
+function described(action, detail) {
+	return detail ? {
+		action,
+		detail
+	} : { action };
+}
 const ACTIVITY_HEADER_LABEL_MAX_LENGTH = 240;
+function bounded(text) {
+	if (text.length <= ACTIVITY_HEADER_LABEL_MAX_LENGTH) return text;
+	return `${text.slice(0, ACTIVITY_HEADER_LABEL_MAX_LENGTH - 1).trimEnd()}…`;
+}
 function boundedActivityHeader(header) {
-	if (header.label.length <= ACTIVITY_HEADER_LABEL_MAX_LENGTH) return header;
 	return {
 		...header,
-		label: `${header.label.slice(0, ACTIVITY_HEADER_LABEL_MAX_LENGTH - 1).trimEnd()}…`
+		action: bounded(header.action),
+		...header.detail ? { detail: bounded(header.detail) } : {}
 	};
 }
 function getToolInput(part) {
@@ -100,9 +110,7 @@ function genericToolPresentation(part, hasUrl) {
 }
 function describeGenericToolPart(part) {
 	const labels = genericToolPresentation(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;
+	return described(isPartFailed(part) ? labels.failed : isPartWorking(part) ? labels.working : labels.done, summarizeToolInput(getToolInput(part)));
 }
 function activityPartUrl(part) {
 	if (isFetchToolPart(part)) return firstHttpUrl(part.input?.url ?? part.input?.path);
@@ -151,7 +159,7 @@ function activityPartWorkspaceDestination(part) {
 	}
 }
 /**
-* One-line natural-language label for an activity part ("Ran vp test",
+* One-line natural-language action 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.
@@ -159,12 +167,12 @@ function activityPartWorkspaceDestination(part) {
 function describeThinkChatActivityPart(part, toolRenderers) {
 	if (isToolUIPart(part)) {
 		const custom = toolRenderers?.[getToolName(part)]?.describe?.(part);
-		if (custom !== void 0) return custom;
+		if (custom !== void 0) return custom ?? null;
 	}
 	if (isReasoningUIPart(part)) {
 		const snippet = summarizeReasoningTitle(part.text);
-		const label = part.state === "streaming" ? "Thinking…" : "Thought";
-		return snippet ?? label;
+		const action = part.state === "streaming" ? "Thinking…" : "Thought";
+		return described(snippet ?? action);
 	}
 	if (isWorkspaceToolPart(part)) return describeWorkspaceToolPart(part);
 	if (isSkillToolPart(part)) return describeSkillToolPart(part);
@@ -183,88 +191,83 @@ function describeWorkspaceToolPart(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";
+		if (failed) return described("Command failed", command);
 		const verb = working ? "Running" : "Ran";
-		return command ? `${verb} ${command}` : `${verb} a command`;
+		return command ? described(verb, command) : described(`${verb} a command`);
 	}
-	const label = (() => {
+	const { action, detail } = (() => {
 		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-read": return described(working ? "Reading" : "Read", basename(part.input?.path) ?? "a file");
+			case "tool-write": return described(working ? "Writing" : "Wrote", basename(part.input?.path) ?? "a file");
+			case "tool-edit": return described(working ? "Editing" : "Edited", basename(part.input?.path) ?? "a file");
+			case "tool-delete": return described(working ? "Deleting" : "Deleted", part.input?.path || "a file");
 			case "tool-list": {
 				const path = part.input?.path;
-				return `${working ? "Listing" : "Listed"} ${path && path !== "/" ? path : "files"}`;
+				return described(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"}`;
+			case "tool-find": return described(working ? "Searching" : "Searched", `for ${part.input?.pattern || "files"}`);
+			case "tool-grep": return described(working ? "Searching" : "Searched", `for ${part.input?.query || "text"}`);
 		}
 	})();
-	return failed ? `${label} · failed` : label;
+	return failed ? described(`${action} ${detail ?? ""}`.trim() + " · failed") : described(action, detail);
 }
 function describeSkillToolPart(part) {
 	const working = isPartWorking(part);
 	const failed = isPartFailed(part);
-	const label = (() => {
+	const { action, detail } = (() => {
 		switch (part.type) {
 			case "tool-activate_skill": {
 				const name = part.input?.name;
-				return `${working ? "Using" : "Used"} ${name ? `the ${name} skill` : "a skill"}`;
+				return described(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"}`;
+			case "tool-read_skill_resource": return described(working ? "Reading" : "Read", part.input?.path ?? "a skill resource");
+			case "tool-run_skill_script": return described(working ? "Running" : "Ran", part.input?.path ?? "a skill script");
 		}
 	})();
-	return failed ? `${label} · failed` : label;
+	return failed ? described(`${action} ${detail ?? ""}`.trim() + " · failed") : described(action, detail);
 }
 function describeSessionContextToolPart(part) {
 	const working = isPartWorking(part);
 	const failed = isSessionContextToolFailure(part);
-	const label = (() => {
+	const { action, detail } = (() => {
 		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`;
+			case "tool-set_context": return described(working ? "Updating" : "Updated", part.input?.label || "context");
+			case "tool-load_context": return described(working ? "Loading" : "Loaded", part.input?.key ?? "context");
+			case "tool-unload_context": return described(working ? "Unloading" : "Unloaded", part.input?.key ?? "context");
+			case "tool-search_context": return described(working ? "Searching" : "Searched", part.input?.label ?? "context");
+			case "tool-session_search": return described(working ? "Searching" : "Searched", "conversations");
 		}
 	})();
-	return failed ? `${label} · failed` : label;
+	return failed ? described(`${action} ${detail ?? ""}`.trim() + " · failed") : described(action, detail);
 }
 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 isHumanWaitPause(output) ? "Browser waiting for human" : "Browser waiting for approval";
-		return working ? "Using the browser" : "Used the browser";
+		if (failed || output?.status === "error") return described("Browser automation failed");
+		if (output?.status === "paused") return described(isHumanWaitPause(output) ? "Browser waiting for human" : "Browser waiting for approval");
+		return described(working ? "Using the browser" : "Used the browser");
 	}
 	const page = displayUrl(part.input?.url) || "a page";
-	const label = (() => {
+	const { action, detail } = (() => {
 		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}`;
+			case "tool-browser_extract": return described(working ? "Extracting data" : "Extracted data", `from ${page}`);
+			case "tool-browser_links": return described(working ? "Listing links" : "Listed links", `on ${page}`);
+			case "tool-browser_scrape": return described(working ? "Scraping" : "Scraped", page);
+			default: return described(working ? "Browsing" : "Browsed", page);
 		}
 	})();
-	return failed ? `${label} · failed` : label;
+	return failed ? described(`${action} ${detail ?? ""}`.trim() + " · failed") : described(action, detail);
 }
 function describeExecuteToolPart(part) {
 	const output = part.state === "output-available" ? part.output : void 0;
-	if (output?.status === "paused") return isHumanWaitPause(output) ? "Code waiting for human" : "Code waiting for approval";
+	if (output?.status === "paused") return described(isHumanWaitPause(output) ? "Code waiting for human" : "Code waiting for approval");
 	const explicitSummary = part.input ? Reflect.get(part.input, "summary") : void 0;
 	const summary = typeof explicitSummary === "string" ? summarizeToolInput({ summary: explicitSummary }) : null;
-	if (summary) return summary;
-	if (isPartFailed(part) || output?.status === "error") return "Code failed";
-	const label = isPartWorking(part) ? "Running code" : "Ran code";
-	const snippet = summarizeToolInput(part.input);
-	return snippet ? `${label} · ${snippet}` : label;
+	if (summary) return described(summary);
+	if (isPartFailed(part) || output?.status === "error") return described("Code failed");
+	return described(isPartWorking(part) ? "Running code" : "Ran code", summarizeToolInput(part.input));
 }
 function summarizeReasoningTitle(text) {
 	const line = text.split("\n").find((candidate) => candidate.trim())?.trim();
@@ -279,9 +282,9 @@ function isHumanWaitPause(output) {
 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";
+	if (isPartFailed(part) || output?.ok === false) return described("Fetch failed", target);
 	const verb = isPartWorking(part) ? "Fetching" : "Fetched";
-	return target ? `${verb} ${target}` : `${verb} a URL`;
+	return target ? described(verb, target) : described(`${verb} a URL`);
 }
 function summarizeActivitySteps(parts) {
 	const byTool = /* @__PURE__ */ new Map();
@@ -344,38 +347,38 @@ function summarizeActivitySteps(parts) {
 }
 /** Derive the serializable collapsed header from persisted AI SDK message parts. */
 function deriveThinkChatActivityHeader(parts, options = {}) {
-	const described = parts.flatMap((part) => {
-		const label = describeThinkChatActivityPart(part, options.toolDescribers);
-		return label ? [{
-			label,
+	const steps = parts.flatMap((part) => {
+		const description = describeThinkChatActivityPart(part, options.toolDescribers);
+		return description ? [{
+			description,
 			part
 		}] : [];
 	});
-	if (described.length === 0) return null;
+	if (steps.length === 0) return null;
 	if (options.isStreaming ?? parts.some(isPartWorking)) {
-		const latest = described.at(-1);
+		const latest = steps.at(-1);
 		const workspaceDestination = activityPartWorkspaceDestination(latest.part);
 		return boundedActivityHeader({
-			label: latest.label,
+			...latest.description,
 			iconKind: activityPartIconKind(latest.part),
 			...activityPartUrl(latest.part) ? { url: activityPartUrl(latest.part) } : {},
 			...workspaceDestination ? { workspaceDestination } : {}
 		});
 	}
 	if (parts.some((part) => isToolUIPart(part) && isPartFailed(part))) return boundedActivityHeader({
-		label: summarizeActivitySteps(parts),
+		action: summarizeActivitySteps(parts),
 		iconKind: "approval"
 	});
 	const workspaceRepresentative = parts.find((part) => activityPartIconKind(part) === "edit" && activityPartWorkspaceDestination(part)) ?? parts.find((part) => activityPartWorkspaceDestination(part));
 	const workspaceDestination = workspaceRepresentative ? activityPartWorkspaceDestination(workspaceRepresentative) : null;
 	const representative = parts.find((part) => activityPartIconKind(part) === "edit") ?? parts.find((part) => activityPartUrl(part)) ?? parts.find((part) => describeThinkChatActivityPart(part));
 	if (!representative) return boundedActivityHeader({
-		label: summarizeActivitySteps(parts),
+		action: summarizeActivitySteps(parts),
 		iconKind: "tool"
 	});
 	const url = activityPartUrl(representative);
 	return boundedActivityHeader({
-		label: summarizeActivitySteps(parts),
+		action: summarizeActivitySteps(parts),
 		iconKind: activityPartIconKind(representative),
 		...url ? { url } : {},
 		...workspaceDestination ? { workspaceDestination } : {}
@@ -387,14 +390,14 @@ function deriveThinkChatActivityHeader(parts, options = {}) {
 */
 function deriveThinkChatToolLifecycleHeader(snapshot) {
 	if (snapshot.state === "approval-required") return boundedActivityHeader({
-		label: "Approval needed",
+		action: "Approval needed",
 		iconKind: "approval"
 	});
 	const part = lifecycleSnapshotToToolPart(snapshot);
 	const url = activityPartUrl(part);
 	const workspaceDestination = activityPartWorkspaceDestination(part);
 	return boundedActivityHeader({
-		label: describeThinkChatActivityPart(part) ?? "Used a tool",
+		...describeThinkChatActivityPart(part) ?? described("Used a tool"),
 		iconKind: activityPartIconKind(part),
 		...url ? { url } : {},
 		...workspaceDestination ? { workspaceDestination } : {}

package/dist/components/ThinkChatToolPanels.js

@@ -1,7 +1,7 @@
 import { ActivityOutput, ActivityPanel } from "./Activity.js";
 import { displayUrl, isSessionContextToolFailure } from "./ThinkChatToolParts.js";
 import { Tabs } from "./Tabs.js";
-import { t as CodeBlock } from "../CodeBlock-ygtuzqJd.js";
+import { t as CodeBlock } from "../CodeBlock-Cp67Njo3.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";
 import { inferWorkspaceLanguage } from "./WorkspaceFile.js";
 import * as React from "react";

package/dist/components/ThinkExecutionDetail.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { D as InfoIcon, S as FileIcon, U as RefreshIcon, X as TerminalIcon, et as XIcon, n as ArrowDownIcon, u as CheckIcon } from "../icons-DyOM0EJs.js";
+import { C as FileIcon, O as InfoIcon, W as RefreshIcon, Z as TerminalIcon, d as CheckIcon, n as ArrowDownIcon, tt as XIcon } from "../icons-ua6f_GH3.js";
 import { Activity, ActivityContent, ActivityItem, ActivityItemGroup, ActivityOutput, ActivityPanel, ActivityTrigger } from "./Activity.js";
 import { formatThinkExecutionRunProgress, formatThinkExecutionStatus, formatThinkExecutionTimestamp, getThinkExecutionRunError, getThinkExecutionRunId, getThinkExecutionRunProgressedAt, getThinkExecutionRunProgressedLabel, getThinkExecutionRunStatus, getThinkExecutionRunTitle, isThinkSubmissionRun } from "./ThinkExecutionRun.js";
 import { ThinkExecutionStatus } from "./ThinkExecutionStatus.js";
@@ -38,7 +38,7 @@ function ThinkExecutionDetail({ className, emptyState = "Select a run to view it
 			defaultOpen: true,
 			children: [/* @__PURE__ */ jsx(ActivityTrigger, {
 				icon: /* @__PURE__ */ jsx(TerminalIcon, {}),
-				label: "Activity"
+				action: "Activity"
 			}), /* @__PURE__ */ jsxs(ActivityContent, { children: [
 				/* @__PURE__ */ jsx(ActivityItem, {
 					icon: /* @__PURE__ */ jsx(ArrowDownIcon, {}),
@@ -54,7 +54,7 @@ function ThinkExecutionDetail({ className, emptyState = "Select a run to view it
 				}) : null,
 				error ? /* @__PURE__ */ jsx(ActivityItemGroup, {
 					icon: /* @__PURE__ */ jsx(XIcon, {}),
-					label: "Failure",
+					action: "Failure",
 					children: /* @__PURE__ */ jsx(ActivityPanel, {
 						label: "Error",
 						text: error,
@@ -64,12 +64,12 @@ function ThinkExecutionDetail({ className, emptyState = "Select a run to view it
 				}) : null,
 				run.metadata ? /* @__PURE__ */ jsx(ActivityItemGroup, {
 					icon: /* @__PURE__ */ jsx(InfoIcon, {}),
-					label: "Metadata",
+					action: "Metadata",
 					children: /* @__PURE__ */ jsx(ActivityOutput, { children: formatJson(run.metadata) })
 				}) : null,
 				/* @__PURE__ */ jsx(ActivityItemGroup, {
 					icon: /* @__PURE__ */ jsx(FileIcon, {}),
-					label: "Raw record",
+					action: "Raw record",
 					children: /* @__PURE__ */ jsx(ActivityOutput, { children: formatJson(run) })
 				})
 			] })]

package/dist/components/ThinkExecutionStatus.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { D as InfoIcon, K as SpinnerIcon, R as PauseIcon, et as XIcon, u as CheckIcon } from "../icons-DyOM0EJs.js";
+import { O as InfoIcon, d as CheckIcon, q as SpinnerIcon, tt as XIcon, z as PauseIcon } from "../icons-ua6f_GH3.js";
 import { Tooltip } from "./Tooltip.js";
 import { formatThinkExecutionStatus, getThinkExecutionRunStatus, getThinkExecutionRunStatusTone } from "./ThinkExecutionRun.js";
 import "react";

package/dist/components/ThinkExecutionWorkbench.js

@@ -1,8 +1,9 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { U as RefreshIcon, y as EllipsisIcon } from "../icons-DyOM0EJs.js";
+import { buttonVariants } from "./Button.js";
+import { W as RefreshIcon, b as EllipsisIcon } from "../icons-ua6f_GH3.js";
 import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
-import { Button, buttonVariants } from "./Button.js";
-import { Tooltip } from "./Tooltip.js";
+import { IconButton } from "./IconButton.js";
+import { EmptyState } from "./EmptyState.js";
 import { Menu } from "./Menu.js";
 import { AppTopBar } from "./AppTopBar.js";
 import { formatThinkExecutionRunProgress, getThinkExecutionRunAccessibleName, getThinkExecutionRunId, getThinkExecutionRunStatus, getThinkExecutionRunStatusTone, getThinkExecutionRunSubtitle, getThinkExecutionRunTitle, isSameThinkExecutionRun, isThinkSubmissionRun } from "./ThinkExecutionRun.js";
@@ -31,24 +32,17 @@ function RunActions({ busy, onAction, run, source }) {
 	const statusTone = getThinkExecutionRunStatusTone(run);
 	const kind = isThinkSubmissionRun(run) ? "submission" : "workflow";
 	const action = (key, callback) => () => onAction(key, callback);
-	return /* @__PURE__ */ jsxs(Menu.Root, { children: [/* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, { render: /* @__PURE__ */ jsx(Menu.Trigger, {
-		unstyled: true,
-		render: /* @__PURE__ */ jsx(Button, {
-			type: "button",
-			variant: "ghost",
-			color: "neutral",
-			size: "sm",
-			iconOnly: true,
-			className: "think-execution-workbench__run-actions",
-			"aria-label": `Actions for ${kind} ${id}`,
-			disabled: busy,
-			children: /* @__PURE__ */ jsx(EllipsisIcon, {})
-		})
-	}) }), /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
-		side: "top",
-		sideOffset: 6,
-		children: /* @__PURE__ */ jsx(Tooltip.Popup, { children: "Run actions" })
-	}) })] }), /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
+	return /* @__PURE__ */ jsxs(Menu.Root, { children: [/* @__PURE__ */ jsx(IconButton, {
+		label: `Actions for ${kind} ${id}`,
+		tooltip: "Run actions",
+		render: /* @__PURE__ */ jsx(Menu.Trigger, { unstyled: true }),
+		variant: "ghost",
+		color: "neutral",
+		size: "sm",
+		className: "think-execution-workbench__run-actions",
+		disabled: busy,
+		children: /* @__PURE__ */ jsx(EllipsisIcon, {})
+	}), /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
 		align: "end",
 		children: /* @__PURE__ */ jsx(Menu.Popup, { children: isThinkSubmissionRun(run) ? /* @__PURE__ */ jsxs(Fragment, { children: [
 			isSubmissionCancelable(run.status) ? /* @__PURE__ */ jsx(Menu.Item, {
@@ -188,13 +182,13 @@ function ThinkExecutionWorkbench({ backButton, className, pageSize = executionPa
 							id: runsId,
 							children: "Runs"
 						})
-					}), runsQuery.isPending && runs.length === 0 ? /* @__PURE__ */ jsx("p", {
+					}), runsQuery.isPending && runs.length === 0 ? /* @__PURE__ */ jsx(EmptyState, {
 						className: "think-execution-workbench__empty",
 						role: "status",
-						children: "Loading runs..."
-					}) : runs.length === 0 ? /* @__PURE__ */ jsx("p", {
+						description: "Loading runs..."
+					}) : runs.length === 0 ? /* @__PURE__ */ jsx(EmptyState, {
 						className: "think-execution-workbench__empty",
-						children: "No runs yet."
+						description: "No runs yet."
 					}) : /* @__PURE__ */ jsx("ul", {
 						className: "think-execution-workbench__list",
 						role: "list",

package/dist/components/ThinkFullApp.d.ts

@@ -1,8 +1,9 @@
 import { l as WorkspaceNavigationAdapter } from "../WorkspaceLink-O-EBKUJ8.js";
-import { r as WorkspaceFileAssetResolver } from "../WorkspaceFile-D8Un_xge.js";
-import { a as WorkspaceSource } from "../Workspace-CWtust-2.js";
+import { r as WorkspaceFileAssetResolver } from "../WorkspaceFile-DMtRMwVv.js";
+import { a as WorkspaceSource } from "../Workspace-CIycQ4xE.js";
 import { ThinkChatMessagesProps } from "./ThinkChat.js";
 import { t as ThinkAgent } from "../think-agent-Cip5KAPj.js";
+import { McpPluginCatalogProps } from "./McpPluginCatalog.js";
 import { t as ThinkExecutionRun } from "../ThinkExecutionRun-ChhWhOoU.js";
 import { ThinkExecutionWorkbenchProps } from "./ThinkExecutionWorkbench.js";
 import { ThinkFullAppView } from "./ThinkFullAppViewSwitch.js";
@@ -16,7 +17,7 @@ import { useAgent } from "agents/react";
 //#region src/components/ThinkFullApp.d.ts
 type ThinkFullAppMobileView = "chat" | "workbench";
 type ThinkFullAppAgent<State = unknown> = ThinkAgent<State>;
-type ThinkFullAppWorkbenchView = "files" | "execution" | (string & {});
+type ThinkFullAppWorkbenchView = "files" | "execution" | "plugins" | (string & {});
 interface ThinkFullAppWorkspaceConfig {
   source: WorkspaceSource;
   /**
@@ -49,6 +50,8 @@ interface ThinkFullAppProps<AgentT extends ThinkFullAppAgent<State>, State = unk
   chat: ReturnType<typeof useAgentChat<State, MessageT>>;
   /** Atomic workspace source, navigation, media, and header configuration. */
   workspace?: ThinkFullAppWorkspaceConfig;
+  /** Plugin directory backed by the host's live Agents MCP state and connection callbacks. */
+  plugins?: McpPluginCatalogProps;
   /** Product-specific actions rendered in the application top bar. */
   appBarActions?: React.ReactNode;
   /** Product-specific navigation rendered after the built-in sidebar control. */
@@ -76,7 +79,7 @@ interface ThinkFullAppProps<AgentT extends ThinkFullAppAgent<State>, State = unk
   renderExecutionRunLink: ThinkExecutionWorkbenchProps["renderRunLink"];
   /** Message rendering labels and approval overrides for ThinkChat. */
   messages?: ThinkChatMessagesProps<MessageT>;
-  /** Extra workbench panels appended after the built-in Files and Execution panels. */
+  /** Extra workbench panels appended after the enabled built-in panels. */
   workbenchPanels?: readonly ThinkFullAppPanel<AgentT, State, MessageT>[];
   /** Show retained Agent Tool runs from the parent connection. Defaults to true. */
   showAgentTools?: boolean;
@@ -126,6 +129,7 @@ declare function ThinkFullApp<AgentT extends ThinkFullAppAgent<State>, State = u
   onMobileViewChange,
   onThreadSidebarOpenChange,
   onWorkbenchViewChange,
+  plugins,
   ref,
   renderAgentToolRunLink,
   renderExecutionRunLink,

package/dist/components/ThinkFullApp.js

@@ -1,12 +1,14 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { S as FileIcon, X as TerminalIcon, d as ChevronDownIcon } from "../icons-DyOM0EJs.js";
 import { Button } from "./Button.js";
+import { C as FileIcon, Z as TerminalIcon, c as BoxIcon, f as ChevronDownIcon } from "../icons-ua6f_GH3.js";
 import { a as WorkspaceNavigationRestorationBoundary, i as WorkspaceNavigationFocusRestorer, n as WorkspaceNavigationProvider } from "../WorkspaceLink-BYYeTQLf.js";
 import { n as mergeRefs } from "../merge-refs-DF_7w2x_.js";
 import { AppTopBar } from "./AppTopBar.js";
 import { c as resolveThinkApprovalProps, s as useThinkPendingExecutionApprovals, t as ThinkChat } from "../ThinkChat-E_HrfH76.js";
 import { useWorkspace } from "./Workspace.js";
 import { WorkspaceExplorer } from "./WorkspaceExplorer.js";
+import { ScrollArea } from "./ScrollArea.js";
+import { McpPluginCatalog } from "./McpPluginCatalog.js";
 import { n as runViewTransition } from "../view-transitions-DyUP0lSg.js";
 import { ResizableSidePanel } from "./ResizableSidePanel.js";
 import { ThinkExecutionWorkbench } from "./ThinkExecutionWorkbench.js";
@@ -38,8 +40,14 @@ function WorkspacePanel({ config }) {
 		actions: config.actions
 	});
 }
+function PluginsPanel({ config }) {
+	return /* @__PURE__ */ jsxs(ScrollArea.Root, {
+		className: "think-full-app__workbench",
+		children: [/* @__PURE__ */ jsx(ScrollArea.Viewport, { children: /* @__PURE__ */ jsx(McpPluginCatalog, { ...config }) }), /* @__PURE__ */ jsx(ScrollArea.Scrollbar, { children: /* @__PURE__ */ jsx(ScrollArea.Thumb, {}) })]
+	});
+}
 /** Combines ThinkChat with an optional resizable workbench shell. */
-function ThinkFullApp({ agent, appBarActions, appBarLeading, appBarTitle, chat, className, defaultMobileView, defaultWorkbenchView, defaultThreadSidebarOpen, hideAppBarInWorkbench = false, messages, mobileView, onMobileViewChange, onThreadSidebarOpenChange, onWorkbenchViewChange, ref, renderAgentToolRunLink, renderExecutionRunLink, selectedExecutionRun, showAgentTools = true, showExecutionWorkbench = true, showMobileViewSwitch = true, sourceKey, style, threadSidebar, threadSidebarOpen, threadStatusSummary, workbenchPanels, workbenchView, workspace, ...props }) {
+function ThinkFullApp({ agent, appBarActions, appBarLeading, appBarTitle, chat, className, defaultMobileView, defaultWorkbenchView, defaultThreadSidebarOpen, hideAppBarInWorkbench = false, messages, mobileView, onMobileViewChange, onThreadSidebarOpenChange, onWorkbenchViewChange, plugins, ref, renderAgentToolRunLink, renderExecutionRunLink, selectedExecutionRun, showAgentTools = true, showExecutionWorkbench = true, showMobileViewSwitch = true, sourceKey, style, threadSidebar, threadSidebarOpen, threadStatusSummary, workbenchPanels, workbenchView, workspace, ...props }) {
 	const appRef = React.useRef(null);
 	const viewScopeRef = React.useRef(null);
 	const workbenchPanelRef = React.useRef(null);
@@ -116,6 +124,12 @@ function ThinkFullApp({ agent, appBarActions, appBarLeading, appBarTitle, chat,
 			renderRunLink: renderExecutionRunLink
 		})
 	});
+	if (plugins) availableWorkbenchPanels.push({
+		id: "plugins",
+		label: "Plugins",
+		icon: /* @__PURE__ */ jsx(BoxIcon, {}),
+		render: () => /* @__PURE__ */ jsx(PluginsPanel, { config: plugins })
+	});
 	if (workbenchPanels) availableWorkbenchPanels.push(...workbenchPanels);
 	const activePanel = availableWorkbenchPanels.find((panel) => panel.id === requestedWorkbenchView) ?? availableWorkbenchPanels[0];
 	const activeWorkbenchView = activePanel?.id;
@@ -219,6 +233,7 @@ function ThinkFullApp({ agent, appBarActions, appBarLeading, appBarTitle, chat,
 			/* @__PURE__ */ jsxs("div", {
 				ref: viewScopeRef,
 				className: "think-full-app__view-scope",
+				"data-recipe": "application-plane",
 				children: [/* @__PURE__ */ jsx("section", {
 					className: "think-full-app__chat-surface",
 					"data-workspace-restoration-scope": "chat",

package/dist/components/ThinkFullAppViewSwitch.d.ts

@@ -1,4 +1,4 @@
-import { r as ToggleGroupProps } from "../ToggleGroup-DNd6cDJZ.js";
+import { r as ToggleGroupProps } from "../ToggleGroup-BW1jrhAF.js";
 import * as React from "react";
 
 //#region src/components/ThinkFullAppViewSwitch.d.ts

package/dist/components/ThinkRoutineBrowser.js

@@ -1,7 +1,7 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { V as PlusIcon } from "../icons-DyOM0EJs.js";
-import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
 import { buttonVariants } from "./Button.js";
+import { H as PlusIcon } from "../icons-ua6f_GH3.js";
+import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
 import { Tooltip } from "./Tooltip.js";
 import { t as capitalize } from "../format-S6uWyoSb.js";
 import { SearchField } from "./SearchField.js";
@@ -36,6 +36,7 @@ function ThinkRoutineBrowser({ className, routines, selectedRoutineId, showOwner
 			/* @__PURE__ */ jsxs("div", {
 				className: "think-routine-library__browser-toolbar",
 				children: [/* @__PURE__ */ jsx(ToggleGroup.Root, {
+					segmented: true,
 					className: "think-routine-library__filters",
 					size: "sm",
 					"aria-label": "Filter schedules",

package/dist/components/ThinkRoutineForm.js

@@ -1,11 +1,11 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon } from "../icons-DyOM0EJs.js";
-import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
 import { Button, buttonVariants } from "./Button.js";
+import { q as SpinnerIcon } from "../icons-ua6f_GH3.js";
+import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
+import { Select } from "./Select.js";
 import { Field } from "./Field.js";
 import { Form } from "./Form.js";
 import { Textarea } from "./Textarea.js";
-import { Select } from "./Select.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ThinkRoutineForm.tsx

package/dist/components/ThinkRoutineLibrary.js

@@ -1,7 +1,7 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { B as PlayIcon, K as SpinnerIcon, Q as WarningIcon, d as ChevronDownIcon, y as EllipsisIcon } from "../icons-DyOM0EJs.js";
-import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
 import { Button, buttonVariants } from "./Button.js";
+import { $ as WarningIcon, V as PlayIcon, b as EllipsisIcon, f as ChevronDownIcon, q as SpinnerIcon } from "../icons-ua6f_GH3.js";
+import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
 import { Menu } from "./Menu.js";
 import { AppTopBar } from "./AppTopBar.js";
 import { AlertDialog } from "./AlertDialog.js";

package/dist/components/ThinkRoutineRuns.js

@@ -1,6 +1,7 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
 import { buttonVariants } from "./Button.js";
+import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
+import { EmptyState } from "./EmptyState.js";
 import { Badge } from "./Badge.js";
 import { formatThinkExecutionShortTimestamp, getThinkExecutionRunId, getThinkExecutionRunStatus, isThinkSubmissionRun } from "./ThinkExecutionRun.js";
 import { ThinkExecutionStatus } from "./ThinkExecutionStatus.js";
@@ -65,9 +66,9 @@ function ThinkRoutineRuns({ className, runs, title = "Recent runs", emptyState =
 					})
 				}, `${kind}:${getThinkExecutionRunId(run)}`);
 			})
-		}) : /* @__PURE__ */ jsx("p", {
+		}) : /* @__PURE__ */ jsx(EmptyState, {
 			className: "think-routine-library__empty-runs",
-			children: emptyState
+			description: emptyState
 		})]
 	});
 }

package/dist/components/ThinkThreadPicker.js

@@ -1,7 +1,8 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon, Q as WarningIcon, V as PlusIcon, _ as DotIcon, t as ArchiveIcon } from "../icons-DyOM0EJs.js";
-import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
 import { Button, buttonVariants } from "./Button.js";
+import { $ as WarningIcon, H as PlusIcon, q as SpinnerIcon, t as ArchiveIcon, v as DotIcon } from "../icons-ua6f_GH3.js";
+import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
+import { EmptyState } from "./EmptyState.js";
 import { SearchField } from "./SearchField.js";
 import { AlertDialog } from "./AlertDialog.js";
 import { ScrollArea } from "./ScrollArea.js";
@@ -247,9 +248,9 @@ function ThinkThreadPicker({ threads, renderThreadLink, onCreate, onDelete, clas
 									}) : null]
 								}, thread.id);
 							})
-						}) : /* @__PURE__ */ jsx("p", {
+						}) : /* @__PURE__ */ jsx(EmptyState, {
 							className: "think-thread-picker__empty",
-							children: threads.length ? "No matching threads." : "No threads yet."
+							description: threads.length ? "No matching threads." : "No threads yet."
 						})
 					}), /* @__PURE__ */ jsx(ScrollArea.Scrollbar, {
 						orientation: "vertical",

package/dist/components/Toast.d.ts

@@ -33,7 +33,15 @@ interface ToastActionProps extends React.ComponentPropsWithoutRef<typeof Toast$1
 /**
  * Props for the Toast.Close component.
  */
-interface ToastCloseProps extends React.ComponentPropsWithoutRef<typeof Toast$1.Close> {}
+type BaseToastCloseProps = React.ComponentPropsWithoutRef<typeof Toast$1.Close>;
+interface ToastCloseProps extends Omit<BaseToastCloseProps, "aria-label" | "children" | "className" | "nativeButton" | "render"> {
+  /** Additional class names for close-button layout. */
+  className?: string;
+  /** Accessible name for the icon-only close button. */
+  label?: string;
+  /** Decorative close glyph. Defaults to the design-system close icon. */
+  children?: React.ReactNode;
+}
 /**
  * Container for displaying toasts.
  */
@@ -100,6 +108,8 @@ declare function ToastAction({
  */
 declare function ToastClose({
   className,
+  label,
+  children,
   ref,
   ...props
 }: ToastCloseProps & {
@@ -133,7 +143,7 @@ declare function ToastClose({
  *             <Toast.Title>{toast.title}</Toast.Title>
  *             <Toast.Description>{toast.description}</Toast.Description>
  *           </Toast.Content>
- *           <Toast.Close>Dismiss</Toast.Close>
+ *           <Toast.Close />
  *         </Toast.Root>
  *       ))}
  *     </Toast.Viewport>