@arcadeai/design-system 5.0.0 → 5.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ui/molecules/mcp-server-picker/tool-search-band.d.ts +5 -1
- package/dist/components/ui/molecules/mcp-server-picker/tool-search-band.d.ts.map +1 -1
- package/dist/components/ui/molecules/mcp-server-picker/tool-search-band.js +26 -32
- package/dist/components/ui/organisms/mcp-selection-summary-bar.d.ts.map +1 -1
- package/dist/components/ui/organisms/mcp-selection-summary-bar.js +29 -28
- package/package.json +1 -1
|
@@ -3,6 +3,10 @@ export type McpToolSearchState = "on" | "off";
|
|
|
3
3
|
export type McpToolSearchBandProps = {
|
|
4
4
|
state: McpToolSearchState;
|
|
5
5
|
onToggle?: (checked: boolean) => void;
|
|
6
|
-
} & Omit<React.ComponentProps<"
|
|
6
|
+
} & Omit<React.ComponentProps<"label">, "children" | "onToggle">;
|
|
7
|
+
/**
|
|
8
|
+
* Presentational Personalized Tool Search opt-in for the MCP picker. The whole
|
|
9
|
+
* card is a `<label>` for the checkbox, so a click anywhere on it toggles.
|
|
10
|
+
*/
|
|
7
11
|
export declare function McpToolSearchBand({ state, onToggle, className, ...rest }: McpToolSearchBandProps): React.JSX.Element;
|
|
8
12
|
//# sourceMappingURL=tool-search-band.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tool-search-band.d.ts","sourceRoot":"","sources":["../../../../../lib/components/ui/molecules/mcp-server-picker/tool-search-band.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"tool-search-band.d.ts","sourceRoot":"","sources":["../../../../../lib/components/ui/molecules/mcp-server-picker/tool-search-band.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,KAAK,CAAC;AAE9C,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,CAAC;AAEjE;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,sBAAsB,qBAoCxB"}
|
|
@@ -1,41 +1,35 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
"use client";
|
|
3
3
|
import { cn as e } from "../../../../lib/utils.js";
|
|
4
|
-
import { t } from "../../../../
|
|
5
|
-
import {
|
|
4
|
+
import { t } from "../../../../checkbox-CfF6tabe.js";
|
|
5
|
+
import { useId as n } from "react";
|
|
6
|
+
import { jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
6
7
|
//#region lib/components/ui/molecules/mcp-server-picker/tool-search-band.tsx
|
|
7
|
-
function
|
|
8
|
-
let
|
|
9
|
-
return /* @__PURE__ */
|
|
10
|
-
...
|
|
11
|
-
className: e("rounded-lg border border-border/60 bg-muted/
|
|
8
|
+
function a({ state: a, onToggle: o, className: s, ...c }) {
|
|
9
|
+
let l = a === "on", u = n();
|
|
10
|
+
return /* @__PURE__ */ i("label", {
|
|
11
|
+
...c,
|
|
12
|
+
className: e("flex cursor-pointer items-start gap-3 rounded-lg border px-4 py-3 transition-colors", l ? "border-foreground/20 bg-muted/30" : "border-border/60 bg-muted/10 hover:border-foreground/25", s),
|
|
12
13
|
"data-slot": "mcp-tool-search-band",
|
|
13
|
-
"data-status":
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
children: c ? "On" : "Off"
|
|
30
|
-
}), /* @__PURE__ */ n(t, {
|
|
31
|
-
"aria-label": `Personalized Tool Search ${c ? "on" : "off"}`,
|
|
32
|
-
checked: c,
|
|
33
|
-
onCheckedChange: a,
|
|
34
|
-
size: "default"
|
|
35
|
-
})]
|
|
14
|
+
"data-status": a,
|
|
15
|
+
htmlFor: u,
|
|
16
|
+
children: [/* @__PURE__ */ r(t, {
|
|
17
|
+
"aria-label": `Personalized Tool Search ${l ? "on" : "off"}`,
|
|
18
|
+
checked: l,
|
|
19
|
+
className: "mt-0.5",
|
|
20
|
+
id: u,
|
|
21
|
+
onCheckedChange: o
|
|
22
|
+
}), /* @__PURE__ */ i("div", {
|
|
23
|
+
className: "min-w-0",
|
|
24
|
+
children: [/* @__PURE__ */ r("p", {
|
|
25
|
+
className: "font-semibold text-[15px] text-foreground leading-5",
|
|
26
|
+
children: "Personalized Tool Search"
|
|
27
|
+
}), /* @__PURE__ */ r("p", {
|
|
28
|
+
className: "mt-1 text-[13px] text-muted-foreground leading-snug",
|
|
29
|
+
children: "Your agent fetches only the tools relevant to each task, saving tokens and keeping responses focused."
|
|
36
30
|
})]
|
|
37
|
-
})
|
|
31
|
+
})]
|
|
38
32
|
});
|
|
39
33
|
}
|
|
40
34
|
//#endregion
|
|
41
|
-
export {
|
|
35
|
+
export { a as McpToolSearchBand };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mcp-selection-summary-bar.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/organisms/mcp-selection-summary-bar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"mcp-selection-summary-bar.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/organisms/mcp-selection-summary-bar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EACL,KAAK,uBAAuB,EAE7B,MAAM,uEAAuE,CAAC;AAC/E,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,+DAA+D,CAAC;AACvE,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,0DAA0D,CAAC;AAGlE,MAAM,MAAM,4BAA4B,GAAG;IACzC,8DAA8D;IAC9D,EAAE,EAAE,MAAM,CAAC;CACZ,GAAG,IAAI,CAAC,mBAAmB,EAAE,QAAQ,GAAG,UAAU,CAAC,CAAC;AAErD,MAAM,MAAM,2BAA2B,GAAG;IACxC;;;;;;;;;OASG;IACH,UAAU,EAAE,4BAA4B,EAAE,CAAC;IAC3C;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,uBAAuB,EAAE,CAAC;IAClD;;;OAGG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,4CAA4C;IAC5C,WAAW,CAAC,EAAE,uBAAuB,CAAC,YAAY,CAAC,CAAC;IACpD,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,6DAA6D;IAC7D,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,wDAAwD;IACxD,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,8DAA8D;IAC9D,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,mDAAmD;IACnD,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,CAAC;AAE/D;;;;;;;;;;GAUG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,UAAU,EACV,qBAA0B,EAC1B,SAAS,EACT,SAAiB,EACjB,oBAA4B,EAC5B,WAAW,EACX,QAAQ,EACR,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,mBAAmB,EACnB,OAAO,EACP,YAAsC,EACtC,SAAS,EACT,GAAG,IAAI,EACR,EAAE,2BAA2B,qBAyE7B"}
|
|
@@ -6,21 +6,22 @@ import { McpReviewCountChip as n } from "../molecules/mcp-server-picker/review-c
|
|
|
6
6
|
import { McpToolkitChip as r } from "../molecules/mcp-server-picker/toolkit-chip.js";
|
|
7
7
|
import { McpRecommendedToolkitsChip as i } from "../molecules/mcp-server-picker/recommended-toolkits-chip.js";
|
|
8
8
|
import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
|
|
9
|
+
import { X as c } from "lucide-react";
|
|
9
10
|
//#region lib/components/ui/organisms/mcp-selection-summary-bar.tsx
|
|
10
|
-
function
|
|
11
|
-
let
|
|
11
|
+
function l({ mcpServers: l, recommendedMcpServers: u = [], toolCount: d, reviewing: f = !1, reviewingRecommended: p = !1, reviewLabel: m, onReview: h, onReviewRecommended: g, onOpenMcpServer: _, onRemoveMcpServer: v, onRemoveRecommended: y, onClear: b, emptyMessage: x = "No tools selected yet", className: S, ...C }) {
|
|
12
|
+
let w = l.length + u.length, T = w > 0;
|
|
12
13
|
return /* @__PURE__ */ o("div", {
|
|
13
|
-
...
|
|
14
|
-
className: e("@container flex min-h-9 items-center gap-2 rounded-lg bg-muted/30 px-2.5 py-1.5",
|
|
14
|
+
...C,
|
|
15
|
+
className: e("@container flex min-h-9 items-center gap-2 rounded-lg bg-muted/30 px-2.5 py-1.5", S),
|
|
15
16
|
"data-slot": "mcp-selection-summary-bar",
|
|
16
|
-
"data-status":
|
|
17
|
-
children:
|
|
17
|
+
"data-status": T ? "filled" : "empty",
|
|
18
|
+
children: T ? /* @__PURE__ */ s(a, { children: [
|
|
18
19
|
/* @__PURE__ */ o(n, {
|
|
19
|
-
active:
|
|
20
|
-
"aria-label":
|
|
21
|
-
onClick:
|
|
22
|
-
serverCount:
|
|
23
|
-
toolCount:
|
|
20
|
+
active: f,
|
|
21
|
+
"aria-label": m,
|
|
22
|
+
onClick: h,
|
|
23
|
+
serverCount: w,
|
|
24
|
+
toolCount: d
|
|
24
25
|
}),
|
|
25
26
|
/* @__PURE__ */ o("span", {
|
|
26
27
|
"aria-hidden": !0,
|
|
@@ -28,30 +29,30 @@ function c({ mcpServers: c, recommendedMcpServers: l = [], toolCount: u, reviewi
|
|
|
28
29
|
}),
|
|
29
30
|
/* @__PURE__ */ s("div", {
|
|
30
31
|
className: "scroll-fade-x @md:flex hidden min-w-0 flex-1 gap-1.5 overflow-x-auto p-0.5 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
|
|
31
|
-
children: [
|
|
32
|
-
active:
|
|
33
|
-
mcpServers:
|
|
34
|
-
onOpenMcpServer:
|
|
35
|
-
onRemove:
|
|
36
|
-
onReview:
|
|
37
|
-
}) : null,
|
|
32
|
+
children: [u.length > 0 ? /* @__PURE__ */ o(i, {
|
|
33
|
+
active: p,
|
|
34
|
+
mcpServers: u,
|
|
35
|
+
onOpenMcpServer: _,
|
|
36
|
+
onRemove: y,
|
|
37
|
+
onReview: g
|
|
38
|
+
}) : null, l.map(({ id: e, ...t }) => /* @__PURE__ */ o(r, {
|
|
38
39
|
...t,
|
|
39
|
-
onOpen:
|
|
40
|
-
onRemove:
|
|
40
|
+
onOpen: _ ? () => _(e) : void 0,
|
|
41
|
+
onRemove: v ? () => v(e) : void 0
|
|
41
42
|
}, e))]
|
|
42
43
|
}),
|
|
43
|
-
|
|
44
|
-
className: "ml-auto",
|
|
45
|
-
onClick:
|
|
46
|
-
size: "
|
|
47
|
-
variant: "
|
|
48
|
-
children: "Clear all"
|
|
44
|
+
b ? /* @__PURE__ */ s(t, {
|
|
45
|
+
className: "ml-auto gap-1 hover:border-destructive/50 hover:bg-destructive/10 hover:text-destructive",
|
|
46
|
+
onClick: b,
|
|
47
|
+
size: "sm",
|
|
48
|
+
variant: "outline",
|
|
49
|
+
children: [/* @__PURE__ */ o(c, { "aria-hidden": !0 }), "Clear all"]
|
|
49
50
|
}) : null
|
|
50
51
|
] }) : /* @__PURE__ */ o("span", {
|
|
51
52
|
className: "flex shrink-0 items-center px-2 py-1 font-medium text-muted-foreground text-xs",
|
|
52
|
-
children:
|
|
53
|
+
children: x
|
|
53
54
|
})
|
|
54
55
|
});
|
|
55
56
|
}
|
|
56
57
|
//#endregion
|
|
57
|
-
export {
|
|
58
|
+
export { l as McpSelectionSummaryBar };
|