@arcadeai/design-system 3.27.5 → 3.27.7

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

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

@@ -1,101 +1,125 @@
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import { VirtualizedGrid as c } from "../../../atoms/virtualized-grid.js";
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { VirtualizedGrid as g } from "../../../atoms/virtualized-grid.js";
 import "../../../molecules/date-time-picker.js";
-import { EmptyState as _ } from "../../../molecules/empty-state.js";
-import "../../../../../toolkit-card-D6Dqff6p.js";
-import { ToolCard as k } from "../../../molecules/tool-card.js";
-import { getToolkitIcon as T } from "../../../../../metadata/toolkit-icons.js";
+import { EmptyState as C } from "../../../molecules/empty-state.js";
+import "../../../../../toolkit-card-Cmp_yG03.js";
+import { ToolCard as S } from "../../../molecules/tool-card.js";
+import { getToolkitIcon as q } from "../../../../../metadata/toolkit-icons.js";
 import "lucide-react";
-import { useToolkitPicker as N } from "../hooks/use-toolkit-picker.js";
+import { useToolkitPicker as z } from "../hooks/use-toolkit-picker.js";
 import "../../../atoms/mobile-tooltip.js";
 import "react";
 import "../../../atoms/chart.js";
 import "../../../../../react-resizable-panels.browser-DYl0LXfw.js";
 import "../../../atoms/sidebar.js";
-import { useColumns as q } from "../../../../../hooks/use-columns.js";
-const f = 136;
-function K({
-  selectionMode: p,
+import { useColumns as I } from "../../../../../hooks/use-columns.js";
+import { UnoptimizedToggle as h } from "./unoptimized-toggle.js";
+const x = 136;
+function V({
+  selectionMode: y,
   scrollContainerRef: s
 }) {
   const {
-    state: { filteredTools: o, filteredToolkits: u, selectedTools: i },
-    toggleTool: g
-  } = N(), d = q();
-  if (o.size === 0)
-    return /* @__PURE__ */ t(
-      _,
+    state: {
+      filteredTools: n,
+      toolkitCollection: T,
+      selectedTools: l,
+      showUnoptimizedToolkits: d,
+      hasStarterToolkits: m,
+      hiddenToolCount: r
+    },
+    toggleTool: _,
+    toggleUnoptimizedToolkits: c
+  } = z(), p = I();
+  if (n.size === 0)
+    return m && r > 0 ? /* @__PURE__ */ t(
+      h,
+      {
+        hiddenCount: r,
+        isShowingUnoptimized: d,
+        itemType: "tool",
+        onToggle: c
+      }
+    ) : /* @__PURE__ */ t(
+      C,
       {
         "data-testid": "empty-tools",
         description: "Try a different search term",
         title: "No tools found"
       }
     );
-  const m = Array.from(o), a = m.filter(
-    (e) => i.has(e.fully_qualified_name)
-  ), r = m.filter(
-    (e) => !i.has(e.fully_qualified_name)
-  ), x = new Map(
-    Array.from(u).map((e) => [e.name, e])
-  ), n = (e) => {
-    const h = x.get(e.toolkit.name), y = T(h?.metadata?.id);
+  const u = Array.from(n), o = u.filter(
+    (e) => l.has(e.fully_qualified_name)
+  ), a = u.filter(
+    (e) => !l.has(e.fully_qualified_name)
+  ), f = (e) => {
+    const k = T?.toolkitMap?.get(e.toolkit?.name), N = q(k?.metadata?.id);
     return /* @__PURE__ */ t(
-      k,
+      S,
       {
         "data-testid": `tool-card-${e.fully_qualified_name}`,
         description: e.description,
         fully_qualified_name: e.fully_qualified_name,
-        hideCheckbox: p === "single",
-        Icon: y,
-        isSelected: i.has(e.fully_qualified_name),
+        hideCheckbox: y === "single",
+        Icon: N,
+        isSelected: l.has(e.fully_qualified_name),
         name: e.name,
-        onSelect: () => g(e),
-        toolkitName: e.toolkit.name
+        onSelect: () => _(e),
+        toolkitName: e.toolkit?.name ?? "Unknown MCP Server"
       },
       e.fully_qualified_name
     );
   };
-  return /* @__PURE__ */ l("div", { className: "space-y-4", "data-testid": "tools-grid", children: [
-    a.length > 0 && /* @__PURE__ */ l("div", { className: "space-y-3", "data-testid": "selected-tools-section", children: [
-      /* @__PURE__ */ l("div", { className: "flex items-center gap-1.5", children: [
+  return /* @__PURE__ */ i("div", { className: "space-y-4", "data-testid": "tools-grid", children: [
+    o.length > 0 && /* @__PURE__ */ i("div", { className: "space-y-3", "data-testid": "selected-tools-section", children: [
+      /* @__PURE__ */ i("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-600 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-600 dark:text-emerald-200", children: o.length })
       ] }),
       /* @__PURE__ */ t(
-        c,
+        g,
         {
-          columns: d,
-          estimateRowSize: f,
+          columns: p,
+          estimateRowSize: x,
           getItemKey: (e) => e.fully_qualified_name,
           gridClassName: "grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3",
-          items: a,
+          items: o,
           parentRef: s,
-          renderItem: n,
+          renderItem: f,
           rowGapPx: 12
         }
       )
     ] }),
-    r.length > 0 && /* @__PURE__ */ l("div", { className: "space-y-3", children: [
-      a.length > 0 && /* @__PURE__ */ l("div", { className: "flex items-center gap-1.5", children: [
+    a.length > 0 && /* @__PURE__ */ i("div", { className: "space-y-3", children: [
+      o.length > 0 && /* @__PURE__ */ i("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 tools" }),
-        /* @__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: r.length })
+        /* @__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(
-        c,
+        g,
         {
-          columns: d,
-          estimateRowSize: f,
+          columns: p,
+          estimateRowSize: x,
           getItemKey: (e) => e.fully_qualified_name,
           gridClassName: "grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3",
-          items: r,
+          items: a,
           parentRef: s,
-          renderItem: n,
+          renderItem: f,
           rowGapPx: 12
         }
       )
-    ] })
+    ] }),
+    m && /* @__PURE__ */ t(
+      h,
+      {
+        hiddenCount: r,
+        isShowingUnoptimized: d,
+        itemType: "tool",
+        onToggle: c
+      }
+    )
   ] });
 }
 export {
-  K as ToolsList
+  V as ToolsList
 };

package/dist/components/ui/organisms/toolkit-picker/components/unoptimized-toggle.d.ts

@@ -0,0 +1,21 @@
+type UnoptimizedToggleProps = {
+    /**
+     * Number of hidden items when unoptimized toolkits are not shown
+     */
+    hiddenCount: number;
+    /**
+     * Whether unoptimized toolkits are currently shown
+     */
+    isShowingUnoptimized: boolean;
+    /**
+     * The type of item being hidden (for display text)
+     */
+    itemType: "toolkit" | "tool";
+    /**
+     * Callback to toggle the visibility of unoptimized toolkits
+     */
+    onToggle: () => void;
+};
+export declare function UnoptimizedToggle({ hiddenCount, isShowingUnoptimized, itemType, onToggle, }: UnoptimizedToggleProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=unoptimized-toggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"unoptimized-toggle.d.ts","sourceRoot":"","sources":["../../../../../../lib/components/ui/organisms/toolkit-picker/components/unoptimized-toggle.tsx"],"names":[],"mappings":"AAAA,KAAK,sBAAsB,GAAG;IAC5B;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,oBAAoB,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,QAAQ,EAAE,SAAS,GAAG,MAAM,CAAC;IAC7B;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,oBAAoB,EACpB,QAAQ,EACR,QAAQ,GACT,EAAE,sBAAsB,2CAsBxB"}

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

@@ -0,0 +1,29 @@
+import { jsxs as r, jsx as n } from "react/jsx-runtime";
+function d({
+  hiddenCount: t,
+  isShowingUnoptimized: e,
+  itemType: o,
+  onToggle: l
+}) {
+  const a = o === "toolkit" ? "toolkits" : "tools";
+  return /* @__PURE__ */ r("div", { className: "space-y-2 rounded-lg border border-neutral-200 bg-neutral-50 p-3 dark:border-neutral-700 dark:bg-neutral-800/50", children: [
+    !e && t > 0 && /* @__PURE__ */ r("p", { className: "text-neutral-600 text-sm dark:text-neutral-400", children: [
+      t,
+      " ",
+      t === 1 ? o : a,
+      " hidden in unoptimized toolkits"
+    ] }),
+    /* @__PURE__ */ n(
+      "button",
+      {
+        className: "font-medium text-blue-600 text-sm hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300",
+        onClick: l,
+        type: "button",
+        children: e ? "Hide unoptimized toolkits" : "Show unoptimized toolkits"
+      }
+    )
+  ] });
+}
+export {
+  d as UnoptimizedToggle
+};

package/dist/components/ui/organisms/toolkit-picker/hooks/featured-toolkits.d.ts

@@ -1,6 +1,6 @@
 /**
  * Featured toolkit names for the toolkit picker.
- * These appear in a highlighted "Featured Toolkits" section when not searching.
+ * These appear in a highlighted "Featured MCP Servers" section when not searching.
  * Matching is case-insensitive.
  */
 export declare const FEATURED_TOOLKITS: readonly ["Gmail", "GoogleCalendar", "GoogleDocs", "Github", "Slack", "Jira"];

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

@@ -24,11 +24,18 @@ type ReducerState = {
     searchQuery: string;
     toolkitFilter: string;
     activeTab: ToolkitPickerTab;
+    showUnoptimizedToolkits: boolean;
 };
 type UseToolkitPickerState = ReducerState & {
     toolkitCollection?: ToolkitCollection;
     filteredToolkits: Set<ProcessedToolkit>;
     filteredTools: Set<ProcessedTool>;
+    /** Whether there are any starter (unoptimized) toolkits in the collection */
+    hasStarterToolkits: boolean;
+    /** Count of starter toolkits hidden due to visibility rules (would match current search) */
+    hiddenToolkitCount: number;
+    /** Count of tools from starter toolkits hidden due to visibility rules (would match current search) */
+    hiddenToolCount: number;
 };
 type ToolkitPickerContextType = {
     state: UseToolkitPickerState;
@@ -43,6 +50,7 @@ type ToolkitPickerContextType = {
     setToolkitFilter: (fqName: string) => void;
     clearFilter: () => void;
     setActiveTab: (tab: ToolkitPickerTab) => void;
+    toggleUnoptimizedToolkits: () => void;
 };
 export declare function ToolkitPickerProvider({ children, toolkitCollection, selectionMode, initialProps, }: {
     children: ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"use-toolkit-picker.d.ts","sourceRoot":"","sources":["../../../../../../lib/components/ui/organisms/toolkit-picker/hooks/use-toolkit-picker.tsx"],"names":[],"mappings":"AAAA,kGAAkG;AAElG,OAAO,KAAK,EACV,aAAa,EACb,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,MAAM,MAAM,yBAAyB,GAAG;IACtC,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,YAAY,CAAC,EAAE,yBAAyB,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,OAAO,CAAC;AACpD,MAAM,MAAM,mBAAmB,GAAG,GAAG,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;AAChE,MAAM,MAAM,gBAAgB,GAAG,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAGpD,KAAK,YAAY,GAAG;IAClB,aAAa,EAAE,aAAa,CAAC;IAC7B,gBAAgB,EAAE,mBAAmB,CAAC;IACtC,aAAa,EAAE,gBAAgB,CAAC;IAChC,iBAAiB,EAAE,mBAAmB,CAAC;IACvC,cAAc,EAAE,gBAAgB,CAAC;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,gBAAgB,CAAC;CAC7B,CAAC;AAGF,KAAK,qBAAqB,GAAG,YAAY,GAAG;IAC1C,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,gBAAgB,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACxC,aAAa,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;CACnC,CAAC;AAmUF,KAAK,wBAAwB,GAAG;IAC9B,KAAK,EAAE,qBAAqB,CAAC;IAC7B,aAAa,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACnD,UAAU,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,SAAS,EAAE,CAAC,eAAe,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAChD,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC/C,CAAC;AAOF,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,iBAAiB,EACjB,aAAa,EACb,YAAY,GACb,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,GAAG,qBAAqB,2CAyIjD;AAGD,wBAAgB,gBAAgB,6BAQ/B;AAGD,YAAY,EAAE,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"use-toolkit-picker.d.ts","sourceRoot":"","sources":["../../../../../../lib/components/ui/organisms/toolkit-picker/hooks/use-toolkit-picker.tsx"],"names":[],"mappings":"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"}