@inkeep/agents-ui 0.15.26 → 0.15.28

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 (102) hide show
  1. package/dist/index.cjs +1 -1
  2. package/dist/index.js +166 -174
  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 +8 -6
  24. package/dist/primitives/components/embedded-chat/use-inkeep-chat.js +277 -227
  25. package/dist/primitives/components/embedded-chat.cjs +4 -4
  26. package/dist/primitives/components/embedded-chat.d.ts +7 -116
  27. package/dist/primitives/components/embedded-chat.js +1082 -1484
  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-initial-conversation.cjs +1 -0
  32. package/dist/primitives/hooks/use-initial-conversation.d.ts +16 -0
  33. package/dist/primitives/hooks/use-initial-conversation.js +31 -0
  34. package/dist/primitives/hooks/use-input-notification.cjs +1 -0
  35. package/dist/primitives/hooks/use-input-notification.d.ts +9 -0
  36. package/dist/primitives/hooks/use-input-notification.js +18 -0
  37. package/dist/primitives/hooks/use-scrolling-fades.cjs +1 -1
  38. package/dist/primitives/hooks/use-scrolling-fades.d.ts +1 -0
  39. package/dist/primitives/hooks/use-scrolling-fades.js +21 -5
  40. package/dist/primitives/index.cjs +1 -1
  41. package/dist/primitives/index.js +146 -154
  42. package/dist/primitives/providers/base-events-provider.cjs +1 -1
  43. package/dist/primitives/providers/base-events-provider.js +1 -1
  44. package/dist/primitives/providers/feedback-provider.cjs +1 -1
  45. package/dist/primitives/providers/feedback-provider.js +37 -38
  46. package/dist/primitives/providers/image-preview-provider.cjs +1 -0
  47. package/dist/primitives/providers/image-preview-provider.d.ts +15 -0
  48. package/dist/primitives/providers/image-preview-provider.js +23 -0
  49. package/dist/primitives/providers/index.cjs +1 -1
  50. package/dist/primitives/providers/index.d.ts +0 -3
  51. package/dist/primitives/providers/index.js +54 -63
  52. package/dist/primitives/utils/component-ids.cjs +1 -1
  53. package/dist/primitives/utils/component-ids.d.ts +54 -98
  54. package/dist/primitives/utils/component-ids.js +44 -66
  55. package/dist/primitives/utils/default-settings.cjs +1 -1
  56. package/dist/primitives/utils/default-settings.d.ts +0 -2
  57. package/dist/primitives/utils/default-settings.js +6 -8
  58. package/dist/react/embedded-chat.cjs +1 -1
  59. package/dist/react/embedded-chat.js +283 -287
  60. package/dist/react/index.cjs +1 -1
  61. package/dist/react/index.js +166 -174
  62. package/dist/styled/components/chat-history.cjs +1 -1
  63. package/dist/styled/components/chat-history.d.ts +1 -1
  64. package/dist/styled/components/chat-history.js +31 -29
  65. package/dist/styled/components/embedded-chat/file-upload-input.cjs +1 -0
  66. package/dist/styled/components/embedded-chat/file-upload-input.d.ts +20 -0
  67. package/dist/styled/components/embedded-chat/file-upload-input.js +300 -0
  68. package/dist/styled/components/embedded-chat/image-preview-modal.cjs +1 -0
  69. package/dist/styled/components/embedded-chat/image-preview-modal.d.ts +11 -0
  70. package/dist/styled/components/embedded-chat/image-preview-modal.js +77 -0
  71. package/dist/styled/components/embedded-chat.cjs +1 -1
  72. package/dist/styled/components/embedded-chat.d.ts +4 -50
  73. package/dist/styled/components/embedded-chat.js +567 -1010
  74. package/dist/styled/components/message.cjs +1 -1
  75. package/dist/styled/components/message.js +89 -88
  76. package/dist/styled/components/ui/recipes/citation.d.ts +1 -1
  77. package/dist/styled/components/ui/recipes/index.cjs +1 -1
  78. package/dist/styled/components/ui/recipes/index.d.ts +0 -1
  79. package/dist/styled/components/ui/recipes/index.js +31 -33
  80. package/dist/styled/index.cjs +1 -1
  81. package/dist/styled/index.js +154 -162
  82. package/dist/styled/inkeep.css.cjs +241 -61
  83. package/dist/styled/inkeep.css.js +241 -61
  84. package/dist/types/config/ai.d.ts +8 -10
  85. package/dist/types/icons/built-in.d.ts +1 -1
  86. package/dist/types/icons/custom.d.ts +8 -0
  87. package/dist/types/index.d.ts +0 -1
  88. package/package.json +7 -6
  89. package/dist/primitives/providers/attachment-item-provider.cjs +0 -1
  90. package/dist/primitives/providers/attachment-item-provider.d.ts +0 -9
  91. package/dist/primitives/providers/attachment-item-provider.js +0 -13
  92. package/dist/primitives/providers/attachments-bar-provider.cjs +0 -1
  93. package/dist/primitives/providers/attachments-bar-provider.d.ts +0 -30
  94. package/dist/primitives/providers/attachments-bar-provider.js +0 -57
  95. package/dist/primitives/providers/message-attachments-provider.cjs +0 -1
  96. package/dist/primitives/providers/message-attachments-provider.d.ts +0 -13
  97. package/dist/primitives/providers/message-attachments-provider.js +0 -27
  98. package/dist/primitives/utils/get-message-metadata.d.ts +0 -8
  99. package/dist/styled/components/ui/recipes/attachment.cjs +0 -1
  100. package/dist/styled/components/ui/recipes/attachment.d.ts +0 -4
  101. package/dist/styled/components/ui/recipes/attachment.js +0 -28
  102. package/dist/types/config/settings/workflow.d.ts +0 -86
@@ -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
  }
@@ -757,9 +774,6 @@ video {
757
774
  .mr-2 {
758
775
  margin-right: 0.5rem;
759
776
  }
760
- .mr-\\[0\\.5em\\] {
761
- margin-right: 0.5em;
762
- }
763
777
  .mr-\\[var\\(--removed-body-scroll-bar-size\\)\\] {
764
778
  margin-right: var(--removed-body-scroll-bar-size);
765
779
  }
@@ -832,13 +846,21 @@ video {
832
846
  .hidden {
833
847
  display: none;
834
848
  }
849
+ .size-2\\.5 {
850
+ width: 0.625rem;
851
+ height: 0.625rem;
852
+ }
835
853
  .size-4 {
836
854
  width: 1rem;
837
855
  height: 1rem;
838
856
  }
839
- .size-9 {
840
- width: 2.25rem;
841
- height: 2.25rem;
857
+ .size-5 {
858
+ width: 1.25rem;
859
+ height: 1.25rem;
860
+ }
861
+ .size-8 {
862
+ width: 2rem;
863
+ height: 2rem;
842
864
  }
843
865
  .\\!h-auto {
844
866
  height: auto !important;
@@ -873,6 +895,9 @@ video {
873
895
  .h-6 {
874
896
  height: 1.5rem;
875
897
  }
898
+ .h-7 {
899
+ height: 1.75rem;
900
+ }
876
901
  .h-8 {
877
902
  height: 2rem;
878
903
  }
@@ -900,6 +925,10 @@ video {
900
925
  .h-auto {
901
926
  height: auto;
902
927
  }
928
+ .h-fit {
929
+ height: -moz-fit-content;
930
+ height: fit-content;
931
+ }
903
932
  .h-full {
904
933
  height: 100%;
905
934
  }
@@ -918,6 +947,9 @@ video {
918
947
  .max-h-\\[200px\\] {
919
948
  max-height: 200px;
920
949
  }
950
+ .max-h-\\[calc\\(100vh_-_theme\\(spacing\\.20\\)\\)\\] {
951
+ max-height: calc(100vh - 5rem);
952
+ }
921
953
  .max-h-\\[min\\(24rem\\2c var\\(--available-height\\)\\)\\] {
922
954
  max-height: min(24rem,var(--available-height));
923
955
  }
@@ -1051,8 +1083,8 @@ video {
1051
1083
  .min-w-\\[var\\(--reference-width\\2c 8rem\\)\\] {
1052
1084
  min-width: var(--reference-width,8rem);
1053
1085
  }
1054
- .max-w-2xl {
1055
- max-width: 42rem;
1086
+ .max-w-\\[100vw\\] {
1087
+ max-width: 100vw;
1056
1088
  }
1057
1089
  .max-w-\\[200px\\] {
1058
1090
  max-width: 200px;
@@ -1060,6 +1092,9 @@ video {
1060
1092
  .max-w-\\[480px\\] {
1061
1093
  max-width: 480px;
1062
1094
  }
1095
+ .max-w-\\[calc\\(100vw_-_theme\\(spacing\\.20\\)\\)\\] {
1096
+ max-width: calc(100vw - 5rem);
1097
+ }
1063
1098
  .max-w-full {
1064
1099
  max-width: 100%;
1065
1100
  }
@@ -1156,6 +1191,21 @@ video {
1156
1191
  .animate-checkbox-check {
1157
1192
  animation: checkbox-check 200ms linear;
1158
1193
  }
1194
+ @keyframes notification-in {
1195
+
1196
+ 0% {
1197
+ opacity: 0;
1198
+ transform: translateY(8px) scale(0.96);
1199
+ }
1200
+
1201
+ 100% {
1202
+ opacity: 1;
1203
+ transform: translateY(0) scale(1);
1204
+ }
1205
+ }
1206
+ .animate-notification-in {
1207
+ animation: notification-in 400ms cubic-bezier(0.21, 1.02, 0.73, 1) both;
1208
+ }
1159
1209
  @keyframes pulse {
1160
1210
 
1161
1211
  50% {
@@ -1272,6 +1322,9 @@ video {
1272
1322
  .items-start {
1273
1323
  align-items: flex-start;
1274
1324
  }
1325
+ .items-end {
1326
+ align-items: flex-end;
1327
+ }
1275
1328
  .items-center {
1276
1329
  align-items: center;
1277
1330
  }
@@ -1330,9 +1383,6 @@ video {
1330
1383
  .gap-y-1 {
1331
1384
  row-gap: 0.25rem;
1332
1385
  }
1333
- .gap-y-2 {
1334
- row-gap: 0.5rem;
1335
- }
1336
1386
  .space-x-1 > :not([hidden]) ~ :not([hidden]) {
1337
1387
  --tw-space-x-reverse: 0;
1338
1388
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
@@ -1438,6 +1488,10 @@ video {
1438
1488
  .rounded-sm {
1439
1489
  border-radius: 0.125rem;
1440
1490
  }
1491
+ .rounded-r-lg {
1492
+ border-top-right-radius: 0.5rem;
1493
+ border-bottom-right-radius: 0.5rem;
1494
+ }
1441
1495
  .rounded-br-sm {
1442
1496
  border-bottom-right-radius: 0.125rem;
1443
1497
  }
@@ -1459,6 +1513,9 @@ video {
1459
1513
  .border-solid {
1460
1514
  border-style: solid;
1461
1515
  }
1516
+ .border-dashed {
1517
+ border-style: dashed;
1518
+ }
1462
1519
  .border-none {
1463
1520
  border-style: none;
1464
1521
  }
@@ -1477,8 +1534,8 @@ video {
1477
1534
  .border-inherit {
1478
1535
  border-color: inherit;
1479
1536
  }
1480
- .border-inkeep-expanded-primary-200 {
1481
- border-color: var(--ikp-color-inkeep-expanded-primary-200);
1537
+ .border-inkeep-expanded-primary-500 {
1538
+ border-color: var(--ikp-color-inkeep-expanded-primary-500);
1482
1539
  }
1483
1540
  .border-transparent {
1484
1541
  border-color: transparent;
@@ -1489,6 +1546,9 @@ video {
1489
1546
  .border-l-transparent {
1490
1547
  border-left-color: transparent;
1491
1548
  }
1549
+ .bg-\\[--chip-bg\\] {
1550
+ background-color: var(--chip-bg);
1551
+ }
1492
1552
  .bg-\\[--start-color\\] {
1493
1553
  background-color: var(--start-color);
1494
1554
  }
@@ -1549,6 +1609,14 @@ video {
1549
1609
  .fill-white {
1550
1610
  fill: #fff;
1551
1611
  }
1612
+ .object-contain {
1613
+ -o-object-fit: contain;
1614
+ object-fit: contain;
1615
+ }
1616
+ .object-cover {
1617
+ -o-object-fit: cover;
1618
+ object-fit: cover;
1619
+ }
1552
1620
  .p-0 {
1553
1621
  padding: 0px;
1554
1622
  }
@@ -1647,8 +1715,8 @@ video {
1647
1715
  padding-top: 1px;
1648
1716
  padding-bottom: 1px;
1649
1717
  }
1650
- .pb-1 {
1651
- padding-bottom: 0.25rem;
1718
+ .pb-1\\.5 {
1719
+ padding-bottom: 0.375rem;
1652
1720
  }
1653
1721
  .pb-2 {
1654
1722
  padding-bottom: 0.5rem;
@@ -1686,12 +1754,12 @@ video {
1686
1754
  .pt-0 {
1687
1755
  padding-top: 0px;
1688
1756
  }
1757
+ .pt-0\\.5 {
1758
+ padding-top: 0.125rem;
1759
+ }
1689
1760
  .pt-1 {
1690
1761
  padding-top: 0.25rem;
1691
1762
  }
1692
- .pt-2 {
1693
- padding-top: 0.5rem;
1694
- }
1695
1763
  .pt-3 {
1696
1764
  padding-top: 0.75rem;
1697
1765
  }
@@ -1821,6 +1889,9 @@ video {
1821
1889
  .text-gray-800 {
1822
1890
  color: var(--ikp-color-gray-800);
1823
1891
  }
1892
+ .text-gray-900 {
1893
+ color: var(--ikp-color-gray-900);
1894
+ }
1824
1895
  .text-green-500 {
1825
1896
  --tw-text-opacity: 1;
1826
1897
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
@@ -1834,9 +1905,6 @@ video {
1834
1905
  .text-inkeep-primary-medium-subtle {
1835
1906
  color: var(--ikp-color-inkeep-primary-medium-subtle);
1836
1907
  }
1837
- .text-inkeep-primary-strong {
1838
- color: var(--ikp-color-inkeep-primary-strong);
1839
- }
1840
1908
  .text-inkeep-primary-stronger {
1841
1909
  color: var(--ikp-color-inkeep-primary-stronger);
1842
1910
  }
@@ -1889,11 +1957,6 @@ video {
1889
1957
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
1890
1958
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1891
1959
  }
1892
- .shadow-\\[0_0_0_2px_var\\(--shadow-color\\)\\] {
1893
- --tw-shadow: 0 0 0 2px var(--shadow-color);
1894
- --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
1895
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1896
- }
1897
1960
  .shadow-\\[0_25px_50px_-12px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.25\\)\\] {
1898
1961
  --tw-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);
1899
1962
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
@@ -2012,6 +2075,9 @@ video {
2012
2075
  .\\[--chat-bubble-margin\\:theme\\(spacing\\.5\\)\\] {
2013
2076
  --chat-bubble-margin: 1.25rem;
2014
2077
  }
2078
+ .\\[--chip-bg\\:theme\\(colors\\.gray\\.200\\)\\] {
2079
+ --chip-bg: var(--ikp-color-gray-200);
2080
+ }
2015
2081
  .\\[--end-color\\:theme\\(colors\\.gray\\.300\\)\\] {
2016
2082
  --end-color: var(--ikp-color-gray-300);
2017
2083
  }
@@ -2027,6 +2093,9 @@ video {
2027
2093
  .\\[--footer-height\\:theme\\(spacing\\.9\\)\\] {
2028
2094
  --footer-height: 2.25rem;
2029
2095
  }
2096
+ .\\[--scroll-fade-color\\:var\\(--ikp-color-gray-50\\)\\] {
2097
+ --scroll-fade-color: var(--ikp-color-gray-50);
2098
+ }
2030
2099
  .\\[--scrollbar-color\\:var\\(--color-gray-300\\)\\] {
2031
2100
  --scrollbar-color: var(--color-gray-300);
2032
2101
  }
@@ -2081,6 +2150,9 @@ video {
2081
2150
  .\\[scrollbar-color\\:var\\(--scrollbar-color\\)_transparent\\] {
2082
2151
  scrollbar-color: var(--scrollbar-color) transparent;
2083
2152
  }
2153
+ .\\[scrollbar-width\\:none\\] {
2154
+ scrollbar-width: none;
2155
+ }
2084
2156
  .\\[scrollbar-width\\:thin\\] {
2085
2157
  scrollbar-width: thin;
2086
2158
  }
@@ -2243,6 +2315,11 @@ slot {
2243
2315
  right: 0px;
2244
2316
  }
2245
2317
 
2318
+ .before\\:-left-1::before {
2319
+ content: var(--tw-content);
2320
+ left: -0.25rem;
2321
+ }
2322
+
2246
2323
  .before\\:-top-px::before {
2247
2324
  content: var(--tw-content);
2248
2325
  top: -1px;
@@ -2288,6 +2365,16 @@ slot {
2288
2365
  height: var(--before-size);
2289
2366
  }
2290
2367
 
2368
+ .before\\:h-full::before {
2369
+ content: var(--tw-content);
2370
+ height: 100%;
2371
+ }
2372
+
2373
+ .before\\:w-1::before {
2374
+ content: var(--tw-content);
2375
+ width: 0.25rem;
2376
+ }
2377
+
2291
2378
  .before\\:w-\\[--before-size\\]::before {
2292
2379
  content: var(--tw-content);
2293
2380
  width: var(--before-size);
@@ -2309,6 +2396,11 @@ slot {
2309
2396
  background-color: var(--ikp-color-gray-300);
2310
2397
  }
2311
2398
 
2399
+ .before\\:bg-\\[linear-gradient\\(to_right\\2c var\\(--scroll-fade-color\\)\\2c transparent\\)\\]::before {
2400
+ content: var(--tw-content);
2401
+ background-image: linear-gradient(to right,var(--scroll-fade-color),transparent);
2402
+ }
2403
+
2312
2404
  .before\\:bg-\\[linear-gradient\\(transparent\\2c _white\\)\\]::before {
2313
2405
  content: var(--tw-content);
2314
2406
  background-image: linear-gradient(transparent, white);
@@ -2319,6 +2411,18 @@ slot {
2319
2411
  background-image: linear-gradient(white, transparent);
2320
2412
  }
2321
2413
 
2414
+ .before\\:bg-gradient-to-l::before {
2415
+ content: var(--tw-content);
2416
+ background-image: linear-gradient(to left, var(--tw-gradient-stops));
2417
+ }
2418
+
2419
+ .before\\:from-\\[--chip-bg\\]::before {
2420
+ content: var(--tw-content);
2421
+ --tw-gradient-from: var(--chip-bg) var(--tw-gradient-from-position);
2422
+ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
2423
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2424
+ }
2425
+
2322
2426
  .before\\:bg-no-repeat::before {
2323
2427
  content: var(--tw-content);
2324
2428
  background-repeat: no-repeat;
@@ -2375,6 +2479,11 @@ slot {
2375
2479
  left: 1px;
2376
2480
  }
2377
2481
 
2482
+ .after\\:right-0::after {
2483
+ content: var(--tw-content);
2484
+ right: 0px;
2485
+ }
2486
+
2378
2487
  .after\\:top-0::after {
2379
2488
  content: var(--tw-content);
2380
2489
  top: 0px;
@@ -2451,6 +2560,11 @@ slot {
2451
2560
  background-image: linear-gradient(currentColor, transparent);
2452
2561
  }
2453
2562
 
2563
+ .after\\:bg-\\[linear-gradient\\(to_left\\2c var\\(--scroll-fade-color\\)\\2c transparent\\)\\]::after {
2564
+ content: var(--tw-content);
2565
+ background-image: linear-gradient(to left,var(--scroll-fade-color),transparent);
2566
+ }
2567
+
2454
2568
  .after\\:bg-\\[linear-gradient\\(transparent\\2c _white\\)\\]::after {
2455
2569
  content: var(--tw-content);
2456
2570
  background-image: linear-gradient(transparent, white);
@@ -2500,14 +2614,18 @@ slot {
2500
2614
  outline-color: var(--ikp-color-inkeep-expanded-primary-700);
2501
2615
  }
2502
2616
 
2503
- .focus\\:\\[--shadow-color\\:theme\\(colors\\.blue\\.500\\)\\]:focus {
2504
- --shadow-color: #3b82f6;
2617
+ .focus-visible\\:rounded:focus-visible {
2618
+ border-radius: 0.25rem;
2505
2619
  }
2506
2620
 
2507
2621
  .focus-visible\\:bg-gray-50:focus-visible {
2508
2622
  background-color: var(--ikp-color-gray-50);
2509
2623
  }
2510
2624
 
2625
+ .focus-visible\\:opacity-100:focus-visible {
2626
+ opacity: 1;
2627
+ }
2628
+
2511
2629
  .focus-visible\\:outline-none:focus-visible {
2512
2630
  outline: 2px solid transparent;
2513
2631
  outline-offset: 2px;
@@ -2599,6 +2717,10 @@ slot {
2599
2717
  color: var(--ikp-color-gray-600);
2600
2718
  }
2601
2719
 
2720
+ .group\\/chip:hover .group-hover\\/chip\\:opacity-100 {
2721
+ opacity: 1;
2722
+ }
2723
+
2602
2724
  .group:hover .group-hover\\:opacity-0 {
2603
2725
  opacity: 0;
2604
2726
  }
@@ -2615,6 +2737,11 @@ slot {
2615
2737
  width: min(90vw,1000px);
2616
2738
  }
2617
2739
 
2740
+ .has-\\[\\[data-scroll-left\\]\\]\\:before\\:opacity-0:has([data-scroll-left])::before {
2741
+ content: var(--tw-content);
2742
+ opacity: 0;
2743
+ }
2744
+
2618
2745
  .has-\\[\\[data-scroll-top\\]\\]\\:before\\:opacity-0:has([data-scroll-top])::before {
2619
2746
  content: var(--tw-content);
2620
2747
  opacity: 0;
@@ -2625,6 +2752,11 @@ slot {
2625
2752
  opacity: 0;
2626
2753
  }
2627
2754
 
2755
+ .has-\\[\\[data-scroll-right\\]\\]\\:after\\:opacity-0:has([data-scroll-right])::after {
2756
+ content: var(--tw-content);
2757
+ opacity: 0;
2758
+ }
2759
+
2628
2760
  .data-\\[disabled\\]\\:pointer-events-none[data-disabled] {
2629
2761
  pointer-events: none;
2630
2762
  }
@@ -3086,10 +3218,6 @@ slot {
3086
3218
  --input-height: 5rem;
3087
3219
  }
3088
3220
 
3089
- .data-\\[invalid\\]\\:\\[--shadow-color\\:theme\\(colors\\.red\\.500\\)\\][data-invalid] {
3090
- --shadow-color: #ef4444;
3091
- }
3092
-
3093
3221
  .data-\\[type\\=icon\\]\\:data-\\[role\\=assistant\\]\\:\\[--start-color\\:theme\\(colors\\.inkeep-expanded-primary\\.300\\)\\][data-role="assistant"][data-type="icon"] {
3094
3222
  --start-color: var(--ikp-color-inkeep-expanded-primary-300);
3095
3223
  }
@@ -3258,6 +3386,17 @@ slot {
3258
3386
  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
3387
  }
3260
3388
 
3389
+ @keyframes pulse {
3390
+
3391
+ 50% {
3392
+ opacity: .5;
3393
+ }
3394
+ }
3395
+
3396
+ .group\\/chip[data-loading] .group-data-\\[loading\\]\\/chip\\:animate-pulse {
3397
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
3398
+ }
3399
+
3261
3400
  .group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:border-r {
3262
3401
  border-right-width: 1px;
3263
3402
  }
@@ -3266,6 +3405,14 @@ slot {
3266
3405
  border-color: var(--ikp-color-gray-200);
3267
3406
  }
3268
3407
 
3408
+ .group\\/chip[data-loading] .group-data-\\[loading\\]\\/chip\\:bg-gray-200 {
3409
+ background-color: var(--ikp-color-gray-200);
3410
+ }
3411
+
3412
+ .group\\/fieldset[data-drag-over] .group-data-\\[drag-over\\]\\/fieldset\\:opacity-100 {
3413
+ opacity: 1;
3414
+ }
3415
+
3269
3416
  .group[data-expanded="true"] .group-data-\\[expanded\\=true\\]\\:opacity-0 {
3270
3417
  opacity: 0;
3271
3418
  }
@@ -3274,10 +3421,6 @@ slot {
3274
3421
  opacity: 1;
3275
3422
  }
3276
3423
 
3277
- :not(.dark) .light\\:text-gray-700 {
3278
- color: var(--ikp-color-gray-700);
3279
- }
3280
-
3281
3424
  [data-widget-md] .ikp-md\\:mb-0 {
3282
3425
  margin-bottom: 0px;
3283
3426
  }
@@ -3353,12 +3496,8 @@ slot {
3353
3496
  background-color: var(--ikp-color-inkeep-expanded-primary-700);
3354
3497
  }
3355
3498
 
3356
- .hover\\:bg-inkeep-primary-light-subtle:hover:not(:disabled) {
3357
- background-color: var(--ikp-color-inkeep-primary-light-subtle);
3358
- }
3359
-
3360
- .hover\\:bg-transparent:hover:not(:disabled) {
3361
- background-color: transparent;
3499
+ .hover\\:bg-white-alpha-100:hover:not(:disabled) {
3500
+ background-color: var(--ikp-color-white-alpha-100);
3362
3501
  }
3363
3502
 
3364
3503
  .hover\\:text-gray-700:hover:not(:disabled) {
@@ -3414,10 +3553,23 @@ slot {
3414
3553
  right: 0px;
3415
3554
  }
3416
3555
 
3556
+ .befter\\:inset-y-0::before {
3557
+ top: 0px;
3558
+ bottom: 0px;
3559
+ }
3560
+
3561
+ .befter\\:z-10::before {
3562
+ z-index: 10;
3563
+ }
3564
+
3417
3565
  .befter\\:h-10::before {
3418
3566
  height: 2.5rem;
3419
3567
  }
3420
3568
 
3569
+ .befter\\:w-10::before {
3570
+ width: 2.5rem;
3571
+ }
3572
+
3421
3573
  .befter\\:transition-opacity::before {
3422
3574
  transition-property: opacity;
3423
3575
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -3450,10 +3602,23 @@ slot {
3450
3602
  right: 0px;
3451
3603
  }
3452
3604
 
3605
+ .befter\\:inset-y-0::after {
3606
+ top: 0px;
3607
+ bottom: 0px;
3608
+ }
3609
+
3610
+ .befter\\:z-10::after {
3611
+ z-index: 10;
3612
+ }
3613
+
3453
3614
  .befter\\:h-10::after {
3454
3615
  height: 2.5rem;
3455
3616
  }
3456
3617
 
3618
+ .befter\\:w-10::after {
3619
+ width: 2.5rem;
3620
+ }
3621
+
3457
3622
  .befter\\:transition-opacity::after {
3458
3623
  transition-property: opacity;
3459
3624
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -3537,12 +3702,16 @@ slot {
3537
3702
  border-color: var(--ikp-color-gray-dark-500);
3538
3703
  }
3539
3704
 
3705
+ .dark\\:border-gray-dark-600:is([data-theme="dark"] *) {
3706
+ border-color: var(--ikp-color-gray-dark-600);
3707
+ }
3708
+
3540
3709
  .dark\\:border-gray-dark-700:is([data-theme="dark"] *) {
3541
3710
  border-color: var(--ikp-color-gray-dark-700);
3542
3711
  }
3543
3712
 
3544
- .dark\\:border-inkeep-expanded-primary-200:is([data-theme="dark"] *) {
3545
- border-color: var(--ikp-color-inkeep-expanded-primary-200);
3713
+ .dark\\:border-inkeep-expanded-primary-400:is([data-theme="dark"] *) {
3714
+ border-color: var(--ikp-color-inkeep-expanded-primary-400);
3546
3715
  }
3547
3716
 
3548
3717
  .dark\\:border-white-alpha-200:is([data-theme="dark"] *) {
@@ -3585,10 +3754,6 @@ slot {
3585
3754
  background-color: var(--ikp-color-white-alpha-200);
3586
3755
  }
3587
3756
 
3588
- .dark\\:bg-white-alpha-50:is([data-theme="dark"] *) {
3589
- background-color: var(--ikp-color-white-alpha-50);
3590
- }
3591
-
3592
3757
  .dark\\:bg-white-alpha-800:is([data-theme="dark"] *) {
3593
3758
  background-color: var(--ikp-color-white-alpha-800);
3594
3759
  }
@@ -3609,6 +3774,10 @@ slot {
3609
3774
  color: var(--ikp-color-gray-400);
3610
3775
  }
3611
3776
 
3777
+ .dark\\:text-gray-50:is([data-theme="dark"] *) {
3778
+ color: var(--ikp-color-gray-50);
3779
+ }
3780
+
3612
3781
  .dark\\:text-gray-dark-100:is([data-theme="dark"] *) {
3613
3782
  color: var(--ikp-color-gray-dark-100);
3614
3783
  }
@@ -3625,6 +3794,10 @@ slot {
3625
3794
  color: var(--ikp-color-gray-dark-400);
3626
3795
  }
3627
3796
 
3797
+ .dark\\:text-gray-dark-50:is([data-theme="dark"] *) {
3798
+ color: var(--ikp-color-gray-dark-50);
3799
+ }
3800
+
3628
3801
  .dark\\:text-gray-dark-950:is([data-theme="dark"] *) {
3629
3802
  color: var(--ikp-color-gray-dark-950);
3630
3803
  }
@@ -3633,10 +3806,6 @@ slot {
3633
3806
  color: var(--ikp-color-inkeep-expanded-primary-100);
3634
3807
  }
3635
3808
 
3636
- .dark\\:text-inkeep-expanded-primary-300:is([data-theme="dark"] *) {
3637
- color: var(--ikp-color-inkeep-expanded-primary-300);
3638
- }
3639
-
3640
3809
  .dark\\:text-inkeep-expanded-primary-500:is([data-theme="dark"] *) {
3641
3810
  color: var(--ikp-color-inkeep-expanded-primary-500);
3642
3811
  }
@@ -3686,6 +3855,10 @@ slot {
3686
3855
  --tw-shadow: var(--tw-shadow-colored);
3687
3856
  }
3688
3857
 
3858
+ .dark\\:\\[--chip-bg\\:theme\\(colors\\.gray-dark\\.700\\)\\]:is([data-theme="dark"] *) {
3859
+ --chip-bg: var(--ikp-color-gray-dark-700);
3860
+ }
3861
+
3689
3862
  .dark\\:\\[--end-color\\:theme\\(colors\\.gray-dark\\.600\\)\\]:is([data-theme="dark"] *) {
3690
3863
  --end-color: var(--ikp-color-gray-dark-600);
3691
3864
  }
@@ -3702,6 +3875,10 @@ slot {
3702
3875
  --focus-border-color: #93c5fd;
3703
3876
  }
3704
3877
 
3878
+ .dark\\:\\[--scroll-fade-color\\:var\\(--ikp-color-gray-dark-900\\)\\]:is([data-theme="dark"] *) {
3879
+ --scroll-fade-color: var(--ikp-color-gray-dark-900);
3880
+ }
3881
+
3705
3882
  .dark\\:\\[--scrollbar-color\\:var\\(--color-gray-dark-600\\)\\]:is([data-theme="dark"] *) {
3706
3883
  --scrollbar-color: var(--color-gray-dark-600);
3707
3884
  }
@@ -3922,6 +4099,10 @@ slot {
3922
4099
  border-color: var(--ikp-color-gray-dark-800);
3923
4100
  }
3924
4101
 
4102
+ .group\\/chip[data-loading] .dark\\:group-data-\\[loading\\]\\/chip\\:bg-gray-dark-600:is([data-theme="dark"] *) {
4103
+ background-color: var(--ikp-color-gray-dark-600);
4104
+ }
4105
+
3925
4106
  .dark\\:hover\\:border-white-alpha-300:hover:not(:disabled):is([data-theme="dark"] *) {
3926
4107
  border-color: var(--ikp-color-white-alpha-300);
3927
4108
  }
@@ -3954,6 +4135,10 @@ slot {
3954
4135
  background-color: var(--ikp-color-white-alpha-50);
3955
4136
  }
3956
4137
 
4138
+ .dark\\:hover\\:text-gray-dark-50:hover:not(:disabled):is([data-theme="dark"] *) {
4139
+ color: var(--ikp-color-gray-dark-50);
4140
+ }
4141
+
3957
4142
  .dark\\:hover\\:text-inkeep-expanded-primary-100:hover:not(:disabled):is([data-theme="dark"] *) {
3958
4143
  color: var(--ikp-color-inkeep-expanded-primary-100);
3959
4144
  }
@@ -3967,10 +4152,6 @@ slot {
3967
4152
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
3968
4153
  }
3969
4154
 
3970
- .dark\\:hover\\:text-white-alpha-500:hover:not(:disabled):is([data-theme="dark"] *) {
3971
- color: var(--ikp-color-white-alpha-500);
3972
- }
3973
-
3974
4155
  .dark\\:hover\\:text-white-alpha-700:hover:not(:disabled):is([data-theme="dark"] *) {
3975
4156
  color: var(--ikp-color-white-alpha-700);
3976
4157
  }
@@ -4456,12 +4637,11 @@ slot {
4456
4637
  margin-bottom: 0.25rem;
4457
4638
  }
4458
4639
 
4459
- .\\[\\&_svg\\]\\:h-4 svg {
4460
- height: 1rem;
4461
- }
4640
+ @media(hover:none) {
4462
4641
 
4463
- .\\[\\&_svg\\]\\:w-4 svg {
4464
- width: 1rem;
4642
+ .\\[\\@media\\(hover\\:none\\)\\]\\:opacity-100 {
4643
+ opacity: 1;
4644
+ }
4465
4645
  }
4466
4646
 
4467
4647
  [data-chat-bubble] .\\[\\[data-chat-bubble\\]_\\&\\]\\:h-full {
@@ -130,8 +130,15 @@ export interface InkeepAIChatSettings {
130
130
  /**
131
131
  * Unique identifier for loading a specific conversation.
132
132
  * Use this to restore a previous conversation state.
133
+ * If the conversation is not found, a new conversation is started.
133
134
  */
134
135
  conversationId?: string;
136
+ /**
137
+ * @deprecated Internal use only. Bypasses conversation loading and sets the
138
+ * conversation ID directly without fetching. Use `conversationId` instead to
139
+ * restore a previous conversation state.
140
+ */
141
+ conversationIdOverride?: string;
135
142
  /**
136
143
  * When enabled, prevents users from sending new messages.
137
144
  * Useful for displaying archived or shared chat sessions.
@@ -174,15 +181,6 @@ export interface InkeepAIChatSettings {
174
181
  * Array of actions available rendered after each message.
175
182
  */
176
183
  messageActions?: CustomMessageAction[];
177
- /**
178
- * Custom heading text for the workflows section.
179
- * Use this to describe available automated processes or guided flows.
180
- */
181
- workflowsHeader?: string;
182
- /**
183
- * Collection of interactive workflows that can be triggered during chat.
184
- * These can guide users through complex processes or data collection.
185
- */
186
184
  /**
187
185
  * Custom labels for the chat interface's action buttons.
188
186
  * Use this for internationalization or to better match your application's terminology.
@@ -232,7 +230,7 @@ export interface AIChatFunctions {
232
230
  updateInputMessage: (message: string) => void;
233
231
  /**
234
232
  * Resets the chat to its initial state.
235
- * Removes all messages and resets any active workflows.
233
+ * Removes all messages and resets the chat.
236
234
  */
237
235
  clearChat: () => void;
238
236
  /**