@mcp-b/react-components 0.45.0 → 0.46.0

package/dist/components/agents-sdk/ModelSelector.js

@@ -1,12 +1,12 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { W as SearchIcon, f as ChevronDownIcon } from "../../icons-DbrksZyY.js";
+import { W as SearchIcon, f as ChevronDownIcon } from "../../icons-BNEY4gO5.js";
 import { Button } from "../foundations/Button.js";
 import { Autocomplete } from "../foundations/Autocomplete.js";
 import { Dialog } from "../foundations/Dialog.js";
 import { c as titleCase } from "../../format-COCyV98Z.js";
 import { Separator } from "../foundations/Separator.js";
 import { ScrollArea } from "../foundations/ScrollArea.js";
-import { t as ProviderLogo } from "../../provider-logos-zjZycgV6.js";
+import { t as ProviderLogo } from "../../provider-logos-DWYY8wNz.js";
 import { EmptyState } from "../foundations/EmptyState.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/agents-sdk/PromptInputCommands.d.ts

@@ -1,4 +1,5 @@
-import { D as PromptInputCommandDefinition } from "../../PromptInput-BRX7FhjH.js";
+import { D as PromptInputCommandDefinition } from "../../PromptInput-DtJHyp0S.js";
+import { ConversationTabPickerItem } from "../extension/ConversationTabPicker.js";
 import { MCPServersState } from "agents";
 import { SkillDescriptor } from "agents/skills";
 
@@ -7,5 +8,7 @@ import { SkillDescriptor } from "agents/skills";
 declare function mcpPromptInputCommands(mcp: MCPServersState): PromptInputCommandDefinition[];
 /** Project whole upstream skill descriptors into composer slash commands. */
 declare function skillPromptInputCommands(skills: readonly SkillDescriptor[]): PromptInputCommandDefinition[];
+/** Project host-resolved browser tabs into composer `@` mentions. */
+declare function tabPromptInputCommands(tabs: readonly ConversationTabPickerItem[]): PromptInputCommandDefinition[];
 //#endregion
-export { mcpPromptInputCommands, skillPromptInputCommands };
+export { mcpPromptInputCommands, skillPromptInputCommands, tabPromptInputCommands };

package/dist/components/agents-sdk/PromptInputCommands.js

@@ -1,6 +1,43 @@
-import { A as McpIcon, c as BoxIcon } from "../../icons-DbrksZyY.js";
+import { composerLinkHref } from "../../utils/composer-link.js";
+import { getMcpServerIconSrc } from "../../utils/mcp-server-catalog.js";
+import { A as McpIcon, c as BoxIcon } from "../../icons-BNEY4gO5.js";
+import { n as findCatalogMcpServerCard } from "../../mcp-server-7NR24ASj.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/agents-sdk/PromptInputCommands.tsx
+function mcpServerCommandIcon(server) {
+	const card = findCatalogMcpServerCard({
+		id: server.name,
+		name: server.name,
+		url: server.server_url
+	});
+	const src = card ? getMcpServerIconSrc(card) : void 0;
+	if (!src) return /* @__PURE__ */ jsx(McpIcon, {});
+	return /* @__PURE__ */ jsx("img", {
+		alt: "",
+		className: "sigvelo-brand-mark sigvelo-brand-mark--colorful",
+		decoding: "async",
+		referrerPolicy: "no-referrer",
+		src
+	});
+}
+function mcpServerIconSrc(server) {
+	const card = findCatalogMcpServerCard({
+		id: server.name,
+		name: server.name,
+		url: server.server_url
+	});
+	return card ? getMcpServerIconSrc(card) : void 0;
+}
+function tabCommandLabel(tab) {
+	const title = tab.title?.trim();
+	if (title) return title;
+	if (!tab.url) return `Tab ${tab.id}`;
+	try {
+		return new URL(tab.url).hostname.replace(/^www\./, "") || tab.url;
+	} catch {
+		return tab.url;
+	}
+}
 /** Project whole upstream Agents MCP state into composer mention commands. */
 function mcpPromptInputCommands(mcp) {
 	return Object.entries(mcp.servers).flatMap(([id, server]) => server.state === "ready" ? [{
@@ -8,7 +45,14 @@ function mcpPromptInputCommands(mcp) {
 		value: id,
 		label: server.name,
 		description: server.server_url,
-		icon: /* @__PURE__ */ jsx(McpIcon, {}),
+		icon: mcpServerCommandIcon(server),
+		iconSrc: mcpServerIconSrc(server),
+		href: composerLinkHref({
+			kind: "mcp",
+			value: id,
+			label: server.name,
+			iconSrc: mcpServerIconSrc(server)
+		}),
 		keywords: [id, server.server_url],
 		group: "Connected MCP servers",
 		meta: "Connected"
@@ -21,6 +65,11 @@ function skillPromptInputCommands(skills) {
 		value: skill.name,
 		label: skill.name,
 		description: skill.description,
+		href: composerLinkHref({
+			kind: "skill",
+			value: skill.name,
+			label: skill.name
+		}),
 		icon: /* @__PURE__ */ jsx(BoxIcon, {}),
 		...skill.sourceId ? {
 			keywords: [skill.sourceId],
@@ -29,5 +78,34 @@ function skillPromptInputCommands(skills) {
 		group: "Skills"
 	}));
 }
+/** Project host-resolved browser tabs into composer `@` mentions. */
+function tabPromptInputCommands(tabs) {
+	return tabs.map((tab) => {
+		const label = tabCommandLabel(tab);
+		const value = String(tab.id);
+		return {
+			id: `tab:${value}`,
+			value,
+			label,
+			description: tab.url,
+			iconSrc: tab.iconSrc,
+			href: composerLinkHref({
+				kind: "tab",
+				value,
+				label,
+				iconSrc: tab.iconSrc
+			}),
+			icon: tab.iconSrc ? /* @__PURE__ */ jsx("img", {
+				alt: "",
+				className: "sigvelo-brand-mark sigvelo-brand-mark--colorful",
+				decoding: "async",
+				referrerPolicy: "no-referrer",
+				src: tab.iconSrc
+			}) : void 0,
+			keywords: [tab.url, tab.title].filter((term) => Boolean(term)),
+			group: "Tabs"
+		};
+	});
+}
 //#endregion
-export { mcpPromptInputCommands, skillPromptInputCommands };
+export { mcpPromptInputCommands, skillPromptInputCommands, tabPromptInputCommands };

package/dist/components/agents-sdk/SubagentRunIndicator.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { Y as StopIcon, d as CheckIcon, et as WarningIcon, q as SpinnerIcon } from "../../icons-DbrksZyY.js";
+import { Y as StopIcon, d as CheckIcon, et as WarningIcon, q as SpinnerIcon } from "../../icons-BNEY4gO5.js";
 import { r as firstLine, s as textLines } from "../../format-COCyV98Z.js";
 import { NaniteMark } from "../nanites/NaniteScene.js";
 import "react";

package/dist/components/agents-sdk/ThinkChat.d.ts

@@ -1,9 +1,9 @@
 import { i as AgentMessageRenderPartContext } from "../../AgentMessageParts-C7L-Mv9U.js";
-import { K as PromptInputMessage } from "../../PromptInput-BRX7FhjH.js";
-import { r as AgentChatProps } from "../../AgentChat-Bibfj7u1.js";
+import { K as PromptInputMessage } from "../../PromptInput-DtJHyp0S.js";
+import { r as AgentChatProps } from "../../AgentChat-BLmQghkt.js";
 import { n as AgentToolEventsValue } from "../../AgentToolRunsContext-jtmveaRE.js";
 import { o as UseSessionCompactionResult } from "../../SessionCompaction-CmTJFpzj.js";
-import { o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, t as ThinkChatActivity } from "../../ThinkChatActivity-CgvmTXXB.js";
+import { o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, t as ThinkChatActivity } from "../../ThinkChatActivity-B3lGVS-6.js";
 import { i as ThinkChatValue } from "../../ThinkChatContext-COIgzkYp.js";
 import { t as ThinkRecoveryNotice } from "../../ThinkRecoveryNotice-DGWr94rk.js";
 import { n as WorkspaceHtmlArtifactRenderer } from "../../WorkspaceMessageResponse-D66ty4FO.js";

package/dist/components/agents-sdk/ThinkChat.js

@@ -1,2 +1,2 @@
-import { a as thinkPendingExecutionApprovalsQueryOptions, i as ThinkChatRoot, n as ThinkChatMessages, o as useThinkChat, r as ThinkChatProvider, s as useThinkPendingExecutionApprovals, t as ThinkChat } from "../../ThinkChat-CWMcl79Q.js";
+import { a as thinkPendingExecutionApprovalsQueryOptions, i as ThinkChatRoot, n as ThinkChatMessages, o as useThinkChat, r as ThinkChatProvider, s as useThinkPendingExecutionApprovals, t as ThinkChat } from "../../ThinkChat-qztQ6Clo.js";
 export { ThinkChat, ThinkChatMessages, ThinkChatProvider, ThinkChatRoot, thinkPendingExecutionApprovalsQueryOptions, useThinkChat, useThinkPendingExecutionApprovals };

package/dist/components/agents-sdk/ThinkChatActivity.d.ts

@@ -1,2 +1,2 @@
-import { a as ThinkChatToolRenderers, i as ThinkChatToolRenderer, n as ThinkChatActivityProps, o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, s as renderThinkChatActivityPart, t as ThinkChatActivity } from "../../ThinkChatActivity-CgvmTXXB.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-B3lGVS-6.js";
 export { ThinkChatActivity, ThinkChatActivityProps, ThinkChatActivityRendererOptions, ThinkChatToolRenderer, ThinkChatToolRenderers, createThinkChatActivityRenderer, renderThinkChatActivityPart };

package/dist/components/agents-sdk/ThinkChatToolPanels.js

@@ -1,7 +1,7 @@
 import { ActivityOutput, ActivityPanel } from "../ai-sdk/Activity.js";
 import { Tabs } from "../foundations/Tabs.js";
 import { o as formatUnknownValue } from "../../format-COCyV98Z.js";
-import { t as CodeBlock } from "../../CodeBlock-8K1p1BDU.js";
+import { t as CodeBlock } from "../../CodeBlock-BpooTofO.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";
 import { inferWorkspaceLanguage } from "./WorkspaceFile.js";
 import { displayUrl, isSessionContextToolFailure } from "./ThinkChatToolParts.js";

package/dist/components/agents-sdk/ThinkExecutionDetail.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { S as FileIcon, T as InfoIcon } from "../../icons-DbrksZyY.js";
+import { S as FileIcon, T as InfoIcon } from "../../icons-BNEY4gO5.js";
 import { Activity, ActivityContent, ActivityItemGroup, ActivityOutput, ActivityTrigger } from "../ai-sdk/Activity.js";
 import { o as formatUnknownValue } from "../../format-COCyV98Z.js";
 import { DescriptionList } from "../foundations/DescriptionList.js";

package/dist/components/agents-sdk/ThinkExecutionStatus.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { R as PauseIcon, T as InfoIcon, d as CheckIcon, nt as XIcon, q as SpinnerIcon } from "../../icons-DbrksZyY.js";
+import { R as PauseIcon, T as InfoIcon, d as CheckIcon, nt as XIcon, q as SpinnerIcon } from "../../icons-BNEY4gO5.js";
 import { Tooltip } from "../foundations/Tooltip.js";
 import { formatThinkExecutionRunProgress, formatThinkExecutionStatus, getThinkExecutionRunKindLabel, getThinkExecutionRunStatus, getThinkExecutionRunStatusTone, getThinkExecutionRunTitle } from "./ThinkExecutionRun.js";
 import "react";

package/dist/components/agents-sdk/ThinkExecutionWorkbench.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { U as RefreshIcon, et as WarningIcon, r as ArrowLeftIcon, y as EllipsisIcon } from "../../icons-DbrksZyY.js";
+import { U as RefreshIcon, et as WarningIcon, r as ArrowLeftIcon, y as EllipsisIcon } from "../../icons-BNEY4gO5.js";
 import { buttonVariants } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { Menu } from "../foundations/Menu.js";

package/dist/components/agents-sdk/ThinkFullApp.d.ts

@@ -1,7 +1,7 @@
 import { l as WorkspaceNavigationAdapter } from "../../WorkspaceLink-Bh9-Jo1r.js";
 import { n as AgentToolEventsValue } from "../../AgentToolRunsContext-jtmveaRE.js";
 import { n as ResponsiveSidebarShell, t as AppBarSlots } from "../../ResponsiveSidebarShell-BTVPxLJK.js";
-import { n as McpPluginCatalogProps } from "../../McpPluginCatalog-mbGw8FTu.js";
+import { n as McpPluginCatalogProps } from "../../McpPluginCatalog-C6ip9IvL.js";
 import { ThinkChatMessagesProps } from "./ThinkChat.js";
 import { ThinkThreadStatusSummary } from "./ThinkThreadPicker.js";
 import { r as WorkspaceFileAssetResolver } from "../../WorkspaceFile-Dq-GC0_T.js";

package/dist/components/agents-sdk/ThinkFullApp.js

@@ -1,12 +1,12 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { S as FileIcon, c as BoxIcon, r as ArrowLeftIcon, y as EllipsisIcon } from "../../icons-DbrksZyY.js";
+import { S as FileIcon, c as BoxIcon, r as ArrowLeftIcon, y as EllipsisIcon } from "../../icons-BNEY4gO5.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { Menu } from "../foundations/Menu.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
 import { ResizableSidePanel } from "../general-purpose/ResizableSidePanel.js";
 import { ResponsiveSidebarShell } from "../general-purpose/ResponsiveSidebarShell.js";
 import { a as WorkspaceNavigationRestorationBoundary, i as WorkspaceNavigationFocusRestorer, n as WorkspaceNavigationProvider } from "../../WorkspaceLink-DtH66bAY.js";
-import { c as resolveThinkApprovalProps, s as useThinkPendingExecutionApprovals, t as ThinkChat } from "../../ThinkChat-CWMcl79Q.js";
+import { c as resolveThinkApprovalProps, s as useThinkPendingExecutionApprovals, t as ThinkChat } from "../../ThinkChat-qztQ6Clo.js";
 import { McpPluginCatalog } from "./McpPluginCatalog.js";
 import { ThinkFullAppViewSwitch } from "./ThinkFullAppViewSwitch.js";
 import { ThinkThreadStatusIndicators } from "./ThinkThreadPicker.js";

package/dist/components/agents-sdk/ThinkRoutineBrowser.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { V as PlusIcon } from "../../icons-DbrksZyY.js";
+import { V as PlusIcon } from "../../icons-BNEY4gO5.js";
 import { buttonVariants } from "../foundations/Button.js";
 import { Tooltip } from "../foundations/Tooltip.js";
 import { t as capitalize } from "../../format-COCyV98Z.js";

package/dist/components/agents-sdk/ThinkRoutineForm.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { d as CheckIcon, et as WarningIcon, f as ChevronDownIcon, q as SpinnerIcon, r as ArrowLeftIcon } from "../../icons-DbrksZyY.js";
+import { d as CheckIcon, et as WarningIcon, f as ChevronDownIcon, q as SpinnerIcon, r as ArrowLeftIcon } from "../../icons-BNEY4gO5.js";
 import { Button } from "../foundations/Button.js";
 import { Field } from "../foundations/Field.js";
 import { Form } from "../foundations/Form.js";

package/dist/components/agents-sdk/ThinkRoutineLibrary.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { $ as TrashIcon, B as PlayIcon, q as SpinnerIcon, z as PencilIcon } from "../../icons-DbrksZyY.js";
+import { $ as TrashIcon, B as PlayIcon, q as SpinnerIcon, z as PencilIcon } from "../../icons-BNEY4gO5.js";
 import { buttonVariants } from "../foundations/Button.js";
 import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import { n as isPlainPrimaryLinkActivation, t as NavigationLink } from "../../navigation-link-kqMa81v5.js";

package/dist/components/agents-sdk/ThinkSidepanel.js

@@ -1,20 +1,21 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { A as McpIcon, C as FolderIcon, H as QueueIcon, J as SquareIcon, K as SlackIcon, L as PaperclipIcon, Q as TerminalIcon, S as FileIcon, T as InfoIcon, b as EyeIcon, c as BoxIcon, et as WarningIcon, g as DiscordIcon, o as ArrowUpRightIcon, q as SpinnerIcon, r as ArrowLeftIcon, y as EllipsisIcon, z as PencilIcon } from "../../icons-DbrksZyY.js";
+import { A as McpIcon, C as FolderIcon, H as QueueIcon, J as SquareIcon, K as SlackIcon, L as PaperclipIcon, Q as TerminalIcon, S as FileIcon, T as InfoIcon, b as EyeIcon, c as BoxIcon, et as WarningIcon, g as DiscordIcon, o as ArrowUpRightIcon, q as SpinnerIcon, r as ArrowLeftIcon, y as EllipsisIcon, z as PencilIcon } from "../../icons-BNEY4gO5.js";
 import { Button } from "../foundations/Button.js";
 import { Tooltip } from "../foundations/Tooltip.js";
 import { Menu } from "../foundations/Menu.js";
 import { Dialog } from "../foundations/Dialog.js";
-import { DescriptionList } from "../foundations/DescriptionList.js";
-import { ChatGptSignInScreen } from "../extension/ChatGptSignInScreen.js";
 import { Avatar } from "../foundations/Avatar.js";
 import { AppIcon } from "../foundations/AppIcon.js";
+import { n as findCatalogMcpServerCard, t as McpServerIcon } from "../../mcp-server-7NR24ASj.js";
+import { DescriptionList } from "../foundations/DescriptionList.js";
+import { ChatGptSignInScreen } from "../extension/ChatGptSignInScreen.js";
 import { EmptyState } from "../foundations/EmptyState.js";
 import { Switch } from "../foundations/Switch.js";
 import { useTheme } from "../foundations/ThemeProvider.js";
 import "../foundations/icons.js";
 import { ActionGuide } from "../general-purpose/ActionGuide.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
-import { t as SetupChecklistAction } from "../../SetupChecklist-CZeToAbu.js";
+import { t as SetupChecklistAction } from "../../SetupChecklist-DyPZWzK2.js";
 import { NaniteMark } from "../nanites/NaniteScene.js";
 import { SubagentRunLabel } from "./SubagentRunIndicator.js";
 import { McpServerPickerAction, McpServerPickerItems } from "./McpServerPicker.js";
@@ -396,7 +397,7 @@ function StartComposerTray({ plugins, renderLink, start }) {
 			type: "button",
 			variant: "ghost",
 			color: "neutral",
-			size: "md",
+			size: "sm",
 			disabled: start.attachFolderBusy,
 			onClick: start.onAttachFolder,
 			"aria-label": "Connect a local folder",
@@ -406,17 +407,17 @@ function StartComposerTray({ plugins, renderLink, start }) {
 			type: "button",
 			variant: "ghost",
 			color: "neutral",
-			size: "md",
+			size: "sm",
 			render: /* @__PURE__ */ jsx(Menu.Trigger, { unstyled: true }),
 			"aria-label": "Connect plugins",
 			children: [/* @__PURE__ */ jsx("span", { children: "Connect plugins" }), /* @__PURE__ */ jsxs(AppIcon.Stack, {
 				"aria-hidden": "true",
 				children: [/* @__PURE__ */ jsx(AppIcon.Root, {
-					size: "sm",
+					size: "xs",
 					variant: "surface",
 					children: /* @__PURE__ */ jsx(SlackIcon, {})
 				}), /* @__PURE__ */ jsx(AppIcon.Root, {
-					size: "sm",
+					size: "xs",
 					variant: "surface",
 					children: /* @__PURE__ */ jsx(DiscordIcon, {})
 				})]
@@ -459,6 +460,18 @@ function StartComposerTray({ plugins, renderLink, start }) {
 		}) })] }) : null
 	] });
 }
+function mentionSuggestionIcon(value) {
+	const token = value.match(/^@([^\s]+)/)?.[1];
+	const card = token ? findCatalogMcpServerCard({
+		id: token,
+		name: token
+	}) : void 0;
+	if (!card) return /* @__PURE__ */ jsx(McpIcon, {});
+	return /* @__PURE__ */ jsx(McpServerIcon, {
+		server: card,
+		size: "xs"
+	});
+}
 function startStarters(brandName, start, onShowGuide) {
 	return {
 		"aria-label": "Suggested prompts",
@@ -478,7 +491,7 @@ function startStarters(brandName, start, onShowGuide) {
 			...start.suggestions?.map((suggestion, index) => ({
 				id: `suggestion:${index}:${suggestion.value}:${suggestion.label}`,
 				label: suggestion.label,
-				icon: suggestion.value.startsWith("/") ? /* @__PURE__ */ jsx(BoxIcon, {}) : suggestion.value.startsWith("@") ? /* @__PURE__ */ jsx(McpIcon, {}) : /* @__PURE__ */ jsx(EyeIcon, {})
+				icon: suggestion.value.startsWith("/") ? /* @__PURE__ */ jsx(BoxIcon, {}) : suggestion.value.startsWith("@") ? mentionSuggestionIcon(suggestion.value) : /* @__PURE__ */ jsx(EyeIcon, {})
 			})) ?? []
 		],
 		onSelect: (item) => {

package/dist/components/agents-sdk/ThinkThreadPicker.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { V as PlusIcon, _ as DotIcon, et as WarningIcon, q as SpinnerIcon, t as ArchiveIcon } from "../../icons-DbrksZyY.js";
+import { V as PlusIcon, _ as DotIcon, et as WarningIcon, q as SpinnerIcon, t as ArchiveIcon } from "../../icons-BNEY4gO5.js";
 import { Button, buttonVariants } from "../foundations/Button.js";
 import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import { n as isPlainPrimaryLinkActivation, t as NavigationLink } from "../../navigation-link-kqMa81v5.js";

package/dist/components/agents-sdk/WorkspaceBrowser.js

@@ -1,5 +1,5 @@
 import { SearchField } from "../foundations/SearchField.js";
-import { i as FileTreeFolder, r as FileTreeFile, t as FileTree } from "../../FileTree-QTP57Qz4.js";
+import { i as FileTreeFolder, r as FileTreeFile, t as FileTree } from "../../FileTree-CAXWXH63.js";
 import { WorkspaceHeader } from "./WorkspaceHeader.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/agents-sdk/WorkspaceExplorer.js

@@ -2,7 +2,7 @@ import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
 import { a as WorkspaceNavigationRestorationBoundary, n as WorkspaceNavigationProvider, o as useRequiredWorkspaceNavigationRestoration, r as resolveWorkspaceLink } from "../../WorkspaceLink-DtH66bAY.js";
 import { WorkspaceBrowser } from "./WorkspaceBrowser.js";
-import { t as WorkspaceFileView } from "../../WorkspaceFileView-DJ8Oxz57.js";
+import { t as WorkspaceFileView } from "../../WorkspaceFileView-BvDbKM2c.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/agents-sdk/WorkspaceExplorer.tsx

package/dist/components/agents-sdk/WorkspaceFileView.js

@@ -1,2 +1,2 @@
-import { t as WorkspaceFileView } from "../../WorkspaceFileView-DJ8Oxz57.js";
+import { t as WorkspaceFileView } from "../../WorkspaceFileView-BvDbKM2c.js";
 export { WorkspaceFileView };

package/dist/components/agents-sdk/WorkspaceHeader.js

@@ -1,4 +1,4 @@
-import { U as RefreshIcon } from "../../icons-DbrksZyY.js";
+import { U as RefreshIcon } from "../../icons-BNEY4gO5.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/agents-sdk/WorkspaceMountManager.js

@@ -1,4 +1,4 @@
-import { L as PaperclipIcon } from "../../icons-DbrksZyY.js";
+import { L as PaperclipIcon } from "../../icons-BNEY4gO5.js";
 import { Button } from "../foundations/Button.js";
 import { Card, CardFooter, CardHeader, CardTitle } from "../foundations/Card.js";
 import { Popover } from "../foundations/Popover.js";

package/dist/components/ai-sdk/Activity.js

@@ -1,7 +1,7 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { Collapsible } from "../foundations/Collapsible.js";
 import { useExpansionState } from "./ExpansionState.js";
-import { p as ChevronRightIcon } from "../../icons-DbrksZyY.js";
+import { p as ChevronRightIcon } from "../../icons-BNEY4gO5.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/Activity.tsx

package/dist/components/ai-sdk/AgentChatStartScreen.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { nt as XIcon } from "../../icons-DbrksZyY.js";
+import { nt as XIcon } from "../../icons-BNEY4gO5.js";
 import { Button } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { PromptInputTray } from "./PromptInput.js";

package/dist/components/ai-sdk/Approval.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { z as PencilIcon } from "../../icons-DbrksZyY.js";
+import { z as PencilIcon } from "../../icons-BNEY4gO5.js";
 import { Button } from "../foundations/Button.js";
 import { Kbd } from "../foundations/Kbd.js";
 import { o as formatUnknownValue } from "../../format-COCyV98Z.js";

package/dist/components/ai-sdk/Artifact.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { et as WarningIcon, nt as XIcon, q as SpinnerIcon } from "../../icons-DbrksZyY.js";
+import { et as WarningIcon, nt as XIcon, q as SpinnerIcon } from "../../icons-BNEY4gO5.js";
 import { Button, buttonVariants } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";

package/dist/components/ai-sdk/ChainOfThought.d.ts

@@ -1,5 +1,5 @@
 import { Collapsible } from "../foundations/Collapsible.js";
-import { E as IconProps } from "../../icons-6ZnyZJiR.js";
+import { E as IconProps } from "../../icons-D0Pd2P9v.js";
 import * as React from "react";
 
 //#region src/components/ai-sdk/ChainOfThought.d.ts

package/dist/components/ai-sdk/ChainOfThought.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { Collapsible } from "../foundations/Collapsible.js";
-import { _ as DotIcon, d as CheckIcon, p as ChevronRightIcon, q as SpinnerIcon } from "../../icons-DbrksZyY.js";
+import { _ as DotIcon, d as CheckIcon, p as ChevronRightIcon, q as SpinnerIcon } from "../../icons-BNEY4gO5.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/ChainOfThought.tsx

package/dist/components/ai-sdk/Checkpoint.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { s as BookmarkIcon } from "../../icons-DbrksZyY.js";
+import { s as BookmarkIcon } from "../../icons-BNEY4gO5.js";
 import { Marker, MarkerIcon } from "../foundations/Marker.js";
 import "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/ai-sdk/CodeBlock.js

@@ -1,2 +1,2 @@
-import { a as CodeBlockCopyButton, c as CodeBlockLanguageSelector, d as CodeBlockLanguageSelectorTrigger, f as CodeBlockLanguageSelectorValue, i as CodeBlockContent, l as CodeBlockLanguageSelectorContent, m as CODE_BLOCK_LANGUAGES, n as CodeBlockActions, o as CodeBlockFilename, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock, u as CodeBlockLanguageSelectorItem } from "../../CodeBlock-8K1p1BDU.js";
+import { a as CodeBlockCopyButton, c as CodeBlockLanguageSelector, d as CodeBlockLanguageSelectorTrigger, f as CodeBlockLanguageSelectorValue, i as CodeBlockContent, l as CodeBlockLanguageSelectorContent, m as CODE_BLOCK_LANGUAGES, n as CodeBlockActions, o as CodeBlockFilename, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock, u as CodeBlockLanguageSelectorItem } from "../../CodeBlock-BpooTofO.js";
 export { CODE_BLOCK_LANGUAGES, CodeBlock, CodeBlockActions, CodeBlockContainer, CodeBlockContent, CodeBlockCopyButton, CodeBlockFilename, CodeBlockHeader, CodeBlockLanguageSelector, CodeBlockLanguageSelectorContent, CodeBlockLanguageSelectorItem, CodeBlockLanguageSelectorTrigger, CodeBlockLanguageSelectorValue, CodeBlockTitle };

package/dist/components/ai-sdk/ComposerLink.d.ts

@@ -0,0 +1,27 @@
+import { ParsedComposerLink } from "../../utils/composer-link.js";
+import * as React from "react";
+
+//#region src/components/ai-sdk/ComposerLink.d.ts
+interface ComposerLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+  href: string;
+  icon?: React.ReactNode;
+}
+declare function composerLinkIconSrc(parts: ParsedComposerLink | undefined): string | undefined;
+declare function composerLinkUsesCube(parts: ParsedComposerLink | undefined): boolean;
+declare function composerLinkAccent(parts: ParsedComposerLink | undefined): string | undefined;
+/**
+ * Inline identity link for composer entities: slash commands, MCP mentions,
+ * skills, tabs, and files. The href is the source of truth; the visible node
+ * is text plus an optional brand mark, not a button chip.
+ */
+declare function ComposerLink({
+  href,
+  icon,
+  className,
+  children,
+  onClick,
+  style,
+  ...props
+}: ComposerLinkProps): React.JSX.Element;
+//#endregion
+export { ComposerLink, ComposerLinkProps, composerLinkAccent, composerLinkIconSrc, composerLinkUsesCube };

package/dist/components/ai-sdk/ComposerLink.js

@@ -0,0 +1,111 @@
+import { brandHexFromIconSrc, parseComposerHref, sampleImageAccent } from "../../utils/composer-link.js";
+import { getMcpServerIconSrc } from "../../utils/mcp-server-catalog.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { c as BoxIcon } from "../../icons-BNEY4gO5.js";
+import { n as findCatalogMcpServerCard } from "../../mcp-server-7NR24ASj.js";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/ai-sdk/ComposerLink.tsx
+function composerLinkIconSrc(parts) {
+	if (!parts) return void 0;
+	if (parts.iconSrc) return parts.iconSrc;
+	if (parts.kind !== "mcp") return void 0;
+	const card = findCatalogMcpServerCard({
+		id: parts.value,
+		name: parts.value
+	});
+	return card ? getMcpServerIconSrc(card) : void 0;
+}
+function composerLinkUsesCube(parts) {
+	if (!parts) return false;
+	if (parts.chromeIcon === "box") return true;
+	return !composerLinkIconSrc(parts) && (parts.kind === "command" || parts.kind === "skill");
+}
+function composerLinkAccent(parts) {
+	const fromHref = brandHexFromIconSrc(parts?.iconSrc);
+	if (fromHref) return fromHref;
+	const fromSrc = brandHexFromIconSrc(composerLinkIconSrc(parts));
+	if (fromSrc) return fromSrc;
+	if (parts?.kind !== "mcp") return void 0;
+	const card = findCatalogMcpServerCard({
+		id: parts.value,
+		name: parts.value
+	});
+	return card ? brandHexFromIconSrc(getMcpServerIconSrc(card)) : void 0;
+}
+function applyComposerLinkColor(element, color) {
+	if (color) element.style.setProperty("--composer-link-color", color);
+}
+function bindSampledIconColor(link, known) {
+	if (known) {
+		applyComposerLinkColor(link, known);
+		return;
+	}
+	const image = link.querySelector("img");
+	if (!(image instanceof HTMLImageElement)) return;
+	const apply = () => {
+		const sampled = sampleImageAccent(image);
+		if (sampled) applyComposerLinkColor(link, sampled);
+	};
+	if (image.complete) apply();
+	else image.addEventListener("load", apply, { once: true });
+}
+function ComposerLinkIcon({ icon, parts }) {
+	if (icon) return /* @__PURE__ */ jsx("span", {
+		className: "composer-link__icon",
+		"aria-hidden": "true",
+		children: icon
+	});
+	const src = composerLinkIconSrc(parts);
+	if (src) return /* @__PURE__ */ jsx("img", {
+		alt: "",
+		"aria-hidden": "true",
+		className: "composer-link__icon",
+		decoding: "async",
+		draggable: false,
+		referrerPolicy: "no-referrer",
+		src
+	});
+	if (composerLinkUsesCube(parts)) return /* @__PURE__ */ jsx(BoxIcon, { className: "composer-link__icon" });
+	return null;
+}
+/**
+* Inline identity link for composer entities: slash commands, MCP mentions,
+* skills, tabs, and files. The href is the source of truth; the visible node
+* is text plus an optional brand mark, not a button chip.
+*/
+function ComposerLink({ href, icon, className, children, onClick, style, ...props }) {
+	const parts = parseComposerHref(href);
+	const kind = parts?.kind;
+	const accent = composerLinkAccent(parts);
+	const linkRef = React.useRef(null);
+	React.useLayoutEffect(() => {
+		const link = linkRef.current;
+		if (link) bindSampledIconColor(link, accent);
+	}, [accent, href]);
+	return /* @__PURE__ */ jsxs("a", {
+		ref: linkRef,
+		className: cx("composer-link", className),
+		"data-composer-link": kind,
+		href,
+		rel: "nofollow",
+		style: accent ? {
+			"--composer-link-color": accent,
+			...style
+		} : style,
+		onClick: (event) => {
+			event.preventDefault();
+			onClick?.(event);
+		},
+		...props,
+		children: [/* @__PURE__ */ jsx(ComposerLinkIcon, {
+			icon,
+			parts
+		}), /* @__PURE__ */ jsx("span", {
+			className: "composer-link__label",
+			children
+		})]
+	});
+}
+//#endregion
+export { ComposerLink, composerLinkAccent, composerLinkIconSrc, composerLinkUsesCube };

package/dist/components/ai-sdk/ConnectedAppCards.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { K as SlackIcon, O as MailIcon, _ as DotIcon, d as CheckIcon, nt as XIcon, u as CalendarIcon } from "../../icons-DbrksZyY.js";
+import { K as SlackIcon, O as MailIcon, _ as DotIcon, d as CheckIcon, nt as XIcon, u as CalendarIcon } from "../../icons-BNEY4gO5.js";
 import { Button } from "../foundations/Button.js";
 import { Field } from "../foundations/Field.js";
 import { Textarea } from "../foundations/Textarea.js";

package/dist/components/ai-sdk/Conversation.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { n as ArrowDownIcon, v as DownloadIcon } from "../../icons-DbrksZyY.js";
+import { n as ArrowDownIcon, v as DownloadIcon } from "../../icons-BNEY4gO5.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { t as assignRef } from "../../merge-refs-DF_7w2x_.js";
 import { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport } from "./MessageScroller.js";

package/dist/components/ai-sdk/Goal.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { $ as TrashIcon, B as PlayIcon, R as PauseIcon, Z as TargetIcon } from "../../icons-DbrksZyY.js";
+import { $ as TrashIcon, B as PlayIcon, R as PauseIcon, Z as TargetIcon } from "../../icons-BNEY4gO5.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import * as React from "react";