@mcp-b/react-components 0.56.1 → 0.56.2

package/dist/components/nanites/GithubMotionMark.d.ts

@@ -2,12 +2,8 @@
 /**
  * Small GitHub motion mark used next to install or repository connection text.
  */
-declare function GithubMotionMark({
-  className,
-  size
-}: {
+export declare function GithubMotionMark({ className, size }: {
   readonly className?: string;
   readonly size?: number;
 }): import("react").JSX.Element;
-//#endregion
-export { GithubMotionMark };
+//#endregion

package/dist/components/nanites/GithubMotionMark.js

@@ -5,8 +5,9 @@ import { jsx } from "react/jsx-runtime";
 * Small GitHub motion mark used next to install or repository connection text.
 */
 function GithubMotionMark({ className, size = 18 }) {
+	const classes = cx("github-motion-mark", className);
 	return /* @__PURE__ */ jsx("span", {
-		className: cx("github-motion-mark", className),
+		className: classes,
 		"aria-hidden": "true",
 		children: /* @__PURE__ */ jsx("svg", {
 			width: size,

package/dist/components/nanites/NaniteScene.d.ts

@@ -1,20 +1,23 @@
 //#region src/components/nanites/NaniteScene.d.ts
-type NaniteSceneVariant = "idle" | "helmet" | "working" | "celebrating" | "concerned";
-type NaniteSceneProps = {
-  /** Visual state to render. */readonly variant: NaniteSceneVariant; /** Render three compact Nanites or one status Nanite with optional screen art. */
-  readonly mode?: "trio" | "solo"; /** Additional class names for layout only. */
-  readonly className?: string; /** Accessible title when the illustration communicates state. */
+export type NaniteSceneVariant = "idle" | "helmet" | "working" | "celebrating" | "concerned";
+export type NaniteSceneProps = {
+  /** Visual state to render. */
+  readonly variant: NaniteSceneVariant;
+  /** Render three compact Nanites or one status Nanite with optional screen art. */
+  readonly mode?: "trio" | "solo";
+  /** Additional class names for layout only. */
+  readonly className?: string;
+  /** Accessible title when the illustration communicates state. */
   readonly title?: string;
 };
-type NaniteMarkProps = {
-  /** Selects one of the established Nanite body colors. */readonly index?: number; /** Additional class names for layout only. */
+export type NaniteMarkProps = {
+  /** Selects one of the established Nanite body colors. */
+  readonly index?: number;
+  /** Additional class names for layout only. */
   readonly className?: string;
 };
 /** Compact decorative Nanite identity mark for dense agent and task UI. */
-declare function NaniteMark({
-  index,
-  className
-}: NaniteMarkProps): import("react").JSX.Element;
+export declare function NaniteMark({ index, className }: NaniteMarkProps): import("react").JSX.Element;
 /**
  * Decorative Nanites illustration used in setup, status, and empty states.
  * Pass a title when the illustration communicates state; otherwise it remains
@@ -32,11 +35,5 @@ declare function NaniteMark({
  * <NaniteScene variant="working" mode="solo" title="Agent is checking GitHub" />
  * ```
  */
-declare function NaniteScene({
-  variant,
-  mode,
-  className,
-  title
-}: NaniteSceneProps): import("react").JSX.Element;
-//#endregion
-export { NaniteMark, NaniteMarkProps, NaniteScene, NaniteSceneProps, NaniteSceneVariant };
+export declare function NaniteScene({ variant, mode, className, title }: NaniteSceneProps): import("react").JSX.Element;
+//#endregion

package/dist/components/nanites/NaniteScene.js

@@ -25,8 +25,9 @@ const TRIO_XS = [
 ];
 /** Compact decorative Nanite identity mark for dense agent and task UI. */
 function NaniteMark({ index = 0, className }) {
+	const wrapperClass = cx("nanite-mark", className);
 	return /* @__PURE__ */ jsx("span", {
-		className: cx("nanite-mark", className),
+		className: wrapperClass,
 		"aria-hidden": "true",
 		children: /* @__PURE__ */ jsxs("svg", {
 			viewBox: "-18 -34 36 54",
@@ -244,7 +245,7 @@ function NaniteScene({ variant, mode = "trio", className, title }) {
 					]
 				}) : null,
 				showGlass ? /* @__PURE__ */ jsx("g", {
-					transform: `translate(${screenCx - 4}, 32)`,
+					transform: `translate(78, 32)`,
 					children: /* @__PURE__ */ jsxs("g", {
 						className: "nanite-scene__glass",
 						children: [/* @__PURE__ */ jsx("circle", {
@@ -266,7 +267,7 @@ function NaniteScene({ variant, mode = "trio", className, title }) {
 					})
 				}) : null,
 				showSuccessMark ? /* @__PURE__ */ jsx("g", {
-					transform: `translate(96, ${screenCy - 10})`,
+					transform: `translate(96, 20)`,
 					children: /* @__PURE__ */ jsxs("g", {
 						className: "nanite-scene__status-mark",
 						children: [/* @__PURE__ */ jsx("circle", {
@@ -287,7 +288,7 @@ function NaniteScene({ variant, mode = "trio", className, title }) {
 					})
 				}) : null,
 				showFailMark ? /* @__PURE__ */ jsx("g", {
-					transform: `translate(96, ${screenCy - 10})`,
+					transform: `translate(96, 20)`,
 					children: /* @__PURE__ */ jsxs("g", {
 						className: "nanite-scene__status-mark",
 						children: [
@@ -325,22 +326,22 @@ function NaniteScene({ variant, mode = "trio", className, title }) {
 					children: [
 						/* @__PURE__ */ jsx("circle", {
 							className: "nanite-scene__sparkle",
-							cx: naniteX - 10,
-							cy: centerY - 24,
+							cx: 14,
+							cy: 6,
 							r: "1.6",
 							fill: HAT_BULB
 						}),
 						/* @__PURE__ */ jsx("circle", {
 							className: "nanite-scene__sparkle",
 							cx: 26,
-							cy: centerY - 28,
+							cy: 2,
 							r: "1.9",
 							fill: BODY_COLORS[0]
 						}),
 						/* @__PURE__ */ jsx("circle", {
 							className: "nanite-scene__sparkle",
 							cx: 38,
-							cy: centerY - 22,
+							cy: 8,
 							r: "1.6",
 							fill: BODY_COLORS[2]
 						})

package/dist/{copy-button-CJYYgCIU.d.ts → copy-button-BIfY5M-D.d.ts}

@@ -1,6 +1,5 @@
-import { n as IconButtonProps } from "./IconButton-CAlFVb2L.js";
+import { n as IconButtonProps } from "./IconButton-43ggXEuf.js";
 import * as React from "react";
-
 //#region src/components/_internal/copy-button.d.ts
 interface CopyButtonProps extends Omit<IconButtonProps, "children" | "variant" | "color" | "onClick" | "onError"> {
   label: string;

package/dist/{copy-button-CSDuDfdP.js → copy-button-Dk2vRe9j.js}

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

package/dist/{format-COCyV98Z.js → format-CWaZEp5o.js}

@@ -57,7 +57,7 @@ function textLines(value) {
 */
 function firstLine(value) {
 	const line = textLines(value).at(0) ?? "";
-	return line.length > LINE_LIMIT ? `${line.slice(0, LINE_LIMIT - 1)}…` : line;
+	return line.length > LINE_LIMIT ? `${line.slice(0, 159)}…` : line;
 }
 /**
 * Renders an unknown upstream value as display text. Tool arguments, results,

package/dist/icons-CUuD7iEh.d.ts

@@ -0,0 +1,73 @@
+import { LucideProps } from "lucide-react";
+import { IconBaseProps } from "react-icons";
+//#region src/components/_internal/icons.d.ts
+/**
+ * The design system's single icon adapter.
+ *
+ * Lucide supplies the artwork while this adapter owns the library-wide optical
+ * defaults and decorative semantics. Keeping the existing names here lets
+ * components share one icon language without coupling their public APIs to an
+ * icon vendor.
+ */
+type IconProps = Omit<LucideProps, "ref">;
+type BrandIconProps = Omit<IconBaseProps, "ref">;
+declare const ChevronRightIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const ChevronDownIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const CheckIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const CodeIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const XIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const PencilIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const CopyIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const EyeIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const EyeOffIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const FolderIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const FolderOpenIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const FileIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const PaperclipIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const MicrophoneIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const StopIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const PlusIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const MinusIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const PlayIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const PauseIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const SquareIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const ArrowLeftIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const ArrowRightIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const ArrowDownIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const ArrowUpIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const ArrowUpRightIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const BookmarkIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const ArchiveIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const DownloadIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const RefreshIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const DotIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const EllipsisIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare function SpinnerIcon({ className, size, strokeWidth, ...props }: IconProps): import("react").JSX.Element;
+declare const SearchIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const SidebarIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const TerminalIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const LinkIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const KeyboardIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const QueueIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const TrashIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const WarningIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const BoxIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const BrainIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const CalendarIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const WrenchIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const InfoIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const MonitorIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const MessageSquareIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const MailIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const UserIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const McpIcon: ({ size, ...props }: BrandIconProps) => import("react").JSX.Element;
+/** Discord Blurple. Callers override with `color` or a `className` that sets color. */
+declare function DiscordIcon({ size, color, className, ...props }: 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;
+declare const MoonIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const SunIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const TargetIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const MaximizeIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+//#endregion
+export { TerminalIcon as $, MailIcon as A, PencilIcon as B, FileIcon as C, InfoIcon as D, IconProps as E, MinusIcon as F, SearchIcon as G, PlusIcon as H, MonitorIcon as I, SpinnerIcon as J, SidebarIcon as K, MoonIcon as L, McpIcon as M, MessageSquareIcon as N, KeyboardIcon as O, MicrophoneIcon as P, TargetIcon as Q, PaperclipIcon as R, EyeOffIcon as S, FolderOpenIcon as T, QueueIcon as U, PlayIcon as V, RefreshIcon as W, StopIcon as X, SquareIcon as Y, SunIcon as Z, DiscordIcon as _, ArrowUpIcon as a, EllipsisIcon as b, BoxIcon as c, CalendarIcon as d, TrashIcon as et, CheckIcon as f, CopyIcon as g, CodeIcon as h, ArrowRightIcon as i, XIcon as it, MaximizeIcon as j, LinkIcon as k, BrainIcon as l, ChevronRightIcon as m, ArrowDownIcon as n, WarningIcon as nt, ArrowUpRightIcon as o, ChevronDownIcon as p, SlackIcon as q, ArrowLeftIcon as r, WrenchIcon as rt, BookmarkIcon as s, ArchiveIcon as t, UserIcon as tt, BrandIconProps as u, DotIcon as v, FolderIcon as w, EyeIcon as x, DownloadIcon as y, PauseIcon as z };

package/dist/{mcp-server-catalog-D9p4gGeJ.d.ts → mcp-server-catalog-DgA9BnL0.d.ts}

@@ -1,5 +1,4 @@
 import { MCPServer, MCPServersState } from "agents";
-
 //#region src/utils/mcp-server-catalog.d.ts
 interface McpServerSetupLink {
   label: string;

package/dist/{progress-ring-Cgii90dC.js → progress-ring-L2bbF0ji.js}

@@ -1,4 +1,4 @@
-import { n as clamp } from "./format-COCyV98Z.js";
+import { n as clamp } from "./format-CWaZEp5o.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/_internal/progress-ring.tsx
 /**

package/dist/styles/app-top-bar.css

@@ -95,8 +95,8 @@
 }
 
 .app-top-bar__button:is([aria-expanded="true"], [data-popup-open], [data-pressed]):not(
-  :focus-visible
-) {
+    :focus-visible
+  ) {
   box-shadow: none;
 }
 

package/dist/styles/recipes.css

@@ -272,11 +272,11 @@
 }
 
 :where(
-  [data-slot="input"],
-  [data-slot="textarea"],
-  [data-slot="select-trigger"],
-  [data-slot="field-control"]
-):hover:not(:disabled, [data-disabled]) {
+    [data-slot="input"],
+    [data-slot="textarea"],
+    [data-slot="select-trigger"],
+    [data-slot="field-control"]
+  ):hover:not(:disabled, [data-disabled]) {
   border-color: var(--sigvelo-color-focus);
 }
 
@@ -319,12 +319,12 @@
 }
 
 :where(
-  [data-slot="input"],
-  [data-slot="textarea"],
-  [data-slot="select-trigger"],
-  [data-slot="combobox-input"],
-  [data-slot="field-control"]
-):is([aria-invalid="true"], [data-invalid]):focus-visible {
+    [data-slot="input"],
+    [data-slot="textarea"],
+    [data-slot="select-trigger"],
+    [data-slot="combobox-input"],
+    [data-slot="field-control"]
+  ):is([aria-invalid="true"], [data-invalid]):focus-visible {
   box-shadow: var(--sigvelo-recipe-invalid-focus-shadow);
 }
 
@@ -633,10 +633,10 @@
 }
 
 :where(
-  [data-slot="combobox-trigger"],
-  [data-slot="autocomplete-trigger"],
-  [data-slot="autocomplete-clear"]
-):hover:not([data-disabled]) {
+    [data-slot="combobox-trigger"],
+    [data-slot="autocomplete-trigger"],
+    [data-slot="autocomplete-clear"]
+  ):hover:not([data-disabled]) {
   color: var(--sigvelo-color-text);
   background-color: var(--sigvelo-color-neutral-bg-subtle);
 }
@@ -708,10 +708,10 @@
 }
 
 :where(
-  [data-slot="chain-of-thought-trigger"],
-  [data-slot="reasoning-trigger"],
-  [data-slot="sources-trigger"]
-):hover:not([data-disabled]) {
+    [data-slot="chain-of-thought-trigger"],
+    [data-slot="reasoning-trigger"],
+    [data-slot="sources-trigger"]
+  ):hover:not([data-disabled]) {
   color: var(--sigvelo-color-text);
   background-color: var(--sigvelo-color-neutral-bg-subtle);
 }

package/dist/utils/codex-model-catalog.d.ts

@@ -1,2 +1,2 @@
-import { a as CodexModelAvailabilityNux, c as CodexModelServiceTier, d as CodexReasoningEffortOption, f as defineCodexModels, i as CodexModel, l as CodexModelUpgradeInfo, n as CODEX_MODEL_IDS, o as CodexModelId, r as CodexInputModality, s as CodexModelListResponse, t as CHECKED_IN_CODEX_MODELS, u as CodexReasoningEffort } from "../codex-model-catalog-BBN_gWcc.js";
+import { a as CodexModelAvailabilityNux, c as CodexModelServiceTier, d as CodexReasoningEffortOption, f as defineCodexModels, i as CodexModel, l as CodexModelUpgradeInfo, n as CODEX_MODEL_IDS, o as CodexModelId, r as CodexInputModality, s as CodexModelListResponse, t as CHECKED_IN_CODEX_MODELS, u as CodexReasoningEffort } from "../codex-model-catalog-CBWDdQl7.js";
 export { CHECKED_IN_CODEX_MODELS, CODEX_MODEL_IDS, CodexInputModality, CodexModel, CodexModelAvailabilityNux, CodexModelId, CodexModelListResponse, CodexModelServiceTier, CodexModelUpgradeInfo, CodexReasoningEffort, CodexReasoningEffortOption, defineCodexModels };

package/dist/utils/composer-link.d.ts

@@ -1,21 +1,21 @@
 //#region src/utils/composer-link.d.ts
-declare const COMPOSER_LINK_ORIGIN = "https://composer.invalid";
-declare const COMPOSER_LINK_KINDS: readonly ["command", "mcp", "skill", "tab", "file"];
-type ComposerLinkKind = (typeof COMPOSER_LINK_KINDS)[number];
-declare const COMPOSER_CHROME_ICONS: readonly ["box"];
-type ComposerChromeIcon = (typeof COMPOSER_CHROME_ICONS)[number];
-interface ComposerLinkParts {
+export declare const COMPOSER_LINK_ORIGIN = "https://composer.invalid";
+export declare const COMPOSER_LINK_KINDS: readonly ["command", "mcp", "skill", "tab", "file"];
+export type ComposerLinkKind = (typeof COMPOSER_LINK_KINDS)[number];
+export declare const COMPOSER_CHROME_ICONS: readonly ["box"];
+export type ComposerChromeIcon = (typeof COMPOSER_CHROME_ICONS)[number];
+export interface ComposerLinkParts {
   kind: ComposerLinkKind;
   value: string;
   label?: string;
   iconSrc?: string;
   chromeIcon?: ComposerChromeIcon;
 }
-interface ParsedComposerLink extends ComposerLinkParts {
+export interface ParsedComposerLink extends ComposerLinkParts {
   href: string;
   label: string;
 }
-type ComposerDraftSegment = {
+export type ComposerDraftSegment = {
   type: "text";
   value: string;
 } | {
@@ -24,36 +24,35 @@ type ComposerDraftSegment = {
   label: string;
   parts: ParsedComposerLink;
 };
-declare function isComposerLinkKind(value: string): value is ComposerLinkKind;
-declare function isComposerChromeIcon(value: string): value is ComposerChromeIcon;
-declare function composerLinkHref(parts: ComposerLinkParts): string;
-declare function parseComposerHref(href: string | undefined): ParsedComposerLink | undefined;
-declare function escapeComposerLinkLabel(label: string): string;
+export declare function isComposerLinkKind(value: string): value is ComposerLinkKind;
+export declare function isComposerChromeIcon(value: string): value is ComposerChromeIcon;
+export declare function composerLinkHref(parts: ComposerLinkParts): string;
+export declare function parseComposerHref(href: string | undefined): ParsedComposerLink | undefined;
+export declare function escapeComposerLinkLabel(label: string): string;
 /** Brand hex from a Simple Icons URL, skipped when it would vanish as text. */
-declare function brandHexFromIconSrc(src: string | undefined): string | undefined;
+export declare function brandHexFromIconSrc(src: string | undefined): string | undefined;
 /** Most chromatic opaque pixel, skipped when the mark is charcoal, white, or gray. */
-declare function chromaticHexFromPixels(data: Uint8ClampedArray): string | undefined;
-declare function sampleImageAccent(image: HTMLImageElement): string | undefined;
-declare function serializeComposerLink(parts: ComposerLinkParts & {
+export declare function chromaticHexFromPixels(data: Uint8ClampedArray): string | undefined;
+export declare function sampleImageAccent(image: HTMLImageElement): string | undefined;
+export declare function serializeComposerLink(parts: ComposerLinkParts & {
   label: string;
 }): string;
-declare function splitComposerDraft(text: string): ComposerDraftSegment[];
-declare function parseComposerLinks(text: string): ParsedComposerLink[];
-declare function composerTriggerMatch(text: string): {
+export declare function splitComposerDraft(text: string): ComposerDraftSegment[];
+export declare function parseComposerLinks(text: string): ParsedComposerLink[];
+export declare function composerTriggerMatch(text: string): {
   trigger: "/" | "@";
   query: string;
   triggerIndex: number;
 } | undefined;
-declare function inferComposerLinkKind(command: {
+export declare function inferComposerLinkKind(command: {
   id?: string;
 }, trigger: "/" | "@"): ComposerLinkKind;
-declare function replaceComposerTrigger(draft: string, command: {
+export declare function replaceComposerTrigger(draft: string, command: {
   id?: string;
   value: string;
   label: string;
   href?: string;
   iconSrc?: string;
 }, trigger: "/" | "@"): string;
-declare function composerDraftToPrompt(text: string): string;
-//#endregion
-export { COMPOSER_CHROME_ICONS, COMPOSER_LINK_KINDS, COMPOSER_LINK_ORIGIN, ComposerChromeIcon, ComposerDraftSegment, ComposerLinkKind, ComposerLinkParts, ParsedComposerLink, brandHexFromIconSrc, chromaticHexFromPixels, composerDraftToPrompt, composerLinkHref, composerTriggerMatch, escapeComposerLinkLabel, inferComposerLinkKind, isComposerChromeIcon, isComposerLinkKind, parseComposerHref, parseComposerLinks, replaceComposerTrigger, sampleImageAccent, serializeComposerLink, splitComposerDraft };
+export declare function composerDraftToPrompt(text: string): string;
+//#endregion

package/dist/utils/favicon.d.ts

@@ -5,11 +5,10 @@
  * This does not fetch or inspect the page. Browser hosts that can read a document's
  * `<link rel="icon">` should prefer that resolved URL because it may point elsewhere.
  */
-declare function inferFaviconUrl(url: string): string | undefined;
+export declare function inferFaviconUrl(url: string): string | undefined;
 /**
  * Browsers block public pages from fetching loopback URLs (private network
  * access). Skip those favicons when the document is not itself on loopback.
  */
-declare function canRequestFavicon(src: string, documentOrigin?: string): boolean;
-//#endregion
-export { canRequestFavicon, inferFaviconUrl };
+export declare function canRequestFavicon(src: string, documentOrigin?: string): boolean;
+//#endregion

package/dist/utils/mcp-server-catalog.d.ts

@@ -1,2 +1,2 @@
-import { a as MCP_SERVER_SETUP_AUTH, c as McpServerSetupAuth, d as McpServerSetupLink, f as findCatalogMcpServerCard, h as getMcpServerRuntimeState, i as MANUAL_MCP_SERVER_CARDS, l as McpServerSetupAuthField, m as getMcpServerIconSrc, n as DCR_MCP_SERVER_CARDS, o as McpServerCard, p as getMcpServerEntry, r as DEFAULT_MCP_SERVER_CARDS, s as McpServerManualSetup, t as CUSTOM_MCP_SERVER_CARD, u as McpServerSetupAuthFieldName } from "../mcp-server-catalog-D9p4gGeJ.js";
+import { a as MCP_SERVER_SETUP_AUTH, c as McpServerSetupAuth, d as McpServerSetupLink, f as findCatalogMcpServerCard, h as getMcpServerRuntimeState, i as MANUAL_MCP_SERVER_CARDS, l as McpServerSetupAuthField, m as getMcpServerIconSrc, n as DCR_MCP_SERVER_CARDS, o as McpServerCard, p as getMcpServerEntry, r as DEFAULT_MCP_SERVER_CARDS, s as McpServerManualSetup, t as CUSTOM_MCP_SERVER_CARD, u as McpServerSetupAuthFieldName } from "../mcp-server-catalog-DgA9BnL0.js";
 export { CUSTOM_MCP_SERVER_CARD, DCR_MCP_SERVER_CARDS, DEFAULT_MCP_SERVER_CARDS, MANUAL_MCP_SERVER_CARDS, MCP_SERVER_SETUP_AUTH, McpServerCard, McpServerManualSetup, McpServerSetupAuth, McpServerSetupAuthField, McpServerSetupAuthFieldName, McpServerSetupLink, findCatalogMcpServerCard, getMcpServerEntry, getMcpServerIconSrc, getMcpServerRuntimeState };

package/dist/utils/structured-code.d.ts

@@ -1,10 +1,8 @@
-import { O as CodeBlockLanguage } from "../CodeBlock-DJ99TQWy.js";
-
+import { O as CodeBlockLanguage } from "../CodeBlock-CPotpyyM.js";
 //#region src/utils/structured-code.d.ts
-interface StructuredCodeDisplay {
+export interface StructuredCodeDisplay {
   code: string;
   language: CodeBlockLanguage;
 }
-declare function formatStructuredCodeDisplay(value: unknown): StructuredCodeDisplay;
-//#endregion
-export { StructuredCodeDisplay, formatStructuredCodeDisplay };
+export declare function formatStructuredCodeDisplay(value: unknown): StructuredCodeDisplay;
+//#endregion

package/dist/utils/theme.d.ts

@@ -1,22 +1,21 @@
 //#region src/utils/theme.d.ts
-declare const THEME_STORAGE_KEY = "mcp-b-theme";
-declare const themePreferences: readonly ["system", "light", "dark"];
-type ThemePreference = (typeof themePreferences)[number];
-type ResolvedTheme = Exclude<ThemePreference, "system">;
-declare function isThemePreference(value: unknown): value is ThemePreference;
-declare function resolveThemePreference(preference: ThemePreference, targetWindow?: Pick<Window, "matchMedia">): ResolvedTheme;
-declare function readThemePreference(storageKey?: string, targetStorage?: Storage): ThemePreference;
-declare function writeThemePreference(preference: ThemePreference, storageKey?: string, targetStorage?: Storage): void;
+export declare const THEME_STORAGE_KEY = "mcp-b-theme";
+export declare const themePreferences: readonly ["system", "light", "dark"];
+export type ThemePreference = (typeof themePreferences)[number];
+export type ResolvedTheme = Exclude<ThemePreference, "system">;
+export declare function isThemePreference(value: unknown): value is ThemePreference;
+export declare function resolveThemePreference(preference: ThemePreference, targetWindow?: Pick<Window, "matchMedia">): ResolvedTheme;
+export declare function readThemePreference(storageKey?: string, targetStorage?: Storage): ThemePreference;
+export declare function writeThemePreference(preference: ThemePreference, storageKey?: string, targetStorage?: Storage): void;
 /**
  * Applies an explicit preference without resolving System into an attribute.
  * Leaving data-theme absent lets CSS respond to operating-system changes by itself.
  */
-declare function applyThemePreference(preference: ThemePreference, targetDocument?: Document): ResolvedTheme;
+export declare function applyThemePreference(preference: ThemePreference, targetDocument?: Document): ResolvedTheme;
 /**
  * Generates a CSP-compatible inline head script body that restores a saved
  * preference before styles render. Supply the returned string as text content
  * of a nonce-bearing script immediately after the color-scheme meta element.
  */
-declare function getThemeInitializationScript(storageKey?: string): string;
-//#endregion
-export { ResolvedTheme, THEME_STORAGE_KEY, ThemePreference, applyThemePreference, getThemeInitializationScript, isThemePreference, readThemePreference, resolveThemePreference, themePreferences, writeThemePreference };
+export declare function getThemeInitializationScript(storageKey?: string): string;
+//#endregion

package/dist/{workspace-assets-Bg7XhPsk.js → workspace-assets-C3QT6UlQ.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";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcp-b/react-components",
-  "version": "0.56.1",
+  "version": "0.56.2",
   "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": {
@@ -39,59 +39,59 @@
   },
   "dependencies": {
     "@base-ui/react": "~1.8.0",
-    "@rrweb/replay": "^2.1.1",
-    "@shadcn/react": "^0.2.1",
+    "@rrweb/replay": "^2.1.4",
+    "@shadcn/react": "^0.3.1",
     "@streamdown/cjk": "^1.0.3",
     "@streamdown/code": "^1.1.1",
-    "@tanstack/react-virtual": "^3.14.9",
+    "@tanstack/react-virtual": "^3.14.12",
     "agent-skills-ts-sdk": "^2.4.2",
     "anser": "^2.3.5",
-    "lucide-react": "^1.31.0",
+    "lucide-react": "^1.45.0",
     "react-icons": "^5.7.0",
     "rehype-slug": "^6.0.0",
-    "shiki": "^3.23.0",
-    "simple-icons": "16.28.0",
-    "streamdown": "^2.5.0",
+    "shiki": "^4.4.3",
+    "simple-icons": "16.31.0",
+    "streamdown": "^2.6.0",
     "unist-util-visit": "^5.1.0",
     "yet-another-react-lightbox": "^3.32.2",
-    "@mcp-b/design-tokens": "0.56.1"
+    "@mcp-b/design-tokens": "0.56.2"
   },
   "devDependencies": {
-    "@ai-sdk/react": "^3.0.249",
+    "@ai-sdk/react": "^3.0.285",
     "@cloudflare/codemode": "https://github.com/WebMCP-org/do-runtime/releases/download/rook-sdk-155b267477ca/cloudflare-codemode-0.5.2.tgz",
     "@cloudflare/shell": "https://github.com/WebMCP-org/do-runtime/releases/download/rook-sdk-155b267477ca/cloudflare-shell-0.4.3.tgz",
     "@cloudflare/think": "https://github.com/WebMCP-org/do-runtime/releases/download/rook-sdk-155b267477ca/cloudflare-think-0.18.0.tgz",
-    "@cloudflare/workers-types": "^5.20260811.1",
-    "@storybook/addon-a11y": "^10.5.7",
-    "@storybook/addon-docs": "^10.5.7",
+    "@cloudflare/workers-types": "^5.20260911.1",
+    "@storybook/addon-a11y": "10.5.7",
+    "@storybook/addon-docs": "10.5.7",
     "@storybook/addon-mcp": "0.7.0",
-    "@storybook/addon-vitest": "^10.5.7",
-    "@storybook/tanstack-react": "^10.5.7",
-    "@tanstack/react-form": "^1.33.4",
-    "@tanstack/react-query": "^5.101.4",
-    "@tanstack/react-router": "^1.170.25",
-    "@tanstack/react-store": "^0.9.3",
-    "@tanstack/router-core": "^1.171.21",
+    "@storybook/addon-vitest": "10.5.7",
+    "@storybook/tanstack-react": "10.5.7",
+    "@tanstack/react-form": "^1.33.5",
+    "@tanstack/react-query": "^5.102.8",
+    "@tanstack/react-router": "1.170.25",
+    "@tanstack/react-store": "^0.11.1",
+    "@tanstack/router-core": "1.171.21",
     "@types/hast": "^3.0.5",
-    "@types/node": "^26.2.0",
-    "@types/react": "^19.2.18",
-    "@types/react-dom": "^19.2.4",
-    "@vitest/browser-playwright": "^4.1.10",
-    "@vitest/coverage-v8": "^4.1.10",
-    "@vitest/mocker": "^4.1.10",
+    "@types/node": "^26.5.1",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "@vitest/browser-playwright": "^4.1.11",
+    "@vitest/coverage-v8": "^4.1.11",
+    "@vitest/mocker": "^4.1.11",
     "agents": "https://github.com/WebMCP-org/do-runtime/releases/download/rook-sdk-155b267477ca/agents-0.23.0.tgz",
-    "ai": "^6.0.247",
-    "cloudflare": "^7.0.0",
+    "ai": "^6.0.282",
+    "cloudflare": "^7.1.0",
     "oversight-lint": "0.7.1",
-    "playwright": "~1.61.1",
-    "react": "19.3.0-canary-711c445b-20260722",
-    "react-dom": "19.3.0-canary-711c445b-20260722",
-    "storybook": "^10.5.7",
+    "playwright": "1.61.1",
+    "react": "19.3.0",
+    "react-dom": "19.3.0",
+    "storybook": "10.5.7",
     "storybook-addon-oversight": "0.7.0",
     "typescript": "^6.0.3",
-    "vite": "npm:@voidzero-dev/vite-plus-core@0.2.4",
-    "vite-plus": "0.2.4",
-    "vitest": "^4.1.10"
+    "vite": "npm:@voidzero-dev/vite-plus-core@0.3.1",
+    "vite-plus": "0.3.1",
+    "vitest": "^4.1.11"
   },
   "peerDependencies": {
     "@ai-sdk/react": "^3.0.230",
@@ -103,8 +103,8 @@
     "agents": "^0.23.0",
     "ai": "^6.0.228",
     "cloudflare": "^7.0.0",
-    "react": "19.3.0-canary-711c445b-20260722",
-    "react-dom": "19.3.0-canary-711c445b-20260722"
+    "react": "19.3.0 || 19.3.0-canary-711c445b-20260722",
+    "react-dom": "19.3.0 || 19.3.0-canary-711c445b-20260722"
   },
   "peerDependenciesMeta": {
     "@ai-sdk/react": {