@arcadeai/design-system 5.0.2 → 5.3.0

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

@@ -12,5 +12,5 @@ export type McpServerAvatarStackProps = {
     overflowLabel?: string;
     onOpenMcpServer?: (id: string) => void;
 } & Omit<React.ComponentProps<"span">, "children">;
-export declare function McpServerAvatarStack({ servers, maxVisible, overflowLabel, onOpenMcpServer, className, ...rest }: McpServerAvatarStackProps): React.JSX.Element | null;
+export declare function McpServerAvatarStack({ servers, maxVisible, overflowLabel, onOpenMcpServer, ...rest }: McpServerAvatarStackProps): React.JSX.Element | null;
 //# sourceMappingURL=server-avatar-stack.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"server-avatar-stack.d.ts","sourceRoot":"","sources":["../../../../../lib/components/ui/molecules/mcp-server-picker/server-avatar-stack.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAYpC,MAAM,MAAM,wBAAwB,GAAG;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,OAAO,EAAE,wBAAwB,EAAE,CAAC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,CAAC;AAEnD,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,UAAc,EACd,aAAkC,EAClC,eAAe,EACf,SAAS,EACT,GAAG,IAAI,EACR,EAAE,yBAAyB,4BAmC3B"}
+{"version":3,"file":"server-avatar-stack.d.ts","sourceRoot":"","sources":["../../../../../lib/components/ui/molecules/mcp-server-picker/server-avatar-stack.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAOpC,MAAM,MAAM,wBAAwB,GAAG;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,OAAO,EAAE,wBAAwB,EAAE,CAAC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,CAAC;AAEnD,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,UAAc,EACd,aAAkC,EAClC,eAAe,EACf,GAAG,IAAI,EACR,EAAE,yBAAyB,4BA+B3B"}

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

@@ -1,99 +1,47 @@
 "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 { t as a } from "../../../../scroll-area-C0KbhRES.js";
-import { McpToolkitAvatar as o } from "./toolkit-avatar.js";
-import { useState as s } from "react";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { AvatarStack as e } from "../avatar-stack.js";
+import { McpToolkitAvatar as t } from "./toolkit-avatar.js";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region lib/components/ui/molecules/mcp-server-picker/server-avatar-stack.tsx
-function d({ servers: t, maxVisible: n = 5, overflowLabel: r = "more MCP servers", onOpenMcpServer: i, className: a, ...s }) {
-	if (t.length === 0) return null;
-	let c = t.slice(0, n), d = t.slice(n), p = d.length;
-	return /* @__PURE__ */ u("span", {
-		...s,
-		className: e("inline-flex shrink-0 items-center gap-1", a),
-		"data-slot": "mcp-server-avatar-stack",
-		children: [/* @__PURE__ */ l("span", {
-			className: "inline-flex items-center gap-1",
-			children: c.map((e) => /* @__PURE__ */ l(o, {
-				name: e.name,
-				size: "xs",
-				title: e.name,
-				toolkitId: e.toolkitId
-			}, e.id))
-		}), p > 0 ? /* @__PURE__ */ l(f, {
-			label: r,
-			onOpenMcpServer: i,
-			servers: d
-		}) : null]
-	});
-}
-function f({ label: e, servers: o, onOpenMcpServer: c }) {
-	let [d, f] = s(!1), m = o.length, h = m === 1 ? "server" : "servers", g = `Show ${m} ${e}`;
-	return /* @__PURE__ */ u(i, {
-		onOpenChange: f,
-		open: d,
-		children: [/* @__PURE__ */ u(r, {
-			"aria-label": g,
-			className: "inline-flex size-[18px] cursor-pointer items-center justify-center rounded-full bg-foreground/8 font-medium text-[9px] text-muted-foreground tabular-nums transition-colors hover:bg-foreground/12 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/60",
-			title: g,
-			type: "button",
-			children: ["+", m]
-		}), /* @__PURE__ */ u(n, {
-			align: "start",
-			className: "w-56 gap-0 p-0",
-			sideOffset: 6,
-			children: [/* @__PURE__ */ u(t, {
-				className: "px-3 pt-2.5 pb-1.5 font-medium text-foreground text-xs",
-				children: [
-					m,
-					" more MCP ",
-					h
-				]
-			}), /* @__PURE__ */ l(a, {
-				className: "max-h-72",
-				orientation: "vertical",
-				type: "hover",
-				children: /* @__PURE__ */ l("ul", {
-					className: "flex flex-col py-1",
-					children: o.map((e) => /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(p, {
-						onOpenMcpServer: c ? (e) => {
-							f(!1), c(e);
-						} : void 0,
-						server: e
-					}) }, e.id))
-				})
-			})]
-		})]
+function a({ servers: n, maxVisible: i = 5, overflowLabel: a = "more MCP servers", onOpenMcpServer: s, ...c }) {
+	if (n.length === 0) return null;
+	let l = n.map((e) => ({
+		id: e.id,
+		avatar: /* @__PURE__ */ r(t, {
+			name: e.name,
+			size: "xs",
+			title: e.name,
+			toolkitId: e.toolkitId
+		}),
+		overflowRow: /* @__PURE__ */ r(o, { server: e }),
+		overflowRowLabel: `Open ${e.name} tools`,
+		onSelect: s ? () => s(e.id) : void 0
+	}));
+	return /* @__PURE__ */ r(e, {
+		...c,
+		items: l,
+		maxVisible: i,
+		overflowLabel: a,
+		renderOverflowHeader: (e) => `${e} more MCP ${e === 1 ? "server" : "servers"}`
 	});
 }
-function p({ server: e, onOpenMcpServer: t }) {
-	let n = /* @__PURE__ */ u(c, { children: [
-		/* @__PURE__ */ l(o, {
+function o({ server: e }) {
+	return /* @__PURE__ */ i(n, { children: [
+		/* @__PURE__ */ r(t, {
 			name: e.name,
 			size: "sm",
 			toolkitId: e.toolkitId
 		}),
-		/* @__PURE__ */ l("span", {
+		/* @__PURE__ */ r("span", {
 			className: "min-w-0 flex-1 truncate font-medium capitalize",
 			children: e.name
 		}),
-		e.selectedCount != null && e.total != null ? /* @__PURE__ */ l("span", {
+		e.selectedCount != null && e.total != null ? /* @__PURE__ */ r("span", {
 			className: "shrink-0 text-[10px] text-muted-foreground tabular-nums",
 			children: e.selectedCount === e.total ? `${e.total}` : `${e.selectedCount}/${e.total}`
 		}) : null
 	] });
-	return t ? /* @__PURE__ */ l("button", {
-		"aria-label": `Open ${e.name} tools`,
-		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(e.id),
-		type: "button",
-		children: n
-	}) : /* @__PURE__ */ l("div", {
-		className: "flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs",
-		children: n
-	});
 }
 //#endregion
-export { d as McpServerAvatarStack };
+export { a as McpServerAvatarStack };

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

@@ -2,7 +2,7 @@
 "use client";
 import { cn as e } from "../../../../lib/utils.js";
 import { t } from "../../../../dist-Ber_p4PA.js";
-import { i as n, n as r, r as i, t as a } from "../../../../tooltip-ZIywOFGf.js";
+import { i as n, n as r, r as i, t as a } from "../../../../tooltip-BUR7V5Aa.js";
 import { McpToolkitAvatar as o } from "./toolkit-avatar.js";
 import * as s from "react";
 import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";

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

@@ -1,7 +1,7 @@
 "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 { i as t, n, r, t as i } from "../../../../tooltip-BUR7V5Aa.js";
 import "./constants.js";
 import * as a from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";

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

@@ -0,0 +1,12 @@
+import type * as React from "react";
+export type McpToolRecommendationsState = "on" | "off";
+export type McpToolRecommendationsProps = {
+    state: McpToolRecommendationsState;
+    onToggle?: (checked: boolean) => void;
+} & Omit<React.ComponentProps<"label">, "children" | "onToggle">;
+/**
+ * Presentational Tool Recommendations opt-in for the MCP picker. The whole card
+ * is a `<label>` for the checkbox, so a click anywhere on it toggles.
+ */
+export declare function McpToolRecommendations({ state, onToggle, className, ...rest }: McpToolRecommendationsProps): React.JSX.Element;
+//# sourceMappingURL=tool-recommendations.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tool-recommendations.d.ts","sourceRoot":"","sources":["../../../../../lib/components/ui/molecules/mcp-server-picker/tool-recommendations.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC,MAAM,MAAM,2BAA2B,GAAG,IAAI,GAAG,KAAK,CAAC;AAEvD,MAAM,MAAM,2BAA2B,GAAG;IACxC,KAAK,EAAE,2BAA2B,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,CAAC;AAEjE;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,2BAA2B,qBAoC7B"}

package/dist/components/ui/molecules/mcp-server-picker/{tool-search-band.js → tool-recommendations.js}

@@ -1,20 +1,20 @@
 "use client";
 "use client";
 import { cn as e } from "../../../../lib/utils.js";
-import { t } from "../../../../checkbox-CZViOGvt.js";
+import { t } from "../../../../checkbox-DB9O_Iw9.js";
 import { useId as n } from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region lib/components/ui/molecules/mcp-server-picker/tool-search-band.tsx
+//#region lib/components/ui/molecules/mcp-server-picker/tool-recommendations.tsx
 function a({ state: a, onToggle: o, className: s, ...c }) {
 	let l = a === "on", u = n();
 	return /* @__PURE__ */ i("label", {
 		...c,
 		className: e("flex cursor-pointer items-start gap-3 rounded-lg border px-4 py-3 transition-colors", l ? "border-foreground/20 bg-muted/30" : "border-border/60 bg-muted/10 hover:border-foreground/25", s),
-		"data-slot": "mcp-tool-search-band",
+		"data-slot": "mcp-tool-recommendations",
 		"data-status": a,
 		htmlFor: u,
 		children: [/* @__PURE__ */ r(t, {
-			"aria-label": `Personalized Tool Search ${l ? "on" : "off"}`,
+			"aria-label": `Tool Recommendations ${l ? "on" : "off"}`,
 			checked: l,
 			className: "mt-0.5",
 			id: u,
@@ -23,7 +23,7 @@ function a({ state: a, onToggle: o, className: s, ...c }) {
 			className: "min-w-0",
 			children: [/* @__PURE__ */ r("p", {
 				className: "font-semibold text-[15px] text-foreground leading-5",
-				children: "Personalized Tool Search"
+				children: "Tool Recommendations"
 			}), /* @__PURE__ */ r("p", {
 				className: "mt-1 text-[13px] text-muted-foreground leading-snug",
 				children: "Your agent fetches only the tools relevant to each task, saving tokens and keeping responses focused."
@@ -32,4 +32,4 @@ function a({ state: a, onToggle: o, className: s, ...c }) {
 	});
 }
 //#endregion
-export { a as McpToolSearchBand };
+export { a as McpToolRecommendations };

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

@@ -1,16 +1,16 @@
-import { VariantProps } from 'class-variance-authority';
+import { IconTileProps } from '../../atoms/icon-tile';
 import { ClassProp } from 'class-variance-authority/types';
 import * as React from "react";
-declare const avatarVariants: (props?: ({
-    size?: "xs" | "sm" | "lg" | "md" | null | undefined;
-} & ClassProp) | undefined) => string;
 export type McpToolkitAvatarProps = {
     /** Toolkit display name — used for the letter fallback. */
     name: string;
     /** Toolkit ID — used to look up the brand icon. Omit to force fallback. */
     toolkitId?: string;
-} & VariantProps<typeof avatarVariants> & Omit<React.ComponentProps<"span">, "children">;
+} & Pick<IconTileProps, "size"> & Omit<React.ComponentProps<"span">, "children">;
 declare function McpToolkitAvatarImpl({ name, toolkitId, size, className, ...rest }: McpToolkitAvatarProps): React.JSX.Element;
 export declare const McpToolkitAvatar: React.MemoExoticComponent<typeof McpToolkitAvatarImpl>;
-export { avatarVariants as mcpToolkitAvatarVariants };
+export declare const mcpToolkitAvatarVariants: (props?: ({
+    size?: "xs" | "sm" | "lg" | "md" | "xl" | null | undefined;
+} & ClassProp) | undefined) => string;
+export {};
 //# sourceMappingURL=toolkit-avatar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"toolkit-avatar.d.ts","sourceRoot":"","sources":["../../../../../lib/components/ui/molecules/mcp-server-picker/toolkit-avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA4B/B,QAAA,MAAM,cAAc;;8EAenB,CAAC;AASF,MAAM,MAAM,qBAAqB,GAAG;IAClC,2DAA2D;IAC3D,IAAI,EAAE,MAAM,CAAC;IACb,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,GACrC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,CAAC;AAEjD,iBAAS,oBAAoB,CAAC,EAC5B,IAAI,EACJ,SAAS,EACT,IAAW,EACX,SAAS,EACT,GAAG,IAAI,EACR,EAAE,qBAAqB,qBAsCvB;AAED,eAAO,MAAM,gBAAgB,wDAAmC,CAAC;AACjE,OAAO,EAAE,cAAc,IAAI,wBAAwB,EAAE,CAAC"}
+{"version":3,"file":"toolkit-avatar.d.ts","sourceRoot":"","sources":["../../../../../lib/components/ui/molecules/mcp-server-picker/toolkit-avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,aAAa,EAEnB,MAAM,iCAAiC,CAAC;AA2BzC,MAAM,MAAM,qBAAqB,GAAG;IAClC,2DAA2D;IAC3D,IAAI,EAAE,MAAM,CAAC;IACb,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,GAC7B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,CAAC;AAEjD,iBAAS,oBAAoB,CAAC,EAC5B,IAAI,EACJ,SAAS,EACT,IAAW,EACX,SAAS,EACT,GAAG,IAAI,EACR,EAAE,qBAAqB,qBA8BvB;AAED,eAAO,MAAM,gBAAgB,wDAAmC,CAAC;AACjE,eAAO,MAAM,wBAAwB;;8EAAmB,CAAC"}

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

@@ -1,12 +1,12 @@
 "use client";
 "use client";
 import { cn as e } from "../../../../lib/utils.js";
-import { t } from "../../../../dist-Ber_p4PA.js";
-import { resolveToolkitIcon as n } from "../../../../metadata/toolkit-icons.js";
-import * as r from "react";
-import { jsx as i } from "react/jsx-runtime";
+import { IconTile as t, iconTileVariants as n } from "../../atoms/icon-tile.js";
+import { resolveToolkitIcon as r } from "../../../../metadata/toolkit-icons.js";
+import * as i from "react";
+import { jsx as a } from "react/jsx-runtime";
 //#region lib/components/ui/molecules/mcp-server-picker/toolkit-avatar.tsx
-var a = [
+var o = [
 	"text-brand-text",
 	"text-brand-fuchsia",
 	"text-brand-red",
@@ -14,43 +14,31 @@ var a = [
 	"text-brand-navy",
 	"text-brand-green"
 ];
-function o(e) {
+function s(e) {
 	let t = 0;
 	for (let n of e) t = (t * 31 + n.charCodeAt(0)) % 1000003;
-	return a[t % a.length] ?? a[0];
+	return o[t % o.length] ?? o[0];
 }
-var s = t("inline-flex shrink-0 items-center justify-center font-semibold uppercase", {
-	variants: { size: {
-		xs: "size-4 rounded-sm text-[10px]",
-		sm: "size-5 rounded-sm text-[10px]",
-		md: "size-7 rounded-md text-xs",
-		lg: "size-9 rounded-md text-sm"
-	} },
-	defaultVariants: { size: "md" }
-}), c = {
-	xs: "size-3",
-	sm: "size-3.5",
-	md: "size-4",
-	lg: "size-5"
-};
-function l({ name: t, toolkitId: r, size: a = "md", className: l, ...u }) {
-	let { Icon: d, hasBrandIcon: f } = n(r), p = a ?? "md";
-	return f ? /* @__PURE__ */ i("span", {
-		...u,
+function c({ name: n, toolkitId: i, size: o = "md", className: c, ...l }) {
+	let { Icon: u, hasBrandIcon: d } = r(i);
+	return d ? /* @__PURE__ */ a(t, {
+		...l,
 		"aria-hidden": !0,
-		className: e(s({ size: p }), "bg-muted/40", l),
+		className: c,
 		"data-slot": "mcp-toolkit-avatar",
 		"data-variant": "brand",
-		children: /* @__PURE__ */ i(d, { className: c[p] })
-	}) : /* @__PURE__ */ i("span", {
-		...u,
+		size: o,
+		children: /* @__PURE__ */ a(u, {})
+	}) : /* @__PURE__ */ a(t, {
+		...l,
 		"aria-hidden": !0,
-		className: e(s({ size: p }), "bg-muted/40", o(t), l),
+		className: e(s(n), c),
 		"data-slot": "mcp-toolkit-avatar",
 		"data-variant": "fallback",
-		children: t.charAt(0)
+		size: o,
+		children: n.charAt(0)
 	});
 }
-var u = r.memo(l);
+var l = i.memo(c), u = n;
 //#endregion
-export { u as McpToolkitAvatar, s as mcpToolkitAvatarVariants };
+export { l as McpToolkitAvatar, u as mcpToolkitAvatarVariants };

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/unoptimized-match-card.js

@@ -1,7 +1,7 @@
 "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 { i as t, n, r, t as i } from "../../../../tooltip-BUR7V5Aa.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";
 //#region lib/components/ui/molecules/mcp-server-picker/unoptimized-match-card.tsx

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"}