@tomny-dev/uzi 0.7.1 → 0.8.0-pr.85.286.1.ccec3e4
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/README.md +8 -0
- package/dist/components/ai-chat/AIChat.d.ts +164 -0
- package/dist/components/ai-chat/AIChat.d.ts.map +1 -0
- package/dist/components/ai-chat/AIChat.test.d.ts +2 -0
- package/dist/components/ai-chat/AIChat.test.d.ts.map +1 -0
- package/dist/components/ai-chat/AIChatDock.d.ts +33 -0
- package/dist/components/ai-chat/AIChatDock.d.ts.map +1 -0
- package/dist/components/floating-action-stack/FloatingActionStack.d.ts +19 -0
- package/dist/components/floating-action-stack/FloatingActionStack.d.ts.map +1 -0
- package/dist/components/floating-action-stack/FloatingActionStack.test.d.ts +2 -0
- package/dist/components/floating-action-stack/FloatingActionStack.test.d.ts.map +1 -0
- package/dist/components/multi-select/MultiSelect.d.ts +3 -0
- package/dist/components/multi-select/MultiSelect.d.ts.map +1 -1
- package/dist/index.cjs +9 -0
- package/dist/index.d.ts +7 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -1
- package/dist/index26.js +6 -2
- package/dist/index26.js.map +1 -1
- package/dist/index27.cjs +7 -1
- package/dist/index27.cjs.map +1 -1
- package/dist/index27.js +40 -10
- package/dist/index27.js.map +1 -1
- package/dist/index28.cjs +40 -10
- package/dist/index28.cjs.map +1 -1
- package/dist/index75.js +91 -0
- package/dist/index75.js.map +1 -0
- package/dist/index76.cjs +133 -0
- package/dist/index76.cjs.map +1 -0
- package/dist/index76.js +667 -0
- package/dist/index76.js.map +1 -0
- package/dist/index77.cjs +669 -0
- package/dist/index77.cjs.map +1 -0
- package/dist/index77.js +35 -0
- package/dist/index77.js.map +1 -0
- package/dist/index78.cjs +49 -0
- package/dist/index78.cjs.map +1 -0
- package/dist/index78.js +231 -0
- package/dist/index78.js.map +1 -0
- package/dist/index79.cjs +231 -0
- package/dist/index79.cjs.map +1 -0
- package/dist/index79.js +19 -0
- package/dist/index79.js.map +1 -0
- package/dist/index80.cjs +25 -0
- package/dist/index80.cjs.map +1 -0
- package/dist/index80.js +36 -0
- package/dist/index80.js.map +1 -0
- package/dist/index81.cjs +37 -0
- package/dist/index81.cjs.map +1 -0
- package/dist/style.css +655 -0
- package/package.json +3 -1
package/dist/style.css
CHANGED
|
@@ -1275,6 +1275,30 @@ body {
|
|
|
1275
1275
|
transform: translateY(0) scale(1);
|
|
1276
1276
|
}
|
|
1277
1277
|
}
|
|
1278
|
+
|
|
1279
|
+
.uzi-multi-select-module__draftActions__-R2g3 {
|
|
1280
|
+
display: flex;
|
|
1281
|
+
gap: 0.5rem;
|
|
1282
|
+
padding: 0.5rem 0.25rem 0.125rem;
|
|
1283
|
+
border-top: 1px solid var(--ts-menu-border, var(--border));
|
|
1284
|
+
}
|
|
1285
|
+
.uzi-multi-select-module__draftButton__tO1zu {
|
|
1286
|
+
flex: 1;
|
|
1287
|
+
border: 1px solid var(--ts-menu-border, var(--border));
|
|
1288
|
+
border-radius: var(--uzi-menu-item-radius);
|
|
1289
|
+
background: transparent;
|
|
1290
|
+
color: inherit;
|
|
1291
|
+
padding: 0.4rem 0.75rem;
|
|
1292
|
+
font: inherit;
|
|
1293
|
+
cursor: pointer;
|
|
1294
|
+
}
|
|
1295
|
+
.uzi-multi-select-module__draftButton__tO1zu:last-child {
|
|
1296
|
+
background: var(--primary);
|
|
1297
|
+
color: var(--primary-foreground);
|
|
1298
|
+
border-color: var(--primary);
|
|
1299
|
+
}
|
|
1300
|
+
.uzi-multi-select-module__draftButton__tO1zu:focus-visible { outline: var(--focus-ring); outline-offset: var(--focus-ring-offset); }
|
|
1301
|
+
.uzi-multi-select-module__draftButton__tO1zu:disabled { opacity: 0.5; cursor: not-allowed; }
|
|
1278
1302
|
.uzi-select-module__wrapper__7szq0 {
|
|
1279
1303
|
position: relative;
|
|
1280
1304
|
display: inline-flex;
|
|
@@ -3432,4 +3456,635 @@ button.uzi-sidebar-nav-module__item__uMHkJ {
|
|
|
3432
3456
|
padding: 2rem 1.5rem;
|
|
3433
3457
|
}
|
|
3434
3458
|
}
|
|
3459
|
+
.uzi-ai-chat-module__container__UoyFb {
|
|
3460
|
+
display: flex;
|
|
3461
|
+
flex-direction: column;
|
|
3462
|
+
height: 100%;
|
|
3463
|
+
min-height: 0;
|
|
3464
|
+
max-height: none;
|
|
3465
|
+
overflow: hidden;
|
|
3466
|
+
position: relative;
|
|
3467
|
+
}
|
|
3468
|
+
|
|
3469
|
+
.uzi-ai-chat-module__scope__6xOgo {
|
|
3470
|
+
display: flex;
|
|
3471
|
+
flex-direction: column;
|
|
3472
|
+
gap: 0.25rem;
|
|
3473
|
+
padding: 0.75rem 3rem 0.75rem 1rem;
|
|
3474
|
+
background: var(--uzi-surface-1, var(--muted));
|
|
3475
|
+
border-bottom: 1px solid var(--border);
|
|
3476
|
+
}
|
|
3477
|
+
|
|
3478
|
+
.uzi-ai-chat-module__scopeLabel__LHbKZ {
|
|
3479
|
+
font-size: 0.6875rem;
|
|
3480
|
+
font-weight: 650;
|
|
3481
|
+
letter-spacing: 0.04em;
|
|
3482
|
+
text-transform: uppercase;
|
|
3483
|
+
color: var(--muted-foreground);
|
|
3484
|
+
}
|
|
3485
|
+
|
|
3486
|
+
.uzi-ai-chat-module__scope__6xOgo strong {
|
|
3487
|
+
font-size: 0.875rem;
|
|
3488
|
+
}
|
|
3489
|
+
|
|
3490
|
+
.uzi-ai-chat-module__scopeHelp__NddsL {
|
|
3491
|
+
margin: 0;
|
|
3492
|
+
font-size: 0.75rem;
|
|
3493
|
+
color: var(--muted-foreground);
|
|
3494
|
+
line-height: 1.5;
|
|
3495
|
+
}
|
|
3496
|
+
|
|
3497
|
+
.uzi-ai-chat-module__closeBtn__IeRH2 {
|
|
3498
|
+
position: absolute;
|
|
3499
|
+
top: 0.5rem;
|
|
3500
|
+
right: 0.5rem;
|
|
3501
|
+
z-index: 1;
|
|
3502
|
+
display: grid;
|
|
3503
|
+
place-items: center;
|
|
3504
|
+
width: 2rem;
|
|
3505
|
+
height: 2rem;
|
|
3506
|
+
border: 0;
|
|
3507
|
+
border-radius: 50%;
|
|
3508
|
+
background: transparent;
|
|
3509
|
+
color: var(--muted-foreground);
|
|
3510
|
+
cursor: pointer;
|
|
3511
|
+
font-size: 0.875rem;
|
|
3512
|
+
}
|
|
3513
|
+
|
|
3514
|
+
.uzi-ai-chat-module__closeBtn__IeRH2:hover {
|
|
3515
|
+
background: var(--uzi-surface-2, var(--muted));
|
|
3516
|
+
color: var(--foreground);
|
|
3517
|
+
}
|
|
3518
|
+
|
|
3519
|
+
.uzi-ai-chat-module__closeBtn__IeRH2:focus-visible,
|
|
3520
|
+
.uzi-ai-chat-module__sendButton__S9MmM:focus-visible,
|
|
3521
|
+
.uzi-ai-chat-module__errorActions__MWoVQ button:focus-visible,
|
|
3522
|
+
.uzi-ai-chat-module__historyLimit__LgZzD button:focus-visible {
|
|
3523
|
+
outline: 2px solid var(--primary);
|
|
3524
|
+
outline-offset: 2px;
|
|
3525
|
+
}
|
|
3526
|
+
|
|
3527
|
+
.uzi-ai-chat-module__thread__Rqyeu {
|
|
3528
|
+
display: flex;
|
|
3529
|
+
flex: 1;
|
|
3530
|
+
flex-direction: column;
|
|
3531
|
+
min-height: 0;
|
|
3532
|
+
overflow: hidden;
|
|
3533
|
+
}
|
|
3534
|
+
|
|
3535
|
+
.uzi-ai-chat-module__viewport__-CgLF {
|
|
3536
|
+
flex: 1;
|
|
3537
|
+
display: flex;
|
|
3538
|
+
flex-direction: column;
|
|
3539
|
+
min-height: 0;
|
|
3540
|
+
overflow-y: auto;
|
|
3541
|
+
overflow-x: hidden;
|
|
3542
|
+
gap: 0.75rem;
|
|
3543
|
+
}
|
|
3544
|
+
|
|
3545
|
+
.uzi-ai-chat-module__chatToolbar__-QMr9 {
|
|
3546
|
+
position: sticky;
|
|
3547
|
+
top: 0;
|
|
3548
|
+
z-index: 1;
|
|
3549
|
+
display: flex;
|
|
3550
|
+
justify-content: flex-end;
|
|
3551
|
+
padding: 0.5rem 1rem;
|
|
3552
|
+
background: var(--uzi-surface-1, var(--background));
|
|
3553
|
+
border-bottom: 1px solid var(--border);
|
|
3554
|
+
}
|
|
3555
|
+
|
|
3556
|
+
.uzi-ai-chat-module__chatToolbar__-QMr9 button {
|
|
3557
|
+
border: 0;
|
|
3558
|
+
border-radius: 0.375rem;
|
|
3559
|
+
padding: 0.35rem 0.5rem;
|
|
3560
|
+
background: transparent;
|
|
3561
|
+
color: var(--muted-foreground);
|
|
3562
|
+
font: inherit;
|
|
3563
|
+
font-size: 0.75rem;
|
|
3564
|
+
cursor: pointer;
|
|
3565
|
+
}
|
|
3566
|
+
|
|
3567
|
+
.uzi-ai-chat-module__chatToolbar__-QMr9 button:hover {
|
|
3568
|
+
color: var(--foreground);
|
|
3569
|
+
background: var(--uzi-surface-2, var(--muted));
|
|
3570
|
+
}
|
|
3571
|
+
|
|
3572
|
+
.uzi-ai-chat-module__chatToolbar__-QMr9 button:focus-visible {
|
|
3573
|
+
outline: 2px solid var(--primary);
|
|
3574
|
+
outline-offset: 2px;
|
|
3575
|
+
}
|
|
3576
|
+
|
|
3577
|
+
.uzi-ai-chat-module__messageList__G3H50 {
|
|
3578
|
+
display: flex;
|
|
3579
|
+
flex: 1 0 auto;
|
|
3580
|
+
flex-direction: column;
|
|
3581
|
+
gap: 0.75rem;
|
|
3582
|
+
padding: 1rem;
|
|
3583
|
+
}
|
|
3584
|
+
|
|
3585
|
+
.uzi-ai-chat-module__userMessage__iGksi,
|
|
3586
|
+
.uzi-ai-chat-module__assistantMessage__hRdxP {
|
|
3587
|
+
display: flex;
|
|
3588
|
+
flex-direction: column;
|
|
3589
|
+
gap: 0.5rem;
|
|
3590
|
+
padding: 0.75rem 1rem;
|
|
3591
|
+
border-radius: 0.75rem;
|
|
3592
|
+
color: var(--foreground);
|
|
3593
|
+
overflow-wrap: anywhere;
|
|
3594
|
+
}
|
|
3595
|
+
|
|
3596
|
+
.uzi-ai-chat-module__userMessage__iGksi {
|
|
3597
|
+
background: color-mix(in srgb, var(--primary) 10%, transparent);
|
|
3598
|
+
border: 1px solid color-mix(in srgb, var(--primary) 20%, transparent);
|
|
3599
|
+
}
|
|
3600
|
+
|
|
3601
|
+
.uzi-ai-chat-module__assistantMessage__hRdxP {
|
|
3602
|
+
background: var(--muted);
|
|
3603
|
+
border: 1px solid var(--border);
|
|
3604
|
+
}
|
|
3605
|
+
|
|
3606
|
+
.uzi-ai-chat-module__textPart__U0myJ {
|
|
3607
|
+
white-space: pre-wrap;
|
|
3608
|
+
line-height: 1.6;
|
|
3609
|
+
}
|
|
3610
|
+
|
|
3611
|
+
.uzi-ai-chat-module__reasoning__7Xf83,
|
|
3612
|
+
.uzi-ai-chat-module__toolPart__P160m {
|
|
3613
|
+
border: 1px solid var(--border);
|
|
3614
|
+
border-radius: 0.5rem;
|
|
3615
|
+
padding: 0.5rem 0.75rem;
|
|
3616
|
+
background: var(--uzi-surface-1, transparent);
|
|
3617
|
+
}
|
|
3618
|
+
|
|
3619
|
+
.uzi-ai-chat-module__reasoningSummary__3gaQ3,
|
|
3620
|
+
.uzi-ai-chat-module__toolPart__P160m summary {
|
|
3621
|
+
cursor: pointer;
|
|
3622
|
+
font-size: 0.75rem;
|
|
3623
|
+
font-weight: 600;
|
|
3624
|
+
color: var(--muted-foreground);
|
|
3625
|
+
}
|
|
3626
|
+
|
|
3627
|
+
.uzi-ai-chat-module__reasoningText__qxl36 {
|
|
3628
|
+
margin: 0.5rem 0 0;
|
|
3629
|
+
font-size: 0.8125rem;
|
|
3630
|
+
line-height: 1.6;
|
|
3631
|
+
color: var(--muted-foreground);
|
|
3632
|
+
white-space: pre-wrap;
|
|
3633
|
+
}
|
|
3634
|
+
|
|
3635
|
+
.uzi-ai-chat-module__sources__EwoEv {
|
|
3636
|
+
padding-top: 0.5rem;
|
|
3637
|
+
border-top: 1px solid var(--border);
|
|
3638
|
+
}
|
|
3639
|
+
|
|
3640
|
+
.uzi-ai-chat-module__sourcesLabel__YV6j1 {
|
|
3641
|
+
display: block;
|
|
3642
|
+
font-size: 0.6875rem;
|
|
3643
|
+
font-weight: 650;
|
|
3644
|
+
color: var(--muted-foreground);
|
|
3645
|
+
margin-bottom: 0.25rem;
|
|
3646
|
+
}
|
|
3647
|
+
|
|
3648
|
+
.uzi-ai-chat-module__sources__EwoEv ul {
|
|
3649
|
+
display: flex;
|
|
3650
|
+
flex-wrap: wrap;
|
|
3651
|
+
gap: 0.5rem;
|
|
3652
|
+
margin: 0;
|
|
3653
|
+
padding-left: 1.25rem;
|
|
3654
|
+
}
|
|
3655
|
+
|
|
3656
|
+
.uzi-ai-chat-module__sources__EwoEv li {
|
|
3657
|
+
font-size: 0.75rem;
|
|
3658
|
+
overflow-wrap: anywhere;
|
|
3659
|
+
}
|
|
3660
|
+
|
|
3661
|
+
.uzi-ai-chat-module__data__6pYCT {
|
|
3662
|
+
padding: 0.5rem;
|
|
3663
|
+
background: var(--uzi-surface-2, var(--muted));
|
|
3664
|
+
border-radius: 0.5rem;
|
|
3665
|
+
overflow-x: auto;
|
|
3666
|
+
}
|
|
3667
|
+
|
|
3668
|
+
.uzi-ai-chat-module__structuredData__CVeqF {
|
|
3669
|
+
margin: 0;
|
|
3670
|
+
padding: 0.5rem 0;
|
|
3671
|
+
max-width: 100%;
|
|
3672
|
+
overflow-x: auto;
|
|
3673
|
+
white-space: pre-wrap;
|
|
3674
|
+
overflow-wrap: anywhere;
|
|
3675
|
+
font-size: 0.75rem;
|
|
3676
|
+
line-height: 1.5;
|
|
3677
|
+
}
|
|
3678
|
+
|
|
3679
|
+
.uzi-ai-chat-module__footer__VzCvT {
|
|
3680
|
+
position: sticky;
|
|
3681
|
+
bottom: 0;
|
|
3682
|
+
z-index: 1;
|
|
3683
|
+
flex-shrink: 0;
|
|
3684
|
+
background: var(--background);
|
|
3685
|
+
border-top: 1px solid var(--border);
|
|
3686
|
+
}
|
|
3687
|
+
|
|
3688
|
+
.uzi-ai-chat-module__composerForm__E2Wqd {
|
|
3689
|
+
display: grid;
|
|
3690
|
+
grid-template-columns: minmax(0, 1fr) auto;
|
|
3691
|
+
align-items: end;
|
|
3692
|
+
gap: 0.75rem;
|
|
3693
|
+
padding: 0.75rem 1rem;
|
|
3694
|
+
}
|
|
3695
|
+
|
|
3696
|
+
.uzi-ai-chat-module__input__-Rzh8 {
|
|
3697
|
+
width: 100%;
|
|
3698
|
+
min-height: 2.5rem;
|
|
3699
|
+
padding: 0.5rem 0.75rem;
|
|
3700
|
+
border: 1px solid var(--border);
|
|
3701
|
+
border-radius: 0.5rem;
|
|
3702
|
+
background: var(--background);
|
|
3703
|
+
color: var(--foreground);
|
|
3704
|
+
font: inherit;
|
|
3705
|
+
font-size: 0.875rem;
|
|
3706
|
+
line-height: 1.5;
|
|
3707
|
+
resize: vertical;
|
|
3708
|
+
}
|
|
3709
|
+
|
|
3710
|
+
.uzi-ai-chat-module__input__-Rzh8:focus {
|
|
3711
|
+
outline: none;
|
|
3712
|
+
border-color: var(--primary);
|
|
3713
|
+
box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary) 30%, transparent);
|
|
3714
|
+
}
|
|
3715
|
+
|
|
3716
|
+
.uzi-ai-chat-module__input__-Rzh8::placeholder {
|
|
3717
|
+
color: var(--muted-foreground);
|
|
3718
|
+
}
|
|
3719
|
+
|
|
3720
|
+
.uzi-ai-chat-module__input__-Rzh8:disabled,
|
|
3721
|
+
.uzi-ai-chat-module__sendButton__S9MmM:disabled {
|
|
3722
|
+
opacity: 0.5;
|
|
3723
|
+
cursor: not-allowed;
|
|
3724
|
+
}
|
|
3725
|
+
|
|
3726
|
+
.uzi-ai-chat-module__sendButton__S9MmM {
|
|
3727
|
+
min-height: 2.5rem;
|
|
3728
|
+
padding: 0.5rem 0.875rem;
|
|
3729
|
+
border: 1px solid var(--border);
|
|
3730
|
+
border-radius: 0.5rem;
|
|
3731
|
+
background: var(--primary);
|
|
3732
|
+
color: var(--primary-foreground);
|
|
3733
|
+
font: inherit;
|
|
3734
|
+
font-size: 0.875rem;
|
|
3735
|
+
font-weight: 600;
|
|
3736
|
+
cursor: pointer;
|
|
3737
|
+
}
|
|
3738
|
+
|
|
3739
|
+
.uzi-ai-chat-module__sendButton__S9MmM:not(:disabled):hover {
|
|
3740
|
+
filter: brightness(0.95);
|
|
3741
|
+
}
|
|
3742
|
+
|
|
3743
|
+
.uzi-ai-chat-module__status__Wm3t3 {
|
|
3744
|
+
margin: 0;
|
|
3745
|
+
padding: 0.5rem 1rem;
|
|
3746
|
+
text-align: center;
|
|
3747
|
+
font-size: 0.8125rem;
|
|
3748
|
+
color: var(--muted-foreground);
|
|
3749
|
+
font-style: italic;
|
|
3750
|
+
}
|
|
3751
|
+
|
|
3752
|
+
.uzi-ai-chat-module__error__csAOF {
|
|
3753
|
+
display: flex;
|
|
3754
|
+
flex-direction: column;
|
|
3755
|
+
gap: 0.5rem;
|
|
3756
|
+
padding: 0.75rem 1rem;
|
|
3757
|
+
border: 1px solid var(--destructive);
|
|
3758
|
+
border-radius: 0.5rem;
|
|
3759
|
+
margin: 0.75rem 1rem;
|
|
3760
|
+
background: color-mix(in srgb, var(--destructive) 10%, transparent);
|
|
3761
|
+
}
|
|
3762
|
+
|
|
3763
|
+
.uzi-ai-chat-module__error__csAOF p {
|
|
3764
|
+
margin: 0;
|
|
3765
|
+
color: var(--destructive);
|
|
3766
|
+
font-size: 0.8125rem;
|
|
3767
|
+
}
|
|
3768
|
+
|
|
3769
|
+
.uzi-ai-chat-module__errorActions__MWoVQ {
|
|
3770
|
+
display: flex;
|
|
3771
|
+
gap: 0.5rem;
|
|
3772
|
+
}
|
|
3773
|
+
|
|
3774
|
+
.uzi-ai-chat-module__errorActions__MWoVQ button,
|
|
3775
|
+
.uzi-ai-chat-module__historyLimit__LgZzD button {
|
|
3776
|
+
padding: 0.375rem 0.75rem;
|
|
3777
|
+
border: 1px solid var(--border);
|
|
3778
|
+
border-radius: 0.375rem;
|
|
3779
|
+
background: transparent;
|
|
3780
|
+
color: var(--foreground);
|
|
3781
|
+
font: inherit;
|
|
3782
|
+
font-size: 0.75rem;
|
|
3783
|
+
cursor: pointer;
|
|
3784
|
+
}
|
|
3785
|
+
|
|
3786
|
+
.uzi-ai-chat-module__errorActions__MWoVQ button:hover,
|
|
3787
|
+
.uzi-ai-chat-module__historyLimit__LgZzD button:hover {
|
|
3788
|
+
background: var(--uzi-surface-2, var(--muted));
|
|
3789
|
+
}
|
|
3790
|
+
|
|
3791
|
+
.uzi-ai-chat-module__historyLimit__LgZzD {
|
|
3792
|
+
display: flex;
|
|
3793
|
+
flex-direction: column;
|
|
3794
|
+
gap: 0.5rem;
|
|
3795
|
+
align-items: center;
|
|
3796
|
+
padding: 0.75rem 1rem;
|
|
3797
|
+
margin: 0.75rem 1rem;
|
|
3798
|
+
background: var(--uzi-surface-1, var(--muted));
|
|
3799
|
+
border: 1px solid var(--border);
|
|
3800
|
+
border-radius: 0.5rem;
|
|
3801
|
+
}
|
|
3802
|
+
|
|
3803
|
+
.uzi-ai-chat-module__historyLimit__LgZzD span {
|
|
3804
|
+
font-size: 0.75rem;
|
|
3805
|
+
color: var(--muted-foreground);
|
|
3806
|
+
}
|
|
3807
|
+
|
|
3808
|
+
.uzi-ai-chat-module__emptyState__JzB1x {
|
|
3809
|
+
display: grid;
|
|
3810
|
+
place-items: center;
|
|
3811
|
+
flex: 1;
|
|
3812
|
+
min-height: 12rem;
|
|
3813
|
+
color: var(--muted-foreground);
|
|
3814
|
+
text-align: center;
|
|
3815
|
+
}
|
|
3816
|
+
|
|
3817
|
+
.uzi-ai-chat-module__emptyState__JzB1x p {
|
|
3818
|
+
margin: 0;
|
|
3819
|
+
font-size: 0.875rem;
|
|
3820
|
+
}
|
|
3821
|
+
|
|
3822
|
+
@media (max-width: 640px) {
|
|
3823
|
+
.uzi-ai-chat-module__composerForm__E2Wqd {
|
|
3824
|
+
grid-template-columns: minmax(0, 1fr) auto;
|
|
3825
|
+
}
|
|
3826
|
+
|
|
3827
|
+
.uzi-ai-chat-module__errorActions__MWoVQ {
|
|
3828
|
+
flex-wrap: wrap;
|
|
3829
|
+
}
|
|
3830
|
+
}
|
|
3831
|
+
|
|
3832
|
+
/* Optional integration controls use the same Uzi surface and layout tokens. */
|
|
3833
|
+
.uzi-ai-chat-module__composerExtras__B1qBc {
|
|
3834
|
+
grid-column: 1 / -1;
|
|
3835
|
+
min-width: 0;
|
|
3836
|
+
}
|
|
3837
|
+
|
|
3838
|
+
.uzi-ai-chat-module__composerActions__wrPZO {
|
|
3839
|
+
display: flex;
|
|
3840
|
+
align-items: center;
|
|
3841
|
+
gap: 0.5rem;
|
|
3842
|
+
}
|
|
3843
|
+
|
|
3844
|
+
.uzi-ai-chat-module__approvalActions__ptwyO { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; padding-top: 0.5rem; }
|
|
3845
|
+
.uzi-ai-chat-module__approvalActions__ptwyO button, .uzi-ai-chat-module__attachmentList__isbAi button {
|
|
3846
|
+
background: var(--background); color: var(--foreground); border: 1px solid var(--border);
|
|
3847
|
+
border-radius: 0.375rem; padding: 0.3rem 0.55rem; cursor: pointer;
|
|
3848
|
+
}
|
|
3849
|
+
.uzi-ai-chat-module__approvalActions__ptwyO button:disabled { opacity: 0.5; cursor: not-allowed; }
|
|
3850
|
+
.uzi-ai-chat-module__attachmentError__E-kU- { color: var(--destructive); padding: 0.5rem 1rem; margin: 0; }
|
|
3851
|
+
.uzi-ai-chat-module__attachmentList__isbAi { display: flex; flex-wrap: wrap; gap: 0.5rem; padding: 0.4rem 0; margin: 0; list-style: none; }
|
|
3852
|
+
.uzi-ai-chat-module__attachmentList__isbAi li { display: inline-flex; gap: 0.5rem; align-items: center; font-size: 0.75rem; }
|
|
3853
|
+
|
|
3854
|
+
/* Role-aware message layout shared by the default renderer and consumer apps. */
|
|
3855
|
+
.uzi-ai-chat-module__messageBubble__ZG7M- { width: fit-content; min-width: 0; max-width: 100%; }
|
|
3856
|
+
.uzi-ai-chat-module__messageBubble__ZG7M-.uzi-ai-chat-module__userMessage__iGksi { align-self: flex-end; max-width: min(90%, 42rem); }
|
|
3857
|
+
.uzi-ai-chat-module__messageBubble__ZG7M-.uzi-ai-chat-module__assistantMessage__hRdxP { align-self: flex-start; max-width: 100%; }
|
|
3858
|
+
.uzi-ai-chat-module__messageLabel__esd4p { font-size: 0.6875rem; font-weight: 650; color: var(--muted-foreground); }
|
|
3859
|
+
|
|
3860
|
+
/* Shared compact composer: same visual grammar as Betty, without app-owned behavior. */
|
|
3861
|
+
.uzi-ai-chat-module__composerSurface__t7lZs {
|
|
3862
|
+
grid-column: 1 / -1;
|
|
3863
|
+
min-width: 0;
|
|
3864
|
+
border: 1px solid var(--border);
|
|
3865
|
+
border-radius: 0.875rem;
|
|
3866
|
+
background: var(--background);
|
|
3867
|
+
}
|
|
3868
|
+
.uzi-ai-chat-module__composerSurface__t7lZs:focus-within { outline: 2px solid var(--ring); outline-offset: 2px; }
|
|
3869
|
+
.uzi-ai-chat-module__composerRow__Mjqy2 { display: flex; align-items: end; min-width: 0; gap: 0.375rem; padding: 0.375rem; }
|
|
3870
|
+
.uzi-ai-chat-module__composerRow__Mjqy2 .uzi-ai-chat-module__input__-Rzh8 {
|
|
3871
|
+
display: block; flex: 1; width: 0; min-width: 0; min-height: 2.75rem;
|
|
3872
|
+
max-height: 11rem; padding: 0.625rem 0.25rem; border: 0;
|
|
3873
|
+
background: transparent; resize: none; font-size: 1rem;
|
|
3874
|
+
}
|
|
3875
|
+
.uzi-ai-chat-module__composerRow__Mjqy2 .uzi-ai-chat-module__input__-Rzh8:focus { outline: none; box-shadow: none; }
|
|
3876
|
+
.uzi-ai-chat-module__composerIconButton__6FYlZ, .uzi-ai-chat-module__composerRow__Mjqy2 .uzi-ai-chat-module__sendButton__S9MmM {
|
|
3877
|
+
display: grid; place-items: center; flex-shrink: 0;
|
|
3878
|
+
width: 2.75rem; height: 2.75rem; min-height: 2.75rem;
|
|
3879
|
+
padding: 0; border-radius: 0.625rem; cursor: pointer;
|
|
3880
|
+
}
|
|
3881
|
+
.uzi-ai-chat-module__composerIconButton__6FYlZ {
|
|
3882
|
+
color: var(--foreground); border: 0; background: transparent;
|
|
3883
|
+
}
|
|
3884
|
+
.uzi-ai-chat-module__composerIconButton__6FYlZ:hover:not(:disabled) { background: var(--muted); }
|
|
3885
|
+
.uzi-ai-chat-module__composerRow__Mjqy2 .uzi-ai-chat-module__sendButton__S9MmM { border: 0; background: var(--primary); color: var(--primary-foreground); }
|
|
3886
|
+
.uzi-ai-chat-module__composerIconButton__6FYlZ:focus-visible, .uzi-ai-chat-module__composerRow__Mjqy2 .uzi-ai-chat-module__sendButton__S9MmM:focus-visible {
|
|
3887
|
+
outline: 2px solid var(--ring); outline-offset: 2px;
|
|
3888
|
+
}
|
|
3889
|
+
.uzi-ai-chat-module__composerIconButton__6FYlZ:disabled { opacity: 0.5; cursor: not-allowed; }
|
|
3890
|
+
.uzi-ai-chat-module__visuallyHidden__qVCl7 { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
|
|
3891
|
+
|
|
3892
|
+
/* Thumbnail treatment matches the Betty attachment shelf. */
|
|
3893
|
+
.uzi-ai-chat-module__attachmentList__isbAi {
|
|
3894
|
+
gap: 0.5rem;
|
|
3895
|
+
padding: 0;
|
|
3896
|
+
align-items: center;
|
|
3897
|
+
}
|
|
3898
|
+
.uzi-ai-chat-module__attachmentList__isbAi li {
|
|
3899
|
+
max-width: 100%;
|
|
3900
|
+
position: relative;
|
|
3901
|
+
min-height: 3rem;
|
|
3902
|
+
border-radius: 0.625rem;
|
|
3903
|
+
border: 1px solid var(--border);
|
|
3904
|
+
background: var(--uzi-surface-1, var(--muted));
|
|
3905
|
+
padding: 0.125rem;
|
|
3906
|
+
}
|
|
3907
|
+
.uzi-ai-chat-module__attachmentThumbnail__OzmIc {
|
|
3908
|
+
width: 3rem;
|
|
3909
|
+
height: 3rem;
|
|
3910
|
+
border-radius: 0.5rem;
|
|
3911
|
+
object-fit: cover;
|
|
3912
|
+
}
|
|
3913
|
+
.uzi-ai-chat-module__attachmentFilename__yHCLk {
|
|
3914
|
+
max-width: 11rem;
|
|
3915
|
+
overflow: hidden;
|
|
3916
|
+
text-overflow: ellipsis;
|
|
3917
|
+
white-space: nowrap;
|
|
3918
|
+
padding: 0.5rem;
|
|
3919
|
+
}
|
|
3920
|
+
.uzi-ai-chat-module__attachmentList__isbAi li button {
|
|
3921
|
+
flex-shrink: 0;
|
|
3922
|
+
border: 0;
|
|
3923
|
+
background: transparent;
|
|
3924
|
+
color: var(--muted-foreground);
|
|
3925
|
+
border-radius: 0.4rem;
|
|
3926
|
+
}
|
|
3927
|
+
.uzi-ai-chat-module__attachmentList__isbAi li button:hover { color: var(--foreground); background: var(--muted); }
|
|
3928
|
+
.uzi-ai-chat-dock-module__dock__hHrvH {
|
|
3929
|
+
position: relative;
|
|
3930
|
+
z-index: 100;
|
|
3931
|
+
}
|
|
3932
|
+
|
|
3933
|
+
.uzi-ai-chat-dock-module__launcher__4Q71E {
|
|
3934
|
+
position: fixed;
|
|
3935
|
+
right: max(1.25rem, env(safe-area-inset-right));
|
|
3936
|
+
bottom: calc(1.25rem + env(safe-area-inset-bottom));
|
|
3937
|
+
z-index: 100;
|
|
3938
|
+
display: inline-flex;
|
|
3939
|
+
align-items: center;
|
|
3940
|
+
justify-content: center;
|
|
3941
|
+
gap: 0.6rem;
|
|
3942
|
+
min-height: 3.5rem;
|
|
3943
|
+
padding: 0.7rem 1.1rem;
|
|
3944
|
+
border: 1px solid var(--border);
|
|
3945
|
+
border-radius: 999px;
|
|
3946
|
+
background: var(--primary);
|
|
3947
|
+
color: var(--primary-foreground);
|
|
3948
|
+
box-shadow: 0 6px 24px color-mix(in srgb, var(--foreground) 20%, transparent);
|
|
3949
|
+
font: inherit;
|
|
3950
|
+
font-weight: 600;
|
|
3951
|
+
cursor: pointer;
|
|
3952
|
+
}
|
|
3953
|
+
.uzi-ai-chat-dock-module__launcher__4Q71E:hover { filter: brightness(0.95); }
|
|
3954
|
+
.uzi-ai-chat-dock-module__launcher__4Q71E:focus-visible, .uzi-ai-chat-dock-module__iconButton__lHEHr:focus-visible {
|
|
3955
|
+
outline: 2px solid var(--ring, var(--primary));
|
|
3956
|
+
outline-offset: 2px;
|
|
3957
|
+
}
|
|
3958
|
+
.uzi-ai-chat-dock-module__launcherText__eb6OK { white-space: nowrap; }
|
|
3959
|
+
.uzi-ai-chat-dock-module__panel__4ig-u {
|
|
3960
|
+
position: fixed;
|
|
3961
|
+
z-index: 101;
|
|
3962
|
+
box-sizing: border-box;
|
|
3963
|
+
right: max(1rem, env(safe-area-inset-right));
|
|
3964
|
+
bottom: calc(1rem + env(safe-area-inset-bottom));
|
|
3965
|
+
width: min(26.25rem, calc(100vw - 2rem));
|
|
3966
|
+
height: min(42rem, calc(100dvh - 2rem - env(safe-area-inset-bottom)));
|
|
3967
|
+
min-height: 0;
|
|
3968
|
+
display: flex;
|
|
3969
|
+
flex-direction: column;
|
|
3970
|
+
border: 1px solid var(--border);
|
|
3971
|
+
border-radius: 1rem;
|
|
3972
|
+
background: var(--background);
|
|
3973
|
+
color: var(--foreground);
|
|
3974
|
+
box-shadow: 0 12px 44px color-mix(in srgb, var(--foreground) 22%, transparent);
|
|
3975
|
+
overflow: hidden;
|
|
3976
|
+
}
|
|
3977
|
+
.uzi-ai-chat-dock-module__panel__4ig-u[hidden] { display: none !important; }
|
|
3978
|
+
.uzi-ai-chat-dock-module__panel__4ig-u[data-expanded='true'] {
|
|
3979
|
+
width: min(72rem, calc(100vw - 2rem));
|
|
3980
|
+
height: calc(100dvh - 2rem - env(safe-area-inset-bottom));
|
|
3981
|
+
}
|
|
3982
|
+
.uzi-ai-chat-dock-module__header__-g1KW {
|
|
3983
|
+
display: flex;
|
|
3984
|
+
flex-shrink: 0;
|
|
3985
|
+
align-items: center;
|
|
3986
|
+
justify-content: space-between;
|
|
3987
|
+
min-height: 3.75rem;
|
|
3988
|
+
padding: 0.6rem 0.85rem;
|
|
3989
|
+
gap: 0.75rem;
|
|
3990
|
+
border-bottom: 1px solid var(--border);
|
|
3991
|
+
background: var(--background);
|
|
3992
|
+
}
|
|
3993
|
+
.uzi-ai-chat-dock-module__identity__qIsdQ { display: flex; align-items: center; gap: 0.65rem; min-width: 0; }
|
|
3994
|
+
.uzi-ai-chat-dock-module__avatar__OTEjI {
|
|
3995
|
+
display: grid;
|
|
3996
|
+
flex: none;
|
|
3997
|
+
place-items: center;
|
|
3998
|
+
width: 2.25rem;
|
|
3999
|
+
height: 2.25rem;
|
|
4000
|
+
border-radius: 0.7rem;
|
|
4001
|
+
background: color-mix(in srgb, var(--primary) 12%, var(--background));
|
|
4002
|
+
color: var(--primary);
|
|
4003
|
+
}
|
|
4004
|
+
.uzi-ai-chat-dock-module__titles__cEiMf { display: flex; min-width: 0; flex-direction: column; gap: 0.08rem; }
|
|
4005
|
+
.uzi-ai-chat-dock-module__title__Boxdi { font-size: 0.875rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
4006
|
+
.uzi-ai-chat-dock-module__description__afqW- { font-size: 0.72rem; color: var(--muted-foreground); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
|
|
4007
|
+
.uzi-ai-chat-dock-module__actions__rGPJb { display: flex; flex: none; align-items: center; gap: 0.25rem; }
|
|
4008
|
+
.uzi-ai-chat-dock-module__iconButton__lHEHr {
|
|
4009
|
+
display: grid;
|
|
4010
|
+
place-items: center;
|
|
4011
|
+
height: 2rem;
|
|
4012
|
+
width: 2rem;
|
|
4013
|
+
background: transparent;
|
|
4014
|
+
border: 0;
|
|
4015
|
+
border-radius: 0.5rem;
|
|
4016
|
+
color: var(--muted-foreground);
|
|
4017
|
+
cursor: pointer;
|
|
4018
|
+
}
|
|
4019
|
+
.uzi-ai-chat-dock-module__iconButton__lHEHr:hover { background: var(--muted); color: var(--foreground); }
|
|
4020
|
+
.uzi-ai-chat-dock-module__content__t-hes { flex: 1; display: flex; flex-direction: column; min-height: 0; min-width: 0; overflow: hidden; }
|
|
4021
|
+
.uzi-ai-chat-dock-module__content__t-hes > * { flex: 1; min-height: 0; min-width: 0; }
|
|
4022
|
+
.uzi-ai-chat-dock-module__backdrop__Z-yVb { display: none; }
|
|
4023
|
+
|
|
4024
|
+
@media (max-width: 640px) {
|
|
4025
|
+
.uzi-ai-chat-dock-module__launcher__4Q71E {
|
|
4026
|
+
right: max(1rem, env(safe-area-inset-right));
|
|
4027
|
+
bottom: calc(1rem + env(safe-area-inset-bottom));
|
|
4028
|
+
width: 3.5rem;
|
|
4029
|
+
height: 3.5rem;
|
|
4030
|
+
min-width: 3.5rem;
|
|
4031
|
+
padding: 0;
|
|
4032
|
+
}
|
|
4033
|
+
.uzi-ai-chat-dock-module__actions__rGPJb .uzi-ai-chat-dock-module__iconButton__lHEHr:first-child { display: none; }
|
|
4034
|
+
.uzi-ai-chat-dock-module__launcherText__eb6OK { display: none; }
|
|
4035
|
+
.uzi-ai-chat-dock-module__backdrop__Z-yVb { display: block; position: fixed; z-index: 100; inset: 0; background: color-mix(in srgb, var(--foreground) 35%, transparent); }
|
|
4036
|
+
.uzi-ai-chat-dock-module__panel__4ig-u, .uzi-ai-chat-dock-module__panel__4ig-u[data-expanded='true'] {
|
|
4037
|
+
inset: 0;
|
|
4038
|
+
width: 100vw;
|
|
4039
|
+
height: 100dvh;
|
|
4040
|
+
border: 0;
|
|
4041
|
+
border-radius: 0;
|
|
4042
|
+
}
|
|
4043
|
+
.uzi-ai-chat-dock-module__header__-g1KW { padding-top: max(0.6rem, env(safe-area-inset-top)); }
|
|
4044
|
+
.uzi-ai-chat-dock-module__content__t-hes { padding-bottom: env(safe-area-inset-bottom); }
|
|
4045
|
+
}
|
|
4046
|
+
/* One fixed positioning and safe-area system for any number of actions. */
|
|
4047
|
+
.uzi-floating-action-stack-module__stack__5UH0U {
|
|
4048
|
+
position: fixed;
|
|
4049
|
+
z-index: 60;
|
|
4050
|
+
right: max(1.25rem, env(safe-area-inset-right));
|
|
4051
|
+
bottom: calc(1.25rem + env(safe-area-inset-bottom));
|
|
4052
|
+
display: flex;
|
|
4053
|
+
flex-direction: column;
|
|
4054
|
+
align-items: flex-end;
|
|
4055
|
+
gap: 0.625rem;
|
|
4056
|
+
pointer-events: none;
|
|
4057
|
+
}
|
|
4058
|
+
.uzi-floating-action-stack-module__stack__5UH0U > * { pointer-events: auto; }
|
|
4059
|
+
|
|
4060
|
+
.uzi-floating-action-stack-module__action__07atd {
|
|
4061
|
+
display: inline-flex;
|
|
4062
|
+
align-items: center;
|
|
4063
|
+
justify-content: center;
|
|
4064
|
+
gap: 0.625rem;
|
|
4065
|
+
min-height: 3.5rem;
|
|
4066
|
+
padding: 0.7rem 1.1rem;
|
|
4067
|
+
border: 1px solid var(--border);
|
|
4068
|
+
border-radius: 999px;
|
|
4069
|
+
box-shadow: 0 6px 24px color-mix(in srgb, var(--foreground) 20%, transparent);
|
|
4070
|
+
font: inherit;
|
|
4071
|
+
font-weight: 600;
|
|
4072
|
+
cursor: pointer;
|
|
4073
|
+
}
|
|
4074
|
+
.uzi-floating-action-stack-module__primary__xoV0q { color: var(--primary-foreground); background: var(--primary); }
|
|
4075
|
+
.uzi-floating-action-stack-module__secondary__g5tf3 { color: var(--foreground); background: var(--background); }
|
|
4076
|
+
.uzi-floating-action-stack-module__action__07atd:hover { filter: brightness(0.95); }
|
|
4077
|
+
.uzi-floating-action-stack-module__action__07atd:focus-visible { outline: 2px solid var(--ring, var(--primary)); outline-offset: 2px; }
|
|
4078
|
+
.uzi-floating-action-stack-module__action__07atd:disabled { opacity: 0.5; cursor: not-allowed; }
|
|
4079
|
+
.uzi-floating-action-stack-module__icon__XZoM5 { display: flex; flex: none; align-items: center; justify-content: center; }
|
|
4080
|
+
.uzi-floating-action-stack-module__label__Rb4A0 { white-space: nowrap; }
|
|
4081
|
+
|
|
4082
|
+
@media (max-width: 640px) {
|
|
4083
|
+
.uzi-floating-action-stack-module__stack__5UH0U {
|
|
4084
|
+
right: max(1rem, env(safe-area-inset-right));
|
|
4085
|
+
bottom: calc(1rem + env(safe-area-inset-bottom));
|
|
4086
|
+
}
|
|
4087
|
+
.uzi-floating-action-stack-module__action__07atd { width: 3.5rem; height: 3.5rem; min-width: 3.5rem; padding: 0; }
|
|
4088
|
+
.uzi-floating-action-stack-module__label__Rb4A0 { display: none; }
|
|
4089
|
+
}
|
|
3435
4090
|
/*$vite$:1*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tomny-dev/uzi",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.8.0-pr.85.286.1.ccec3e4",
|
|
4
4
|
"description": "Rapid-fire React UI components. Ship faster, build more.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"repository": {
|
|
@@ -57,6 +57,8 @@
|
|
|
57
57
|
"react-dom": "^18.0.0 || ^19.0.0"
|
|
58
58
|
},
|
|
59
59
|
"dependencies": {
|
|
60
|
+
"@assistant-ui/ai-sdk": "^0.0.11",
|
|
61
|
+
"@assistant-ui/react": "^0.15.25",
|
|
60
62
|
"@radix-ui/react-avatar": "^1.1.0",
|
|
61
63
|
"@radix-ui/react-dialog": "^1.1.15",
|
|
62
64
|
"@radix-ui/react-dropdown-menu": "^2.1.2",
|