@arcadeai/design-system 5.0.2 → 5.3.0

package/dist/components/ui/molecules/avatar-stack.d.ts

@@ -0,0 +1,32 @@
+import { ReactNode } from 'react';
+import type * as React from "react";
+export type AvatarStackItem = {
+    /** Stable key for the item. */
+    id: string;
+    /** Compact tile shown in the overlapping row (avatar/icon). */
+    avatar: ReactNode;
+    /** Row content shown inside the overflow popover. Defaults to `avatar`. */
+    overflowRow?: ReactNode;
+    /**
+     * Accessible label for the overflow row. Pass this whenever `onSelect` makes
+     * the row an interactive button — its content is often icon-only, so the
+     * label is the button's accessible name.
+     */
+    overflowRowLabel?: string;
+    /** Click handler for the overflow row; renders the row as a button. */
+    onSelect?: () => void;
+};
+export type AvatarStackProps = {
+    /** Ordered items; the first `maxVisible` render inline, the rest overflow. */
+    items: AvatarStackItem[];
+    /** Items past this count collapse into the "+N" overflow. @default 5 */
+    maxVisible?: number;
+    /** Noun phrase completing the "+N" trigger label, e.g. "more servers". */
+    overflowLabel?: string;
+    /** Popover header content; receives the overflow count. Omit for no header. */
+    renderOverflowHeader?: (overflowCount: number) => ReactNode;
+    /** Reveal overflow items in a popover. When false, "+N" is a static badge. @default true */
+    overflowPopover?: boolean;
+} & Omit<React.ComponentProps<"span">, "children">;
+export declare function AvatarStack({ items, maxVisible, overflowLabel, renderOverflowHeader, overflowPopover, className, ...rest }: AvatarStackProps): React.JSX.Element | null;
+//# sourceMappingURL=avatar-stack.d.ts.map

package/dist/components/ui/molecules/avatar-stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-stack.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/avatar-stack.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EAAY,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAqB3D,MAAM,MAAM,eAAe,GAAG;IAC5B,+BAA+B;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,+DAA+D;IAC/D,MAAM,EAAE,SAAS,CAAC;IAClB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uEAAuE;IACvE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,8EAA8E;IAC9E,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,wEAAwE;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0EAA0E;IAC1E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+EAA+E;IAC/E,oBAAoB,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,SAAS,CAAC;IAC5D,4FAA4F;IAC5F,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,CAAC;AAEnD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,UAAc,EACd,aAAsB,EACtB,oBAAoB,EACpB,eAAsB,EACtB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,gBAAgB,4BA6BlB"}

package/dist/components/ui/molecules/avatar-stack.js

@@ -0,0 +1,91 @@
+"use client";
+"use client";
+import { cn as e } from "../../../lib/utils.js";
+import { i as t, n, o as r, t as i } from "../../../popover-CpLkQtT5.js";
+import { t as a } from "../../../scroll-area-D7iOy7xj.js";
+import { Fragment as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region lib/components/ui/molecules/avatar-stack.tsx
+var u = 32, d = 8, f = 288, p = "inline-flex h-5 min-w-8 items-center justify-center whitespace-nowrap rounded-md bg-foreground/10 px-1.5 font-semibold text-[10px] text-foreground tabular-nums";
+function m({ items: t, maxVisible: n = 5, overflowLabel: r = "more", renderOverflowHeader: i, overflowPopover: a = !0, className: s, ...u }) {
+	if (t.length === 0) return null;
+	let d = t.slice(0, n), f = t.slice(n), p = f.length;
+	return /* @__PURE__ */ l("span", {
+		...u,
+		className: e("inline-flex shrink-0 items-center gap-1", s),
+		"data-slot": "avatar-stack",
+		children: [/* @__PURE__ */ c("span", {
+			className: "inline-flex items-center gap-1",
+			children: d.map((e) => /* @__PURE__ */ c(o, { children: e.avatar }, e.id))
+		}), h({
+			items: f,
+			label: r,
+			overflowCount: p,
+			overflowPopover: a,
+			renderOverflowHeader: i
+		})]
+	});
+}
+function h({ items: e, label: t, overflowCount: n, overflowPopover: r, renderOverflowHeader: i }) {
+	return n === 0 ? null : r ? /* @__PURE__ */ c(g, {
+		items: e,
+		label: t,
+		renderHeader: i
+	}) : /* @__PURE__ */ l("span", {
+		"aria-label": `+${n} ${t}`,
+		className: p,
+		role: "img",
+		children: ["+", n]
+	});
+}
+function g({ items: o, label: m, renderHeader: h }) {
+	let [g, v] = s(!1), y = o.length, b = `Show ${y} ${m}`, x = Math.min(y * u + d, f);
+	return /* @__PURE__ */ l(i, {
+		onOpenChange: v,
+		open: g,
+		children: [/* @__PURE__ */ l(r, {
+			"aria-label": b,
+			className: e(p, "cursor-pointer transition-colors hover:bg-foreground/15 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/60"),
+			title: b,
+			type: "button",
+			children: ["+", y]
+		}), /* @__PURE__ */ l(n, {
+			align: "start",
+			className: "w-72 max-w-[calc(100vw-1rem)] gap-0 overflow-hidden bg-popover p-0 opacity-100",
+			sideOffset: 6,
+			children: [h ? /* @__PURE__ */ c(t, {
+				className: "px-3 pt-2.5 pb-1.5 font-medium text-foreground text-xs",
+				children: h(y)
+			}) : null, /* @__PURE__ */ c(a, {
+				className: "min-h-0 overflow-hidden",
+				orientation: "vertical",
+				style: { height: x },
+				type: "hover",
+				children: /* @__PURE__ */ c("ul", {
+					className: "flex flex-col py-1 pr-1",
+					children: o.map((e) => /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(_, {
+						item: e,
+						onClose: () => v(!1)
+					}) }, e.id))
+				})
+			})]
+		})]
+	});
+}
+function _({ item: e, onClose: t }) {
+	let n = e.overflowRow ?? e.avatar, { onSelect: r } = e;
+	return r ? /* @__PURE__ */ c("button", {
+		"aria-label": e.overflowRowLabel,
+		className: "flex w-full cursor-pointer items-center gap-2 px-3 py-1.5 text-left text-xs transition-colors hover:bg-foreground/[0.06] focus-visible:bg-foreground/[0.06] focus-visible:outline-none",
+		onClick: () => {
+			t(), r();
+		},
+		type: "button",
+		children: n
+	}) : /* @__PURE__ */ c("div", {
+		className: "flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs",
+		children: n
+	});
+}
+//#endregion
+export { m as AvatarStack };

package/dist/components/ui/molecules/callout.d.ts

@@ -0,0 +1,20 @@
+import type * as React from "react";
+export type CalloutProps = {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    /** Trailing action hint — the whole callout is a single click target. */
+    actionLabel?: React.ReactNode;
+    /** Leading icon, rendered in a small tile. */
+    icon?: React.ReactNode;
+    /** Extra classes for the leading icon tile (e.g. a status tint). */
+    iconClassName?: string;
+    onClick?: () => void;
+} & Omit<React.ComponentProps<"button">, "children" | "title" | "onClick">;
+/**
+ * Clickable summary banner: an icon tile, a title with optional description,
+ * and a trailing action hint. The whole surface is one button; consumers own
+ * the destination (sheet, inline flow, or page). Status-specific treatments
+ * compose via `className` / `iconClassName` (see `McpSetupCallout`).
+ */
+export declare function Callout({ title, description, actionLabel, icon, iconClassName, className, onClick, ...rest }: CalloutProps): React.JSX.Element;
+//# sourceMappingURL=callout.d.ts.map

package/dist/components/ui/molecules/callout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"callout.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/callout.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,yEAAyE;IACzE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,8CAA8C;IAC9C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oEAAoE;IACpE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC;AAE3E;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,WAAW,EACX,WAAW,EACX,IAAI,EACJ,aAAa,EACb,SAAS,EACT,OAAO,EACP,GAAG,IAAI,EACR,EAAE,YAAY,qBAiDd"}

package/dist/components/ui/molecules/callout.js

@@ -0,0 +1,39 @@
+"use client";
+"use client";
+import { cn as e } from "../../../lib/utils.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { ChevronRight as r } from "lucide-react";
+//#region lib/components/ui/molecules/callout.tsx
+function i({ title: i, description: a, actionLabel: o, icon: s, iconClassName: c, className: l, onClick: u, ...d }) {
+	return /* @__PURE__ */ n("button", {
+		className: e("group flex w-full cursor-pointer flex-col gap-3 rounded-lg border border-border bg-muted/25 p-3 text-left transition-[border-color,background-color,transform] duration-[var(--duration-fast)] ease-[var(--ease-smooth)] hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/60 active:scale-[0.995] motion-reduce:transition-colors motion-reduce:active:scale-100 sm:flex-row sm:items-center sm:justify-between", l),
+		"data-slot": "callout",
+		onClick: u,
+		...d,
+		type: "button",
+		children: [/* @__PURE__ */ n("span", {
+			className: "flex min-w-0 items-start gap-3",
+			children: [s ? /* @__PURE__ */ t("span", {
+				className: e("grid size-8 shrink-0 place-items-center rounded-md bg-background/70 text-muted-foreground transition-colors group-hover:bg-background", c),
+				"data-slot": "callout-icon",
+				children: s
+			}) : null, /* @__PURE__ */ n("span", {
+				className: "min-w-0 space-y-0.5",
+				children: [/* @__PURE__ */ t("span", {
+					className: "flex flex-wrap items-center gap-2 font-medium text-sm",
+					children: i
+				}), a ? /* @__PURE__ */ t("span", {
+					className: "block text-muted-foreground text-xs",
+					"data-slot": "callout-description",
+					children: a
+				}) : null]
+			})]
+		}), o ? /* @__PURE__ */ n("span", {
+			className: "inline-flex shrink-0 items-center gap-1.5 font-medium text-muted-foreground text-sm transition-colors group-hover:text-foreground sm:self-center",
+			"data-slot": "callout-action",
+			children: [o, /* @__PURE__ */ t(r, { className: "size-3.5 transition-transform duration-[var(--duration-fast)] ease-[var(--ease-smooth)] group-hover:translate-x-0.5 motion-reduce:transition-none motion-reduce:group-hover:translate-x-0" })]
+		}) : null]
+	});
+}
+//#endregion
+export { i as Callout };

package/dist/components/ui/molecules/chat-history-item.js

@@ -1,5 +1,5 @@
 import { cn as e } from "../../../lib/utils.js";
-import { i as t, n, t as r } from "../../../tooltip-ZIywOFGf.js";
+import { i as t, n, t as r } from "../../../tooltip-BUR7V5Aa.js";
 import { Loader as i } from "../atoms/loader.js";
 import { SidebarMenuAction as a, SidebarMenuButton as o, SidebarMenuItem as s } from "../atoms/sidebar.js";
 import { ConfirmPopover as c } from "./confirm-popover.js";

package/dist/components/ui/molecules/chip-body.d.ts

@@ -0,0 +1,21 @@
+import { RemovableChipButtonProps } from './removable-chip';
+import type * as React from "react";
+export type ChipBodyProps = {
+    /** Leading icon or avatar rendered before the label. */
+    icon?: React.ReactNode;
+    /** Text label — rendered in a medium-weight span. */
+    label: React.ReactNode;
+    /** Extra classes for the label span (e.g. `truncate capitalize`). */
+    labelClassName?: string;
+    /** Optional trailing count/fraction rendered after the label. */
+    count?: React.ReactNode;
+} & Omit<RemovableChipButtonProps, "children">;
+/**
+ * The clickable body of a segmented chip: a leading icon, a text label, and an
+ * optional trailing count. Built on `RemovableChipButton`, so it inherits the
+ * chip's hover, focus, and press styling and rounds its left edge to meet the
+ * shell. Pair it with `RemovableChip` (which supplies the divider and trailing
+ * × remove button) to assemble a full removable chip.
+ */
+export declare function ChipBody({ icon, label, labelClassName, count, ...props }: ChipBodyProps): React.JSX.Element;
+//# sourceMappingURL=chip-body.d.ts.map

package/dist/components/ui/molecules/chip-body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip-body.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/chip-body.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,0CAA0C,CAAC;AAGlD,MAAM,MAAM,aAAa,GAAG;IAC1B,wDAAwD;IACxD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,qDAAqD;IACrD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,qEAAqE;IACrE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iEAAiE;IACjE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAGzB,GAAG,IAAI,CAAC,wBAAwB,EAAE,UAAU,CAAC,CAAC;AAE/C;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,KAAK,EACL,cAAc,EACd,KAAK,EACL,GAAG,KAAK,EACT,EAAE,aAAa,qBAQf"}

package/dist/components/ui/molecules/chip-body.js

@@ -0,0 +1,21 @@
+"use client";
+"use client";
+import { cn as e } from "../../../lib/utils.js";
+import { RemovableChipButton as t } from "./removable-chip.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region lib/components/ui/molecules/chip-body.tsx
+function i({ icon: i, label: a, labelClassName: o, count: s, ...c }) {
+	return /* @__PURE__ */ r(t, {
+		...c,
+		children: [
+			i,
+			/* @__PURE__ */ n("span", {
+				className: e("font-medium", o),
+				children: a
+			}),
+			s
+		]
+	});
+}
+//#endregion
+export { i as ChipBody };

package/dist/components/ui/molecules/client-secret-field.js

@@ -1,5 +1,5 @@
 import { t as e } from "../../../button-BdQxLUOB.js";
-import { t } from "../../../input-DZfZK6b1.js";
+import { t } from "../../../input-DZTqcpe-.js";
 import { useState as n } from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { Eye as a, EyeOff as o } from "lucide-react";

package/dist/components/ui/molecules/confirm-popover.js

@@ -1,5 +1,5 @@
 import { t as e } from "../../../button-BdQxLUOB.js";
-import { a as t, i as n, n as r, o as i, r as a, t as o } from "../../../popover-Cne_hQUh.js";
+import { a as t, i as n, n as r, o as i, r as a, t as o } from "../../../popover-CpLkQtT5.js";
 import { useState as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region lib/components/ui/molecules/confirm-popover.tsx

package/dist/components/ui/molecules/date-time-picker.js

@@ -1,7 +1,7 @@
 import { t as e } from "../../../button-BdQxLUOB.js";
-import { n as t, o as n, t as r } from "../../../popover-Cne_hQUh.js";
+import { n as t, o as n, t as r } from "../../../popover-CpLkQtT5.js";
 import { r as i, t as a } from "../../../calendar-Ctzadwv-.js";
-import { t as o } from "../../../input-DZfZK6b1.js";
+import { t as o } from "../../../input-DZTqcpe-.js";
 import { Label as s } from "../atoms/label.js";
 import { useState as c } from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";

package/dist/components/ui/molecules/filter-chip-group.d.ts

@@ -0,0 +1,26 @@
+import type * as React from "react";
+export type FilterChipGroupItem = {
+    id: string;
+    label: string;
+    count?: number;
+};
+export type FilterChipGroupProps = {
+    items: FilterChipGroupItem[];
+    /**
+     * Currently selected item ids. Multi-select: an empty array means no filter
+     * is active. The consumer owns any "clear"/"all" affordance — this component
+     * renders only the items it's given.
+     */
+    selected: string[];
+    onChange?: (ids: string[]) => void;
+} & Omit<React.ComponentProps<"div">, "onChange">;
+/**
+ * A horizontally scrollable, labeled group of selectable filter chips.
+ * Multi-select: clicking a chip toggles its id in/out of the `selected` array.
+ * Built on `ToggleGroup` so the chips get real group semantics (the group
+ * role carries the accessible name) and roving keyboard focus; this component
+ * owns the overflow-scroll fade, the consumer owns the data and the selection
+ * array.
+ */
+export declare function FilterChipGroup({ items, selected, onChange, className, "aria-label": ariaLabel, ...rest }: FilterChipGroupProps): React.JSX.Element;
+//# sourceMappingURL=filter-chip-group.d.ts.map

package/dist/components/ui/molecules/filter-chip-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-chip-group.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/filter-chip-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAOpC,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B;;;;OAIG;IACH,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACpC,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAElD;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,GAAG,IAAI,EACR,EAAE,oBAAoB,qBAyBtB"}

package/dist/components/ui/molecules/{mcp-server-picker/category-filter.js → filter-chip-group.js}

@@ -1,15 +1,16 @@
 "use client";
 "use client";
-import { cn as e } from "../../../../lib/utils.js";
-import { n as t, t as n } from "../../../../toggle-group-CL_MBwuU.js";
+import { cn as e } from "../../../lib/utils.js";
+import { n as t, t as n } from "../../../toggle-group-CmP4iHEJ.js";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region lib/components/ui/molecules/mcp-server-picker/category-filter.tsx
-function a({ categories: a, selectedCategories: o, onSelectionChange: s, className: c, ...l }) {
+//#region lib/components/ui/molecules/filter-chip-group.tsx
+function a({ items: a, selected: o, onChange: s, className: c, "aria-label": l, ...u }) {
 	return /* @__PURE__ */ r("div", {
-		...l,
+		...u,
 		className: e("min-w-0 overflow-hidden", c),
-		"data-slot": "mcp-category-filter",
+		"data-slot": "filter-chip-group",
 		children: /* @__PURE__ */ r(n, {
+			"aria-label": l,
 			className: "scroll-fade-x flex-nowrap overflow-x-auto p-0.5 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
 			multiple: !0,
 			onValueChange: (e) => s?.(e),
@@ -26,4 +27,4 @@ function a({ categories: a, selectedCategories: o, onSelectionChange: s, classNa
 	});
 }
 //#endregion
-export { a as McpCategoryFilter };
+export { a as FilterChipGroup };

package/dist/components/ui/molecules/index.d.ts

@@ -1,8 +1,14 @@
 /** biome-ignore-all lint/performance/noBarrelFile: Barrel files are acceptable for atomic component folders */
+export type { AvatarStackItem, AvatarStackProps } from './avatar-stack';
+export { AvatarStack } from './avatar-stack';
+export type { CalloutProps } from './callout';
+export { Callout } from './callout';
 export type { ChatHistoryItemProps } from './chat-history-item';
 export { ChatHistoryItem } from './chat-history-item';
 export type { ChatAssistantMessageProps, ChatMessageItem, ChatMessageListProps, ChatMessageListSkeletonProps, ChatStreamingIndicatorProps, ChatUserMessageProps, } from './chat-message-list';
 export { ChatAssistantMessage, ChatMessageList, ChatMessageListSkeleton, ChatStreamingIndicator, ChatUserMessage, } from './chat-message-list';
+export type { ChipBodyProps } from './chip-body';
+export { ChipBody } from './chip-body';
 export type { ClientSecretInputProps } from './client-secret-field';
 export { ClientSecretInput } from './client-secret-field';
 export { CommandBar } from './command-bar';
@@ -12,12 +18,10 @@ export { DateTimePicker } from './date-time-picker';
 export { EmptyState } from './empty-state';
 export type { ErrorStateProps } from './error-state';
 export { ErrorState } from './error-state';
+export type { FilterChipGroupItem, FilterChipGroupProps, } from './filter-chip-group';
+export { FilterChipGroup } from './filter-chip-group';
 export type { FlowAnimateMode, FlowDiagramProps, FlowSize, } from './flow-diagram';
 export { FlowDiagram } from './flow-diagram';
-export type { McpCategoryFilterOption, McpCategoryFilterProps, } from './mcp-server-picker/category-filter';
-export { McpCategoryFilter } from './mcp-server-picker/category-filter';
-export type { McpCategoryFilterMenuProps } from './mcp-server-picker/category-filter-menu';
-export { McpCategoryFilterMenu } from './mcp-server-picker/category-filter-menu';
 export type { McpRecommendedToolsCalloutProps, McpRecommendedToolsDeactivateDialogProps, McpRecommendedToolsOptOutDialogProps, McpRecommendedToolsOptOutKind, McpRecommendedToolsState, } from './mcp-server-picker/recommended-tools';
 export { McpRecommendedToolsCallout, McpRecommendedToolsDeactivateDialog, McpRecommendedToolsOptOutDialog, } from './mcp-server-picker/recommended-tools';
 export type { McpReviewCountChipProps } from './mcp-server-picker/review-count-chip';
@@ -34,8 +38,8 @@ export type { McpServerCardProps, McpServerCardSelectionState, } from './mcp-ser
 export { McpServerCard, mcpServerCardShellVariants, } from './mcp-server-picker/server-card';
 export type { McpToolCardProps } from './mcp-server-picker/tool-card';
 export { McpToolCard } from './mcp-server-picker/tool-card';
-export type { McpToolSearchBandProps, McpToolSearchState, } from './mcp-server-picker/tool-search-band';
-export { McpToolSearchBand } from './mcp-server-picker/tool-search-band';
+export type { McpToolRecommendationsProps, McpToolRecommendationsState, } from './mcp-server-picker/tool-recommendations';
+export { McpToolRecommendations } from './mcp-server-picker/tool-recommendations';
 export type { McpToolkitAvatarProps } from './mcp-server-picker/toolkit-avatar';
 export { McpToolkitAvatar, mcpToolkitAvatarVariants, } from './mcp-server-picker/toolkit-avatar';
 export type { McpToolkitChipProps } from './mcp-server-picker/toolkit-chip';
@@ -48,6 +52,8 @@ export type { MessageActionProps, MessageActionsProps, MessageAvatarProps, Messa
 export { Message, MessageAction, MessageActions, MessageAvatar, MessageContent, } from './message';
 export type { PromptInputActionProps, PromptInputActionsProps, PromptInputProps, PromptInputTextareaProps, } from './prompt-input';
 export { PromptInput, PromptInputAction, PromptInputActions, PromptInputTextarea, } from './prompt-input';
+export type { RemovableChipButtonProps, RemovableChipProps, } from './removable-chip';
+export { RemovableChip, RemovableChipButton, removableChipButtonClass, } from './removable-chip';
 export { RequirementBadges } from './requirement-badges';
 export type { Step, StepStatus, StepsProgressProps } from './steps-progress';
 export { StepsProgress } from './steps-progress';
@@ -61,6 +67,8 @@ export type { ToolCallAccordionContentProps, ToolCallAccordionItemProps, ToolCal
 export { ToolCallAccordion, ToolCallAccordionContent, ToolCallAccordionItem, ToolCallAccordionTrigger, } from './tool-call-accordion';
 export { ToolCard } from './tool-card';
 export { ToolkitCard } from './toolkit-card';
+export type { UndoToastOptions, UndoToastProviderProps, } from './undo-toast';
+export { UndoToastProvider, useUndoToast } from './undo-toast';
 export type { UserNavProps, UserNavSize } from './user-nav';
 export { UserNav } from './user-nav';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ui/molecules/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/index.ts"],"names":[],"mappings":"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"}

package/dist/components/ui/molecules/index.js

@@ -1,35 +1,39 @@
-import { ConfirmPopover as e } from "./confirm-popover.js";
-import { ChatHistoryItem as t } from "./chat-history-item.js";
-import { Message as n, MessageAction as r, MessageActions as i, MessageAvatar as a, MessageContent as o } from "./message.js";
-import { ChatAssistantMessage as s, ChatMessageList as c, ChatMessageListSkeleton as l, ChatStreamingIndicator as u, ChatUserMessage as d } from "./chat-message-list.js";
-import { ClientSecretInput as f } from "./client-secret-field.js";
-import { CommandBar as p } from "./command-bar.js";
-import { DateTimePicker as m } from "./date-time-picker.js";
-import { EmptyState as h } from "./empty-state.js";
-import { ErrorState as g } from "./error-state.js";
-import { FlowDiagram as _ } from "./flow-diagram.js";
-import { McpCategoryFilter as v } from "./mcp-server-picker/category-filter.js";
-import { McpCategoryFilterMenu as y } from "./mcp-server-picker/category-filter-menu.js";
-import { McpSectionCallout as b } from "./mcp-server-picker/section-callout.js";
-import { McpRecommendedToolsCallout as x, McpRecommendedToolsDeactivateDialog as S, McpRecommendedToolsOptOutDialog as C } from "./mcp-server-picker/recommended-tools.js";
-import { McpReviewCountChip as w } from "./mcp-server-picker/review-count-chip.js";
-import { McpSearchScopeTabs as T } from "./mcp-server-picker/search-scope-tabs.js";
-import { McpSectionNavHeader as E } from "./mcp-server-picker/section-nav-header.js";
-import { McpToolkitAvatar as D, mcpToolkitAvatarVariants as O } from "./mcp-server-picker/toolkit-avatar.js";
-import { McpServerAvatarStack as k } from "./mcp-server-picker/server-avatar-stack.js";
-import { McpServerCard as A, mcpServerCardShellVariants as j } from "./mcp-server-picker/server-card.js";
-import { McpToolCard as M } from "./mcp-server-picker/tool-card.js";
-import { McpToolSearchBand as N } from "./mcp-server-picker/tool-search-band.js";
-import { McpToolkitChip as P } from "./mcp-server-picker/toolkit-chip.js";
-import { McpToolkitGroupHeader as F } from "./mcp-server-picker/toolkit-group-header.js";
-import { McpUnoptimizedMatchCard as I } from "./mcp-server-picker/unoptimized-match-card.js";
-import { PromptInput as L, PromptInputAction as R, PromptInputActions as z, PromptInputTextarea as B } from "./prompt-input.js";
-import { r as V, t as H } from "../../../ui-CttBuHXi.js";
-import { StepsProgress as U } from "./steps-progress.js";
-import { SuggestionCard as W, SuggestionCardSkeleton as G } from "./suggestion-card.js";
-import { TagsInput as K, TagsInputValue as q } from "./tags-input.js";
-import { ToolAuthorization as J, ToolAuthorizationArgs as Y, ToolAuthorizationContent as X, ToolAuthorizationHeader as Z, ToolAuthorizationMessage as Q } from "./tool-authorization.js";
-import { ToolCallAccordion as $, ToolCallAccordionContent as ee, ToolCallAccordionItem as te, ToolCallAccordionTrigger as ne } from "./tool-call-accordion.js";
-import { ToolCard as re } from "./tool-card.js";
-import { UserNav as ie } from "./user-nav.js";
-export { s as ChatAssistantMessage, t as ChatHistoryItem, c as ChatMessageList, l as ChatMessageListSkeleton, u as ChatStreamingIndicator, d as ChatUserMessage, f as ClientSecretInput, p as CommandBar, e as ConfirmPopover, m as DateTimePicker, h as EmptyState, g as ErrorState, _ as FlowDiagram, v as McpCategoryFilter, y as McpCategoryFilterMenu, x as McpRecommendedToolsCallout, S as McpRecommendedToolsDeactivateDialog, C as McpRecommendedToolsOptOutDialog, w as McpReviewCountChip, T as McpSearchScopeTabs, b as McpSectionCallout, E as McpSectionNavHeader, k as McpServerAvatarStack, A as McpServerCard, M as McpToolCard, N as McpToolSearchBand, D as McpToolkitAvatar, P as McpToolkitChip, F as McpToolkitGroupHeader, I as McpUnoptimizedMatchCard, n as Message, r as MessageAction, i as MessageActions, a as MessageAvatar, o as MessageContent, L as PromptInput, R as PromptInputAction, z as PromptInputActions, B as PromptInputTextarea, V as RequirementBadges, U as StepsProgress, W as SuggestionCard, G as SuggestionCardSkeleton, K as TagsInput, q as TagsInputValue, J as ToolAuthorization, Y as ToolAuthorizationArgs, X as ToolAuthorizationContent, Z as ToolAuthorizationHeader, Q as ToolAuthorizationMessage, $ as ToolCallAccordion, ee as ToolCallAccordionContent, te as ToolCallAccordionItem, ne as ToolCallAccordionTrigger, re as ToolCard, H as ToolkitCard, ie as UserNav, j as mcpServerCardShellVariants, O as mcpToolkitAvatarVariants };
+import { AvatarStack as e } from "./avatar-stack.js";
+import { Callout as t } from "./callout.js";
+import { ConfirmPopover as n } from "./confirm-popover.js";
+import { ChatHistoryItem as r } from "./chat-history-item.js";
+import { Message as i, MessageAction as a, MessageActions as o, MessageAvatar as s, MessageContent as c } from "./message.js";
+import { ChatAssistantMessage as l, ChatMessageList as u, ChatMessageListSkeleton as d, ChatStreamingIndicator as f, ChatUserMessage as p } from "./chat-message-list.js";
+import { RemovableChip as m, RemovableChipButton as h, removableChipButtonClass as g } from "./removable-chip.js";
+import { ChipBody as _ } from "./chip-body.js";
+import { ClientSecretInput as v } from "./client-secret-field.js";
+import { CommandBar as y } from "./command-bar.js";
+import { DateTimePicker as b } from "./date-time-picker.js";
+import { EmptyState as x } from "./empty-state.js";
+import { ErrorState as S } from "./error-state.js";
+import { FilterChipGroup as C } from "./filter-chip-group.js";
+import { FlowDiagram as w } from "./flow-diagram.js";
+import { McpSectionCallout as T } from "./mcp-server-picker/section-callout.js";
+import { McpRecommendedToolsCallout as E, McpRecommendedToolsDeactivateDialog as D, McpRecommendedToolsOptOutDialog as O } from "./mcp-server-picker/recommended-tools.js";
+import { McpReviewCountChip as k } from "./mcp-server-picker/review-count-chip.js";
+import { McpSearchScopeTabs as A } from "./mcp-server-picker/search-scope-tabs.js";
+import { McpSectionNavHeader as j } from "./mcp-server-picker/section-nav-header.js";
+import { McpToolkitAvatar as M, mcpToolkitAvatarVariants as N } from "./mcp-server-picker/toolkit-avatar.js";
+import { McpServerAvatarStack as P } from "./mcp-server-picker/server-avatar-stack.js";
+import { McpServerCard as F, mcpServerCardShellVariants as I } from "./mcp-server-picker/server-card.js";
+import { McpToolCard as L } from "./mcp-server-picker/tool-card.js";
+import { McpToolRecommendations as R } from "./mcp-server-picker/tool-recommendations.js";
+import { McpToolkitChip as z } from "./mcp-server-picker/toolkit-chip.js";
+import { McpToolkitGroupHeader as B } from "./mcp-server-picker/toolkit-group-header.js";
+import { McpUnoptimizedMatchCard as V } from "./mcp-server-picker/unoptimized-match-card.js";
+import { PromptInput as H, PromptInputAction as U, PromptInputActions as W, PromptInputTextarea as G } from "./prompt-input.js";
+import { r as K, t as q } from "../../../ui-46pgiw5T.js";
+import { StepsProgress as J } from "./steps-progress.js";
+import { SuggestionCard as Y, SuggestionCardSkeleton as X } from "./suggestion-card.js";
+import { TagsInput as Z, TagsInputValue as Q } from "./tags-input.js";
+import { ToolAuthorization as $, ToolAuthorizationArgs as ee, ToolAuthorizationContent as te, ToolAuthorizationHeader as ne, ToolAuthorizationMessage as re } from "./tool-authorization.js";
+import { ToolCallAccordion as ie, ToolCallAccordionContent as ae, ToolCallAccordionItem as oe, ToolCallAccordionTrigger as se } from "./tool-call-accordion.js";
+import { ToolCard as ce } from "./tool-card.js";
+import { n as le, t as ue } from "../../../undo-toast-Cf4T6ToX.js";
+import { UserNav as de } from "./user-nav.js";
+export { e as AvatarStack, t as Callout, l as ChatAssistantMessage, r as ChatHistoryItem, u as ChatMessageList, d as ChatMessageListSkeleton, f as ChatStreamingIndicator, p as ChatUserMessage, _ as ChipBody, v as ClientSecretInput, y as CommandBar, n as ConfirmPopover, b as DateTimePicker, x as EmptyState, S as ErrorState, C as FilterChipGroup, w as FlowDiagram, E as McpRecommendedToolsCallout, D as McpRecommendedToolsDeactivateDialog, O as McpRecommendedToolsOptOutDialog, k as McpReviewCountChip, A as McpSearchScopeTabs, T as McpSectionCallout, j as McpSectionNavHeader, P as McpServerAvatarStack, F as McpServerCard, L as McpToolCard, R as McpToolRecommendations, M as McpToolkitAvatar, z as McpToolkitChip, B as McpToolkitGroupHeader, V as McpUnoptimizedMatchCard, i as Message, a as MessageAction, o as MessageActions, s as MessageAvatar, c as MessageContent, H as PromptInput, U as PromptInputAction, W as PromptInputActions, G as PromptInputTextarea, m as RemovableChip, h as RemovableChipButton, K as RequirementBadges, J as StepsProgress, Y as SuggestionCard, X as SuggestionCardSkeleton, Z as TagsInput, Q as TagsInputValue, $ as ToolAuthorization, ee as ToolAuthorizationArgs, te as ToolAuthorizationContent, ne as ToolAuthorizationHeader, re as ToolAuthorizationMessage, ie as ToolCallAccordion, ae as ToolCallAccordionContent, oe as ToolCallAccordionItem, se as ToolCallAccordionTrigger, ce as ToolCard, q as ToolkitCard, ue as UndoToastProvider, de as UserNav, I as mcpServerCardShellVariants, N as mcpToolkitAvatarVariants, g as removableChipButtonClass, le as useUndoToast };

package/dist/components/ui/molecules/mcp-server-picker/recommended-toolkits-chip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"recommended-toolkits-chip.d.ts","sourceRoot":"","sources":["../../../../../lib/components/ui/molecules/mcp-server-picker/recommended-toolkits-chip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAiBpC,MAAM,MAAM,uBAAuB,GAAG;IACpC,8DAA8D;IAC9D,EAAE,EAAE,MAAM,CAAC;IACX,+BAA+B;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG;IAC5C;;;;OAIG;IACH,UAAU,EAAE,uBAAuB,EAAE,CAAC;IACtC;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,CAAC;AAqB/D;;;;;;;;;GASG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,UAAU,EACV,MAAc,EACd,QAAQ,EACR,eAAe,EACf,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,+BAA+B,qBAqFjC"}
+{"version":3,"file":"recommended-toolkits-chip.d.ts","sourceRoot":"","sources":["../../../../../lib/components/ui/molecules/mcp-server-picker/recommended-toolkits-chip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAepC,MAAM,MAAM,uBAAuB,GAAG;IACpC,8DAA8D;IAC9D,EAAE,EAAE,MAAM,CAAC;IACX,+BAA+B;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG;IAC5C;;;;OAIG;IACH,UAAU,EAAE,uBAAuB,EAAE,CAAC;IACtC;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,CAAC;AAqB/D;;;;;;;;;GASG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,UAAU,EACV,MAAc,EACd,QAAQ,EACR,eAAe,EACf,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,+BAA+B,qBAmGjC"}

package/dist/components/ui/molecules/mcp-server-picker/recommended-toolkits-chip.js

@@ -1,10 +1,11 @@
 "use client";
 "use client";
 import { cn as e } from "../../../../lib/utils.js";
-import { i as t, n, o as r, t as i } from "../../../../popover-Cne_hQUh.js";
+import { i as t, n, o as r, t as i } from "../../../../popover-CpLkQtT5.js";
 import { Arcade as a } from "../../atoms/icons/arcade.js";
-import { RemovableChip as o, RemovableChipButton as s } from "../../atoms/removable-chip.js";
-import { t as c } from "../../../../scroll-area-C0KbhRES.js";
+import { t as o } from "../../../../scroll-area-D7iOy7xj.js";
+import { RemovableChip as s } from "../removable-chip.js";
+import { ChipBody as c } from "../chip-body.js";
 import { McpToolkitAvatar as l } from "./toolkit-avatar.js";
 import { useState as u } from "react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
@@ -18,28 +19,29 @@ function p({ className: t }) {
 	});
 }
 function m({ mcpServers: a, active: m = !1, onReview: h, onOpenMcpServer: g, onRemove: _, className: v, ...y }) {
-	let [b, x] = u(!1), S = a.length, C = S === 1 ? "server" : "servers", w = `Review ${S} recommended ${C}`, T = `Show ${S} recommended ${C}`, E = `Remove all ${S} recommended ${C}`;
-	return /* @__PURE__ */ f(o, {
+	let [b, x] = u(!1), S = a.length, C = S === 1 ? "server" : "servers", w = `min(18rem, calc(${S} * 2rem + 0.5rem))`, T = `Review ${S} recommended ${C}`, E = `Show ${S} recommended ${C}`, D = `Remove all ${S} recommended ${C}`;
+	return /* @__PURE__ */ f(s, {
 		...y,
 		active: m,
 		className: e(m ? "bg-brand-navy/15 ring-brand-navy/40" : null, v),
 		"data-slot": "mcp-recommended-toolkits-chip",
 		"data-status": m ? "open" : "closed",
 		onRemove: _,
-		removeLabel: E,
-		children: [/* @__PURE__ */ f(s, {
-			"aria-label": w,
+		removeLabel: D,
+		children: [/* @__PURE__ */ d(c, {
+			"aria-label": T,
 			className: "pr-1.5 font-medium",
+			icon: /* @__PURE__ */ d(p, {}),
+			label: "Recommended tools",
 			onClick: h,
-			title: w,
-			children: [/* @__PURE__ */ d(p, {}), /* @__PURE__ */ d("span", { children: "Recommended tools" })]
+			title: T
 		}), /* @__PURE__ */ f(i, {
 			onOpenChange: x,
 			open: b,
 			children: [/* @__PURE__ */ d(r, {
-				"aria-label": T,
+				"aria-label": E,
 				className: "inline-flex cursor-pointer items-center gap-1 py-1 pr-1.5 pl-1 text-muted-foreground transition-[background-color,color] duration-[var(--duration-fast)] ease-[var(--ease-smooth)] hover:bg-foreground/10 hover:text-foreground focus-visible:bg-foreground/10 focus-visible:outline-none motion-reduce:transition-colors",
-				title: T,
+				title: E,
 				type: "button",
 				children: /* @__PURE__ */ d("span", {
 					className: "rounded-full bg-muted px-1.5 py-0.5 text-[10px] text-foreground tabular-nums",
@@ -47,14 +49,15 @@ function m({ mcpServers: a, active: m = !1, onReview: h, onOpenMcpServer: g, onR
 				})
 			}), /* @__PURE__ */ f(n, {
 				align: "start",
-				className: "w-64 gap-0 p-0",
+				className: "w-64 gap-0 overflow-hidden p-0",
 				sideOffset: 6,
 				children: [/* @__PURE__ */ f(t, {
 					className: "flex items-center gap-2 px-3 pt-2.5 pb-1.5 font-medium text-foreground text-xs",
 					children: [/* @__PURE__ */ d(p, {}), /* @__PURE__ */ d("span", { children: "Recommended by Arcade" })]
-				}), /* @__PURE__ */ d(c, {
-					className: "max-h-72",
+				}), /* @__PURE__ */ d(o, {
+					className: "min-h-0 overflow-hidden",
 					orientation: "vertical",
+					style: { height: w },
 					type: "hover",
 					children: /* @__PURE__ */ d("ul", {
 						className: "flex flex-col py-1",

package/dist/components/ui/molecules/mcp-server-picker/recommended-tools.js

@@ -1,8 +1,8 @@
 "use client";
 "use client";
 import { cn as e } from "../../../../lib/utils.js";
-import { a as t, d as n, i as r, n as i, o as a, r as o, s, t as c } from "../../../../alert-dialog-BiDZwtP2.js";
-import { t as l } from "../../../../switch-D8M0xvzp.js";
+import { a as t, d as n, i as r, n as i, o as a, r as o, s, t as c } from "../../../../alert-dialog-1bUE2clB.js";
+import { t as l } from "../../../../switch-DlxZDt6o.js";
 import { McpSectionCallout as u } from "./section-callout.js";
 import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region lib/components/ui/molecules/mcp-server-picker/recommended-tools.tsx

package/dist/components/ui/molecules/mcp-server-picker/search-scope-tabs.js

@@ -1,6 +1,6 @@
 "use client";
 "use client";
-import { i as e, r as t, t as n } from "../../../../tabs-ttkDuwww.js";
+import { i as e, r as t, t as n } from "../../../../tabs-Cj3LY-7F.js";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region lib/components/ui/molecules/mcp-server-picker/search-scope-tabs.tsx
 function a({ active: a, serverCount: o, toolCount: s, onChange: c, ...l }) {