@inkeep/agents-ui 0.15.12 → 0.15.14

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 (116) hide show
  1. package/dist/index.cjs +1 -1
  2. package/dist/index.js +230 -220
  3. package/dist/primitives/atoms/combobox.cjs +1 -0
  4. package/dist/primitives/atoms/combobox.js +275 -0
  5. package/dist/primitives/atoms/icons/built-in-icons.cjs +1 -1
  6. package/dist/primitives/atoms/icons/built-in-icons.d.ts +2 -0
  7. package/dist/primitives/atoms/icons/built-in-icons.js +33 -31
  8. package/dist/primitives/atoms/icons/inkeep-default-icons.cjs +1 -1
  9. package/dist/primitives/atoms/icons/inkeep-default-icons.js +4 -1
  10. package/dist/primitives/components/chat-history/index.cjs +1 -0
  11. package/dist/primitives/components/chat-history/index.d.ts +27 -0
  12. package/dist/primitives/components/chat-history/index.js +105 -0
  13. package/dist/primitives/components/embedded-chat/use-captcha.cjs +1 -0
  14. package/dist/primitives/components/embedded-chat/use-captcha.d.ts +23 -6
  15. package/dist/primitives/components/embedded-chat/use-captcha.js +67 -0
  16. package/dist/primitives/components/embedded-chat/use-inkeep-chat.cjs +2 -2
  17. package/dist/primitives/components/embedded-chat/use-inkeep-chat.d.ts +12 -3
  18. package/dist/primitives/components/embedded-chat/use-inkeep-chat.js +252 -144
  19. package/dist/primitives/components/embedded-chat/use-stream-processor.cjs +1 -1
  20. package/dist/primitives/components/embedded-chat/use-stream-processor.d.ts +2 -0
  21. package/dist/primitives/components/embedded-chat/use-stream-processor.js +127 -90
  22. package/dist/primitives/components/embedded-chat.cjs +4 -4
  23. package/dist/primitives/components/embedded-chat.d.ts +26 -2
  24. package/dist/primitives/components/embedded-chat.js +1304 -1149
  25. package/dist/primitives/components/index.cjs +1 -1
  26. package/dist/primitives/components/index.d.ts +1 -0
  27. package/dist/primitives/components/index.js +20 -18
  28. package/dist/primitives/hooks/use-anonymous-session.cjs +1 -0
  29. package/dist/primitives/hooks/use-anonymous-session.d.ts +12 -0
  30. package/dist/primitives/hooks/use-anonymous-session.js +57 -0
  31. package/dist/primitives/hooks/use-conversation-loader.cjs +1 -0
  32. package/dist/primitives/hooks/use-conversation-loader.d.ts +13 -0
  33. package/dist/primitives/hooks/use-conversation-loader.js +36 -0
  34. package/dist/primitives/hooks/use-inkeep-api-client.cjs +1 -0
  35. package/dist/primitives/hooks/use-inkeep-api-client.d.ts +33 -0
  36. package/dist/primitives/hooks/use-inkeep-api-client.js +87 -0
  37. package/dist/primitives/hooks/use-local-storage.cjs +1 -0
  38. package/dist/primitives/hooks/use-local-storage.d.ts +8 -0
  39. package/dist/primitives/hooks/use-local-storage.js +26 -0
  40. package/dist/primitives/hooks/use-simple-scroll.cjs +1 -1
  41. package/dist/primitives/hooks/use-simple-scroll.d.ts +12 -1
  42. package/dist/primitives/hooks/use-simple-scroll.js +45 -12
  43. package/dist/primitives/index.cjs +1 -1
  44. package/dist/primitives/index.js +157 -151
  45. package/dist/primitives/providers/base-events-provider.cjs +1 -1
  46. package/dist/primitives/providers/base-events-provider.js +1 -1
  47. package/dist/primitives/providers/chat-history-provider.cjs +1 -0
  48. package/dist/primitives/providers/chat-history-provider.d.ts +32 -0
  49. package/dist/primitives/providers/chat-history-provider.js +105 -0
  50. package/dist/primitives/providers/index.cjs +1 -1
  51. package/dist/primitives/providers/index.d.ts +1 -0
  52. package/dist/primitives/providers/index.js +55 -52
  53. package/dist/primitives/utils/component-ids.cjs +1 -1
  54. package/dist/primitives/utils/component-ids.d.ts +56 -0
  55. package/dist/primitives/utils/component-ids.js +31 -1
  56. package/dist/primitives/utils/default-settings.cjs +1 -1
  57. package/dist/primitives/utils/default-settings.d.ts +2 -0
  58. package/dist/primitives/utils/default-settings.js +6 -4
  59. package/dist/primitives/utils/form.cjs +1 -1
  60. package/dist/primitives/utils/form.d.ts +1 -1
  61. package/dist/primitives/utils/form.js +3 -1
  62. package/dist/react/chat-button-modal.cjs +1 -0
  63. package/dist/react/chat-button-modal.d.ts +22 -0
  64. package/dist/react/chat-button-modal.js +41 -0
  65. package/dist/react/chat-button.cjs +1 -1
  66. package/dist/react/chat-button.js +42 -38
  67. package/dist/react/embedded-chat.cjs +1 -1
  68. package/dist/react/embedded-chat.js +285 -240
  69. package/dist/react/index.cjs +1 -1
  70. package/dist/react/index.d.ts +1 -0
  71. package/dist/react/index.js +230 -220
  72. package/dist/react/sidebar-chat.cjs +1 -1
  73. package/dist/react/sidebar-chat.js +26 -22
  74. package/dist/styled/components/chat-bubble.cjs +1 -1
  75. package/dist/styled/components/chat-bubble.js +1 -1
  76. package/dist/styled/components/chat-history.cjs +1 -0
  77. package/dist/styled/components/chat-history.d.ts +15 -0
  78. package/dist/styled/components/chat-history.js +197 -0
  79. package/dist/styled/components/data-summary-group.cjs +1 -1
  80. package/dist/styled/components/data-summary-group.js +24 -24
  81. package/dist/styled/components/embedded-chat/session-loading.cjs +1 -0
  82. package/dist/styled/components/embedded-chat/session-loading.d.ts +1 -0
  83. package/dist/styled/components/embedded-chat/session-loading.js +26 -0
  84. package/dist/styled/components/embedded-chat.cjs +1 -1
  85. package/dist/styled/components/embedded-chat.d.ts +22 -1
  86. package/dist/styled/components/embedded-chat.js +735 -565
  87. package/dist/styled/components/embedded-search.cjs +1 -1
  88. package/dist/styled/components/embedded-search.js +1 -1
  89. package/dist/styled/components/index.cjs +1 -1
  90. package/dist/styled/components/index.d.ts +1 -0
  91. package/dist/styled/components/index.js +22 -20
  92. package/dist/styled/components/message.cjs +1 -1
  93. package/dist/styled/components/message.js +191 -183
  94. package/dist/styled/components/sidebar-chat.cjs +1 -1
  95. package/dist/styled/components/sidebar-chat.js +1 -1
  96. package/dist/styled/components/ui/recipes/ai-chat-page-wrapper.cjs +1 -1
  97. package/dist/styled/components/ui/recipes/ai-chat-page-wrapper.js +3 -2
  98. package/dist/styled/components/ui/recipes/combobox.cjs +1 -0
  99. package/dist/styled/components/ui/recipes/combobox.d.ts +4 -0
  100. package/dist/styled/components/ui/recipes/combobox.js +57 -0
  101. package/dist/styled/components/ui/recipes/index.cjs +1 -1
  102. package/dist/styled/components/ui/recipes/index.d.ts +1 -0
  103. package/dist/styled/components/ui/recipes/index.js +29 -27
  104. package/dist/styled/components/ui/recipes/modal.d.ts +1 -1
  105. package/dist/styled/components/ui/recipes/scrollable.d.ts +1 -1
  106. package/dist/styled/components/ui/recipes/select.d.ts +1 -1
  107. package/dist/styled/index.cjs +1 -1
  108. package/dist/styled/index.js +193 -185
  109. package/dist/styled/inkeep.css.cjs +328 -6
  110. package/dist/styled/inkeep.css.js +328 -6
  111. package/dist/types/config/ai.d.ts +17 -1
  112. package/dist/types/config/base.d.ts +21 -0
  113. package/dist/types/config/settings/form.d.ts +9 -1
  114. package/dist/types/icons/built-in.d.ts +1 -1
  115. package/dist/types/icons/custom.d.ts +3 -0
  116. package/package.json +6 -5
@@ -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
  }
@@ -837,6 +843,9 @@ video {
837
843
  width: 2.25rem;
838
844
  height: 2.25rem;
839
845
  }
846
+ .\\!h-auto {
847
+ height: auto !important;
848
+ }
840
849
  .h-0 {
841
850
  height: 0px;
842
851
  }
@@ -846,6 +855,9 @@ video {
846
855
  .h-11 {
847
856
  height: 2.75rem;
848
857
  }
858
+ .h-14 {
859
+ height: 3.5rem;
860
+ }
849
861
  .h-20 {
850
862
  height: 5rem;
851
863
  }
@@ -909,6 +921,9 @@ video {
909
921
  .max-h-\\[200px\\] {
910
922
  max-height: 200px;
911
923
  }
924
+ .max-h-\\[min\\(24rem\\2c var\\(--available-height\\)\\)\\] {
925
+ max-height: min(24rem,var(--available-height));
926
+ }
912
927
  .max-h-\\[min\\(85vh\\2c 850px\\)\\] {
913
928
  max-height: min(85vh,850px);
914
929
  }
@@ -945,21 +960,36 @@ video {
945
960
  .w-2\\.5 {
946
961
  width: 0.625rem;
947
962
  }
963
+ .w-2\\/5 {
964
+ width: 40%;
965
+ }
966
+ .w-20 {
967
+ width: 5rem;
968
+ }
948
969
  .w-3 {
949
970
  width: 0.75rem;
950
971
  }
951
972
  .w-3\\.5 {
952
973
  width: 0.875rem;
953
974
  }
975
+ .w-3\\/4 {
976
+ width: 75%;
977
+ }
954
978
  .w-4 {
955
979
  width: 1rem;
956
980
  }
981
+ .w-4\\/6 {
982
+ width: 66.666667%;
983
+ }
957
984
  .w-40 {
958
985
  width: 10rem;
959
986
  }
960
987
  .w-5 {
961
988
  width: 1.25rem;
962
989
  }
990
+ .w-5\\/6 {
991
+ width: 83.333333%;
992
+ }
963
993
  .w-6 {
964
994
  width: 1.5rem;
965
995
  }
@@ -1021,6 +1051,9 @@ video {
1021
1051
  .min-w-\\[var\\(--radix-select-trigger-width\\)\\] {
1022
1052
  min-width: var(--radix-select-trigger-width);
1023
1053
  }
1054
+ .min-w-\\[var\\(--reference-width\\2c 8rem\\)\\] {
1055
+ min-width: var(--reference-width,8rem);
1056
+ }
1024
1057
  .max-w-2xl {
1025
1058
  max-width: 42rem;
1026
1059
  }
@@ -1042,6 +1075,9 @@ video {
1042
1075
  .flex-\\[0_0_100\\%\\] {
1043
1076
  flex: 0 0 100%;
1044
1077
  }
1078
+ .flex-shrink {
1079
+ flex-shrink: 1;
1080
+ }
1045
1081
  .flex-shrink-0 {
1046
1082
  flex-shrink: 0;
1047
1083
  }
@@ -1051,6 +1087,9 @@ video {
1051
1087
  .shrink-0 {
1052
1088
  flex-shrink: 0;
1053
1089
  }
1090
+ .flex-grow-0 {
1091
+ flex-grow: 0;
1092
+ }
1054
1093
  .grow-0 {
1055
1094
  flex-grow: 0;
1056
1095
  }
@@ -1120,6 +1159,15 @@ video {
1120
1159
  .animate-checkbox-check {
1121
1160
  animation: checkbox-check 200ms linear;
1122
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
+ }
1123
1171
  @keyframes shimmer {
1124
1172
 
1125
1173
  0% {
@@ -1320,6 +1368,9 @@ video {
1320
1368
  .justify-self-center {
1321
1369
  justify-self: center;
1322
1370
  }
1371
+ .overflow-auto {
1372
+ overflow: auto;
1373
+ }
1323
1374
  .overflow-hidden {
1324
1375
  overflow: hidden;
1325
1376
  }
@@ -1391,6 +1442,9 @@ video {
1391
1442
  .border {
1392
1443
  border-width: 1px;
1393
1444
  }
1445
+ .border-0 {
1446
+ border-width: 0px;
1447
+ }
1394
1448
  .border-2 {
1395
1449
  border-width: 2px;
1396
1450
  }
@@ -1618,6 +1672,9 @@ video {
1618
1672
  .pl-7 {
1619
1673
  padding-left: 1.75rem;
1620
1674
  }
1675
+ .pl-8 {
1676
+ padding-left: 2rem;
1677
+ }
1621
1678
  .pr-10 {
1622
1679
  padding-right: 2.5rem;
1623
1680
  }
@@ -2445,6 +2502,10 @@ slot {
2445
2502
  --shadow-color: #3b82f6;
2446
2503
  }
2447
2504
 
2505
+ .focus-visible\\:bg-gray-50:focus-visible {
2506
+ background-color: var(--ikp-color-gray-50);
2507
+ }
2508
+
2448
2509
  .focus-visible\\:outline-none:focus-visible {
2449
2510
  outline: 2px solid transparent;
2450
2511
  outline-offset: 2px;
@@ -2544,6 +2605,10 @@ slot {
2544
2605
  opacity: 1;
2545
2606
  }
2546
2607
 
2608
+ .group:disabled .group-disabled\\:opacity-60 {
2609
+ opacity: 0.6;
2610
+ }
2611
+
2547
2612
  .has-\\[\\[data-dual-pane-search-expanded\\]\\]\\:w-\\[min\\(90vw\\2c 1000px\\)\\]:has([data-dual-pane-search-expanded]) {
2548
2613
  width: min(90vw,1000px);
2549
2614
  }
@@ -2780,10 +2845,18 @@ slot {
2780
2845
  animation: slide-in-right 300ms cubic-bezier(0.05, 0.7, 0.1, 1.0);
2781
2846
  }
2782
2847
 
2848
+ .data-\\[chat-history-layout\\=sidepane\\]\\:flex-row[data-chat-history-layout="sidepane"] {
2849
+ flex-direction: row;
2850
+ }
2851
+
2783
2852
  .data-\\[input-type\\=checkbox\\]\\:flex-row[data-input-type="checkbox"] {
2784
2853
  flex-direction: row;
2785
2854
  }
2786
2855
 
2856
+ .data-\\[input-type\\=checkbox\\]\\:flex-wrap[data-input-type="checkbox"] {
2857
+ flex-wrap: wrap;
2858
+ }
2859
+
2787
2860
  .data-\\[role\\=user\\]\\:items-end[data-role="user"] {
2788
2861
  align-items: flex-end;
2789
2862
  }
@@ -2828,11 +2901,19 @@ slot {
2828
2901
  border-color: var(--ikp-color-gray-1000);
2829
2902
  }
2830
2903
 
2904
+ .data-\\[active\\]\\:bg-gray-100[data-active] {
2905
+ background-color: var(--ikp-color-gray-100);
2906
+ }
2907
+
2831
2908
  .data-\\[active\\]\\:bg-white[data-active] {
2832
2909
  --tw-bg-opacity: 1;
2833
2910
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
2834
2911
  }
2835
2912
 
2913
+ .data-\\[highlighted\\]\\:bg-gray-100[data-highlighted] {
2914
+ background-color: var(--ikp-color-gray-100);
2915
+ }
2916
+
2836
2917
  .data-\\[role\\=user\\]\\:bg-gray-100[data-role="user"] {
2837
2918
  background-color: var(--ikp-color-gray-100);
2838
2919
  }
@@ -2880,6 +2961,10 @@ slot {
2880
2961
  padding-left: 0.25rem;
2881
2962
  }
2882
2963
 
2964
+ .data-\\[show-widget-toggle\\=\\"\\"\\]\\:pt-4[data-show-widget-toggle=""] {
2965
+ padding-top: 1rem;
2966
+ }
2967
+
2883
2968
  .data-\\[is-numeric\\=true\\]\\:text-end[data-is-numeric="true"] {
2884
2969
  text-align: end;
2885
2970
  }
@@ -2888,6 +2973,10 @@ slot {
2888
2973
  font-weight: 600;
2889
2974
  }
2890
2975
 
2976
+ .data-\\[state\\=checked\\]\\:font-medium[data-state="checked"] {
2977
+ font-weight: 500;
2978
+ }
2979
+
2891
2980
  .data-\\[active\\]\\:text-gray-600[data-active] {
2892
2981
  color: var(--ikp-color-gray-600);
2893
2982
  }
@@ -2939,6 +3028,18 @@ slot {
2939
3028
  color: var(--ikp-color-inkeep-primary-medium);
2940
3029
  }
2941
3030
 
3031
+ .data-\\[invalid\\]\\:placeholder-opacity-80[data-invalid]::-moz-placeholder {
3032
+ --tw-placeholder-opacity: 0.8;
3033
+ }
3034
+
3035
+ .data-\\[invalid\\]\\:placeholder-opacity-80[data-invalid]::placeholder {
3036
+ --tw-placeholder-opacity: 0.8;
3037
+ }
3038
+
3039
+ .data-\\[disabled\\]\\:opacity-30[data-disabled] {
3040
+ opacity: 0.3;
3041
+ }
3042
+
2942
3043
  .data-\\[disabled\\]\\:opacity-50[data-disabled] {
2943
3044
  opacity: 0.5;
2944
3045
  }
@@ -3089,6 +3190,62 @@ slot {
3089
3190
  background-image: conic-gradient(transparent,var(--ikp-color-inkeep-expanded-primary-600),transparent 30%);
3090
3191
  }
3091
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
+
3217
+ .group[data-input-type="checkbox"] .group-data-\\[input-type\\=checkbox\\]\\:w-full {
3218
+ width: 100%;
3219
+ }
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
+
3245
+ .group[data-input-type="checkbox"] .group-data-\\[input-type\\=checkbox\\]\\:basis-full {
3246
+ flex-basis: 100%;
3247
+ }
3248
+
3092
3249
  .group[data-expanded="true"] .group-data-\\[expanded\\=true\\]\\:rotate-180 {
3093
3250
  --tw-rotate: 180deg;
3094
3251
  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));
@@ -3099,6 +3256,14 @@ slot {
3099
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));
3100
3257
  }
3101
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
+
3102
3267
  .group[data-expanded="true"] .group-data-\\[expanded\\=true\\]\\:opacity-0 {
3103
3268
  opacity: 0;
3104
3269
  }
@@ -3479,6 +3644,11 @@ slot {
3479
3644
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
3480
3645
  }
3481
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
+
3482
3652
  .dark\\:text-white-alpha-500:is([data-theme="dark"] *) {
3483
3653
  color: var(--ikp-color-white-alpha-500);
3484
3654
  }
@@ -3499,6 +3669,10 @@ slot {
3499
3669
  color: var(--ikp-color-white-alpha-950);
3500
3670
  }
3501
3671
 
3672
+ .dark\\:opacity-60:is([data-theme="dark"] *) {
3673
+ opacity: 0.6;
3674
+ }
3675
+
3502
3676
  .dark\\:shadow-none:is([data-theme="dark"] *) {
3503
3677
  --tw-shadow: 0 0 #0000;
3504
3678
  --tw-shadow-colored: 0 0 #0000;
@@ -3554,6 +3728,14 @@ slot {
3554
3728
  color: var(--ikp-color-gray-dark-200);
3555
3729
  }
3556
3730
 
3731
+ .dark\\:placeholder\\:text-gray-dark-500:is([data-theme="dark"] *)::-moz-placeholder {
3732
+ color: var(--ikp-color-gray-dark-500);
3733
+ }
3734
+
3735
+ .dark\\:placeholder\\:text-gray-dark-500:is([data-theme="dark"] *)::placeholder {
3736
+ color: var(--ikp-color-gray-dark-500);
3737
+ }
3738
+
3557
3739
  .dark\\:before\\:bg-gray-dark-950:is([data-theme="dark"] *)::before {
3558
3740
  content: var(--tw-content);
3559
3741
  background-color: var(--ikp-color-gray-dark-950);
@@ -3597,6 +3779,10 @@ slot {
3597
3779
  outline-color: var(--ikp-color-inkeep-expanded-primary-300);
3598
3780
  }
3599
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
+
3600
3786
  .dark\\:focus-visible\\:ring-white-alpha-900:focus-visible:is([data-theme="dark"] *) {
3601
3787
  --tw-ring-color: var(--ikp-color-white-alpha-900);
3602
3788
  }
@@ -3621,8 +3807,9 @@ slot {
3621
3807
  background-color: var(--ikp-color-white-alpha-400);
3622
3808
  }
3623
3809
 
3624
- .dark\\:disabled\\:text-white-alpha-200:disabled:is([data-theme="dark"] *) {
3625
- color: var(--ikp-color-white-alpha-200);
3810
+ .dark\\:disabled\\:text-white:disabled:is([data-theme="dark"] *) {
3811
+ --tw-text-opacity: 1;
3812
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
3626
3813
  }
3627
3814
 
3628
3815
  .group:hover .dark\\:group-hover\\:text-white-alpha-600:is([data-theme="dark"] *) {
@@ -3641,6 +3828,14 @@ slot {
3641
3828
  background-color: var(--ikp-color-gray-dark-700);
3642
3829
  }
3643
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
+
3835
+ .dark\\:data-\\[highlighted\\]\\:bg-gray-dark-800[data-highlighted]:is([data-theme="dark"] *) {
3836
+ background-color: var(--ikp-color-gray-dark-800);
3837
+ }
3838
+
3644
3839
  .dark\\:data-\\[state\\=active\\]\\:bg-white-alpha-100[data-state="active"]:is([data-theme="dark"] *) {
3645
3840
  background-color: var(--ikp-color-white-alpha-100);
3646
3841
  }
@@ -3712,11 +3907,19 @@ slot {
3712
3907
  color: var(--ikp-color-gray-dark-950);
3713
3908
  }
3714
3909
 
3910
+ .dark\\:data-\\[required\\]\\:after\\:\\[content\\:\\"\\*\\"\\][data-required]:is([data-theme="dark"] *)::after {
3911
+ content: "*";
3912
+ }
3913
+
3715
3914
  .dark\\:data-\\[highlight\\]\\:first\\:before\\:\\[background-image\\:conic-gradient\\(transparent\\2c theme\\(colors\\.inkeep-expanded-primary\\.300\\)\\2c transparent_30\\%\\)\\]:first-child[data-highlight]:is([data-theme="dark"] *)::before {
3716
3915
  content: var(--tw-content);
3717
3916
  background-image: conic-gradient(transparent,var(--ikp-color-inkeep-expanded-primary-300),transparent 30%);
3718
3917
  }
3719
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
+
3720
3923
  .dark\\:hover\\:border-white-alpha-300:hover:not(:disabled):is([data-theme="dark"] *) {
3721
3924
  border-color: var(--ikp-color-white-alpha-300);
3722
3925
  }
@@ -3725,6 +3928,10 @@ slot {
3725
3928
  background-color: var(--ikp-color-gray-dark-800);
3726
3929
  }
3727
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
+
3728
3935
  .dark\\:hover\\:bg-inkeep-expanded-primary-200:hover:not(:disabled):is([data-theme="dark"] *) {
3729
3936
  background-color: var(--ikp-color-inkeep-expanded-primary-200);
3730
3937
  }
@@ -3753,6 +3960,11 @@ slot {
3753
3960
  color: var(--ikp-color-inkeep-expanded-primary-300);
3754
3961
  }
3755
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
+
3756
3968
  .dark\\:hover\\:text-white-alpha-500:hover:not(:disabled):is([data-theme="dark"] *) {
3757
3969
  color: var(--ikp-color-white-alpha-500);
3758
3970
  }
@@ -3773,6 +3985,10 @@ slot {
3773
3985
  color: var(--ikp-color-white-alpha-950);
3774
3986
  }
3775
3987
 
3988
+ .dark\\:hover\\:opacity-95:hover:not(:disabled):is([data-theme="dark"] *) {
3989
+ opacity: 0.95;
3990
+ }
3991
+
3776
3992
  .dark\\:hover\\:disabled\\:bg-white-alpha-100:disabled:hover:not(:disabled):is([data-theme="dark"] *) {
3777
3993
  background-color: var(--ikp-color-white-alpha-100);
3778
3994
  }
@@ -3958,8 +4174,8 @@ slot {
3958
4174
  height: min(800px,100%);
3959
4175
  }
3960
4176
 
3961
- .lg\\:w-\\[min\\(640px\\2c 100\\%\\)\\] {
3962
- width: min(640px,100%);
4177
+ .lg\\:w-\\[min\\(800px\\2c 100\\%\\)\\] {
4178
+ width: min(800px,100%);
3963
4179
  }
3964
4180
  }
3965
4181
 
@@ -3969,8 +4185,8 @@ slot {
3969
4185
  height: min(900px,100%);
3970
4186
  }
3971
4187
 
3972
- .\\32xl\\:w-\\[min\\(760px\\2c 100\\%\\)\\] {
3973
- width: min(760px,100%);
4188
+ .\\32xl\\:w-\\[min\\(880px\\2c 100\\%\\)\\] {
4189
+ width: min(880px,100%);
3974
4190
  }
3975
4191
  }
3976
4192
 
@@ -4078,6 +4294,112 @@ slot {
4078
4294
  margin-bottom: 0px;
4079
4295
  }
4080
4296
 
4297
+ .\\[\\&_\\[data-part\\=tag-clear\\]\\:hover\\]\\:bg-gray-200 [data-part=tag-clear]:hover {
4298
+ background-color: var(--ikp-color-gray-200);
4299
+ }
4300
+
4301
+ .\\[\\&_\\[data-part\\=tag-clear\\]\\:hover\\]\\:dark\\:bg-gray-dark-600:is([data-theme="dark"] *) [data-part=tag-clear]:hover {
4302
+ background-color: var(--ikp-color-gray-dark-600);
4303
+ }
4304
+
4305
+ .\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:flex [data-part=tag-clear] {
4306
+ display: flex;
4307
+ }
4308
+
4309
+ .\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:h-5 [data-part=tag-clear] {
4310
+ height: 1.25rem;
4311
+ }
4312
+
4313
+ .\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:w-5 [data-part=tag-clear] {
4314
+ width: 1.25rem;
4315
+ }
4316
+
4317
+ .\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:shrink-0 [data-part=tag-clear] {
4318
+ flex-shrink: 0;
4319
+ }
4320
+
4321
+ .\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:cursor-pointer [data-part=tag-clear] {
4322
+ cursor: pointer;
4323
+ }
4324
+
4325
+ .\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:items-center [data-part=tag-clear] {
4326
+ align-items: center;
4327
+ }
4328
+
4329
+ .\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:justify-center [data-part=tag-clear] {
4330
+ justify-content: center;
4331
+ }
4332
+
4333
+ .\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:rounded-md [data-part=tag-clear] {
4334
+ border-radius: 0.375rem;
4335
+ }
4336
+
4337
+ .\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:text-current [data-part=tag-clear] {
4338
+ color: currentColor;
4339
+ }
4340
+
4341
+ .\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:outline-none [data-part=tag-clear] {
4342
+ outline: 2px solid transparent;
4343
+ outline-offset: 2px;
4344
+ }
4345
+
4346
+ .\\[\\&_\\[data-part\\=tag\\]\\]\\:inline-flex [data-part=tag] {
4347
+ display: inline-flex;
4348
+ }
4349
+
4350
+ .\\[\\&_\\[data-part\\=tag\\]\\]\\:flex-shrink-0 [data-part=tag] {
4351
+ flex-shrink: 0;
4352
+ }
4353
+
4354
+ .\\[\\&_\\[data-part\\=tag\\]\\]\\:items-center [data-part=tag] {
4355
+ align-items: center;
4356
+ }
4357
+
4358
+ .\\[\\&_\\[data-part\\=tag\\]\\]\\:gap-1 [data-part=tag] {
4359
+ gap: 0.25rem;
4360
+ }
4361
+
4362
+ .\\[\\&_\\[data-part\\=tag\\]\\]\\:whitespace-nowrap [data-part=tag] {
4363
+ white-space: nowrap;
4364
+ }
4365
+
4366
+ .\\[\\&_\\[data-part\\=tag\\]\\]\\:rounded-md [data-part=tag] {
4367
+ border-radius: 0.375rem;
4368
+ }
4369
+
4370
+ .\\[\\&_\\[data-part\\=tag\\]\\]\\:bg-gray-100 [data-part=tag] {
4371
+ background-color: var(--ikp-color-gray-100);
4372
+ }
4373
+
4374
+ .\\[\\&_\\[data-part\\=tag\\]\\]\\:py-0\\.5 [data-part=tag] {
4375
+ padding-top: 0.125rem;
4376
+ padding-bottom: 0.125rem;
4377
+ }
4378
+
4379
+ .\\[\\&_\\[data-part\\=tag\\]\\]\\:pl-2 [data-part=tag] {
4380
+ padding-left: 0.5rem;
4381
+ }
4382
+
4383
+ .\\[\\&_\\[data-part\\=tag\\]\\]\\:pr-1 [data-part=tag] {
4384
+ padding-right: 0.25rem;
4385
+ }
4386
+
4387
+ .\\[\\&_\\[data-part\\=tag\\]\\]\\:text-sm [data-part=tag] {
4388
+ font-size: var(--ikp-font-size-sm);
4389
+ }
4390
+
4391
+ .\\[\\&_\\[data-part\\=tag\\]\\]\\:text-gray-800 [data-part=tag] {
4392
+ color: var(--ikp-color-gray-800);
4393
+ }
4394
+
4395
+ .\\[\\&_\\[data-part\\=tag\\]\\]\\:dark\\:bg-gray-dark-800:is([data-theme="dark"] *) [data-part=tag] {
4396
+ background-color: var(--ikp-color-gray-dark-800);
4397
+ }
4398
+
4399
+ .\\[\\&_\\[data-part\\=tag\\]\\]\\:dark\\:text-gray-dark-50:is([data-theme="dark"] *) [data-part=tag] {
4400
+ color: var(--ikp-color-gray-dark-50);
4401
+ }
4402
+
4081
4403
  .\\[\\&_a\\]\\:inline a {
4082
4404
  display: inline;
4083
4405
  }
@@ -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
  *
@@ -36,7 +36,7 @@ interface AIChatFormSuccessView {
36
36
  message: string;
37
37
  doneButton: AIChatFormDoneButton;
38
38
  }
39
- export type FormField = CheckboxField | FileField | SelectField | TextField | IncludeChatSessionField;
39
+ export type FormField = CheckboxField | ComboboxField | FileField | SelectField | TextField | IncludeChatSessionField;
40
40
  export type FormInputType = NonNullable<FormField['inputType']>;
41
41
  export interface BaseFormField {
42
42
  name: string;
@@ -62,6 +62,14 @@ interface SelectField extends BaseFormField {
62
62
  defaultValue?: string;
63
63
  placeholder?: string;
64
64
  }
65
+ interface ComboboxField extends BaseFormField {
66
+ inputType: 'combobox';
67
+ items: SelectItem[];
68
+ /** Value is always an array; single selection = array with one value. */
69
+ defaultValue?: string[];
70
+ placeholder?: string;
71
+ multiple?: boolean;
72
+ }
65
73
  interface TextField extends BaseFormField {
66
74
  inputType: 'email' | 'text' | 'textarea';
67
75
  defaultValue?: string;
@@ -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';
@@ -24,6 +24,9 @@ export interface CustomIcons {
24
24
  info: string;
25
25
  command: string;
26
26
  chatButtonClose: string;
27
+ chatHistory: string;
28
+ chatHistoryPanel: string;
29
+ backToChat: string;
27
30
  }
28
31
  export type CustomIconMap = {
29
32
  [K in keyof CustomIcons]?: InkeepCustomIcon;