@arcadeai/design-system 3.27.5 → 3.27.7

package/dist/components/ui/organisms/toolkit-picker/hooks/use-toolkit-picker.js

@@ -1,8 +1,17 @@
-import { jsx as A } from "react/jsx-runtime";
-import { createContext as F, useReducer as b, useMemo as _, useEffect as g, useContext as v } from "react";
-const I = (e, o) => o ? new Set(
-  e.filter((t) => t.searchableText?.toLowerCase().includes(o))
-) : new Set(e), C = (e, o) => {
+import { jsx as Z } from "react/jsx-runtime";
+import { createContext as j, useReducer as W, useMemo as O, useEffect as X, useContext as J } from "react";
+import { isStarterToolkit as p } from "../utils/toolkit-grouping.js";
+const $ = /\s+/, K = (e) => e.split($).filter(Boolean), z = (e, o) => {
+  if (!o)
+    return new Set(e);
+  const t = K(o);
+  return new Set(
+    e.filter((s) => {
+      const l = s.searchableText?.toLowerCase() ?? "";
+      return t.every((c) => l.includes(c));
+    })
+  );
+}, ee = (e, o) => {
   if (!o)
     return [];
   const t = o.toolkitMap?.get(e);
@@ -12,7 +21,7 @@ const I = (e, o) => o ? new Set(
     return [];
   const s = new Set(t.tools.map((l) => l.fully_qualified_name));
   return o.tools.filter((l) => s.has(l.fully_qualified_name));
-}, q = (e, o) => {
+}, oe = (e, o) => {
   if (!o)
     return {
       selectedToolkits: /* @__PURE__ */ new Map(),
@@ -35,7 +44,7 @@ const I = (e, o) => o ? new Set(
         s.set(c.fully_qualified_name, !0);
     }
   return { selectedToolkits: t, selectedTools: s };
-}, f = (e, o, t) => {
+}, _ = (e, o, t) => {
   const s = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map();
   if (!t)
     return { selectedToolkits: s, selectedTools: l };
@@ -48,12 +57,12 @@ const I = (e, o) => o ? new Set(
     for (const c of o)
       l.set(c, !0);
   return { selectedToolkits: s, selectedTools: l };
-}, N = (e) => {
-  const { selectedToolkits: o, selectedTools: t } = f(
+}, te = (e) => {
+  const { selectedToolkits: o, selectedTools: t } = _(
     e.initialProps?.selectedToolkits,
     e.initialProps?.selectedTools,
     e.toolkitCollection
-  ), { selectedToolkits: s, selectedTools: l } = f(
+  ), { selectedToolkits: s, selectedTools: l } = _(
     e.initialProps?.committedToolkits || e.initialProps?.selectedToolkits,
     e.initialProps?.committedTools || e.initialProps?.selectedTools,
     e.toolkitCollection
@@ -66,9 +75,10 @@ const I = (e, o) => o ? new Set(
     committedTools: l,
     searchQuery: "",
     toolkitFilter: "",
-    activeTab: "toolkits"
+    activeTab: "toolkits",
+    showUnoptimizedToolkits: !1
   };
-}, P = (e, o) => {
+}, se = (e, o) => {
   switch (o.type) {
     case "TOGGLE_TOOLKIT": {
       const t = o.payload, { name: s, tools: l } = t, c = e.selectedToolkits.has(s), i = new Map(e.selectedToolkits), T = new Map(e.selectedTools);
@@ -88,14 +98,14 @@ const I = (e, o) => o ? new Set(
       };
     }
     case "SET_INITIAL_SELECTIONS": {
-      const t = o.payload, s = o.collection, { selectedToolkits: l, selectedTools: c } = f(
+      const t = o.payload, s = o.collection, { selectedToolkits: l, selectedTools: c } = _(
         t.selectedToolkits,
         t.selectedTools,
         s
       ), {
         selectedToolkits: i,
         selectedTools: T
-      } = f(
+      } = _(
         t.committedToolkits || t.selectedToolkits,
         t.committedTools || t.selectedTools,
         s
@@ -111,7 +121,7 @@ const I = (e, o) => o ? new Set(
     case "TOGGLE_TOOL": {
       const { toolFqn: t, toolkitName: s, toolkit: l, selectionMode: c } = o.payload, i = e.selectedTools.has(t), T = new Map(e.selectedToolkits), r = new Map(e.selectedTools);
       return i ? (r.delete(t), s && l && (l.tools?.some(
-        (d) => d.fully_qualified_name !== t && r.has(d.fully_qualified_name)
+        (k) => k.fully_qualified_name !== t && r.has(k.fully_qualified_name)
       ) || T.delete(s))) : (c === "single" && (r.clear(), T.clear()), r.set(t, !0), s && l && T.set(s, l)), {
         ...e,
         selectedTools: r,
@@ -122,7 +132,7 @@ const I = (e, o) => o ? new Set(
       const { visibleToolFqns: t, collection: s } = o.payload, l = t?.length === 0, i = !t && !s?.toolkits?.length;
       if (l || i)
         return e;
-      const T = q(t, s);
+      const T = oe(t, s);
       return { ...e, ...T };
     }
     case "CLEAR_SELECTIONS":
@@ -144,7 +154,7 @@ const I = (e, o) => o ? new Set(
         selectedTools: new Map(e.committedTools)
       };
     case "SET_SEARCH_QUERY":
-      return { ...e, searchQuery: o.payload };
+      return o.payload.trim() ? { ...e, searchQuery: o.payload } : { ...e, searchQuery: "", activeTab: "toolkits" };
     case "CLEAR_SEARCH_QUERY":
       return { ...e, searchQuery: "", activeTab: "toolkits" };
     case "SET_TOOLKIT_FILTER":
@@ -155,13 +165,18 @@ const I = (e, o) => o ? new Set(
       const t = o.payload;
       return t === "toolkits" && e.toolkitFilter ? { ...e, activeTab: t, toolkitFilter: "" } : { ...e, activeTab: t };
     }
+    case "TOGGLE_UNOPTIMIZED_TOOLKITS":
+      return {
+        ...e,
+        showUnoptimizedToolkits: !e.showUnoptimizedToolkits
+      };
     default:
       return e;
   }
-}, O = F(
+}, V = j(
   null
 );
-function G({
+function Te({
   children: e,
   toolkitCollection: o,
   selectionMode: t,
@@ -171,57 +186,110 @@ function G({
     toolkitCollection: o,
     selectionMode: t,
     initialProps: s
-  }, [c, i] = b(
-    P,
+  }, [c, i] = W(
+    se,
     l,
-    N
-  ), { searchQuery: T, toolkitFilter: r, activeTab: k } = c, { filteredToolkits: d, filteredTools: p, effectiveTab: S } = _(() => {
-    const n = T.toLowerCase().trim(), u = o?.toolkits || [], a = r ? C(r, o) : [], m = r && a.length > 0 ? a : o?.tools || [], M = I(u, n), L = I(m, n);
-    let E = k;
+    te
+  ), {
+    searchQuery: T,
+    toolkitFilter: r,
+    activeTab: S,
+    showUnoptimizedToolkits: k,
+    selectedToolkits: E
+  } = c, {
+    filteredToolkits: R,
+    filteredTools: g,
+    effectiveTab: b,
+    hasStarterToolkits: v,
+    hiddenToolkitCount: A,
+    hiddenToolCount: F
+  } = O(() => {
+    const n = T.toLowerCase().trim(), d = o?.toolkits || [], m = o?.tools || [], y = d.some(p), h = k ? null : new Set(
+      d.filter(
+        (a) => !p(a) || E.has(a.name)
+      ).map((a) => a.name)
+    ), D = h === null ? d : d.filter((a) => h.has(a.name)), C = r ? ee(r, o) : [], M = r && C.length > 0, q = M ? C : m, Y = h === null || M ? q : q.filter((a) => {
+      const u = o?.toolToToolkitMap?.get(
+        a.fully_qualified_name
+      );
+      return !u || !o?.toolkitMap?.get(u) ? !0 : h.has(u);
+    }), P = z(D, n), G = z(Y, n);
+    let x = 0, Q = 0;
+    if (!(k || M)) {
+      for (const f of d)
+        p(f) && !E.has(f.name) && (!n || (f.searchableText?.toLowerCase().includes(n) ?? !1)) && (x += 1);
+      const a = o?.toolkitMap, u = o?.toolToToolkitMap;
+      for (const f of m) {
+        const L = u?.get(f.fully_qualified_name), I = L ? a?.get(L) : void 0;
+        if (I && p(I) && !E.has(I.name)) {
+          const U = K(n);
+          (U.length === 0 || U.every(
+            (B) => (f.searchableText?.toLowerCase() ?? "").includes(B)
+          )) && (Q += 1);
+        }
+      }
+    }
+    let w = S;
     if (n) {
-      const w = M.size > 0, h = L.size > 0;
-      !w && h ? E = "tools" : w && !h && (E = "toolkits");
+      const a = P.size > 0, u = G.size > 0;
+      !a && u ? w = "tools" : a && !u && (w = "toolkits");
     }
     return {
-      filteredToolkits: M,
-      filteredTools: L,
-      effectiveTab: E
+      filteredToolkits: P,
+      filteredTools: G,
+      effectiveTab: w,
+      hasStarterToolkits: y,
+      hiddenToolkitCount: x,
+      hiddenToolCount: Q
     };
-  }, [o, T, r, k]), y = _(
+  }, [
+    o,
+    T,
+    r,
+    S,
+    k,
+    E
+  ]), N = O(
     () => ({
       ...c,
-      activeTab: S,
+      activeTab: b,
       toolkitCollection: o,
-      filteredToolkits: d,
-      filteredTools: p
+      filteredToolkits: R,
+      filteredTools: g,
+      hasStarterToolkits: v,
+      hiddenToolkitCount: A,
+      hiddenToolCount: F
     }),
     [
       c,
-      S,
+      b,
       o,
-      d,
-      p
+      R,
+      g,
+      v,
+      A,
+      F
     ]
   );
-  g(() => {
+  X(() => {
     o && s && (s.selectedToolkits || s.selectedTools || s.committedToolkits || s.committedTools) && i({
       type: "SET_INITIAL_SELECTIONS",
       payload: s,
       collection: o
     });
   }, [o, s]);
-  const R = _(
+  const H = O(
     () => ({
-      state: y,
+      state: N,
       toggleToolkit: (n) => i({ type: "TOGGLE_TOOLKIT", payload: n }),
       toggleTool: (n) => {
-        const u = n.fully_qualified_name, a = o?.toolToToolkitMap?.get(u), m = a ? o?.toolkitMap?.get(a) : void 0;
+        const d = n.fully_qualified_name, m = o?.toolToToolkitMap?.get(d), y = m ? o?.toolkitMap?.get(m) : void 0;
         i({
           type: "TOGGLE_TOOL",
           payload: {
-            toolFqn: u,
-            toolkitName: a,
-            toolkit: m,
+            toolFqn: d,
+            toolkitName: m,
+            toolkit: y,
             selectionMode: c.selectionMode
           }
         });
@@ -237,14 +305,15 @@ function G({
       clearSearchQuery: () => i({ type: "CLEAR_SEARCH_QUERY" }),
       setToolkitFilter: (n) => i({ type: "SET_TOOLKIT_FILTER", payload: n }),
       clearFilter: () => i({ type: "CLEAR_FILTER" }),
-      setActiveTab: (n) => i({ type: "SET_ACTIVE_TAB", payload: n })
+      setActiveTab: (n) => i({ type: "SET_ACTIVE_TAB", payload: n }),
+      toggleUnoptimizedToolkits: () => i({ type: "TOGGLE_UNOPTIMIZED_TOOLKITS" })
     }),
-    [y, o, c.selectionMode]
+    [N, o, c.selectionMode]
   );
-  return /* @__PURE__ */ A(O.Provider, { value: R, children: e });
+  return /* @__PURE__ */ Z(V.Provider, { value: H, children: e });
 }
-function V() {
-  const e = v(O);
+function re() {
+  const e = J(V);
   if (!e)
     throw new Error(
       "useToolkitPicker must be used within a ToolkitPickerProvider. Make sure to wrap your component with <ToolkitPickerProvider>."
@@ -252,6 +321,6 @@ function V() {
   return e;
 }
 export {
-  G as ToolkitPickerProvider,
-  V as useToolkitPicker
+  Te as ToolkitPickerProvider,
+  re as useToolkitPicker
 };

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

@@ -1 +1 @@
-{"version":3,"file":"toolkit-collection.d.ts","sourceRoot":"","sources":["../../../../../../lib/components/ui/organisms/toolkit-picker/mocks/toolkit-collection.ts"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAEtC,OAAO,KAAK,EAGV,OAAO,EACP,iBAAiB,EAClB,MAAM,uBAAuB,CAAC;AA8C/B,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAoThD,CAAC;AAGF,wBAAgB,2BAA2B,CACzC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAChC,iBAAiB,CAkJnB;AAGD,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAqDtD,CAAC;AAEF,eAAO,MAAM,qBAAqB,mBAA4C,CAAC;AAC/E,eAAO,MAAM,2BAA2B,mBACS,CAAC;AAGlD,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CA2LpD,CAAC;AAEF,eAAO,MAAM,yBAAyB,mBACS,CAAC;AAGhD,wBAAgB,oBAAoB,CAClC,OAAO,GAAE;IACP,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CACxB,GACL,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CA6MzB"}
+{"version":3,"file":"toolkit-collection.d.ts","sourceRoot":"","sources":["../../../../../../lib/components/ui/organisms/toolkit-picker/mocks/toolkit-collection.ts"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAEtC,OAAO,KAAK,EAGV,OAAO,EACP,iBAAiB,EAClB,MAAM,uBAAuB,CAAC;AA+C/B,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAoThD,CAAC;AAGF,wBAAgB,2BAA2B,CACzC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAChC,iBAAiB,CA4JnB;AAGD,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAyEtD,CAAC;AAEF,eAAO,MAAM,qBAAqB,mBAA4C,CAAC;AAC/E,eAAO,MAAM,2BAA2B,mBACS,CAAC;AAGlD,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CA2LpD,CAAC;AAEF,eAAO,MAAM,yBAAyB,mBACS,CAAC;AAGhD,wBAAgB,oBAAoB,CAClC,OAAO,GAAE;IACP,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CACxB,GACL,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CA6MzB"}

package/dist/components/ui/organisms/toolkit-picker/mocks/toolkit-collection.js

@@ -1,8 +1,9 @@
 import "../../../../../web-sgv-FK6q.js";
 import { allTools as h } from "../../../../../lib/arcade/mocks.js";
-import { TOOLKIT_CATALOGUE as P } from "../../../../../metadata/toolkits.js";
-const E = h.filter((a) => a.toolkit.name === "basic"), N = h.filter((a) => a.toolkit.name === "api_toolkit"), C = h.filter((a) => a.toolkit.name === "Google"), $ = h.filter((a) => a.toolkit.name === "Gmail"), i = (a, r = !1, n = !1, l) => {
-  const c = P[a];
+import { normalizeText as M } from "../../../../../lib/arcade/toolkit-collection.js";
+import { TOOLKIT_CATALOGUE as E } from "../../../../../metadata/toolkits.js";
+const N = h.filter((a) => a.toolkit.name === "basic"), C = h.filter((a) => a.toolkit.name === "api_toolkit"), x = h.filter((a) => a.toolkit.name === "Google"), z = h.filter((a) => a.toolkit.name === "Gmail"), i = (a, r = !1, n = !1, l) => {
+  const c = E[a];
   return c ? {
     ...c,
     isBYOC: r,
@@ -21,12 +22,12 @@ const E = h.filter((a) => a.toolkit.name === "basic"), N = h.filter((a) => a.too
     isComingSoon: !1,
     isHidden: !1
   };
-}, x = {
+}, D = {
   basic: {
     name: "basic",
     description: "Basic toolkit with essential tools",
     version: "1.0.0",
-    tools: E,
+    tools: N,
     requirements: {
       met: !0,
       secrets: [],
@@ -38,7 +39,7 @@ const E = h.filter((a) => a.toolkit.name === "basic"), N = h.filter((a) => a.too
     name: "api_toolkit",
     description: "API toolkit for external integrations",
     version: "2.0.0",
-    tools: N,
+    tools: C,
     requirements: {
       met: !1,
       secrets: [
@@ -216,7 +217,7 @@ const E = h.filter((a) => a.toolkit.name === "basic"), N = h.filter((a) => a.too
     name: "Google",
     description: "Arcade.dev LLM tools for Google Workspace",
     version: "1.2.4",
-    tools: C,
+    tools: x,
     requirements: {
       met: !0,
       secrets: [],
@@ -235,7 +236,7 @@ const E = h.filter((a) => a.toolkit.name === "basic"), N = h.filter((a) => a.too
     name: "Gmail",
     description: "Arcade.dev LLM tools for Gmail",
     version: "2.0.0",
-    tools: $,
+    tools: z,
     requirements: {
       met: !0,
       secrets: [],
@@ -330,7 +331,11 @@ function b(a) {
     toolsByName: /* @__PURE__ */ new Map()
   };
   for (const [e, o] of Object.entries(a)) {
-    const v = `${o.name} ${o.description || ""} ${o.version || ""}`, A = {
+    const v = M([
+      o.name,
+      o.description ?? "",
+      o.version ?? ""
+    ]), A = {
       secrets: o.requirements?.secrets?.length ? {
         configured: o.requirements.secrets.filter((t) => t.met === !0).map((t) => t.key),
         pending: o.requirements.secrets.filter((t) => t.met === !1).map((t) => t.key)
@@ -384,7 +389,7 @@ function b(a) {
         // Pro only
         case "Slack":
           return i(e, !1, !1);
-        // Neither BYOC nor Pro
+        // Neither BYOC nor Pro (primary toolkit, not starter)
         case "Discord":
           return i(e, !0, !1);
         // BYOC only
@@ -436,7 +441,13 @@ function b(a) {
     };
     r.push(d), l.set(e, d), m.toolkitsByName.set(e.toLowerCase(), d);
     for (const t of o.tools) {
-      const u = `${t.name} ${t.fully_qualified_name} ${t.description || ""} ${o.name} ${o.description || ""}`, p = {
+      const u = M([
+        t.name,
+        t.fully_qualified_name,
+        t.description ?? "",
+        o.name,
+        o.description ?? ""
+      ]), p = {
         ...t,
         searchableText: u
       };
@@ -454,7 +465,7 @@ function b(a) {
     searchIndex: m
   };
 }
-const D = {
+const $ = {
   Slack: {
     name: "Slack",
     description: "Slack communication toolkit",
@@ -487,6 +498,26 @@ const D = {
     ],
     requirements: { met: !0, secrets: [], authorization: [], scopes: {} }
   },
+  SlackApi: {
+    name: "SlackApi",
+    description: "Slack API starter toolkit",
+    version: "1.0.0",
+    tools: [
+      {
+        name: "api_call",
+        input: { parameters: [] },
+        qualified_name: "slackapi.api_call",
+        description: "Make raw Slack API call",
+        fully_qualified_name: "slackapi.api_call",
+        toolkit: {
+          name: "SlackApi",
+          description: "Slack API starter toolkit",
+          version: "1.0.0"
+        }
+      }
+    ],
+    requirements: { met: !0, secrets: [], authorization: [], scopes: {} }
+  },
   GitHub: {
     name: "GitHub",
     description: "GitHub development toolkit",
@@ -507,7 +538,7 @@ const D = {
     ],
     requirements: { met: !0, secrets: [], authorization: [], scopes: {} }
   }
-}, O = b(x), B = b(D), z = {
+}, K = b(D), W = b($), H = {
   Gmail: {
     name: "Gmail",
     description: "Gmail email management toolkit",
@@ -694,8 +725,8 @@ const D = {
       scopes: { notion: ["read", "write"] }
     }
   }
-}, K = b(z);
-function W(a = {}) {
+}, U = b(H);
+function Y(a = {}) {
   const {
     toolkitCount: r = 100,
     minToolsPerToolkit: n = 10,
@@ -774,8 +805,8 @@ function W(a = {}) {
   ], G = Math.min(r, t.length), w = t.slice(
     0,
     G
-  ), M = Math.max(0, r - G);
-  for (let s = 0; s < M; s++) {
+  ), P = Math.max(0, r - G);
+  for (let s = 0; s < P; s++) {
     const _ = u[s % u.length];
     if (s < u.length)
       w.push(_);
@@ -855,11 +886,11 @@ function W(a = {}) {
 }
 export {
   b as createMockToolkitCollection,
-  K as demoMockToolkitCollection,
-  z as demoMockToolkits,
-  W as generateLargeDataset,
-  O as mockToolkitCollection,
-  x as mockToolkits,
-  B as simpleMockToolkitCollection,
-  D as simpleMockToolkits
+  U as demoMockToolkitCollection,
+  H as demoMockToolkits,
+  Y as generateLargeDataset,
+  K as mockToolkitCollection,
+  D as mockToolkits,
+  W as simpleMockToolkitCollection,
+  $ as simpleMockToolkits
 };

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

@@ -1,8 +1,8 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import { Button as m } from "../../atoms/button.js";
-import { Dialog as S, DialogTrigger as z, DialogContent as D, DialogHeader as j, DialogTitle as A, DialogDescription as R, DialogClose as c, DialogFooter as B } from "../../atoms/dialog.js";
-import { Arcade as M } from "../../atoms/icons/arcade.js";
-import { MobileTooltipProvider as P } from "../../atoms/mobile-tooltip.js";
+import { Dialog as S, DialogTrigger as z, DialogContent as D, DialogHeader as j, DialogTitle as A, DialogDescription as M, DialogClose as c, DialogFooter as P } from "../../atoms/dialog.js";
+import { Arcade as R } from "../../atoms/icons/arcade.js";
+import { MobileTooltipProvider as B } from "../../atoms/mobile-tooltip.js";
 import { Tabs as F, TabsList as L, TabsTrigger as p, TabsContent as h } from "../../atoms/tabs.js";
 import { Tooltip as E, TooltipTrigger as X, TooltipContent as G } from "../../atoms/tooltip.js";
 import { X as H, Package as I, Wrench as O } from "lucide-react";
@@ -17,33 +17,33 @@ import { ToolsList as K } from "./components/tools-list.js";
 import { useToolkitPicker as U } from "./hooks/use-toolkit-picker.js";
 const Z = /Mac/i, ue = (f) => {
   const {
-    description: g = "Select toolkits and tools",
+    description: g = "Select MCP servers and tools",
     children: u,
     selectionMode: a = "multi",
-    onSelectionChange: s
-  } = f, [b, r] = Q(!1), i = x(null), o = x(null), {
+    onSelectionChange: r
+  } = f, [b, s] = Q(!1), i = x(null), o = x(null), {
     state: {
-      selectedToolkits: k,
+      selectedToolkits: v,
       selectedTools: n,
-      activeTab: v,
+      activeTab: k,
       filteredToolkits: N,
       filteredTools: w
     },
     setActiveTab: d,
-    clearSearchQuery: T,
-    commitSelections: y,
+    clearSearchQuery: y,
+    commitSelections: T,
     restoreCommittedState: C
   } = U(), _ = () => {
-    y(), s && s({
-      selectedToolkits: Array.from(k.keys()),
+    T(), r && r({
+      selectedToolkits: Array.from(v.keys()),
       selectedTools: Array.from(n.keys())
-    }), r(!1);
+    }), s(!1);
   };
-  return /* @__PURE__ */ e(P, { children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(B, { children: /* @__PURE__ */ t(
     S,
     {
       onOpenChange: (l) => {
-        r(l), l && (C(), T(), d("toolkits"));
+        s(l), l && (C(), y(), d("toolkits"));
       },
       open: b,
       children: [
@@ -73,11 +73,11 @@ const Z = /Mac/i, ue = (f) => {
                           className: "pointer-events-none absolute inset-0 z-10 bg-[repeating-conic-gradient(from_0deg_at_100%_0%,rgba(0,0,0,0.25)_0deg_1deg,transparent_1deg_12deg)] opacity-30"
                         }
                       ),
-                      /* @__PURE__ */ e("span", { className: "relative z-20", children: /* @__PURE__ */ e(M, { className: "size-5 sm:size-7" }) })
+                      /* @__PURE__ */ e("span", { className: "relative z-20", children: /* @__PURE__ */ e(R, { className: "size-5 sm:size-7" }) })
                     ] }),
                     /* @__PURE__ */ t("div", { className: "ml-1 text-left", children: [
                       /* @__PURE__ */ e(A, { className: "font-bold text-lg sm:text-xl", children: "Choose Your Tools" }),
-                      /* @__PURE__ */ e(R, { className: "hidden sm:block", children: g })
+                      /* @__PURE__ */ e(M, { className: "hidden sm:block", children: g })
                     ] })
                   ] }),
                   /* @__PURE__ */ e(c, { asChild: !0, children: /* @__PURE__ */ e(
@@ -98,7 +98,7 @@ const Z = /Mac/i, ue = (f) => {
                 {
                   className: "flex min-h-0 flex-1 flex-col gap-0.5",
                   onValueChange: (l) => d(l),
-                  value: v,
+                  value: k,
                   children: [
                     /* @__PURE__ */ t("div", { className: "shrink-0 space-y-2 px-4 sm:space-y-3 sm:px-6", children: [
                       /* @__PURE__ */ t("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [
@@ -111,7 +111,7 @@ const Z = /Mac/i, ue = (f) => {
                               value: "toolkits",
                               children: [
                                 /* @__PURE__ */ e(I, { className: "h-4 w-4" }),
-                                /* @__PURE__ */ e("span", { children: "Toolkits" }),
+                                /* @__PURE__ */ e("span", { children: "MCP Servers" }),
                                 /* @__PURE__ */ e("span", { className: "ml-1 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: N.size })
                               ]
                             }
@@ -169,7 +169,7 @@ const Z = /Mac/i, ue = (f) => {
                   ]
                 }
               ),
-              /* @__PURE__ */ e(B, { className: "shrink-0 border-t bg-white px-4 py-3 sm:px-6 sm:py-4 dark:bg-neutral-950", children: /* @__PURE__ */ t(
+              /* @__PURE__ */ e(P, { className: "shrink-0 border-t bg-white px-4 py-3 sm:px-6 sm:py-4 dark:bg-neutral-950", children: /* @__PURE__ */ t(
                 "div",
                 {
                   className: `${a === "single" ? "sm:justify-end" : "sm:justify-between"} flex w-full flex-col gap-3 sm:flex-row sm:items-center`,

package/dist/hooks/use-is-truncated.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Determines if the content of an element is visually truncated.
+ *
+ * Utilizes a `ResizeObserver` to update the truncated state when the element's size changes.
+ *
+ * @param enabled – Set to `false` to pause observation (e.g., when the element is expanded).
+ *                  The last known value is preserved while paused.
+ */
+export declare function useIsTruncated(enabled?: boolean): {
+    ref: (el: HTMLElement | null) => void;
+    isTruncated: boolean;
+};
+//# sourceMappingURL=use-is-truncated.d.ts.map

package/dist/hooks/use-is-truncated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-is-truncated.d.ts","sourceRoot":"","sources":["../../lib/hooks/use-is-truncated.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,OAAO,UAAO;cAOR,WAAW,GAAG,IAAI;;EA2BtD"}

package/dist/hooks/use-is-truncated.js

@@ -0,0 +1,20 @@
+import * as t from "react";
+function i(n = !0) {
+  const [u, o] = t.useState(!1), c = t.useRef(n);
+  c.current = n;
+  const e = t.useRef(null), f = t.useCallback((r) => {
+    if (e.current && (e.current.disconnect(), e.current = null), !r)
+      return;
+    const s = () => {
+      c.current && o(r.scrollHeight > r.clientHeight + 1);
+    };
+    s(), e.current = new ResizeObserver(s), e.current.observe(r);
+  }, []);
+  return t.useEffect(() => {
+    const r = e;
+    return () => r.current?.disconnect();
+  }, []), { ref: f, isTruncated: u };
+}
+export {
+  i as useIsTruncated
+};

package/dist/lib/arcade/arcade.d.ts

@@ -70,31 +70,7 @@ export declare class ArcadeClient extends Arcade {
     groupToolsBy(groupKey: keyof ToolDefinition): Promise<Map<string, ToolDefinition>>;
     getToolkits(): Promise<Map<string, Toolkit>>;
     getToolsForToolkit(toolkit: string): Promise<ToolDefinition[]>;
-    private applyToolRequirements;
-    private mergeSecrets;
-    private mergeAuthorizations;
-    private mergeScopes;
-    /**
-     * Pre-compute requirements summary for optimal UI performance.
-     * This eliminates the need for runtime transformation in UI components.
-     */
-    private computeRequirementsSummary;
-    /**
-     * Process raw toolkit data into an optimized collection with pre-computed search indices.
-     *
-     * @returns ToolkitCollection with:
-     *   - Pre-computed searchable text for fast filtering
-     *   - Pre-computed requirement badges (no runtime processing needed)
-     *   - Search indices for O(1) lookups
-     *   - Toolkit/tool mapping for quick relationships
-     */
     getProcessedToolkitCollection(): Promise<ToolkitCollection>;
-    /**
-     * Helper function to create normalized searchable text from multiple strings.
-     * Separates compound terms (like Gmail.List_emails) into individual searchable components.
-     * Handles camelCase, snake_case, kebab-case, and dot.notation.
-     */
-    private normalizeText;
 }
 export {};
 //# sourceMappingURL=arcade.d.ts.map

package/dist/lib/arcade/arcade.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"arcade.d.ts","sourceRoot":"","sources":["../../../lib/lib/arcade/arcade.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"arcade.d.ts","sourceRoot":"","sources":["../../../lib/lib/arcade/arcade.ts"],"names":[],"mappings":"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"}