@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.
Files changed (32) hide show
  1. package/dist/assets/index.css +1 -1
  2. package/dist/assets/tokens.css +1 -1
  3. package/dist/assets/variables.css +1 -1
  4. package/dist/components/index.js +211 -209
  5. package/dist/components/ui/atoms/icons/index.d.ts +1 -0
  6. package/dist/components/ui/atoms/icons/index.js +94 -92
  7. package/dist/components/ui/atoms/icons/mongodb.d.ts +3 -0
  8. package/dist/components/ui/atoms/icons/mongodb.js +39 -0
  9. package/dist/components/ui/atoms/index.js +187 -185
  10. package/dist/components/ui/index.js +211 -209
  11. package/dist/components/ui/molecules/index.js +1 -1
  12. package/dist/components/ui/molecules/requirement-badges.js +1 -1
  13. package/dist/components/ui/molecules/tool-card.js +24 -24
  14. package/dist/components/ui/molecules/toolkit-card.js +1 -1
  15. package/dist/components/ui/molecules/toolkit-selection-summary.js +1 -1
  16. package/dist/components/ui/organisms/toolkit-picker/components/action-buttons.d.ts +6 -0
  17. package/dist/components/ui/organisms/toolkit-picker/components/action-buttons.js +54 -0
  18. package/dist/components/ui/organisms/toolkit-picker/components/filter-badges.d.ts +1 -0
  19. package/dist/components/ui/organisms/toolkit-picker/components/filter-badges.js +92 -0
  20. package/dist/components/ui/organisms/toolkit-picker/components/search-input.js +52 -18
  21. package/dist/components/ui/organisms/toolkit-picker/components/select-button.js +1 -1
  22. package/dist/components/ui/organisms/toolkit-picker/components/toolkit-card-with-selection.js +1 -1
  23. package/dist/components/ui/organisms/toolkit-picker/components/toolkit-list.d.ts +6 -0
  24. package/dist/components/ui/organisms/toolkit-picker/components/toolkit-list.js +90 -0
  25. package/dist/components/ui/organisms/toolkit-picker/components/tools-list.d.ts +6 -0
  26. package/dist/components/ui/organisms/toolkit-picker/components/tools-list.js +97 -0
  27. package/dist/components/ui/organisms/toolkit-picker/toolkit-picker.js +105 -302
  28. package/dist/components/ui/organisms/toolkit-picker/toolkit-picker.test.js +642 -622
  29. package/dist/main.js +218 -216
  30. package/dist/metadata/toolkits.js +98 -82
  31. package/dist/{toolkit-card-DgjPGtsJ.js → toolkit-card-BWuG_NJi.js} +27 -27
  32. 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 W } from "../components/ui/atoms/icons/google-docs.js";
42
- import { GoogleDrive as z } from "../components/ui/atoms/icons/google-drive.js";
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 { Netsuite as vo } from "../components/ui/atoms/icons/netsuite.js";
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 fo } from "../components/ui/atoms/icons/obsidian.js";
70
- import { Okta as ko } from "../components/ui/atoms/icons/okta.js";
71
- import { OneDrive as bo } from "../components/ui/atoms/icons/one-drive.js";
72
- import { OutlookCalendar as ho } from "../components/ui/atoms/icons/outlook-calendar.js";
73
- import { OutlookMail as Co } from "../components/ui/atoms/icons/outlook-mail.js";
74
- import { Pinecone as Lo } from "../components/ui/atoms/icons/pinecone.js";
75
- import { Pinterest as So } from "../components/ui/atoms/icons/pinterest.js";
76
- import { Pipedrive as wo } from "../components/ui/atoms/icons/pipedrive.js";
77
- import { Plaid as Do } from "../components/ui/atoms/icons/plaid.js";
78
- import { Postgres as Bo } from "../components/ui/atoms/icons/postgres.js";
79
- import { Quickbooks as Oo } from "../components/ui/atoms/icons/quickbooks.js";
80
- import { Reddit as Po } from "../components/ui/atoms/icons/reddit.js";
81
- import { Salesforce as Ho } from "../components/ui/atoms/icons/salesforce.js";
82
- import { Shopify as Io } from "../components/ui/atoms/icons/shopify.js";
83
- import { Singlestore as Uo } from "../components/ui/atoms/icons/singlestore.js";
84
- import { Slack as Yo } from "../components/ui/atoms/icons/slack.js";
85
- import { Snowflake as $o } from "../components/ui/atoms/icons/snowflake.js";
86
- import { Splunk as Mo } from "../components/ui/atoms/icons/splunk.js";
87
- import { Spotify as Go } from "../components/ui/atoms/icons/spotify.js";
88
- import { Square as _o } from "../components/ui/atoms/icons/square.js";
89
- import { Squarespace as xo } from "../components/ui/atoms/icons/squarespace.js";
90
- import { Stripe as Ao } from "../components/ui/atoms/icons/stripe.js";
91
- import { Tiktok as To } from "../components/ui/atoms/icons/tiktok.js";
92
- import { Trello as qo } from "../components/ui/atoms/icons/trello.js";
93
- import { Twilio as Fo } from "../components/ui/atoms/icons/twilio.js";
94
- import { Twitch as No } from "../components/ui/atoms/icons/twitch.js";
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 zo } from "../components/ui/atoms/icons/walmart.js";
97
- import { Weaviate as Ro } from "../components/ui/atoms/icons/weaviate.js";
98
- import { Workday as jo } from "../components/ui/atoms/icons/workday.js";
99
- import { Wrike as Eo } from "../components/ui/atoms/icons/wrike.js";
100
- import { X as Jo } from "../components/ui/atoms/icons/x.js";
101
- import { Xero as Xo } from "../components/ui/atoms/icons/xero.js";
102
- import { Youtube as Zo } from "../components/ui/atoms/icons/youtube.js";
103
- import { Zendesk as Qo } from "../components/ui/atoms/icons/zendesk.js";
104
- import { Zoom as Vo } from "../components/ui/atoms/icons/zoom.js";
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 Qe = [
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
- ], Ko = [
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: W,
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: z,
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: vo,
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: fo,
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: ko,
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: bo,
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: ho,
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: Co,
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: Lo,
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: So,
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: wo,
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: Do,
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: Bo,
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: Oo,
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: Po,
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: Ho,
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: Io,
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: Uo,
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: Yo,
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: $o,
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: Mo,
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: Go,
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: _o,
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: xo,
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: Ao,
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: To,
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: qo,
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: Fo,
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: No,
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: zo,
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: Ro,
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: jo,
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: Eo,
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: Jo,
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: Xo,
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: Zo,
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: Qo,
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: Vo,
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
- ], Ve = Ko.reduce(
1694
+ ], os = oi.reduce(
1679
1695
  (i, e) => (i[e.id] = e, i),
1680
1696
  {}
1681
1697
  );
1682
1698
  export {
1683
- Qe as CATEGORIES,
1684
- Ko as TOOLKITS,
1685
- Ve as TOOLKIT_CATALOGUE
1699
+ Ke as CATEGORIES,
1700
+ oi as TOOLKITS,
1701
+ os as TOOLKIT_CATALOGUE
1686
1702
  };
@@ -1,4 +1,4 @@
1
- import { jsxs as o, jsx as e } from "react/jsx-runtime";
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__ */ o("div", { className: "space-y-2", children: [
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__ */ o("div", { children: [
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__ */ o("div", { children: [
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__ */ o(y, { children: [
35
- /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ o(
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__ */ o("div", { className: "space-y-2", children: [
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__ */ o("div", { className: "text-gray-700 text-xs dark:text-gray-300", children: [
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__ */ o(y, { children: [
62
- /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ o(
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__ */ o("div", { className: "flex w-full flex-wrap items-center gap-1.5", children: [
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-emerald-300 ring-2 ring-emerald-500 ring-offset-2 ring-offset-white dark:border-emerald-900/60 dark:ring-offset-neutral-950",
122
+ true: "border-2 border-emerald-600 dark:border-emerald-400",
123
123
  false: ""
124
124
  },
125
125
  partial: {
126
- true: "border-amber-300 ring-2 ring-amber-500 ring-offset-2 ring-offset-white dark:border-amber-900/60 dark:ring-offset-neutral-950",
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-amber-100 text-amber-700 dark:bg-amber-900/30 dark:text-amber-200",
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: d,
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 && d) {
166
- d();
165
+ if (m && o) {
166
+ o();
167
167
  return;
168
168
  }
169
169
  h?.(!n);
170
- }, [m, n, h, d]), T = (l) => {
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") && d && (l.preventDefault(), d());
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__ */ o("div", { className: "space-y-3", children: [
204
- /* @__PURE__ */ o(
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__ */ o("div", { className: "flex min-w-0 items-center gap-3", children: [
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__ */ o("div", { className: "flex h-9 min-w-0 flex-col justify-center space-y-0.5", children: [
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__ */ o("span", { className: "font-medium text-neutral-500 text-xs leading-tight dark:text-neutral-400", children: [
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: d ? /* @__PURE__ */ e(
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: () => d(),
245
+ onClick: () => o(),
246
246
  selectedCount: c,
247
247
  toolsCount: s
248
248
  }
249
- ) : /* @__PURE__ */ o(
249
+ ) : /* @__PURE__ */ d(
250
250
  "div",
251
251
  {
252
252
  className: Q({