@arcadeai/design-system 3.46.1 → 3.49.0

package/dist/components/ui/molecules/empty-state.d.ts

@@ -1,7 +1,32 @@
 import type * as React from "react";
-export declare function EmptyState({ title, description, children, ...rest }: {
+export type EmptyStateProps = {
+    /**
+     * Icon component (typically a Lucide icon), rendered inside a tinted circle.
+     * Defaults to a search glyph.
+     */
+    Icon?: React.ComponentType<{
+        className?: string;
+        "aria-hidden"?: true;
+    }>;
+    /** Primary line — short, sentence case. */
     title?: string;
-    description?: string;
+    /** Optional sub-line — longer explanation or hint. */
+    description?: React.ReactNode;
+    /** Optional CTA — typically a button or a card. */
+    action?: React.ReactNode;
+    /**
+     * Wrap the message in a dashed bordered box with a fixed minimum height.
+     * Defaults to `true` for the framed list/table placeholder look. Pass
+     * `false` for inline / contextual empties that should blend with their
+     * surrounding content (e.g. inside a results stream).
+     */
+    bordered?: boolean;
     children?: React.ReactNode;
-} & React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+} & Omit<React.ComponentProps<"div">, "title">;
+/**
+ * Centered empty / zero-result message: tinted icon circle, headline, optional
+ * sub-line, and an optional CTA (via `action` or `children`). Defaults to the
+ * framed list/table placeholder look; pass `bordered={false}` for inline use.
+ */
+export declare function EmptyState({ Icon, title, description, action, bordered, children, className, ...rest }: EmptyStateProps): React.JSX.Element;
 //# sourceMappingURL=empty-state.d.ts.map

package/dist/components/ui/molecules/empty-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/empty-state.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,wBAAgB,UAAU,CAAC,EACzB,KAAoB,EACpB,WAAoD,EACpD,QAAQ,EACR,GAAG,IAAI,EACR,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,qBAoBvC"}
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/empty-state.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,aAAa,CAAC,EAAE,IAAI,CAAA;KAAE,CAAC,CAAC;IACzE,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,mDAAmD;IACnD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;AAE/C;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAa,EACb,KAAoB,EACpB,WAAoD,EACpD,MAAM,EACN,QAAe,EACf,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,eAAe,qBAgCjB"}

package/dist/components/ui/molecules/empty-state.js

@@ -1,28 +1,34 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { Search as n } from "lucide-react";
+import { cn as e } from "../../../lib/utils.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Search as r } from "lucide-react";
 //#region lib/components/ui/molecules/empty-state.tsx
-function r({ title: r = "No results", description: i = "Try adjusting your search or filters", children: a, ...o }) {
-	return /* @__PURE__ */ t("div", {
-		className: "flex h-56 flex-col items-center justify-center gap-4 rounded-xl border-2 border-gray-200 border-dashed bg-gray-50/50 text-center dark:border-gray-800 dark:bg-gray-900/50",
-		...o,
+function i({ Icon: i = r, title: a = "No results", description: o = "Try adjusting your search or filters", action: s, bordered: c = !0, children: l, className: u, ...d }) {
+	return /* @__PURE__ */ n("div", {
+		className: e("flex flex-col items-center gap-3 px-4 py-12 text-center", c && "h-56 justify-center gap-4 rounded-xl border-2 border-border border-dashed bg-muted/30", u),
+		"data-slot": "empty-state",
+		...d,
 		children: [
-			/* @__PURE__ */ e("div", {
-				className: "flex h-16 w-16 items-center justify-center rounded-full bg-gray-100 dark:bg-gray-800",
-				children: /* @__PURE__ */ e(n, { className: "h-8 w-8 text-gray-400" })
+			/* @__PURE__ */ t("span", {
+				className: e("flex items-center justify-center rounded-full bg-muted/50 text-muted-foreground", c ? "size-14" : "size-10"),
+				children: /* @__PURE__ */ t(i, {
+					"aria-hidden": !0,
+					className: "size-5"
+				})
 			}),
-			/* @__PURE__ */ t("div", {
+			/* @__PURE__ */ n("div", {
 				className: "space-y-1",
-				children: [/* @__PURE__ */ e("h3", {
-					className: "font-semibold text-gray-900 text-lg dark:text-gray-100",
-					children: r
-				}), /* @__PURE__ */ e("p", {
-					className: "text-gray-600 text-sm dark:text-gray-400",
-					children: i
-				})]
+				children: [/* @__PURE__ */ t("h3", {
+					className: "font-medium text-sm",
+					children: a
+				}), o ? /* @__PURE__ */ t("p", {
+					className: "max-w-sm text-muted-foreground text-sm",
+					children: o
+				}) : null]
 			}),
-			a
+			s,
+			l
 		]
 	});
 }
 //#endregion
-export { r as EmptyState };
+export { i as EmptyState };

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

@@ -14,11 +14,43 @@ export type { ErrorStateProps } from './error-state';
 export { ErrorState } from './error-state';
 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';
+export { McpReviewCountChip } from './mcp-server-picker/review-count-chip';
+export type { McpSearchScope, McpSearchScopeTabsProps, } from './mcp-server-picker/search-scope-tabs';
+export { McpSearchScopeTabs } from './mcp-server-picker/search-scope-tabs';
+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 { 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 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 { 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';
+export { McpToolkitChip } from './mcp-server-picker/toolkit-chip';
+export type { McpToolkitGroupHeaderProps } from './mcp-server-picker/toolkit-group-header';
+export { McpToolkitGroupHeader } from './mcp-server-picker/toolkit-group-header';
+export type { McpUnoptimizedCalloutProps } from './mcp-server-picker/unoptimized-callout';
+export { McpUnoptimizedCallout } from './mcp-server-picker/unoptimized-callout';
 export type { MessageActionProps, MessageActionsProps, MessageAvatarProps, MessageContentProps, MessageProps, } from './message';
 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 { RequirementBadges } from './requirement-badges';
+export type { ScrollFadeAreaProps } from './scroll-fade-area';
+export { ScrollFadeArea } from './scroll-fade-area';
 export type { Step, StepStatus, StepsProgressProps } from './steps-progress';
 export { StepsProgress } from './steps-progress';
 export type { SuggestionCardProps, SuggestionCardSkeletonProps, } from './suggestion-card';

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

@@ -8,13 +8,29 @@ 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 { PromptInput as v, PromptInputAction as y, PromptInputActions as b, PromptInputTextarea as x } from "./prompt-input.js";
-import { r as S, t as C } from "../../../ui-BaLLCKkd.js";
-import { StepsProgress as w } from "./steps-progress.js";
-import { SuggestionCard as T, SuggestionCardSkeleton as E } from "./suggestion-card.js";
-import { TagsInput as D, TagsInputValue as O } from "./tags-input.js";
-import { ToolAuthorization as k, ToolAuthorizationArgs as A, ToolAuthorizationContent as j, ToolAuthorizationHeader as M, ToolAuthorizationMessage as N } from "./tool-authorization.js";
-import { ToolCallAccordion as P, ToolCallAccordionContent as F, ToolCallAccordionItem as I, ToolCallAccordionTrigger as L } from "./tool-call-accordion.js";
-import { ToolCard as R } from "./tool-card.js";
-import { UserNav as z } 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, n as Message, r as MessageAction, i as MessageActions, a as MessageAvatar, o as MessageContent, v as PromptInput, y as PromptInputAction, b as PromptInputActions, x as PromptInputTextarea, S as RequirementBadges, w as StepsProgress, T as SuggestionCard, E as SuggestionCardSkeleton, D as TagsInput, O as TagsInputValue, k as ToolAuthorization, A as ToolAuthorizationArgs, j as ToolAuthorizationContent, M as ToolAuthorizationHeader, N as ToolAuthorizationMessage, P as ToolCallAccordion, F as ToolCallAccordionContent, I as ToolCallAccordionItem, L as ToolCallAccordionTrigger, R as ToolCard, C as ToolkitCard, z as UserNav };
+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 { McpUnoptimizedCallout as I } from "./mcp-server-picker/unoptimized-callout.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-BaLLCKkd.js";
+import { ScrollFadeArea as U } from "./scroll-fade-area.js";
+import { StepsProgress as W } from "./steps-progress.js";
+import { SuggestionCard as G, SuggestionCardSkeleton as K } from "./suggestion-card.js";
+import { TagsInput as q, TagsInputValue as J } from "./tags-input.js";
+import { ToolAuthorization as Y, ToolAuthorizationArgs as X, ToolAuthorizationContent as Z, ToolAuthorizationHeader as Q, ToolAuthorizationMessage as $ } from "./tool-authorization.js";
+import { ToolCallAccordion as ee, ToolCallAccordionContent as te, ToolCallAccordionItem as ne, ToolCallAccordionTrigger as re } from "./tool-call-accordion.js";
+import { ToolCard as ie } from "./tool-card.js";
+import { UserNav as ae } 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 McpUnoptimizedCallout, 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 ScrollFadeArea, W as StepsProgress, G as SuggestionCard, K as SuggestionCardSkeleton, q as TagsInput, J as TagsInputValue, Y as ToolAuthorization, X as ToolAuthorizationArgs, Z as ToolAuthorizationContent, Q as ToolAuthorizationHeader, $ as ToolAuthorizationMessage, ee as ToolCallAccordion, te as ToolCallAccordionContent, ne as ToolCallAccordionItem, re as ToolCallAccordionTrigger, ie as ToolCard, H as ToolkitCard, ae as UserNav, j as mcpServerCardShellVariants, O as mcpToolkitAvatarVariants };

package/dist/components/ui/molecules/mcp-server-picker/category-filter-menu.d.ts

@@ -0,0 +1,31 @@
+import { McpCategoryFilterOption } from './category-filter';
+import type * as React from "react";
+export type McpCategoryFilterMenuProps = {
+    categories: McpCategoryFilterOption[];
+    /**
+     * Currently selected category ids. Multi-select: an empty array means no
+     * filter (show everything).
+     */
+    selectedCategories: string[];
+    onSelectionChange?: (ids: string[]) => void;
+    /** Trigger label shown next to the filter icon. Defaults to "Category". */
+    label?: string;
+    /**
+     * Renders a search field at the top of the menu that filters the category
+     * list by label. On by default; pass `false` for short lists.
+     */
+    searchable?: boolean;
+    /** Placeholder for the search field. Only used when `searchable`. */
+    searchPlaceholder?: string;
+} & Omit<React.ComponentProps<"div">, "onChange">;
+/**
+ * Compact alternative to {@link McpCategoryFilter}: instead of laying every
+ * category out as an inline chip row, it collapses them behind a single
+ * filter-icon trigger. The trigger lights up and shows a count once any
+ * category is active, and the categories live as multi-select checkboxes inside
+ * the menu — handy when the toolbar is tight on space or the category list is
+ * long. Pass `searchable` to add an in-menu search field for long lists. Same
+ * selection contract as `McpCategoryFilter`, so it's a drop-in swap.
+ */
+export declare function McpCategoryFilterMenu({ categories, selectedCategories, onSelectionChange, label, searchable, searchPlaceholder, className, ...rest }: McpCategoryFilterMenuProps): React.JSX.Element;
+//# sourceMappingURL=category-filter-menu.d.ts.map

package/dist/components/ui/molecules/mcp-server-picker/category-filter-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"category-filter-menu.d.ts","sourceRoot":"","sources":["../../../../../lib/components/ui/molecules/mcp-server-picker/category-filter-menu.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAepC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAEjE,MAAM,MAAM,0BAA0B,GAAG;IACvC,UAAU,EAAE,uBAAuB,EAAE,CAAC;IACtC;;;OAGG;IACH,kBAAkB,EAAE,MAAM,EAAE,CAAC;IAC7B,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5C,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAElD;;;;;;;;GAQG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,UAAU,EACV,kBAAkB,EAClB,iBAAiB,EACjB,KAAkB,EAClB,UAAiB,EACjB,iBAAwC,EACxC,SAAS,EACT,GAAG,IAAI,EACR,EAAE,0BAA0B,qBAsK5B"}

package/dist/components/ui/molecules/mcp-server-picker/category-filter-menu.js

@@ -0,0 +1,106 @@
+"use client";
+"use client";
+import { cn as e } from "../../../../lib/utils.js";
+import { t } from "../../../../button-BNOmhdpM.js";
+import { a as n, h as r, n as i, o as a, r as o, t as s, u as c } from "../../../../dropdown-menu-dsg43mOw.js";
+import { FilterChip as l } from "../../atoms/filter-chip.js";
+import { t as u } from "../../../../input-CSc-AfAa.js";
+import { useRef as d, useState as f } from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { ChevronDown as g, FilterIcon as _, RotateCcw as v, Search as y, X as b } from "lucide-react";
+//#region lib/components/ui/molecules/mcp-server-picker/category-filter-menu.tsx
+function x({ categories: x, selectedCategories: S, onSelectionChange: C, label: w = "Category", searchable: T = !0, searchPlaceholder: E = "Search categories…", className: D, ...O }) {
+	let [k, A] = f(""), j = d(null), M = S.length, N = M > 0, P = (e, t) => {
+		let n = t ? [...new Set([...S, e])] : S.filter((t) => t !== e);
+		C?.(n);
+	}, F = M === 0 ? w : M === 1 ? x.find((e) => e.id === S[0])?.label ?? w : `${M} selected`, I = k.trim().toLowerCase(), L = T && I ? x.filter((e) => e.label.toLowerCase().includes(I)) : x;
+	return /* @__PURE__ */ m("div", {
+		...O,
+		className: e("min-w-0", D),
+		"data-slot": "mcp-category-filter-menu",
+		children: /* @__PURE__ */ h(s, {
+			onOpenChange: (e) => {
+				e ? T && requestAnimationFrame(() => j.current?.focus()) : A("");
+			},
+			children: [/* @__PURE__ */ h(r, {
+				render: /* @__PURE__ */ m(l, {
+					className: "group/trigger h-9 gap-1.5 rounded-md data-[status=selected]:border-primary/30 data-[status=unselected]:border-border data-[status=selected]:bg-muted/30 data-[status=selected]:text-foreground data-[status=unselected]:text-foreground/80 data-[status=unselected]:hover:bg-muted/40 data-[status=unselected]:hover:text-foreground",
+					"data-slot": "mcp-category-filter-menu-trigger",
+					selected: N,
+					size: "lg"
+				}),
+				children: [
+					/* @__PURE__ */ m(_, { className: "size-3.5 shrink-0" }),
+					/* @__PURE__ */ m("span", {
+						className: "max-w-[12rem] truncate",
+						children: F
+					}),
+					/* @__PURE__ */ m(g, { className: "ml-0.5 size-3.5 shrink-0 opacity-60 transition-transform duration-150 ease-out group-data-[popup-open]/trigger:rotate-180" })
+				]
+			}), /* @__PURE__ */ h(o, {
+				align: "start",
+				className: "w-60 p-1.5",
+				sideOffset: 8,
+				children: [
+					T ? /* @__PURE__ */ h("div", {
+						className: "-mx-1.5 -mt-1.5 mb-1 flex items-center gap-2 border-border/70 border-b px-3",
+						children: [
+							/* @__PURE__ */ m(y, { className: "size-4 shrink-0 text-muted-foreground" }),
+							/* @__PURE__ */ m(u, {
+								className: "h-10 flex-1 rounded-none border-0 bg-transparent px-0 shadow-none focus-visible:ring-0 dark:bg-transparent",
+								"data-slot": "mcp-category-filter-menu-search",
+								onChange: (e) => A(e.target.value),
+								onKeyDown: (e) => {
+									(e.key.length === 1 || e.key === "Backspace" || e.key === "Delete") && e.stopPropagation();
+								},
+								placeholder: E,
+								ref: j,
+								value: k
+							}),
+							k ? /* @__PURE__ */ m(t, {
+								"aria-label": "Clear search",
+								className: "size-6 shrink-0 rounded-full text-muted-foreground hover:text-foreground",
+								onClick: () => A(""),
+								size: "icon-xs",
+								variant: "ghost",
+								children: /* @__PURE__ */ m(b, { className: "size-3.5" })
+							}) : null
+						]
+					}) : /* @__PURE__ */ h("div", {
+						className: "flex items-center justify-between gap-2 px-1.5 pt-0.5 pb-1.5",
+						children: [/* @__PURE__ */ m(a, {
+							className: "p-0",
+							children: "Filter by category"
+						}), N ? /* @__PURE__ */ h("span", {
+							className: "rounded-full bg-muted px-1.5 py-0.5 font-medium text-[10px] text-muted-foreground tabular-nums",
+							"data-slot": "mcp-category-filter-menu-selected-count",
+							children: [M, " selected"]
+						}) : null]
+					}),
+					L.length === 0 ? /* @__PURE__ */ m("p", {
+						className: "px-2 py-6 text-center text-muted-foreground text-sm",
+						children: "No categories found"
+					}) : L.map(({ id: e, label: t, count: n }) => /* @__PURE__ */ h(i, {
+						checked: S.includes(e),
+						className: "group/item pr-2 pl-8 data-[checked]:font-medium data-[checked]:text-foreground [&>[data-slot=dropdown-menu-checkbox-item-indicator]]:right-auto [&>[data-slot=dropdown-menu-checkbox-item-indicator]]:left-2",
+						onCheckedChange: (t) => P(e, t),
+						children: [/* @__PURE__ */ m("span", {
+							className: "truncate",
+							children: t
+						}), typeof n == "number" ? /* @__PURE__ */ m("span", {
+							className: "ml-auto grid h-[18px] min-w-[18px] place-items-center rounded bg-muted px-1 font-medium text-[11px] text-foreground tabular-nums leading-none group-focus/item:bg-accent-foreground/15",
+							children: n
+						}) : null]
+					}, e)),
+					N ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(c, {}), /* @__PURE__ */ h(n, {
+						className: "text-muted-foreground",
+						onClick: () => C?.([]),
+						children: [/* @__PURE__ */ m(v, { className: "size-3.5" }), "Clear filters"]
+					})] }) : null
+				]
+			})]
+		})
+	});
+}
+//#endregion
+export { x as McpCategoryFilterMenu };

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

@@ -0,0 +1,18 @@
+import type * as React from "react";
+export type McpCategoryFilterOption = {
+    id: string;
+    label: string;
+    count?: number;
+};
+export type McpCategoryFilterProps = {
+    categories: McpCategoryFilterOption[];
+    /**
+     * Currently selected category ids. Multi-select: an empty array means no
+     * filter (show everything). The consumer owns the "clear"/"all" affordance —
+     * this component renders only the categories it's given.
+     */
+    selectedCategories: string[];
+    onSelectionChange?: (ids: string[]) => void;
+} & Omit<React.ComponentProps<"div">, "onChange">;
+export declare function McpCategoryFilter({ categories, selectedCategories, onSelectionChange, className, ...rest }: McpCategoryFilterProps): React.JSX.Element;
+//# sourceMappingURL=category-filter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"category-filter.d.ts","sourceRoot":"","sources":["../../../../../lib/components/ui/molecules/mcp-server-picker/category-filter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAQpC,MAAM,MAAM,uBAAuB,GAAG;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,UAAU,EAAE,uBAAuB,EAAE,CAAC;IACtC;;;;OAIG;IACH,kBAAkB,EAAE,MAAM,EAAE,CAAC;IAC7B,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC7C,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAElD,wBAAgB,iBAAiB,CAAC,EAChC,UAAU,EACV,kBAAkB,EAClB,iBAAiB,EACjB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,sBAAsB,qBA6BxB"}

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

@@ -0,0 +1,34 @@
+"use client";
+"use client";
+import { cn as e } from "../../../../lib/utils.js";
+import { n as t, t as n } from "../../../../toggle-group-CDYMBO0F.js";
+import { useScrollFade as r } from "../../../../hooks/use-scroll-fade.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region lib/components/ui/molecules/mcp-server-picker/category-filter.tsx
+function o({ categories: o, selectedCategories: s, onSelectionChange: c, className: l, ...u }) {
+	let d = r("x");
+	return /* @__PURE__ */ i("div", {
+		...u,
+		className: e("min-w-0 overflow-hidden", l),
+		"data-slot": "mcp-category-filter",
+		children: /* @__PURE__ */ i(n, {
+			className: "flex-nowrap overflow-x-auto p-0.5 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
+			multiple: !0,
+			onScroll: d.onScroll,
+			onValueChange: (e) => c?.(e),
+			ref: d.ref,
+			style: d.style,
+			value: s,
+			children: o.map(({ id: e, label: n, count: r }) => /* @__PURE__ */ a(t, {
+				size: "md",
+				value: e,
+				children: [n, typeof r == "number" ? /* @__PURE__ */ i("span", {
+					className: "tabular-nums opacity-70",
+					children: r
+				}) : null]
+			}, e))
+		})
+	});
+}
+//#endregion
+export { o as McpCategoryFilter };

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

@@ -0,0 +1,53 @@
+import type * as React from "react";
+export type McpRecommendedMcpServer = {
+    /** Stable React key — typically the MCP server name or id. */
+    id: string;
+    /** MCP server display name. */
+    name: string;
+    /**
+     * Branded-icon lookup key passed through to `McpToolkitAvatar` — names the
+     * key in the icon registry, matching the avatar's own prop.
+     */
+    toolkitId?: string;
+    /** Total tools selected from this MCP server. */
+    selectedCount?: number;
+    /** Total tools the MCP server exposes (for the partial fraction). */
+    total?: number;
+};
+export type McpRecommendedToolkitsChipProps = {
+    /**
+     * The recommended MCP servers grouped into this chip. The chip renders a
+     * fixed "Recommended tools" label with the count; the popover scrolls
+     * through the full list.
+     */
+    mcpServers: McpRecommendedMcpServer[];
+    /**
+     * The grouped review pane is currently filtered to recommended. Adds an
+     * external ring so the active state reads at a glance.
+     */
+    active?: boolean;
+    /**
+     * Open the grouped selected-tools view, scoped to the recommended set.
+     * Triggered by clicking the chip body (outside the trailing ×).
+     */
+    onReview?: () => void;
+    /**
+     * Open this MCP server's tools to adjust the selection. Triggered from the
+     * popover list rows.
+     */
+    onOpenMcpServer?: (id: string) => void;
+    /** Remove all recommended MCP servers at once. */
+    onRemove?: () => void;
+} & Omit<React.ComponentProps<"div">, "children" | "onRemove">;
+/**
+ * Single grouped chip that stands in for the per-server "Recommended" chips
+ * in the selection summary bar. The body opens the grouped review pane
+ * filtered to recommended; the trailing × removes the whole recommended set
+ * in one click; clicking the count opens a popover scrolling through every
+ * recommended server so the user can drill into one without leaving the bar.
+ *
+ * The chip is branded with Arcade's "A" badge so it reads as "curated by
+ * Arcade" at a glance — visually distinct from per-server toolkit chips.
+ */
+export declare function McpRecommendedToolkitsChip({ mcpServers, active, onReview, onOpenMcpServer, onRemove, className, ...rest }: McpRecommendedToolkitsChipProps): React.JSX.Element;
+//# sourceMappingURL=recommended-toolkits-chip.d.ts.map

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

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

package/dist/components/ui/molecules/mcp-server-picker/recommended-toolkits-chip.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-CXSOUeVQ.js";
+import { Arcade as a } from "../../atoms/icons/arcade.js";
+import { RemovableChip as o, RemovableChipButton as s } from "../../atoms/removable-chip.js";
+import { t as c } from "../../../../scroll-area-53KPfESS.js";
+import { McpToolkitAvatar as l } from "./toolkit-avatar.js";
+import { useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region lib/components/ui/molecules/mcp-server-picker/recommended-toolkits-chip.tsx
+function p({ className: t }) {
+	return /* @__PURE__ */ d("span", {
+		"aria-hidden": !0,
+		className: e("inline-flex size-4 shrink-0 items-center justify-center rounded-[4px] bg-brand-navy text-white", t),
+		"data-slot": "mcp-recommended-toolkits-chip-badge",
+		children: /* @__PURE__ */ d(a, { className: "size-2.5" })
+	});
+}
+function m({ mcpServers: a, active: m = !1, onReview: h, onOpenMcpServer: g, onRemove: _, className: v, ...y }) {
+	let [b, x] = u(!1), S = a.length, C = S === 1 ? "server" : "servers", w = `Review ${S} recommended ${C}`, T = `Show ${S} recommended ${C}`, E = `Remove all ${S} recommended ${C}`;
+	return /* @__PURE__ */ f(o, {
+		...y,
+		active: m,
+		className: e(m ? "bg-brand-navy/15 ring-brand-navy/40" : null, v),
+		"data-slot": "mcp-recommended-toolkits-chip",
+		"data-status": m ? "open" : "closed",
+		onRemove: _,
+		removeLabel: E,
+		children: [/* @__PURE__ */ f(s, {
+			"aria-label": w,
+			className: "pr-1.5 font-medium",
+			onClick: h,
+			title: w,
+			children: [/* @__PURE__ */ d(p, {}), /* @__PURE__ */ d("span", { children: "Recommended tools" })]
+		}), /* @__PURE__ */ f(i, {
+			onOpenChange: x,
+			open: b,
+			children: [/* @__PURE__ */ d(r, {
+				"aria-label": T,
+				className: "inline-flex cursor-pointer items-center gap-1 py-1 pr-1.5 pl-1 text-muted-foreground transition-[background-color,color] duration-[var(--duration-fast)] ease-[var(--ease-smooth)] hover:bg-foreground/10 hover:text-foreground focus-visible:bg-foreground/10 focus-visible:outline-none motion-reduce:transition-colors",
+				title: T,
+				type: "button",
+				children: /* @__PURE__ */ d("span", {
+					className: "rounded-full bg-muted px-1.5 py-0.5 text-[10px] text-foreground tabular-nums",
+					children: S
+				})
+			}), /* @__PURE__ */ f(n, {
+				align: "start",
+				className: "w-64 gap-0 p-0",
+				sideOffset: 6,
+				children: [/* @__PURE__ */ f(t, {
+					className: "flex items-center gap-2 px-3 pt-2.5 pb-1.5 font-medium text-foreground text-xs",
+					children: [/* @__PURE__ */ d(p, {}), /* @__PURE__ */ d("span", { children: "Recommended by Arcade" })]
+				}), /* @__PURE__ */ d(c, {
+					className: "max-h-72",
+					orientation: "vertical",
+					type: "hover",
+					children: /* @__PURE__ */ d("ul", {
+						className: "flex flex-col py-1",
+						children: a.map(({ id: e, name: t, toolkitId: n, selectedCount: r, total: i }) => /* @__PURE__ */ d("li", { children: /* @__PURE__ */ f("button", {
+							"aria-label": `Open ${t} 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: () => {
+								x(!1), g?.(e);
+							},
+							type: "button",
+							children: [
+								/* @__PURE__ */ d(l, {
+									name: t,
+									size: "sm",
+									toolkitId: n
+								}),
+								/* @__PURE__ */ d("span", {
+									className: "min-w-0 flex-1 truncate font-medium capitalize",
+									children: t
+								}),
+								r != null && i != null ? /* @__PURE__ */ d("span", {
+									className: "shrink-0 text-[10px] text-muted-foreground tabular-nums",
+									children: r === i ? `${i}` : `${r}/${i}`
+								}) : null
+							]
+						}) }, e))
+					})
+				})]
+			})]
+		})]
+	});
+}
+//#endregion
+export { m as McpRecommendedToolkitsChip };

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

@@ -0,0 +1,52 @@
+import type * as React from "react";
+export type McpRecommendedToolsState = "on" | "off";
+export type McpRecommendedToolsCalloutProps = {
+    state: McpRecommendedToolsState;
+    onToggle?: (checked: boolean) => void;
+} & Omit<React.ComponentProps<"div">, "children" | "onToggle">;
+/**
+ * Inline explainer + on/off switch for the curated "Recommended tools" set.
+ * Renders with the shared flat `McpSectionCallout` layout (no card chrome) so
+ * it reads as part of the results stream rather than a competing surface. The
+ * switch sits right next to the title — close enough that the eye reads them as
+ * one control — over a short paragraph explaining what's in the set.
+ */
+export declare function McpRecommendedToolsCallout({ state, onToggle, ...rest }: McpRecommendedToolsCalloutProps): React.JSX.Element;
+export type McpRecommendedToolsDeactivateDialogProps = {
+    open: boolean;
+    /** Tools currently selected — surfaced in the "Keep" option's copy. */
+    selectedCount?: number;
+    /** Opt out but keep the current selection (no future auto-updates). */
+    onKeep: () => void;
+    /** Opt out and remove the recommended tools to start from scratch. */
+    onClear: () => void;
+    /** Dismiss without changing anything. */
+    onCancel: () => void;
+};
+/**
+ * Shown when the user turns Recommended tools off. Rather than a blind confirm,
+ * it offers the two meaningfully-different outcomes as labelled choices: keep
+ * the current tools as a self-managed set, or clear them and start fresh.
+ */
+export declare function McpRecommendedToolsDeactivateDialog({ open, selectedCount, onKeep, onClear, onCancel, }: McpRecommendedToolsDeactivateDialogProps): React.JSX.Element;
+/**
+ * The action that prompted a recommended-tools opt-out confirmation. Drives the
+ * dialog's copy so the warning matches what the user is about to remove.
+ */
+export type McpRecommendedToolsOptOutKind = "remove-tool" | "remove-server" | "clear-all";
+export type McpRecommendedToolsOptOutDialogProps = {
+    /** Which action is being confirmed — selects the dialog's copy. */
+    kind: McpRecommendedToolsOptOutKind;
+    open: boolean;
+    /** Proceed with the action that removes recommended tools. */
+    onConfirm: () => void;
+    /** Dismiss without removing anything. */
+    onCancel: () => void;
+};
+/**
+ * Confirmation shown before an action would drop tools from the recommended
+ * set — so opting out of curated tools is always deliberate. The copy adapts to
+ * the triggering action (remove a tool/server, or clear all).
+ */
+export declare function McpRecommendedToolsOptOutDialog({ kind, open, onConfirm, onCancel, }: McpRecommendedToolsOptOutDialogProps): React.JSX.Element;
+//# sourceMappingURL=recommended-tools.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"recommended-tools.d.ts","sourceRoot":"","sources":["../../../../../lib/components/ui/molecules/mcp-server-picker/recommended-tools.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAepC,MAAM,MAAM,wBAAwB,GAAG,IAAI,GAAG,KAAK,CAAC;AAIpD,MAAM,MAAM,+BAA+B,GAAG;IAC5C,KAAK,EAAE,wBAAwB,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,CAAC;AAE/D;;;;;;GAMG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,+BAA+B,qBA6BjC;AAID,MAAM,MAAM,wCAAwC,GAAG;IACrD,IAAI,EAAE,OAAO,CAAC;IACd,uEAAuE;IACvE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uEAAuE;IACvE,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,sEAAsE;IACtE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,yCAAyC;IACzC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,mCAAmC,CAAC,EAClD,IAAI,EACJ,aAAa,EACb,MAAM,EACN,OAAO,EACP,QAAQ,GACT,EAAE,wCAAwC,qBAsC1C;AAyCD;;;GAGG;AACH,MAAM,MAAM,6BAA6B,GACrC,aAAa,GACb,eAAe,GACf,WAAW,CAAC;AA0BhB,MAAM,MAAM,oCAAoC,GAAG;IACjD,mEAAmE;IACnE,IAAI,EAAE,6BAA6B,CAAC;IACpC,IAAI,EAAE,OAAO,CAAC;IACd,8DAA8D;IAC9D,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,yCAAyC;IACzC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,+BAA+B,CAAC,EAC9C,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,QAAQ,GACT,EAAE,oCAAoC,qBA4BtC"}