@tangle-network/sandbox-ui 0.52.0 → 0.53.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/{chunk-RT4MLYYM.js → chunk-KN2ZRAW6.js} +612 -248
- package/dist/{chunk-MGIOO3RL.js → chunk-P6L4KBYK.js} +1 -1
- package/dist/dashboard.d.ts +173 -25
- package/dist/dashboard.js +5 -1
- package/dist/globals.css +42 -37
- package/dist/index.d.ts +1 -1
- package/dist/index.js +6 -2
- package/dist/integrations.js +53 -52
- package/dist/styles.css +42 -37
- package/dist/workbench.js +2 -2
- package/package.json +2 -1
package/dist/integrations.js
CHANGED
|
@@ -316,13 +316,6 @@ function IntegrationsPanel({
|
|
|
316
316
|
) : null
|
|
317
317
|
] })
|
|
318
318
|
] }),
|
|
319
|
-
manageHref ? /* @__PURE__ */ jsx(
|
|
320
|
-
ExternalLink,
|
|
321
|
-
{
|
|
322
|
-
"aria-hidden": true,
|
|
323
|
-
className: "pointer-events-none absolute bottom-1.5 right-1.5 h-3.5 w-3.5 text-muted-foreground/70 opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100"
|
|
324
|
-
}
|
|
325
|
-
) : null,
|
|
326
319
|
/* @__PURE__ */ jsxs(DropdownMenu, { children: [
|
|
327
320
|
/* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
|
|
328
321
|
"button",
|
|
@@ -335,51 +328,59 @@ function IntegrationsPanel({
|
|
|
335
328
|
children: /* @__PURE__ */ jsx(MoreVertical, { className: "h-3.5 w-3.5" })
|
|
336
329
|
}
|
|
337
330
|
) }),
|
|
338
|
-
/* @__PURE__ */ jsxs(
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
331
|
+
/* @__PURE__ */ jsxs(
|
|
332
|
+
DropdownMenuContent,
|
|
333
|
+
{
|
|
334
|
+
side: "right",
|
|
335
|
+
align: "start",
|
|
336
|
+
className: "min-w-[160px] rounded-md",
|
|
337
|
+
children: [
|
|
338
|
+
manageHref ? /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs(
|
|
339
|
+
"a",
|
|
340
|
+
{
|
|
341
|
+
href: manageHref,
|
|
342
|
+
target: "_blank",
|
|
343
|
+
rel: "noopener noreferrer",
|
|
344
|
+
"data-testid": `manage-item-${provider.providerId}`,
|
|
345
|
+
children: [
|
|
346
|
+
/* @__PURE__ */ jsx(ExternalLink, { className: "mr-2 h-4 w-4" }),
|
|
347
|
+
" Manage"
|
|
348
|
+
]
|
|
349
|
+
}
|
|
350
|
+
) }) : onManage ? /* @__PURE__ */ jsxs(
|
|
351
|
+
DropdownMenuItem,
|
|
352
|
+
{
|
|
353
|
+
"data-testid": `manage-item-${provider.providerId}`,
|
|
354
|
+
onClick: () => onManage({
|
|
355
|
+
connectionId: live.id,
|
|
356
|
+
providerId: provider.providerId
|
|
357
|
+
}),
|
|
358
|
+
children: [
|
|
359
|
+
/* @__PURE__ */ jsx(ExternalLink, { className: "mr-2 h-4 w-4" }),
|
|
360
|
+
" Manage"
|
|
361
|
+
]
|
|
362
|
+
}
|
|
363
|
+
) : null,
|
|
364
|
+
canManage ? /* @__PURE__ */ jsx(DropdownMenuSeparator, {}) : null,
|
|
365
|
+
/* @__PURE__ */ jsxs(
|
|
366
|
+
DropdownMenuItem,
|
|
367
|
+
{
|
|
368
|
+
"data-testid": `disconnect-${provider.providerId}`,
|
|
369
|
+
className: "text-destructive focus:text-destructive",
|
|
370
|
+
onClick: () => setDisconnectTarget({
|
|
371
|
+
connectionId: live.id,
|
|
372
|
+
name,
|
|
373
|
+
accountDisplay: live.accountDisplay
|
|
374
|
+
}),
|
|
375
|
+
children: [
|
|
376
|
+
/* @__PURE__ */ jsx(Unplug, { className: "mr-2 h-4 w-4" }),
|
|
377
|
+
" Disconnect"
|
|
378
|
+
]
|
|
379
|
+
}
|
|
380
|
+
)
|
|
381
|
+
]
|
|
382
|
+
}
|
|
383
|
+
)
|
|
383
384
|
] })
|
|
384
385
|
]
|
|
385
386
|
},
|
package/dist/styles.css
CHANGED
|
@@ -395,9 +395,6 @@
|
|
|
395
395
|
.bottom-1 {
|
|
396
396
|
bottom: calc(var(--spacing) * 1);
|
|
397
397
|
}
|
|
398
|
-
.bottom-1\.5 {
|
|
399
|
-
bottom: calc(var(--spacing) * 1.5);
|
|
400
|
-
}
|
|
401
398
|
.bottom-2 {
|
|
402
399
|
bottom: calc(var(--spacing) * 2);
|
|
403
400
|
}
|
|
@@ -455,6 +452,9 @@
|
|
|
455
452
|
.z-50 {
|
|
456
453
|
z-index: 50;
|
|
457
454
|
}
|
|
455
|
+
.z-\[70\] {
|
|
456
|
+
z-index: 70;
|
|
457
|
+
}
|
|
458
458
|
.z-\[100\] {
|
|
459
459
|
z-index: 100;
|
|
460
460
|
}
|
|
@@ -741,6 +741,9 @@
|
|
|
741
741
|
.h-\[17px\] {
|
|
742
742
|
height: 17px;
|
|
743
743
|
}
|
|
744
|
+
.h-\[18px\] {
|
|
745
|
+
height: 18px;
|
|
746
|
+
}
|
|
744
747
|
.h-\[70vh\] {
|
|
745
748
|
height: 70vh;
|
|
746
749
|
}
|
|
@@ -1023,9 +1026,24 @@
|
|
|
1023
1026
|
.w-\[17px\] {
|
|
1024
1027
|
width: 17px;
|
|
1025
1028
|
}
|
|
1029
|
+
.w-\[18px\] {
|
|
1030
|
+
width: 18px;
|
|
1031
|
+
}
|
|
1032
|
+
.w-\[64\%\] {
|
|
1033
|
+
width: 64%;
|
|
1034
|
+
}
|
|
1026
1035
|
.w-\[72\%\] {
|
|
1027
1036
|
width: 72%;
|
|
1028
1037
|
}
|
|
1038
|
+
.w-\[76\%\] {
|
|
1039
|
+
width: 76%;
|
|
1040
|
+
}
|
|
1041
|
+
.w-\[82\%\] {
|
|
1042
|
+
width: 82%;
|
|
1043
|
+
}
|
|
1044
|
+
.w-\[88\%\] {
|
|
1045
|
+
width: 88%;
|
|
1046
|
+
}
|
|
1029
1047
|
.w-\[240px\] {
|
|
1030
1048
|
width: 240px;
|
|
1031
1049
|
}
|
|
@@ -2725,6 +2743,9 @@
|
|
|
2725
2743
|
.pr-2 {
|
|
2726
2744
|
padding-right: calc(var(--spacing) * 2);
|
|
2727
2745
|
}
|
|
2746
|
+
.pr-2\.5 {
|
|
2747
|
+
padding-right: calc(var(--spacing) * 2.5);
|
|
2748
|
+
}
|
|
2728
2749
|
.pr-8 {
|
|
2729
2750
|
padding-right: calc(var(--spacing) * 8);
|
|
2730
2751
|
}
|
|
@@ -2857,6 +2878,9 @@
|
|
|
2857
2878
|
.text-\[13px\] {
|
|
2858
2879
|
font-size: 13px;
|
|
2859
2880
|
}
|
|
2881
|
+
.text-\[14px\] {
|
|
2882
|
+
font-size: 14px;
|
|
2883
|
+
}
|
|
2860
2884
|
.text-\[15px\] {
|
|
2861
2885
|
font-size: 15px;
|
|
2862
2886
|
}
|
|
@@ -3467,6 +3491,9 @@
|
|
|
3467
3491
|
.ring-\[var\(--bg-root\)\] {
|
|
3468
3492
|
--tw-ring-color: var(--bg-root);
|
|
3469
3493
|
}
|
|
3494
|
+
.ring-\[var\(--border-accent\)\] {
|
|
3495
|
+
--tw-ring-color: var(--border-accent);
|
|
3496
|
+
}
|
|
3470
3497
|
.ring-\[var\(--md3-outline-variant\)\] {
|
|
3471
3498
|
--tw-ring-color: var(--md3-outline-variant);
|
|
3472
3499
|
}
|
|
@@ -3558,11 +3585,6 @@
|
|
|
3558
3585
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
3559
3586
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
3560
3587
|
}
|
|
3561
|
-
.transition-\[opacity\,transform\] {
|
|
3562
|
-
transition-property: opacity,transform;
|
|
3563
|
-
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
3564
|
-
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
3565
|
-
}
|
|
3566
3588
|
.transition-\[opacity\] {
|
|
3567
3589
|
transition-property: opacity;
|
|
3568
3590
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
@@ -3650,22 +3672,6 @@
|
|
|
3650
3672
|
rotate: 180deg;
|
|
3651
3673
|
}
|
|
3652
3674
|
}
|
|
3653
|
-
.group-focus-within\:opacity-100 {
|
|
3654
|
-
&:is(:where(.group):focus-within *) {
|
|
3655
|
-
opacity: 100%;
|
|
3656
|
-
}
|
|
3657
|
-
}
|
|
3658
|
-
.group-focus-within\/tip\:translate-x-0 {
|
|
3659
|
-
&:is(:where(.group\/tip):focus-within *) {
|
|
3660
|
-
--tw-translate-x: calc(var(--spacing) * 0);
|
|
3661
|
-
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
3662
|
-
}
|
|
3663
|
-
}
|
|
3664
|
-
.group-focus-within\/tip\:opacity-100 {
|
|
3665
|
-
&:is(:where(.group\/tip):focus-within *) {
|
|
3666
|
-
opacity: 100%;
|
|
3667
|
-
}
|
|
3668
|
-
}
|
|
3669
3675
|
.group-hover\:translate-x-0\.5 {
|
|
3670
3676
|
&:is(:where(.group):hover *) {
|
|
3671
3677
|
@media (hover: hover) {
|
|
@@ -3705,32 +3711,31 @@
|
|
|
3705
3711
|
}
|
|
3706
3712
|
}
|
|
3707
3713
|
}
|
|
3708
|
-
.group-hover\/
|
|
3709
|
-
&:is(:where(.group\/
|
|
3714
|
+
.group-hover\/brand\:opacity-0 {
|
|
3715
|
+
&:is(:where(.group\/brand):hover *) {
|
|
3710
3716
|
@media (hover: hover) {
|
|
3711
|
-
opacity:
|
|
3717
|
+
opacity: 0%;
|
|
3712
3718
|
}
|
|
3713
3719
|
}
|
|
3714
3720
|
}
|
|
3715
|
-
.group-hover\/
|
|
3716
|
-
&:is(:where(.group\/
|
|
3721
|
+
.group-hover\/brand\:opacity-100 {
|
|
3722
|
+
&:is(:where(.group\/brand):hover *) {
|
|
3717
3723
|
@media (hover: hover) {
|
|
3718
|
-
|
|
3719
|
-
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
3724
|
+
opacity: 100%;
|
|
3720
3725
|
}
|
|
3721
3726
|
}
|
|
3722
3727
|
}
|
|
3723
|
-
.group-hover\/
|
|
3724
|
-
&:is(:where(.group\/
|
|
3728
|
+
.group-hover\/exp\:opacity-0 {
|
|
3729
|
+
&:is(:where(.group\/exp):hover *) {
|
|
3725
3730
|
@media (hover: hover) {
|
|
3726
|
-
opacity:
|
|
3731
|
+
opacity: 0%;
|
|
3727
3732
|
}
|
|
3728
3733
|
}
|
|
3729
3734
|
}
|
|
3730
|
-
.group-hover\/
|
|
3731
|
-
&:is(:where(.group\/
|
|
3735
|
+
.group-hover\/exp\:opacity-100 {
|
|
3736
|
+
&:is(:where(.group\/exp):hover *) {
|
|
3732
3737
|
@media (hover: hover) {
|
|
3733
|
-
|
|
3738
|
+
opacity: 100%;
|
|
3734
3739
|
}
|
|
3735
3740
|
}
|
|
3736
3741
|
}
|
package/dist/workbench.js
CHANGED
|
@@ -12,9 +12,9 @@ import {
|
|
|
12
12
|
buildUnifiedPatch,
|
|
13
13
|
computeDiffStats,
|
|
14
14
|
resolveLanguage
|
|
15
|
-
} from "./chunk-
|
|
15
|
+
} from "./chunk-P6L4KBYK.js";
|
|
16
16
|
import "./chunk-3J6FG3FJ.js";
|
|
17
|
-
import "./chunk-
|
|
17
|
+
import "./chunk-KN2ZRAW6.js";
|
|
18
18
|
import "./chunk-OMUIPJQZ.js";
|
|
19
19
|
import "./chunk-VIREDUBF.js";
|
|
20
20
|
import "./chunk-77WVVJA4.js";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tangle-network/sandbox-ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.53.0",
|
|
4
4
|
"description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -195,6 +195,7 @@
|
|
|
195
195
|
"@tiptap/react": "^3.20.4",
|
|
196
196
|
"@tiptap/starter-kit": "^3.20.4",
|
|
197
197
|
"@types/react": "^19.1.2",
|
|
198
|
+
"@types/react-dom": "^19.1.2",
|
|
198
199
|
"@xterm/addon-fit": "^0.11.0",
|
|
199
200
|
"@xterm/addon-web-links": "^0.12.0",
|
|
200
201
|
"@xterm/addon-webgl": "^0.19.0",
|