@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.
Files changed (51) hide show
  1. package/README.md +8 -0
  2. package/dist/components/ai-chat/AIChat.d.ts +164 -0
  3. package/dist/components/ai-chat/AIChat.d.ts.map +1 -0
  4. package/dist/components/ai-chat/AIChat.test.d.ts +2 -0
  5. package/dist/components/ai-chat/AIChat.test.d.ts.map +1 -0
  6. package/dist/components/ai-chat/AIChatDock.d.ts +33 -0
  7. package/dist/components/ai-chat/AIChatDock.d.ts.map +1 -0
  8. package/dist/components/floating-action-stack/FloatingActionStack.d.ts +19 -0
  9. package/dist/components/floating-action-stack/FloatingActionStack.d.ts.map +1 -0
  10. package/dist/components/floating-action-stack/FloatingActionStack.test.d.ts +2 -0
  11. package/dist/components/floating-action-stack/FloatingActionStack.test.d.ts.map +1 -0
  12. package/dist/components/multi-select/MultiSelect.d.ts +3 -0
  13. package/dist/components/multi-select/MultiSelect.d.ts.map +1 -1
  14. package/dist/index.cjs +9 -0
  15. package/dist/index.d.ts +7 -0
  16. package/dist/index.d.ts.map +1 -1
  17. package/dist/index.js +4 -1
  18. package/dist/index26.js +6 -2
  19. package/dist/index26.js.map +1 -1
  20. package/dist/index27.cjs +7 -1
  21. package/dist/index27.cjs.map +1 -1
  22. package/dist/index27.js +40 -10
  23. package/dist/index27.js.map +1 -1
  24. package/dist/index28.cjs +40 -10
  25. package/dist/index28.cjs.map +1 -1
  26. package/dist/index75.js +91 -0
  27. package/dist/index75.js.map +1 -0
  28. package/dist/index76.cjs +133 -0
  29. package/dist/index76.cjs.map +1 -0
  30. package/dist/index76.js +667 -0
  31. package/dist/index76.js.map +1 -0
  32. package/dist/index77.cjs +669 -0
  33. package/dist/index77.cjs.map +1 -0
  34. package/dist/index77.js +35 -0
  35. package/dist/index77.js.map +1 -0
  36. package/dist/index78.cjs +49 -0
  37. package/dist/index78.cjs.map +1 -0
  38. package/dist/index78.js +231 -0
  39. package/dist/index78.js.map +1 -0
  40. package/dist/index79.cjs +231 -0
  41. package/dist/index79.cjs.map +1 -0
  42. package/dist/index79.js +19 -0
  43. package/dist/index79.js.map +1 -0
  44. package/dist/index80.cjs +25 -0
  45. package/dist/index80.cjs.map +1 -0
  46. package/dist/index80.js +36 -0
  47. package/dist/index80.js.map +1 -0
  48. package/dist/index81.cjs +37 -0
  49. package/dist/index81.cjs.map +1 -0
  50. package/dist/style.css +655 -0
  51. 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.7.1",
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",