@arcadeai/design-system 3.27.5 → 3.27.7
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/assets/icons/attio.js +10 -0
- package/dist/assets/icons/claude.js +10 -0
- package/dist/assets/icons/cline.js +10 -0
- package/dist/assets/icons/cursor-install-dark.js +12 -0
- package/dist/assets/icons/cursor-install-light.js +12 -0
- package/dist/assets/icons/gemini.js +12 -0
- package/dist/assets/icons/goose.js +13 -0
- package/dist/assets/icons/openai.js +10 -0
- package/dist/assets/icons/vscode.js +12 -0
- package/dist/assets/icons/windsurf.js +10 -0
- package/dist/components/index.js +416 -396
- package/dist/components/ui/atoms/checkbox.d.ts.map +1 -1
- package/dist/components/ui/atoms/checkbox.js +100 -100
- package/dist/components/ui/atoms/icons/attio.d.ts +4 -0
- package/dist/components/ui/atoms/icons/attio.d.ts.map +1 -0
- package/dist/components/ui/atoms/icons/attio.js +27 -0
- package/dist/components/ui/atoms/icons/claude.d.ts +4 -0
- package/dist/components/ui/atoms/icons/claude.d.ts.map +1 -0
- package/dist/components/ui/atoms/icons/claude.js +27 -0
- package/dist/components/ui/atoms/icons/cline.d.ts +4 -0
- package/dist/components/ui/atoms/icons/cline.d.ts.map +1 -0
- package/dist/components/ui/atoms/icons/cline.js +23 -0
- package/dist/components/ui/atoms/icons/cursor-install-dark.d.ts +4 -0
- package/dist/components/ui/atoms/icons/cursor-install-dark.d.ts.map +1 -0
- package/dist/components/ui/atoms/icons/cursor-install-dark.js +79 -0
- package/dist/components/ui/atoms/icons/cursor-install-light.d.ts +4 -0
- package/dist/components/ui/atoms/icons/cursor-install-light.d.ts.map +1 -0
- package/dist/components/ui/atoms/icons/cursor-install-light.js +79 -0
- package/dist/components/ui/atoms/icons/gemini.d.ts +4 -0
- package/dist/components/ui/atoms/icons/gemini.d.ts.map +1 -0
- package/dist/components/ui/atoms/icons/gemini.js +234 -0
- package/dist/components/ui/atoms/icons/goose.d.ts +4 -0
- package/dist/components/ui/atoms/icons/goose.d.ts.map +1 -0
- package/dist/components/ui/atoms/icons/goose.js +22 -0
- package/dist/components/ui/atoms/icons/index.d.ts +10 -0
- package/dist/components/ui/atoms/icons/index.d.ts.map +1 -1
- package/dist/components/ui/atoms/icons/index.js +256 -236
- package/dist/components/ui/atoms/icons/openai.d.ts +4 -0
- package/dist/components/ui/atoms/icons/openai.d.ts.map +1 -0
- package/dist/components/ui/atoms/icons/openai.js +26 -0
- package/dist/components/ui/atoms/icons/vscode.d.ts +4 -0
- package/dist/components/ui/atoms/icons/vscode.d.ts.map +1 -0
- package/dist/components/ui/atoms/icons/vscode.js +187 -0
- package/dist/components/ui/atoms/icons/windsurf.d.ts +4 -0
- package/dist/components/ui/atoms/icons/windsurf.d.ts.map +1 -0
- package/dist/components/ui/atoms/icons/windsurf.js +26 -0
- package/dist/components/ui/atoms/index.js +399 -379
- package/dist/components/ui/index.js +416 -396
- package/dist/components/ui/molecules/index.js +1 -1
- package/dist/components/ui/molecules/requirement-badges.d.ts +6 -3
- package/dist/components/ui/molecules/requirement-badges.d.ts.map +1 -1
- package/dist/components/ui/molecules/requirement-badges.js +1 -1
- package/dist/components/ui/molecules/tool-card.d.ts.map +1 -1
- package/dist/components/ui/molecules/tool-card.js +55 -54
- package/dist/components/ui/molecules/toolkit-card.d.ts.map +1 -1
- package/dist/components/ui/molecules/toolkit-card.js +1 -1
- package/dist/components/ui/molecules/toolkit-picker-trigger.js +34 -34
- package/dist/components/ui/molecules/toolkit-selection-summary.d.ts.map +1 -1
- package/dist/components/ui/molecules/toolkit-selection-summary.js +5 -5
- package/dist/components/ui/organisms/toolkit-picker/components/search-input.js +1 -1
- package/dist/components/ui/organisms/toolkit-picker/components/select-button.js +1 -1
- package/dist/components/ui/organisms/toolkit-picker/components/toolkit-card-with-selection.js +1 -1
- package/dist/components/ui/organisms/toolkit-picker/components/toolkit-list.d.ts.map +1 -1
- package/dist/components/ui/organisms/toolkit-picker/components/toolkit-list.js +101 -74
- package/dist/components/ui/organisms/toolkit-picker/components/tools-list.d.ts.map +1 -1
- package/dist/components/ui/organisms/toolkit-picker/components/tools-list.js +74 -50
- package/dist/components/ui/organisms/toolkit-picker/components/unoptimized-toggle.d.ts +21 -0
- package/dist/components/ui/organisms/toolkit-picker/components/unoptimized-toggle.d.ts.map +1 -0
- package/dist/components/ui/organisms/toolkit-picker/components/unoptimized-toggle.js +29 -0
- package/dist/components/ui/organisms/toolkit-picker/hooks/featured-toolkits.d.ts +1 -1
- package/dist/components/ui/organisms/toolkit-picker/hooks/use-toolkit-picker.d.ts +8 -0
- package/dist/components/ui/organisms/toolkit-picker/hooks/use-toolkit-picker.d.ts.map +1 -1
- package/dist/components/ui/organisms/toolkit-picker/hooks/use-toolkit-picker.js +120 -51
- package/dist/components/ui/organisms/toolkit-picker/mocks/toolkit-collection.d.ts.map +1 -1
- package/dist/components/ui/organisms/toolkit-picker/mocks/toolkit-collection.js +55 -24
- package/dist/components/ui/organisms/toolkit-picker/toolkit-picker.js +20 -20
- package/dist/hooks/use-is-truncated.d.ts +13 -0
- package/dist/hooks/use-is-truncated.d.ts.map +1 -0
- package/dist/hooks/use-is-truncated.js +20 -0
- package/dist/lib/arcade/arcade.d.ts +0 -24
- package/dist/lib/arcade/arcade.d.ts.map +1 -1
- package/dist/lib/arcade/arcade.js +258 -421
- package/dist/lib/arcade/toolkit-collection.d.ts +15 -0
- package/dist/lib/arcade/toolkit-collection.d.ts.map +1 -0
- package/dist/lib/arcade/toolkit-collection.js +149 -0
- package/dist/main.js +455 -435
- package/dist/metadata/oauth-providers.d.ts +2 -0
- package/dist/metadata/oauth-providers.d.ts.map +1 -1
- package/dist/metadata/oauth-providers.js +84 -72
- package/dist/metadata/toolkits.js +7 -7
- package/dist/metadata/utils.d.ts +4 -7
- package/dist/metadata/utils.d.ts.map +1 -1
- package/dist/metadata/utils.js +16 -13
- package/dist/{toolkit-card-D6Dqff6p.js → toolkit-card-Cmp_yG03.js} +115 -110
- package/package.json +34 -23
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { DateTimePicker as e } from "./date-time-picker.js";
|
|
2
2
|
import { EmptyState as m } from "./empty-state.js";
|
|
3
|
-
import { R as a, T as p } from "../../../toolkit-card-
|
|
3
|
+
import { R as a, T as p } from "../../../toolkit-card-Cmp_yG03.js";
|
|
4
4
|
import { ToolCard as f } from "./tool-card.js";
|
|
5
5
|
import { ToolkitPickerTrigger as k } from "./toolkit-picker-trigger.js";
|
|
6
6
|
import { ToolkitSelectionSummary as c } from "./toolkit-selection-summary.js";
|
|
@@ -11,19 +11,22 @@ export type OAuthProvider = {
|
|
|
11
11
|
export type OAuthSummary = {
|
|
12
12
|
providers: OAuthProvider[];
|
|
13
13
|
};
|
|
14
|
-
declare function RequirementBadgesImpl({ requirementsSummary, isByoc, isPro, }: {
|
|
14
|
+
declare function RequirementBadgesImpl({ requirementsSummary, isByoc, isPro, badgeClassName, }: {
|
|
15
15
|
requirementsSummary: {
|
|
16
16
|
secrets?: SecretsSummary;
|
|
17
17
|
oauth?: OAuthSummary;
|
|
18
18
|
};
|
|
19
19
|
isByoc?: boolean;
|
|
20
20
|
isPro?: boolean;
|
|
21
|
+
badgeClassName?: string;
|
|
21
22
|
}): import("react/jsx-runtime").JSX.Element | null;
|
|
22
|
-
declare const SecretsBadge: React.MemoExoticComponent<({ secrets }: {
|
|
23
|
+
declare const SecretsBadge: React.MemoExoticComponent<({ secrets, className, }: {
|
|
23
24
|
secrets: SecretsSummary;
|
|
25
|
+
className?: string;
|
|
24
26
|
}) => import("react/jsx-runtime").JSX.Element>;
|
|
25
|
-
declare const OAuthBadge: React.MemoExoticComponent<({ oauth }: {
|
|
27
|
+
declare const OAuthBadge: React.MemoExoticComponent<({ oauth, className, }: {
|
|
26
28
|
oauth: OAuthSummary;
|
|
29
|
+
className?: string;
|
|
27
30
|
}) => import("react/jsx-runtime").JSX.Element>;
|
|
28
31
|
declare const RequirementBadges: React.MemoExoticComponent<typeof RequirementBadgesImpl>;
|
|
29
32
|
export { OAuthBadge, RequirementBadges, SecretsBadge };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"requirement-badges.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/requirement-badges.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,cAAc,GAAG;IAAE,UAAU,EAAE,MAAM,EAAE,CAAC;IAAC,OAAO,EAAE,MAAM,EAAE,CAAA;CAAE,CAAC;AACzE,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC9B,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB,CAAC;AACF,MAAM,MAAM,YAAY,GAAG;IAAE,SAAS,EAAE,aAAa,EAAE,CAAA;CAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"requirement-badges.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/requirement-badges.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,cAAc,GAAG;IAAE,UAAU,EAAE,MAAM,EAAE,CAAC;IAAC,OAAO,EAAE,MAAM,EAAE,CAAA;CAAE,CAAC;AACzE,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC9B,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB,CAAC;AACF,MAAM,MAAM,YAAY,GAAG;IAAE,SAAS,EAAE,aAAa,EAAE,CAAA;CAAE,CAAC;AA2H1D,iBAAS,qBAAqB,CAAC,EAC7B,mBAAmB,EACnB,MAAc,EACd,KAAa,EACb,cAAc,GACf,EAAE;IACD,mBAAmB,EAAE;QACnB,OAAO,CAAC,EAAE,cAAc,CAAC;QACzB,KAAK,CAAC,EAAE,YAAY,CAAC;KACtB,CAAC;IACF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,kDA0BA;AAOD,QAAA,MAAM,YAAY,sDApKf;IACD,OAAO,EAAE,cAAc,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,6CA0LC,CAAC;AAEH,QAAA,MAAM,UAAU,oDAhIb;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,6CA2JC,CAAC;AAEH,QAAA,MAAM,iBAAiB,yDAWtB,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -11,7 +11,7 @@ import "../../../react-resizable-panels.browser-DYl0LXfw.js";
|
|
|
11
11
|
import "../atoms/sidebar.js";
|
|
12
12
|
import "../atoms/tooltip.js";
|
|
13
13
|
import "./date-time-picker.js";
|
|
14
|
-
import { O as q, R as x, S as A } from "../../../toolkit-card-
|
|
14
|
+
import { O as q, R as x, S as A } from "../../../toolkit-card-Cmp_yG03.js";
|
|
15
15
|
import "./tool-card.js";
|
|
16
16
|
import "../../../metadata/oauth-providers.js";
|
|
17
17
|
import "../../../metadata/toolkits.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tool-card.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/tool-card.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tool-card.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/tool-card.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAE7C,MAAM,MAAM,aAAa,GAAG;IAC1B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAE3D,iBAAS,YAAY,CAAC,EACpB,oBAAoB,EACpB,IAAI,EACJ,WAAW,EACX,WAAW,EACX,IAA+B,EAC/B,UAAkB,EAClB,QAAQ,EACR,YAAoB,EACpB,GAAG,IAAI,EACR,EAAE,aAAa,eAgIf;AAcD,eAAO,MAAM,QAAQ,gDAAoD,CAAC"}
|
|
@@ -1,68 +1,68 @@
|
|
|
1
1
|
import { jsx as r, jsxs as a } from "react/jsx-runtime";
|
|
2
|
-
import { Button as
|
|
3
|
-
import { Card as
|
|
4
|
-
import { Checkbox as
|
|
5
|
-
import { Collapsible as
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
2
|
+
import { Button as E } from "../atoms/button.js";
|
|
3
|
+
import { Card as D, CardContent as I } from "../atoms/card.js";
|
|
4
|
+
import { Checkbox as P } from "../atoms/checkbox.js";
|
|
5
|
+
import { Collapsible as j, CollapsibleTrigger as K, CollapsibleContent as T } from "../atoms/collapsible.js";
|
|
6
|
+
import { useIsTruncated as S } from "../../../hooks/use-is-truncated.js";
|
|
7
|
+
import { c as d } from "../../../utils-6KgZuQUR.js";
|
|
8
|
+
import { Wrench as z } from "lucide-react";
|
|
8
9
|
import * as t from "react";
|
|
9
|
-
import { createPropsComparator as
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
isSelected: n = !1,
|
|
10
|
+
import { createPropsComparator as _ } from "../utils/memo.js";
|
|
11
|
+
function R({
|
|
12
|
+
fully_qualified_name: m,
|
|
13
|
+
name: k,
|
|
14
|
+
toolkitName: p,
|
|
15
|
+
description: h,
|
|
16
|
+
Icon: b = (s) => /* @__PURE__ */ r(z, { ...s }),
|
|
17
|
+
isSelected: o = !1,
|
|
18
18
|
onSelect: l,
|
|
19
|
-
hideCheckbox:
|
|
20
|
-
...
|
|
19
|
+
hideCheckbox: u = !1,
|
|
20
|
+
...x
|
|
21
21
|
}) {
|
|
22
22
|
const s = t.useCallback(
|
|
23
|
-
() => l?.(!
|
|
24
|
-
[
|
|
25
|
-
), [
|
|
26
|
-
const
|
|
27
|
-
(
|
|
28
|
-
},
|
|
23
|
+
() => l?.(!o),
|
|
24
|
+
[o, l]
|
|
25
|
+
), [n, C] = t.useState(!1), { ref: y, isTruncated: v } = S(!n), w = (e) => {
|
|
26
|
+
const i = e.key === "Enter" || e.code === "Enter", c = e.key === " " || e.key === "Spacebar" || e.code === "Space";
|
|
27
|
+
(i || c) && (e.preventDefault(), s());
|
|
28
|
+
}, N = t.useCallback(
|
|
29
29
|
(e) => l?.(!!e),
|
|
30
30
|
[l]
|
|
31
31
|
), f = t.useCallback((e) => {
|
|
32
32
|
e.stopPropagation();
|
|
33
33
|
}, []), g = t.useCallback((e) => {
|
|
34
|
-
const
|
|
35
|
-
(
|
|
34
|
+
const i = e.key === "Enter" || e.code === "Enter", c = e.key === " " || e.key === "Spacebar" || e.code === "Space";
|
|
35
|
+
(i || c) && e.stopPropagation();
|
|
36
36
|
}, []);
|
|
37
37
|
return /* @__PURE__ */ r(
|
|
38
|
-
|
|
38
|
+
D,
|
|
39
39
|
{
|
|
40
|
-
...
|
|
41
|
-
|
|
42
|
-
className: m(
|
|
40
|
+
...x,
|
|
41
|
+
className: d(
|
|
43
42
|
"group relative cursor-pointer overflow-hidden rounded-lg border py-3 transition-all duration-200",
|
|
44
43
|
"bg-white/50 hover:bg-white/70 dark:bg-neutral-900/50 dark:hover:bg-neutral-900/70",
|
|
45
44
|
"hover:-translate-y-0.5 hover:shadow-lg",
|
|
46
|
-
|
|
47
|
-
!
|
|
45
|
+
o && "border-2 border-emerald-600 dark:border-emerald-400",
|
|
46
|
+
!o && "border-neutral-200 hover:border-neutral-300 dark:border-neutral-800 dark:hover:border-neutral-700"
|
|
48
47
|
),
|
|
49
48
|
onClick: s,
|
|
50
|
-
onKeyDown:
|
|
49
|
+
onKeyDown: w,
|
|
51
50
|
tabIndex: 0,
|
|
52
|
-
children: /* @__PURE__ */ r(
|
|
51
|
+
children: /* @__PURE__ */ r(I, { className: "px-3", children: /* @__PURE__ */ a(
|
|
53
52
|
"div",
|
|
54
53
|
{
|
|
55
|
-
className:
|
|
54
|
+
className: d(
|
|
56
55
|
"grid items-start gap-2",
|
|
57
56
|
"grid-cols-[20px_1fr_auto]",
|
|
58
|
-
|
|
57
|
+
u && "grid-cols-[1fr_auto]"
|
|
59
58
|
),
|
|
60
59
|
children: [
|
|
61
|
-
!
|
|
62
|
-
|
|
60
|
+
!u && /* @__PURE__ */ r("div", { className: "flex items-center justify-center pt-1.5", children: /* @__PURE__ */ r(
|
|
61
|
+
P,
|
|
63
62
|
{
|
|
64
|
-
|
|
65
|
-
|
|
63
|
+
"aria-label": `Select ${m}`,
|
|
64
|
+
checked: o,
|
|
65
|
+
onCheckedChange: N,
|
|
66
66
|
onClick: f,
|
|
67
67
|
onKeyDown: g,
|
|
68
68
|
tabIndex: -1
|
|
@@ -70,26 +70,27 @@ function z({
|
|
|
70
70
|
) }),
|
|
71
71
|
/* @__PURE__ */ a("div", { className: "min-w-0 space-y-2", children: [
|
|
72
72
|
/* @__PURE__ */ a("div", { className: "flex min-w-0 items-start gap-3", children: [
|
|
73
|
-
/* @__PURE__ */ r("div", { className: "flex size-9 items-center justify-center rounded bg-gradient-to-b from-neutral-200 to-neutral-100 ring-1 ring-black/5 dark:from-neutral-800 dark:to-neutral-900 dark:ring-white/5", children: /* @__PURE__ */ r(
|
|
73
|
+
/* @__PURE__ */ r("div", { className: "flex size-9 items-center justify-center rounded bg-gradient-to-b from-neutral-200 to-neutral-100 ring-1 ring-black/5 dark:from-neutral-800 dark:to-neutral-900 dark:ring-white/5", children: /* @__PURE__ */ r(b, { className: "size-6 text-neutral-700 dark:text-neutral-200" }) }),
|
|
74
74
|
/* @__PURE__ */ a("div", { className: "flex h-9 min-w-0 flex-col justify-center space-y-0.5", children: [
|
|
75
|
-
/* @__PURE__ */ r("h3", { className: "truncate font-semibold text-base text-neutral-900 leading-tight dark:text-neutral-100", children:
|
|
76
|
-
|
|
75
|
+
/* @__PURE__ */ r("h3", { className: "truncate font-semibold text-base text-neutral-900 leading-tight dark:text-neutral-100", children: k ?? m }),
|
|
76
|
+
p && /* @__PURE__ */ r("span", { className: "font-medium text-neutral-500 text-xs leading-tight dark:text-neutral-400", children: p })
|
|
77
77
|
] })
|
|
78
78
|
] }),
|
|
79
|
-
|
|
79
|
+
h && /* @__PURE__ */ a(j, { onOpenChange: C, open: n, children: [
|
|
80
80
|
/* @__PURE__ */ a("div", { className: "space-y-1", children: [
|
|
81
81
|
/* @__PURE__ */ r(
|
|
82
82
|
"p",
|
|
83
83
|
{
|
|
84
|
-
className:
|
|
84
|
+
className: d(
|
|
85
85
|
"text-neutral-600 text-sm dark:text-neutral-400",
|
|
86
|
-
!
|
|
86
|
+
!n && "line-clamp-3"
|
|
87
87
|
),
|
|
88
|
-
|
|
88
|
+
ref: y,
|
|
89
|
+
children: h
|
|
89
90
|
}
|
|
90
91
|
),
|
|
91
|
-
|
|
92
|
-
|
|
92
|
+
v && /* @__PURE__ */ r(K, { asChild: !0, children: /* @__PURE__ */ a(
|
|
93
|
+
E,
|
|
93
94
|
{
|
|
94
95
|
className: "h-auto px-0",
|
|
95
96
|
onClick: f,
|
|
@@ -97,13 +98,13 @@ function z({
|
|
|
97
98
|
size: "sm",
|
|
98
99
|
variant: "link",
|
|
99
100
|
children: [
|
|
100
|
-
|
|
101
|
-
!
|
|
101
|
+
n && "Show less",
|
|
102
|
+
!n && "Show more"
|
|
102
103
|
]
|
|
103
104
|
}
|
|
104
105
|
) })
|
|
105
106
|
] }),
|
|
106
|
-
/* @__PURE__ */ r(
|
|
107
|
+
/* @__PURE__ */ r(T, {})
|
|
107
108
|
] })
|
|
108
109
|
] }),
|
|
109
110
|
/* @__PURE__ */ r("div", { className: "w-8" })
|
|
@@ -113,7 +114,7 @@ function z({
|
|
|
113
114
|
}
|
|
114
115
|
);
|
|
115
116
|
}
|
|
116
|
-
const
|
|
117
|
+
const B = _([
|
|
117
118
|
"fully_qualified_name",
|
|
118
119
|
"name",
|
|
119
120
|
"toolkitName",
|
|
@@ -121,7 +122,7 @@ const A = j([
|
|
|
121
122
|
"isSelected",
|
|
122
123
|
"Icon",
|
|
123
124
|
"hideCheckbox"
|
|
124
|
-
]),
|
|
125
|
+
]), L = t.memo(R, B);
|
|
125
126
|
export {
|
|
126
|
-
|
|
127
|
+
L as ToolCard
|
|
127
128
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toolkit-card.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/toolkit-card.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAI9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAG7C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,mBAAmB,EAAE,gBAAgB,CAAC,qBAAqB,CAAC,CAAC;IAC7D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAgD3D,iBAAS,eAAe,CAAC,EACvB,IAAI,EACJ,OAAO,EACP,UAAU,EACV,IAAgC,EAChC,UAAkB,EAClB,mBAA2B,EAC3B,kBAAsB,EACtB,mBAAmB,EACnB,QAAQ,EACR,MAAM,EACN,YAAoB,EACpB,MAAM,EACN,KAAK,EACL,GAAG,IAAI,EACR,EAAE,gBAAgB,
|
|
1
|
+
{"version":3,"file":"toolkit-card.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/toolkit-card.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAI9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAG7C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,mBAAmB,EAAE,gBAAgB,CAAC,qBAAqB,CAAC,CAAC;IAC7D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAgD3D,iBAAS,eAAe,CAAC,EACvB,IAAI,EACJ,OAAO,EACP,UAAU,EACV,IAAgC,EAChC,UAAkB,EAClB,mBAA2B,EAC3B,kBAAsB,EACtB,mBAAmB,EACnB,QAAQ,EACR,MAAM,EACN,YAAoB,EACpB,MAAM,EACN,KAAK,EACL,GAAG,IAAI,EACR,EAAE,gBAAgB,eAmJlB;AAmBD,eAAO,MAAM,WAAW,mDAGvB,CAAC"}
|
|
@@ -6,7 +6,7 @@ import "../../../utils-6KgZuQUR.js";
|
|
|
6
6
|
import "../../../index-r7CUvu2m.js";
|
|
7
7
|
import "lucide-react";
|
|
8
8
|
import "react";
|
|
9
|
-
import { T as k } from "../../../toolkit-card-
|
|
9
|
+
import { T as k } from "../../../toolkit-card-Cmp_yG03.js";
|
|
10
10
|
import "../utils/memo.js";
|
|
11
11
|
export {
|
|
12
12
|
k as ToolkitCard
|
|
@@ -1,53 +1,53 @@
|
|
|
1
1
|
import { jsx as e, jsxs as t, Fragment as h } from "react/jsx-runtime";
|
|
2
|
-
import { Badge as
|
|
2
|
+
import { Badge as T } from "../atoms/badge.js";
|
|
3
3
|
import { Button as w } from "../atoms/button.js";
|
|
4
|
-
import { Tooltip as
|
|
4
|
+
import { Tooltip as C, TooltipTrigger as y, TooltipContent as z } from "../atoms/tooltip.js";
|
|
5
5
|
import { c as g } from "../../../utils-6KgZuQUR.js";
|
|
6
|
-
import { getToolkitIcon as
|
|
7
|
-
import { Loader2 as
|
|
8
|
-
import { useToolkitPicker as
|
|
6
|
+
import { getToolkitIcon as M } from "../../../metadata/toolkit-icons.js";
|
|
7
|
+
import { Loader2 as P, Package as S } from "lucide-react";
|
|
8
|
+
import { useToolkitPicker as j } from "../organisms/toolkit-picker/hooks/use-toolkit-picker.js";
|
|
9
9
|
function D({
|
|
10
10
|
maxVisibleIcons: k = 2,
|
|
11
11
|
className: b,
|
|
12
12
|
countType: s = "toolkits",
|
|
13
|
-
loading:
|
|
14
|
-
...
|
|
13
|
+
loading: n = !1,
|
|
14
|
+
...i
|
|
15
15
|
}) {
|
|
16
16
|
const {
|
|
17
17
|
state: { committedToolkits: f, committedTools: N }
|
|
18
|
-
} =
|
|
19
|
-
const
|
|
20
|
-
return
|
|
21
|
-
}), p = Math.max(l - c.length, 0),
|
|
22
|
-
let d = "
|
|
23
|
-
|
|
24
|
-
let u = `Select ${s === "tools" ? "Tools" : "
|
|
25
|
-
return
|
|
18
|
+
} = j(), o = Array.from(f.keys()), l = o.length, x = N.size, c = o.slice(0, k).map((a) => {
|
|
19
|
+
const r = f.get(a);
|
|
20
|
+
return M(r?.metadata?.id);
|
|
21
|
+
}), p = Math.max(l - c.length, 0), v = s === "tools";
|
|
22
|
+
let d = "MCP Servers", m = l;
|
|
23
|
+
v && (d = "Tools", m = x);
|
|
24
|
+
let u = `Select ${s === "tools" ? "Tools" : "MCP Servers"}`;
|
|
25
|
+
return n ? u = "Loading MCP servers..." : l > 0 && (u = `${m} ${d.toLowerCase()} selected`), /* @__PURE__ */ e(
|
|
26
26
|
w,
|
|
27
27
|
{
|
|
28
|
-
...
|
|
28
|
+
...i,
|
|
29
29
|
"aria-label": u,
|
|
30
30
|
className: g("gap-2 bg-transparent transition-colors", b),
|
|
31
|
-
disabled:
|
|
32
|
-
size:
|
|
33
|
-
variant:
|
|
34
|
-
children:
|
|
35
|
-
/* @__PURE__ */ e(
|
|
31
|
+
disabled: n,
|
|
32
|
+
size: i.size ?? "sm",
|
|
33
|
+
variant: i.variant ?? "outline",
|
|
34
|
+
children: n ? /* @__PURE__ */ t(h, { children: [
|
|
35
|
+
/* @__PURE__ */ e(P, { className: "h-4 w-4 animate-spin" }),
|
|
36
36
|
/* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
|
|
37
37
|
/* @__PURE__ */ e("div", { className: "h-4 w-16 animate-pulse rounded bg-neutral-200 dark:bg-neutral-700" }),
|
|
38
38
|
/* @__PURE__ */ e("div", { className: "h-5 w-6 animate-pulse rounded-full bg-neutral-200 dark:bg-neutral-700" })
|
|
39
39
|
] })
|
|
40
40
|
] }) : /* @__PURE__ */ t(h, { children: [
|
|
41
|
-
l > 0 && /* @__PURE__ */ t(
|
|
42
|
-
/* @__PURE__ */ e(
|
|
43
|
-
c.map((
|
|
41
|
+
l > 0 && /* @__PURE__ */ t(C, { children: [
|
|
42
|
+
/* @__PURE__ */ e(y, { asChild: !0, children: /* @__PURE__ */ t("span", { className: "mr-2 flex items-center", children: [
|
|
43
|
+
c.map((a, r) => /* @__PURE__ */ e(
|
|
44
44
|
"div",
|
|
45
45
|
{
|
|
46
|
-
className: g("relative first:ml-0",
|
|
47
|
-
style: { zIndex:
|
|
48
|
-
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(
|
|
46
|
+
className: g("relative first:ml-0", r > 0 && "-ml-2"),
|
|
47
|
+
style: { zIndex: r + 1 },
|
|
48
|
+
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" }) })
|
|
49
49
|
},
|
|
50
|
-
`${
|
|
50
|
+
`${a.name || "icon"}-${r}`
|
|
51
51
|
)),
|
|
52
52
|
p > 0 && /* @__PURE__ */ t(
|
|
53
53
|
"span",
|
|
@@ -61,12 +61,12 @@ function D({
|
|
|
61
61
|
}
|
|
62
62
|
)
|
|
63
63
|
] }) }),
|
|
64
|
-
/* @__PURE__ */ e(
|
|
64
|
+
/* @__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: [
|
|
65
65
|
/* @__PURE__ */ t("li", { children: [
|
|
66
|
-
/* @__PURE__ */ e("span", { className: "font-semibold text-neutral-800 dark:text-neutral-200", children: "
|
|
66
|
+
/* @__PURE__ */ e("span", { className: "font-semibold text-neutral-800 dark:text-neutral-200", children: "MCP Servers" }),
|
|
67
67
|
/* @__PURE__ */ t("span", { className: "text-neutral-700 dark:text-neutral-300", children: [
|
|
68
68
|
": ",
|
|
69
|
-
|
|
69
|
+
o.join(", ")
|
|
70
70
|
] })
|
|
71
71
|
] }),
|
|
72
72
|
/* @__PURE__ */ t("li", { children: [
|
|
@@ -80,15 +80,15 @@ function D({
|
|
|
80
80
|
] }) }) })
|
|
81
81
|
] }),
|
|
82
82
|
l === 0 && /* @__PURE__ */ t(h, { children: [
|
|
83
|
-
/* @__PURE__ */ e(
|
|
83
|
+
/* @__PURE__ */ e(S, { className: "h-4 w-4" }),
|
|
84
84
|
/* @__PURE__ */ t("span", { className: "truncate text-sm", children: [
|
|
85
85
|
"Select ",
|
|
86
|
-
s === "tools" ? "Tools" : "
|
|
86
|
+
s === "tools" ? "Tools" : "MCP Servers"
|
|
87
87
|
] })
|
|
88
88
|
] }),
|
|
89
89
|
l > 0 && /* @__PURE__ */ t("span", { className: "inline-flex items-center gap-2 truncate text-sm", children: [
|
|
90
90
|
d,
|
|
91
|
-
/* @__PURE__ */ e(
|
|
91
|
+
/* @__PURE__ */ e(T, { className: "px-1.5 py-0 text-[11px]", variant: "default", children: m })
|
|
92
92
|
] })
|
|
93
93
|
] })
|
|
94
94
|
}
|
|
@@ -1 +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,
|
|
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,2CA6G9B"}
|
|
@@ -7,7 +7,7 @@ import "../atoms/chart.js";
|
|
|
7
7
|
import "../../../react-resizable-panels.browser-DYl0LXfw.js";
|
|
8
8
|
import "../atoms/sidebar.js";
|
|
9
9
|
import "./date-time-picker.js";
|
|
10
|
-
import "../../../toolkit-card-
|
|
10
|
+
import "../../../toolkit-card-Cmp_yG03.js";
|
|
11
11
|
import "./tool-card.js";
|
|
12
12
|
import { getToolkitIcon as z } from "../../../metadata/toolkit-icons.js";
|
|
13
13
|
import "../organisms/toolkit-picker/hooks/use-toolkit-picker.js";
|
|
@@ -18,7 +18,7 @@ function D({
|
|
|
18
18
|
onClear: N,
|
|
19
19
|
onSelectAll: m,
|
|
20
20
|
allVisibleSelected: k,
|
|
21
|
-
selectionMode:
|
|
21
|
+
selectionMode: v
|
|
22
22
|
}) {
|
|
23
23
|
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);
|
|
24
24
|
return /* @__PURE__ */ t(
|
|
@@ -43,7 +43,7 @@ function D({
|
|
|
43
43
|
] }),
|
|
44
44
|
/* @__PURE__ */ t("div", { className: "ml-1 flex items-center sm:ml-1.5", children: [
|
|
45
45
|
r.map((d, h) => {
|
|
46
|
-
const
|
|
46
|
+
const w = s.get(d), b = z(w?.metadata?.id);
|
|
47
47
|
return /* @__PURE__ */ e(
|
|
48
48
|
"div",
|
|
49
49
|
{
|
|
@@ -70,7 +70,7 @@ function D({
|
|
|
70
70
|
/* @__PURE__ */ t("div", { className: "text-neutral-600 text-xs dark:text-neutral-400", children: [
|
|
71
71
|
"from ",
|
|
72
72
|
a,
|
|
73
|
-
"
|
|
73
|
+
" MCP server",
|
|
74
74
|
a !== 1 ? "s" : ""
|
|
75
75
|
] })
|
|
76
76
|
] }) }),
|
|
@@ -91,7 +91,7 @@ function D({
|
|
|
91
91
|
]
|
|
92
92
|
}
|
|
93
93
|
),
|
|
94
|
-
|
|
94
|
+
v !== "single" && m && !k && /* @__PURE__ */ t(p, { children: [
|
|
95
95
|
/* @__PURE__ */ e(g, { asChild: !0, children: /* @__PURE__ */ e(
|
|
96
96
|
x,
|
|
97
97
|
{
|
|
@@ -7,7 +7,7 @@ import { Input as k } from "../../../atoms/input.js";
|
|
|
7
7
|
import "../../../../../react-resizable-panels.browser-DYl0LXfw.js";
|
|
8
8
|
import "../../../atoms/sidebar.js";
|
|
9
9
|
import "../../../molecules/date-time-picker.js";
|
|
10
|
-
import "../../../../../toolkit-card-
|
|
10
|
+
import "../../../../../toolkit-card-Cmp_yG03.js";
|
|
11
11
|
import "../../../molecules/tool-card.js";
|
|
12
12
|
import "../../../../../metadata/oauth-providers.js";
|
|
13
13
|
import "../../../../../metadata/toolkits.js";
|
|
@@ -7,7 +7,7 @@ import "../../../atoms/chart.js";
|
|
|
7
7
|
import "../../../../../react-resizable-panels.browser-DYl0LXfw.js";
|
|
8
8
|
import "../../../atoms/sidebar.js";
|
|
9
9
|
import "../../../molecules/date-time-picker.js";
|
|
10
|
-
import "../../../../../toolkit-card-
|
|
10
|
+
import "../../../../../toolkit-card-Cmp_yG03.js";
|
|
11
11
|
import "../../../molecules/tool-card.js";
|
|
12
12
|
import "../../../../../metadata/oauth-providers.js";
|
|
13
13
|
import "../../../../../metadata/toolkits.js";
|
package/dist/components/ui/organisms/toolkit-picker/components/toolkit-card-with-selection.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as m } from "react/jsx-runtime";
|
|
2
|
-
import { T as c } from "../../../../../toolkit-card-
|
|
2
|
+
import { T as c } from "../../../../../toolkit-card-Cmp_yG03.js";
|
|
3
3
|
import { getToolkitIcon as d } from "../../../../../metadata/toolkit-icons.js";
|
|
4
4
|
function g({
|
|
5
5
|
toolkit: e,
|
|
@@ -1 +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;
|
|
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;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"}
|