@inkeep/agents-ui 0.0.0-dev-20260401193828 → 0.0.0-dev-20260402200940

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 (71) hide show
  1. package/dist/index.cjs +1 -1
  2. package/dist/index.js +78 -77
  3. package/dist/primitives/atoms/dialog.cjs +1 -1
  4. package/dist/primitives/atoms/dialog.js +110 -106
  5. package/dist/primitives/atoms/file-upload.cjs +1 -0
  6. package/dist/primitives/atoms/file-upload.d.ts +35 -0
  7. package/dist/primitives/atoms/file-upload.js +45 -0
  8. package/dist/primitives/atoms/icons/built-in-icons.cjs +1 -1
  9. package/dist/primitives/atoms/icons/built-in-icons.d.ts +8 -1
  10. package/dist/primitives/atoms/icons/built-in-icons.js +86 -79
  11. package/dist/primitives/atoms/icons/collections/pi.cjs +1 -1
  12. package/dist/primitives/atoms/icons/collections/pi.d.ts +6 -0
  13. package/dist/primitives/atoms/icons/collections/pi.js +103 -13
  14. package/dist/primitives/atoms/icons/inkeep-default-icons.cjs +1 -1
  15. package/dist/primitives/atoms/icons/inkeep-default-icons.js +9 -1
  16. package/dist/primitives/components/embedded-chat/file-upload-input.cjs +1 -0
  17. package/dist/primitives/components/embedded-chat/file-upload-input.d.ts +68 -0
  18. package/dist/primitives/components/embedded-chat/file-upload-input.js +328 -0
  19. package/dist/primitives/components/embedded-chat/image-preview-modal.cjs +1 -0
  20. package/dist/primitives/components/embedded-chat/image-preview-modal.d.ts +15 -0
  21. package/dist/primitives/components/embedded-chat/image-preview-modal.js +71 -0
  22. package/dist/primitives/components/embedded-chat/use-inkeep-chat.cjs +3 -3
  23. package/dist/primitives/components/embedded-chat/use-inkeep-chat.d.ts +6 -0
  24. package/dist/primitives/components/embedded-chat/use-inkeep-chat.js +282 -237
  25. package/dist/primitives/components/embedded-chat.cjs +5 -5
  26. package/dist/primitives/components/embedded-chat.d.ts +6 -5
  27. package/dist/primitives/components/embedded-chat.js +934 -907
  28. package/dist/primitives/components/embedded-search.d.ts +1 -1
  29. package/dist/primitives/hooks/index.cjs +1 -1
  30. package/dist/primitives/hooks/index.js +15 -14
  31. package/dist/primitives/hooks/use-input-notification.cjs +1 -0
  32. package/dist/primitives/hooks/use-input-notification.d.ts +9 -0
  33. package/dist/primitives/hooks/use-input-notification.js +18 -0
  34. package/dist/primitives/hooks/use-scrolling-fades.cjs +1 -1
  35. package/dist/primitives/hooks/use-scrolling-fades.d.ts +1 -0
  36. package/dist/primitives/hooks/use-scrolling-fades.js +21 -5
  37. package/dist/primitives/index.cjs +1 -1
  38. package/dist/primitives/index.js +69 -68
  39. package/dist/primitives/providers/base-events-provider.cjs +1 -1
  40. package/dist/primitives/providers/base-events-provider.js +1 -1
  41. package/dist/primitives/providers/image-preview-provider.cjs +1 -0
  42. package/dist/primitives/providers/image-preview-provider.d.ts +15 -0
  43. package/dist/primitives/providers/image-preview-provider.js +23 -0
  44. package/dist/primitives/utils/component-ids.cjs +1 -1
  45. package/dist/primitives/utils/component-ids.d.ts +54 -0
  46. package/dist/primitives/utils/component-ids.js +37 -10
  47. package/dist/react/embedded-chat.cjs +1 -1
  48. package/dist/react/embedded-chat.js +305 -260
  49. package/dist/react/index.cjs +1 -1
  50. package/dist/react/index.js +78 -77
  51. package/dist/styled/components/chat-history.cjs +1 -1
  52. package/dist/styled/components/chat-history.d.ts +1 -1
  53. package/dist/styled/components/chat-history.js +31 -29
  54. package/dist/styled/components/embedded-chat/file-upload-input.cjs +1 -0
  55. package/dist/styled/components/embedded-chat/file-upload-input.d.ts +20 -0
  56. package/dist/styled/components/embedded-chat/file-upload-input.js +300 -0
  57. package/dist/styled/components/embedded-chat/image-preview-modal.cjs +1 -0
  58. package/dist/styled/components/embedded-chat/image-preview-modal.d.ts +11 -0
  59. package/dist/styled/components/embedded-chat/image-preview-modal.js +77 -0
  60. package/dist/styled/components/embedded-chat.cjs +1 -1
  61. package/dist/styled/components/embedded-chat.d.ts +2 -0
  62. package/dist/styled/components/embedded-chat.js +479 -449
  63. package/dist/styled/components/message.cjs +1 -1
  64. package/dist/styled/components/message.js +89 -88
  65. package/dist/styled/index.cjs +1 -1
  66. package/dist/styled/index.js +77 -76
  67. package/dist/styled/inkeep.css.cjs +253 -7
  68. package/dist/styled/inkeep.css.js +253 -7
  69. package/dist/types/icons/built-in.d.ts +1 -1
  70. package/dist/types/icons/custom.d.ts +8 -0
  71. package/package.json +7 -6
@@ -566,6 +566,17 @@ video {
566
566
  max-width: 1536px;
567
567
  }
568
568
  }
569
+ .sr-only {
570
+ position: absolute;
571
+ width: 1px;
572
+ height: 1px;
573
+ padding: 0;
574
+ margin: -1px;
575
+ overflow: hidden;
576
+ clip: rect(0, 0, 0, 0);
577
+ white-space: nowrap;
578
+ border-width: 0;
579
+ }
569
580
  .pointer-events-none {
570
581
  pointer-events: none;
571
582
  }
@@ -596,6 +607,9 @@ video {
596
607
  .bottom-6 {
597
608
  bottom: 1.5rem;
598
609
  }
610
+ .bottom-full {
611
+ bottom: 100%;
612
+ }
599
613
  .left-0 {
600
614
  left: 0px;
601
615
  }
@@ -721,6 +735,9 @@ video {
721
735
  .mb-1 {
722
736
  margin-bottom: 0.25rem;
723
737
  }
738
+ .mb-1\\.5 {
739
+ margin-bottom: 0.375rem;
740
+ }
724
741
  .mb-2 {
725
742
  margin-bottom: 0.5rem;
726
743
  }
@@ -832,13 +849,21 @@ video {
832
849
  .hidden {
833
850
  display: none;
834
851
  }
852
+ .size-2\\.5 {
853
+ width: 0.625rem;
854
+ height: 0.625rem;
855
+ }
835
856
  .size-4 {
836
857
  width: 1rem;
837
858
  height: 1rem;
838
859
  }
839
- .size-9 {
840
- width: 2.25rem;
841
- height: 2.25rem;
860
+ .size-5 {
861
+ width: 1.25rem;
862
+ height: 1.25rem;
863
+ }
864
+ .size-8 {
865
+ width: 2rem;
866
+ height: 2rem;
842
867
  }
843
868
  .\\!h-auto {
844
869
  height: auto !important;
@@ -873,6 +898,9 @@ video {
873
898
  .h-6 {
874
899
  height: 1.5rem;
875
900
  }
901
+ .h-7 {
902
+ height: 1.75rem;
903
+ }
876
904
  .h-8 {
877
905
  height: 2rem;
878
906
  }
@@ -900,6 +928,10 @@ video {
900
928
  .h-auto {
901
929
  height: auto;
902
930
  }
931
+ .h-fit {
932
+ height: -moz-fit-content;
933
+ height: fit-content;
934
+ }
903
935
  .h-full {
904
936
  height: 100%;
905
937
  }
@@ -918,6 +950,9 @@ video {
918
950
  .max-h-\\[200px\\] {
919
951
  max-height: 200px;
920
952
  }
953
+ .max-h-\\[calc\\(100vh_-_theme\\(spacing\\.20\\)\\)\\] {
954
+ max-height: calc(100vh - 5rem);
955
+ }
921
956
  .max-h-\\[min\\(24rem\\2c var\\(--available-height\\)\\)\\] {
922
957
  max-height: min(24rem,var(--available-height));
923
958
  }
@@ -1054,12 +1089,18 @@ video {
1054
1089
  .max-w-2xl {
1055
1090
  max-width: 42rem;
1056
1091
  }
1092
+ .max-w-\\[100vw\\] {
1093
+ max-width: 100vw;
1094
+ }
1057
1095
  .max-w-\\[200px\\] {
1058
1096
  max-width: 200px;
1059
1097
  }
1060
1098
  .max-w-\\[480px\\] {
1061
1099
  max-width: 480px;
1062
1100
  }
1101
+ .max-w-\\[calc\\(100vw_-_theme\\(spacing\\.20\\)\\)\\] {
1102
+ max-width: calc(100vw - 5rem);
1103
+ }
1063
1104
  .max-w-full {
1064
1105
  max-width: 100%;
1065
1106
  }
@@ -1156,6 +1197,21 @@ video {
1156
1197
  .animate-checkbox-check {
1157
1198
  animation: checkbox-check 200ms linear;
1158
1199
  }
1200
+ @keyframes notification-in {
1201
+
1202
+ 0% {
1203
+ opacity: 0;
1204
+ transform: translateY(8px) scale(0.96);
1205
+ }
1206
+
1207
+ 100% {
1208
+ opacity: 1;
1209
+ transform: translateY(0) scale(1);
1210
+ }
1211
+ }
1212
+ .animate-notification-in {
1213
+ animation: notification-in 400ms cubic-bezier(0.21, 1.02, 0.73, 1) both;
1214
+ }
1159
1215
  @keyframes pulse {
1160
1216
 
1161
1217
  50% {
@@ -1272,6 +1328,9 @@ video {
1272
1328
  .items-start {
1273
1329
  align-items: flex-start;
1274
1330
  }
1331
+ .items-end {
1332
+ align-items: flex-end;
1333
+ }
1275
1334
  .items-center {
1276
1335
  align-items: center;
1277
1336
  }
@@ -1438,6 +1497,10 @@ video {
1438
1497
  .rounded-sm {
1439
1498
  border-radius: 0.125rem;
1440
1499
  }
1500
+ .rounded-r-lg {
1501
+ border-top-right-radius: 0.5rem;
1502
+ border-bottom-right-radius: 0.5rem;
1503
+ }
1441
1504
  .rounded-br-sm {
1442
1505
  border-bottom-right-radius: 0.125rem;
1443
1506
  }
@@ -1459,6 +1522,9 @@ video {
1459
1522
  .border-solid {
1460
1523
  border-style: solid;
1461
1524
  }
1525
+ .border-dashed {
1526
+ border-style: dashed;
1527
+ }
1462
1528
  .border-none {
1463
1529
  border-style: none;
1464
1530
  }
@@ -1480,6 +1546,9 @@ video {
1480
1546
  .border-inkeep-expanded-primary-200 {
1481
1547
  border-color: var(--ikp-color-inkeep-expanded-primary-200);
1482
1548
  }
1549
+ .border-inkeep-expanded-primary-500 {
1550
+ border-color: var(--ikp-color-inkeep-expanded-primary-500);
1551
+ }
1483
1552
  .border-transparent {
1484
1553
  border-color: transparent;
1485
1554
  }
@@ -1489,6 +1558,9 @@ video {
1489
1558
  .border-l-transparent {
1490
1559
  border-left-color: transparent;
1491
1560
  }
1561
+ .bg-\\[--chip-bg\\] {
1562
+ background-color: var(--chip-bg);
1563
+ }
1492
1564
  .bg-\\[--start-color\\] {
1493
1565
  background-color: var(--start-color);
1494
1566
  }
@@ -1549,6 +1621,14 @@ video {
1549
1621
  .fill-white {
1550
1622
  fill: #fff;
1551
1623
  }
1624
+ .object-contain {
1625
+ -o-object-fit: contain;
1626
+ object-fit: contain;
1627
+ }
1628
+ .object-cover {
1629
+ -o-object-fit: cover;
1630
+ object-fit: cover;
1631
+ }
1552
1632
  .p-0 {
1553
1633
  padding: 0px;
1554
1634
  }
@@ -1650,6 +1730,9 @@ video {
1650
1730
  .pb-1 {
1651
1731
  padding-bottom: 0.25rem;
1652
1732
  }
1733
+ .pb-1\\.5 {
1734
+ padding-bottom: 0.375rem;
1735
+ }
1653
1736
  .pb-2 {
1654
1737
  padding-bottom: 0.5rem;
1655
1738
  }
@@ -1686,6 +1769,9 @@ video {
1686
1769
  .pt-0 {
1687
1770
  padding-top: 0px;
1688
1771
  }
1772
+ .pt-0\\.5 {
1773
+ padding-top: 0.125rem;
1774
+ }
1689
1775
  .pt-1 {
1690
1776
  padding-top: 0.25rem;
1691
1777
  }
@@ -1821,6 +1907,9 @@ video {
1821
1907
  .text-gray-800 {
1822
1908
  color: var(--ikp-color-gray-800);
1823
1909
  }
1910
+ .text-gray-900 {
1911
+ color: var(--ikp-color-gray-900);
1912
+ }
1824
1913
  .text-green-500 {
1825
1914
  --tw-text-opacity: 1;
1826
1915
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
@@ -2012,6 +2101,9 @@ video {
2012
2101
  .\\[--chat-bubble-margin\\:theme\\(spacing\\.5\\)\\] {
2013
2102
  --chat-bubble-margin: 1.25rem;
2014
2103
  }
2104
+ .\\[--chip-bg\\:theme\\(colors\\.gray\\.200\\)\\] {
2105
+ --chip-bg: var(--ikp-color-gray-200);
2106
+ }
2015
2107
  .\\[--end-color\\:theme\\(colors\\.gray\\.300\\)\\] {
2016
2108
  --end-color: var(--ikp-color-gray-300);
2017
2109
  }
@@ -2027,6 +2119,9 @@ video {
2027
2119
  .\\[--footer-height\\:theme\\(spacing\\.9\\)\\] {
2028
2120
  --footer-height: 2.25rem;
2029
2121
  }
2122
+ .\\[--scroll-fade-color\\:var\\(--ikp-color-gray-50\\)\\] {
2123
+ --scroll-fade-color: var(--ikp-color-gray-50);
2124
+ }
2030
2125
  .\\[--scrollbar-color\\:var\\(--color-gray-300\\)\\] {
2031
2126
  --scrollbar-color: var(--color-gray-300);
2032
2127
  }
@@ -2081,6 +2176,9 @@ video {
2081
2176
  .\\[scrollbar-color\\:var\\(--scrollbar-color\\)_transparent\\] {
2082
2177
  scrollbar-color: var(--scrollbar-color) transparent;
2083
2178
  }
2179
+ .\\[scrollbar-width\\:none\\] {
2180
+ scrollbar-width: none;
2181
+ }
2084
2182
  .\\[scrollbar-width\\:thin\\] {
2085
2183
  scrollbar-width: thin;
2086
2184
  }
@@ -2243,6 +2341,11 @@ slot {
2243
2341
  right: 0px;
2244
2342
  }
2245
2343
 
2344
+ .before\\:-left-1::before {
2345
+ content: var(--tw-content);
2346
+ left: -0.25rem;
2347
+ }
2348
+
2246
2349
  .before\\:-top-px::before {
2247
2350
  content: var(--tw-content);
2248
2351
  top: -1px;
@@ -2288,6 +2391,16 @@ slot {
2288
2391
  height: var(--before-size);
2289
2392
  }
2290
2393
 
2394
+ .before\\:h-full::before {
2395
+ content: var(--tw-content);
2396
+ height: 100%;
2397
+ }
2398
+
2399
+ .before\\:w-1::before {
2400
+ content: var(--tw-content);
2401
+ width: 0.25rem;
2402
+ }
2403
+
2291
2404
  .before\\:w-\\[--before-size\\]::before {
2292
2405
  content: var(--tw-content);
2293
2406
  width: var(--before-size);
@@ -2309,6 +2422,11 @@ slot {
2309
2422
  background-color: var(--ikp-color-gray-300);
2310
2423
  }
2311
2424
 
2425
+ .before\\:bg-\\[linear-gradient\\(to_right\\2c var\\(--scroll-fade-color\\)\\2c transparent\\)\\]::before {
2426
+ content: var(--tw-content);
2427
+ background-image: linear-gradient(to right,var(--scroll-fade-color),transparent);
2428
+ }
2429
+
2312
2430
  .before\\:bg-\\[linear-gradient\\(transparent\\2c _white\\)\\]::before {
2313
2431
  content: var(--tw-content);
2314
2432
  background-image: linear-gradient(transparent, white);
@@ -2319,6 +2437,18 @@ slot {
2319
2437
  background-image: linear-gradient(white, transparent);
2320
2438
  }
2321
2439
 
2440
+ .before\\:bg-gradient-to-l::before {
2441
+ content: var(--tw-content);
2442
+ background-image: linear-gradient(to left, var(--tw-gradient-stops));
2443
+ }
2444
+
2445
+ .before\\:from-\\[--chip-bg\\]::before {
2446
+ content: var(--tw-content);
2447
+ --tw-gradient-from: var(--chip-bg) var(--tw-gradient-from-position);
2448
+ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
2449
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2450
+ }
2451
+
2322
2452
  .before\\:bg-no-repeat::before {
2323
2453
  content: var(--tw-content);
2324
2454
  background-repeat: no-repeat;
@@ -2375,6 +2505,11 @@ slot {
2375
2505
  left: 1px;
2376
2506
  }
2377
2507
 
2508
+ .after\\:right-0::after {
2509
+ content: var(--tw-content);
2510
+ right: 0px;
2511
+ }
2512
+
2378
2513
  .after\\:top-0::after {
2379
2514
  content: var(--tw-content);
2380
2515
  top: 0px;
@@ -2451,6 +2586,11 @@ slot {
2451
2586
  background-image: linear-gradient(currentColor, transparent);
2452
2587
  }
2453
2588
 
2589
+ .after\\:bg-\\[linear-gradient\\(to_left\\2c var\\(--scroll-fade-color\\)\\2c transparent\\)\\]::after {
2590
+ content: var(--tw-content);
2591
+ background-image: linear-gradient(to left,var(--scroll-fade-color),transparent);
2592
+ }
2593
+
2454
2594
  .after\\:bg-\\[linear-gradient\\(transparent\\2c _white\\)\\]::after {
2455
2595
  content: var(--tw-content);
2456
2596
  background-image: linear-gradient(transparent, white);
@@ -2504,10 +2644,18 @@ slot {
2504
2644
  --shadow-color: #3b82f6;
2505
2645
  }
2506
2646
 
2647
+ .focus-visible\\:rounded:focus-visible {
2648
+ border-radius: 0.25rem;
2649
+ }
2650
+
2507
2651
  .focus-visible\\:bg-gray-50:focus-visible {
2508
2652
  background-color: var(--ikp-color-gray-50);
2509
2653
  }
2510
2654
 
2655
+ .focus-visible\\:opacity-100:focus-visible {
2656
+ opacity: 1;
2657
+ }
2658
+
2511
2659
  .focus-visible\\:outline-none:focus-visible {
2512
2660
  outline: 2px solid transparent;
2513
2661
  outline-offset: 2px;
@@ -2599,6 +2747,10 @@ slot {
2599
2747
  color: var(--ikp-color-gray-600);
2600
2748
  }
2601
2749
 
2750
+ .group\\/chip:hover .group-hover\\/chip\\:opacity-100 {
2751
+ opacity: 1;
2752
+ }
2753
+
2602
2754
  .group:hover .group-hover\\:opacity-0 {
2603
2755
  opacity: 0;
2604
2756
  }
@@ -2615,6 +2767,11 @@ slot {
2615
2767
  width: min(90vw,1000px);
2616
2768
  }
2617
2769
 
2770
+ .has-\\[\\[data-scroll-left\\]\\]\\:before\\:opacity-0:has([data-scroll-left])::before {
2771
+ content: var(--tw-content);
2772
+ opacity: 0;
2773
+ }
2774
+
2618
2775
  .has-\\[\\[data-scroll-top\\]\\]\\:before\\:opacity-0:has([data-scroll-top])::before {
2619
2776
  content: var(--tw-content);
2620
2777
  opacity: 0;
@@ -2625,6 +2782,11 @@ slot {
2625
2782
  opacity: 0;
2626
2783
  }
2627
2784
 
2785
+ .has-\\[\\[data-scroll-right\\]\\]\\:after\\:opacity-0:has([data-scroll-right])::after {
2786
+ content: var(--tw-content);
2787
+ opacity: 0;
2788
+ }
2789
+
2628
2790
  .data-\\[disabled\\]\\:pointer-events-none[data-disabled] {
2629
2791
  pointer-events: none;
2630
2792
  }
@@ -3258,6 +3420,17 @@ slot {
3258
3420
  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));
3259
3421
  }
3260
3422
 
3423
+ @keyframes pulse {
3424
+
3425
+ 50% {
3426
+ opacity: .5;
3427
+ }
3428
+ }
3429
+
3430
+ .group\\/chip[data-loading] .group-data-\\[loading\\]\\/chip\\:animate-pulse {
3431
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
3432
+ }
3433
+
3261
3434
  .group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:border-r {
3262
3435
  border-right-width: 1px;
3263
3436
  }
@@ -3266,6 +3439,14 @@ slot {
3266
3439
  border-color: var(--ikp-color-gray-200);
3267
3440
  }
3268
3441
 
3442
+ .group\\/chip[data-loading] .group-data-\\[loading\\]\\/chip\\:bg-gray-200 {
3443
+ background-color: var(--ikp-color-gray-200);
3444
+ }
3445
+
3446
+ .group\\/fieldset[data-drag-over] .group-data-\\[drag-over\\]\\/fieldset\\:opacity-100 {
3447
+ opacity: 1;
3448
+ }
3449
+
3269
3450
  .group[data-expanded="true"] .group-data-\\[expanded\\=true\\]\\:opacity-0 {
3270
3451
  opacity: 0;
3271
3452
  }
@@ -3361,6 +3542,10 @@ slot {
3361
3542
  background-color: transparent;
3362
3543
  }
3363
3544
 
3545
+ .hover\\:bg-white-alpha-100:hover:not(:disabled) {
3546
+ background-color: var(--ikp-color-white-alpha-100);
3547
+ }
3548
+
3364
3549
  .hover\\:text-gray-700:hover:not(:disabled) {
3365
3550
  color: var(--ikp-color-gray-700);
3366
3551
  }
@@ -3414,10 +3599,23 @@ slot {
3414
3599
  right: 0px;
3415
3600
  }
3416
3601
 
3602
+ .befter\\:inset-y-0::before {
3603
+ top: 0px;
3604
+ bottom: 0px;
3605
+ }
3606
+
3607
+ .befter\\:z-10::before {
3608
+ z-index: 10;
3609
+ }
3610
+
3417
3611
  .befter\\:h-10::before {
3418
3612
  height: 2.5rem;
3419
3613
  }
3420
3614
 
3615
+ .befter\\:w-10::before {
3616
+ width: 2.5rem;
3617
+ }
3618
+
3421
3619
  .befter\\:transition-opacity::before {
3422
3620
  transition-property: opacity;
3423
3621
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -3450,10 +3648,23 @@ slot {
3450
3648
  right: 0px;
3451
3649
  }
3452
3650
 
3651
+ .befter\\:inset-y-0::after {
3652
+ top: 0px;
3653
+ bottom: 0px;
3654
+ }
3655
+
3656
+ .befter\\:z-10::after {
3657
+ z-index: 10;
3658
+ }
3659
+
3453
3660
  .befter\\:h-10::after {
3454
3661
  height: 2.5rem;
3455
3662
  }
3456
3663
 
3664
+ .befter\\:w-10::after {
3665
+ width: 2.5rem;
3666
+ }
3667
+
3457
3668
  .befter\\:transition-opacity::after {
3458
3669
  transition-property: opacity;
3459
3670
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -3537,6 +3748,10 @@ slot {
3537
3748
  border-color: var(--ikp-color-gray-dark-500);
3538
3749
  }
3539
3750
 
3751
+ .dark\\:border-gray-dark-600:is([data-theme="dark"] *) {
3752
+ border-color: var(--ikp-color-gray-dark-600);
3753
+ }
3754
+
3540
3755
  .dark\\:border-gray-dark-700:is([data-theme="dark"] *) {
3541
3756
  border-color: var(--ikp-color-gray-dark-700);
3542
3757
  }
@@ -3545,6 +3760,10 @@ slot {
3545
3760
  border-color: var(--ikp-color-inkeep-expanded-primary-200);
3546
3761
  }
3547
3762
 
3763
+ .dark\\:border-inkeep-expanded-primary-400:is([data-theme="dark"] *) {
3764
+ border-color: var(--ikp-color-inkeep-expanded-primary-400);
3765
+ }
3766
+
3548
3767
  .dark\\:border-white-alpha-200:is([data-theme="dark"] *) {
3549
3768
  border-color: var(--ikp-color-white-alpha-200);
3550
3769
  }
@@ -3585,10 +3804,6 @@ slot {
3585
3804
  background-color: var(--ikp-color-white-alpha-200);
3586
3805
  }
3587
3806
 
3588
- .dark\\:bg-white-alpha-50:is([data-theme="dark"] *) {
3589
- background-color: var(--ikp-color-white-alpha-50);
3590
- }
3591
-
3592
3807
  .dark\\:bg-white-alpha-800:is([data-theme="dark"] *) {
3593
3808
  background-color: var(--ikp-color-white-alpha-800);
3594
3809
  }
@@ -3609,6 +3824,10 @@ slot {
3609
3824
  color: var(--ikp-color-gray-400);
3610
3825
  }
3611
3826
 
3827
+ .dark\\:text-gray-50:is([data-theme="dark"] *) {
3828
+ color: var(--ikp-color-gray-50);
3829
+ }
3830
+
3612
3831
  .dark\\:text-gray-dark-100:is([data-theme="dark"] *) {
3613
3832
  color: var(--ikp-color-gray-dark-100);
3614
3833
  }
@@ -3625,6 +3844,10 @@ slot {
3625
3844
  color: var(--ikp-color-gray-dark-400);
3626
3845
  }
3627
3846
 
3847
+ .dark\\:text-gray-dark-50:is([data-theme="dark"] *) {
3848
+ color: var(--ikp-color-gray-dark-50);
3849
+ }
3850
+
3628
3851
  .dark\\:text-gray-dark-950:is([data-theme="dark"] *) {
3629
3852
  color: var(--ikp-color-gray-dark-950);
3630
3853
  }
@@ -3686,6 +3909,10 @@ slot {
3686
3909
  --tw-shadow: var(--tw-shadow-colored);
3687
3910
  }
3688
3911
 
3912
+ .dark\\:\\[--chip-bg\\:theme\\(colors\\.gray-dark\\.700\\)\\]:is([data-theme="dark"] *) {
3913
+ --chip-bg: var(--ikp-color-gray-dark-700);
3914
+ }
3915
+
3689
3916
  .dark\\:\\[--end-color\\:theme\\(colors\\.gray-dark\\.600\\)\\]:is([data-theme="dark"] *) {
3690
3917
  --end-color: var(--ikp-color-gray-dark-600);
3691
3918
  }
@@ -3702,6 +3929,10 @@ slot {
3702
3929
  --focus-border-color: #93c5fd;
3703
3930
  }
3704
3931
 
3932
+ .dark\\:\\[--scroll-fade-color\\:var\\(--ikp-color-gray-dark-900\\)\\]:is([data-theme="dark"] *) {
3933
+ --scroll-fade-color: var(--ikp-color-gray-dark-900);
3934
+ }
3935
+
3705
3936
  .dark\\:\\[--scrollbar-color\\:var\\(--color-gray-dark-600\\)\\]:is([data-theme="dark"] *) {
3706
3937
  --scrollbar-color: var(--color-gray-dark-600);
3707
3938
  }
@@ -3922,6 +4153,10 @@ slot {
3922
4153
  border-color: var(--ikp-color-gray-dark-800);
3923
4154
  }
3924
4155
 
4156
+ .group\\/chip[data-loading] .dark\\:group-data-\\[loading\\]\\/chip\\:bg-gray-dark-600:is([data-theme="dark"] *) {
4157
+ background-color: var(--ikp-color-gray-dark-600);
4158
+ }
4159
+
3925
4160
  .dark\\:hover\\:border-white-alpha-300:hover:not(:disabled):is([data-theme="dark"] *) {
3926
4161
  border-color: var(--ikp-color-white-alpha-300);
3927
4162
  }
@@ -3954,6 +4189,10 @@ slot {
3954
4189
  background-color: var(--ikp-color-white-alpha-50);
3955
4190
  }
3956
4191
 
4192
+ .dark\\:hover\\:text-gray-dark-50:hover:not(:disabled):is([data-theme="dark"] *) {
4193
+ color: var(--ikp-color-gray-dark-50);
4194
+ }
4195
+
3957
4196
  .dark\\:hover\\:text-inkeep-expanded-primary-100:hover:not(:disabled):is([data-theme="dark"] *) {
3958
4197
  color: var(--ikp-color-inkeep-expanded-primary-100);
3959
4198
  }
@@ -4464,6 +4703,13 @@ slot {
4464
4703
  width: 1rem;
4465
4704
  }
4466
4705
 
4706
+ @media(hover:none) {
4707
+
4708
+ .\\[\\@media\\(hover\\:none\\)\\]\\:opacity-100 {
4709
+ opacity: 1;
4710
+ }
4711
+ }
4712
+
4467
4713
  [data-chat-bubble] .\\[\\[data-chat-bubble\\]_\\&\\]\\:h-full {
4468
4714
  height: 100%;
4469
4715
  }
@@ -1 +1 @@
1
- export type AvailableBuiltInIcons = 'FaBook' | 'FaGithub' | 'FaDatabase' | 'FaStackOverflow' | 'FaChrome' | 'FaPhone' | 'FaEnvelope' | 'FaPencil' | 'FaBlog' | 'FaSort' | 'FaPenSquare' | 'FaChevronRight' | 'FaChevronUp' | 'FaFilePdf' | 'FaDiscourse' | 'FaDiscord' | 'FaSlack' | 'IoDocumentTextSharp' | 'IoDocumentSharp' | 'IoSend' | 'IoInformationCircleOutline' | 'IoLinkOutline' | 'IoThumbsUpSharp' | 'IoThumbsDownSharp' | 'IoSearch' | 'IoCopyOutline' | 'IoCopy' | 'IoReturnDownBackOutline' | 'IoChevronForwardOutline' | 'IoReturnDownForward' | 'IoCloseOutline' | 'IoCheckmarkOutline' | 'IoBookOutline' | 'IoReaderOutline' | 'IoHelpBuoyOutline' | 'IoPeopleOutline' | 'IoDocumentTextOutline' | 'IoChatbubblesOutline' | 'FaRegFilePdf' | 'IoLogoDiscord' | 'IoLogoGithub' | 'IoTerminal' | 'FaBriefcase' | 'IoPlayCircleOutline' | 'IoPencilOutline' | 'IoCheckmarkDoneOutline' | 'IoHomeOutline' | 'IoMail' | 'IoOpenOutline' | 'FaTelegram' | 'FaTable' | 'FaMagnifyingGlass' | 'LuArrowLeft' | 'LuCircleCheck' | 'LuCommand' | 'LuCopy' | 'LuCheck' | 'LuCornerDownLeft' | 'LuGlobe' | 'LuHistory' | 'LuPanelLeft' | 'LuLink' | 'LuRepeat' | 'LuThumbsDown' | 'LuThumbsUp' | 'LuUsers' | 'LuUser' | 'LuArrowUpRight' | 'LuBookOpen' | 'LuChevronDown' | 'LuLoaderCircle' | 'FiEdit' | 'LuSparkles' | 'LuCornerDownRight' | 'LuCalendar' | 'LuHeadset' | 'LuSend';
1
+ export type AvailableBuiltInIcons = 'FaBook' | 'FaGithub' | 'FaDatabase' | 'FaStackOverflow' | 'FaChrome' | 'FaPhone' | 'FaEnvelope' | 'FaPencil' | 'FaBlog' | 'FaSort' | 'FaPenSquare' | 'FaChevronRight' | 'FaChevronUp' | 'FaFilePdf' | 'FaDiscourse' | 'FaDiscord' | 'FaSlack' | 'IoDocumentTextSharp' | 'IoDocumentSharp' | 'IoSend' | 'IoInformationCircleOutline' | 'IoLinkOutline' | 'IoThumbsUpSharp' | 'IoThumbsDownSharp' | 'IoSearch' | 'IoCopyOutline' | 'IoCopy' | 'IoReturnDownBackOutline' | 'IoChevronForwardOutline' | 'IoReturnDownForward' | 'IoCloseOutline' | 'IoCheckmarkOutline' | 'IoBookOutline' | 'IoReaderOutline' | 'IoHelpBuoyOutline' | 'IoPeopleOutline' | 'IoDocumentTextOutline' | 'IoChatbubblesOutline' | 'FaRegFilePdf' | 'IoLogoDiscord' | 'IoLogoGithub' | 'IoTerminal' | 'FaBriefcase' | 'IoPlayCircleOutline' | 'IoPencilOutline' | 'IoCheckmarkDoneOutline' | 'IoHomeOutline' | 'IoMail' | 'IoOpenOutline' | 'FaTelegram' | 'FaTable' | 'FaMagnifyingGlass' | 'LuArrowLeft' | 'LuCircleCheck' | 'LuCommand' | 'LuCopy' | 'LuCheck' | 'LuCornerDownLeft' | 'LuGlobe' | 'LuHistory' | 'LuPanelLeft' | 'LuLink' | 'LuRepeat' | 'LuThumbsDown' | 'LuThumbsUp' | 'LuUsers' | 'LuUser' | 'LuArrowUpRight' | 'LuBookOpen' | 'LuChevronDown' | 'LuLoaderCircle' | 'FiEdit' | 'LuSparkles' | 'LuCornerDownRight' | 'LuCalendar' | 'LuHeadset' | 'LuSend' | 'LuPaperclip' | 'PiFileCsv' | 'PiFileText' | 'PiFileHtml' | 'PiFileMarkdown' | 'PiFileLog' | 'PiFileJson';
@@ -27,6 +27,14 @@ export interface CustomIcons {
27
27
  chatHistory: string;
28
28
  chatHistoryPanel: string;
29
29
  backToChat: string;
30
+ fileUpload: string;
31
+ filePdf: string;
32
+ fileText: string;
33
+ fileMarkdown: string;
34
+ fileHtml: string;
35
+ fileCsv: string;
36
+ fileLog: string;
37
+ fileJson: string;
30
38
  }
31
39
  export type CustomIconMap = {
32
40
  [K in keyof CustomIcons]?: InkeepCustomIcon;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@inkeep/agents-ui",
3
- "version": "0.0.0-dev-20260401193828",
3
+ "version": "0.0.0-dev-20260402200940",
4
4
  "description": "",
5
5
  "homepage": "",
6
6
  "repository": {
@@ -65,11 +65,12 @@
65
65
  "@radix-ui/react-use-callback-ref": "^1.1.0",
66
66
  "@radix-ui/react-use-controllable-state": "^1.1.0",
67
67
  "@radix-ui/react-use-layout-effect": "^1.1.1",
68
- "@zag-js/combobox": "^1.33.1",
69
- "@zag-js/focus-trap": "^1.33.1",
70
- "@zag-js/presence": "^1.33.1",
71
- "@zag-js/react": "^1.33.1",
72
- "@zag-js/remove-scroll": "^1.33.1",
68
+ "@zag-js/combobox": "^1.38.1",
69
+ "@zag-js/file-upload": "^1.38.1",
70
+ "@zag-js/focus-trap": "^1.38.1",
71
+ "@zag-js/presence": "^1.38.1",
72
+ "@zag-js/react": "^1.38.1",
73
+ "@zag-js/remove-scroll": "^1.38.1",
73
74
  "ai": "6.0.44",
74
75
  "altcha-lib": "^1.2.0",
75
76
  "aria-hidden": "^1.2.4",