@arcadeai/design-system 3.27.4 → 3.27.6

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

@@ -1,6 +1,6 @@
 import { DateTimePicker as e } from "./date-time-picker.js";
 import { EmptyState as m } from "./empty-state.js";
-import { R as a, T as p } from "../../../toolkit-card-D6Dqff6p.js";
+import { R as a, T as p } from "../../../toolkit-card-DaoEIG0R.js";
 import { ToolCard as f } from "./tool-card.js";
 import { ToolkitPickerTrigger as k } from "./toolkit-picker-trigger.js";
 import { ToolkitSelectionSummary as c } from "./toolkit-selection-summary.js";

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

@@ -11,7 +11,7 @@ import "../../../react-resizable-panels.browser-DYl0LXfw.js";
 import "../atoms/sidebar.js";
 import "../atoms/tooltip.js";
 import "./date-time-picker.js";
-import { O as q, R as x, S as A } from "../../../toolkit-card-D6Dqff6p.js";
+import { O as q, R as x, S as A } from "../../../toolkit-card-DaoEIG0R.js";
 import "./tool-card.js";
 import "../../../metadata/oauth-providers.js";
 import "../../../metadata/toolkits.js";

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

@@ -6,7 +6,7 @@ import "../../../utils-6KgZuQUR.js";
 import "../../../index-r7CUvu2m.js";
 import "lucide-react";
 import "react";
-import { T as k } from "../../../toolkit-card-D6Dqff6p.js";
+import { T as k } from "../../../toolkit-card-DaoEIG0R.js";
 import "../utils/memo.js";
 export {
   k as ToolkitCard

package/dist/components/ui/molecules/toolkit-picker-trigger.js

@@ -1,53 +1,53 @@
 import { jsx as e, jsxs as t, Fragment as h } from "react/jsx-runtime";
-import { Badge as v } from "../atoms/badge.js";
+import { Badge as T } from "../atoms/badge.js";
 import { Button as w } from "../atoms/button.js";
-import { Tooltip as y, TooltipTrigger as z, TooltipContent as j } from "../atoms/tooltip.js";
+import { Tooltip as C, TooltipTrigger as y, TooltipContent as z } from "../atoms/tooltip.js";
 import { c as g } from "../../../utils-6KgZuQUR.js";
-import { getToolkitIcon as C } from "../../../metadata/toolkit-icons.js";
-import { Loader2 as $, Package as L } from "lucide-react";
-import { useToolkitPicker as B } from "../organisms/toolkit-picker/hooks/use-toolkit-picker.js";
+import { getToolkitIcon as M } from "../../../metadata/toolkit-icons.js";
+import { Loader2 as P, Package as S } from "lucide-react";
+import { useToolkitPicker as j } from "../organisms/toolkit-picker/hooks/use-toolkit-picker.js";
 function D({
   maxVisibleIcons: k = 2,
   className: b,
   countType: s = "toolkits",
-  loading: o = !1,
-  ...n
+  loading: n = !1,
+  ...i
 }) {
   const {
     state: { committedToolkits: f, committedTools: N }
-  } = B(), i = Array.from(f.keys()), l = i.length, x = N.size, c = i.slice(0, k).map((r) => {
-    const a = f.get(r);
-    return C(a?.metadata?.id);
-  }), p = Math.max(l - c.length, 0), T = s === "tools";
-  let d = "Toolkits", m = l;
-  T && (d = "Tools", m = x);
-  let u = `Select ${s === "tools" ? "Tools" : "Toolkits"}`;
-  return o ? u = "Loading toolkits..." : l > 0 && (u = `${m} ${d.toLowerCase()} selected`), /* @__PURE__ */ e(
+  } = j(), o = Array.from(f.keys()), l = o.length, x = N.size, c = o.slice(0, k).map((a) => {
+    const r = f.get(a);
+    return M(r?.metadata?.id);
+  }), p = Math.max(l - c.length, 0), v = s === "tools";
+  let d = "MCP Servers", m = l;
+  v && (d = "Tools", m = x);
+  let u = `Select ${s === "tools" ? "Tools" : "MCP Servers"}`;
+  return n ? u = "Loading MCP servers..." : l > 0 && (u = `${m} ${d.toLowerCase()} selected`), /* @__PURE__ */ e(
     w,
     {
-      ...n,
+      ...i,
       "aria-label": u,
       className: g("gap-2 bg-transparent transition-colors", b),
-      disabled: o,
-      size: n.size ?? "sm",
-      variant: n.variant ?? "outline",
-      children: o ? /* @__PURE__ */ t(h, { children: [
-        /* @__PURE__ */ e($, { className: "h-4 w-4 animate-spin" }),
+      disabled: n,
+      size: i.size ?? "sm",
+      variant: i.variant ?? "outline",
+      children: n ? /* @__PURE__ */ t(h, { children: [
+        /* @__PURE__ */ e(P, { className: "h-4 w-4 animate-spin" }),
         /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ e("div", { className: "h-4 w-16 animate-pulse rounded bg-neutral-200 dark:bg-neutral-700" }),
           /* @__PURE__ */ e("div", { className: "h-5 w-6 animate-pulse rounded-full bg-neutral-200 dark:bg-neutral-700" })
         ] })
       ] }) : /* @__PURE__ */ t(h, { children: [
-        l > 0 && /* @__PURE__ */ t(y, { children: [
-          /* @__PURE__ */ e(z, { asChild: !0, children: /* @__PURE__ */ t("span", { className: "mr-2 flex items-center", children: [
-            c.map((r, a) => /* @__PURE__ */ e(
+        l > 0 && /* @__PURE__ */ t(C, { children: [
+          /* @__PURE__ */ e(y, { asChild: !0, children: /* @__PURE__ */ t("span", { className: "mr-2 flex items-center", children: [
+            c.map((a, r) => /* @__PURE__ */ e(
               "div",
               {
-                className: g("relative first:ml-0", a > 0 && "-ml-2"),
-                style: { zIndex: a + 1 },
-                children: /* @__PURE__ */ e("div", { className: "flex size-6 items-center justify-center rounded-xl bg-gradient-to-br from-white to-neutral-50 p-1.5 shadow-lg ring-1 ring-neutral-200/80 transition-all hover:scale-110 hover:shadow-xl dark:from-neutral-800 dark:to-neutral-900 dark:ring-neutral-700/80", children: /* @__PURE__ */ e(r, { className: "h-3 w-3 text-neutral-700 dark:text-neutral-300" }) })
+                className: g("relative first:ml-0", r > 0 && "-ml-2"),
+                style: { zIndex: r + 1 },
+                children: /* @__PURE__ */ e("div", { className: "flex size-6 items-center justify-center rounded-xl bg-gradient-to-br from-white to-neutral-50 p-1.5 shadow-lg ring-1 ring-neutral-200/80 transition-all hover:scale-110 hover:shadow-xl dark:from-neutral-800 dark:to-neutral-900 dark:ring-neutral-700/80", children: /* @__PURE__ */ e(a, { className: "h-3 w-3 text-neutral-700 dark:text-neutral-300" }) })
               },
-              `${r.name || "icon"}-${a}`
+              `${a.name || "icon"}-${r}`
             )),
             p > 0 && /* @__PURE__ */ t(
               "span",
@@ -61,12 +61,12 @@ function D({
               }
             )
           ] }) }),
-          /* @__PURE__ */ e(j, { side: "bottom", sideOffset: 6, children: /* @__PURE__ */ e("div", { className: "text-xs", children: /* @__PURE__ */ t("ul", { className: "list-disc space-y-1 pl-4", children: [
+          /* @__PURE__ */ e(z, { side: "bottom", sideOffset: 6, children: /* @__PURE__ */ e("div", { className: "text-xs", children: /* @__PURE__ */ t("ul", { className: "list-disc space-y-1 pl-4", children: [
             /* @__PURE__ */ t("li", { children: [
-              /* @__PURE__ */ e("span", { className: "font-semibold text-neutral-800 dark:text-neutral-200", children: "Toolkits" }),
+              /* @__PURE__ */ e("span", { className: "font-semibold text-neutral-800 dark:text-neutral-200", children: "MCP Servers" }),
               /* @__PURE__ */ t("span", { className: "text-neutral-700 dark:text-neutral-300", children: [
                 ": ",
-                i.join(", ")
+                o.join(", ")
               ] })
             ] }),
             /* @__PURE__ */ t("li", { children: [
@@ -80,15 +80,15 @@ function D({
           ] }) }) })
         ] }),
         l === 0 && /* @__PURE__ */ t(h, { children: [
-          /* @__PURE__ */ e(L, { className: "h-4 w-4" }),
+          /* @__PURE__ */ e(S, { className: "h-4 w-4" }),
           /* @__PURE__ */ t("span", { className: "truncate text-sm", children: [
             "Select ",
-            s === "tools" ? "Tools" : "Toolkits"
+            s === "tools" ? "Tools" : "MCP Servers"
           ] })
         ] }),
         l > 0 && /* @__PURE__ */ t("span", { className: "inline-flex items-center gap-2 truncate text-sm", children: [
           d,
-          /* @__PURE__ */ e(v, { className: "px-1.5 py-0 text-[11px]", variant: "default", children: m })
+          /* @__PURE__ */ e(T, { className: "px-1.5 py-0 text-[11px]", variant: "default", children: m })
         ] })
       ] })
     }

package/dist/components/ui/molecules/toolkit-selection-summary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toolkit-selection-summary.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/toolkit-selection-summary.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAChF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qEAAqE,CAAC;AAI/G,MAAM,MAAM,4BAA4B,GAAG;IACzC,gBAAgB,EAAE,mBAAmB,CAAC;IACtC,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B,CAAC;AAGF,wBAAgB,uBAAuB,CAAC,EACtC,gBAAgB,EAChB,aAAa,EACb,OAAO,EACP,WAAW,EACX,kBAAkB,EAClB,aAAa,GACd,EAAE,4BAA4B,2CA4G9B"}
+{"version":3,"file":"toolkit-selection-summary.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/toolkit-selection-summary.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAChF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qEAAqE,CAAC;AAI/G,MAAM,MAAM,4BAA4B,GAAG;IACzC,gBAAgB,EAAE,mBAAmB,CAAC;IACtC,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B,CAAC;AAGF,wBAAgB,uBAAuB,CAAC,EACtC,gBAAgB,EAChB,aAAa,EACb,OAAO,EACP,WAAW,EACX,kBAAkB,EAClB,aAAa,GACd,EAAE,4BAA4B,2CA6G9B"}

package/dist/components/ui/molecules/toolkit-selection-summary.js

@@ -7,7 +7,7 @@ import "../atoms/chart.js";
 import "../../../react-resizable-panels.browser-DYl0LXfw.js";
 import "../atoms/sidebar.js";
 import "./date-time-picker.js";
-import "../../../toolkit-card-D6Dqff6p.js";
+import "../../../toolkit-card-DaoEIG0R.js";
 import "./tool-card.js";
 import { getToolkitIcon as z } from "../../../metadata/toolkit-icons.js";
 import "../organisms/toolkit-picker/hooks/use-toolkit-picker.js";
@@ -18,7 +18,7 @@ function D({
   onClear: N,
   onSelectAll: m,
   allVisibleSelected: k,
-  selectionMode: w
+  selectionMode: v
 }) {
   const l = s.size > 0 || n.size > 0, i = Array.from(s.keys()), o = n.size, a = i.length, r = i.slice(0, j), c = Math.max(a - r.length, 0);
   return /* @__PURE__ */ t(
@@ -43,7 +43,7 @@ function D({
               ] }),
               /* @__PURE__ */ t("div", { className: "ml-1 flex items-center sm:ml-1.5", children: [
                 r.map((d, h) => {
-                  const v = s.get(d), b = z(v?.metadata?.id);
+                  const w = s.get(d), b = z(w?.metadata?.id);
                   return /* @__PURE__ */ e(
                     "div",
                     {
@@ -70,7 +70,7 @@ function D({
             /* @__PURE__ */ t("div", { className: "text-neutral-600 text-xs dark:text-neutral-400", children: [
               "from ",
               a,
-              " toolkit",
+              " MCP server",
               a !== 1 ? "s" : ""
             ] })
           ] }) }),
@@ -91,7 +91,7 @@ function D({
               ]
             }
           ),
-          w !== "single" && m && !k && /* @__PURE__ */ t(p, { children: [
+          v !== "single" && m && !k && /* @__PURE__ */ t(p, { children: [
             /* @__PURE__ */ e(g, { asChild: !0, children: /* @__PURE__ */ e(
               x,
               {

package/dist/components/ui/organisms/toolkit-picker/components/search-input.js

@@ -7,7 +7,7 @@ import { Input as k } from "../../../atoms/input.js";
 import "../../../../../react-resizable-panels.browser-DYl0LXfw.js";
 import "../../../atoms/sidebar.js";
 import "../../../molecules/date-time-picker.js";
-import "../../../../../toolkit-card-D6Dqff6p.js";
+import "../../../../../toolkit-card-DaoEIG0R.js";
 import "../../../molecules/tool-card.js";
 import "../../../../../metadata/oauth-providers.js";
 import "../../../../../metadata/toolkits.js";

package/dist/components/ui/organisms/toolkit-picker/components/select-button.js

@@ -7,7 +7,7 @@ import "../../../atoms/chart.js";
 import "../../../../../react-resizable-panels.browser-DYl0LXfw.js";
 import "../../../atoms/sidebar.js";
 import "../../../molecules/date-time-picker.js";
-import "../../../../../toolkit-card-D6Dqff6p.js";
+import "../../../../../toolkit-card-DaoEIG0R.js";
 import "../../../molecules/tool-card.js";
 import "../../../../../metadata/oauth-providers.js";
 import "../../../../../metadata/toolkits.js";

package/dist/components/ui/organisms/toolkit-picker/components/toolkit-card-with-selection.js

@@ -1,5 +1,5 @@
 import { jsx as m } from "react/jsx-runtime";
-import { T as c } from "../../../../../toolkit-card-D6Dqff6p.js";
+import { T as c } from "../../../../../toolkit-card-DaoEIG0R.js";
 import { getToolkitIcon as d } from "../../../../../metadata/toolkit-icons.js";
 function g({
   toolkit: e,

package/dist/components/ui/organisms/toolkit-picker/components/toolkit-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toolkit-list.d.ts","sourceRoot":"","sources":["../../../../../../lib/components/ui/organisms/toolkit-picker/components/toolkit-list.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAM9C,KAAK,gBAAgB,GAAG;IACtB,aAAa,EAAE,aAAa,CAAC;IAC7B,kBAAkB,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACtD,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,aAAa,EACb,kBAAkB,GACnB,EAAE,gBAAgB,2CAqJlB"}
+{"version":3,"file":"toolkit-list.d.ts","sourceRoot":"","sources":["../../../../../../lib/components/ui/organisms/toolkit-picker/components/toolkit-list.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAO9C,KAAK,gBAAgB,GAAG;IACtB,aAAa,EAAE,aAAa,CAAC;IAC7B,kBAAkB,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACtD,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,aAAa,EACb,kBAAkB,GACnB,EAAE,gBAAgB,2CAoLlB"}

package/dist/components/ui/organisms/toolkit-picker/components/toolkit-list.js

@@ -1,142 +1,169 @@
-import { jsx as t, jsxs as s } from "react/jsx-runtime";
-import { VirtualizedGrid as u } from "../../../atoms/virtualized-grid.js";
+import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import { VirtualizedGrid as h } from "../../../atoms/virtualized-grid.js";
 import "../../../molecules/date-time-picker.js";
-import { EmptyState as w } from "../../../molecules/empty-state.js";
-import "../../../../../toolkit-card-D6Dqff6p.js";
+import { EmptyState as P } from "../../../molecules/empty-state.js";
+import "../../../../../toolkit-card-DaoEIG0R.js";
 import "../../../molecules/tool-card.js";
 import "../../../../../metadata/oauth-providers.js";
 import "../../../../../metadata/toolkits.js";
 import "lucide-react";
-import { useToolkitPicker as S } from "../hooks/use-toolkit-picker.js";
+import { useToolkitPicker as R } from "../hooks/use-toolkit-picker.js";
 import "../../../atoms/mobile-tooltip.js";
-import { useMemo as v } from "react";
+import { useMemo as A } from "react";
 import "../../../atoms/chart.js";
 import "../../../../../react-resizable-panels.browser-DYl0LXfw.js";
 import "../../../atoms/sidebar.js";
-import { useColumns as C } from "../../../../../hooks/use-columns.js";
-import { FEATURED_TOOLKITS as R } from "../hooks/featured-toolkits.js";
-import { ToolkitCardWithSelection as A } from "./toolkit-card-with-selection.js";
-const x = 156;
-function J({
-  selectionMode: f,
-  scrollContainerRef: d
+import { useColumns as L } from "../../../../../hooks/use-columns.js";
+import { UnoptimizedToggle as I } from "./unoptimized-toggle.js";
+import { FEATURED_TOOLKITS as U } from "../hooks/featured-toolkits.js";
+import { ToolkitCardWithSelection as G } from "./toolkit-card-with-selection.js";
+const f = 156;
+function ee({
+  selectionMode: x,
+  scrollContainerRef: n
 }) {
   const {
-    state: { filteredToolkits: m, selectedToolkits: l, selectedTools: T, searchQuery: o },
-    toggleToolkit: y,
-    setActiveTab: h,
-    setToolkitFilter: k
-  } = S(), n = C(), { selectedToolkitItems: a, featuredToolkitItems: i, unselectedToolkitItems: c } = v(() => {
-    const e = Array.from(m), g = new Set(
-      R.map((r) => r.toLowerCase())
-    ), N = e.filter(
-      (r) => l.has(r.name)
-    ), I = e.filter(
-      (r) => !(l.has(r.name) || o.trim()) && g.has(r.name.toLowerCase())
+    state: {
+      filteredToolkits: d,
+      selectedToolkits: s,
+      selectedTools: S,
+      searchQuery: i,
+      showUnoptimizedToolkits: k,
+      hasStarterToolkits: T,
+      hiddenToolkitCount: m
+    },
+    toggleToolkit: C,
+    setActiveTab: y,
+    setToolkitFilter: N,
+    toggleUnoptimizedToolkits: w
+  } = R(), c = L(), { selectedToolkitItems: l, featuredToolkitItems: a, unselectedToolkitItems: p } = A(() => {
+    const e = Array.from(d), u = new Set(
+      U.map((r) => r.toLowerCase())
     ), b = e.filter(
-      (r) => !l.has(r.name) && (o.trim() || !g.has(r.name.toLowerCase()))
+      (r) => s.has(r.name)
+    ), v = e.filter(
+      (r) => !(s.has(r.name) || i.trim()) && u.has(r.name.toLowerCase())
+    ), z = e.filter(
+      (r) => !s.has(r.name) && (i.trim() || !u.has(r.name.toLowerCase()))
     );
     return {
-      selectedToolkitItems: N,
-      featuredToolkitItems: I,
-      unselectedToolkitItems: b
+      selectedToolkitItems: b,
+      featuredToolkitItems: v,
+      unselectedToolkitItems: z
     };
-  }, [m, o, l]);
-  if (m.size === 0)
-    return /* @__PURE__ */ t(
-      w,
+  }, [d, i, s]);
+  if (d.size === 0)
+    return T && m > 0 ? /* @__PURE__ */ t(
+      I,
+      {
+        hiddenCount: m,
+        isShowingUnoptimized: k,
+        itemType: "toolkit",
+        onToggle: w
+      }
+    ) : /* @__PURE__ */ t(
+      P,
       {
         "data-testid": "empty-toolkits",
         description: "Try a different search term",
-        title: "No toolkits found"
+        title: "No MCP servers found"
       }
     );
-  const p = (e) => /* @__PURE__ */ t(
-    A,
+  const g = (e) => /* @__PURE__ */ t(
+    G,
     {
-      onSelect: (g) => {
-        if (f === "single") {
-          h("tools"), k(e.name);
+      onSelect: (u) => {
+        if (x === "single") {
+          y("tools"), N(e.name);
           return;
         }
-        y(e);
+        C(e);
       },
       onView: () => {
-        k(e.name), h("tools");
+        N(e.name), y("tools");
       },
-      selectedTools: new Set(T.keys()),
-      selectionMode: f,
+      selectedTools: new Set(S.keys()),
+      selectionMode: x,
       toolkit: e
     },
     e.name
   );
-  return /* @__PURE__ */ s("div", { className: "space-y-4", "data-testid": "toolkits-grid", children: [
-    a.length > 0 && /* @__PURE__ */ s("div", { className: "space-y-3", "data-testid": "selected-toolkits-section", children: [
-      /* @__PURE__ */ s("div", { className: "flex items-center gap-1.5", children: [
+  return /* @__PURE__ */ o("div", { className: "space-y-4", "data-testid": "toolkits-grid", children: [
+    l.length > 0 && /* @__PURE__ */ o("div", { className: "space-y-3", "data-testid": "selected-toolkits-section", children: [
+      /* @__PURE__ */ o("div", { className: "flex items-center gap-1.5", children: [
         /* @__PURE__ */ t("h3", { className: "font-semibold text-neutral-700 text-sm dark:text-neutral-200", children: "Selected" }),
-        /* @__PURE__ */ t("span", { className: "rounded-full bg-emerald-300 px-1.5 py-0.5 text-emerald-900 text-xs dark:bg-emerald-500/25 dark:text-emerald-200", children: a.length })
+        /* @__PURE__ */ t("span", { className: "rounded-full bg-emerald-300 px-1.5 py-0.5 text-emerald-900 text-xs dark:bg-emerald-500/25 dark:text-emerald-200", children: l.length })
       ] }),
       /* @__PURE__ */ t(
-        u,
+        h,
         {
-          columns: n,
-          estimateRowSize: x,
+          columns: c,
+          estimateRowSize: f,
           getItemKey: (e) => e.name,
           gridClassName: "grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3",
-          items: a,
-          parentRef: d,
-          renderItem: p,
+          items: l,
+          parentRef: n,
+          renderItem: g,
           rowGapPx: 12
         }
       )
     ] }),
-    !o.trim() && i.length > 0 && /* @__PURE__ */ s(
+    !i.trim() && a.length > 0 && /* @__PURE__ */ o(
       "div",
       {
         className: "space-y-3 rounded-lg bg-neutral-50 p-4 dark:bg-neutral-900",
         "data-testid": "featured-toolkits-section",
         children: [
-          /* @__PURE__ */ s("div", { className: "flex items-center gap-1.5", children: [
-            /* @__PURE__ */ t("h3", { className: "font-semibold text-neutral-700 text-sm dark:text-neutral-200", children: "Featured Toolkits" }),
-            /* @__PURE__ */ t("span", { className: "rounded-full bg-neutral-200 px-1.5 py-0.5 text-neutral-800 text-xs dark:bg-neutral-800 dark:text-neutral-200", children: i.length })
+          /* @__PURE__ */ o("div", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ t("h3", { className: "font-semibold text-neutral-700 text-sm dark:text-neutral-200", children: "Featured MCP Servers" }),
+            /* @__PURE__ */ t("span", { className: "rounded-full bg-neutral-200 px-1.5 py-0.5 text-neutral-800 text-xs dark:bg-neutral-800 dark:text-neutral-200", children: a.length })
           ] }),
           /* @__PURE__ */ t(
-            u,
+            h,
             {
-              columns: n,
-              estimateRowSize: x,
+              columns: c,
+              estimateRowSize: f,
               getItemKey: (e) => e.name,
               gridClassName: "grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3",
-              items: i,
-              parentRef: d,
-              renderItem: p,
+              items: a,
+              parentRef: n,
+              renderItem: g,
               rowGapPx: 12
             }
           )
         ]
       }
     ),
-    c.length > 0 && /* @__PURE__ */ s("div", { className: "space-y-3", children: [
-      (a.length > 0 || i.length > 0) && /* @__PURE__ */ s("div", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ t("h3", { className: "font-semibold text-neutral-700 text-sm dark:text-neutral-200", children: "All toolkits" }),
-        /* @__PURE__ */ t("span", { className: "rounded-full bg-neutral-200 px-1.5 py-0.5 text-neutral-800 text-xs dark:bg-neutral-800 dark:text-neutral-200", children: c.length })
+    p.length > 0 && /* @__PURE__ */ o("div", { className: "space-y-3", children: [
+      (l.length > 0 || a.length > 0) && /* @__PURE__ */ o("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ t("h3", { className: "font-semibold text-neutral-700 text-sm dark:text-neutral-200", children: "All MCP servers" }),
+        /* @__PURE__ */ t("span", { className: "rounded-full bg-neutral-200 px-1.5 py-0.5 text-neutral-800 text-xs dark:bg-neutral-800 dark:text-neutral-200", children: p.length })
       ] }),
       /* @__PURE__ */ t(
-        u,
+        h,
         {
-          columns: n,
-          estimateRowSize: x,
+          columns: c,
+          estimateRowSize: f,
           getItemKey: (e) => e.name,
           gridClassName: "grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3",
-          items: c,
-          parentRef: d,
-          renderItem: p,
+          items: p,
+          parentRef: n,
+          renderItem: g,
           rowGapPx: 12
         }
       )
-    ] })
+    ] }),
+    T && /* @__PURE__ */ t(
+      I,
+      {
+        hiddenCount: m,
+        isShowingUnoptimized: k,
+        itemType: "toolkit",
+        onToggle: w
+      }
+    )
   ] });
 }
 export {
-  J as ToolkitList
+  ee as ToolkitList
 };

package/dist/components/ui/organisms/toolkit-picker/components/tools-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tools-list.d.ts","sourceRoot":"","sources":["../../../../../../lib/components/ui/organisms/toolkit-picker/components/tools-list.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAK9C,KAAK,cAAc,GAAG;IACpB,aAAa,EAAE,aAAa,CAAC;IAC7B,kBAAkB,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACtD,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,aAAa,EACb,kBAAkB,GACnB,EAAE,cAAc,2CAsGhB"}
+{"version":3,"file":"tools-list.d.ts","sourceRoot":"","sources":["../../../../../../lib/components/ui/organisms/toolkit-picker/components/tools-list.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAM9C,KAAK,cAAc,GAAG;IACpB,aAAa,EAAE,aAAa,CAAC;IAC7B,kBAAkB,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACtD,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,aAAa,EACb,kBAAkB,GACnB,EAAE,cAAc,2CAgIhB"}