@mcp-b/react-components 0.47.0 → 0.48.0

package/dist/{workspace-assets-CxpEHsac.js → workspace-assets-GqsCYxqT.js}

@@ -1,6 +1,6 @@
 import { composerLinkHref } from "./utils/composer-link.js";
 import { canRequestFavicon, inferFaviconUrl } from "./utils/favicon.js";
-import { Q as TrashIcon, S as FileIcon } from "./icons-cuEtsgj9.js";
+import { Q as TrashIcon, S as FileIcon } from "./icons-CeGfXO21.js";
 import { Button } from "./components/foundations/Button.js";
 import { Tooltip } from "./components/foundations/Tooltip.js";
 import { IconButton } from "./components/foundations/IconButton.js";
@@ -135,13 +135,27 @@ function Hint({ children, content }) {
 }
 /** File/thread/site identity, same icon+label mark as the composer. */
 function WorkspaceComposerLink({ hint, icon, kind = "file", label, onOpen, value }) {
+	const resolvedIcon = icon ?? (kind === "file" ? /* @__PURE__ */ jsx(FileIcon, {}) : void 0);
+	if (!onOpen) return /* @__PURE__ */ jsxs("span", {
+		className: "composer-link",
+		"data-composer-link": kind,
+		title: typeof hint === "string" ? hint : void 0,
+		children: [resolvedIcon ? /* @__PURE__ */ jsx("span", {
+			className: "composer-link__icon",
+			"aria-hidden": "true",
+			children: resolvedIcon
+		}) : null, /* @__PURE__ */ jsx("span", {
+			className: "composer-link__label",
+			children: label
+		})]
+	});
 	const link = /* @__PURE__ */ jsx(ComposerLink, {
 		href: composerLinkHref({
 			kind,
 			value,
 			label
 		}),
-		icon: icon ?? (kind === "file" ? /* @__PURE__ */ jsx(FileIcon, {}) : void 0),
+		icon: resolvedIcon,
 		onClick: onOpen,
 		children: label
 	});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcp-b/react-components",
-  "version": "0.47.0",
+  "version": "0.48.0",
   "description": "MCP-B React components built on Base UI and shared design tokens, including Cloudflare Think chat primitives.",
   "homepage": "https://design-system.sigvelo.com",
   "bugs": {
@@ -54,7 +54,7 @@
     "streamdown": "^2.5.0",
     "unist-util-visit": "^5.1.0",
     "yet-another-react-lightbox": "^3.32.2",
-    "@mcp-b/design-tokens": "0.47.0"
+    "@mcp-b/design-tokens": "0.48.0"
   },
   "devDependencies": {
     "@ai-sdk/react": "^3.0.249",

package/dist/{icons-cuEtsgj9.js → icons-CeGfXO21.js}

@@ -1,7 +1,7 @@
 import { t as cx } from "./class-names-BiMDVpUo.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Archive, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, ArrowUpRight, Bookmark, Box, Brain, CalendarDays, Check, ChevronDown, ChevronRight, CircleStop, CodeXml, Copy, 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, User, Wrench, X } from "lucide-react";
 import { SiDiscord, SiModelcontextprotocol } from "react-icons/si";
-import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/_internal/icons.tsx
 function icon(Component) {
 	return function DesignSystemIcon({ size = 16, strokeWidth = 1.75, ...props }) {