@arcadeai/design-system 5.0.2 → 6.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"toolkit-chip.d.ts","sourceRoot":"","sources":["../../../../../lib/components/ui/molecules/mcp-server-picker/toolkit-chip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAOpC,MAAM,MAAM,mBAAmB,GAAG;IAChC,iEAAiE;IACjE,IAAI,EAAE,MAAM,CAAC;IACb,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAElD;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,SAAS,EACT,KAAK,EACL,aAAa,EACb,KAAa,EACb,SAAiB,EACjB,MAAM,EACN,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,mBAAmB,qBAoCrB"}
+{"version":3,"file":"toolkit-chip.d.ts","sourceRoot":"","sources":["../../../../../lib/components/ui/molecules/mcp-server-picker/toolkit-chip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC,MAAM,MAAM,mBAAmB,GAAG;IAChC,iEAAiE;IACjE,IAAI,EAAE,MAAM,CAAC;IACb,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAElD;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,SAAS,EACT,KAAK,EACL,aAAa,EACb,KAAa,EACb,SAAiB,EACjB,MAAM,EACN,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,mBAAmB,qBAsCrB"}

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

@@ -1,6 +1,7 @@
 "use client";
 "use client";
-import { RemovableChip as e, RemovableChipButton as t } from "../../atoms/removable-chip.js";
+import { RemovableChip as e } from "../removable-chip.js";
+import { ChipBody as t } from "../chip-body.js";
 import { McpToolkitAvatar as n } from "./toolkit-avatar.js";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region lib/components/ui/molecules/mcp-server-picker/toolkit-chip.tsx
@@ -12,29 +13,25 @@ function a({ name: a, toolkitId: o, total: s, selectedCount: c, added: l = !1, i
 		"data-status": g,
 		onRemove: f,
 		removeLabel: m,
-		children: /* @__PURE__ */ i(t, {
+		children: /* @__PURE__ */ r(t, {
 			"aria-label": h,
+			count: u && c != null && s != null ? /* @__PURE__ */ i("span", {
+				className: "shrink-0 text-[10px] text-muted-foreground tabular-nums",
+				children: [
+					c,
+					"/",
+					s
+				]
+			}) : null,
+			icon: /* @__PURE__ */ r(n, {
+				name: a,
+				size: "sm",
+				toolkitId: o
+			}),
+			label: a,
+			labelClassName: "max-w-44 truncate capitalize",
 			onClick: d,
-			title: h,
-			children: [
-				/* @__PURE__ */ r(n, {
-					name: a,
-					size: "sm",
-					toolkitId: o
-				}),
-				/* @__PURE__ */ r("span", {
-					className: "max-w-44 truncate font-medium capitalize",
-					children: a
-				}),
-				u && c != null && s != null ? /* @__PURE__ */ i("span", {
-					className: "shrink-0 text-[10px] text-muted-foreground tabular-nums",
-					children: [
-						c,
-						"/",
-						s
-					]
-				}) : null
-			]
+			title: h
 		})
 	});
 }

package/dist/components/ui/molecules/mcp-server-picker/toolkit-group-header.js

@@ -22,7 +22,7 @@ function i({ name: i, toolkitId: a, avatarSize: o = "sm", headingAs: s = "h4", c
 					children: i
 				}),
 				c === void 0 ? null : /* @__PURE__ */ n("span", {
-					className: "shrink-0 text-muted-foreground text-xs tabular-nums",
+					className: "shrink-0 text-[var(--mcp-muted-foreground)] text-xs tabular-nums",
 					children: c
 				})
 			]

package/dist/components/ui/molecules/mcp-server-picker/unoptimized-match-card.d.ts

@@ -1,8 +1,10 @@
 export type McpUnoptimizedMatchCardProps = {
     serverCount: number;
     toolCount: number;
+    /** Explanation shown in the desktop-hover and mobile-tap tooltips. */
+    tooltip: string;
     onShow?: () => void;
     className?: string;
 };
-export declare function McpUnoptimizedMatchCard({ serverCount, toolCount, onShow, className, }: McpUnoptimizedMatchCardProps): import("react").JSX.Element | null;
+export declare function McpUnoptimizedMatchCard({ serverCount, toolCount, tooltip, onShow, className, }: McpUnoptimizedMatchCardProps): import("react").JSX.Element | null;
 //# sourceMappingURL=unoptimized-match-card.d.ts.map

package/dist/components/ui/molecules/mcp-server-picker/unoptimized-match-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"unoptimized-match-card.d.ts","sourceRoot":"","sources":["../../../../../lib/components/ui/molecules/mcp-server-picker/unoptimized-match-card.tsx"],"names":[],"mappings":"AAWA,MAAM,MAAM,4BAA4B,GAAG;IACzC,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAeF,wBAAgB,uBAAuB,CAAC,EACtC,WAAW,EACX,SAAS,EACT,MAAM,EACN,SAAS,GACV,EAAE,4BAA4B,sCA2E9B"}
+{"version":3,"file":"unoptimized-match-card.d.ts","sourceRoot":"","sources":["../../../../../lib/components/ui/molecules/mcp-server-picker/unoptimized-match-card.tsx"],"names":[],"mappings":"AAaA,MAAM,MAAM,4BAA4B,GAAG;IACzC,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,sEAAsE;IACtE,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAMF,wBAAgB,uBAAuB,CAAC,EACtC,WAAW,EACX,SAAS,EACT,OAAO,EACP,MAAM,EACN,SAAS,GACV,EAAE,4BAA4B,sCAyF9B"}

package/dist/components/ui/molecules/mcp-server-picker/unoptimized-match-card.js

@@ -1,59 +1,61 @@
 "use client";
 "use client";
 import { cn as e } from "../../../../lib/utils.js";
-import { i as t, n, r, t as i } from "../../../../tooltip-ZIywOFGf.js";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Braces as c, Info as l } from "lucide-react";
+import { i as t, n, r, t as i } from "../../../../tooltip-BUR7V5Aa.js";
+import { IconTile as a } from "../../atoms/icon-tile.js";
+import { mcpSelectionCardShellVariants as o } from "./selection-card-parts.js";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Braces as l, Info as u } from "lucide-react";
 //#region lib/components/ui/molecules/mcp-server-picker/unoptimized-match-card.tsx
-function u(e, t) {
+function d(e, t) {
 	return `${e} ${t}${e === 1 ? "" : "s"}`;
 }
-var d = /* @__PURE__ */ o(a, { children: "Tools built around individual actions rather than full tasks. Useful when you need something specific, but your agent often has to combine a few to complete a task." });
-function f({ serverCount: a, toolCount: f, onShow: p, className: m }) {
-	if (a === 0 && f === 0) return null;
-	let h = [a > 0 ? `+${u(a, "server")}` : null, f > 0 ? `+${u(f, "tool")}` : null].filter(Boolean).join(" ");
-	return /* @__PURE__ */ s("div", {
-		className: e("flex h-full w-full items-center gap-2 rounded-lg border border-brand-text/40 border-dashed bg-muted/20 p-3", m),
+function f({ serverCount: f, toolCount: p, tooltip: m, onShow: h, className: g }) {
+	if (f === 0 && p === 0) return null;
+	let _ = [f > 0 ? `+${d(f, "server")}` : null, p > 0 ? `+${d(p, "tool")}` : null].filter(Boolean).join(" ");
+	return /* @__PURE__ */ c("div", {
+		className: e(o({ selectionState: "none" }), "relative flex h-full w-full items-stretch border-[var(--mcp-picker-selected-border)] border-dashed dark:border-brand-text/40", g),
 		"data-slot": "mcp-unoptimized-match-card",
-		children: [/* @__PURE__ */ o(r, { children: /* @__PURE__ */ s(i, { children: [/* @__PURE__ */ s(t, {
-			render: /* @__PURE__ */ o("button", {
-				"aria-label": `Show unoptimized (${h})`,
-				className: "flex min-w-0 flex-1 cursor-pointer items-center gap-2 text-left transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/60 focus-visible:ring-inset",
-				onClick: p,
+		children: [/* @__PURE__ */ s(r, { children: /* @__PURE__ */ c(i, { children: [/* @__PURE__ */ c(t, {
+			render: /* @__PURE__ */ s("button", {
+				"aria-label": `Show unoptimized (${_})`,
+				className: "flex min-w-0 flex-1 cursor-pointer items-center gap-2.5 rounded-lg px-3 py-2.5 text-left transition-[background-color,color,transform] duration-[var(--duration-fast)] ease-[var(--ease-smooth)] after:absolute after:inset-0 after:rounded-lg after:content-[''] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/60 focus-visible:ring-inset active:translate-y-px motion-reduce:transition-colors motion-reduce:active:translate-y-0",
+				onClick: h,
 				type: "button"
 			}),
 			children: [
-				/* @__PURE__ */ o(c, {
-					"aria-hidden": !0,
-					className: "size-5 shrink-0 text-brand-text"
+				/* @__PURE__ */ s(a, {
+					className: "text-brand-text",
+					size: "xl",
+					children: /* @__PURE__ */ s(l, { "aria-hidden": !0 })
 				}),
-				/* @__PURE__ */ o("span", {
+				/* @__PURE__ */ s("span", {
 					className: "min-w-0 flex-1 truncate font-medium text-sm",
 					children: "Show unoptimized"
 				}),
-				/* @__PURE__ */ o("span", {
-					className: "shrink-0 whitespace-nowrap text-muted-foreground text-xs tabular-nums",
-					children: h
+				/* @__PURE__ */ s("span", {
+					className: "shrink-0 whitespace-nowrap text-[var(--mcp-muted-foreground)] text-xs tabular-nums",
+					children: _
 				})
 			]
-		}), /* @__PURE__ */ o(n, {
+		}), /* @__PURE__ */ s(n, {
 			className: "max-w-xs",
 			side: "top",
-			children: d
-		})] }) }), /* @__PURE__ */ o(r, { children: /* @__PURE__ */ s(i, { children: [/* @__PURE__ */ o(t, {
-			render: /* @__PURE__ */ o("button", {
+			children: m
+		})] }) }), /* @__PURE__ */ s(r, { children: /* @__PURE__ */ c(i, { children: [/* @__PURE__ */ s(t, {
+			render: /* @__PURE__ */ s("button", {
 				"aria-label": "What are unoptimized tools?",
-				className: "shrink-0 cursor-pointer rounded focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/60 sm:hidden",
+				className: "relative z-10 flex shrink-0 cursor-pointer items-center rounded-r-lg px-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/60 focus-visible:ring-inset sm:hidden",
 				type: "button"
 			}),
-			children: /* @__PURE__ */ o(l, {
+			children: /* @__PURE__ */ s(u, {
 				"aria-hidden": !0,
-				className: "size-3.5 text-muted-foreground"
+				className: "size-3.5 text-[var(--mcp-muted-foreground)]"
 			})
-		}), /* @__PURE__ */ o(n, {
+		}), /* @__PURE__ */ s(n, {
 			className: "max-w-xs",
 			side: "top",
-			children: d
+			children: m
 		})] }) })]
 	});
 }

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

@@ -1,6 +1,6 @@
 import { cn as e } from "../../../lib/utils.js";
-import { i as t, n, r, t as i } from "../../../tooltip-ZIywOFGf.js";
-import { o as a, r as o, t as s } from "../../../avatar-B-lhJ-Gz.js";
+import { i as t, n, r, t as i } from "../../../tooltip-BUR7V5Aa.js";
+import { o as a, r as o, t as s } from "../../../avatar-DbL6b01k.js";
 import { t as c } from "../../../markdown-BzQfFDNF.js";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region lib/components/ui/molecules/message.tsx

package/dist/components/ui/molecules/prompt-input.js

@@ -1,5 +1,5 @@
 import { cn as e } from "../../../lib/utils.js";
-import { i as t, n, r, t as i } from "../../../tooltip-ZIywOFGf.js";
+import { i as t, n, r, t as i } from "../../../tooltip-BUR7V5Aa.js";
 import { Textarea as a } from "../atoms/textarea.js";
 import o, { createContext as s, useContext as c, useLayoutEffect as l, useRef as u, useState as d } from "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";

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

@@ -0,0 +1 @@
+{"version":3,"file":"removable-chip.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/removable-chip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,QAAA,MAAM,mBAAmB,0WACgV,CAAC;AAE1W,MAAM,MAAM,kBAAkB,GAAG;IAC/B,2DAA2D;IAC3D,WAAW,EAAE,MAAM,CAAC;IACpB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAElD;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAC5B,WAAW,EACX,QAAQ,EACR,MAAc,EACd,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,kBAAkB,qBA2BpB;AAED,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAC9B,MAAM,CACP,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,qBAY1B;AAED,OAAO,EAAE,mBAAmB,IAAI,wBAAwB,EAAE,CAAC"}

package/dist/components/ui/{atoms → molecules}/removable-chip.js

@@ -3,7 +3,7 @@
 import { cn as e } from "../../../lib/utils.js";
 import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
 import { X as i } from "lucide-react";
-//#region lib/components/ui/atoms/removable-chip.tsx
+//#region lib/components/ui/molecules/removable-chip.tsx
 var a = "inline-flex cursor-pointer items-center gap-1.5 transition-[background-color,color,transform] duration-[var(--duration-fast)] ease-[var(--ease-smooth)] hover:bg-foreground/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/60 focus-visible:ring-inset active:scale-[0.98] motion-reduce:transition-colors motion-reduce:active:scale-100";
 function o({ removeLabel: a, onRemove: o, active: s = !1, children: c, className: l, ...u }) {
 	return /* @__PURE__ */ r("div", {

package/dist/components/ui/molecules/requirement-badges.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n } from "../../../ui-CttBuHXi.js";
+import { i as e, n as t, r as n } from "../../../ui-46pgiw5T.js";
 export { t as OAuthBadge, n as RequirementBadges, e as SecretsBadge };

package/dist/components/ui/molecules/tool-call-accordion.js

@@ -1,9 +1,9 @@
 "use client";
 "use client";
-import { i as e, n as t, r as n, t as r } from "../../../accordion-DimUia61.js";
+import { i as e, n as t, r as n, t as r } from "../../../accordion-BP9Lgkg8.js";
 import { cn as i } from "../../../lib/utils.js";
 import { t as a } from "../../../dist-Ber_p4PA.js";
-import { n as o, r as s, t as c } from "../../../collapsible-DlF1q_cg.js";
+import { n as o, r as s, t as c } from "../../../collapsible-DP7Fb-Lu.js";
 import { CopyButton as l } from "../atoms/copy-button.js";
 import { JsonHighlight as u } from "../atoms/json-highlight.js";
 import * as d from "react";

package/dist/components/ui/molecules/tool-card.js

@@ -3,8 +3,8 @@
 import { cn as e } from "../../../lib/utils.js";
 import { t } from "../../../button-BdQxLUOB.js";
 import { Card as n, CardContent as r } from "../atoms/card.js";
-import { t as i } from "../../../checkbox-CZViOGvt.js";
-import { n as a, r as o, t as s } from "../../../collapsible-DlF1q_cg.js";
+import { t as i } from "../../../checkbox-DB9O_Iw9.js";
+import { n as a, r as o, t as s } from "../../../collapsible-DP7Fb-Lu.js";
 import { createPropsComparator as c } from "../utils/memo.js";
 import { useIsTruncated as l } from "../../../hooks/use-is-truncated.js";
 import * as u from "react";

package/dist/components/ui/molecules/toolkit-card.js

@@ -1,3 +1,3 @@
 "use client";
-import { t as e } from "../../../ui-CttBuHXi.js";
+import { t as e } from "../../../ui-46pgiw5T.js";
 export { e as ToolkitCard };

package/dist/components/ui/molecules/undo-toast.d.ts

@@ -0,0 +1,47 @@
+import type * as React from "react";
+export type UndoToastOptions = {
+    /** Human description of the change being offered for undo. */
+    message: string;
+    /** Optional leading glyph shown before the message. */
+    icon?: React.ReactNode;
+    /** Label for the reversing action button. @default "Undo" */
+    actionLabel?: string;
+    /** Reverses the edit. */
+    onUndo: () => void;
+    /** Fires on any close — the action, the ✕, a swipe, or the auto-dismiss. */
+    onDismiss?: () => void;
+    /** Auto-dismiss delay for this toast. Falls back to the provider's value. */
+    dismissMs?: number;
+};
+export type UndoToastProviderProps = {
+    children: React.ReactNode;
+    /**
+     * Anchor the toast inside this element instead of the document body — pass the
+     * picker's relatively-positioned shell so the pill sits over the list.
+     */
+    container?: HTMLElement | null;
+    /** Extra classes for the positioning viewport. */
+    className?: string;
+    /** Default auto-dismiss delay. @default 4000 */
+    dismissMs?: number;
+};
+/**
+ * Base UI Toast–powered undo affordance. Base UI owns the auto-dismiss timer,
+ * pause-on-hover/focus, enter/exit animation, and swipe-to-dismiss; this wrapper
+ * only supplies single-slot semantics (a stable toast id), an anchored viewport,
+ * and the pill styling.
+ *
+ * Wrap the region in `UndoToastProvider`, then call `useUndoToast().show(...)`
+ * from any descendant.
+ */
+export declare function UndoToastProvider({ children, container, className, dismissMs, }: UndoToastProviderProps): React.JSX.Element;
+/**
+ * Imperative handle for the undo toast: `show()` opens (or replaces) the pill,
+ * `dismiss()` closes it. Must be called under an `UndoToastProvider`. Both
+ * callbacks are stable, so they're safe to list in effect dependencies.
+ */
+export declare function useUndoToast(): {
+    show: ({ message, icon, actionLabel, onUndo, onDismiss, dismissMs, }: UndoToastOptions) => "mcp-undo-toast";
+    dismiss: () => void;
+};
+//# sourceMappingURL=undo-toast.d.ts.map

package/dist/components/ui/molecules/undo-toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"undo-toast.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/undo-toast.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAiBpC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,8DAA8D;IAC9D,OAAO,EAAE,MAAM,CAAC;IAChB,uDAAuD;IACvD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,SAAS,EACT,SAA8B,GAC/B,EAAE,sBAAsB,qBAmBxB;AA8CD;;;;GAIG;AACH,wBAAgB,YAAY;0EAWrB,gBAAgB;;EA2CtB"}

package/dist/components/ui/molecules/undo-toast.js

@@ -0,0 +1,3 @@
+"use client";
+import { n as e, t } from "../../../undo-toast-Cf4T6ToX.js";
+export { t as UndoToastProvider, e as useUndoToast };

package/dist/components/ui/molecules/user-nav.js

@@ -1,7 +1,7 @@
 import { cn as e } from "../../../lib/utils.js";
 import { t } from "../../../button-BdQxLUOB.js";
-import { o as n, r, t as i } from "../../../avatar-B-lhJ-Gz.js";
-import { h as a, o, r as s, t as c, u as l } from "../../../dropdown-menu-CWWN1cXs.js";
+import { o as n, r, t as i } from "../../../avatar-DbL6b01k.js";
+import { h as a, o, r as s, t as c, u as l } from "../../../dropdown-menu-ecggVuhu.js";
 import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 import { ChevronsUpDownIcon as p } from "lucide-react";
 //#region lib/components/ui/molecules/user-nav.tsx

package/dist/components/ui/organisms/mcp-selection-summary-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mcp-selection-summary-bar.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/organisms/mcp-selection-summary-bar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EACL,KAAK,uBAAuB,EAE7B,MAAM,uEAAuE,CAAC;AAC/E,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,+DAA+D,CAAC;AACvE,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,0DAA0D,CAAC;AAGlE,MAAM,MAAM,4BAA4B,GAAG;IACzC,8DAA8D;IAC9D,EAAE,EAAE,MAAM,CAAC;CACZ,GAAG,IAAI,CAAC,mBAAmB,EAAE,QAAQ,GAAG,UAAU,CAAC,CAAC;AAErD,MAAM,MAAM,2BAA2B,GAAG;IACxC;;;;;;;;;OASG;IACH,UAAU,EAAE,4BAA4B,EAAE,CAAC;IAC3C;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,uBAAuB,EAAE,CAAC;IAClD;;;OAGG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,4CAA4C;IAC5C,WAAW,CAAC,EAAE,uBAAuB,CAAC,YAAY,CAAC,CAAC;IACpD,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,6DAA6D;IAC7D,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,wDAAwD;IACxD,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,8DAA8D;IAC9D,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,mDAAmD;IACnD,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,CAAC;AAE/D;;;;;;;;;;GAUG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,UAAU,EACV,qBAA0B,EAC1B,SAAS,EACT,SAAiB,EACjB,oBAA4B,EAC5B,WAAW,EACX,QAAQ,EACR,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,mBAAmB,EACnB,OAAO,EACP,YAAsC,EACtC,SAAS,EACT,GAAG,IAAI,EACR,EAAE,2BAA2B,qBAyE7B"}
+{"version":3,"file":"mcp-selection-summary-bar.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/organisms/mcp-selection-summary-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EACL,KAAK,uBAAuB,EAE7B,MAAM,uEAAuE,CAAC;AAC/E,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,+DAA+D,CAAC;AACvE,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,0DAA0D,CAAC;AAGlE,MAAM,MAAM,4BAA4B,GAAG;IACzC,8DAA8D;IAC9D,EAAE,EAAE,MAAM,CAAC;CACZ,GAAG,IAAI,CAAC,mBAAmB,EAAE,QAAQ,GAAG,UAAU,CAAC,CAAC;AAErD,MAAM,MAAM,2BAA2B,GAAG;IACxC;;;;;;;;;OASG;IACH,UAAU,EAAE,4BAA4B,EAAE,CAAC;IAC3C;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,uBAAuB,EAAE,CAAC;IAClD;;;OAGG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,4CAA4C;IAC5C,WAAW,CAAC,EAAE,uBAAuB,CAAC,YAAY,CAAC,CAAC;IACpD,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,6DAA6D;IAC7D,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,wDAAwD;IACxD,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,8DAA8D;IAC9D,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,mDAAmD;IACnD,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,CAAC;AAE/D;;;;;;;;;;GAUG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,UAAU,EACV,qBAA0B,EAC1B,SAAS,EACT,SAAiB,EACjB,oBAA4B,EAC5B,WAAW,EACX,QAAQ,EACR,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,mBAAmB,EACnB,OAAO,EACP,YAAsC,EACtC,SAAS,EACT,GAAG,IAAI,EACR,EAAE,2BAA2B,qBA8D7B"}

package/dist/components/ui/organisms/mcp-selection-summary-bar.js

@@ -1,27 +1,26 @@
 "use client";
 "use client";
 import { cn as e } from "../../../lib/utils.js";
-import { t } from "../../../button-BdQxLUOB.js";
+import { ClearButton as t } from "../atoms/clear-button.js";
 import { McpReviewCountChip as n } from "../molecules/mcp-server-picker/review-count-chip.js";
 import { McpToolkitChip as r } from "../molecules/mcp-server-picker/toolkit-chip.js";
 import { McpRecommendedToolkitsChip as i } from "../molecules/mcp-server-picker/recommended-toolkits-chip.js";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-import { X as c } from "lucide-react";
 //#region lib/components/ui/organisms/mcp-selection-summary-bar.tsx
-function l({ mcpServers: l, recommendedMcpServers: u = [], toolCount: d, reviewing: f = !1, reviewingRecommended: p = !1, reviewLabel: m, onReview: h, onReviewRecommended: g, onOpenMcpServer: _, onRemoveMcpServer: v, onRemoveRecommended: y, onClear: b, emptyMessage: x = "No tools selected yet", className: S, ...C }) {
-	let w = l.length + u.length, T = w > 0;
+function c({ mcpServers: c, recommendedMcpServers: l = [], toolCount: u, reviewing: d = !1, reviewingRecommended: f = !1, reviewLabel: p, onReview: m, onReviewRecommended: h, onOpenMcpServer: g, onRemoveMcpServer: _, onRemoveRecommended: v, onClear: y, emptyMessage: b = "No tools selected yet", className: x, ...S }) {
+	let C = c.length + l.length, w = C > 0;
 	return /* @__PURE__ */ o("div", {
-		...C,
-		className: e("@container flex min-h-9 items-center gap-2 rounded-lg bg-muted/30 px-2.5 py-1.5", S),
+		...S,
+		className: e("@container flex min-h-9 items-center gap-2 rounded-lg bg-muted/30 px-2.5 py-1.5", x),
 		"data-slot": "mcp-selection-summary-bar",
-		"data-status": T ? "filled" : "empty",
-		children: T ? /* @__PURE__ */ s(a, { children: [
+		"data-status": w ? "filled" : "empty",
+		children: w ? /* @__PURE__ */ s(a, { children: [
 			/* @__PURE__ */ o(n, {
-				active: f,
-				"aria-label": m,
-				onClick: h,
-				serverCount: w,
-				toolCount: d
+				active: d,
+				"aria-label": p,
+				onClick: m,
+				serverCount: C,
+				toolCount: u
 			}),
 			/* @__PURE__ */ o("span", {
 				"aria-hidden": !0,
@@ -29,30 +28,28 @@ function l({ mcpServers: l, recommendedMcpServers: u = [], toolCount: d, reviewi
 			}),
 			/* @__PURE__ */ s("div", {
 				className: "scroll-fade-x @md:flex hidden min-w-0 flex-1 gap-1.5 overflow-x-auto p-0.5 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
-				children: [u.length > 0 ? /* @__PURE__ */ o(i, {
-					active: p,
-					mcpServers: u,
-					onOpenMcpServer: _,
-					onRemove: y,
-					onReview: g
-				}) : null, l.map(({ id: e, ...t }) => /* @__PURE__ */ o(r, {
+				children: [l.length > 0 ? /* @__PURE__ */ o(i, {
+					active: f,
+					mcpServers: l,
+					onOpenMcpServer: g,
+					onRemove: v,
+					onReview: h
+				}) : null, c.map(({ id: e, ...t }) => /* @__PURE__ */ o(r, {
 					...t,
-					onOpen: _ ? () => _(e) : void 0,
-					onRemove: v ? () => v(e) : void 0
+					onOpen: g ? () => g(e) : void 0,
+					onRemove: _ ? () => _(e) : void 0
 				}, e))]
 			}),
-			b ? /* @__PURE__ */ s(t, {
-				className: "ml-auto gap-1 hover:border-destructive/50 hover:bg-destructive/10 hover:text-destructive",
-				onClick: b,
-				size: "sm",
-				variant: "outline",
-				children: [/* @__PURE__ */ o(c, { "aria-hidden": !0 }), "Clear all"]
+			y ? /* @__PURE__ */ o(t, {
+				className: "ml-auto",
+				onClick: y,
+				size: "sm"
 			}) : null
 		] }) : /* @__PURE__ */ o("span", {
 			className: "flex shrink-0 items-center px-2 py-1 font-medium text-muted-foreground text-xs",
-			children: x
+			children: b
 		})
 	});
 }
 //#endregion
-export { l as McpSelectionSummaryBar };
+export { c as McpSelectionSummaryBar };

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

@@ -11,7 +11,7 @@ import type * as React from "react";
  *   <McpServerPicker>
  *     <McpServerPickerHeader>
  *       <Input ... />
- *       <McpCategoryFilter ... />
+ *       <FilterChipGroup ... />
  *       <McpUnoptimizedToggle ... />
  *     </McpServerPickerHeader>
  *     <McpSelectionSummaryBar ... />
@@ -32,8 +32,11 @@ export declare function McpServerPicker({ className, ...props }: React.Component
  */
 export declare function McpServerPickerHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 /**
- * Responsive grid of server cards. 1 col by default, 2 at `@md`, 3 at
- * `@3xl`, 4 at `@5xl` — sized to comfortably fit `McpServerCard` widths.
+ * Responsive grid of server cards that keeps a roomy card width as the
+ * container grows: one column when narrow, two at `@2xl` (~672px), three at
+ * `@7xl` (~1280px). Capped at three so cards never get cramped or overly wide,
+ * and the name + description always have room. The steps match the ui-kit
+ * picker's 672/1280px column breakpoints so the two stay in sync.
  */
 export declare function McpServerPickerGrid({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"mcp-server-picker.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/organisms/mcp-server-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ7B;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW7B;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW7B;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW7B"}
+{"version":3,"file":"mcp-server-picker.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/organisms/mcp-server-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ7B;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW7B;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW7B;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAa7B"}

package/dist/components/ui/organisms/mcp-server-picker.js

@@ -6,28 +6,28 @@ import { jsx as t } from "react/jsx-runtime";
 function n({ className: n, ...r }) {
 	return /* @__PURE__ */ t("div", {
 		...r,
-		className: e("@container space-y-3", n),
+		className: e("@container space-y-3.5", n),
 		"data-slot": "mcp-server-picker"
 	});
 }
 function r({ className: n, ...r }) {
 	return /* @__PURE__ */ t("div", {
 		...r,
-		className: e("flex @3xl:flex-row flex-col @3xl:items-center @3xl:gap-3 gap-2", n),
+		className: e("flex @3xl:flex-row flex-col @3xl:items-center @3xl:gap-2 gap-2", n),
 		"data-slot": "mcp-server-picker-header"
 	});
 }
 function i({ className: n, ...r }) {
 	return /* @__PURE__ */ t("div", {
 		...r,
-		className: e("grid @3xl:grid-cols-3 @5xl:grid-cols-4 @md:grid-cols-2 grid-cols-1 gap-2", n),
+		className: e("grid @2xl:grid-cols-2 @7xl:grid-cols-3 grid-cols-1 gap-2.5", n),
 		"data-slot": "mcp-server-picker-grid"
 	});
 }
 function a({ className: n, ...r }) {
 	return /* @__PURE__ */ t("div", {
 		...r,
-		className: e("grid @4xl:grid-cols-3 @xl:grid-cols-2 grid-cols-1 gap-2", n),
+		className: e("grid @4xl:grid-cols-3 @xl:grid-cols-2 grid-cols-1 gap-2.5", n),
 		"data-slot": "mcp-server-picker-tool-grid"
 	});
 }