@mcp-b/react-components 0.45.0 → 0.46.0

package/dist/components/foundations/Stepper.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
-import { d as CheckIcon, q as SpinnerIcon } from "../../icons-DbrksZyY.js";
+import { d as CheckIcon, q as SpinnerIcon } from "../../icons-BNEY4gO5.js";
 import { Tabs } from "./Tabs.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/foundations/Toast.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { nt as XIcon } from "../../icons-DbrksZyY.js";
+import { nt as XIcon } from "../../icons-BNEY4gO5.js";
 import { buttonVariants } from "./Button.js";
 import "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/foundations/icons.d.ts

@@ -1,2 +1,2 @@
-import { $ as TargetIcon, A as MailIcon, B as PauseIcon, C as FileIcon, D as InfoIcon, E as IconProps, F as MinusIcon, G as RefreshIcon, H as PlayIcon, I as MonitorIcon, J as SlackIcon, K as SearchIcon, L as MoonIcon, M as McpIcon, N as MessageSquareIcon, O as KeyboardIcon, P as MicrophoneIcon, Q as SunIcon, R as MoveToFrontIcon, S as EyeOffIcon, T as FolderOpenIcon, U as PlusIcon, V as PencilIcon, W as QueueIcon, X as SquareIcon, Y as SpinnerIcon, Z as StopIcon, _ as DiscordIcon, a as ArrowUpIcon, b as EllipsisIcon, c as BoxIcon, d as CalendarIcon, et as TerminalIcon, f as CheckIcon, g as CopyIcon, h as CodeIcon, i as ArrowRightIcon, it as XIcon, j as MaximizeIcon, k as LinkIcon, l as BrainIcon, m as ChevronRightIcon, n as ArrowDownIcon, nt as WarningIcon, o as ArrowUpRightIcon, p as ChevronDownIcon, q as SidebarIcon, r as ArrowLeftIcon, rt as WrenchIcon, s as BookmarkIcon, t as ArchiveIcon, tt as TrashIcon, u as BrandIconProps, v as DotIcon, w as FolderIcon, x as EyeIcon, y as DownloadIcon, z as PaperclipIcon } from "../../icons-6ZnyZJiR.js";
+import { $ as TargetIcon, A as MailIcon, B as PauseIcon, C as FileIcon, D as InfoIcon, E as IconProps, F as MinusIcon, G as RefreshIcon, H as PlayIcon, I as MonitorIcon, J as SlackIcon, K as SearchIcon, L as MoonIcon, M as McpIcon, N as MessageSquareIcon, O as KeyboardIcon, P as MicrophoneIcon, Q as SunIcon, R as MoveToFrontIcon, S as EyeOffIcon, T as FolderOpenIcon, U as PlusIcon, V as PencilIcon, W as QueueIcon, X as SquareIcon, Y as SpinnerIcon, Z as StopIcon, _ as DiscordIcon, a as ArrowUpIcon, b as EllipsisIcon, c as BoxIcon, d as CalendarIcon, et as TerminalIcon, f as CheckIcon, g as CopyIcon, h as CodeIcon, i as ArrowRightIcon, it as XIcon, j as MaximizeIcon, k as LinkIcon, l as BrainIcon, m as ChevronRightIcon, n as ArrowDownIcon, nt as WarningIcon, o as ArrowUpRightIcon, p as ChevronDownIcon, q as SidebarIcon, r as ArrowLeftIcon, rt as WrenchIcon, s as BookmarkIcon, t as ArchiveIcon, tt as TrashIcon, u as BrandIconProps, v as DotIcon, w as FolderIcon, x as EyeIcon, y as DownloadIcon, z as PaperclipIcon } from "../../icons-D0Pd2P9v.js";
 export { ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpRightIcon, BookmarkIcon, BoxIcon, BrainIcon, BrandIconProps, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronRightIcon, CodeIcon, CopyIcon, DiscordIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, IconProps, InfoIcon, KeyboardIcon, LinkIcon, MailIcon, MaximizeIcon, McpIcon, MessageSquareIcon, MicrophoneIcon, MinusIcon, MonitorIcon, MoonIcon, MoveToFrontIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, QueueIcon, RefreshIcon, SearchIcon, SidebarIcon, SlackIcon, SpinnerIcon, SquareIcon, StopIcon, SunIcon, TargetIcon, TerminalIcon, TrashIcon, WarningIcon, WrenchIcon, XIcon };

package/dist/components/foundations/icons.js

@@ -1,2 +1,2 @@
-import { $ as TrashIcon, A as McpIcon, B as PlayIcon, C as FolderIcon, D as LinkIcon, E as KeyboardIcon, F as MoonIcon, G as SidebarIcon, H as QueueIcon, I as MoveToFrontIcon, J as SquareIcon, K as SlackIcon, L as PaperclipIcon, M as MicrophoneIcon, N as MinusIcon, O as MailIcon, P as MonitorIcon, Q as TerminalIcon, R as PauseIcon, S as FileIcon, T as InfoIcon, U as RefreshIcon, V as PlusIcon, W as SearchIcon, X as SunIcon, Y as StopIcon, Z as TargetIcon, _ as DotIcon, a as ArrowUpIcon, b as EyeIcon, c as BoxIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon, g as DiscordIcon, h as CopyIcon, i as ArrowRightIcon, j as MessageSquareIcon, k as MaximizeIcon, l as BrainIcon, m as CodeIcon, n as ArrowDownIcon, nt as XIcon, o as ArrowUpRightIcon, p as ChevronRightIcon, q as SpinnerIcon, r as ArrowLeftIcon, s as BookmarkIcon, t as ArchiveIcon, tt as WrenchIcon, u as CalendarIcon, v as DownloadIcon, w as FolderOpenIcon, x as EyeOffIcon, y as EllipsisIcon, z as PencilIcon } from "../../icons-DbrksZyY.js";
+import { $ as TrashIcon, A as McpIcon, B as PlayIcon, C as FolderIcon, D as LinkIcon, E as KeyboardIcon, F as MoonIcon, G as SidebarIcon, H as QueueIcon, I as MoveToFrontIcon, J as SquareIcon, K as SlackIcon, L as PaperclipIcon, M as MicrophoneIcon, N as MinusIcon, O as MailIcon, P as MonitorIcon, Q as TerminalIcon, R as PauseIcon, S as FileIcon, T as InfoIcon, U as RefreshIcon, V as PlusIcon, W as SearchIcon, X as SunIcon, Y as StopIcon, Z as TargetIcon, _ as DotIcon, a as ArrowUpIcon, b as EyeIcon, c as BoxIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon, g as DiscordIcon, h as CopyIcon, i as ArrowRightIcon, j as MessageSquareIcon, k as MaximizeIcon, l as BrainIcon, m as CodeIcon, n as ArrowDownIcon, nt as XIcon, o as ArrowUpRightIcon, p as ChevronRightIcon, q as SpinnerIcon, r as ArrowLeftIcon, s as BookmarkIcon, t as ArchiveIcon, tt as WrenchIcon, u as CalendarIcon, v as DownloadIcon, w as FolderOpenIcon, x as EyeOffIcon, y as EllipsisIcon, z as PencilIcon } from "../../icons-BNEY4gO5.js";
 export { ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpRightIcon, BookmarkIcon, BoxIcon, BrainIcon, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronRightIcon, CodeIcon, CopyIcon, DiscordIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, InfoIcon, KeyboardIcon, LinkIcon, MailIcon, MaximizeIcon, McpIcon, MessageSquareIcon, MicrophoneIcon, MinusIcon, MonitorIcon, MoonIcon, MoveToFrontIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, QueueIcon, RefreshIcon, SearchIcon, SidebarIcon, SlackIcon, SpinnerIcon, SquareIcon, StopIcon, SunIcon, TargetIcon, TerminalIcon, TrashIcon, WarningIcon, WrenchIcon, XIcon };

package/dist/components/general-purpose/Commit.js

@@ -1,8 +1,8 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { Collapsible } from "../foundations/Collapsible.js";
-import { S as FileIcon, p as ChevronRightIcon } from "../../icons-DbrksZyY.js";
-import { t as CopyButton } from "../../copy-button-BpA7wQva.js";
+import { S as FileIcon, p as ChevronRightIcon } from "../../icons-BNEY4gO5.js";
 import { Avatar } from "../foundations/Avatar.js";
+import { t as CopyButton } from "../../copy-button-D7ySsRRo.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/general-purpose/Commit.tsx

package/dist/components/general-purpose/EnvironmentVariables.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { b as EyeIcon, x as EyeOffIcon } from "../../icons-DbrksZyY.js";
-import { t as CopyButton } from "../../copy-button-BpA7wQva.js";
+import { b as EyeIcon, x as EyeOffIcon } from "../../icons-BNEY4gO5.js";
+import { t as CopyButton } from "../../copy-button-D7ySsRRo.js";
 import { Switch } from "../foundations/Switch.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/general-purpose/FileTree.js

@@ -1,2 +1,2 @@
-import { a as FileTreeIcon, i as FileTreeFolder, n as FileTreeActions, o as FileTreeName, r as FileTreeFile, t as FileTree } from "../../FileTree-QTP57Qz4.js";
+import { a as FileTreeIcon, i as FileTreeFolder, n as FileTreeActions, o as FileTreeName, r as FileTreeFile, t as FileTree } from "../../FileTree-CAXWXH63.js";
 export { FileTree, FileTreeActions, FileTreeFile, FileTreeFolder, FileTreeIcon, FileTreeName };

package/dist/components/general-purpose/PricingPlanCard.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { N as MinusIcon, T as InfoIcon, d as CheckIcon } from "../../icons-DbrksZyY.js";
+import { N as MinusIcon, T as InfoIcon, d as CheckIcon } from "../../icons-BNEY4gO5.js";
 import { Button } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { Card } from "../foundations/Card.js";

package/dist/components/general-purpose/ResponsiveSidebarShell.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { G as SidebarIcon, et as WarningIcon, f as ChevronDownIcon, r as ArrowLeftIcon } from "../../icons-DbrksZyY.js";
+import { G as SidebarIcon, et as WarningIcon, f as ChevronDownIcon, r as ArrowLeftIcon } from "../../icons-BNEY4gO5.js";
 import { Button } from "../foundations/Button.js";
 import { t as capitalize } from "../../format-COCyV98Z.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";

package/dist/components/general-purpose/SetupChecklist.js

@@ -1,2 +1,2 @@
-import { n as SetupChecklistGroup, t as SetupChecklistAction } from "../../SetupChecklist-CZeToAbu.js";
+import { n as SetupChecklistGroup, t as SetupChecklistAction } from "../../SetupChecklist-DyPZWzK2.js";
 export { SetupChecklistAction, SetupChecklistGroup };

package/dist/components/general-purpose/Terminal.js

@@ -1,7 +1,7 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { Q as TerminalIcon, nt as XIcon } from "../../icons-DbrksZyY.js";
+import { Q as TerminalIcon, nt as XIcon } from "../../icons-BNEY4gO5.js";
 import { IconButton } from "../foundations/IconButton.js";
-import { t as CopyButton } from "../../copy-button-BpA7wQva.js";
+import { t as CopyButton } from "../../copy-button-D7ySsRRo.js";
 import { ScrollArea } from "../foundations/ScrollArea.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/general-purpose/TestResults.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { Collapsible } from "../foundations/Collapsible.js";
-import { d as CheckIcon, nt as XIcon, p as ChevronRightIcon, q as SpinnerIcon } from "../../icons-DbrksZyY.js";
+import { d as CheckIcon, nt as XIcon, p as ChevronRightIcon, q as SpinnerIcon } from "../../icons-BNEY4gO5.js";
 import { Progress } from "../foundations/Progress.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/general-purpose/ThemeModeControl.js

@@ -1,4 +1,4 @@
-import { F as MoonIcon, P as MonitorIcon, X as SunIcon } from "../../icons-DbrksZyY.js";
+import { F as MoonIcon, P as MonitorIcon, X as SunIcon } from "../../icons-BNEY4gO5.js";
 import { Radio, RadioGroup } from "../foundations/RadioGroup.js";
 import { useTheme } from "../foundations/ThemeProvider.js";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/general-purpose/WebPreview.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { Collapsible } from "../foundations/Collapsible.js";
-import { U as RefreshIcon, f as ChevronDownIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "../../icons-DbrksZyY.js";
+import { U as RefreshIcon, f as ChevronDownIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "../../icons-BNEY4gO5.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { Input } from "../foundations/Input.js";
 import { ScrollArea } from "../foundations/ScrollArea.js";

package/dist/components/nanites/AgentConnection.js

@@ -1,7 +1,7 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { D as LinkIcon } from "../../icons-DbrksZyY.js";
+import { D as LinkIcon } from "../../icons-BNEY4gO5.js";
 import { Button } from "../foundations/Button.js";
-import { a as CodeBlockCopyButton, i as CodeBlockContent, n as CodeBlockActions, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock } from "../../CodeBlock-8K1p1BDU.js";
+import { a as CodeBlockCopyButton, i as CodeBlockContent, n as CodeBlockActions, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock } from "../../CodeBlock-BpooTofO.js";
 import { Popover } from "../foundations/Popover.js";
 import { ToggleGroup } from "../foundations/ToggleGroup.js";
 import * as React from "react";

package/dist/components/nanites/AgentToolDetail.js

@@ -1,11 +1,11 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { r as ArrowLeftIcon } from "../../icons-DbrksZyY.js";
+import { r as ArrowLeftIcon } from "../../icons-BNEY4gO5.js";
 import { TransitionSurface } from "../foundations/TransitionSurface.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import { NaniteMark } from "./NaniteScene.js";
 import { SubagentRunIndicator, getSubagentRunName } from "../agents-sdk/SubagentRunIndicator.js";
 import { SubagentRunMilestone, SubagentRunMilestones, SubagentRunProgress } from "../agents-sdk/SubagentRunDetails.js";
-import { t as ThinkChat } from "../../ThinkChat-CWMcl79Q.js";
+import { t as ThinkChat } from "../../ThinkChat-qztQ6Clo.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useAgentChat } from "@cloudflare/think/react";

package/dist/{copy-button-BpA7wQva.js → copy-button-D7ySsRRo.js}

@@ -1,4 +1,4 @@
-import { d as CheckIcon, h as CopyIcon } from "./icons-DbrksZyY.js";
+import { d as CheckIcon, h as CopyIcon } from "./icons-BNEY4gO5.js";
 import { IconButton } from "./components/foundations/IconButton.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/{icons-DbrksZyY.js → icons-BNEY4gO5.js}

@@ -1,7 +1,6 @@
 import { t as cx } from "./class-names-BiMDVpUo.js";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Archive, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, ArrowUpRight, Bookmark, Box, Brain, CalendarDays, Check, ChevronDown, ChevronRight, CircleStop, CodeXml, Copy, CornerDownRight, Dot, Download, Ellipsis, Eye, EyeOff, File, Folder, FolderOpen, Info, Keyboard, Link2, ListRestart, LoaderCircle, Mail, Maximize2, MessageSquare, Mic, Minus, Monitor, Moon, PanelLeft, Paperclip, Pause, Pencil, Play, Plus, RefreshCw, Search, Square, Sun, Target, Terminal, Trash2, TriangleAlert, Wrench, X } from "lucide-react";
-import { FaSlack } from "react-icons/fa6";
 import { SiDiscord, SiModelcontextprotocol } from "react-icons/si";
 //#region src/components/_internal/icons.tsx
 function icon(Component) {
@@ -84,8 +83,49 @@ const MonitorIcon = icon(Monitor);
 const MessageSquareIcon = icon(MessageSquare);
 const MailIcon = icon(Mail);
 const McpIcon = brandIcon(SiModelcontextprotocol);
-const DiscordIcon = brandIcon(SiDiscord);
-const SlackIcon = brandIcon(FaSlack);
+/** Discord Blurple. Callers override with `color` or a `className` that sets color. */
+function DiscordIcon({ size = 16, color = "#5865F2", className, ...props }) {
+	return /* @__PURE__ */ jsx(SiDiscord, {
+		size,
+		color,
+		"aria-hidden": "true",
+		focusable: "false",
+		className: cx("sigvelo-brand-mark", "sigvelo-brand-mark--discord", className),
+		...props
+	});
+}
+/** Four-color Slack hash. Official fills live on the paths, not currentColor. */
+function SlackIcon({ size = 16, className, ...props }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		width: size,
+		height: size,
+		viewBox: "0 0 200 200",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		"aria-hidden": "true",
+		focusable: "false",
+		className: cx("sigvelo-brand-mark", "sigvelo-brand-mark--colorful", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", {
+				d: "M53.0056 121.477C53.0056 130.921 45.3784 138.555 35.9413 138.555C26.5042 138.555 18.877 130.921 18.877 121.477C18.877 112.032 26.5042 104.398 35.9413 104.398H53.0056V121.477ZM61.5378 121.477C61.5378 112.032 69.165 104.398 78.6021 104.398C88.0392 104.398 95.6664 112.032 95.6664 121.477V164.172C95.6664 173.617 88.0392 181.25 78.6021 181.25C69.165 181.25 61.5378 173.617 61.5378 164.172V121.477Z",
+				fill: "#E01E5A"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M78.6044 52.9062C69.1673 52.9062 61.5401 45.2728 61.5401 35.8281C61.5401 26.3834 69.1673 18.75 78.6044 18.75C88.0415 18.75 95.6688 26.3834 95.6688 35.8281V52.9062H78.6044ZM78.6044 61.5747C88.0415 61.5747 95.6688 69.2081 95.6688 78.6528C95.6688 88.0975 88.0415 95.7309 78.6044 95.7309H35.8143C26.3772 95.7309 18.75 88.0975 18.75 78.6528C18.75 69.2081 26.3772 61.5747 35.8143 61.5747H78.6044Z",
+				fill: "#36C5F0"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M146.991 78.6528C146.991 69.2081 154.618 61.5747 164.055 61.5747C173.492 61.5747 181.12 69.2081 181.12 78.6528C181.12 88.0975 173.492 95.7309 164.055 95.7309H146.991V78.6528ZM138.459 78.6528C138.459 88.0975 130.831 95.7309 121.394 95.7309C111.957 95.7309 104.33 88.0975 104.33 78.6528V35.8281C104.33 26.3834 111.957 18.75 121.394 18.75C130.831 18.75 138.459 26.3834 138.459 35.8281V78.6528Z",
+				fill: "#2EB67D"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M121.394 147.094C130.831 147.094 138.459 154.727 138.459 164.172C138.459 173.617 130.831 181.25 121.394 181.25C111.957 181.25 104.33 173.617 104.33 164.172V147.094H121.394ZM121.394 138.555C111.957 138.555 104.33 130.921 104.33 121.477C104.33 112.032 111.957 104.398 121.394 104.398H164.184C173.622 104.398 181.249 112.032 181.249 121.477C181.249 130.921 173.622 138.555 164.184 138.555H121.394Z",
+				fill: "#ECB22E"
+			})
+		]
+	});
+}
 const MoonIcon = icon(Moon);
 const SunIcon = icon(Sun);
 const TargetIcon = icon(Target);

package/dist/{icons-6ZnyZJiR.d.ts → icons-D0Pd2P9v.d.ts}

@@ -262,14 +262,19 @@ declare const McpIcon: ({
   size,
   ...props
 }: BrandIconProps) => import("react").JSX.Element;
-declare const DiscordIcon: ({
+/** Discord Blurple. Callers override with `color` or a `className` that sets color. */
+declare function DiscordIcon({
   size,
+  color,
+  className,
   ...props
-}: BrandIconProps) => import("react").JSX.Element;
-declare const SlackIcon: ({
+}: BrandIconProps): import("react").JSX.Element;
+/** Four-color Slack hash. Official fills live on the paths, not currentColor. */
+declare function SlackIcon({
   size,
+  className,
   ...props
-}: BrandIconProps) => import("react").JSX.Element;
+}: BrandIconProps): import("react").JSX.Element;
 declare const MoonIcon: ({
   size,
   strokeWidth,

package/dist/{mcp-server-SD_S-IpB.js → mcp-server-7NR24ASj.js}

@@ -1,4 +1,4 @@
-import { getMcpServerEntry, getMcpServerIconSrc, getMcpServerRuntimeState } from "./utils/mcp-server-catalog.js";
+import { DEFAULT_MCP_SERVER_CARDS, getMcpServerEntry, getMcpServerIconSrc, getMcpServerRuntimeState } from "./utils/mcp-server-catalog.js";
 import { AppIcon } from "./components/foundations/AppIcon.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/_internal/mcp-server.tsx
@@ -25,8 +25,35 @@ function getMcpServerProjection(card, mcp, serverId) {
 		serverId: entry?.[0]
 	};
 }
+/** Match a live MCP entry or channel name to a catalog card that already has a brand mark. */
+function findCatalogMcpServerCard(query) {
+	const id = query.id?.trim().toLowerCase();
+	const name = query.name?.trim().toLowerCase();
+	let hostname;
+	if (query.url) try {
+		hostname = new URL(query.url).hostname;
+	} catch {
+		hostname = void 0;
+	}
+	return DEFAULT_MCP_SERVER_CARDS.find((candidate) => {
+		if (!candidate.url) return false;
+		if (id && candidate.id === id) return true;
+		if (name && (candidate.name.toLowerCase() === name || candidate.id === name)) return true;
+		if (!hostname) return false;
+		try {
+			return new URL(candidate.url).hostname === hostname;
+		} catch {
+			return false;
+		}
+	});
+}
 function McpServerIcon({ server, size = "lg", variant }) {
-	const src = getMcpServerIconSrc(server);
+	const resolved = server.icon == null ? findCatalogMcpServerCard({
+		id: server.id,
+		name: server.name,
+		url: server.url
+	}) ?? server : server;
+	const src = getMcpServerIconSrc(resolved);
 	return /* @__PURE__ */ jsxs(AppIcon.Root, {
 		size,
 		variant,
@@ -35,8 +62,8 @@ function McpServerIcon({ server, size = "lg", variant }) {
 			alt: "",
 			fit: "contain",
 			src
-		}, src) : null, /* @__PURE__ */ jsx(AppIcon.Fallback, { children: server.name.slice(0, 1) })]
+		}, src) : null, /* @__PURE__ */ jsx(AppIcon.Fallback, { children: resolved.name.slice(0, 1) })]
 	});
 }
 //#endregion
-export { getMcpServerProjection as n, McpServerIcon as t };
+export { findCatalogMcpServerCard as n, getMcpServerProjection as r, McpServerIcon as t };

package/dist/{mcp-server-catalog-CCj2ItkV.d.ts → mcp-server-catalog-Cbu483Zb.d.ts}

@@ -271,7 +271,7 @@ declare const DCR_MCP_SERVER_CARDS: readonly [{
   readonly url: "https://mcp.miro.com/mcp";
   readonly description: "Work with boards and diagrams";
   readonly category: "Auto";
-  readonly icon: "https://cdn.simpleicons.org/miro/FFD02F";
+  readonly icon: "https://cdn.simpleicons.org/miro/050038";
 }, {
   readonly id: "monday";
   readonly name: "monday.com";
@@ -292,14 +292,14 @@ declare const DCR_MCP_SERVER_CARDS: readonly [{
   readonly url: "https://mcp.notion.com/mcp";
   readonly description: "Work across docs, wikis, and project notes";
   readonly category: "Auto";
-  readonly icon: "https://cdn.simpleicons.org/notion/A1A1AA";
+  readonly icon: "https://cdn.simpleicons.org/notion/000000";
 }, {
   readonly id: "paypal";
   readonly name: "PayPal";
   readonly url: "https://mcp.paypal.com/mcp";
   readonly description: "Use PayPal merchant tools";
   readonly category: "Auto";
-  readonly icon: "https://cdn.simpleicons.org/paypal/003087";
+  readonly icon: "https://cdn.simpleicons.org/paypal/002991";
 }, {
   readonly id: "postman";
   readonly name: "Postman";
@@ -313,7 +313,7 @@ declare const DCR_MCP_SERVER_CARDS: readonly [{
   readonly url: "https://mcp.railway.com";
   readonly description: "Manage Railway projects and services";
   readonly category: "Auto";
-  readonly icon: "https://cdn.simpleicons.org/railway/8957E5";
+  readonly icon: "https://cdn.simpleicons.org/railway/0B0D0E";
 }, {
   readonly id: "ramp";
   readonly name: "Ramp";
@@ -327,7 +327,7 @@ declare const DCR_MCP_SERVER_CARDS: readonly [{
   readonly url: "https://mcp.sentry.dev/mcp";
   readonly description: "Debug errors and inspect projects";
   readonly category: "Auto";
-  readonly icon: "https://cdn.simpleicons.org/sentry/8957E5";
+  readonly icon: "https://cdn.simpleicons.org/sentry/362D59";
 }, {
   readonly id: "square";
   readonly name: "Square";
@@ -348,14 +348,14 @@ declare const DCR_MCP_SERVER_CARDS: readonly [{
   readonly url: "https://mcp.supabase.com/mcp";
   readonly description: "Manage Supabase projects";
   readonly category: "Auto";
-  readonly icon: "https://cdn.simpleicons.org/supabase/3ECF8E";
+  readonly icon: "https://cdn.simpleicons.org/supabase/3FCF8E";
 }, {
   readonly id: "vercel";
   readonly name: "Vercel";
   readonly url: "https://mcp.vercel.com";
   readonly description: "Manage projects and deployments";
   readonly category: "Auto";
-  readonly icon: "https://cdn.simpleicons.org/vercel/A1A1AA";
+  readonly icon: "https://cdn.simpleicons.org/vercel/000000";
 }, {
   readonly id: "webflow";
   readonly name: "Webflow";
@@ -369,7 +369,7 @@ declare const DCR_MCP_SERVER_CARDS: readonly [{
   readonly url: "https://mcp.wix.com/mcp";
   readonly description: "Work with Wix sites and apps";
   readonly category: "Auto";
-  readonly icon: "https://cdn.simpleicons.org/wix/A1A1AA";
+  readonly icon: "https://cdn.simpleicons.org/wix/0C6EFC";
 }, {
   readonly id: "zapier";
   readonly name: "Zapier";
@@ -514,7 +514,7 @@ declare const MANUAL_MCP_SERVER_CARDS: readonly [{
   readonly url: "https://chatmcp.googleapis.com/mcp/v1";
   readonly description: "Read spaces, memberships, and messages";
   readonly category: "Manual";
-  readonly icon: "https://cdn.simpleicons.org/googlechat/00AC47";
+  readonly icon: "https://cdn.simpleicons.org/googlechat/34A853";
   readonly manualSetup: {
     readonly auth: {
       readonly type: "manual_oauth_client";

package/dist/{provider-logos-zjZycgV6.js → provider-logos-DWYY8wNz.js}

@@ -1,15 +1,17 @@
+import { t as cx } from "./class-names-BiMDVpUo.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/_internal/provider-logos.tsx
-function Svg({ children, size = 16, ...props }) {
+function Svg({ children, size = 16, fill = "currentColor", className, ...props }) {
 	return /* @__PURE__ */ jsx("svg", {
 		width: size,
 		height: size,
 		viewBox: "0 0 24 24",
-		fill: "currentColor",
+		fill,
 		xmlns: "http://www.w3.org/2000/svg",
 		"aria-hidden": "true",
 		focusable: "false",
+		className: cx("sigvelo-brand-mark", className),
 		...props,
 		children
 	});
@@ -18,15 +20,38 @@ const OpenAILogo = (props) => /* @__PURE__ */ jsx(Svg, {
 	...props,
 	children: /* @__PURE__ */ jsx("path", { d: "M22.28 9.81a5.99 5.99 0 0 0-.52-4.91 6.05 6.05 0 0 0-6.52-2.9A6.05 6.05 0 0 0 10.58 0a6.05 6.05 0 0 0-5.77 4.18 5.99 5.99 0 0 0-4 2.9 6.05 6.05 0 0 0 .74 7.09 5.99 5.99 0 0 0 .52 4.91 6.05 6.05 0 0 0 6.52 2.9A5.99 5.99 0 0 0 13.25 24a6.05 6.05 0 0 0 5.77-4.19 5.99 5.99 0 0 0 4-2.9 6.05 6.05 0 0 0-.74-7.1ZM13.25 22.44a4.48 4.48 0 0 1-2.88-1.04l.14-.08 4.79-2.76a.78.78 0 0 0 .39-.68v-6.75l2.02 1.17c.02 0 .04.03.04.05v5.58a4.5 4.5 0 0 1-4.5 4.5ZM3.57 18.3a4.5 4.5 0 0 1-.54-3.03l.14.09 4.79 2.76a.78.78 0 0 0 .78 0l5.85-3.37v2.33c0 .02 0 .04-.03.06L9.72 19.94a4.5 4.5 0 0 1-6.15-1.64ZM2.31 7.88a4.48 4.48 0 0 1 2.35-1.97v5.69a.78.78 0 0 0 .39.67l5.83 3.36-2.02 1.17a.07.07 0 0 1-.07 0l-4.83-2.8A4.5 4.5 0 0 1 2.3 7.9Zm16.64 3.87L13.1 8.37l2.02-1.17c.02 0 .05-.01.07 0l4.83 2.8a4.5 4.5 0 0 1-.67 8.11V12.4a.77.77 0 0 0-.4-.66Zm2-3.03-.14-.09-4.78-2.78a.78.78 0 0 0-.79 0L9.4 9.25V6.92c0-.02 0-.04.02-.05l4.83-2.79a4.5 4.5 0 0 1 6.68 4.66Zm-12.68 4.17-2.02-1.17a.07.07 0 0 1-.04-.06V6.1a4.5 4.5 0 0 1 7.38-3.45l-.14.08L8.66 5.5a.78.78 0 0 0-.4.68v6.74Zm1.1-2.36 2.6-1.5 2.61 1.5v3l-2.6 1.5-2.6-1.5Z" })
 });
-const AnthropicLogo = (props) => /* @__PURE__ */ jsxs(Svg, {
+const AnthropicLogo = ({ className, ...props }) => /* @__PURE__ */ jsxs(Svg, {
+	className: cx("sigvelo-brand-mark--colorful", className),
+	fill: "#D97757",
 	...props,
 	children: [/* @__PURE__ */ jsx("path", { d: "M13.83 4H17.3L24 20h-3.47l-1.37-3.52h-7L10.82 20H7.36ZM13.25 13.58h4.8l-2.4-6.15Z" }), /* @__PURE__ */ jsx("path", { d: "M0 4h3.47l6.7 16H6.7Z" })]
 });
-const GoogleLogo = (props) => /* @__PURE__ */ jsx(Svg, {
+const GoogleLogo = ({ className, ...props }) => /* @__PURE__ */ jsxs(Svg, {
+	className: cx("sigvelo-brand-mark--colorful", className),
+	fill: "none",
 	...props,
-	children: /* @__PURE__ */ jsx("path", { d: "M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 2a8 8 0 0 1 5.34 2.05l-2.2 2.2A5 5 0 1 0 17 12.6h-5v-2.6h7.9A8 8 0 0 1 12 20 8 8 0 0 1 12 4Z" })
+	children: [
+		/* @__PURE__ */ jsx("path", {
+			fill: "#4285F4",
+			d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			fill: "#34A853",
+			d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			fill: "#FBBC05",
+			d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			fill: "#EA4335",
+			d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
+		})
+	]
 });
-const MetaLogo = (props) => /* @__PURE__ */ jsx(Svg, {
+const MetaLogo = ({ className, ...props }) => /* @__PURE__ */ jsx(Svg, {
+	className: cx("sigvelo-brand-mark--colorful", className),
+	fill: "#0668E1",
 	...props,
 	children: /* @__PURE__ */ jsx("path", { d: "M2 12.5c0-3.5 1.8-6.5 4.4-6.5 1.8 0 3.2 1.3 4.9 3.8 2.2 3.2 3.3 5 4.6 5 1 0 1.5-.8 1.5-2.3 0-2.1-1-4.3-2.7-4.3-1 0-2 .6-3.2 2l-1.3-1.7C11.5 6.8 12.9 6 14.5 6c3 0 5.5 3.3 5.5 7 0 3.3-1.6 5-3.8 5-2.3 0-3.6-1.6-6-5.3C8.9 10.4 8 9.2 6.8 9.2 5.4 9.2 4.3 10.6 4.3 13c0 1.8.5 3 1.3 3 .6 0 1.1-.3 1.8-1.1l1.3 1.7C7.6 17.6 6.3 18 5.3 18 3.3 18 2 16 2 12.5Z" })
 });

package/dist/styles/action-guide.css

@@ -81,6 +81,10 @@
   block-size: var(--sigvelo-control-icon-size-md);
 }
 
+.action-guide__action-icon :is(img, .app-icon__image) {
+  color: unset;
+}
+
 .action-guide__action-label {
   min-inline-size: 0;
   overflow-wrap: anywhere;

package/dist/styles/agent-attention.css

@@ -50,11 +50,15 @@
   background: var(--sigvelo-color-danger-bg-subtle);
 }
 
-.agent-attention__icon > :is(svg, img) {
+.agent-attention__icon > :is(svg, img, .app-icon) {
   inline-size: 1rem;
   block-size: 1rem;
 }
 
+.agent-attention__icon :is(img, .app-icon__image) {
+  color: unset;
+}
+
 .agent-attention__text {
   display: grid;
   min-inline-size: 0;

package/dist/styles/agent-chat.css

@@ -158,10 +158,12 @@
 /* The first-turn utility tray owns its buttons' treatment so every host gets
    the same quiet look without per-app classes. Hug the actions — a short
    viewport (Storybook addons, a short side panel) used to stretch this into
-   a vacant slab. Space-between only when there are three slots to fill. */
+   a vacant slab. Space-between only when there are three slots to fill.
+   Compact control tokens keep this strip on the same ramp as the composer. */
 .agent-chat-start-screen__composer-tray {
   align-self: start;
   justify-content: start;
+  min-block-size: 0;
 }
 
 .agent-chat-start-screen__composer-tray:has(> :nth-child(3):last-child) {
@@ -169,32 +171,29 @@
 }
 
 .agent-chat-start-screen__composer-tray > .button {
+  --sigvelo-recipe-button-height: var(--sigvelo-density-compact-control-height);
+  --sigvelo-recipe-button-font-size: var(--sigvelo-density-compact-control-font-size);
+  --sigvelo-recipe-button-icon-size: var(--sigvelo-density-compact-control-icon-size);
+
   min-inline-size: 0;
-  gap: var(--sigvelo-spacing-1-5);
-  padding-inline: var(--sigvelo-spacing-2);
+  gap: var(--sigvelo-density-compact-control-gap);
+  padding-inline: var(--sigvelo-density-compact-control-padding-inline);
   color: inherit;
-  font-size: var(--sigvelo-text-sm);
+  font-size: var(--sigvelo-density-compact-control-font-size);
   font-weight: var(--sigvelo-font-weight-normal);
 }
 
-.agent-chat-start-screen__composer-tray > .button:has(.app-icon-stack) {
-  gap: var(--sigvelo-spacing-3);
-  padding-inline-start: calc(var(--sigvelo-spacing-2) + var(--sigvelo-border-width));
-}
-
-.agent-chat-start-screen__composer-tray > .button:first-child {
-  padding-inline: var(--sigvelo-spacing-2-5);
+.agent-chat-start-screen__composer-tray > .button > svg {
+  flex: none;
 }
 
-.agent-chat-start-screen__composer-tray > .button svg {
-  flex: none;
-  inline-size: var(--sigvelo-control-icon-size-md);
-  block-size: var(--sigvelo-control-icon-size-md);
+.agent-chat-start-screen__composer-tray .app-icon {
+  --sigvelo-recipe-app-icon-size: var(--sigvelo-spacing-5);
 }
 
-.agent-chat-start-screen__composer-tray > .button:first-child svg {
-  inline-size: var(--sigvelo-control-icon-size-lg);
-  block-size: var(--sigvelo-control-icon-size-lg);
+.agent-chat-start-screen__composer-tray .app-icon :is(svg, img) {
+  inline-size: 100%;
+  block-size: 100%;
 }
 
 .agent-chat-start-screen__composer-tray > .button > span:not(.app-icon-stack) {
@@ -276,6 +275,10 @@
   color: var(--sigvelo-color-primary-text);
 }
 
+.agent-chat-starter__icon :is(img, .app-icon__image) {
+  color: unset;
+}
+
 .agent-chat-starter__label {
   flex: 1;
   min-inline-size: 0;

package/dist/styles/app-icon.css

@@ -39,8 +39,24 @@
   --sigvelo-recipe-app-icon-size: var(--sigvelo-spacing-12);
 }
 
+/* Inset scales with the tile so xs/sm marks stay in the 14–16px band instead of
+   collapsing into a 4px dot under a fixed 8px pad. */
 .app-icon[data-app-icon-variant="surface"],
 .app-icon[data-app-icon-variant="contrast"] {
+  padding: var(--sigvelo-spacing-1);
+}
+
+.app-icon[data-app-icon-size="xs"][data-app-icon-variant="surface"],
+.app-icon[data-app-icon-size="xs"][data-app-icon-variant="contrast"] {
+  padding: var(--sigvelo-spacing-0-5);
+}
+
+.app-icon[data-app-icon-size="md"][data-app-icon-variant="surface"],
+.app-icon[data-app-icon-size="md"][data-app-icon-variant="contrast"],
+.app-icon[data-app-icon-size="lg"][data-app-icon-variant="surface"],
+.app-icon[data-app-icon-size="lg"][data-app-icon-variant="contrast"],
+.app-icon[data-app-icon-size="xl"][data-app-icon-variant="surface"],
+.app-icon[data-app-icon-size="xl"][data-app-icon-variant="contrast"] {
   padding: var(--sigvelo-spacing-2);
 }
 
@@ -51,6 +67,11 @@
   color: var(--sigvelo-color-primary-text-on-bg);
 }
 
+/* Plugin artwork already has its own fills; do not tint it with the tile. */
+.app-icon[data-app-icon-variant="contrast"] :is(img, .app-icon__image) {
+  color: unset;
+}
+
 /* Full-bleed artwork brings its own edges; a hairline ring around a flat
    transparent mark would outline an invisible box, so no variant draws one. */
 

package/dist/styles/brand-marks.css

@@ -0,0 +1,22 @@
+/*
+ * Third-party / provider marks. Official brand colors live on the artwork
+ * (or this file for single-fill Discord), not in the Sigvelo token palette.
+ * Lucide chrome stays currentColor via inherited text color.
+ */
+.sigvelo-brand-mark--colorful {
+  color: unset;
+}
+
+.sigvelo-brand-mark--discord {
+  color: #5865f2;
+}
+
+@media (forced-colors: active) {
+  .sigvelo-brand-mark--colorful {
+    forced-color-adjust: none;
+  }
+
+  .sigvelo-brand-mark--discord {
+    color: CanvasText;
+  }
+}