@tomny-dev/uzi 0.7.1 → 0.8.0-pr.83.284.2.2121cf8

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