@arcadeai/design-system 2.1.0 → 2.3.0
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/index.css +1 -1
- package/dist/assets/tokens.css +1 -1
- package/dist/assets/variables.css +1 -1
- package/dist/components/index.js +211 -209
- package/dist/components/ui/atoms/icons/index.d.ts +1 -0
- package/dist/components/ui/atoms/icons/index.js +94 -92
- package/dist/components/ui/atoms/icons/mongodb.d.ts +3 -0
- package/dist/components/ui/atoms/icons/mongodb.js +39 -0
- package/dist/components/ui/atoms/index.js +187 -185
- package/dist/components/ui/index.js +211 -209
- package/dist/components/ui/molecules/index.js +1 -1
- package/dist/components/ui/molecules/requirement-badges.js +1 -1
- package/dist/components/ui/molecules/tool-card.js +24 -24
- package/dist/components/ui/molecules/toolkit-card.js +1 -1
- package/dist/components/ui/molecules/toolkit-selection-summary.js +1 -1
- package/dist/components/ui/organisms/toolkit-picker/components/action-buttons.d.ts +6 -0
- package/dist/components/ui/organisms/toolkit-picker/components/action-buttons.js +54 -0
- package/dist/components/ui/organisms/toolkit-picker/components/filter-badges.d.ts +1 -0
- package/dist/components/ui/organisms/toolkit-picker/components/filter-badges.js +92 -0
- package/dist/components/ui/organisms/toolkit-picker/components/search-input.js +52 -18
- 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 +6 -0
- package/dist/components/ui/organisms/toolkit-picker/components/toolkit-list.js +90 -0
- package/dist/components/ui/organisms/toolkit-picker/components/tools-list.d.ts +6 -0
- package/dist/components/ui/organisms/toolkit-picker/components/tools-list.js +97 -0
- package/dist/components/ui/organisms/toolkit-picker/toolkit-picker.js +105 -302
- package/dist/components/ui/organisms/toolkit-picker/toolkit-picker.test.js +642 -622
- package/dist/main.js +218 -216
- package/dist/metadata/toolkits.js +98 -82
- package/dist/{toolkit-card-DgjPGtsJ.js → toolkit-card-BWuG_NJi.js} +27 -27
- package/package.json +4 -3
|
@@ -38,8 +38,8 @@ import { Gmail as T } from "../components/ui/atoms/icons/gmail.js";
|
|
|
38
38
|
import { Google as q } from "../components/ui/atoms/icons/google.js";
|
|
39
39
|
import { GoogleCalendar as F } from "../components/ui/atoms/icons/google-calendar.js";
|
|
40
40
|
import { GoogleContacts as N } from "../components/ui/atoms/icons/google-contacts.js";
|
|
41
|
-
import { GoogleDocs as
|
|
42
|
-
import { GoogleDrive as
|
|
41
|
+
import { GoogleDocs as z } from "../components/ui/atoms/icons/google-docs.js";
|
|
42
|
+
import { GoogleDrive as W } from "../components/ui/atoms/icons/google-drive.js";
|
|
43
43
|
import { GoogleFinance as R } from "../components/ui/atoms/icons/google-finance.js";
|
|
44
44
|
import { GoogleFlights as j } from "../components/ui/atoms/icons/google-flights.js";
|
|
45
45
|
import { GoogleHotels as E } from "../components/ui/atoms/icons/google-hotels.js";
|
|
@@ -64,46 +64,47 @@ import { MicrosoftSharepoint as mo } from "../components/ui/atoms/icons/microsof
|
|
|
64
64
|
import { MicrosoftTeams as uo } from "../components/ui/atoms/icons/microsoft-teams.js";
|
|
65
65
|
import { Miro as go } from "../components/ui/atoms/icons/miro.js";
|
|
66
66
|
import { Monday as yo } from "../components/ui/atoms/icons/monday.js";
|
|
67
|
-
import {
|
|
67
|
+
import { MongoDB as vo } from "../components/ui/atoms/icons/mongodb.js";
|
|
68
|
+
import { Netsuite as fo } from "../components/ui/atoms/icons/netsuite.js";
|
|
68
69
|
import { Notion as s } from "../components/ui/atoms/icons/notion.js";
|
|
69
|
-
import { Obsidian as
|
|
70
|
-
import { Okta as
|
|
71
|
-
import { OneDrive as
|
|
72
|
-
import { OutlookCalendar as
|
|
73
|
-
import { OutlookMail as
|
|
74
|
-
import { Pinecone as
|
|
75
|
-
import { Pinterest as
|
|
76
|
-
import { Pipedrive as
|
|
77
|
-
import { Plaid as
|
|
78
|
-
import { Postgres as
|
|
79
|
-
import { Quickbooks as
|
|
80
|
-
import { Reddit as
|
|
81
|
-
import { Salesforce as
|
|
82
|
-
import { Shopify as
|
|
83
|
-
import { Singlestore as
|
|
84
|
-
import { Slack as
|
|
85
|
-
import { Snowflake as
|
|
86
|
-
import { Splunk as
|
|
87
|
-
import { Spotify as
|
|
88
|
-
import { Square as
|
|
89
|
-
import { Squarespace as
|
|
90
|
-
import { Stripe as
|
|
91
|
-
import { Tiktok as
|
|
92
|
-
import { Trello as
|
|
93
|
-
import { Twilio as
|
|
94
|
-
import { Twitch as
|
|
70
|
+
import { Obsidian as ko } from "../components/ui/atoms/icons/obsidian.js";
|
|
71
|
+
import { Okta as bo } from "../components/ui/atoms/icons/okta.js";
|
|
72
|
+
import { OneDrive as ho } from "../components/ui/atoms/icons/one-drive.js";
|
|
73
|
+
import { OutlookCalendar as Co } from "../components/ui/atoms/icons/outlook-calendar.js";
|
|
74
|
+
import { OutlookMail as Lo } from "../components/ui/atoms/icons/outlook-mail.js";
|
|
75
|
+
import { Pinecone as So } from "../components/ui/atoms/icons/pinecone.js";
|
|
76
|
+
import { Pinterest as wo } from "../components/ui/atoms/icons/pinterest.js";
|
|
77
|
+
import { Pipedrive as Do } from "../components/ui/atoms/icons/pipedrive.js";
|
|
78
|
+
import { Plaid as Bo } from "../components/ui/atoms/icons/plaid.js";
|
|
79
|
+
import { Postgres as Oo } from "../components/ui/atoms/icons/postgres.js";
|
|
80
|
+
import { Quickbooks as Po } from "../components/ui/atoms/icons/quickbooks.js";
|
|
81
|
+
import { Reddit as Ho } from "../components/ui/atoms/icons/reddit.js";
|
|
82
|
+
import { Salesforce as Io } from "../components/ui/atoms/icons/salesforce.js";
|
|
83
|
+
import { Shopify as Uo } from "../components/ui/atoms/icons/shopify.js";
|
|
84
|
+
import { Singlestore as Yo } from "../components/ui/atoms/icons/singlestore.js";
|
|
85
|
+
import { Slack as $o } from "../components/ui/atoms/icons/slack.js";
|
|
86
|
+
import { Snowflake as Mo } from "../components/ui/atoms/icons/snowflake.js";
|
|
87
|
+
import { Splunk as Go } from "../components/ui/atoms/icons/splunk.js";
|
|
88
|
+
import { Spotify as _o } from "../components/ui/atoms/icons/spotify.js";
|
|
89
|
+
import { Square as xo } from "../components/ui/atoms/icons/square.js";
|
|
90
|
+
import { Squarespace as Ao } from "../components/ui/atoms/icons/squarespace.js";
|
|
91
|
+
import { Stripe as To } from "../components/ui/atoms/icons/stripe.js";
|
|
92
|
+
import { Tiktok as qo } from "../components/ui/atoms/icons/tiktok.js";
|
|
93
|
+
import { Trello as Fo } from "../components/ui/atoms/icons/trello.js";
|
|
94
|
+
import { Twilio as No } from "../components/ui/atoms/icons/twilio.js";
|
|
95
|
+
import { Twitch as zo } from "../components/ui/atoms/icons/twitch.js";
|
|
95
96
|
import { Vercel as Wo } from "../components/ui/atoms/icons/vercel.js";
|
|
96
|
-
import { Walmart as
|
|
97
|
-
import { Weaviate as
|
|
98
|
-
import { Workday as
|
|
99
|
-
import { Wrike as
|
|
100
|
-
import { X as
|
|
101
|
-
import { Xero as
|
|
102
|
-
import { Youtube as
|
|
103
|
-
import { Zendesk as
|
|
104
|
-
import { Zoom as
|
|
97
|
+
import { Walmart as Ro } from "../components/ui/atoms/icons/walmart.js";
|
|
98
|
+
import { Weaviate as jo } from "../components/ui/atoms/icons/weaviate.js";
|
|
99
|
+
import { Workday as Eo } from "../components/ui/atoms/icons/workday.js";
|
|
100
|
+
import { Wrike as Jo } from "../components/ui/atoms/icons/wrike.js";
|
|
101
|
+
import { X as Xo } from "../components/ui/atoms/icons/x.js";
|
|
102
|
+
import { Xero as Zo } from "../components/ui/atoms/icons/xero.js";
|
|
103
|
+
import { Youtube as Qo } from "../components/ui/atoms/icons/youtube.js";
|
|
104
|
+
import { Zendesk as Vo } from "../components/ui/atoms/icons/zendesk.js";
|
|
105
|
+
import { Zoom as Ko } from "../components/ui/atoms/icons/zoom.js";
|
|
105
106
|
import { PUBLIC_ICON_URL as o } from "./constants.js";
|
|
106
|
-
const
|
|
107
|
+
const Ke = [
|
|
107
108
|
{ id: "all", name: "All Tools" },
|
|
108
109
|
{ id: "productivity", name: "Productivity & Docs" },
|
|
109
110
|
{ id: "social", name: "Social & Communication" },
|
|
@@ -114,7 +115,7 @@ const Qe = [
|
|
|
114
115
|
{ id: "sales", name: "Sales" },
|
|
115
116
|
{ id: "databases", name: "Databases" },
|
|
116
117
|
{ id: "customer-support", name: "Customer Support" }
|
|
117
|
-
],
|
|
118
|
+
], oi = [
|
|
118
119
|
{
|
|
119
120
|
id: "ADPWorkforceNow",
|
|
120
121
|
label: "ADP Workforce Now",
|
|
@@ -691,7 +692,7 @@ const Qe = [
|
|
|
691
692
|
isBYOC: !1,
|
|
692
693
|
isPro: !1,
|
|
693
694
|
publicIconUrl: `${o}/google_docs.svg`,
|
|
694
|
-
icon:
|
|
695
|
+
icon: z,
|
|
695
696
|
summary: "Create, edit, and get information about Google Docs documents with your agents.",
|
|
696
697
|
docsLink: "https://docs.arcade.dev/toolkits/productivity/google_docs",
|
|
697
698
|
relativeDocsLink: "/toolkits/productivity/google_docs",
|
|
@@ -706,7 +707,7 @@ const Qe = [
|
|
|
706
707
|
isBYOC: !1,
|
|
707
708
|
isPro: !1,
|
|
708
709
|
publicIconUrl: `${o}/google_drive.svg`,
|
|
709
|
-
icon:
|
|
710
|
+
icon: W,
|
|
710
711
|
summary: "List documents in Google Drive with your agents.",
|
|
711
712
|
docsLink: "https://docs.arcade.dev/toolkits/productivity/google_drive",
|
|
712
713
|
relativeDocsLink: "/toolkits/productivity/google_drive",
|
|
@@ -1090,13 +1091,28 @@ const Qe = [
|
|
|
1090
1091
|
isComingSoon: !0,
|
|
1091
1092
|
isHidden: !1
|
|
1092
1093
|
},
|
|
1094
|
+
{
|
|
1095
|
+
id: "MongoDB ",
|
|
1096
|
+
label: "MongoDB ",
|
|
1097
|
+
isBYOC: !1,
|
|
1098
|
+
isPro: !1,
|
|
1099
|
+
publicIconUrl: `${o}/mongodb.svg`,
|
|
1100
|
+
icon: vo,
|
|
1101
|
+
summary: "Analyze MongoDB databases with your agents.",
|
|
1102
|
+
docsLink: "https://docs.arcade.dev/toolkits/productivity/mongodb",
|
|
1103
|
+
relativeDocsLink: "/toolkits/productivity/mongodb",
|
|
1104
|
+
category: "databases",
|
|
1105
|
+
type: "arcade",
|
|
1106
|
+
isComingSoon: !1,
|
|
1107
|
+
isHidden: !1
|
|
1108
|
+
},
|
|
1093
1109
|
{
|
|
1094
1110
|
id: "Netsuite",
|
|
1095
1111
|
label: "Netsuite",
|
|
1096
1112
|
isBYOC: !1,
|
|
1097
1113
|
isPro: !1,
|
|
1098
1114
|
publicIconUrl: `${o}/netsuite.svg`,
|
|
1099
|
-
icon:
|
|
1115
|
+
icon: fo,
|
|
1100
1116
|
summary: "Manage financial and business operations with your agents.",
|
|
1101
1117
|
docsLink: "https://docs.arcade.dev/toolkits/productivity/netsuite",
|
|
1102
1118
|
relativeDocsLink: "/toolkits/productivity/netsuite",
|
|
@@ -1141,7 +1157,7 @@ const Qe = [
|
|
|
1141
1157
|
isBYOC: !1,
|
|
1142
1158
|
isPro: !1,
|
|
1143
1159
|
publicIconUrl: `${o}/obsidian.svg`,
|
|
1144
|
-
icon:
|
|
1160
|
+
icon: ko,
|
|
1145
1161
|
summary: "Create, edit, and manage Obsidian notes",
|
|
1146
1162
|
docsLink: "https://docs.arcade.dev/toolkits/productivity/obsidian",
|
|
1147
1163
|
relativeDocsLink: "/toolkits/productivity/obsidian",
|
|
@@ -1156,7 +1172,7 @@ const Qe = [
|
|
|
1156
1172
|
isBYOC: !1,
|
|
1157
1173
|
isPro: !1,
|
|
1158
1174
|
publicIconUrl: `${o}/okta.svg`,
|
|
1159
|
-
icon:
|
|
1175
|
+
icon: bo,
|
|
1160
1176
|
summary: "Manage identity and access with your agents.",
|
|
1161
1177
|
docsLink: "https://docs.arcade.dev/toolkits/productivity/okta",
|
|
1162
1178
|
relativeDocsLink: "/toolkits/productivity/okta",
|
|
@@ -1171,7 +1187,7 @@ const Qe = [
|
|
|
1171
1187
|
isBYOC: !1,
|
|
1172
1188
|
isPro: !1,
|
|
1173
1189
|
publicIconUrl: `${o}/one-drive.svg`,
|
|
1174
|
-
icon:
|
|
1190
|
+
icon: ho,
|
|
1175
1191
|
summary: "Manage OneDrive files and folders with your agents",
|
|
1176
1192
|
docsLink: "https://docs.arcade.dev/toolkits/productivity/microsoft/onedrive",
|
|
1177
1193
|
relativeDocsLink: "/toolkits/productivity/microsoft/onedrive",
|
|
@@ -1186,7 +1202,7 @@ const Qe = [
|
|
|
1186
1202
|
isBYOC: !1,
|
|
1187
1203
|
isPro: !1,
|
|
1188
1204
|
publicIconUrl: `${o}/outlook-calendar.svg`,
|
|
1189
|
-
icon:
|
|
1205
|
+
icon: Co,
|
|
1190
1206
|
summary: "Manage Outlook calendar with your agents",
|
|
1191
1207
|
docsLink: "https://docs.arcade.dev/toolkits/productivity/microsoft/outlook_calendar",
|
|
1192
1208
|
relativeDocsLink: "/toolkits/productivity/microsoft/outlook_calendar",
|
|
@@ -1201,7 +1217,7 @@ const Qe = [
|
|
|
1201
1217
|
isBYOC: !1,
|
|
1202
1218
|
isPro: !1,
|
|
1203
1219
|
publicIconUrl: `${o}/outlook-mail.svg`,
|
|
1204
|
-
icon:
|
|
1220
|
+
icon: Lo,
|
|
1205
1221
|
summary: "Manage Outlook emails with your agents",
|
|
1206
1222
|
docsLink: "https://docs.arcade.dev/toolkits/productivity/microsoft/outlook_mail",
|
|
1207
1223
|
relativeDocsLink: "/toolkits/productivity/microsoft/outlook_mail",
|
|
@@ -1216,7 +1232,7 @@ const Qe = [
|
|
|
1216
1232
|
isBYOC: !1,
|
|
1217
1233
|
isPro: !1,
|
|
1218
1234
|
publicIconUrl: `${o}/pinecone.svg`,
|
|
1219
|
-
icon:
|
|
1235
|
+
icon: So,
|
|
1220
1236
|
summary: "Manage vector databases and similarity search with your agents.",
|
|
1221
1237
|
docsLink: "https://docs.arcade.dev/toolkits/development/pinecone",
|
|
1222
1238
|
relativeDocsLink: "/toolkits/development/pinecone",
|
|
@@ -1231,7 +1247,7 @@ const Qe = [
|
|
|
1231
1247
|
isBYOC: !1,
|
|
1232
1248
|
isPro: !1,
|
|
1233
1249
|
publicIconUrl: `${o}/pinterest.svg`,
|
|
1234
|
-
icon:
|
|
1250
|
+
icon: wo,
|
|
1235
1251
|
summary: "Create and manage pins and boards with your agents.",
|
|
1236
1252
|
docsLink: "https://docs.arcade.dev/toolkits/social-communication/pinterest",
|
|
1237
1253
|
relativeDocsLink: "/toolkits/social-communication/pinterest",
|
|
@@ -1246,7 +1262,7 @@ const Qe = [
|
|
|
1246
1262
|
isBYOC: !1,
|
|
1247
1263
|
isPro: !1,
|
|
1248
1264
|
publicIconUrl: `${o}/pipedrive.svg`,
|
|
1249
|
-
icon:
|
|
1265
|
+
icon: Do,
|
|
1250
1266
|
summary: "Manage sales pipelines and leads with your agents.",
|
|
1251
1267
|
docsLink: "https://docs.arcade.dev/toolkits/productivity/pipedrive",
|
|
1252
1268
|
relativeDocsLink: "/toolkits/productivity/pipedrive",
|
|
@@ -1261,7 +1277,7 @@ const Qe = [
|
|
|
1261
1277
|
isBYOC: !1,
|
|
1262
1278
|
isPro: !1,
|
|
1263
1279
|
publicIconUrl: `${o}/plaid.svg`,
|
|
1264
|
-
icon:
|
|
1280
|
+
icon: Bo,
|
|
1265
1281
|
summary: "Connect with financial accounts and manage financial data with your agents.",
|
|
1266
1282
|
docsLink: "https://docs.arcade.dev/toolkits/productivity/plaid",
|
|
1267
1283
|
relativeDocsLink: "/toolkits/productivity/plaid",
|
|
@@ -1276,7 +1292,7 @@ const Qe = [
|
|
|
1276
1292
|
isBYOC: !1,
|
|
1277
1293
|
isPro: !1,
|
|
1278
1294
|
publicIconUrl: `${o}/postgres.svg`,
|
|
1279
|
-
icon:
|
|
1295
|
+
icon: Oo,
|
|
1280
1296
|
summary: "Interact with PostgreSQL databases with your agents.",
|
|
1281
1297
|
docsLink: "https://docs.arcade.dev/toolkits/databases/postgres",
|
|
1282
1298
|
relativeDocsLink: "/toolkits/databases/postgres",
|
|
@@ -1291,7 +1307,7 @@ const Qe = [
|
|
|
1291
1307
|
isBYOC: !1,
|
|
1292
1308
|
isPro: !1,
|
|
1293
1309
|
publicIconUrl: `${o}/quickbooks.svg`,
|
|
1294
|
-
icon:
|
|
1310
|
+
icon: Po,
|
|
1295
1311
|
summary: "Manage accounting and finances with your agents.",
|
|
1296
1312
|
docsLink: "https://docs.arcade.dev/toolkits/productivity/quickbooks",
|
|
1297
1313
|
relativeDocsLink: "/toolkits/productivity/quickbooks",
|
|
@@ -1306,7 +1322,7 @@ const Qe = [
|
|
|
1306
1322
|
isBYOC: !1,
|
|
1307
1323
|
isPro: !1,
|
|
1308
1324
|
publicIconUrl: `${o}/reddit.svg`,
|
|
1309
|
-
icon:
|
|
1325
|
+
icon: Ho,
|
|
1310
1326
|
summary: "Interact with Reddit with your agents",
|
|
1311
1327
|
docsLink: "https://docs.arcade.dev/toolkits/social-communication/reddit",
|
|
1312
1328
|
relativeDocsLink: "/toolkits/social-communication/reddit",
|
|
@@ -1321,7 +1337,7 @@ const Qe = [
|
|
|
1321
1337
|
isBYOC: !1,
|
|
1322
1338
|
isPro: !1,
|
|
1323
1339
|
publicIconUrl: `${o}/salesforce.svg`,
|
|
1324
|
-
icon:
|
|
1340
|
+
icon: Io,
|
|
1325
1341
|
summary: "Manage customer relationships and sales with your agents.",
|
|
1326
1342
|
docsLink: "https://docs.arcade.dev/toolkits/sales/salesforce",
|
|
1327
1343
|
relativeDocsLink: "/toolkits/sales/salesforce",
|
|
@@ -1336,7 +1352,7 @@ const Qe = [
|
|
|
1336
1352
|
isBYOC: !1,
|
|
1337
1353
|
isPro: !1,
|
|
1338
1354
|
publicIconUrl: `${o}/shopify.svg`,
|
|
1339
|
-
icon:
|
|
1355
|
+
icon: Uo,
|
|
1340
1356
|
summary: "Manage e-commerce stores and products with your agents.",
|
|
1341
1357
|
docsLink: "https://docs.arcade.dev/toolkits/productivity/shopify",
|
|
1342
1358
|
relativeDocsLink: "/toolkits/productivity/shopify",
|
|
@@ -1351,7 +1367,7 @@ const Qe = [
|
|
|
1351
1367
|
isBYOC: !1,
|
|
1352
1368
|
isPro: !1,
|
|
1353
1369
|
publicIconUrl: `${o}/singlestore.svg`,
|
|
1354
|
-
icon:
|
|
1370
|
+
icon: Yo,
|
|
1355
1371
|
summary: "Manage databases and data operations with your agents.",
|
|
1356
1372
|
docsLink: "https://docs.arcade.dev/toolkits/development/singlestore",
|
|
1357
1373
|
relativeDocsLink: "/toolkits/development/singlestore",
|
|
@@ -1366,7 +1382,7 @@ const Qe = [
|
|
|
1366
1382
|
isBYOC: !1,
|
|
1367
1383
|
isPro: !1,
|
|
1368
1384
|
publicIconUrl: `${o}/slack.svg`,
|
|
1369
|
-
icon:
|
|
1385
|
+
icon: $o,
|
|
1370
1386
|
summary: "Send and receive messages to Slack channels and users with agents",
|
|
1371
1387
|
docsLink: "https://docs.arcade.dev/toolkits/social-communication/slack",
|
|
1372
1388
|
relativeDocsLink: "/toolkits/social-communication/slack",
|
|
@@ -1381,7 +1397,7 @@ const Qe = [
|
|
|
1381
1397
|
isBYOC: !1,
|
|
1382
1398
|
isPro: !1,
|
|
1383
1399
|
publicIconUrl: `${o}/snowflake.svg`,
|
|
1384
|
-
icon:
|
|
1400
|
+
icon: Mo,
|
|
1385
1401
|
summary: "Manage data warehouses and analytics with your agents.",
|
|
1386
1402
|
docsLink: "https://docs.arcade.dev/toolkits/development/snowflake",
|
|
1387
1403
|
relativeDocsLink: "/toolkits/development/snowflake",
|
|
@@ -1396,7 +1412,7 @@ const Qe = [
|
|
|
1396
1412
|
isBYOC: !1,
|
|
1397
1413
|
isPro: !1,
|
|
1398
1414
|
publicIconUrl: `${o}/splunk.svg`,
|
|
1399
|
-
icon:
|
|
1415
|
+
icon: Go,
|
|
1400
1416
|
summary: "Monitor and analyze machine data with your agents.",
|
|
1401
1417
|
docsLink: "https://docs.arcade.dev/toolkits/development/splunk",
|
|
1402
1418
|
relativeDocsLink: "/toolkits/development/splunk",
|
|
@@ -1411,7 +1427,7 @@ const Qe = [
|
|
|
1411
1427
|
isBYOC: !1,
|
|
1412
1428
|
isPro: !1,
|
|
1413
1429
|
publicIconUrl: `${o}/spotify.svg`,
|
|
1414
|
-
icon:
|
|
1430
|
+
icon: _o,
|
|
1415
1431
|
summary: "Control music playback and manage playlists on Spotify",
|
|
1416
1432
|
docsLink: "https://docs.arcade.dev/toolkits/entertainment/spotify",
|
|
1417
1433
|
relativeDocsLink: "/toolkits/entertainment/spotify",
|
|
@@ -1426,7 +1442,7 @@ const Qe = [
|
|
|
1426
1442
|
isBYOC: !1,
|
|
1427
1443
|
isPro: !1,
|
|
1428
1444
|
publicIconUrl: `${o}/square.svg`,
|
|
1429
|
-
icon:
|
|
1445
|
+
icon: xo,
|
|
1430
1446
|
summary: "Process payments and manage business operations with your agents.",
|
|
1431
1447
|
docsLink: "https://docs.arcade.dev/toolkits/productivity/square",
|
|
1432
1448
|
relativeDocsLink: "/toolkits/productivity/square",
|
|
@@ -1441,7 +1457,7 @@ const Qe = [
|
|
|
1441
1457
|
isBYOC: !1,
|
|
1442
1458
|
isPro: !1,
|
|
1443
1459
|
publicIconUrl: `${o}/squarespace.svg`,
|
|
1444
|
-
icon:
|
|
1460
|
+
icon: Ao,
|
|
1445
1461
|
summary: "Manage websites and online presence with your agents.",
|
|
1446
1462
|
docsLink: "https://docs.arcade.dev/toolkits/productivity/squarespace",
|
|
1447
1463
|
relativeDocsLink: "/toolkits/productivity/squarespace",
|
|
@@ -1456,7 +1472,7 @@ const Qe = [
|
|
|
1456
1472
|
isBYOC: !1,
|
|
1457
1473
|
isPro: !1,
|
|
1458
1474
|
publicIconUrl: `${o}/stripe.svg`,
|
|
1459
|
-
icon:
|
|
1475
|
+
icon: To,
|
|
1460
1476
|
summary: "Process payments and manage subscriptions with your agents.",
|
|
1461
1477
|
docsLink: "https://docs.arcade.dev/toolkits/payments/stripe",
|
|
1462
1478
|
relativeDocsLink: "/toolkits/payments/stripe",
|
|
@@ -1471,7 +1487,7 @@ const Qe = [
|
|
|
1471
1487
|
isBYOC: !1,
|
|
1472
1488
|
isPro: !1,
|
|
1473
1489
|
publicIconUrl: `${o}/tiktok.svg`,
|
|
1474
|
-
icon:
|
|
1490
|
+
icon: qo,
|
|
1475
1491
|
summary: "Create and manage TikTok content with your agents.",
|
|
1476
1492
|
docsLink: "https://docs.arcade.dev/toolkits/social-communication/tiktok",
|
|
1477
1493
|
relativeDocsLink: "/toolkits/social-communication/tiktok",
|
|
@@ -1486,7 +1502,7 @@ const Qe = [
|
|
|
1486
1502
|
isBYOC: !1,
|
|
1487
1503
|
isPro: !1,
|
|
1488
1504
|
publicIconUrl: `${o}/trello.svg`,
|
|
1489
|
-
icon:
|
|
1505
|
+
icon: Fo,
|
|
1490
1506
|
summary: "Manage boards, cards, and lists with your agents.",
|
|
1491
1507
|
docsLink: "https://docs.arcade.dev/toolkits/productivity/trello",
|
|
1492
1508
|
relativeDocsLink: "/toolkits/productivity/trello",
|
|
@@ -1501,7 +1517,7 @@ const Qe = [
|
|
|
1501
1517
|
isBYOC: !1,
|
|
1502
1518
|
isPro: !1,
|
|
1503
1519
|
publicIconUrl: `${o}/twilio.svg`,
|
|
1504
|
-
icon:
|
|
1520
|
+
icon: No,
|
|
1505
1521
|
summary: "Send SMS and WhatsApp messages through Twilio's platform",
|
|
1506
1522
|
docsLink: "https://docs.arcade.dev/toolkits/social-communication/twilio/readme",
|
|
1507
1523
|
relativeDocsLink: "/toolkits/social-communication/twilio/readme",
|
|
@@ -1516,7 +1532,7 @@ const Qe = [
|
|
|
1516
1532
|
isBYOC: !1,
|
|
1517
1533
|
isPro: !1,
|
|
1518
1534
|
publicIconUrl: `${o}/twitch.svg`,
|
|
1519
|
-
icon:
|
|
1535
|
+
icon: zo,
|
|
1520
1536
|
summary: "Create clips, get videos, and more from Twitch with your agents",
|
|
1521
1537
|
docsLink: "https://docs.arcade.dev/toolkits/entertainment/twitch",
|
|
1522
1538
|
relativeDocsLink: "/toolkits/entertainment/twitch",
|
|
@@ -1546,7 +1562,7 @@ const Qe = [
|
|
|
1546
1562
|
isBYOC: !0,
|
|
1547
1563
|
isPro: !0,
|
|
1548
1564
|
publicIconUrl: `${o}/walmart.svg`,
|
|
1549
|
-
icon:
|
|
1565
|
+
icon: Ro,
|
|
1550
1566
|
summary: "Search and get details about products listed on Walmart.",
|
|
1551
1567
|
docsLink: "https://docs.arcade.dev/toolkits/search/walmart",
|
|
1552
1568
|
relativeDocsLink: "/toolkits/search/walmart",
|
|
@@ -1561,7 +1577,7 @@ const Qe = [
|
|
|
1561
1577
|
isBYOC: !1,
|
|
1562
1578
|
isPro: !1,
|
|
1563
1579
|
publicIconUrl: `${o}/weaviate.svg`,
|
|
1564
|
-
icon:
|
|
1580
|
+
icon: jo,
|
|
1565
1581
|
summary: "Manage vector databases and semantic search with your agents.",
|
|
1566
1582
|
docsLink: "https://docs.arcade.dev/toolkits/development/weaviate",
|
|
1567
1583
|
relativeDocsLink: "/toolkits/development/weaviate",
|
|
@@ -1576,7 +1592,7 @@ const Qe = [
|
|
|
1576
1592
|
isBYOC: !1,
|
|
1577
1593
|
isPro: !1,
|
|
1578
1594
|
publicIconUrl: `${o}/workday.svg`,
|
|
1579
|
-
icon:
|
|
1595
|
+
icon: Eo,
|
|
1580
1596
|
summary: "Manage HR, finance, and planning with your agents.",
|
|
1581
1597
|
docsLink: "https://docs.arcade.dev/toolkits/productivity/workday",
|
|
1582
1598
|
relativeDocsLink: "/toolkits/productivity/workday",
|
|
@@ -1591,7 +1607,7 @@ const Qe = [
|
|
|
1591
1607
|
isBYOC: !1,
|
|
1592
1608
|
isPro: !1,
|
|
1593
1609
|
publicIconUrl: `${o}/wrike.svg`,
|
|
1594
|
-
icon:
|
|
1610
|
+
icon: Jo,
|
|
1595
1611
|
summary: "Manage projects and collaborate with your agents.",
|
|
1596
1612
|
docsLink: "https://docs.arcade.dev/toolkits/productivity/wrike",
|
|
1597
1613
|
relativeDocsLink: "/toolkits/productivity/wrike",
|
|
@@ -1606,7 +1622,7 @@ const Qe = [
|
|
|
1606
1622
|
isBYOC: !1,
|
|
1607
1623
|
isPro: !1,
|
|
1608
1624
|
publicIconUrl: `${o}/x.svg`,
|
|
1609
|
-
icon:
|
|
1625
|
+
icon: Xo,
|
|
1610
1626
|
summary: "Integrate agents with X (Twitter), including tweets, users, and more",
|
|
1611
1627
|
docsLink: "https://docs.arcade.dev/toolkits/social-communication/x",
|
|
1612
1628
|
relativeDocsLink: "/toolkits/social-communication/x",
|
|
@@ -1621,7 +1637,7 @@ const Qe = [
|
|
|
1621
1637
|
isBYOC: !1,
|
|
1622
1638
|
isPro: !1,
|
|
1623
1639
|
publicIconUrl: `${o}/xero.svg`,
|
|
1624
|
-
icon:
|
|
1640
|
+
icon: Zo,
|
|
1625
1641
|
summary: "Manage accounting and finances with your agents.",
|
|
1626
1642
|
docsLink: "https://docs.arcade.dev/toolkits/productivity/xero",
|
|
1627
1643
|
relativeDocsLink: "/toolkits/productivity/xero",
|
|
@@ -1636,7 +1652,7 @@ const Qe = [
|
|
|
1636
1652
|
isBYOC: !0,
|
|
1637
1653
|
isPro: !0,
|
|
1638
1654
|
publicIconUrl: `${o}/youtube.svg`,
|
|
1639
|
-
icon:
|
|
1655
|
+
icon: Qo,
|
|
1640
1656
|
summary: "Search and get details about YouTube videos.",
|
|
1641
1657
|
docsLink: "https://docs.arcade.dev/toolkits/search/youtube",
|
|
1642
1658
|
relativeDocsLink: "/toolkits/search/youtube",
|
|
@@ -1651,7 +1667,7 @@ const Qe = [
|
|
|
1651
1667
|
isBYOC: !1,
|
|
1652
1668
|
isPro: !1,
|
|
1653
1669
|
publicIconUrl: `${o}/zendesk.svg`,
|
|
1654
|
-
icon:
|
|
1670
|
+
icon: Vo,
|
|
1655
1671
|
summary: "Manage customer support and service with your agents.",
|
|
1656
1672
|
docsLink: "https://docs.arcade.dev/toolkits/customer-support/zendesk",
|
|
1657
1673
|
relativeDocsLink: "/toolkits/customer-support/zendesk",
|
|
@@ -1666,7 +1682,7 @@ const Qe = [
|
|
|
1666
1682
|
isBYOC: !1,
|
|
1667
1683
|
isPro: !1,
|
|
1668
1684
|
publicIconUrl: `${o}/zoom.svg`,
|
|
1669
|
-
icon:
|
|
1685
|
+
icon: Ko,
|
|
1670
1686
|
summary: "Join and manage Zoom meetings with your agents",
|
|
1671
1687
|
docsLink: "https://docs.arcade.dev/toolkits/social-communication/zoom",
|
|
1672
1688
|
relativeDocsLink: "/toolkits/social-communication/zoom",
|
|
@@ -1675,12 +1691,12 @@ const Qe = [
|
|
|
1675
1691
|
isComingSoon: !1,
|
|
1676
1692
|
isHidden: !1
|
|
1677
1693
|
}
|
|
1678
|
-
],
|
|
1694
|
+
], os = oi.reduce(
|
|
1679
1695
|
(i, e) => (i[e.id] = e, i),
|
|
1680
1696
|
{}
|
|
1681
1697
|
);
|
|
1682
1698
|
export {
|
|
1683
|
-
|
|
1684
|
-
|
|
1685
|
-
|
|
1699
|
+
Ke as CATEGORIES,
|
|
1700
|
+
oi as TOOLKITS,
|
|
1701
|
+
os as TOOLKIT_CATALOGUE
|
|
1686
1702
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as d, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { c as v } from "./index-BDE30rcJ.js";
|
|
3
3
|
import { Key as R, Fingerprint as j, Wrench as O, Package as $ } from "lucide-react";
|
|
4
4
|
import * as f from "react";
|
|
@@ -20,19 +20,19 @@ import { areStringArraysEqual as x, createPropsComparator as B } from "./compone
|
|
|
20
20
|
import "./metadata/toolkits.js";
|
|
21
21
|
import "./components/ui/organisms/toolkit-picker/hooks/use-toolkit-picker.js";
|
|
22
22
|
const _ = ({ secrets: r }) => {
|
|
23
|
-
const a = (r.pending?.length ?? 0) > 0, s = /* @__PURE__ */
|
|
23
|
+
const a = (r.pending?.length ?? 0) > 0, s = /* @__PURE__ */ d("div", { className: "space-y-2", children: [
|
|
24
24
|
/* @__PURE__ */ e("div", { className: "font-medium text-gray-900 dark:text-gray-100", children: "API Keys & Secrets" }),
|
|
25
|
-
(r.configured?.length ?? 0) > 0 && /* @__PURE__ */
|
|
25
|
+
(r.configured?.length ?? 0) > 0 && /* @__PURE__ */ d("div", { children: [
|
|
26
26
|
/* @__PURE__ */ e("div", { className: "mb-1 font-medium text-emerald-700 text-xs dark:text-emerald-300", children: "Configured" }),
|
|
27
27
|
/* @__PURE__ */ e("ul", { className: "list-disc pl-4 text-gray-700 text-xs dark:text-gray-300", children: r.configured?.map((t) => /* @__PURE__ */ e("li", { children: t }, `cfg-${t}`)) })
|
|
28
28
|
] }),
|
|
29
|
-
(r.pending?.length ?? 0) > 0 && /* @__PURE__ */
|
|
29
|
+
(r.pending?.length ?? 0) > 0 && /* @__PURE__ */ d("div", { children: [
|
|
30
30
|
/* @__PURE__ */ e("div", { className: "mb-1 font-medium text-red-700 text-xs dark:text-red-300", children: "Pending" }),
|
|
31
31
|
/* @__PURE__ */ e("ul", { className: "list-disc pl-4 text-gray-700 text-xs dark:text-gray-300", children: r.pending?.map((t) => /* @__PURE__ */ e("li", { children: t }, `pen-${t}`)) })
|
|
32
32
|
] })
|
|
33
33
|
] });
|
|
34
|
-
return /* @__PURE__ */
|
|
35
|
-
/* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */
|
|
34
|
+
return /* @__PURE__ */ d(y, { children: [
|
|
35
|
+
/* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ d(
|
|
36
36
|
N,
|
|
37
37
|
{
|
|
38
38
|
className: u(
|
|
@@ -49,17 +49,17 @@ const _ = ({ secrets: r }) => {
|
|
|
49
49
|
/* @__PURE__ */ e(C, { className: "max-w-xs text-sm", sideOffset: 8, children: s })
|
|
50
50
|
] });
|
|
51
51
|
}, F = ({ oauth: r }) => {
|
|
52
|
-
const a = r.providers.filter((i) => i.status === "active").length, t = r.providers.length - a > 0, n = /* @__PURE__ */
|
|
52
|
+
const a = r.providers.filter((i) => i.status === "active").length, t = r.providers.length - a > 0, n = /* @__PURE__ */ d("div", { className: "space-y-2", children: [
|
|
53
53
|
/* @__PURE__ */ e("div", { className: "font-medium text-gray-900 dark:text-gray-100", children: "OAuth Authorization" }),
|
|
54
|
-
r.providers.map((i) => /* @__PURE__ */
|
|
54
|
+
r.providers.map((i) => /* @__PURE__ */ d("div", { className: "text-gray-700 text-xs dark:text-gray-300", children: [
|
|
55
55
|
/* @__PURE__ */ e("span", { className: "font-medium", children: i.id }),
|
|
56
56
|
" ",
|
|
57
57
|
i.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)" }),
|
|
58
58
|
i.scopes.length > 0 && /* @__PURE__ */ e("div", { className: "mt-0.5 pl-3 text-gray-600 dark:text-gray-400", children: i.scopes.join(", ") })
|
|
59
59
|
] }, i.id))
|
|
60
60
|
] });
|
|
61
|
-
return /* @__PURE__ */
|
|
62
|
-
/* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */
|
|
61
|
+
return /* @__PURE__ */ d(y, { children: [
|
|
62
|
+
/* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ d(
|
|
63
63
|
N,
|
|
64
64
|
{
|
|
65
65
|
className: u(
|
|
@@ -84,7 +84,7 @@ function W({
|
|
|
84
84
|
if (!(r?.secrets || r?.oauth || a || s))
|
|
85
85
|
return null;
|
|
86
86
|
const { secrets: t, oauth: n } = r;
|
|
87
|
-
return /* @__PURE__ */
|
|
87
|
+
return /* @__PURE__ */ d("div", { className: "flex w-full flex-wrap items-center gap-1.5", children: [
|
|
88
88
|
t && /* @__PURE__ */ e(G, { secrets: t }),
|
|
89
89
|
n && /* @__PURE__ */ e(H, { oauth: n }),
|
|
90
90
|
a && /* @__PURE__ */ e(z, { className: "gap-1.5 rounded-md" }),
|
|
@@ -119,11 +119,11 @@ const G = f.memo(_, (r, a) => r.secrets === a.secrets ? !0 : !(!(r.secrets && a.
|
|
|
119
119
|
), L = v("", {
|
|
120
120
|
variants: {
|
|
121
121
|
selected: {
|
|
122
|
-
true: "border-
|
|
122
|
+
true: "border-2 border-emerald-600 dark:border-emerald-400",
|
|
123
123
|
false: ""
|
|
124
124
|
},
|
|
125
125
|
partial: {
|
|
126
|
-
true: "border-
|
|
126
|
+
true: "border-2 border-emerald-600 border-dashed dark:border-emerald-400",
|
|
127
127
|
false: ""
|
|
128
128
|
}
|
|
129
129
|
},
|
|
@@ -139,7 +139,7 @@ const G = f.memo(_, (r, a) => r.secrets === a.secrets ? !0 : !(!(r.secrets && a.
|
|
|
139
139
|
{
|
|
140
140
|
variants: {
|
|
141
141
|
indeterminate: {
|
|
142
|
-
true: "bg-
|
|
142
|
+
true: "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-200",
|
|
143
143
|
false: "bg-neutral-100 text-neutral-700 dark:bg-neutral-800 dark:text-neutral-200"
|
|
144
144
|
}
|
|
145
145
|
}
|
|
@@ -155,21 +155,21 @@ function X({
|
|
|
155
155
|
selectedToolsCount: c = 0,
|
|
156
156
|
requirementsSummary: b,
|
|
157
157
|
onSelect: h,
|
|
158
|
-
onView:
|
|
158
|
+
onView: o,
|
|
159
159
|
hideCheckbox: m = !1,
|
|
160
160
|
isByoc: A,
|
|
161
161
|
isPro: I,
|
|
162
162
|
...q
|
|
163
163
|
}) {
|
|
164
164
|
const g = f.useCallback(() => {
|
|
165
|
-
if (m &&
|
|
166
|
-
|
|
165
|
+
if (m && o) {
|
|
166
|
+
o();
|
|
167
167
|
return;
|
|
168
168
|
}
|
|
169
169
|
h?.(!n);
|
|
170
|
-
}, [m, n, h,
|
|
170
|
+
}, [m, n, h, o]), T = (l) => {
|
|
171
171
|
const p = l.key === "Enter" || l.code === "Enter", E = l.key === " " || l.key === "Spacebar" || l.code === "Space";
|
|
172
|
-
(p || E) && (l.preventDefault(), g()), (l.key === "ArrowRight" || l.code === "ArrowRight") &&
|
|
172
|
+
(p || E) && (l.preventDefault(), g()), (l.key === "ArrowRight" || l.code === "ArrowRight") && o && (l.preventDefault(), o());
|
|
173
173
|
}, k = i && !n;
|
|
174
174
|
return /* @__PURE__ */ e(
|
|
175
175
|
P,
|
|
@@ -200,8 +200,8 @@ function X({
|
|
|
200
200
|
onClick: g,
|
|
201
201
|
onKeyDown: T,
|
|
202
202
|
tabIndex: 0,
|
|
203
|
-
children: /* @__PURE__ */ e(D, { className: "px-3", children: /* @__PURE__ */
|
|
204
|
-
/* @__PURE__ */
|
|
203
|
+
children: /* @__PURE__ */ e(D, { className: "px-3", children: /* @__PURE__ */ d("div", { className: "space-y-3", children: [
|
|
204
|
+
/* @__PURE__ */ d(
|
|
205
205
|
"div",
|
|
206
206
|
{
|
|
207
207
|
className: u(
|
|
@@ -227,26 +227,26 @@ function X({
|
|
|
227
227
|
tabIndex: -1
|
|
228
228
|
}
|
|
229
229
|
) }),
|
|
230
|
-
/* @__PURE__ */ e("div", { className: "mr-1.5 min-w-0", children: /* @__PURE__ */
|
|
230
|
+
/* @__PURE__ */ e("div", { className: "mr-1.5 min-w-0", children: /* @__PURE__ */ d("div", { className: "flex min-w-0 items-center gap-3", children: [
|
|
231
231
|
/* @__PURE__ */ e("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__ */ e(t, { className: "size-6 text-neutral-700 dark:text-neutral-200" }) }),
|
|
232
|
-
/* @__PURE__ */
|
|
232
|
+
/* @__PURE__ */ d("div", { className: "flex h-9 min-w-0 flex-col justify-center space-y-0.5", children: [
|
|
233
233
|
/* @__PURE__ */ e("h3", { className: "truncate font-semibold text-base text-neutral-900 leading-tight dark:text-neutral-100", children: r }),
|
|
234
|
-
a && /* @__PURE__ */
|
|
234
|
+
a && /* @__PURE__ */ d("span", { className: "font-medium text-neutral-500 text-xs leading-tight dark:text-neutral-400", children: [
|
|
235
235
|
"v",
|
|
236
236
|
a
|
|
237
237
|
] })
|
|
238
238
|
] })
|
|
239
239
|
] }) }),
|
|
240
|
-
/* @__PURE__ */ e("div", { className: "mt-0.5 self-center justify-self-end", children:
|
|
240
|
+
/* @__PURE__ */ e("div", { className: "mt-0.5 self-center justify-self-end", children: o ? /* @__PURE__ */ e(
|
|
241
241
|
S,
|
|
242
242
|
{
|
|
243
243
|
indeterminate: k,
|
|
244
244
|
name: r,
|
|
245
|
-
onClick: () =>
|
|
245
|
+
onClick: () => o(),
|
|
246
246
|
selectedCount: c,
|
|
247
247
|
toolsCount: s
|
|
248
248
|
}
|
|
249
|
-
) : /* @__PURE__ */
|
|
249
|
+
) : /* @__PURE__ */ d(
|
|
250
250
|
"div",
|
|
251
251
|
{
|
|
252
252
|
className: Q({
|