@inkeep/agents-ui 0.15.13 → 0.15.15

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 (93) hide show
  1. package/dist/index.cjs +1 -1
  2. package/dist/index.js +230 -222
  3. package/dist/primitives/atoms/icons/built-in-icons.cjs +1 -1
  4. package/dist/primitives/atoms/icons/built-in-icons.d.ts +2 -0
  5. package/dist/primitives/atoms/icons/built-in-icons.js +33 -31
  6. package/dist/primitives/atoms/icons/inkeep-default-icons.cjs +1 -1
  7. package/dist/primitives/atoms/icons/inkeep-default-icons.js +4 -1
  8. package/dist/primitives/components/chat-history/index.cjs +1 -0
  9. package/dist/primitives/components/chat-history/index.d.ts +27 -0
  10. package/dist/primitives/components/chat-history/index.js +105 -0
  11. package/dist/primitives/components/embedded-chat/use-captcha.cjs +1 -0
  12. package/dist/primitives/components/embedded-chat/use-captcha.d.ts +23 -6
  13. package/dist/primitives/components/embedded-chat/use-captcha.js +67 -0
  14. package/dist/primitives/components/embedded-chat/use-inkeep-chat.cjs +2 -2
  15. package/dist/primitives/components/embedded-chat/use-inkeep-chat.d.ts +12 -3
  16. package/dist/primitives/components/embedded-chat/use-inkeep-chat.js +252 -144
  17. package/dist/primitives/components/embedded-chat/use-stream-processor.cjs +1 -1
  18. package/dist/primitives/components/embedded-chat/use-stream-processor.d.ts +2 -0
  19. package/dist/primitives/components/embedded-chat/use-stream-processor.js +120 -70
  20. package/dist/primitives/components/embedded-chat.cjs +3 -3
  21. package/dist/primitives/components/embedded-chat.d.ts +5 -2
  22. package/dist/primitives/components/embedded-chat.js +1010 -967
  23. package/dist/primitives/components/index.cjs +1 -1
  24. package/dist/primitives/components/index.d.ts +1 -0
  25. package/dist/primitives/components/index.js +20 -18
  26. package/dist/primitives/hooks/use-anonymous-session.cjs +1 -0
  27. package/dist/primitives/hooks/use-anonymous-session.d.ts +12 -0
  28. package/dist/primitives/hooks/use-anonymous-session.js +57 -0
  29. package/dist/primitives/hooks/use-conversation-loader.cjs +1 -0
  30. package/dist/primitives/hooks/use-conversation-loader.d.ts +13 -0
  31. package/dist/primitives/hooks/use-conversation-loader.js +36 -0
  32. package/dist/primitives/hooks/use-inkeep-api-client.cjs +1 -0
  33. package/dist/primitives/hooks/use-inkeep-api-client.d.ts +33 -0
  34. package/dist/primitives/hooks/use-inkeep-api-client.js +87 -0
  35. package/dist/primitives/hooks/use-local-storage.cjs +1 -0
  36. package/dist/primitives/hooks/use-local-storage.d.ts +8 -0
  37. package/dist/primitives/hooks/use-local-storage.js +26 -0
  38. package/dist/primitives/index.cjs +1 -1
  39. package/dist/primitives/index.js +157 -151
  40. package/dist/primitives/providers/base-events-provider.cjs +1 -1
  41. package/dist/primitives/providers/base-events-provider.js +1 -1
  42. package/dist/primitives/providers/chat-history-provider.cjs +1 -0
  43. package/dist/primitives/providers/chat-history-provider.d.ts +32 -0
  44. package/dist/primitives/providers/chat-history-provider.js +105 -0
  45. package/dist/primitives/providers/index.cjs +1 -1
  46. package/dist/primitives/providers/index.d.ts +1 -0
  47. package/dist/primitives/providers/index.js +55 -52
  48. package/dist/primitives/utils/component-ids.cjs +1 -1
  49. package/dist/primitives/utils/component-ids.d.ts +32 -0
  50. package/dist/primitives/utils/component-ids.js +19 -1
  51. package/dist/primitives/utils/default-settings.cjs +1 -1
  52. package/dist/primitives/utils/default-settings.d.ts +2 -0
  53. package/dist/primitives/utils/default-settings.js +6 -4
  54. package/dist/react/chat-button.cjs +1 -1
  55. package/dist/react/chat-button.js +42 -38
  56. package/dist/react/embedded-chat.cjs +1 -1
  57. package/dist/react/embedded-chat.js +256 -230
  58. package/dist/react/index.cjs +1 -1
  59. package/dist/react/index.js +230 -222
  60. package/dist/react/sidebar-chat.cjs +1 -1
  61. package/dist/react/sidebar-chat.js +26 -22
  62. package/dist/styled/components/chat-bubble.cjs +1 -1
  63. package/dist/styled/components/chat-bubble.js +1 -1
  64. package/dist/styled/components/chat-history.cjs +1 -0
  65. package/dist/styled/components/chat-history.d.ts +15 -0
  66. package/dist/styled/components/chat-history.js +197 -0
  67. package/dist/styled/components/data-summary-group.cjs +1 -1
  68. package/dist/styled/components/data-summary-group.js +24 -24
  69. package/dist/styled/components/embedded-chat/session-loading.cjs +1 -0
  70. package/dist/styled/components/embedded-chat/session-loading.d.ts +1 -0
  71. package/dist/styled/components/embedded-chat/session-loading.js +26 -0
  72. package/dist/styled/components/embedded-chat.cjs +1 -1
  73. package/dist/styled/components/embedded-chat.d.ts +7 -1
  74. package/dist/styled/components/embedded-chat.js +615 -563
  75. package/dist/styled/components/embedded-search.cjs +1 -1
  76. package/dist/styled/components/embedded-search.js +1 -1
  77. package/dist/styled/components/index.cjs +1 -1
  78. package/dist/styled/components/index.d.ts +1 -0
  79. package/dist/styled/components/index.js +22 -20
  80. package/dist/styled/components/sidebar-chat.cjs +1 -1
  81. package/dist/styled/components/sidebar-chat.js +1 -1
  82. package/dist/styled/components/ui/recipes/ai-chat-page-wrapper.cjs +1 -1
  83. package/dist/styled/components/ui/recipes/ai-chat-page-wrapper.js +3 -2
  84. package/dist/styled/index.cjs +1 -1
  85. package/dist/styled/index.js +193 -185
  86. package/dist/styled/inkeep.css.cjs +146 -4
  87. package/dist/styled/inkeep.css.js +146 -4
  88. package/dist/types/config/ai.d.ts +17 -1
  89. package/dist/types/config/base.d.ts +21 -0
  90. package/dist/types/icons/built-in.d.ts +1 -1
  91. package/dist/types/icons/custom.d.ts +3 -0
  92. package/dist/types/js/index.d.ts +1 -1
  93. package/package.json +1 -1
@@ -571,6 +571,9 @@ video {
571
571
  .visible {
572
572
  visibility: visible;
573
573
  }
574
+ .static {
575
+ position: static;
576
+ }
574
577
  .fixed {
575
578
  position: fixed;
576
579
  }
@@ -825,6 +828,9 @@ video {
825
828
  .contents {
826
829
  display: contents;
827
830
  }
831
+ .\\!hidden {
832
+ display: none !important;
833
+ }
828
834
  .hidden {
829
835
  display: none;
830
836
  }
@@ -848,6 +854,9 @@ video {
848
854
  .h-11 {
849
855
  height: 2.75rem;
850
856
  }
857
+ .h-14 {
858
+ height: 3.5rem;
859
+ }
851
860
  .h-20 {
852
861
  height: 5rem;
853
862
  }
@@ -950,21 +959,36 @@ video {
950
959
  .w-2\\.5 {
951
960
  width: 0.625rem;
952
961
  }
962
+ .w-2\\/5 {
963
+ width: 40%;
964
+ }
965
+ .w-20 {
966
+ width: 5rem;
967
+ }
953
968
  .w-3 {
954
969
  width: 0.75rem;
955
970
  }
956
971
  .w-3\\.5 {
957
972
  width: 0.875rem;
958
973
  }
974
+ .w-3\\/4 {
975
+ width: 75%;
976
+ }
959
977
  .w-4 {
960
978
  width: 1rem;
961
979
  }
980
+ .w-4\\/6 {
981
+ width: 66.666667%;
982
+ }
962
983
  .w-40 {
963
984
  width: 10rem;
964
985
  }
965
986
  .w-5 {
966
987
  width: 1.25rem;
967
988
  }
989
+ .w-5\\/6 {
990
+ width: 83.333333%;
991
+ }
968
992
  .w-6 {
969
993
  width: 1.5rem;
970
994
  }
@@ -1134,6 +1158,15 @@ video {
1134
1158
  .animate-checkbox-check {
1135
1159
  animation: checkbox-check 200ms linear;
1136
1160
  }
1161
+ @keyframes pulse {
1162
+
1163
+ 50% {
1164
+ opacity: .5;
1165
+ }
1166
+ }
1167
+ .animate-pulse {
1168
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1169
+ }
1137
1170
  @keyframes shimmer {
1138
1171
 
1139
1172
  0% {
@@ -1638,6 +1671,9 @@ video {
1638
1671
  .pl-7 {
1639
1672
  padding-left: 1.75rem;
1640
1673
  }
1674
+ .pl-8 {
1675
+ padding-left: 2rem;
1676
+ }
1641
1677
  .pr-10 {
1642
1678
  padding-right: 2.5rem;
1643
1679
  }
@@ -2465,6 +2501,10 @@ slot {
2465
2501
  --shadow-color: #3b82f6;
2466
2502
  }
2467
2503
 
2504
+ .focus-visible\\:bg-gray-50:focus-visible {
2505
+ background-color: var(--ikp-color-gray-50);
2506
+ }
2507
+
2468
2508
  .focus-visible\\:outline-none:focus-visible {
2469
2509
  outline: 2px solid transparent;
2470
2510
  outline-offset: 2px;
@@ -2804,6 +2844,10 @@ slot {
2804
2844
  animation: slide-in-right 300ms cubic-bezier(0.05, 0.7, 0.1, 1.0);
2805
2845
  }
2806
2846
 
2847
+ .data-\\[chat-history-layout\\=sidepane\\]\\:flex-row[data-chat-history-layout="sidepane"] {
2848
+ flex-direction: row;
2849
+ }
2850
+
2807
2851
  .data-\\[input-type\\=checkbox\\]\\:flex-row[data-input-type="checkbox"] {
2808
2852
  flex-direction: row;
2809
2853
  }
@@ -2856,6 +2900,10 @@ slot {
2856
2900
  border-color: var(--ikp-color-gray-1000);
2857
2901
  }
2858
2902
 
2903
+ .data-\\[active\\]\\:bg-gray-100[data-active] {
2904
+ background-color: var(--ikp-color-gray-100);
2905
+ }
2906
+
2859
2907
  .data-\\[active\\]\\:bg-white[data-active] {
2860
2908
  --tw-bg-opacity: 1;
2861
2909
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
@@ -2912,6 +2960,10 @@ slot {
2912
2960
  padding-left: 0.25rem;
2913
2961
  }
2914
2962
 
2963
+ .data-\\[show-widget-toggle\\=\\"\\"\\]\\:pt-4[data-show-widget-toggle=""] {
2964
+ padding-top: 1rem;
2965
+ }
2966
+
2915
2967
  .data-\\[is-numeric\\=true\\]\\:text-end[data-is-numeric="true"] {
2916
2968
  text-align: end;
2917
2969
  }
@@ -3137,10 +3189,58 @@ slot {
3137
3189
  background-image: conic-gradient(transparent,var(--ikp-color-inkeep-expanded-primary-600),transparent 30%);
3138
3190
  }
3139
3191
 
3192
+ .group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:\\!block {
3193
+ display: block !important;
3194
+ }
3195
+
3196
+ .group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:\\!hidden {
3197
+ display: none !important;
3198
+ }
3199
+
3200
+ .group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:hidden {
3201
+ display: none;
3202
+ }
3203
+
3204
+ .group\\/chat-history[data-chat-history-layout="stack"] .group-data-\\[chat-history-layout\\=stack\\]\\/chat-history\\:\\!hidden {
3205
+ display: none !important;
3206
+ }
3207
+
3208
+ .group\\/chat-history[data-stack-history-open] .group-data-\\[stack-history-open\\]\\/chat-history\\:\\!hidden {
3209
+ display: none !important;
3210
+ }
3211
+
3212
+ .group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:w-64 {
3213
+ width: 16rem;
3214
+ }
3215
+
3140
3216
  .group[data-input-type="checkbox"] .group-data-\\[input-type\\=checkbox\\]\\:w-full {
3141
3217
  width: 100%;
3142
3218
  }
3143
3219
 
3220
+ .group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:min-w-0 {
3221
+ min-width: 0px;
3222
+ }
3223
+
3224
+ .group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:max-w-64 {
3225
+ max-width: 16rem;
3226
+ }
3227
+
3228
+ .group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:flex-1 {
3229
+ flex: 1 1 0%;
3230
+ }
3231
+
3232
+ .group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:shrink-0 {
3233
+ flex-shrink: 0;
3234
+ }
3235
+
3236
+ .group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:grow-0 {
3237
+ flex-grow: 0;
3238
+ }
3239
+
3240
+ .group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:basis-64 {
3241
+ flex-basis: 16rem;
3242
+ }
3243
+
3144
3244
  .group[data-input-type="checkbox"] .group-data-\\[input-type\\=checkbox\\]\\:basis-full {
3145
3245
  flex-basis: 100%;
3146
3246
  }
@@ -3155,6 +3255,14 @@ slot {
3155
3255
  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));
3156
3256
  }
3157
3257
 
3258
+ .group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:border-r {
3259
+ border-right-width: 1px;
3260
+ }
3261
+
3262
+ .group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:border-gray-200 {
3263
+ border-color: var(--ikp-color-gray-200);
3264
+ }
3265
+
3158
3266
  .group[data-expanded="true"] .group-data-\\[expanded\\=true\\]\\:opacity-0 {
3159
3267
  opacity: 0;
3160
3268
  }
@@ -3535,6 +3643,11 @@ slot {
3535
3643
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
3536
3644
  }
3537
3645
 
3646
+ .dark\\:text-white:is([data-theme="dark"] *) {
3647
+ --tw-text-opacity: 1;
3648
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
3649
+ }
3650
+
3538
3651
  .dark\\:text-white-alpha-500:is([data-theme="dark"] *) {
3539
3652
  color: var(--ikp-color-white-alpha-500);
3540
3653
  }
@@ -3555,6 +3668,10 @@ slot {
3555
3668
  color: var(--ikp-color-white-alpha-950);
3556
3669
  }
3557
3670
 
3671
+ .dark\\:opacity-60:is([data-theme="dark"] *) {
3672
+ opacity: 0.6;
3673
+ }
3674
+
3558
3675
  .dark\\:shadow-none:is([data-theme="dark"] *) {
3559
3676
  --tw-shadow: 0 0 #0000;
3560
3677
  --tw-shadow-colored: 0 0 #0000;
@@ -3661,6 +3778,10 @@ slot {
3661
3778
  outline-color: var(--ikp-color-inkeep-expanded-primary-300);
3662
3779
  }
3663
3780
 
3781
+ .dark\\:focus-visible\\:bg-gray-dark-900:focus-visible:is([data-theme="dark"] *) {
3782
+ background-color: var(--ikp-color-gray-dark-900);
3783
+ }
3784
+
3664
3785
  .dark\\:focus-visible\\:ring-white-alpha-900:focus-visible:is([data-theme="dark"] *) {
3665
3786
  --tw-ring-color: var(--ikp-color-white-alpha-900);
3666
3787
  }
@@ -3706,6 +3827,10 @@ slot {
3706
3827
  background-color: var(--ikp-color-gray-dark-700);
3707
3828
  }
3708
3829
 
3830
+ .dark\\:data-\\[active\\]\\:bg-gray-dark-800[data-active]:is([data-theme="dark"] *) {
3831
+ background-color: var(--ikp-color-gray-dark-800);
3832
+ }
3833
+
3709
3834
  .dark\\:data-\\[highlighted\\]\\:bg-gray-dark-800[data-highlighted]:is([data-theme="dark"] *) {
3710
3835
  background-color: var(--ikp-color-gray-dark-800);
3711
3836
  }
@@ -3790,6 +3915,10 @@ slot {
3790
3915
  background-image: conic-gradient(transparent,var(--ikp-color-inkeep-expanded-primary-300),transparent 30%);
3791
3916
  }
3792
3917
 
3918
+ .group\\/chat-history[data-chat-history-layout="sidepane"] .dark\\:group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:border-gray-dark-800:is([data-theme="dark"] *) {
3919
+ border-color: var(--ikp-color-gray-dark-800);
3920
+ }
3921
+
3793
3922
  .dark\\:hover\\:border-white-alpha-300:hover:not(:disabled):is([data-theme="dark"] *) {
3794
3923
  border-color: var(--ikp-color-white-alpha-300);
3795
3924
  }
@@ -3798,6 +3927,10 @@ slot {
3798
3927
  background-color: var(--ikp-color-gray-dark-800);
3799
3928
  }
3800
3929
 
3930
+ .dark\\:hover\\:bg-gray-dark-900:hover:not(:disabled):is([data-theme="dark"] *) {
3931
+ background-color: var(--ikp-color-gray-dark-900);
3932
+ }
3933
+
3801
3934
  .dark\\:hover\\:bg-inkeep-expanded-primary-200:hover:not(:disabled):is([data-theme="dark"] *) {
3802
3935
  background-color: var(--ikp-color-inkeep-expanded-primary-200);
3803
3936
  }
@@ -3826,6 +3959,11 @@ slot {
3826
3959
  color: var(--ikp-color-inkeep-expanded-primary-300);
3827
3960
  }
3828
3961
 
3962
+ .dark\\:hover\\:text-white:hover:not(:disabled):is([data-theme="dark"] *) {
3963
+ --tw-text-opacity: 1;
3964
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
3965
+ }
3966
+
3829
3967
  .dark\\:hover\\:text-white-alpha-500:hover:not(:disabled):is([data-theme="dark"] *) {
3830
3968
  color: var(--ikp-color-white-alpha-500);
3831
3969
  }
@@ -3846,6 +3984,10 @@ slot {
3846
3984
  color: var(--ikp-color-white-alpha-950);
3847
3985
  }
3848
3986
 
3987
+ .dark\\:hover\\:opacity-95:hover:not(:disabled):is([data-theme="dark"] *) {
3988
+ opacity: 0.95;
3989
+ }
3990
+
3849
3991
  .dark\\:hover\\:disabled\\:bg-white-alpha-100:disabled:hover:not(:disabled):is([data-theme="dark"] *) {
3850
3992
  background-color: var(--ikp-color-white-alpha-100);
3851
3993
  }
@@ -4031,8 +4173,8 @@ slot {
4031
4173
  height: min(800px,100%);
4032
4174
  }
4033
4175
 
4034
- .lg\\:w-\\[min\\(640px\\2c 100\\%\\)\\] {
4035
- width: min(640px,100%);
4176
+ .lg\\:w-\\[min\\(800px\\2c 100\\%\\)\\] {
4177
+ width: min(800px,100%);
4036
4178
  }
4037
4179
  }
4038
4180
 
@@ -4042,8 +4184,8 @@ slot {
4042
4184
  height: min(900px,100%);
4043
4185
  }
4044
4186
 
4045
- .\\32xl\\:w-\\[min\\(760px\\2c 100\\%\\)\\] {
4046
- width: min(760px,100%);
4187
+ .\\32xl\\:w-\\[min\\(880px\\2c 100\\%\\)\\] {
4188
+ width: min(880px,100%);
4047
4189
  }
4048
4190
  }
4049
4191
 
@@ -572,6 +572,9 @@ video {
572
572
  .visible {
573
573
  visibility: visible;
574
574
  }
575
+ .static {
576
+ position: static;
577
+ }
575
578
  .fixed {
576
579
  position: fixed;
577
580
  }
@@ -826,6 +829,9 @@ video {
826
829
  .contents {
827
830
  display: contents;
828
831
  }
832
+ .\\!hidden {
833
+ display: none !important;
834
+ }
829
835
  .hidden {
830
836
  display: none;
831
837
  }
@@ -849,6 +855,9 @@ video {
849
855
  .h-11 {
850
856
  height: 2.75rem;
851
857
  }
858
+ .h-14 {
859
+ height: 3.5rem;
860
+ }
852
861
  .h-20 {
853
862
  height: 5rem;
854
863
  }
@@ -951,21 +960,36 @@ video {
951
960
  .w-2\\.5 {
952
961
  width: 0.625rem;
953
962
  }
963
+ .w-2\\/5 {
964
+ width: 40%;
965
+ }
966
+ .w-20 {
967
+ width: 5rem;
968
+ }
954
969
  .w-3 {
955
970
  width: 0.75rem;
956
971
  }
957
972
  .w-3\\.5 {
958
973
  width: 0.875rem;
959
974
  }
975
+ .w-3\\/4 {
976
+ width: 75%;
977
+ }
960
978
  .w-4 {
961
979
  width: 1rem;
962
980
  }
981
+ .w-4\\/6 {
982
+ width: 66.666667%;
983
+ }
963
984
  .w-40 {
964
985
  width: 10rem;
965
986
  }
966
987
  .w-5 {
967
988
  width: 1.25rem;
968
989
  }
990
+ .w-5\\/6 {
991
+ width: 83.333333%;
992
+ }
969
993
  .w-6 {
970
994
  width: 1.5rem;
971
995
  }
@@ -1135,6 +1159,15 @@ video {
1135
1159
  .animate-checkbox-check {
1136
1160
  animation: checkbox-check 200ms linear;
1137
1161
  }
1162
+ @keyframes pulse {
1163
+
1164
+ 50% {
1165
+ opacity: .5;
1166
+ }
1167
+ }
1168
+ .animate-pulse {
1169
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1170
+ }
1138
1171
  @keyframes shimmer {
1139
1172
 
1140
1173
  0% {
@@ -1639,6 +1672,9 @@ video {
1639
1672
  .pl-7 {
1640
1673
  padding-left: 1.75rem;
1641
1674
  }
1675
+ .pl-8 {
1676
+ padding-left: 2rem;
1677
+ }
1642
1678
  .pr-10 {
1643
1679
  padding-right: 2.5rem;
1644
1680
  }
@@ -2466,6 +2502,10 @@ slot {
2466
2502
  --shadow-color: #3b82f6;
2467
2503
  }
2468
2504
 
2505
+ .focus-visible\\:bg-gray-50:focus-visible {
2506
+ background-color: var(--ikp-color-gray-50);
2507
+ }
2508
+
2469
2509
  .focus-visible\\:outline-none:focus-visible {
2470
2510
  outline: 2px solid transparent;
2471
2511
  outline-offset: 2px;
@@ -2805,6 +2845,10 @@ slot {
2805
2845
  animation: slide-in-right 300ms cubic-bezier(0.05, 0.7, 0.1, 1.0);
2806
2846
  }
2807
2847
 
2848
+ .data-\\[chat-history-layout\\=sidepane\\]\\:flex-row[data-chat-history-layout="sidepane"] {
2849
+ flex-direction: row;
2850
+ }
2851
+
2808
2852
  .data-\\[input-type\\=checkbox\\]\\:flex-row[data-input-type="checkbox"] {
2809
2853
  flex-direction: row;
2810
2854
  }
@@ -2857,6 +2901,10 @@ slot {
2857
2901
  border-color: var(--ikp-color-gray-1000);
2858
2902
  }
2859
2903
 
2904
+ .data-\\[active\\]\\:bg-gray-100[data-active] {
2905
+ background-color: var(--ikp-color-gray-100);
2906
+ }
2907
+
2860
2908
  .data-\\[active\\]\\:bg-white[data-active] {
2861
2909
  --tw-bg-opacity: 1;
2862
2910
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
@@ -2913,6 +2961,10 @@ slot {
2913
2961
  padding-left: 0.25rem;
2914
2962
  }
2915
2963
 
2964
+ .data-\\[show-widget-toggle\\=\\"\\"\\]\\:pt-4[data-show-widget-toggle=""] {
2965
+ padding-top: 1rem;
2966
+ }
2967
+
2916
2968
  .data-\\[is-numeric\\=true\\]\\:text-end[data-is-numeric="true"] {
2917
2969
  text-align: end;
2918
2970
  }
@@ -3138,10 +3190,58 @@ slot {
3138
3190
  background-image: conic-gradient(transparent,var(--ikp-color-inkeep-expanded-primary-600),transparent 30%);
3139
3191
  }
3140
3192
 
3193
+ .group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:\\!block {
3194
+ display: block !important;
3195
+ }
3196
+
3197
+ .group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:\\!hidden {
3198
+ display: none !important;
3199
+ }
3200
+
3201
+ .group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:hidden {
3202
+ display: none;
3203
+ }
3204
+
3205
+ .group\\/chat-history[data-chat-history-layout="stack"] .group-data-\\[chat-history-layout\\=stack\\]\\/chat-history\\:\\!hidden {
3206
+ display: none !important;
3207
+ }
3208
+
3209
+ .group\\/chat-history[data-stack-history-open] .group-data-\\[stack-history-open\\]\\/chat-history\\:\\!hidden {
3210
+ display: none !important;
3211
+ }
3212
+
3213
+ .group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:w-64 {
3214
+ width: 16rem;
3215
+ }
3216
+
3141
3217
  .group[data-input-type="checkbox"] .group-data-\\[input-type\\=checkbox\\]\\:w-full {
3142
3218
  width: 100%;
3143
3219
  }
3144
3220
 
3221
+ .group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:min-w-0 {
3222
+ min-width: 0px;
3223
+ }
3224
+
3225
+ .group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:max-w-64 {
3226
+ max-width: 16rem;
3227
+ }
3228
+
3229
+ .group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:flex-1 {
3230
+ flex: 1 1 0%;
3231
+ }
3232
+
3233
+ .group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:shrink-0 {
3234
+ flex-shrink: 0;
3235
+ }
3236
+
3237
+ .group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:grow-0 {
3238
+ flex-grow: 0;
3239
+ }
3240
+
3241
+ .group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:basis-64 {
3242
+ flex-basis: 16rem;
3243
+ }
3244
+
3145
3245
  .group[data-input-type="checkbox"] .group-data-\\[input-type\\=checkbox\\]\\:basis-full {
3146
3246
  flex-basis: 100%;
3147
3247
  }
@@ -3156,6 +3256,14 @@ slot {
3156
3256
  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));
3157
3257
  }
3158
3258
 
3259
+ .group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:border-r {
3260
+ border-right-width: 1px;
3261
+ }
3262
+
3263
+ .group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:border-gray-200 {
3264
+ border-color: var(--ikp-color-gray-200);
3265
+ }
3266
+
3159
3267
  .group[data-expanded="true"] .group-data-\\[expanded\\=true\\]\\:opacity-0 {
3160
3268
  opacity: 0;
3161
3269
  }
@@ -3536,6 +3644,11 @@ slot {
3536
3644
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
3537
3645
  }
3538
3646
 
3647
+ .dark\\:text-white:is([data-theme="dark"] *) {
3648
+ --tw-text-opacity: 1;
3649
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
3650
+ }
3651
+
3539
3652
  .dark\\:text-white-alpha-500:is([data-theme="dark"] *) {
3540
3653
  color: var(--ikp-color-white-alpha-500);
3541
3654
  }
@@ -3556,6 +3669,10 @@ slot {
3556
3669
  color: var(--ikp-color-white-alpha-950);
3557
3670
  }
3558
3671
 
3672
+ .dark\\:opacity-60:is([data-theme="dark"] *) {
3673
+ opacity: 0.6;
3674
+ }
3675
+
3559
3676
  .dark\\:shadow-none:is([data-theme="dark"] *) {
3560
3677
  --tw-shadow: 0 0 #0000;
3561
3678
  --tw-shadow-colored: 0 0 #0000;
@@ -3662,6 +3779,10 @@ slot {
3662
3779
  outline-color: var(--ikp-color-inkeep-expanded-primary-300);
3663
3780
  }
3664
3781
 
3782
+ .dark\\:focus-visible\\:bg-gray-dark-900:focus-visible:is([data-theme="dark"] *) {
3783
+ background-color: var(--ikp-color-gray-dark-900);
3784
+ }
3785
+
3665
3786
  .dark\\:focus-visible\\:ring-white-alpha-900:focus-visible:is([data-theme="dark"] *) {
3666
3787
  --tw-ring-color: var(--ikp-color-white-alpha-900);
3667
3788
  }
@@ -3707,6 +3828,10 @@ slot {
3707
3828
  background-color: var(--ikp-color-gray-dark-700);
3708
3829
  }
3709
3830
 
3831
+ .dark\\:data-\\[active\\]\\:bg-gray-dark-800[data-active]:is([data-theme="dark"] *) {
3832
+ background-color: var(--ikp-color-gray-dark-800);
3833
+ }
3834
+
3710
3835
  .dark\\:data-\\[highlighted\\]\\:bg-gray-dark-800[data-highlighted]:is([data-theme="dark"] *) {
3711
3836
  background-color: var(--ikp-color-gray-dark-800);
3712
3837
  }
@@ -3791,6 +3916,10 @@ slot {
3791
3916
  background-image: conic-gradient(transparent,var(--ikp-color-inkeep-expanded-primary-300),transparent 30%);
3792
3917
  }
3793
3918
 
3919
+ .group\\/chat-history[data-chat-history-layout="sidepane"] .dark\\:group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:border-gray-dark-800:is([data-theme="dark"] *) {
3920
+ border-color: var(--ikp-color-gray-dark-800);
3921
+ }
3922
+
3794
3923
  .dark\\:hover\\:border-white-alpha-300:hover:not(:disabled):is([data-theme="dark"] *) {
3795
3924
  border-color: var(--ikp-color-white-alpha-300);
3796
3925
  }
@@ -3799,6 +3928,10 @@ slot {
3799
3928
  background-color: var(--ikp-color-gray-dark-800);
3800
3929
  }
3801
3930
 
3931
+ .dark\\:hover\\:bg-gray-dark-900:hover:not(:disabled):is([data-theme="dark"] *) {
3932
+ background-color: var(--ikp-color-gray-dark-900);
3933
+ }
3934
+
3802
3935
  .dark\\:hover\\:bg-inkeep-expanded-primary-200:hover:not(:disabled):is([data-theme="dark"] *) {
3803
3936
  background-color: var(--ikp-color-inkeep-expanded-primary-200);
3804
3937
  }
@@ -3827,6 +3960,11 @@ slot {
3827
3960
  color: var(--ikp-color-inkeep-expanded-primary-300);
3828
3961
  }
3829
3962
 
3963
+ .dark\\:hover\\:text-white:hover:not(:disabled):is([data-theme="dark"] *) {
3964
+ --tw-text-opacity: 1;
3965
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
3966
+ }
3967
+
3830
3968
  .dark\\:hover\\:text-white-alpha-500:hover:not(:disabled):is([data-theme="dark"] *) {
3831
3969
  color: var(--ikp-color-white-alpha-500);
3832
3970
  }
@@ -3847,6 +3985,10 @@ slot {
3847
3985
  color: var(--ikp-color-white-alpha-950);
3848
3986
  }
3849
3987
 
3988
+ .dark\\:hover\\:opacity-95:hover:not(:disabled):is([data-theme="dark"] *) {
3989
+ opacity: 0.95;
3990
+ }
3991
+
3850
3992
  .dark\\:hover\\:disabled\\:bg-white-alpha-100:disabled:hover:not(:disabled):is([data-theme="dark"] *) {
3851
3993
  background-color: var(--ikp-color-white-alpha-100);
3852
3994
  }
@@ -4032,8 +4174,8 @@ slot {
4032
4174
  height: min(800px,100%);
4033
4175
  }
4034
4176
 
4035
- .lg\\:w-\\[min\\(640px\\2c 100\\%\\)\\] {
4036
- width: min(640px,100%);
4177
+ .lg\\:w-\\[min\\(800px\\2c 100\\%\\)\\] {
4178
+ width: min(800px,100%);
4037
4179
  }
4038
4180
  }
4039
4181
 
@@ -4043,8 +4185,8 @@ slot {
4043
4185
  height: min(900px,100%);
4044
4186
  }
4045
4187
 
4046
- .\\32xl\\:w-\\[min\\(760px\\2c 100\\%\\)\\] {
4047
- width: min(760px,100%);
4188
+ .\\32xl\\:w-\\[min\\(880px\\2c 100\\%\\)\\] {
4189
+ width: min(880px,100%);
4048
4190
  }
4049
4191
  }
4050
4192
 
@@ -8,10 +8,21 @@ export interface InkeepAIChatSettings {
8
8
  */
9
9
  headers?: Record<string, string>;
10
10
  /**
11
- * API key for requests
11
+ * App ID for requests, can be generated in the Inkeep dashboard
12
+ */
13
+ appId?: string;
14
+ /**
15
+ * Base API URL for token exchange, captcha challenge, and the chat run api
16
+ * @default https://api.agents.inkeep.com
17
+ */
18
+ baseUrl?: string;
19
+ /**
20
+ * @deprecated Use `appId` instead
21
+ * API key for requests.
12
22
  */
13
23
  apiKey?: string;
14
24
  /**
25
+ * @deprecated Use `baseUrl` instead
15
26
  * Agent URL for chatstream API.
16
27
  */
17
28
  agentUrl?: string;
@@ -124,6 +135,11 @@ export interface InkeepAIChatSettings {
124
135
  * @default undefined (private)
125
136
  */
126
137
  conversationVisibility?: 'public' | 'private';
138
+ /**
139
+ * Controls the visibility of the chat history button, which opens the list of previous chats.
140
+ * @default true
141
+ */
142
+ isChatHistoryButtonVisible?: boolean;
127
143
  /**
128
144
  * Configuration for the chat's disclaimer message.
129
145
  * Use this to display important notices about AI limitations or data usage.
@@ -5,6 +5,23 @@ import { UserProvidedColorScheme, IkpTheme } from '../theme';
5
5
  import { TransformSource } from '../sources';
6
6
  import { ColorModeProviderProps } from '../color-mode';
7
7
  import { SearchAndChatFilters } from './filters';
8
+ export interface PrivacyPreferences {
9
+ /**
10
+ * Whether to opt out of analytical cookies.
11
+ * @default false
12
+ */
13
+ optOutAnalyticalCookies?: boolean;
14
+ /**
15
+ * Whether to opt out of all analytics.
16
+ * @default false
17
+ */
18
+ optOutAllAnalytics?: boolean;
19
+ /**
20
+ * Whether to opt out of functional cookies.
21
+ * @default false
22
+ */
23
+ optOutFunctionalCookies?: boolean;
24
+ }
8
25
  export interface InkeepBaseSettings {
9
26
  /**
10
27
  * The display name of your organization that will be shown in various UI elements.
@@ -70,6 +87,10 @@ export interface InkeepBaseSettings {
70
87
  * @default false
71
88
  */
72
89
  shouldBypassCaptcha?: boolean;
90
+ /**
91
+ * Privacy and cookie preferences configuration.
92
+ */
93
+ privacyPreferences?: PrivacyPreferences;
73
94
  /**
74
95
  * Function to transform source data before display.
75
96
  *
@@ -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' | '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';