@malette/agent-sdk 0.1.2 → 0.1.3-beta.11

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/styles.css CHANGED
@@ -71,6 +71,9 @@
71
71
  .agent-sdk-theme .visible {
72
72
  visibility: visible;
73
73
  }
74
+ .agent-sdk-theme .invisible {
75
+ visibility: hidden;
76
+ }
74
77
  .agent-sdk-theme .collapse {
75
78
  visibility: collapse;
76
79
  }
@@ -89,13 +92,22 @@
89
92
  .agent-sdk-theme .inset-0 {
90
93
  inset: 0px;
91
94
  }
95
+ .agent-sdk-theme .inset-0\.5 {
96
+ inset: 0.125rem;
97
+ }
92
98
  .agent-sdk-theme .inset-y-0 {
93
99
  top: 0px;
94
100
  bottom: 0px;
95
101
  }
102
+ .agent-sdk-theme .-right-0\.5 {
103
+ right: -0.125rem;
104
+ }
96
105
  .agent-sdk-theme .-right-2 {
97
106
  right: -0.5rem;
98
107
  }
108
+ .agent-sdk-theme .-top-0\.5 {
109
+ top: -0.125rem;
110
+ }
99
111
  .agent-sdk-theme .-top-2 {
100
112
  top: -0.5rem;
101
113
  }
@@ -105,6 +117,9 @@
105
117
  .agent-sdk-theme .bottom-2 {
106
118
  bottom: 0.5rem;
107
119
  }
120
+ .agent-sdk-theme .bottom-3 {
121
+ bottom: 0.75rem;
122
+ }
108
123
  .agent-sdk-theme .bottom-4 {
109
124
  bottom: 1rem;
110
125
  }
@@ -132,6 +147,9 @@
132
147
  .agent-sdk-theme .left-4 {
133
148
  left: 1rem;
134
149
  }
150
+ .agent-sdk-theme .left-\[17px\] {
151
+ left: 17px;
152
+ }
135
153
  .agent-sdk-theme .left-\[50\%\] {
136
154
  left: 50%;
137
155
  }
@@ -147,12 +165,18 @@
147
165
  .agent-sdk-theme .right-2 {
148
166
  right: 0.5rem;
149
167
  }
168
+ .agent-sdk-theme .right-3 {
169
+ right: 0.75rem;
170
+ }
150
171
  .agent-sdk-theme .right-4 {
151
172
  right: 1rem;
152
173
  }
153
174
  .agent-sdk-theme .top-0 {
154
175
  top: 0px;
155
176
  }
177
+ .agent-sdk-theme .top-0\.5 {
178
+ top: 0.125rem;
179
+ }
156
180
  .agent-sdk-theme .top-1 {
157
181
  top: 0.25rem;
158
182
  }
@@ -165,6 +189,9 @@
165
189
  .agent-sdk-theme .top-2 {
166
190
  top: 0.5rem;
167
191
  }
192
+ .agent-sdk-theme .top-3 {
193
+ top: 0.75rem;
194
+ }
168
195
  .agent-sdk-theme .top-4 {
169
196
  top: 1rem;
170
197
  }
@@ -210,8 +237,11 @@
210
237
  .agent-sdk-theme .z-\[9999\] {
211
238
  z-index: 9999;
212
239
  }
213
- .agent-sdk-theme .z-\[10\] {
214
- z-index: 10;
240
+ .agent-sdk-theme .col-span-2 {
241
+ grid-column: span 2 / span 2;
242
+ }
243
+ .agent-sdk-theme .row-span-2 {
244
+ grid-row: span 2 / span 2;
215
245
  }
216
246
  .agent-sdk-theme .mx-0\.5 {
217
247
  margin-left: 0.125rem;
@@ -225,6 +255,10 @@
225
255
  margin-left: 1rem;
226
256
  margin-right: 1rem;
227
257
  }
258
+ .agent-sdk-theme .mx-5 {
259
+ margin-left: 1.25rem;
260
+ margin-right: 1.25rem;
261
+ }
228
262
  .agent-sdk-theme .mx-auto {
229
263
  margin-left: auto;
230
264
  margin-right: auto;
@@ -287,8 +321,8 @@
287
321
  .agent-sdk-theme .ml-2 {
288
322
  margin-left: 0.5rem;
289
323
  }
290
- .agent-sdk-theme .ml-4 {
291
- margin-left: 1rem;
324
+ .agent-sdk-theme .ml-6 {
325
+ margin-left: 1.5rem;
292
326
  }
293
327
  .agent-sdk-theme .ml-7 {
294
328
  margin-left: 1.75rem;
@@ -362,6 +396,9 @@
362
396
  .agent-sdk-theme .hidden {
363
397
  display: none;
364
398
  }
399
+ .agent-sdk-theme .aspect-\[4\/3\] {
400
+ aspect-ratio: 4/3;
401
+ }
365
402
  .agent-sdk-theme .aspect-square {
366
403
  aspect-ratio: 1 / 1;
367
404
  }
@@ -404,6 +441,9 @@
404
441
  .agent-sdk-theme .h-32 {
405
442
  height: 8rem;
406
443
  }
444
+ .agent-sdk-theme .h-36 {
445
+ height: 9rem;
446
+ }
407
447
  .agent-sdk-theme .h-4 {
408
448
  height: 1rem;
409
449
  }
@@ -431,9 +471,6 @@
431
471
  .agent-sdk-theme .h-\[1px\] {
432
472
  height: 1px;
433
473
  }
434
- .agent-sdk-theme .h-\[375px\] {
435
- height: 375px;
436
- }
437
474
  .agent-sdk-theme .h-\[88px\] {
438
475
  height: 88px;
439
476
  }
@@ -461,9 +498,6 @@
461
498
  .agent-sdk-theme .max-h-48 {
462
499
  max-height: 12rem;
463
500
  }
464
- .agent-sdk-theme .max-h-60 {
465
- max-height: 15rem;
466
- }
467
501
  .agent-sdk-theme .max-h-72 {
468
502
  max-height: 18rem;
469
503
  }
@@ -473,6 +507,9 @@
473
507
  .agent-sdk-theme .max-h-\[120px\] {
474
508
  max-height: 120px;
475
509
  }
510
+ .agent-sdk-theme .max-h-\[210px\] {
511
+ max-height: 210px;
512
+ }
476
513
  .agent-sdk-theme .max-h-\[3\.5em\] {
477
514
  max-height: 3.5em;
478
515
  }
@@ -488,6 +525,9 @@
488
525
  .agent-sdk-theme .max-h-\[60vh\] {
489
526
  max-height: 60vh;
490
527
  }
528
+ .agent-sdk-theme .max-h-\[70vh\] {
529
+ max-height: 70vh;
530
+ }
491
531
  .agent-sdk-theme .max-h-\[80vh\] {
492
532
  max-height: 80vh;
493
533
  }
@@ -500,9 +540,6 @@
500
540
  .agent-sdk-theme .max-h-full {
501
541
  max-height: 100%;
502
542
  }
503
- .agent-sdk-theme .max-h-\[375px\] {
504
- max-height: 375px;
505
- }
506
543
  .agent-sdk-theme .min-h-0 {
507
544
  min-height: 0px;
508
545
  }
@@ -590,14 +627,17 @@
590
627
  .agent-sdk-theme .w-80 {
591
628
  width: 20rem;
592
629
  }
630
+ .agent-sdk-theme .w-\[18px\] {
631
+ width: 18px;
632
+ }
593
633
  .agent-sdk-theme .w-\[1px\] {
594
634
  width: 1px;
595
635
  }
596
636
  .agent-sdk-theme .w-\[2px\] {
597
637
  width: 2px;
598
638
  }
599
- .agent-sdk-theme .w-\[375px\] {
600
- width: 375px;
639
+ .agent-sdk-theme .w-\[3px\] {
640
+ width: 3px;
601
641
  }
602
642
  .agent-sdk-theme .w-\[60px\] {
603
643
  width: 60px;
@@ -605,9 +645,6 @@
605
645
  .agent-sdk-theme .w-\[88px\] {
606
646
  width: 88px;
607
647
  }
608
- .agent-sdk-theme .w-auto {
609
- width: auto;
610
- }
611
648
  .agent-sdk-theme .w-full {
612
649
  width: 100%;
613
650
  }
@@ -635,6 +672,9 @@
635
672
  .agent-sdk-theme .min-w-\[400px\] {
636
673
  min-width: 400px;
637
674
  }
675
+ .agent-sdk-theme .min-w-\[52px\] {
676
+ min-width: 52px;
677
+ }
638
678
  .agent-sdk-theme .min-w-full {
639
679
  min-width: 100%;
640
680
  }
@@ -644,6 +684,9 @@
644
684
  .agent-sdk-theme .max-w-3xl {
645
685
  max-width: 48rem;
646
686
  }
687
+ .agent-sdk-theme .max-w-4xl {
688
+ max-width: 56rem;
689
+ }
647
690
  .agent-sdk-theme .max-w-5xl {
648
691
  max-width: 64rem;
649
692
  }
@@ -662,6 +705,15 @@
662
705
  .agent-sdk-theme .max-w-\[260px\] {
663
706
  max-width: 260px;
664
707
  }
708
+ .agent-sdk-theme .max-w-\[280px\] {
709
+ max-width: 280px;
710
+ }
711
+ .agent-sdk-theme .max-w-\[320px\] {
712
+ max-width: 320px;
713
+ }
714
+ .agent-sdk-theme .max-w-\[360px\] {
715
+ max-width: 360px;
716
+ }
665
717
  .agent-sdk-theme .max-w-\[400px\] {
666
718
  max-width: 400px;
667
719
  }
@@ -711,10 +763,6 @@
711
763
  --tw-translate-x: -50%;
712
764
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
713
765
  }
714
- .agent-sdk-theme .-translate-x-4 {
715
- --tw-translate-x: -1rem;
716
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
717
- }
718
766
  .agent-sdk-theme .-translate-x-full {
719
767
  --tw-translate-x: -100%;
720
768
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -727,14 +775,30 @@
727
775
  --tw-translate-x: 0px;
728
776
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
729
777
  }
778
+ .agent-sdk-theme .translate-x-0\.5 {
779
+ --tw-translate-x: 0.125rem;
780
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
781
+ }
730
782
  .agent-sdk-theme .translate-x-\[-50\%\] {
731
783
  --tw-translate-x: -50%;
732
784
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
733
785
  }
786
+ .agent-sdk-theme .translate-x-\[20px\] {
787
+ --tw-translate-x: 20px;
788
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
789
+ }
734
790
  .agent-sdk-theme .translate-y-\[-50\%\] {
735
791
  --tw-translate-y: -50%;
736
792
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
737
793
  }
794
+ .agent-sdk-theme .-rotate-90 {
795
+ --tw-rotate: -90deg;
796
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
797
+ }
798
+ .agent-sdk-theme .rotate-0 {
799
+ --tw-rotate: 0deg;
800
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
801
+ }
738
802
  .agent-sdk-theme .rotate-180 {
739
803
  --tw-rotate: 180deg;
740
804
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -743,6 +807,10 @@
743
807
  --tw-rotate: 45deg;
744
808
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
745
809
  }
810
+ .agent-sdk-theme .rotate-90 {
811
+ --tw-rotate: 90deg;
812
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
813
+ }
746
814
  .agent-sdk-theme .scale-105 {
747
815
  --tw-scale-x: 1.05;
748
816
  --tw-scale-y: 1.05;
@@ -753,11 +821,6 @@
753
821
  --tw-scale-y: 1.1;
754
822
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
755
823
  }
756
- .agent-sdk-theme .scale-\[2\] {
757
- --tw-scale-x: 2;
758
- --tw-scale-y: 2;
759
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
760
- }
761
824
  .agent-sdk-theme .transform {
762
825
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
763
826
  }
@@ -805,15 +868,18 @@
805
868
  .agent-sdk-theme .cursor-grab {
806
869
  cursor: grab;
807
870
  }
871
+ .agent-sdk-theme .cursor-grabbing {
872
+ cursor: grabbing;
873
+ }
874
+ .agent-sdk-theme .cursor-not-allowed {
875
+ cursor: not-allowed;
876
+ }
808
877
  .agent-sdk-theme .cursor-pointer {
809
878
  cursor: pointer;
810
879
  }
811
880
  .agent-sdk-theme .cursor-zoom-in {
812
881
  cursor: zoom-in;
813
882
  }
814
- .agent-sdk-theme .cursor-zoom-out {
815
- cursor: zoom-out;
816
- }
817
883
  .agent-sdk-theme .touch-none {
818
884
  touch-action: none;
819
885
  }
@@ -942,6 +1008,11 @@
942
1008
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
943
1009
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
944
1010
  }
1011
+ .agent-sdk-theme .space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
1012
+ --tw-space-y-reverse: 0;
1013
+ margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
1014
+ margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
1015
+ }
945
1016
  .agent-sdk-theme .space-y-3 > :not([hidden]) ~ :not([hidden]) {
946
1017
  --tw-space-y-reverse: 0;
947
1018
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
@@ -1044,9 +1115,6 @@
1044
1115
  .agent-sdk-theme .border-l {
1045
1116
  border-left-width: 1px;
1046
1117
  }
1047
- .agent-sdk-theme .border-l-0 {
1048
- border-left-width: 0px;
1049
- }
1050
1118
  .agent-sdk-theme .border-l-2 {
1051
1119
  border-left-width: 2px;
1052
1120
  }
@@ -1079,18 +1147,24 @@
1079
1147
  --tw-border-opacity: 1;
1080
1148
  border-color: rgb(var(--agent-amber-400, 251 191 36) / var(--tw-border-opacity, 1));
1081
1149
  }
1150
+ .agent-sdk-theme .border-amber-500\/15 {
1151
+ border-color: rgb(var(--agent-amber-500, 245 158 11) / 0.15);
1152
+ }
1082
1153
  .agent-sdk-theme .border-amber-500\/20 {
1083
1154
  border-color: rgb(var(--agent-amber-500, 245 158 11) / 0.2);
1084
1155
  }
1156
+ .agent-sdk-theme .border-amber-500\/25 {
1157
+ border-color: rgb(var(--agent-amber-500, 245 158 11) / 0.25);
1158
+ }
1085
1159
  .agent-sdk-theme .border-amber-500\/30 {
1086
1160
  border-color: rgb(var(--agent-amber-500, 245 158 11) / 0.3);
1087
1161
  }
1088
- .agent-sdk-theme .border-amber-500\/40 {
1089
- border-color: rgb(var(--agent-amber-500, 245 158 11) / 0.4);
1090
- }
1091
1162
  .agent-sdk-theme .border-blue-500\/30 {
1092
1163
  border-color: rgb(var(--agent-blue-500, 59 130 246) / 0.3);
1093
1164
  }
1165
+ .agent-sdk-theme .border-blue-500\/50 {
1166
+ border-color: rgb(var(--agent-blue-500, 59 130 246) / 0.5);
1167
+ }
1094
1168
  .agent-sdk-theme .border-gray-500\/30 {
1095
1169
  border-color: rgb(var(--agent-gray-500, 107 114 128) / 0.3);
1096
1170
  }
@@ -1103,25 +1177,37 @@
1103
1177
  .agent-sdk-theme .border-orange-500\/30 {
1104
1178
  border-color: rgb(var(--agent-orange-500, 249 115 22) / 0.3);
1105
1179
  }
1180
+ .agent-sdk-theme .border-purple-500\/10 {
1181
+ border-color: rgb(var(--agent-purple-500, 168 85 247) / 0.1);
1182
+ }
1106
1183
  .agent-sdk-theme .border-purple-500\/20 {
1107
1184
  border-color: rgb(var(--agent-purple-500, 168 85 247) / 0.2);
1108
1185
  }
1109
- .agent-sdk-theme .border-purple-500\/30 {
1110
- border-color: rgb(var(--agent-purple-500, 168 85 247) / 0.3);
1111
- }
1112
1186
  .agent-sdk-theme .border-red-500 {
1113
1187
  --tw-border-opacity: 1;
1114
1188
  border-color: rgb(var(--agent-red-500, 239 68 68) / var(--tw-border-opacity, 1));
1115
1189
  }
1190
+ .agent-sdk-theme .border-red-500\/15 {
1191
+ border-color: rgb(var(--agent-red-500, 239 68 68) / 0.15);
1192
+ }
1116
1193
  .agent-sdk-theme .border-red-500\/20 {
1117
1194
  border-color: rgb(var(--agent-red-500, 239 68 68) / 0.2);
1118
1195
  }
1119
1196
  .agent-sdk-theme .border-red-500\/30 {
1120
1197
  border-color: rgb(var(--agent-red-500, 239 68 68) / 0.3);
1121
1198
  }
1199
+ .agent-sdk-theme .border-transparent {
1200
+ border-color: transparent;
1201
+ }
1122
1202
  .agent-sdk-theme .border-violet-500\/20 {
1123
1203
  border-color: rgb(var(--agent-violet-500, 139 92 246) / 0.2);
1124
1204
  }
1205
+ .agent-sdk-theme .border-zinc-500\/20 {
1206
+ border-color: rgb(var(--agent-zinc-500, 113 113 122) / 0.2);
1207
+ }
1208
+ .agent-sdk-theme .border-zinc-500\/30 {
1209
+ border-color: rgb(var(--agent-zinc-500, 113 113 122) / 0.3);
1210
+ }
1125
1211
  .agent-sdk-theme .border-zinc-600 {
1126
1212
  --tw-border-opacity: 1;
1127
1213
  border-color: rgb(var(--agent-zinc-600, 82 82 91) / var(--tw-border-opacity, 1));
@@ -1145,6 +1231,9 @@
1145
1231
  .agent-sdk-theme .border-zinc-700\/60 {
1146
1232
  border-color: rgb(var(--agent-zinc-700, 63 63 70) / 0.6);
1147
1233
  }
1234
+ .agent-sdk-theme .border-zinc-700\/80 {
1235
+ border-color: rgb(var(--agent-zinc-700, 63 63 70) / 0.8);
1236
+ }
1148
1237
  .agent-sdk-theme .border-zinc-800 {
1149
1238
  --tw-border-opacity: 1;
1150
1239
  border-color: rgb(var(--agent-zinc-800, 39 39 42) / var(--tw-border-opacity, 1));
@@ -1178,9 +1267,20 @@
1178
1267
  .agent-sdk-theme .bg-\[\#d8ff00\]\/10 {
1179
1268
  background-color: rgb(216 255 0 / 0.1);
1180
1269
  }
1270
+ .agent-sdk-theme .bg-\[\#d8ff00\]\/15 {
1271
+ background-color: rgb(216 255 0 / 0.15);
1272
+ }
1181
1273
  .agent-sdk-theme .bg-\[\#d8ff00\]\/20 {
1182
1274
  background-color: rgb(216 255 0 / 0.2);
1183
1275
  }
1276
+ .agent-sdk-theme .bg-amber-400 {
1277
+ --tw-bg-opacity: 1;
1278
+ background-color: rgb(var(--agent-amber-400, 251 191 36) / var(--tw-bg-opacity, 1));
1279
+ }
1280
+ .agent-sdk-theme .bg-amber-500 {
1281
+ --tw-bg-opacity: 1;
1282
+ background-color: rgb(var(--agent-amber-500, 245 158 11) / var(--tw-bg-opacity, 1));
1283
+ }
1184
1284
  .agent-sdk-theme .bg-amber-500\/10 {
1185
1285
  background-color: rgb(var(--agent-amber-500, 245 158 11) / 0.1);
1186
1286
  }
@@ -1225,6 +1325,10 @@
1225
1325
  --tw-bg-opacity: 1;
1226
1326
  background-color: rgb(var(--agent-blue-400, 96 165 250) / var(--tw-bg-opacity, 1));
1227
1327
  }
1328
+ .agent-sdk-theme .bg-blue-500 {
1329
+ --tw-bg-opacity: 1;
1330
+ background-color: rgb(var(--agent-blue-500, 59 130 246) / var(--tw-bg-opacity, 1));
1331
+ }
1228
1332
  .agent-sdk-theme .bg-blue-500\/10 {
1229
1333
  background-color: rgb(var(--agent-blue-500, 59 130 246) / 0.1);
1230
1334
  }
@@ -1260,6 +1364,9 @@
1260
1364
  .agent-sdk-theme .bg-purple-500\/20 {
1261
1365
  background-color: rgb(var(--agent-purple-500, 168 85 247) / 0.2);
1262
1366
  }
1367
+ .agent-sdk-theme .bg-purple-500\/5 {
1368
+ background-color: rgb(var(--agent-purple-500, 168 85 247) / 0.05);
1369
+ }
1263
1370
  .agent-sdk-theme .bg-red-400\/10 {
1264
1371
  background-color: rgb(var(--agent-red-400, 248 113 113) / 0.1);
1265
1372
  }
@@ -1275,9 +1382,17 @@
1275
1382
  .agent-sdk-theme .bg-red-500\/20 {
1276
1383
  background-color: rgb(var(--agent-red-500, 239 68 68) / 0.2);
1277
1384
  }
1385
+ .agent-sdk-theme .bg-red-600 {
1386
+ --tw-bg-opacity: 1;
1387
+ background-color: rgb(var(--agent-red-600, 220 38 38) / var(--tw-bg-opacity, 1));
1388
+ }
1278
1389
  .agent-sdk-theme .bg-transparent {
1279
1390
  background-color: transparent;
1280
1391
  }
1392
+ .agent-sdk-theme .bg-violet-500 {
1393
+ --tw-bg-opacity: 1;
1394
+ background-color: rgb(var(--agent-violet-500, 139 92 246) / var(--tw-bg-opacity, 1));
1395
+ }
1281
1396
  .agent-sdk-theme .bg-white {
1282
1397
  --tw-bg-opacity: 1;
1283
1398
  background-color: rgb(var(--agent-white, 255 255 255) / var(--tw-bg-opacity, 1));
@@ -1318,6 +1433,9 @@
1318
1433
  --tw-bg-opacity: 1;
1319
1434
  background-color: rgb(var(--agent-zinc-800, 39 39 42) / var(--tw-bg-opacity, 1));
1320
1435
  }
1436
+ .agent-sdk-theme .bg-zinc-800\/20 {
1437
+ background-color: rgb(var(--agent-zinc-800, 39 39 42) / 0.2);
1438
+ }
1321
1439
  .agent-sdk-theme .bg-zinc-800\/30 {
1322
1440
  background-color: rgb(var(--agent-zinc-800, 39 39 42) / 0.3);
1323
1441
  }
@@ -1343,15 +1461,24 @@
1343
1461
  .agent-sdk-theme .bg-zinc-900\/30 {
1344
1462
  background-color: rgb(var(--agent-zinc-900, 24 24 27) / 0.3);
1345
1463
  }
1464
+ .agent-sdk-theme .bg-zinc-900\/40 {
1465
+ background-color: rgb(var(--agent-zinc-900, 24 24 27) / 0.4);
1466
+ }
1346
1467
  .agent-sdk-theme .bg-zinc-900\/50 {
1347
1468
  background-color: rgb(var(--agent-zinc-900, 24 24 27) / 0.5);
1348
1469
  }
1349
1470
  .agent-sdk-theme .bg-zinc-900\/60 {
1350
1471
  background-color: rgb(var(--agent-zinc-900, 24 24 27) / 0.6);
1351
1472
  }
1473
+ .agent-sdk-theme .bg-zinc-900\/70 {
1474
+ background-color: rgb(var(--agent-zinc-900, 24 24 27) / 0.7);
1475
+ }
1352
1476
  .agent-sdk-theme .bg-zinc-900\/80 {
1353
1477
  background-color: rgb(var(--agent-zinc-900, 24 24 27) / 0.8);
1354
1478
  }
1479
+ .agent-sdk-theme .bg-zinc-900\/90 {
1480
+ background-color: rgb(var(--agent-zinc-900, 24 24 27) / 0.9);
1481
+ }
1355
1482
  .agent-sdk-theme .bg-zinc-900\/95 {
1356
1483
  background-color: rgb(var(--agent-zinc-900, 24 24 27) / 0.95);
1357
1484
  }
@@ -1383,19 +1510,9 @@
1383
1510
  .agent-sdk-theme .bg-gradient-to-t {
1384
1511
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
1385
1512
  }
1386
- .agent-sdk-theme .from-amber-500 {
1387
- --tw-gradient-from: rgb(var(--agent-amber-500, 245 158 11) / 1) var(--tw-gradient-from-position);
1388
- --tw-gradient-to: rgb(var(--agent-amber-500, 245 158 11) / 0) var(--tw-gradient-to-position);
1389
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1390
- }
1391
- .agent-sdk-theme .from-amber-500\/30 {
1392
- --tw-gradient-from: rgb(var(--agent-amber-500, 245 158 11) / 0.3) var(--tw-gradient-from-position);
1393
- --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
1394
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1395
- }
1396
- .agent-sdk-theme .from-amber-500\/5 {
1397
- --tw-gradient-from: rgb(var(--agent-amber-500, 245 158 11) / 0.05) var(--tw-gradient-from-position);
1398
- --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
1513
+ .agent-sdk-theme .from-amber-400 {
1514
+ --tw-gradient-from: rgb(var(--agent-amber-400, 251 191 36) / 1) var(--tw-gradient-from-position);
1515
+ --tw-gradient-to: rgb(var(--agent-amber-400, 251 191 36) / 0) var(--tw-gradient-to-position);
1399
1516
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1400
1517
  }
1401
1518
  .agent-sdk-theme .from-black\/50 {
@@ -1423,6 +1540,11 @@
1423
1540
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
1424
1541
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1425
1542
  }
1543
+ .agent-sdk-theme .from-transparent {
1544
+ --tw-gradient-from: transparent var(--tw-gradient-from-position);
1545
+ --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
1546
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1547
+ }
1426
1548
  .agent-sdk-theme .from-violet-500\/10 {
1427
1549
  --tw-gradient-from: rgb(var(--agent-violet-500, 139 92 246) / 0.1) var(--tw-gradient-from-position);
1428
1550
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
@@ -1445,15 +1567,12 @@
1445
1567
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
1446
1568
  --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
1447
1569
  }
1448
- .agent-sdk-theme .via-zinc-900 {
1449
- --tw-gradient-to: rgb(var(--agent-zinc-900, 24 24 27) / 0) var(--tw-gradient-to-position);
1450
- --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--agent-zinc-900, 24 24 27) / 1) var(--tw-gradient-via-position), var(--tw-gradient-to);
1451
- }
1452
- .agent-sdk-theme .to-amber-500 {
1453
- --tw-gradient-to: rgb(var(--agent-amber-500, 245 158 11) / 1) var(--tw-gradient-to-position);
1570
+ .agent-sdk-theme .via-zinc-600\/20 {
1571
+ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
1572
+ --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--agent-zinc-600, 82 82 91) / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
1454
1573
  }
1455
- .agent-sdk-theme .to-amber-600\/20 {
1456
- --tw-gradient-to: rgb(var(--agent-amber-600, 217 119 6) / 0.2) var(--tw-gradient-to-position);
1574
+ .agent-sdk-theme .to-amber-600 {
1575
+ --tw-gradient-to: rgb(var(--agent-amber-600, 217 119 6) / 1) var(--tw-gradient-to-position);
1457
1576
  }
1458
1577
  .agent-sdk-theme .to-purple-500\/10 {
1459
1578
  --tw-gradient-to: rgb(var(--agent-purple-500, 168 85 247) / 0.1) var(--tw-gradient-to-position);
@@ -1535,6 +1654,10 @@
1535
1654
  padding-left: 0.75rem;
1536
1655
  padding-right: 0.75rem;
1537
1656
  }
1657
+ .agent-sdk-theme .px-3\.5 {
1658
+ padding-left: 0.875rem;
1659
+ padding-right: 0.875rem;
1660
+ }
1538
1661
  .agent-sdk-theme .px-4 {
1539
1662
  padding-left: 1rem;
1540
1663
  padding-right: 1rem;
@@ -1591,6 +1714,10 @@
1591
1714
  padding-top: 2rem;
1592
1715
  padding-bottom: 2rem;
1593
1716
  }
1717
+ .agent-sdk-theme .py-px {
1718
+ padding-top: 1px;
1719
+ padding-bottom: 1px;
1720
+ }
1594
1721
  .agent-sdk-theme .pb-1 {
1595
1722
  padding-bottom: 0.25rem;
1596
1723
  }
@@ -1701,6 +1828,9 @@
1701
1828
  .agent-sdk-theme .text-\[11px\] {
1702
1829
  font-size: 11px;
1703
1830
  }
1831
+ .agent-sdk-theme .text-\[12px\] {
1832
+ font-size: 12px;
1833
+ }
1704
1834
  .agent-sdk-theme .text-\[13px\] {
1705
1835
  font-size: 13px;
1706
1836
  }
@@ -1770,6 +1900,9 @@
1770
1900
  .agent-sdk-theme .leading-relaxed {
1771
1901
  line-height: 1.625;
1772
1902
  }
1903
+ .agent-sdk-theme .leading-tight {
1904
+ line-height: 1.25;
1905
+ }
1773
1906
  .agent-sdk-theme .tracking-tight {
1774
1907
  letter-spacing: -0.025em;
1775
1908
  }
@@ -1800,6 +1933,9 @@
1800
1933
  --tw-text-opacity: 1;
1801
1934
  color: rgb(var(--agent-amber-400, 251 191 36) / var(--tw-text-opacity, 1));
1802
1935
  }
1936
+ .agent-sdk-theme .text-amber-400\/90 {
1937
+ color: rgb(var(--agent-amber-400, 251 191 36) / 0.9);
1938
+ }
1803
1939
  .agent-sdk-theme .text-black {
1804
1940
  --tw-text-opacity: 1;
1805
1941
  color: rgb(var(--agent-black, 0 0 0) / var(--tw-text-opacity, 1));
@@ -1832,6 +1968,9 @@
1832
1968
  --tw-text-opacity: 1;
1833
1969
  color: rgb(var(--agent-green-500, 16 185 129) / var(--tw-text-opacity, 1));
1834
1970
  }
1971
+ .agent-sdk-theme .text-green-500\/60 {
1972
+ color: rgb(var(--agent-green-500, 16 185 129) / 0.6);
1973
+ }
1835
1974
  .agent-sdk-theme .text-purple-300 {
1836
1975
  --tw-text-opacity: 1;
1837
1976
  color: rgb(var(--agent-purple-300, 216 180 254) / var(--tw-text-opacity, 1));
@@ -1840,9 +1979,6 @@
1840
1979
  --tw-text-opacity: 1;
1841
1980
  color: rgb(var(--agent-purple-400, 192 132 252) / var(--tw-text-opacity, 1));
1842
1981
  }
1843
- .agent-sdk-theme .text-purple-400\/70 {
1844
- color: rgb(var(--agent-purple-400, 192 132 252) / 0.7);
1845
- }
1846
1982
  .agent-sdk-theme .text-red-100 {
1847
1983
  --tw-text-opacity: 1;
1848
1984
  color: rgb(var(--agent-red-100, 254 226 226) / var(--tw-text-opacity, 1));
@@ -1864,6 +2000,9 @@
1864
2000
  .agent-sdk-theme .text-red-400\/80 {
1865
2001
  color: rgb(var(--agent-red-400, 248 113 113) / 0.8);
1866
2002
  }
2003
+ .agent-sdk-theme .text-red-400\/90 {
2004
+ color: rgb(var(--agent-red-400, 248 113 113) / 0.9);
2005
+ }
1867
2006
  .agent-sdk-theme .text-red-500 {
1868
2007
  --tw-text-opacity: 1;
1869
2008
  color: rgb(var(--agent-red-500, 239 68 68) / var(--tw-text-opacity, 1));
@@ -1922,6 +2061,17 @@
1922
2061
  --tw-text-opacity: 1;
1923
2062
  color: rgb(var(--agent-zinc-700, 63 63 70) / var(--tw-text-opacity, 1));
1924
2063
  }
2064
+ .agent-sdk-theme .text-zinc-700\/50 {
2065
+ color: rgb(var(--agent-zinc-700, 63 63 70) / 0.5);
2066
+ }
2067
+ .agent-sdk-theme .text-zinc-800 {
2068
+ --tw-text-opacity: 1;
2069
+ color: rgb(var(--agent-zinc-800, 39 39 42) / var(--tw-text-opacity, 1));
2070
+ }
2071
+ .agent-sdk-theme .text-zinc-900 {
2072
+ --tw-text-opacity: 1;
2073
+ color: rgb(var(--agent-zinc-900, 24 24 27) / var(--tw-text-opacity, 1));
2074
+ }
1925
2075
  .agent-sdk-theme .underline {
1926
2076
  text-decoration-line: underline;
1927
2077
  }
@@ -1968,12 +2118,14 @@
1968
2118
  .agent-sdk-theme .opacity-70 {
1969
2119
  opacity: 0.7;
1970
2120
  }
1971
- .agent-sdk-theme .opacity-75 {
1972
- opacity: 0.75;
1973
- }
1974
2121
  .agent-sdk-theme .opacity-\[0\.03\] {
1975
2122
  opacity: 0.03;
1976
2123
  }
2124
+ .agent-sdk-theme .shadow {
2125
+ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
2126
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
2127
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2128
+ }
1977
2129
  .agent-sdk-theme .shadow-2xl {
1978
2130
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
1979
2131
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
@@ -2004,12 +2156,12 @@
2004
2156
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
2005
2157
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2006
2158
  }
2007
- .agent-sdk-theme .shadow-\[\#d8ff00\]\/20 {
2008
- --tw-shadow-color: rgb(216 255 0 / 0.2);
2159
+ .agent-sdk-theme .shadow-\[\#d8ff00\]\/10 {
2160
+ --tw-shadow-color: rgb(216 255 0 / 0.1);
2009
2161
  --tw-shadow: var(--tw-shadow-colored);
2010
2162
  }
2011
- .agent-sdk-theme .shadow-\[\#d8ff00\]\/25 {
2012
- --tw-shadow-color: rgb(216 255 0 / 0.25);
2163
+ .agent-sdk-theme .shadow-\[\#d8ff00\]\/15 {
2164
+ --tw-shadow-color: rgb(216 255 0 / 0.15);
2013
2165
  --tw-shadow: var(--tw-shadow-colored);
2014
2166
  }
2015
2167
  .agent-sdk-theme .shadow-amber-500\/5 {
@@ -2028,6 +2180,10 @@
2028
2180
  --tw-shadow-color: rgb(var(--agent-black, 0 0 0) / 0.5);
2029
2181
  --tw-shadow: var(--tw-shadow-colored);
2030
2182
  }
2183
+ .agent-sdk-theme .outline-none {
2184
+ outline: 2px solid transparent;
2185
+ outline-offset: 2px;
2186
+ }
2031
2187
  .agent-sdk-theme .outline {
2032
2188
  outline-style: solid;
2033
2189
  }
@@ -2057,6 +2213,10 @@
2057
2213
  .agent-sdk-theme .ring-offset-background {
2058
2214
  --tw-ring-offset-color: var(--background);
2059
2215
  }
2216
+ .agent-sdk-theme .blur {
2217
+ --tw-blur: blur(8px);
2218
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2219
+ }
2060
2220
  .agent-sdk-theme .filter {
2061
2221
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2062
2222
  }
@@ -2068,8 +2228,13 @@
2068
2228
  --tw-backdrop-blur: blur(4px);
2069
2229
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2070
2230
  }
2071
- .agent-sdk-theme .transition-\[width\2c opacity\2c transform\] {
2072
- transition-property: width,opacity,transform;
2231
+ .agent-sdk-theme .transition {
2232
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2233
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2234
+ transition-duration: 150ms;
2235
+ }
2236
+ .agent-sdk-theme .transition-\[stroke-dashoffset\] {
2237
+ transition-property: stroke-dashoffset;
2073
2238
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2074
2239
  transition-duration: 150ms;
2075
2240
  }
@@ -2124,6 +2289,9 @@
2124
2289
  .agent-sdk-theme .duration-75 {
2125
2290
  transition-duration: 75ms;
2126
2291
  }
2292
+ .agent-sdk-theme .ease-in-out {
2293
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2294
+ }
2127
2295
  .agent-sdk-theme .ease-out {
2128
2296
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2129
2297
  }
@@ -2178,6 +2346,9 @@
2178
2346
  .agent-sdk-theme .duration-75 {
2179
2347
  animation-duration: 75ms;
2180
2348
  }
2349
+ .agent-sdk-theme .ease-in-out {
2350
+ animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2351
+ }
2181
2352
  .agent-sdk-theme .ease-out {
2182
2353
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
2183
2354
  }
@@ -2462,11 +2633,15 @@
2462
2633
  color: var(--agent-user-bubble-text) !important;
2463
2634
  }
2464
2635
  .agent-sdk-theme .agent-user-markdown,
2465
- .agent-sdk-theme .agent-user-markdown :where(p, li, span, strong, em, code, pre) {
2636
+ .agent-sdk-theme .agent-user-markdown :where(p, li, span, strong, em, code, pre, a) {
2466
2637
  color: var(--agent-user-bubble-text) !important;
2638
+ overflow-wrap: anywhere;
2639
+ word-break: break-word;
2467
2640
  }
2468
2641
  .agent-sdk-theme .agent-user-markdown a {
2469
2642
  color: var(--agent-info) !important;
2643
+ overflow-wrap: anywhere;
2644
+ word-break: break-all;
2470
2645
  }
2471
2646
 
2472
2647
  /* Status color harmonization */
@@ -2626,6 +2801,9 @@
2626
2801
  .agent-sdk-theme .hover\:border-\[\#d8ff00\]\/50:hover {
2627
2802
  border-color: rgb(216 255 0 / 0.5);
2628
2803
  }
2804
+ .agent-sdk-theme .hover\:border-red-500\/20:hover {
2805
+ border-color: rgb(var(--agent-red-500, 239 68 68) / 0.2);
2806
+ }
2629
2807
  .agent-sdk-theme .hover\:border-zinc-500\/60:hover {
2630
2808
  border-color: rgb(var(--agent-zinc-500, 113 113 122) / 0.6);
2631
2809
  }
@@ -2664,6 +2842,10 @@
2664
2842
  .agent-sdk-theme .hover\:bg-\[\#d8ff00\]\/90:hover {
2665
2843
  background-color: rgb(216 255 0 / 0.9);
2666
2844
  }
2845
+ .agent-sdk-theme .hover\:bg-\[\#e2ff33\]:hover {
2846
+ --tw-bg-opacity: 1;
2847
+ background-color: rgb(226 255 51 / var(--tw-bg-opacity, 1));
2848
+ }
2667
2849
  .agent-sdk-theme .hover\:bg-\[\#e5ff4d\]:hover {
2668
2850
  --tw-bg-opacity: 1;
2669
2851
  background-color: rgb(229 255 77 / var(--tw-bg-opacity, 1));
@@ -2671,15 +2853,9 @@
2671
2853
  .agent-sdk-theme .hover\:bg-amber-500\/10:hover {
2672
2854
  background-color: rgb(var(--agent-amber-500, 245 158 11) / 0.1);
2673
2855
  }
2674
- .agent-sdk-theme .hover\:bg-black\/50:hover {
2675
- background-color: rgb(var(--agent-black, 0 0 0) / 0.5);
2676
- }
2677
2856
  .agent-sdk-theme .hover\:bg-black\/60:hover {
2678
2857
  background-color: rgb(var(--agent-black, 0 0 0) / 0.6);
2679
2858
  }
2680
- .agent-sdk-theme .hover\:bg-black\/80:hover {
2681
- background-color: rgb(var(--agent-black, 0 0 0) / 0.8);
2682
- }
2683
2859
  .agent-sdk-theme .hover\:bg-green-700:hover {
2684
2860
  --tw-bg-opacity: 1;
2685
2861
  background-color: rgb(var(--agent-green-700, 21 128 61) / var(--tw-bg-opacity, 1));
@@ -2706,8 +2882,11 @@
2706
2882
  .agent-sdk-theme .hover\:bg-white\/20:hover {
2707
2883
  background-color: rgb(var(--agent-white, 255 255 255) / 0.2);
2708
2884
  }
2709
- .agent-sdk-theme .hover\:bg-white\/25:hover {
2710
- background-color: rgb(var(--agent-white, 255 255 255) / 0.25);
2885
+ .agent-sdk-theme .hover\:bg-white\/30:hover {
2886
+ background-color: rgb(var(--agent-white, 255 255 255) / 0.3);
2887
+ }
2888
+ .agent-sdk-theme .hover\:bg-white\/5:hover {
2889
+ background-color: rgb(var(--agent-white, 255 255 255) / 0.05);
2711
2890
  }
2712
2891
  .agent-sdk-theme .hover\:bg-zinc-600:hover {
2713
2892
  --tw-bg-opacity: 1;
@@ -2717,6 +2896,9 @@
2717
2896
  --tw-bg-opacity: 1;
2718
2897
  background-color: rgb(var(--agent-zinc-700, 63 63 70) / var(--tw-bg-opacity, 1));
2719
2898
  }
2899
+ .agent-sdk-theme .hover\:bg-zinc-700\/20:hover {
2900
+ background-color: rgb(var(--agent-zinc-700, 63 63 70) / 0.2);
2901
+ }
2720
2902
  .agent-sdk-theme .hover\:bg-zinc-700\/30:hover {
2721
2903
  background-color: rgb(var(--agent-zinc-700, 63 63 70) / 0.3);
2722
2904
  }
@@ -2816,8 +2998,8 @@
2816
2998
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
2817
2999
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2818
3000
  }
2819
- .agent-sdk-theme .hover\:shadow-\[\#d8ff00\]\/40:hover {
2820
- --tw-shadow-color: rgb(216 255 0 / 0.4);
3001
+ .agent-sdk-theme .hover\:shadow-\[\#d8ff00\]\/25:hover {
3002
+ --tw-shadow-color: rgb(216 255 0 / 0.25);
2821
3003
  --tw-shadow: var(--tw-shadow-colored);
2822
3004
  }
2823
3005
  .agent-sdk-theme .hover\:shadow-black\/20:hover {
@@ -2831,8 +3013,8 @@
2831
3013
  .agent-sdk-theme .focus\:border-\[\#d8ff00\]\/50:focus {
2832
3014
  border-color: rgb(216 255 0 / 0.5);
2833
3015
  }
2834
- .agent-sdk-theme .focus\:border-amber-500\/50:focus {
2835
- border-color: rgb(var(--agent-amber-500, 245 158 11) / 0.5);
3016
+ .agent-sdk-theme .focus\:border-amber-500\/40:focus {
3017
+ border-color: rgb(var(--agent-amber-500, 245 158 11) / 0.4);
2836
3018
  }
2837
3019
  .agent-sdk-theme .focus\:border-red-500:focus {
2838
3020
  --tw-border-opacity: 1;
@@ -2872,8 +3054,8 @@
2872
3054
  .agent-sdk-theme .focus\:ring-\[\#d8ff00\]\/50:focus {
2873
3055
  --tw-ring-color: rgb(216 255 0 / 0.5);
2874
3056
  }
2875
- .agent-sdk-theme .focus\:ring-amber-500\/20:focus {
2876
- --tw-ring-color: rgb(var(--agent-amber-500, 245 158 11) / 0.2);
3057
+ .agent-sdk-theme .focus\:ring-amber-500\/15:focus {
3058
+ --tw-ring-color: rgb(var(--agent-amber-500, 245 158 11) / 0.15);
2877
3059
  }
2878
3060
  .agent-sdk-theme .focus\:ring-offset-0:focus {
2879
3061
  --tw-ring-offset-width: 0px;
@@ -2901,6 +3083,11 @@
2901
3083
  --tw-scale-y: .95;
2902
3084
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2903
3085
  }
3086
+ .agent-sdk-theme .active\:scale-\[0\.97\]:active {
3087
+ --tw-scale-x: 0.97;
3088
+ --tw-scale-y: 0.97;
3089
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
3090
+ }
2904
3091
  .agent-sdk-theme .active\:cursor-grabbing:active {
2905
3092
  cursor: grabbing;
2906
3093
  }
@@ -2935,6 +3122,9 @@
2935
3122
  .agent-sdk-theme .disabled\:opacity-30:disabled {
2936
3123
  opacity: 0.3;
2937
3124
  }
3125
+ .agent-sdk-theme .disabled\:opacity-40:disabled {
3126
+ opacity: 0.4;
3127
+ }
2938
3128
  .agent-sdk-theme .disabled\:opacity-50:disabled {
2939
3129
  opacity: 0.5;
2940
3130
  }
@@ -2953,6 +3143,9 @@
2953
3143
  --tw-scale-y: 1.1;
2954
3144
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2955
3145
  }
3146
+ .agent-sdk-theme .group\/more:hover .group-hover\/more\:bg-black\/70 {
3147
+ background-color: rgb(var(--agent-black, 0 0 0) / 0.7);
3148
+ }
2956
3149
  .agent-sdk-theme .group\/player:hover .group-hover\/player\:bg-white\/25 {
2957
3150
  background-color: rgb(var(--agent-white, 255 255 255) / 0.25);
2958
3151
  }
@@ -2986,7 +3179,7 @@
2986
3179
  .agent-sdk-theme .group\/att:hover .group-hover\/att\:opacity-100 {
2987
3180
  opacity: 1;
2988
3181
  }
2989
- .agent-sdk-theme .group\/img:hover .group-hover\/img\:opacity-100 {
3182
+ .agent-sdk-theme .group\/media:hover .group-hover\/media\:opacity-100 {
2990
3183
  opacity: 1;
2991
3184
  }
2992
3185
  .agent-sdk-theme .group\/plan-img:hover .group-hover\/plan-img\:opacity-100 {
@@ -3004,9 +3197,6 @@
3004
3197
  .agent-sdk-theme .group:hover .group-hover\:opacity-100 {
3005
3198
  opacity: 1;
3006
3199
  }
3007
- .agent-sdk-theme .group\/media:hover .group-hover\/media\:opacity-100 {
3008
- opacity: 1;
3009
- }
3010
3200
  .agent-sdk-theme .data-\[state\=open\]\:animate-in[data-state="open"] {
3011
3201
  animation-name: enter;
3012
3202
  animation-duration: 150ms;