@arcadeai/design-system 5.0.2 → 6.0.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';
@@ -28,14 +32,18 @@ export type { McpSectionCalloutProps } from './mcp-server-picker/section-callout
 export { McpSectionCallout } from './mcp-server-picker/section-callout';
 export type { McpSectionNavHeaderProps } from './mcp-server-picker/section-nav-header';
 export { McpSectionNavHeader } from './mcp-server-picker/section-nav-header';
+export type { McpCardSelectionState } from './mcp-server-picker/selection-card-parts';
+export { McpCardHeading, mcpSelectionCardShellVariants, } from './mcp-server-picker/selection-card-parts';
 export type { McpServerAvatarStackItem, McpServerAvatarStackProps, } from './mcp-server-picker/server-avatar-stack';
 export { McpServerAvatarStack } from './mcp-server-picker/server-avatar-stack';
 export type { McpServerCardProps, McpServerCardSelectionState, } from './mcp-server-picker/server-card';
-export { McpServerCard, mcpServerCardShellVariants, } from './mcp-server-picker/server-card';
+export { McpServerCard } from './mcp-server-picker/server-card';
+export type { McpSetupCalloutProps } from './mcp-server-picker/setup-callout';
+export { McpSetupCallout } from './mcp-server-picker/setup-callout';
 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 +56,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 +71,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,41 @@
-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 { McpCardHeading as M, mcpSelectionCardShellVariants as N } from "./mcp-server-picker/selection-card-parts.js";
+import { McpToolkitAvatar as P, mcpToolkitAvatarVariants as F } from "./mcp-server-picker/toolkit-avatar.js";
+import { McpServerAvatarStack as I } from "./mcp-server-picker/server-avatar-stack.js";
+import { McpServerCard as L } from "./mcp-server-picker/server-card.js";
+import { McpSetupCallout as R } from "./mcp-server-picker/setup-callout.js";
+import { McpToolCard as z } from "./mcp-server-picker/tool-card.js";
+import { McpToolRecommendations as B } from "./mcp-server-picker/tool-recommendations.js";
+import { McpToolkitChip as V } from "./mcp-server-picker/toolkit-chip.js";
+import { McpToolkitGroupHeader as H } from "./mcp-server-picker/toolkit-group-header.js";
+import { McpUnoptimizedMatchCard as U } from "./mcp-server-picker/unoptimized-match-card.js";
+import { PromptInput as W, PromptInputAction as G, PromptInputActions as K, PromptInputTextarea as q } from "./prompt-input.js";
+import { r as J, t as Y } from "../../../ui-46pgiw5T.js";
+import { StepsProgress as X } from "./steps-progress.js";
+import { SuggestionCard as Z, SuggestionCardSkeleton as Q } from "./suggestion-card.js";
+import { TagsInput as $, TagsInputValue as ee } from "./tags-input.js";
+import { ToolAuthorization as te, ToolAuthorizationArgs as ne, ToolAuthorizationContent as re, ToolAuthorizationHeader as ie, ToolAuthorizationMessage as ae } from "./tool-authorization.js";
+import { ToolCallAccordion as oe, ToolCallAccordionContent as se, ToolCallAccordionItem as ce, ToolCallAccordionTrigger as le } from "./tool-call-accordion.js";
+import { ToolCard as ue } from "./tool-card.js";
+import { n as de, t as fe } from "../../../undo-toast-Cf4T6ToX.js";
+import { UserNav as pe } 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, M as McpCardHeading, E as McpRecommendedToolsCallout, D as McpRecommendedToolsDeactivateDialog, O as McpRecommendedToolsOptOutDialog, k as McpReviewCountChip, A as McpSearchScopeTabs, T as McpSectionCallout, j as McpSectionNavHeader, I as McpServerAvatarStack, L as McpServerCard, R as McpSetupCallout, z as McpToolCard, B as McpToolRecommendations, P as McpToolkitAvatar, V as McpToolkitChip, H as McpToolkitGroupHeader, U as McpUnoptimizedMatchCard, i as Message, a as MessageAction, o as MessageActions, s as MessageAvatar, c as MessageContent, W as PromptInput, G as PromptInputAction, K as PromptInputActions, q as PromptInputTextarea, m as RemovableChip, h as RemovableChipButton, J as RequirementBadges, X as StepsProgress, Z as SuggestionCard, Q as SuggestionCardSkeleton, $ as TagsInput, ee as TagsInputValue, te as ToolAuthorization, ne as ToolAuthorizationArgs, re as ToolAuthorizationContent, ie as ToolAuthorizationHeader, ae as ToolAuthorizationMessage, oe as ToolCallAccordion, se as ToolCallAccordionContent, ce as ToolCallAccordionItem, le as ToolCallAccordionTrigger, ue as ToolCard, Y as ToolkitCard, fe as UndoToastProvider, pe as UserNav, N as mcpSelectionCardShellVariants, F as mcpToolkitAvatarVariants, g as removableChipButtonClass, de as useUndoToast };

package/dist/components/ui/molecules/mcp-server-picker/card-setup-button.d.ts

@@ -0,0 +1,21 @@
+export type McpCardSetupButtonProps = {
+    /** Card entity name, used in the button's accessible label. */
+    name: string;
+    /** Tooltip body explaining what configuration the entity still needs. */
+    description: string;
+    /** `data-slot` for queryability — differs per card (server vs tool). */
+    slot: string;
+    onSetup?: () => void;
+    /** Disables the strip so a disabled card can't fire setup. */
+    disabled?: boolean;
+    /** Edge rounding/layout overrides (e.g. `rounded-r-lg` on the terminal edge). */
+    className?: string;
+};
+/**
+ * The full-height "needs setup" strip shared by the server and tool cards: a
+ * key glyph that opens the setup flow, with a tooltip explaining what's
+ * missing. Kept in one place so the setup affordance stays identical across
+ * both cards; callers vary only the copy, the `data-slot`, and edge rounding.
+ */
+export declare function McpCardSetupButton({ name, description, slot, onSetup, disabled, className, }: McpCardSetupButtonProps): import("react").JSX.Element;
+//# sourceMappingURL=card-setup-button.d.ts.map

package/dist/components/ui/molecules/mcp-server-picker/card-setup-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-setup-button.d.ts","sourceRoot":"","sources":["../../../../../lib/components/ui/molecules/mcp-server-picker/card-setup-button.tsx"],"names":[],"mappings":"AAYA,MAAM,MAAM,uBAAuB,GAAG;IACpC,+DAA+D;IAC/D,IAAI,EAAE,MAAM,CAAC;IACb,yEAAyE;IACzE,WAAW,EAAE,MAAM,CAAC;IACpB,wEAAwE;IACxE,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,OAAO,EACP,QAAgB,EAChB,SAAS,GACV,EAAE,uBAAuB,+BA+BzB"}

package/dist/components/ui/molecules/mcp-server-picker/card-setup-button.js

@@ -0,0 +1,34 @@
+"use client";
+"use client";
+import { cn as e } from "../../../../lib/utils.js";
+import { i as t, n, r, t as i } from "../../../../tooltip-BUR7V5Aa.js";
+import "./constants.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { KeyRound as s } from "lucide-react";
+//#region lib/components/ui/molecules/mcp-server-picker/card-setup-button.tsx
+function c({ name: c, description: l, slot: u, onSetup: d, disabled: f = !1, className: p }) {
+	return /* @__PURE__ */ a(r, {
+		delay: 400,
+		children: /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(t, { render: /* @__PURE__ */ a("button", {
+			"aria-label": `Set up ${c}`,
+			className: e("flex shrink-0 cursor-pointer items-center justify-center border-[var(--mcp-setup-border)] border-l bg-[var(--mcp-setup-surface)] px-2.5 text-[var(--mcp-setup-foreground)] transition-colors duration-[var(--duration-fast)] ease-[var(--ease-smooth)] hover:bg-[var(--mcp-setup-hover)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/60 focus-visible:ring-inset disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-[var(--mcp-setup-surface)] dark:border-border/60 dark:bg-warning/[0.06] dark:text-warning dark:hover:bg-warning/[0.12] dark:disabled:hover:bg-warning/[0.06]", p),
+			"data-slot": u,
+			disabled: f,
+			onClick: d,
+			type: "button",
+			children: /* @__PURE__ */ a(s, {
+				"aria-hidden": !0,
+				className: "size-4"
+			})
+		}) }), /* @__PURE__ */ o(n, {
+			className: "max-w-56 flex-col items-start gap-0.5 text-left",
+			side: "top",
+			children: [/* @__PURE__ */ a("span", {
+				className: "font-semibold",
+				children: "Setup required"
+			}), /* @__PURE__ */ a("span", { children: l })]
+		})] })
+	});
+}
+//#endregion
+export { c as McpCardSetupButton };

package/dist/components/ui/molecules/mcp-server-picker/constants.d.ts

@@ -1,3 +1,5 @@
 /** Hover delay before MCP picker description tooltips open. */
 export declare const MCP_DESCRIPTION_TOOLTIP_DELAY_MS = 600;
+/** Hover delay before setup-required tooltips open. */
+export declare const MCP_SETUP_TOOLTIP_DELAY_MS = 400;
 //# sourceMappingURL=constants.d.ts.map

package/dist/components/ui/molecules/mcp-server-picker/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../lib/components/ui/molecules/mcp-server-picker/constants.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,eAAO,MAAM,gCAAgC,MAAM,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../lib/components/ui/molecules/mcp-server-picker/constants.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,eAAO,MAAM,gCAAgC,MAAM,CAAC;AAEpD,uDAAuD;AACvD,eAAO,MAAM,0BAA0B,MAAM,CAAC"}

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

@@ -1,4 +1,4 @@
 //#region lib/components/ui/molecules/mcp-server-picker/constants.ts
-var e = 600;
+var e = 600, t = 400;
 //#endregion
-export { e as MCP_DESCRIPTION_TOOLTIP_DELAY_MS };
+export { e as MCP_DESCRIPTION_TOOLTIP_DELAY_MS, t as MCP_SETUP_TOOLTIP_DELAY_MS };