@mcp-b/react-components 0.30.0 → 0.30.1

package/dist/components/extension/CodexModelSelector.js

@@ -1,8 +1,8 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { W as RefreshIcon, d as CheckIcon, f as ChevronDownIcon, l as BrainIcon, m as ChevronRightIcon } from "../../icons-B1Qw05te.js";
+import { W as RefreshIcon, d as CheckIcon, f as ChevronDownIcon, l as BrainIcon, m as ChevronRightIcon } from "../../icons-B4mGvCvc.js";
 import { Tooltip } from "../foundations/Tooltip.js";
-import { a as titleCase } from "../../format-CmopcfqJ.js";
 import { Menu } from "../foundations/Menu.js";
+import { a as titleCase } from "../../format-CmopcfqJ.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/extension/CodexModelSelector.tsx

package/dist/components/extension/ConversationTabPicker.js

@@ -1,8 +1,8 @@
-import { tt as WarningIcon } from "../../icons-B1Qw05te.js";
-import { Avatar } from "../foundations/Avatar.js";
+import { tt as WarningIcon } from "../../icons-B4mGvCvc.js";
 import { Button } from "../foundations/Button.js";
-import { i as formatErrorMessage } from "../../format-CmopcfqJ.js";
 import { Menu } from "../foundations/Menu.js";
+import { i as formatErrorMessage } from "../../format-CmopcfqJ.js";
+import { Avatar } from "../foundations/Avatar.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/extension/ConversationTabPicker.tsx

package/dist/components/foundations/Checkbox.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { d as CheckIcon } from "../../icons-B1Qw05te.js";
+import { d as CheckIcon } from "../../icons-B4mGvCvc.js";
 import { jsx } from "react/jsx-runtime";
 import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
 //#region src/components/foundations/Checkbox.tsx

package/dist/components/foundations/Collapsible.js

@@ -1,7 +1,7 @@
 import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
 import "react";
-import { jsx } from "react/jsx-runtime";
 import { Collapsible as Collapsible$1 } from "@base-ui/react/collapsible";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/foundations/Collapsible.tsx
 /**
 * Container that groups all collapsible parts. Renders a `<div>` element.

package/dist/components/foundations/ContextMenu.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
-import { d as CheckIcon, v as DotIcon } from "../../icons-B1Qw05te.js";
+import { d as CheckIcon, v as DotIcon } from "../../icons-B4mGvCvc.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";

package/dist/components/foundations/Menubar.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
-import { d as CheckIcon, v as DotIcon } from "../../icons-B1Qw05te.js";
+import { d as CheckIcon, v as DotIcon } from "../../icons-B4mGvCvc.js";
 import { buttonVariants } from "./Button.js";
 import "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/foundations/SearchField.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { G as SearchIcon } from "../../icons-B1Qw05te.js";
+import { G as SearchIcon } from "../../icons-B4mGvCvc.js";
 import { Field } from "./Field.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/foundations/SearchField.tsx

package/dist/components/foundations/Select.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { a as ArrowUpIcon, d as CheckIcon, n as ArrowDownIcon } from "../../icons-B1Qw05te.js";
+import { a as ArrowUpIcon, d as CheckIcon, n as ArrowDownIcon } from "../../icons-B4mGvCvc.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Select as Select$1 } from "@base-ui/react/select";

package/dist/components/foundations/Stepper.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
-import { J as SpinnerIcon, d as CheckIcon } from "../../icons-B1Qw05te.js";
+import { J as SpinnerIcon, d as CheckIcon } from "../../icons-B4mGvCvc.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 { rt as XIcon } from "../../icons-B1Qw05te.js";
+import { rt as XIcon } from "../../icons-B4mGvCvc.js";
 import { buttonVariants } from "./Button.js";
 import "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/foundations/icons.js

@@ -1,2 +1,2 @@
-import { $ as TerminalIcon, A as MaximizeIcon, B as PencilIcon, C as FileIcon, D as ImageIcon, E as HashIcon, F as MonitorIcon, G as SearchIcon, H as PlusIcon, I as MoonIcon, J as SpinnerIcon, K as SidebarIcon, L as MoveToFrontIcon, M as MessageSquareIcon, N as MicrophoneIcon, O as InfoIcon, P as MinusIcon, Q as TargetIcon, R as PaperclipIcon, S as EyeOffIcon, T as FolderOpenIcon, U as QueueIcon, V as PlayIcon, W as RefreshIcon, X as StopIcon, Y as SquareIcon, Z as SunIcon, _ as DiscordIcon, a as ArrowUpIcon, b as EllipsisIcon, c as BoxIcon, d as CheckIcon, et as TrashIcon, f as ChevronDownIcon, g as CopyIcon, h as CodeIcon, i as ArrowRightIcon, j as McpIcon, k as LinkIcon, l as BrainIcon, m as ChevronRightIcon, n as ArrowDownIcon, nt as WrenchIcon, o as ArrowUpRightIcon, p as ChevronLeftIcon, q as SlackIcon, r as ArrowLeftIcon, rt as XIcon, s as BookmarkIcon, t as ArchiveIcon, tt as WarningIcon, u as CalendarIcon, v as DotIcon, w as FolderIcon, x as EyeIcon, y as DownloadIcon, z as PauseIcon } from "../../icons-B1Qw05te.js";
+import { $ as TerminalIcon, A as MaximizeIcon, B as PencilIcon, C as FileIcon, D as ImageIcon, E as HashIcon, F as MonitorIcon, G as SearchIcon, H as PlusIcon, I as MoonIcon, J as SpinnerIcon, K as SidebarIcon, L as MoveToFrontIcon, M as MessageSquareIcon, N as MicrophoneIcon, O as InfoIcon, P as MinusIcon, Q as TargetIcon, R as PaperclipIcon, S as EyeOffIcon, T as FolderOpenIcon, U as QueueIcon, V as PlayIcon, W as RefreshIcon, X as StopIcon, Y as SquareIcon, Z as SunIcon, _ as DiscordIcon, a as ArrowUpIcon, b as EllipsisIcon, c as BoxIcon, d as CheckIcon, et as TrashIcon, f as ChevronDownIcon, g as CopyIcon, h as CodeIcon, i as ArrowRightIcon, j as McpIcon, k as LinkIcon, l as BrainIcon, m as ChevronRightIcon, n as ArrowDownIcon, nt as WrenchIcon, o as ArrowUpRightIcon, p as ChevronLeftIcon, q as SlackIcon, r as ArrowLeftIcon, rt as XIcon, s as BookmarkIcon, t as ArchiveIcon, tt as WarningIcon, u as CalendarIcon, v as DotIcon, w as FolderIcon, x as EyeIcon, y as DownloadIcon, z as PauseIcon } from "../../icons-B4mGvCvc.js";
 export { ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpRightIcon, BookmarkIcon, BoxIcon, BrainIcon, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CodeIcon, CopyIcon, DiscordIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, HashIcon, ImageIcon, InfoIcon, LinkIcon, 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,9 +1,9 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { C as FileIcon, m as ChevronRightIcon } from "../../icons-B1Qw05te.js";
 import { Collapsible } from "../foundations/Collapsible.js";
-import { Avatar } from "../foundations/Avatar.js";
-import { t as CopyButton } from "../../copy-button-CsNSSKYG.js";
+import { C as FileIcon, m as ChevronRightIcon } from "../../icons-B4mGvCvc.js";
+import { t as CopyButton } from "../../copy-button-4YvddK4e.js";
 import { Badge } from "../foundations/Badge.js";
+import { Avatar } from "../foundations/Avatar.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 { S as EyeOffIcon, x as EyeIcon } from "../../icons-B1Qw05te.js";
-import { t as CopyButton } from "../../copy-button-CsNSSKYG.js";
+import { S as EyeOffIcon, x as EyeIcon } from "../../icons-B4mGvCvc.js";
+import { t as CopyButton } from "../../copy-button-4YvddK4e.js";
 import { Badge } from "../foundations/Badge.js";
 import { Switch } from "../foundations/Switch.js";
 import * as React from "react";

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-4WP4Uc_m.js";
+import { a as FileTreeIcon, i as FileTreeFolder, n as FileTreeActions, o as FileTreeName, r as FileTreeFile, t as FileTree } from "../../FileTree-DbQMpvxV.js";
 export { FileTree, FileTreeActions, FileTreeFile, FileTreeFolder, FileTreeIcon, FileTreeName };

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

@@ -1,10 +1,10 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { O as InfoIcon, P as MinusIcon, d as CheckIcon } from "../../icons-B1Qw05te.js";
+import { O as InfoIcon, P as MinusIcon, d as CheckIcon } from "../../icons-B4mGvCvc.js";
 import { Button } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { Separator } from "../foundations/Separator.js";
-import { Badge } from "../foundations/Badge.js";
 import { Card } from "../foundations/Card.js";
+import { Badge } from "../foundations/Badge.js";
 import { getPlanPrice, getPlanYearlySavings } from "./Pricing.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/general-purpose/PricingPlanCard.tsx

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

@@ -1,8 +1,8 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { Separator } from "../foundations/Separator.js";
+import { Card } from "../foundations/Card.js";
 import { Slider } from "../foundations/Slider.js";
 import { Progress } from "../foundations/Progress.js";
-import { Card } from "../foundations/Card.js";
 import { formatPricingUsage, getUsagePrice } from "./Pricing.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/general-purpose/ResizableSidePanel.d.ts

@@ -18,6 +18,10 @@ interface ResizableSidePanelRootProps extends React.HTMLAttributes<HTMLDivElemen
   keyboardStep?: number;
   /** Called whenever pointer or keyboard input changes the panel size. */
   onSizeChange?: (size: number) => void;
+  /** Pointer size below which the consumer should collapse the panel. */
+  collapseThreshold?: number;
+  /** Called once pointer resizing crosses `collapseThreshold`. */
+  onCollapse?: () => void;
 }
 interface ResizableSidePanelHandleProps extends Omit<SeparatorProps, "aria-label" | "aria-orientation" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "decorative" | "orientation"> {}
 /**
@@ -27,12 +31,14 @@ interface ResizableSidePanelHandleProps extends Omit<SeparatorProps, "aria-label
 declare function ResizableSidePanelRoot({
   children,
   className,
+  collapseThreshold,
   defaultSize,
   keyboardStep,
   label,
   maxSize,
   minSize,
   onSizeChange,
+  onCollapse,
   ref,
   side,
   style,

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

@@ -14,7 +14,7 @@ function panelSizeDelta(physicalDelta, side, direction) {
 * Shared sizing seam for a logical start- or end-side panel. Consumers retain
 * ownership of panel placement, visibility, compact behavior, and top bars.
 */
-function ResizableSidePanelRoot({ children, className, defaultSize, keyboardStep = 24, label, maxSize, minSize, onSizeChange, ref, side = "start", style, ...props }) {
+function ResizableSidePanelRoot({ children, className, collapseThreshold, defaultSize, keyboardStep = 24, label, maxSize, minSize, onSizeChange, onCollapse, ref, side = "start", style, ...props }) {
 	const [size, setInnerSize] = React.useState(() => clamp(defaultSize, minSize, maxSize));
 	const cleanupResizeRef = React.useRef(null);
 	const setSize = React.useCallback((nextSize) => {
@@ -41,7 +41,13 @@ function ResizableSidePanelRoot({ children, className, defaultSize, keyboardStep
 		const direction = getComputedStyle(event.currentTarget).direction === "rtl" ? "rtl" : "ltr";
 		const onMove = (move) => {
 			if (move.pointerId !== pointerId) return;
-			setSize(startSize + panelSizeDelta(move.clientX - startX, side, direction));
+			const nextSize = startSize + panelSizeDelta(move.clientX - startX, side, direction);
+			if (collapseThreshold !== void 0 && nextSize < collapseThreshold) {
+				onCollapse?.();
+				stopResize();
+				return;
+			}
+			setSize(nextSize);
 		};
 		const onEnd = (end) => {
 			if (end.pointerId === pointerId) stopResize();
@@ -58,6 +64,8 @@ function ResizableSidePanelRoot({ children, className, defaultSize, keyboardStep
 		window.addEventListener("pointerup", onEnd);
 		window.addEventListener("pointercancel", onEnd);
 	}, [
+		collapseThreshold,
+		onCollapse,
 		setSize,
 		side,
 		size,

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { K as SidebarIcon } from "../../icons-B1Qw05te.js";
+import { K as SidebarIcon } from "../../icons-B4mGvCvc.js";
 import { Button } from "../foundations/Button.js";
 import { t as capitalize } from "../../format-CmopcfqJ.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";

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

@@ -1,8 +1,8 @@
 import { Button } from "../foundations/Button.js";
-import { Dialog } from "../foundations/Dialog.js";
-import { i as formatErrorMessage } from "../../format-CmopcfqJ.js";
 import { Field } from "../foundations/Field.js";
 import { Form } from "../foundations/Form.js";
+import { Dialog } from "../foundations/Dialog.js";
+import { i as formatErrorMessage } from "../../format-CmopcfqJ.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/general-purpose/SettingsFormDialog.tsx

package/dist/components/general-purpose/SetupChecklist.d.ts

@@ -15,6 +15,8 @@ interface SetupChecklistGroupProps<Id extends string = string> {
   /** Quiet visible heading above the checklist rows. */
   label: React.ReactNode;
   entries: readonly SetupChecklistEntry<Id>[];
+  /** Whether rows are visible when the containing menu first opens. */
+  defaultOpen?: boolean;
   /** Called with the selected entry id — complete rows re-run their setup. */
   onSelect: (id: Id) => void;
 }
@@ -22,6 +24,7 @@ interface SetupChecklistGroupProps<Id extends string = string> {
 declare function SetupChecklistGroup<Id extends string = string>({
   label,
   entries,
+  defaultOpen,
   onSelect
 }: SetupChecklistGroupProps<Id>): React.JSX.Element;
 interface SetupChecklistActionProps<Id extends string = string> extends SetupChecklistGroupProps<Id> {

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

@@ -1,23 +1,28 @@
-import { H as PlusIcon, d as CheckIcon, tt as WarningIcon } from "../../icons-B1Qw05te.js";
+import { H as PlusIcon, d as CheckIcon, tt as WarningIcon } from "../../icons-B4mGvCvc.js";
 import { Button } from "../foundations/Button.js";
 import { Menu } from "../foundations/Menu.js";
+import { t as MenuDisclosureGroup } from "../../MenuDisclosureGroup-BUOZ42me.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/general-purpose/SetupChecklist.tsx
 /** Checklist rows for any Menu surface (composer plus menu, tray menu). */
-function SetupChecklistGroup({ label, entries, onSelect }) {
-	return /* @__PURE__ */ jsxs(Menu.Group, { children: [/* @__PURE__ */ jsx(Menu.GroupLabel, { children: label }), entries.map((entry) => /* @__PURE__ */ jsxs(Menu.Item, {
-		"aria-label": `${entry.name}, ${entry.complete ? "complete" : "not set up"}`,
-		onClick: () => onSelect(entry.id),
-		children: [
-			entry.icon,
-			/* @__PURE__ */ jsx("span", {
-				className: "sigvelo-truncate-grow",
-				children: entry.description
-			}),
-			entry.complete ? /* @__PURE__ */ jsx(CheckIcon, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(PlusIcon, { "aria-hidden": "true" })
-		]
-	}, entry.id))] });
+function SetupChecklistGroup({ label, entries, defaultOpen = false, onSelect }) {
+	return /* @__PURE__ */ jsx(MenuDisclosureGroup, {
+		label,
+		defaultOpen,
+		children: entries.map((entry) => /* @__PURE__ */ jsxs(Menu.Item, {
+			"aria-label": `${entry.name}, ${entry.complete ? "complete" : "not set up"}`,
+			onClick: () => onSelect(entry.id),
+			children: [
+				entry.icon,
+				/* @__PURE__ */ jsx("span", {
+					className: "sigvelo-truncate-grow",
+					children: entry.description
+				}),
+				entry.complete ? /* @__PURE__ */ jsx(CheckIcon, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(PlusIcon, { "aria-hidden": "true" })
+			]
+		}, entry.id))
+	});
 }
 /** Progress-aware tray trigger opening the checklist in its own menu. */
 function SetupChecklistAction({ actionLabel, label, entries, onSelect }) {
@@ -35,6 +40,7 @@ function SetupChecklistAction({ actionLabel, label, entries, onSelect }) {
 		align: "start",
 		sideOffset: 4,
 		children: /* @__PURE__ */ jsx(Menu.Popup, { children: /* @__PURE__ */ jsx(SetupChecklistGroup, {
+			defaultOpen: true,
 			label,
 			entries,
 			onSelect

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

@@ -1,7 +1,7 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { $ as TerminalIcon, rt as XIcon } from "../../icons-B1Qw05te.js";
+import { $ as TerminalIcon, rt as XIcon } from "../../icons-B4mGvCvc.js";
 import { IconButton } from "../foundations/IconButton.js";
-import { t as CopyButton } from "../../copy-button-CsNSSKYG.js";
+import { t as CopyButton } from "../../copy-button-4YvddK4e.js";
 import { Badge } from "../foundations/Badge.js";
 import { ScrollArea } from "../foundations/ScrollArea.js";
 import * as React from "react";

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

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { J as SpinnerIcon, d as CheckIcon, m as ChevronRightIcon, rt as XIcon } from "../../icons-B1Qw05te.js";
 import { Collapsible } from "../foundations/Collapsible.js";
+import { J as SpinnerIcon, d as CheckIcon, m as ChevronRightIcon, rt as XIcon } from "../../icons-B4mGvCvc.js";
 import { Badge } from "../foundations/Badge.js";
 import { Progress } from "../foundations/Progress.js";
 import * as React from "react";

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

@@ -1,4 +1,4 @@
-import { F as MonitorIcon, I as MoonIcon, Z as SunIcon } from "../../icons-B1Qw05te.js";
+import { F as MonitorIcon, I as MoonIcon, Z as SunIcon } from "../../icons-B4mGvCvc.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,10 +1,10 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { W as RefreshIcon, f as ChevronDownIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "../../icons-B1Qw05te.js";
 import { Collapsible } from "../foundations/Collapsible.js";
+import { W as RefreshIcon, f as ChevronDownIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "../../icons-B4mGvCvc.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { Badge } from "../foundations/Badge.js";
-import { Input } from "../foundations/Input.js";
 import { ScrollArea } from "../foundations/ScrollArea.js";
+import { Input } from "../foundations/Input.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/general-purpose/WebPreview.tsx

package/dist/components/nanites/AgentConnection.js

@@ -1,8 +1,8 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { k as LinkIcon } from "../../icons-B1Qw05te.js";
+import { k as LinkIcon } from "../../icons-B4mGvCvc.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-B5I7wje1.js";
 import { Popover } from "../foundations/Popover.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-CM5gfmdq.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/nanites/AgentConnection.tsx

package/dist/components/nanites/AgentToolDetail.js

@@ -1,9 +1,9 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { r as ArrowLeftIcon } from "../../icons-B1Qw05te.js";
+import { r as ArrowLeftIcon } from "../../icons-B4mGvCvc.js";
 import { TransitionSurface } from "../foundations/TransitionSurface.js";
 import { SubagentRunMilestone, SubagentRunMilestones, SubagentRunProgress } from "../agents-sdk/SubagentRunDetails.js";
 import { SubagentRunIndicator, getSubagentRunName } from "../agents-sdk/SubagentRunIndicator.js";
-import { t as ThinkChat } from "../../ThinkChat-Dsm1xF3a.js";
+import { t as ThinkChat } from "../../ThinkChat-yid8e_Jb.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import { NaniteMark } from "./NaniteScene.js";
 import * as React from "react";

package/dist/{copy-button-CsNSSKYG.js → copy-button-4YvddK4e.js}

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

package/dist/styles/file-tree.css

@@ -81,6 +81,7 @@
   font-family: inherit;
   font-size: var(--sigvelo-text-compact);
   text-align: start;
+  text-decoration: none;
   cursor: pointer;
   border-radius: var(--sigvelo-radius-sm);
   transition: background-color var(--sigvelo-motion-duration-interaction)

package/dist/styles/index.css

@@ -49,6 +49,7 @@
 @import "./mcp-server-picker.css" layer(components);
 @import "./media-preview-card.css" layer(components);
 @import "./menu.css" layer(components);
+@import "./menu-disclosure-group.css" layer(components);
 @import "./menubar.css" layer(components);
 @import "./message-scroller.css" layer(components);
 @import "./meter.css" layer(components);

package/dist/styles/mcp-server-picker.css

@@ -2,9 +2,7 @@
   margin-block-start: var(--sigvelo-spacing-0-5);
 }
 
-.mcp-server-picker__group-label {
-  padding-block: var(--sigvelo-spacing-1-5) var(--sigvelo-spacing-0-5);
-  padding-inline: var(--sigvelo-spacing-2);
+.mcp-server-picker__group-trigger {
   color: var(--sigvelo-color-text);
   font-size: var(--sigvelo-text-xs);
   font-weight: var(--sigvelo-font-weight-normal);

package/dist/styles/menu-disclosure-group.css

@@ -0,0 +1,13 @@
+.menu-disclosure-group__trigger > svg {
+  flex: 0 0 auto;
+  transition: rotate var(--sigvelo-motion-duration-interaction) var(--sigvelo-motion-ease-change);
+}
+
+.menu-disclosure-group__trigger[aria-expanded="true"] > svg {
+  rotate: 180deg;
+}
+
+.menu-disclosure-group__items {
+  display: flex;
+  flex-direction: column;
+}

package/dist/styles/think-full-app.css

@@ -11,7 +11,7 @@
   position: relative;
   container: think-full-app / inline-size;
   block-size: 100%;
-  min-block-size: 32rem;
+  min-block-size: 0;
   min-inline-size: 0;
   display: grid;
   grid-template-rows: minmax(0, 1fr);

package/dist/styles/workspace-explorer.css

@@ -125,15 +125,6 @@
   position: relative;
 }
 
-.workspace-explorer__file-close {
-  position: absolute;
-  z-index: 2;
-  inset-block-start: calc(var(--sigvelo-density-compact-control-height) + var(--sigvelo-spacing-2));
-  inset-inline-end: var(--sigvelo-spacing-2);
-  background-color: var(--sigvelo-color-surface-raised);
-  box-shadow: var(--sigvelo-elevation-floating);
-}
-
 .workspace-explorer__filter {
   --sigvelo-recipe-control-height: var(--sigvelo-density-compact-control-height);
   --sigvelo-recipe-control-font-size: var(--sigvelo-density-compact-control-font-size);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcp-b/react-components",
-  "version": "0.30.0",
+  "version": "0.30.1",
   "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": {
@@ -58,7 +58,7 @@
     "streamdown": "^2.5.0",
     "unist-util-visit": "^5.1.0",
     "yet-another-react-lightbox": "^3.32.1",
-    "@mcp-b/design-tokens": "0.30.0"
+    "@mcp-b/design-tokens": "0.30.1"
   },
   "devDependencies": {
     "@ai-sdk/react": "^3.0.230",

package/dist/{icons-B1Qw05te.js → icons-B4mGvCvc.js}

@@ -1,8 +1,8 @@
 import { t as cx } from "./class-names-BiMDVpUo.js";
+import { jsx } from "react/jsx-runtime";
 import { Archive, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, ArrowUpRight, Bookmark, Box, Brain, CalendarDays, Check, ChevronDown, ChevronLeft, ChevronRight, CircleStop, CodeXml, Copy, CornerDownRight, Dot, Download, Ellipsis, Eye, EyeOff, File, Folder, FolderOpen, Hash, Image, Info, Link2, ListRestart, LoaderCircle, 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";
-import { jsx } from "react/jsx-runtime";
 //#region src/components/_internal/icons.tsx
 function icon(Component) {
 	return function DesignSystemIcon({ size = 16, strokeWidth = 1.75, ...props }) {