@arcadeai/design-system 3.40.0 → 3.42.3
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/cursor.js +6 -9
- package/dist/assets/icons/forkable.js +10 -0
- package/dist/assets/icons/mcp.js +2 -5
- package/dist/assets/icons/resend.js +10 -0
- package/dist/assets/index.css +1 -1
- package/dist/assets/tokens.css +1 -1
- package/dist/assets/variables.css +1 -1
- package/dist/components/index.js +504 -494
- package/dist/components/ui/atoms/badge.js +5 -5
- package/dist/components/ui/atoms/button.js +1 -1
- package/dist/components/ui/atoms/compute-flow-paths.d.ts +21 -0
- package/dist/components/ui/atoms/compute-flow-paths.d.ts.map +1 -0
- package/dist/components/ui/atoms/compute-flow-paths.js +38 -0
- package/dist/components/ui/atoms/flow-connector.d.ts +48 -0
- package/dist/components/ui/atoms/flow-connector.d.ts.map +1 -0
- package/dist/components/ui/atoms/flow-connector.js +153 -0
- package/dist/components/ui/atoms/flow-hub.d.ts +26 -0
- package/dist/components/ui/atoms/flow-hub.d.ts.map +1 -0
- package/dist/components/ui/atoms/flow-hub.js +34 -0
- package/dist/components/ui/atoms/flow-tile.d.ts +19 -0
- package/dist/components/ui/atoms/flow-tile.d.ts.map +1 -0
- package/dist/components/ui/atoms/flow-tile.js +49 -0
- package/dist/components/ui/atoms/icons/cursor.d.ts.map +1 -1
- package/dist/components/ui/atoms/icons/cursor.js +7 -7
- package/dist/components/ui/atoms/icons/forkable.d.ts +4 -0
- package/dist/components/ui/atoms/icons/forkable.d.ts.map +1 -0
- package/dist/components/ui/atoms/icons/forkable.js +31 -0
- package/dist/components/ui/atoms/icons/index.d.ts +2 -0
- package/dist/components/ui/atoms/icons/index.d.ts.map +1 -1
- package/dist/components/ui/atoms/icons/index.js +230 -226
- package/dist/components/ui/atoms/icons/mcp.d.ts.map +1 -1
- package/dist/components/ui/atoms/icons/mcp.js +3 -4
- package/dist/components/ui/atoms/icons/resend.d.ts +4 -0
- package/dist/components/ui/atoms/icons/resend.d.ts.map +1 -0
- package/dist/components/ui/atoms/icons/resend.js +24 -0
- package/dist/components/ui/atoms/index.js +372 -368
- package/dist/components/ui/atoms/switch.js +19 -19
- package/dist/components/ui/index.js +504 -494
- package/dist/components/ui/molecules/date-time-picker.js +1 -1
- package/dist/components/ui/molecules/flow-diagram.d.ts +56 -0
- package/dist/components/ui/molecules/flow-diagram.d.ts.map +1 -0
- package/dist/components/ui/molecules/flow-diagram.js +232 -0
- package/dist/components/ui/molecules/index.d.ts +2 -0
- package/dist/components/ui/molecules/index.d.ts.map +1 -1
- package/dist/components/ui/molecules/index.js +42 -40
- package/dist/components/ui/molecules/requirement-badges.js +6 -4
- package/dist/components/ui/molecules/tool-card.d.ts.map +1 -1
- package/dist/components/ui/molecules/tool-card.js +19 -22
- package/dist/components/ui/molecules/toolkit-card.js +1 -1
- package/dist/components/ui/pages/login-page.js +13 -13
- package/dist/components/ui/templates/gateway-diagram.d.ts +28 -0
- package/dist/components/ui/templates/gateway-diagram.d.ts.map +1 -0
- package/dist/components/ui/templates/gateway-diagram.js +76 -0
- package/dist/components/ui/templates/index.d.ts +2 -0
- package/dist/components/ui/templates/index.d.ts.map +1 -1
- package/dist/components/ui/templates/index.js +31 -27
- package/dist/main.js +534 -522
- package/dist/metadata/index.d.ts +1 -0
- package/dist/metadata/index.d.ts.map +1 -1
- package/dist/metadata/index.js +25 -23
- package/dist/metadata/mcp-clients.d.ts +54 -0
- package/dist/metadata/mcp-clients.d.ts.map +1 -0
- package/dist/metadata/mcp-clients.js +23 -0
- package/dist/metadata/toolkit-icons.d.ts.map +1 -1
- package/dist/metadata/toolkit-icons.js +162 -158
- package/dist/metadata/toolkits.d.ts.map +1 -1
- package/dist/metadata/toolkits.js +26 -0
- package/dist/{toolkit-card-Dc104Z9e.js → toolkit-card-ryIR325K.js} +22 -20
- package/package.json +5 -5
|
@@ -22,6 +22,8 @@ import "./components/ui/molecules/prompt-input.js";
|
|
|
22
22
|
import "./components/ui/molecules/tool-call-accordion.js";
|
|
23
23
|
import "./components/ui/molecules/tool-card.js";
|
|
24
24
|
import { areStringArraysEqual as h, createPropsComparator as B } from "./components/ui/utils/memo.js";
|
|
25
|
+
import "./metadata/oauth-providers.js";
|
|
26
|
+
import "./metadata/toolkits.js";
|
|
25
27
|
const F = ({
|
|
26
28
|
secrets: r,
|
|
27
29
|
className: a
|
|
@@ -64,14 +66,14 @@ const F = ({
|
|
|
64
66
|
oauth: r,
|
|
65
67
|
className: a
|
|
66
68
|
}) => {
|
|
67
|
-
const s = r.providers.filter((
|
|
69
|
+
const s = r.providers.filter((o) => o.status === "active").length, t = r.providers.length - s > 0, l = /* @__PURE__ */ i("div", { className: "space-y-3", children: [
|
|
68
70
|
/* @__PURE__ */ e("div", { className: "font-medium text-gray-900 dark:text-gray-100", children: "OAuth Authorization" }),
|
|
69
|
-
r.providers.map((
|
|
70
|
-
/* @__PURE__ */ e("span", { className: "font-medium", children:
|
|
71
|
+
r.providers.map((o) => /* @__PURE__ */ i("div", { className: "text-gray-700 text-xs dark:text-gray-300", children: [
|
|
72
|
+
/* @__PURE__ */ e("span", { className: "font-medium", children: o.id }),
|
|
71
73
|
" ",
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
] },
|
|
74
|
+
o.status === "active" ? /* @__PURE__ */ e("span", { className: "text-emerald-700 dark:text-emerald-300", children: "(active)" }) : /* @__PURE__ */ e("span", { className: "text-red-700 dark:text-red-300", children: "(inactive)" }),
|
|
75
|
+
o.scopes.length > 0 && /* @__PURE__ */ e("div", { className: "mt-1 pl-3 text-gray-600 dark:text-gray-400", children: o.scopes.join(", ") })
|
|
76
|
+
] }, o.id))
|
|
75
77
|
] });
|
|
76
78
|
return /* @__PURE__ */ i(v, { children: [
|
|
77
79
|
/* @__PURE__ */ i(
|
|
@@ -132,8 +134,8 @@ const G = f.memo(F, (r, a) => r.className !== a.className ? !1 : r.secrets === a
|
|
|
132
134
|
if (s.length !== n.length)
|
|
133
135
|
return !1;
|
|
134
136
|
for (let t = 0; t < s.length; t++) {
|
|
135
|
-
const l = s[t],
|
|
136
|
-
if (!(l.id ===
|
|
137
|
+
const l = s[t], o = n[t];
|
|
138
|
+
if (!(l.id === o.id && l.status === o.status) || !h(l.scopes, o.scopes))
|
|
137
139
|
return !1;
|
|
138
140
|
}
|
|
139
141
|
return !0;
|
|
@@ -176,7 +178,7 @@ function X({
|
|
|
176
178
|
Icon: n = (p) => /* @__PURE__ */ e($, { ...p }),
|
|
177
179
|
isSelected: t = !1,
|
|
178
180
|
isPartiallySelected: l = !1,
|
|
179
|
-
selectedToolsCount:
|
|
181
|
+
selectedToolsCount: o = 0,
|
|
180
182
|
requirementsSummary: x,
|
|
181
183
|
onSelect: g,
|
|
182
184
|
onView: c,
|
|
@@ -191,9 +193,9 @@ function X({
|
|
|
191
193
|
return;
|
|
192
194
|
}
|
|
193
195
|
g?.(!(t || l));
|
|
194
|
-
}, [u, t, l, g, c]), T = (
|
|
195
|
-
const q =
|
|
196
|
-
(q || E) && (
|
|
196
|
+
}, [u, t, l, g, c]), T = (d) => {
|
|
197
|
+
const q = d.key === "Enter" || d.code === "Enter", E = d.key === " " || d.key === "Spacebar" || d.code === "Space";
|
|
198
|
+
(q || E) && (d.preventDefault(), p()), (d.key === "ArrowRight" || d.code === "ArrowRight") && c && (d.preventDefault(), c());
|
|
197
199
|
}, b = l && !t;
|
|
198
200
|
return /* @__PURE__ */ e(
|
|
199
201
|
D,
|
|
@@ -222,8 +224,8 @@ function X({
|
|
|
222
224
|
partial: l
|
|
223
225
|
})
|
|
224
226
|
),
|
|
225
|
-
onClick: (
|
|
226
|
-
|
|
227
|
+
onClick: (d) => {
|
|
228
|
+
d.target.closest('[data-slot="checkbox-wrapper"]') || p();
|
|
227
229
|
},
|
|
228
230
|
onKeyDown: T,
|
|
229
231
|
tabIndex: 0,
|
|
@@ -247,8 +249,8 @@ function X({
|
|
|
247
249
|
{
|
|
248
250
|
checked: t,
|
|
249
251
|
indeterminate: l && !t,
|
|
250
|
-
onCheckedChange: (
|
|
251
|
-
g?.(
|
|
252
|
+
onCheckedChange: (d) => {
|
|
253
|
+
g?.(d === !0);
|
|
252
254
|
},
|
|
253
255
|
tabIndex: -1
|
|
254
256
|
}
|
|
@@ -271,7 +273,7 @@ function X({
|
|
|
271
273
|
indeterminate: b,
|
|
272
274
|
name: r,
|
|
273
275
|
onClick: () => c(),
|
|
274
|
-
selectedCount:
|
|
276
|
+
selectedCount: o,
|
|
275
277
|
toolsCount: s
|
|
276
278
|
}
|
|
277
279
|
) : /* @__PURE__ */ i(
|
|
@@ -285,7 +287,7 @@ function X({
|
|
|
285
287
|
/* @__PURE__ */ e("span", { children: M(
|
|
286
288
|
l,
|
|
287
289
|
t,
|
|
288
|
-
|
|
290
|
+
o,
|
|
289
291
|
s
|
|
290
292
|
) })
|
|
291
293
|
]
|
|
@@ -319,7 +321,7 @@ const Y = B([
|
|
|
319
321
|
"isByoc",
|
|
320
322
|
"isPro",
|
|
321
323
|
"hideCheckbox"
|
|
322
|
-
]),
|
|
324
|
+
]), ye = f.memo(
|
|
323
325
|
X,
|
|
324
326
|
Y
|
|
325
327
|
);
|
|
@@ -327,5 +329,5 @@ export {
|
|
|
327
329
|
H as O,
|
|
328
330
|
J as R,
|
|
329
331
|
G as S,
|
|
330
|
-
|
|
332
|
+
ye as T
|
|
331
333
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@arcadeai/design-system",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "3.
|
|
4
|
+
"version": "3.42.3",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/main.js",
|
|
7
7
|
"types": "./dist/main.d.ts",
|
|
@@ -115,10 +115,10 @@
|
|
|
115
115
|
"@streamdown/code": "1.1.1",
|
|
116
116
|
"class-variance-authority": "0.7.1",
|
|
117
117
|
"clsx": "2.1.1",
|
|
118
|
-
"cmdk": "
|
|
119
|
-
"date-fns": "
|
|
120
|
-
"react-day-picker": "
|
|
121
|
-
"react-resizable-panels": "
|
|
118
|
+
"cmdk": "1.1.1",
|
|
119
|
+
"date-fns": "4.1.0",
|
|
120
|
+
"react-day-picker": "9.14.0",
|
|
121
|
+
"react-resizable-panels": "4.10.0",
|
|
122
122
|
"react-shiki": "0.9.3",
|
|
123
123
|
"remark-breaks": "4.0.0",
|
|
124
124
|
"remark-gfm": "4.0.1",
|