@malette/agent-sdk 0.1.3-beta.1 → 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
  }
@@ -195,9 +222,6 @@
195
222
  .agent-sdk-theme .z-\[100\] {
196
223
  z-index: 100;
197
224
  }
198
- .agent-sdk-theme .z-\[10\] {
199
- z-index: 10;
200
- }
201
225
  .agent-sdk-theme .z-\[1\] {
202
226
  z-index: 1;
203
227
  }
@@ -213,6 +237,12 @@
213
237
  .agent-sdk-theme .z-\[9999\] {
214
238
  z-index: 9999;
215
239
  }
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;
245
+ }
216
246
  .agent-sdk-theme .mx-0\.5 {
217
247
  margin-left: 0.125rem;
218
248
  margin-right: 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
  }
@@ -458,9 +498,6 @@
458
498
  .agent-sdk-theme .max-h-48 {
459
499
  max-height: 12rem;
460
500
  }
461
- .agent-sdk-theme .max-h-60 {
462
- max-height: 15rem;
463
- }
464
501
  .agent-sdk-theme .max-h-72 {
465
502
  max-height: 18rem;
466
503
  }
@@ -470,12 +507,12 @@
470
507
  .agent-sdk-theme .max-h-\[120px\] {
471
508
  max-height: 120px;
472
509
  }
510
+ .agent-sdk-theme .max-h-\[210px\] {
511
+ max-height: 210px;
512
+ }
473
513
  .agent-sdk-theme .max-h-\[3\.5em\] {
474
514
  max-height: 3.5em;
475
515
  }
476
- .agent-sdk-theme .max-h-\[375px\] {
477
- max-height: 375px;
478
- }
479
516
  .agent-sdk-theme .max-h-\[40\%\] {
480
517
  max-height: 40%;
481
518
  }
@@ -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
  }
@@ -587,12 +627,18 @@
587
627
  .agent-sdk-theme .w-80 {
588
628
  width: 20rem;
589
629
  }
630
+ .agent-sdk-theme .w-\[18px\] {
631
+ width: 18px;
632
+ }
590
633
  .agent-sdk-theme .w-\[1px\] {
591
634
  width: 1px;
592
635
  }
593
636
  .agent-sdk-theme .w-\[2px\] {
594
637
  width: 2px;
595
638
  }
639
+ .agent-sdk-theme .w-\[3px\] {
640
+ width: 3px;
641
+ }
596
642
  .agent-sdk-theme .w-\[60px\] {
597
643
  width: 60px;
598
644
  }
@@ -626,6 +672,9 @@
626
672
  .agent-sdk-theme .min-w-\[400px\] {
627
673
  min-width: 400px;
628
674
  }
675
+ .agent-sdk-theme .min-w-\[52px\] {
676
+ min-width: 52px;
677
+ }
629
678
  .agent-sdk-theme .min-w-full {
630
679
  min-width: 100%;
631
680
  }
@@ -635,6 +684,9 @@
635
684
  .agent-sdk-theme .max-w-3xl {
636
685
  max-width: 48rem;
637
686
  }
687
+ .agent-sdk-theme .max-w-4xl {
688
+ max-width: 56rem;
689
+ }
638
690
  .agent-sdk-theme .max-w-5xl {
639
691
  max-width: 64rem;
640
692
  }
@@ -653,6 +705,15 @@
653
705
  .agent-sdk-theme .max-w-\[260px\] {
654
706
  max-width: 260px;
655
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
+ }
656
717
  .agent-sdk-theme .max-w-\[400px\] {
657
718
  max-width: 400px;
658
719
  }
@@ -702,10 +763,6 @@
702
763
  --tw-translate-x: -50%;
703
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));
704
765
  }
705
- .agent-sdk-theme .-translate-x-4 {
706
- --tw-translate-x: -1rem;
707
- 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));
708
- }
709
766
  .agent-sdk-theme .-translate-x-full {
710
767
  --tw-translate-x: -100%;
711
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));
@@ -718,14 +775,30 @@
718
775
  --tw-translate-x: 0px;
719
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));
720
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
+ }
721
782
  .agent-sdk-theme .translate-x-\[-50\%\] {
722
783
  --tw-translate-x: -50%;
723
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));
724
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
+ }
725
790
  .agent-sdk-theme .translate-y-\[-50\%\] {
726
791
  --tw-translate-y: -50%;
727
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));
728
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
+ }
729
802
  .agent-sdk-theme .rotate-180 {
730
803
  --tw-rotate: 180deg;
731
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));
@@ -734,6 +807,10 @@
734
807
  --tw-rotate: 45deg;
735
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));
736
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
+ }
737
814
  .agent-sdk-theme .scale-105 {
738
815
  --tw-scale-x: 1.05;
739
816
  --tw-scale-y: 1.05;
@@ -744,11 +821,6 @@
744
821
  --tw-scale-y: 1.1;
745
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));
746
823
  }
747
- .agent-sdk-theme .scale-\[2\] {
748
- --tw-scale-x: 2;
749
- --tw-scale-y: 2;
750
- 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));
751
- }
752
824
  .agent-sdk-theme .transform {
753
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));
754
826
  }
@@ -796,15 +868,18 @@
796
868
  .agent-sdk-theme .cursor-grab {
797
869
  cursor: grab;
798
870
  }
871
+ .agent-sdk-theme .cursor-grabbing {
872
+ cursor: grabbing;
873
+ }
874
+ .agent-sdk-theme .cursor-not-allowed {
875
+ cursor: not-allowed;
876
+ }
799
877
  .agent-sdk-theme .cursor-pointer {
800
878
  cursor: pointer;
801
879
  }
802
880
  .agent-sdk-theme .cursor-zoom-in {
803
881
  cursor: zoom-in;
804
882
  }
805
- .agent-sdk-theme .cursor-zoom-out {
806
- cursor: zoom-out;
807
- }
808
883
  .agent-sdk-theme .touch-none {
809
884
  touch-action: none;
810
885
  }
@@ -933,6 +1008,11 @@
933
1008
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
934
1009
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
935
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
+ }
936
1016
  .agent-sdk-theme .space-y-3 > :not([hidden]) ~ :not([hidden]) {
937
1017
  --tw-space-y-reverse: 0;
938
1018
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
@@ -1035,9 +1115,6 @@
1035
1115
  .agent-sdk-theme .border-l {
1036
1116
  border-left-width: 1px;
1037
1117
  }
1038
- .agent-sdk-theme .border-l-0 {
1039
- border-left-width: 0px;
1040
- }
1041
1118
  .agent-sdk-theme .border-l-2 {
1042
1119
  border-left-width: 2px;
1043
1120
  }
@@ -1070,18 +1147,24 @@
1070
1147
  --tw-border-opacity: 1;
1071
1148
  border-color: rgb(var(--agent-amber-400, 251 191 36) / var(--tw-border-opacity, 1));
1072
1149
  }
1150
+ .agent-sdk-theme .border-amber-500\/15 {
1151
+ border-color: rgb(var(--agent-amber-500, 245 158 11) / 0.15);
1152
+ }
1073
1153
  .agent-sdk-theme .border-amber-500\/20 {
1074
1154
  border-color: rgb(var(--agent-amber-500, 245 158 11) / 0.2);
1075
1155
  }
1156
+ .agent-sdk-theme .border-amber-500\/25 {
1157
+ border-color: rgb(var(--agent-amber-500, 245 158 11) / 0.25);
1158
+ }
1076
1159
  .agent-sdk-theme .border-amber-500\/30 {
1077
1160
  border-color: rgb(var(--agent-amber-500, 245 158 11) / 0.3);
1078
1161
  }
1079
- .agent-sdk-theme .border-amber-500\/40 {
1080
- border-color: rgb(var(--agent-amber-500, 245 158 11) / 0.4);
1081
- }
1082
1162
  .agent-sdk-theme .border-blue-500\/30 {
1083
1163
  border-color: rgb(var(--agent-blue-500, 59 130 246) / 0.3);
1084
1164
  }
1165
+ .agent-sdk-theme .border-blue-500\/50 {
1166
+ border-color: rgb(var(--agent-blue-500, 59 130 246) / 0.5);
1167
+ }
1085
1168
  .agent-sdk-theme .border-gray-500\/30 {
1086
1169
  border-color: rgb(var(--agent-gray-500, 107 114 128) / 0.3);
1087
1170
  }
@@ -1094,25 +1177,37 @@
1094
1177
  .agent-sdk-theme .border-orange-500\/30 {
1095
1178
  border-color: rgb(var(--agent-orange-500, 249 115 22) / 0.3);
1096
1179
  }
1180
+ .agent-sdk-theme .border-purple-500\/10 {
1181
+ border-color: rgb(var(--agent-purple-500, 168 85 247) / 0.1);
1182
+ }
1097
1183
  .agent-sdk-theme .border-purple-500\/20 {
1098
1184
  border-color: rgb(var(--agent-purple-500, 168 85 247) / 0.2);
1099
1185
  }
1100
- .agent-sdk-theme .border-purple-500\/30 {
1101
- border-color: rgb(var(--agent-purple-500, 168 85 247) / 0.3);
1102
- }
1103
1186
  .agent-sdk-theme .border-red-500 {
1104
1187
  --tw-border-opacity: 1;
1105
1188
  border-color: rgb(var(--agent-red-500, 239 68 68) / var(--tw-border-opacity, 1));
1106
1189
  }
1190
+ .agent-sdk-theme .border-red-500\/15 {
1191
+ border-color: rgb(var(--agent-red-500, 239 68 68) / 0.15);
1192
+ }
1107
1193
  .agent-sdk-theme .border-red-500\/20 {
1108
1194
  border-color: rgb(var(--agent-red-500, 239 68 68) / 0.2);
1109
1195
  }
1110
1196
  .agent-sdk-theme .border-red-500\/30 {
1111
1197
  border-color: rgb(var(--agent-red-500, 239 68 68) / 0.3);
1112
1198
  }
1199
+ .agent-sdk-theme .border-transparent {
1200
+ border-color: transparent;
1201
+ }
1113
1202
  .agent-sdk-theme .border-violet-500\/20 {
1114
1203
  border-color: rgb(var(--agent-violet-500, 139 92 246) / 0.2);
1115
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
+ }
1116
1211
  .agent-sdk-theme .border-zinc-600 {
1117
1212
  --tw-border-opacity: 1;
1118
1213
  border-color: rgb(var(--agent-zinc-600, 82 82 91) / var(--tw-border-opacity, 1));
@@ -1136,6 +1231,9 @@
1136
1231
  .agent-sdk-theme .border-zinc-700\/60 {
1137
1232
  border-color: rgb(var(--agent-zinc-700, 63 63 70) / 0.6);
1138
1233
  }
1234
+ .agent-sdk-theme .border-zinc-700\/80 {
1235
+ border-color: rgb(var(--agent-zinc-700, 63 63 70) / 0.8);
1236
+ }
1139
1237
  .agent-sdk-theme .border-zinc-800 {
1140
1238
  --tw-border-opacity: 1;
1141
1239
  border-color: rgb(var(--agent-zinc-800, 39 39 42) / var(--tw-border-opacity, 1));
@@ -1169,9 +1267,20 @@
1169
1267
  .agent-sdk-theme .bg-\[\#d8ff00\]\/10 {
1170
1268
  background-color: rgb(216 255 0 / 0.1);
1171
1269
  }
1270
+ .agent-sdk-theme .bg-\[\#d8ff00\]\/15 {
1271
+ background-color: rgb(216 255 0 / 0.15);
1272
+ }
1172
1273
  .agent-sdk-theme .bg-\[\#d8ff00\]\/20 {
1173
1274
  background-color: rgb(216 255 0 / 0.2);
1174
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
+ }
1175
1284
  .agent-sdk-theme .bg-amber-500\/10 {
1176
1285
  background-color: rgb(var(--agent-amber-500, 245 158 11) / 0.1);
1177
1286
  }
@@ -1216,6 +1325,10 @@
1216
1325
  --tw-bg-opacity: 1;
1217
1326
  background-color: rgb(var(--agent-blue-400, 96 165 250) / var(--tw-bg-opacity, 1));
1218
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
+ }
1219
1332
  .agent-sdk-theme .bg-blue-500\/10 {
1220
1333
  background-color: rgb(var(--agent-blue-500, 59 130 246) / 0.1);
1221
1334
  }
@@ -1251,6 +1364,9 @@
1251
1364
  .agent-sdk-theme .bg-purple-500\/20 {
1252
1365
  background-color: rgb(var(--agent-purple-500, 168 85 247) / 0.2);
1253
1366
  }
1367
+ .agent-sdk-theme .bg-purple-500\/5 {
1368
+ background-color: rgb(var(--agent-purple-500, 168 85 247) / 0.05);
1369
+ }
1254
1370
  .agent-sdk-theme .bg-red-400\/10 {
1255
1371
  background-color: rgb(var(--agent-red-400, 248 113 113) / 0.1);
1256
1372
  }
@@ -1266,9 +1382,17 @@
1266
1382
  .agent-sdk-theme .bg-red-500\/20 {
1267
1383
  background-color: rgb(var(--agent-red-500, 239 68 68) / 0.2);
1268
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
+ }
1269
1389
  .agent-sdk-theme .bg-transparent {
1270
1390
  background-color: transparent;
1271
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
+ }
1272
1396
  .agent-sdk-theme .bg-white {
1273
1397
  --tw-bg-opacity: 1;
1274
1398
  background-color: rgb(var(--agent-white, 255 255 255) / var(--tw-bg-opacity, 1));
@@ -1309,6 +1433,9 @@
1309
1433
  --tw-bg-opacity: 1;
1310
1434
  background-color: rgb(var(--agent-zinc-800, 39 39 42) / var(--tw-bg-opacity, 1));
1311
1435
  }
1436
+ .agent-sdk-theme .bg-zinc-800\/20 {
1437
+ background-color: rgb(var(--agent-zinc-800, 39 39 42) / 0.2);
1438
+ }
1312
1439
  .agent-sdk-theme .bg-zinc-800\/30 {
1313
1440
  background-color: rgb(var(--agent-zinc-800, 39 39 42) / 0.3);
1314
1441
  }
@@ -1334,15 +1461,24 @@
1334
1461
  .agent-sdk-theme .bg-zinc-900\/30 {
1335
1462
  background-color: rgb(var(--agent-zinc-900, 24 24 27) / 0.3);
1336
1463
  }
1464
+ .agent-sdk-theme .bg-zinc-900\/40 {
1465
+ background-color: rgb(var(--agent-zinc-900, 24 24 27) / 0.4);
1466
+ }
1337
1467
  .agent-sdk-theme .bg-zinc-900\/50 {
1338
1468
  background-color: rgb(var(--agent-zinc-900, 24 24 27) / 0.5);
1339
1469
  }
1340
1470
  .agent-sdk-theme .bg-zinc-900\/60 {
1341
1471
  background-color: rgb(var(--agent-zinc-900, 24 24 27) / 0.6);
1342
1472
  }
1473
+ .agent-sdk-theme .bg-zinc-900\/70 {
1474
+ background-color: rgb(var(--agent-zinc-900, 24 24 27) / 0.7);
1475
+ }
1343
1476
  .agent-sdk-theme .bg-zinc-900\/80 {
1344
1477
  background-color: rgb(var(--agent-zinc-900, 24 24 27) / 0.8);
1345
1478
  }
1479
+ .agent-sdk-theme .bg-zinc-900\/90 {
1480
+ background-color: rgb(var(--agent-zinc-900, 24 24 27) / 0.9);
1481
+ }
1346
1482
  .agent-sdk-theme .bg-zinc-900\/95 {
1347
1483
  background-color: rgb(var(--agent-zinc-900, 24 24 27) / 0.95);
1348
1484
  }
@@ -1374,19 +1510,9 @@
1374
1510
  .agent-sdk-theme .bg-gradient-to-t {
1375
1511
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
1376
1512
  }
1377
- .agent-sdk-theme .from-amber-500 {
1378
- --tw-gradient-from: rgb(var(--agent-amber-500, 245 158 11) / 1) var(--tw-gradient-from-position);
1379
- --tw-gradient-to: rgb(var(--agent-amber-500, 245 158 11) / 0) var(--tw-gradient-to-position);
1380
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1381
- }
1382
- .agent-sdk-theme .from-amber-500\/30 {
1383
- --tw-gradient-from: rgb(var(--agent-amber-500, 245 158 11) / 0.3) var(--tw-gradient-from-position);
1384
- --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
1385
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1386
- }
1387
- .agent-sdk-theme .from-amber-500\/5 {
1388
- --tw-gradient-from: rgb(var(--agent-amber-500, 245 158 11) / 0.05) var(--tw-gradient-from-position);
1389
- --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);
1390
1516
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1391
1517
  }
1392
1518
  .agent-sdk-theme .from-black\/50 {
@@ -1414,6 +1540,11 @@
1414
1540
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
1415
1541
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1416
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
+ }
1417
1548
  .agent-sdk-theme .from-violet-500\/10 {
1418
1549
  --tw-gradient-from: rgb(var(--agent-violet-500, 139 92 246) / 0.1) var(--tw-gradient-from-position);
1419
1550
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
@@ -1436,15 +1567,12 @@
1436
1567
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
1437
1568
  --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
1438
1569
  }
1439
- .agent-sdk-theme .via-zinc-900 {
1440
- --tw-gradient-to: rgb(var(--agent-zinc-900, 24 24 27) / 0) var(--tw-gradient-to-position);
1441
- --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);
1442
- }
1443
- .agent-sdk-theme .to-amber-500 {
1444
- --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);
1445
1573
  }
1446
- .agent-sdk-theme .to-amber-600\/20 {
1447
- --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);
1448
1576
  }
1449
1577
  .agent-sdk-theme .to-purple-500\/10 {
1450
1578
  --tw-gradient-to: rgb(var(--agent-purple-500, 168 85 247) / 0.1) var(--tw-gradient-to-position);
@@ -1526,6 +1654,10 @@
1526
1654
  padding-left: 0.75rem;
1527
1655
  padding-right: 0.75rem;
1528
1656
  }
1657
+ .agent-sdk-theme .px-3\.5 {
1658
+ padding-left: 0.875rem;
1659
+ padding-right: 0.875rem;
1660
+ }
1529
1661
  .agent-sdk-theme .px-4 {
1530
1662
  padding-left: 1rem;
1531
1663
  padding-right: 1rem;
@@ -1582,6 +1714,10 @@
1582
1714
  padding-top: 2rem;
1583
1715
  padding-bottom: 2rem;
1584
1716
  }
1717
+ .agent-sdk-theme .py-px {
1718
+ padding-top: 1px;
1719
+ padding-bottom: 1px;
1720
+ }
1585
1721
  .agent-sdk-theme .pb-1 {
1586
1722
  padding-bottom: 0.25rem;
1587
1723
  }
@@ -1692,6 +1828,9 @@
1692
1828
  .agent-sdk-theme .text-\[11px\] {
1693
1829
  font-size: 11px;
1694
1830
  }
1831
+ .agent-sdk-theme .text-\[12px\] {
1832
+ font-size: 12px;
1833
+ }
1695
1834
  .agent-sdk-theme .text-\[13px\] {
1696
1835
  font-size: 13px;
1697
1836
  }
@@ -1761,6 +1900,9 @@
1761
1900
  .agent-sdk-theme .leading-relaxed {
1762
1901
  line-height: 1.625;
1763
1902
  }
1903
+ .agent-sdk-theme .leading-tight {
1904
+ line-height: 1.25;
1905
+ }
1764
1906
  .agent-sdk-theme .tracking-tight {
1765
1907
  letter-spacing: -0.025em;
1766
1908
  }
@@ -1791,6 +1933,9 @@
1791
1933
  --tw-text-opacity: 1;
1792
1934
  color: rgb(var(--agent-amber-400, 251 191 36) / var(--tw-text-opacity, 1));
1793
1935
  }
1936
+ .agent-sdk-theme .text-amber-400\/90 {
1937
+ color: rgb(var(--agent-amber-400, 251 191 36) / 0.9);
1938
+ }
1794
1939
  .agent-sdk-theme .text-black {
1795
1940
  --tw-text-opacity: 1;
1796
1941
  color: rgb(var(--agent-black, 0 0 0) / var(--tw-text-opacity, 1));
@@ -1823,6 +1968,9 @@
1823
1968
  --tw-text-opacity: 1;
1824
1969
  color: rgb(var(--agent-green-500, 16 185 129) / var(--tw-text-opacity, 1));
1825
1970
  }
1971
+ .agent-sdk-theme .text-green-500\/60 {
1972
+ color: rgb(var(--agent-green-500, 16 185 129) / 0.6);
1973
+ }
1826
1974
  .agent-sdk-theme .text-purple-300 {
1827
1975
  --tw-text-opacity: 1;
1828
1976
  color: rgb(var(--agent-purple-300, 216 180 254) / var(--tw-text-opacity, 1));
@@ -1831,9 +1979,6 @@
1831
1979
  --tw-text-opacity: 1;
1832
1980
  color: rgb(var(--agent-purple-400, 192 132 252) / var(--tw-text-opacity, 1));
1833
1981
  }
1834
- .agent-sdk-theme .text-purple-400\/70 {
1835
- color: rgb(var(--agent-purple-400, 192 132 252) / 0.7);
1836
- }
1837
1982
  .agent-sdk-theme .text-red-100 {
1838
1983
  --tw-text-opacity: 1;
1839
1984
  color: rgb(var(--agent-red-100, 254 226 226) / var(--tw-text-opacity, 1));
@@ -1855,6 +2000,9 @@
1855
2000
  .agent-sdk-theme .text-red-400\/80 {
1856
2001
  color: rgb(var(--agent-red-400, 248 113 113) / 0.8);
1857
2002
  }
2003
+ .agent-sdk-theme .text-red-400\/90 {
2004
+ color: rgb(var(--agent-red-400, 248 113 113) / 0.9);
2005
+ }
1858
2006
  .agent-sdk-theme .text-red-500 {
1859
2007
  --tw-text-opacity: 1;
1860
2008
  color: rgb(var(--agent-red-500, 239 68 68) / var(--tw-text-opacity, 1));
@@ -1913,6 +2061,17 @@
1913
2061
  --tw-text-opacity: 1;
1914
2062
  color: rgb(var(--agent-zinc-700, 63 63 70) / var(--tw-text-opacity, 1));
1915
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
+ }
1916
2075
  .agent-sdk-theme .underline {
1917
2076
  text-decoration-line: underline;
1918
2077
  }
@@ -1959,12 +2118,14 @@
1959
2118
  .agent-sdk-theme .opacity-70 {
1960
2119
  opacity: 0.7;
1961
2120
  }
1962
- .agent-sdk-theme .opacity-75 {
1963
- opacity: 0.75;
1964
- }
1965
2121
  .agent-sdk-theme .opacity-\[0\.03\] {
1966
2122
  opacity: 0.03;
1967
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
+ }
1968
2129
  .agent-sdk-theme .shadow-2xl {
1969
2130
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
1970
2131
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
@@ -1995,12 +2156,12 @@
1995
2156
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
1996
2157
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1997
2158
  }
1998
- .agent-sdk-theme .shadow-\[\#d8ff00\]\/20 {
1999
- --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);
2000
2161
  --tw-shadow: var(--tw-shadow-colored);
2001
2162
  }
2002
- .agent-sdk-theme .shadow-\[\#d8ff00\]\/25 {
2003
- --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);
2004
2165
  --tw-shadow: var(--tw-shadow-colored);
2005
2166
  }
2006
2167
  .agent-sdk-theme .shadow-amber-500\/5 {
@@ -2019,6 +2180,10 @@
2019
2180
  --tw-shadow-color: rgb(var(--agent-black, 0 0 0) / 0.5);
2020
2181
  --tw-shadow: var(--tw-shadow-colored);
2021
2182
  }
2183
+ .agent-sdk-theme .outline-none {
2184
+ outline: 2px solid transparent;
2185
+ outline-offset: 2px;
2186
+ }
2022
2187
  .agent-sdk-theme .outline {
2023
2188
  outline-style: solid;
2024
2189
  }
@@ -2048,6 +2213,10 @@
2048
2213
  .agent-sdk-theme .ring-offset-background {
2049
2214
  --tw-ring-offset-color: var(--background);
2050
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
+ }
2051
2220
  .agent-sdk-theme .filter {
2052
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);
2053
2222
  }
@@ -2059,8 +2228,13 @@
2059
2228
  --tw-backdrop-blur: blur(4px);
2060
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);
2061
2230
  }
2062
- .agent-sdk-theme .transition-\[width\2c opacity\2c transform\] {
2063
- 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;
2064
2238
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2065
2239
  transition-duration: 150ms;
2066
2240
  }
@@ -2115,6 +2289,9 @@
2115
2289
  .agent-sdk-theme .duration-75 {
2116
2290
  transition-duration: 75ms;
2117
2291
  }
2292
+ .agent-sdk-theme .ease-in-out {
2293
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2294
+ }
2118
2295
  .agent-sdk-theme .ease-out {
2119
2296
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2120
2297
  }
@@ -2169,6 +2346,9 @@
2169
2346
  .agent-sdk-theme .duration-75 {
2170
2347
  animation-duration: 75ms;
2171
2348
  }
2349
+ .agent-sdk-theme .ease-in-out {
2350
+ animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2351
+ }
2172
2352
  .agent-sdk-theme .ease-out {
2173
2353
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
2174
2354
  }
@@ -2453,11 +2633,15 @@
2453
2633
  color: var(--agent-user-bubble-text) !important;
2454
2634
  }
2455
2635
  .agent-sdk-theme .agent-user-markdown,
2456
- .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) {
2457
2637
  color: var(--agent-user-bubble-text) !important;
2638
+ overflow-wrap: anywhere;
2639
+ word-break: break-word;
2458
2640
  }
2459
2641
  .agent-sdk-theme .agent-user-markdown a {
2460
2642
  color: var(--agent-info) !important;
2643
+ overflow-wrap: anywhere;
2644
+ word-break: break-all;
2461
2645
  }
2462
2646
 
2463
2647
  /* Status color harmonization */
@@ -2617,6 +2801,9 @@
2617
2801
  .agent-sdk-theme .hover\:border-\[\#d8ff00\]\/50:hover {
2618
2802
  border-color: rgb(216 255 0 / 0.5);
2619
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
+ }
2620
2807
  .agent-sdk-theme .hover\:border-zinc-500\/60:hover {
2621
2808
  border-color: rgb(var(--agent-zinc-500, 113 113 122) / 0.6);
2622
2809
  }
@@ -2655,6 +2842,10 @@
2655
2842
  .agent-sdk-theme .hover\:bg-\[\#d8ff00\]\/90:hover {
2656
2843
  background-color: rgb(216 255 0 / 0.9);
2657
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
+ }
2658
2849
  .agent-sdk-theme .hover\:bg-\[\#e5ff4d\]:hover {
2659
2850
  --tw-bg-opacity: 1;
2660
2851
  background-color: rgb(229 255 77 / var(--tw-bg-opacity, 1));
@@ -2662,15 +2853,9 @@
2662
2853
  .agent-sdk-theme .hover\:bg-amber-500\/10:hover {
2663
2854
  background-color: rgb(var(--agent-amber-500, 245 158 11) / 0.1);
2664
2855
  }
2665
- .agent-sdk-theme .hover\:bg-black\/50:hover {
2666
- background-color: rgb(var(--agent-black, 0 0 0) / 0.5);
2667
- }
2668
2856
  .agent-sdk-theme .hover\:bg-black\/60:hover {
2669
2857
  background-color: rgb(var(--agent-black, 0 0 0) / 0.6);
2670
2858
  }
2671
- .agent-sdk-theme .hover\:bg-black\/80:hover {
2672
- background-color: rgb(var(--agent-black, 0 0 0) / 0.8);
2673
- }
2674
2859
  .agent-sdk-theme .hover\:bg-green-700:hover {
2675
2860
  --tw-bg-opacity: 1;
2676
2861
  background-color: rgb(var(--agent-green-700, 21 128 61) / var(--tw-bg-opacity, 1));
@@ -2697,8 +2882,11 @@
2697
2882
  .agent-sdk-theme .hover\:bg-white\/20:hover {
2698
2883
  background-color: rgb(var(--agent-white, 255 255 255) / 0.2);
2699
2884
  }
2700
- .agent-sdk-theme .hover\:bg-white\/25:hover {
2701
- 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);
2702
2890
  }
2703
2891
  .agent-sdk-theme .hover\:bg-zinc-600:hover {
2704
2892
  --tw-bg-opacity: 1;
@@ -2708,6 +2896,9 @@
2708
2896
  --tw-bg-opacity: 1;
2709
2897
  background-color: rgb(var(--agent-zinc-700, 63 63 70) / var(--tw-bg-opacity, 1));
2710
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
+ }
2711
2902
  .agent-sdk-theme .hover\:bg-zinc-700\/30:hover {
2712
2903
  background-color: rgb(var(--agent-zinc-700, 63 63 70) / 0.3);
2713
2904
  }
@@ -2807,8 +2998,8 @@
2807
2998
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
2808
2999
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2809
3000
  }
2810
- .agent-sdk-theme .hover\:shadow-\[\#d8ff00\]\/40:hover {
2811
- --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);
2812
3003
  --tw-shadow: var(--tw-shadow-colored);
2813
3004
  }
2814
3005
  .agent-sdk-theme .hover\:shadow-black\/20:hover {
@@ -2822,8 +3013,8 @@
2822
3013
  .agent-sdk-theme .focus\:border-\[\#d8ff00\]\/50:focus {
2823
3014
  border-color: rgb(216 255 0 / 0.5);
2824
3015
  }
2825
- .agent-sdk-theme .focus\:border-amber-500\/50:focus {
2826
- 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);
2827
3018
  }
2828
3019
  .agent-sdk-theme .focus\:border-red-500:focus {
2829
3020
  --tw-border-opacity: 1;
@@ -2863,8 +3054,8 @@
2863
3054
  .agent-sdk-theme .focus\:ring-\[\#d8ff00\]\/50:focus {
2864
3055
  --tw-ring-color: rgb(216 255 0 / 0.5);
2865
3056
  }
2866
- .agent-sdk-theme .focus\:ring-amber-500\/20:focus {
2867
- --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);
2868
3059
  }
2869
3060
  .agent-sdk-theme .focus\:ring-offset-0:focus {
2870
3061
  --tw-ring-offset-width: 0px;
@@ -2892,6 +3083,11 @@
2892
3083
  --tw-scale-y: .95;
2893
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));
2894
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
+ }
2895
3091
  .agent-sdk-theme .active\:cursor-grabbing:active {
2896
3092
  cursor: grabbing;
2897
3093
  }
@@ -2926,6 +3122,9 @@
2926
3122
  .agent-sdk-theme .disabled\:opacity-30:disabled {
2927
3123
  opacity: 0.3;
2928
3124
  }
3125
+ .agent-sdk-theme .disabled\:opacity-40:disabled {
3126
+ opacity: 0.4;
3127
+ }
2929
3128
  .agent-sdk-theme .disabled\:opacity-50:disabled {
2930
3129
  opacity: 0.5;
2931
3130
  }
@@ -2944,6 +3143,9 @@
2944
3143
  --tw-scale-y: 1.1;
2945
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));
2946
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
+ }
2947
3149
  .agent-sdk-theme .group\/player:hover .group-hover\/player\:bg-white\/25 {
2948
3150
  background-color: rgb(var(--agent-white, 255 255 255) / 0.25);
2949
3151
  }