@inkeep/agents-ui 0.14.28 → 0.15.0

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 (111) hide show
  1. package/dist/index.cjs +1 -1
  2. package/dist/index.js +215 -203
  3. package/dist/primitives/atoms/icons/built-in-icons.cjs +1 -1
  4. package/dist/primitives/atoms/icons/built-in-icons.d.ts +1 -0
  5. package/dist/primitives/atoms/icons/built-in-icons.js +44 -43
  6. package/dist/primitives/atoms/icons/checkbox-icon.cjs +1 -1
  7. package/dist/primitives/atoms/icons/checkbox-icon.js +1 -1
  8. package/dist/primitives/atoms/icons/inkeep-default-icons.cjs +1 -1
  9. package/dist/primitives/atoms/icons/inkeep-default-icons.js +3 -2
  10. package/dist/primitives/components/chat-bubble/index.cjs +1 -0
  11. package/dist/primitives/components/chat-bubble/index.d.ts +10 -0
  12. package/dist/primitives/components/chat-bubble/index.js +38 -0
  13. package/dist/primitives/components/chat-button.cjs +1 -1
  14. package/dist/primitives/components/chat-button.d.ts +3 -1
  15. package/dist/primitives/components/chat-button.js +31 -26
  16. package/dist/primitives/components/index.cjs +1 -1
  17. package/dist/primitives/components/index.d.ts +1 -0
  18. package/dist/primitives/components/index.js +19 -17
  19. package/dist/primitives/components/modal/use-inkeep-modal.cjs +1 -1
  20. package/dist/primitives/components/modal/use-inkeep-modal.d.ts +2 -2
  21. package/dist/primitives/components/modal/use-inkeep-modal.js +6 -42
  22. package/dist/primitives/components/modal/widget-auto-focus.cjs +1 -1
  23. package/dist/primitives/components/modal/widget-auto-focus.js +21 -12
  24. package/dist/primitives/components/modal.d.ts +2 -2
  25. package/dist/primitives/components/searchbar.d.ts +3 -3
  26. package/dist/primitives/components/sidebar-chat/index.cjs +1 -1
  27. package/dist/primitives/components/sidebar-chat/index.js +48 -67
  28. package/dist/primitives/components/use-component-trigger.cjs +1 -1
  29. package/dist/primitives/components/use-component-trigger.d.ts +1 -1
  30. package/dist/primitives/components/use-component-trigger.js +4 -3
  31. package/dist/primitives/hooks/index.cjs +1 -1
  32. package/dist/primitives/hooks/index.d.ts +1 -0
  33. package/dist/primitives/hooks/index.js +18 -16
  34. package/dist/primitives/hooks/use-inkeep-open-state.cjs +1 -0
  35. package/dist/primitives/hooks/use-inkeep-open-state.d.ts +18 -0
  36. package/dist/primitives/hooks/use-inkeep-open-state.js +47 -0
  37. package/dist/primitives/index.cjs +1 -1
  38. package/dist/primitives/index.js +140 -130
  39. package/dist/primitives/providers/chat-bubble-provider.cjs +1 -0
  40. package/dist/primitives/providers/chat-bubble-provider.d.ts +22 -0
  41. package/dist/primitives/providers/chat-bubble-provider.js +19 -0
  42. package/dist/primitives/providers/index.cjs +1 -1
  43. package/dist/primitives/providers/index.d.ts +1 -0
  44. package/dist/primitives/providers/index.js +27 -22
  45. package/dist/primitives/providers/sidebar-chat-provider.cjs +1 -1
  46. package/dist/primitives/providers/sidebar-chat-provider.d.ts +3 -25
  47. package/dist/primitives/providers/sidebar-chat-provider.js +23 -27
  48. package/dist/primitives/utils/component-ids.cjs +1 -1
  49. package/dist/primitives/utils/component-ids.d.ts +10 -0
  50. package/dist/primitives/utils/component-ids.js +10 -3
  51. package/dist/react/chat-button.cjs +1 -1
  52. package/dist/react/chat-button.d.ts +7 -13
  53. package/dist/react/chat-button.js +55 -46
  54. package/dist/react/embedded-chat.cjs +1 -1
  55. package/dist/react/embedded-chat.d.ts +4 -3
  56. package/dist/react/embedded-chat.js +171 -177
  57. package/dist/react/index.cjs +1 -1
  58. package/dist/react/index.js +215 -203
  59. package/dist/react/modal.chat.cjs +1 -1
  60. package/dist/react/modal.chat.d.ts +3 -3
  61. package/dist/react/modal.chat.js +10 -10
  62. package/dist/react/modal.cjs +1 -1
  63. package/dist/react/modal.d.ts +2 -2
  64. package/dist/react/modal.js +5 -5
  65. package/dist/react/modal.search-and-chat.cjs +1 -1
  66. package/dist/react/modal.search-and-chat.d.ts +2 -2
  67. package/dist/react/modal.search-and-chat.js +15 -15
  68. package/dist/react/modal.search.cjs +1 -1
  69. package/dist/react/modal.search.d.ts +2 -2
  70. package/dist/react/modal.search.js +8 -8
  71. package/dist/react/searchbar.cjs +1 -1
  72. package/dist/react/searchbar.d.ts +4 -4
  73. package/dist/react/searchbar.js +12 -12
  74. package/dist/react/sidebar-chat.d.ts +1 -3
  75. package/dist/styled/components/chat-bubble.cjs +1 -0
  76. package/dist/styled/components/chat-bubble.d.ts +5 -0
  77. package/dist/styled/components/chat-bubble.js +70 -0
  78. package/dist/styled/components/chat-button.cjs +1 -1
  79. package/dist/styled/components/chat-button.d.ts +2 -1
  80. package/dist/styled/components/chat-button.js +10 -6
  81. package/dist/styled/components/embedded-chat.cjs +1 -1
  82. package/dist/styled/components/embedded-chat.js +331 -320
  83. package/dist/styled/components/embedded-search.cjs +1 -1
  84. package/dist/styled/components/embedded-search.js +3 -3
  85. package/dist/styled/components/index.cjs +1 -1
  86. package/dist/styled/components/index.d.ts +1 -0
  87. package/dist/styled/components/index.js +14 -12
  88. package/dist/styled/components/message.cjs +1 -1
  89. package/dist/styled/components/message.js +28 -25
  90. package/dist/styled/components/ui/recipes/button.cjs +1 -1
  91. package/dist/styled/components/ui/recipes/button.js +1 -1
  92. package/dist/styled/components/ui/recipes/checkbox.cjs +1 -1
  93. package/dist/styled/components/ui/recipes/checkbox.js +1 -1
  94. package/dist/styled/components/ui/recipes/input.cjs +1 -1
  95. package/dist/styled/components/ui/recipes/input.js +2 -2
  96. package/dist/styled/components/ui/recipes/markdown.cjs +1 -1
  97. package/dist/styled/components/ui/recipes/markdown.js +3 -3
  98. package/dist/styled/components/ui/recipes/select.cjs +1 -1
  99. package/dist/styled/components/ui/recipes/select.js +2 -2
  100. package/dist/styled/index.cjs +1 -1
  101. package/dist/styled/index.js +174 -162
  102. package/dist/styled/inkeep.css.cjs +218 -99
  103. package/dist/styled/inkeep.css.js +218 -99
  104. package/dist/types/config/open-settings.d.ts +70 -0
  105. package/dist/types/events.d.ts +9 -1
  106. package/dist/types/icons/built-in.d.ts +1 -1
  107. package/dist/types/icons/custom.d.ts +1 -0
  108. package/dist/types/index.d.ts +1 -1
  109. package/dist/types/js/index.d.ts +2 -2
  110. package/package.json +1 -1
  111. package/dist/types/config/modal.d.ts +0 -33
@@ -506,6 +506,16 @@ video {
506
506
  .container {
507
507
  width: 100%;
508
508
  }
509
+ @media (min-width: 500px) {
510
+
511
+ .\\!container {
512
+ max-width: 500px !important;
513
+ }
514
+
515
+ .container {
516
+ max-width: 500px;
517
+ }
518
+ }
509
519
  @media (min-width: 640px) {
510
520
 
511
521
  .\\!container {
@@ -598,6 +608,9 @@ video {
598
608
  .left-\\[unset\\] {
599
609
  left: unset;
600
610
  }
611
+ .right-0 {
612
+ right: 0px;
613
+ }
601
614
  .right-1 {
602
615
  right: 0.25rem;
603
616
  }
@@ -723,20 +736,14 @@ video {
723
736
  .mb-6 {
724
737
  margin-bottom: 1.5rem;
725
738
  }
726
- .mb-8 {
727
- margin-bottom: 2rem;
728
- }
729
739
  .ml-1 {
730
740
  margin-left: 0.25rem;
731
741
  }
732
- .ml-1\\.5 {
733
- margin-left: 0.375rem;
734
- }
735
742
  .ml-2 {
736
743
  margin-left: 0.5rem;
737
744
  }
738
- .ml-4 {
739
- margin-left: 1rem;
745
+ .ml-3 {
746
+ margin-left: 0.75rem;
740
747
  }
741
748
  .ml-auto {
742
749
  margin-left: auto;
@@ -822,14 +829,14 @@ video {
822
829
  .hidden {
823
830
  display: none;
824
831
  }
825
- .size-10 {
826
- width: 2.5rem;
827
- height: 2.5rem;
828
- }
829
832
  .size-4 {
830
833
  width: 1rem;
831
834
  height: 1rem;
832
835
  }
836
+ .size-9 {
837
+ width: 2.25rem;
838
+ height: 2.25rem;
839
+ }
833
840
  .h-0 {
834
841
  height: 0px;
835
842
  }
@@ -839,9 +846,6 @@ video {
839
846
  .h-11 {
840
847
  height: 2.75rem;
841
848
  }
842
- .h-12 {
843
- height: 3rem;
844
- }
845
849
  .h-20 {
846
850
  height: 5rem;
847
851
  }
@@ -863,6 +867,9 @@ video {
863
867
  .h-8 {
864
868
  height: 2rem;
865
869
  }
870
+ .h-9 {
871
+ height: 2.25rem;
872
+ }
866
873
  .h-\\[24px\\] {
867
874
  height: 24px;
868
875
  }
@@ -920,9 +927,6 @@ video {
920
927
  .min-h-20 {
921
928
  min-height: 5rem;
922
929
  }
923
- .min-h-8 {
924
- min-height: 2rem;
925
- }
926
930
  .min-h-9 {
927
931
  min-height: 2.25rem;
928
932
  }
@@ -996,9 +1000,6 @@ video {
996
1000
  .min-w-0 {
997
1001
  min-width: 0px;
998
1002
  }
999
- .min-w-10 {
1000
- min-width: 2.5rem;
1001
- }
1002
1003
  .min-w-5 {
1003
1004
  min-width: 1.25rem;
1004
1005
  }
@@ -1008,6 +1009,9 @@ video {
1008
1009
  .min-w-8 {
1009
1010
  min-width: 2rem;
1010
1011
  }
1012
+ .min-w-9 {
1013
+ min-width: 2.25rem;
1014
+ }
1011
1015
  .min-w-\\[8rem\\] {
1012
1016
  min-width: 8rem;
1013
1017
  }
@@ -1078,10 +1082,6 @@ video {
1078
1082
  --tw-rotate: 0deg;
1079
1083
  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));
1080
1084
  }
1081
- .rotate-\\[-30deg\\] {
1082
- --tw-rotate: -30deg;
1083
- 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));
1084
- }
1085
1085
  .transform {
1086
1086
  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));
1087
1087
  }
@@ -1275,8 +1275,8 @@ video {
1275
1275
  .gap-8 {
1276
1276
  gap: 2rem;
1277
1277
  }
1278
- .gap-\\[1rem_0\\.5rem\\] {
1279
- gap: 1rem 0.5rem;
1278
+ .gap-\\[\\.75rem_0\\.5rem\\] {
1279
+ gap: .75rem 0.5rem;
1280
1280
  }
1281
1281
  .gap-x-2 {
1282
1282
  -moz-column-gap: 0.5rem;
@@ -1303,6 +1303,11 @@ video {
1303
1303
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
1304
1304
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
1305
1305
  }
1306
+ .space-y-8 > :not([hidden]) ~ :not([hidden]) {
1307
+ --tw-space-y-reverse: 0;
1308
+ margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
1309
+ margin-bottom: calc(2rem * var(--tw-space-y-reverse));
1310
+ }
1306
1311
  .self-start {
1307
1312
  align-self: flex-start;
1308
1313
  }
@@ -1350,6 +1355,9 @@ video {
1350
1355
  .rounded {
1351
1356
  border-radius: 0.25rem;
1352
1357
  }
1358
+ .rounded-3xl {
1359
+ border-radius: 1.5rem;
1360
+ }
1353
1361
  .rounded-\\[0_0_6px_6px\\] {
1354
1362
  border-radius: 0 0 6px 6px;
1355
1363
  }
@@ -1371,9 +1379,15 @@ video {
1371
1379
  .rounded-md {
1372
1380
  border-radius: 0.375rem;
1373
1381
  }
1382
+ .rounded-none {
1383
+ border-radius: 0px;
1384
+ }
1374
1385
  .rounded-sm {
1375
1386
  border-radius: 0.125rem;
1376
1387
  }
1388
+ .rounded-br-sm {
1389
+ border-bottom-right-radius: 0.125rem;
1390
+ }
1377
1391
  .border {
1378
1392
  border-width: 1px;
1379
1393
  }
@@ -1443,9 +1457,6 @@ video {
1443
1457
  .bg-inherit {
1444
1458
  background-color: inherit;
1445
1459
  }
1446
- .bg-inkeep-primary-lighter {
1447
- background-color: var(--ikp-color-inkeep-primary-lighter);
1448
- }
1449
1460
  .bg-inkeep-primary-medium {
1450
1461
  background-color: var(--ikp-color-inkeep-primary-medium);
1451
1462
  }
@@ -1491,9 +1502,6 @@ video {
1491
1502
  .p-2 {
1492
1503
  padding: 0.5rem;
1493
1504
  }
1494
- .p-4 {
1495
- padding: 1rem;
1496
- }
1497
1505
  .p-8 {
1498
1506
  padding: 2rem;
1499
1507
  }
@@ -1658,9 +1666,6 @@ video {
1658
1666
  .text-1xs {
1659
1667
  font-size: var(--ikp-font-size-1xs);
1660
1668
  }
1661
- .text-2sm {
1662
- font-size: var(--ikp-font-size-2sm);
1663
- }
1664
1669
  .text-2xs {
1665
1670
  font-size: var(--ikp-font-size-2xs);
1666
1671
  }
@@ -1936,6 +1941,12 @@ video {
1936
1941
  .\\[--ask-ai-trigger-height\\:0px\\] {
1937
1942
  --ask-ai-trigger-height: 0px;
1938
1943
  }
1944
+ .\\[--chat-bubble-bottom\\:84px\\] {
1945
+ --chat-bubble-bottom: 84px;
1946
+ }
1947
+ .\\[--chat-bubble-margin\\:theme\\(spacing\\.5\\)\\] {
1948
+ --chat-bubble-margin: 1.25rem;
1949
+ }
1939
1950
  .\\[--end-color\\:theme\\(colors\\.gray\\.300\\)\\] {
1940
1951
  --end-color: var(--ikp-color-gray-300);
1941
1952
  }
@@ -2022,10 +2033,26 @@ video {
2022
2033
  font-size: var(--ikp-font-size-md);
2023
2034
  line-height: 1.5;
2024
2035
  color: var(--ikp-color-gray-800);
2036
+
2037
+ scrollbar-width: thin;
2038
+ scrollbar-color: var(--ikp-color-gray-300) transparent;
2039
+ -webkit-scrollbar-track {
2040
+ background: transparent;
2041
+ }
2042
+ -webkit-scrollbar-thumb {
2043
+ background-color: var(--ikp-color-gray-300);
2044
+ border-radius: 12px;
2045
+ }
2025
2046
  }
2026
2047
 
2027
2048
  [data-theme='dark'] :where(.inkeep-widget-vars) {
2028
2049
  color: var(--ikp-color-white-alpha-950);
2050
+
2051
+ scrollbar-color: var(--ikp-color-white-alpha-200) transparent;
2052
+
2053
+ -webkit-scrollbar-thumb {
2054
+ background-color: var(--ikp-color-white-alpha-200);
2055
+ }
2029
2056
  }
2030
2057
 
2031
2058
  :where(.inkeep-widget-vars) *,
@@ -2400,6 +2427,12 @@ slot {
2400
2427
  --tw-ring-offset-width: 2px;
2401
2428
  }
2402
2429
 
2430
+ .active\\:scale-90:active {
2431
+ --tw-scale-x: .9;
2432
+ --tw-scale-y: .9;
2433
+ 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));
2434
+ }
2435
+
2403
2436
  .active\\:bg-gray-200:active {
2404
2437
  background-color: var(--ikp-color-gray-200);
2405
2438
  }
@@ -2416,6 +2449,16 @@ slot {
2416
2449
  background-color: var(--ikp-color-gray-900);
2417
2450
  }
2418
2451
 
2452
+ .active\\:transition-transform:active {
2453
+ transition-property: transform;
2454
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2455
+ transition-duration: 150ms;
2456
+ }
2457
+
2458
+ .active\\:duration-100:active {
2459
+ transition-duration: 100ms;
2460
+ }
2461
+
2419
2462
  .disabled\\:cursor-not-allowed:disabled {
2420
2463
  cursor: not-allowed;
2421
2464
  }
@@ -2492,8 +2535,8 @@ slot {
2492
2535
  margin-left: 0.25rem;
2493
2536
  }
2494
2537
 
2495
- .data-\\[role\\=user\\]\\:ml-0[data-role="user"] {
2496
- margin-left: 0px;
2538
+ .data-\\[role\\=user\\]\\:mb-0[data-role="user"] {
2539
+ margin-bottom: 0px;
2497
2540
  }
2498
2541
 
2499
2542
  .data-\\[role\\=user\\]\\:block[data-role="user"] {
@@ -2624,6 +2667,23 @@ slot {
2624
2667
  animation: fade-in 0.15s ease-out;
2625
2668
  }
2626
2669
 
2670
+ @keyframes chat-bubble-in {
2671
+
2672
+ 0% {
2673
+ opacity: 0;
2674
+ transform: translateY(16px) scale(0.95);
2675
+ }
2676
+
2677
+ 100% {
2678
+ opacity: 1;
2679
+ transform: translateY(0px) scale(1);
2680
+ }
2681
+ }
2682
+
2683
+ .data-\\[state\\=open\\]\\:animate-chat-bubble-in[data-state="open"] {
2684
+ animation: chat-bubble-in 300ms cubic-bezier(0.05, 0.7, 0.1, 1.0);
2685
+ }
2686
+
2627
2687
  @keyframes fade-in {
2628
2688
 
2629
2689
  0% {
@@ -2651,7 +2711,7 @@ slot {
2651
2711
  }
2652
2712
 
2653
2713
  .data-\\[state\\=open\\]\\:data-\\[position\\=left\\]\\:animate-sidebar-in-left[data-position="left"][data-state="open"] {
2654
- animation: slide-in-left 400ms cubic-bezier(0.05, 0.7, 0.1, 1.0);
2714
+ animation: slide-in-left 300ms cubic-bezier(0.05, 0.7, 0.1, 1.0);
2655
2715
  }
2656
2716
 
2657
2717
  @keyframes slide-in-right {
@@ -2666,13 +2726,17 @@ slot {
2666
2726
  }
2667
2727
 
2668
2728
  .data-\\[state\\=open\\]\\:data-\\[position\\=right\\]\\:animate-sidebar-in-right[data-position="right"][data-state="open"] {
2669
- animation: slide-in-right 400ms cubic-bezier(0.05, 0.7, 0.1, 1.0);
2729
+ animation: slide-in-right 300ms cubic-bezier(0.05, 0.7, 0.1, 1.0);
2670
2730
  }
2671
2731
 
2672
2732
  .data-\\[input-type\\=checkbox\\]\\:flex-row[data-input-type="checkbox"] {
2673
2733
  flex-direction: row;
2674
2734
  }
2675
2735
 
2736
+ .data-\\[role\\=user\\]\\:items-end[data-role="user"] {
2737
+ align-items: flex-end;
2738
+ }
2739
+
2676
2740
  .data-\\[input-type\\=checkbox\\]\\:items-center[data-input-type="checkbox"] {
2677
2741
  align-items: center;
2678
2742
  }
@@ -2714,8 +2778,8 @@ slot {
2714
2778
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
2715
2779
  }
2716
2780
 
2717
- .data-\\[role\\=user\\]\\:bg-gray-50[data-role="user"] {
2718
- background-color: var(--ikp-color-gray-50);
2781
+ .data-\\[role\\=user\\]\\:bg-gray-100[data-role="user"] {
2782
+ background-color: var(--ikp-color-gray-100);
2719
2783
  }
2720
2784
 
2721
2785
  .data-\\[state\\=active\\]\\:bg-inkeep-primary-light-subtle[data-state="active"] {
@@ -2730,6 +2794,21 @@ slot {
2730
2794
  background-color: var(--ikp-color-inkeep-primary-lighter);
2731
2795
  }
2732
2796
 
2797
+ .data-\\[open\\]\\:px-3[data-open] {
2798
+ padding-left: 0.75rem;
2799
+ padding-right: 0.75rem;
2800
+ }
2801
+
2802
+ .data-\\[role\\=user\\]\\:px-4[data-role="user"] {
2803
+ padding-left: 1rem;
2804
+ padding-right: 1rem;
2805
+ }
2806
+
2807
+ .data-\\[role\\=user\\]\\:py-2[data-role="user"] {
2808
+ padding-top: 0.5rem;
2809
+ padding-bottom: 0.5rem;
2810
+ }
2811
+
2733
2812
  .data-\\[has-content\\]\\:pb-2[data-has-content] {
2734
2813
  padding-bottom: 0.5rem;
2735
2814
  }
@@ -2774,10 +2853,6 @@ slot {
2774
2853
  color: var(--ikp-color-inkeep-expanded-primary-700);
2775
2854
  }
2776
2855
 
2777
- .data-\\[role\\=user\\]\\:text-gray-700[data-role="user"] {
2778
- color: var(--ikp-color-gray-700);
2779
- }
2780
-
2781
2856
  .data-\\[state\\=active\\]\\:text-inkeep-expanded-primary-900[data-state="active"] {
2782
2857
  color: var(--ikp-color-inkeep-expanded-primary-900);
2783
2858
  }
@@ -2966,18 +3041,10 @@ slot {
2966
3041
  margin-bottom: 0px;
2967
3042
  }
2968
3043
 
2969
- [data-widget-md] .ikp-md\\:flex {
2970
- display: flex;
2971
- }
2972
-
2973
3044
  [data-widget-md] .ikp-md\\:hidden {
2974
3045
  display: none;
2975
3046
  }
2976
3047
 
2977
- [data-widget-md] .ikp-md\\:h-12 {
2978
- height: 3rem;
2979
- }
2980
-
2981
3048
  [data-widget-md] .ikp-md\\:flex-row {
2982
3049
  flex-direction: row;
2983
3050
  }
@@ -3000,8 +3067,13 @@ slot {
3000
3067
  padding-bottom: 3.5rem;
3001
3068
  }
3002
3069
 
3003
- [data-widget-md] .ikp-md\\:pb-14 {
3004
- padding-bottom: 3.5rem;
3070
+ [data-widget-md] .ikp-md\\:py-6 {
3071
+ padding-top: 1.5rem;
3072
+ padding-bottom: 1.5rem;
3073
+ }
3074
+
3075
+ [data-widget-md] .ikp-md\\:pb-12 {
3076
+ padding-bottom: 3rem;
3005
3077
  }
3006
3078
 
3007
3079
  [data-widget-md] .ikp-md\\:pl-3 {
@@ -3016,12 +3088,6 @@ slot {
3016
3088
  padding-right: 1.5rem;
3017
3089
  }
3018
3090
 
3019
- .hover\\:scale-110:hover:not(:disabled) {
3020
- --tw-scale-x: 1.1;
3021
- --tw-scale-y: 1.1;
3022
- 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));
3023
- }
3024
-
3025
3091
  .hover\\:border-gray-300:hover:not(:disabled) {
3026
3092
  border-color: var(--ikp-color-gray-300);
3027
3093
  }
@@ -3242,10 +3308,6 @@ slot {
3242
3308
  background-color: var(--ikp-color-gray-dark-600);
3243
3309
  }
3244
3310
 
3245
- .dark\\:bg-gray-dark-700:is([data-theme="dark"] *) {
3246
- background-color: var(--ikp-color-gray-dark-700);
3247
- }
3248
-
3249
3311
  .dark\\:bg-gray-dark-800:is([data-theme="dark"] *) {
3250
3312
  background-color: var(--ikp-color-gray-dark-800);
3251
3313
  }
@@ -3513,6 +3575,10 @@ slot {
3513
3575
  background-color: var(--ikp-color-inkeep-expanded-primary-300);
3514
3576
  }
3515
3577
 
3578
+ .data-\\[role\\=user\\]\\:dark\\:bg-white-alpha-100:is([data-theme="dark"] *)[data-role="user"] {
3579
+ background-color: var(--ikp-color-white-alpha-100);
3580
+ }
3581
+
3516
3582
  .dark\\:data-\\[active\\]\\:text-white-alpha-600[data-active]:is([data-theme="dark"] *) {
3517
3583
  color: var(--ikp-color-white-alpha-600);
3518
3584
  }
@@ -3529,10 +3595,6 @@ slot {
3529
3595
  color: var(--ikp-color-inkeep-expanded-primary-300);
3530
3596
  }
3531
3597
 
3532
- .dark\\:data-\\[role\\=user\\]\\:text-white-alpha-700[data-role="user"]:is([data-theme="dark"] *) {
3533
- color: var(--ikp-color-white-alpha-700);
3534
- }
3535
-
3536
3598
  .dark\\:data-\\[state\\=active\\]\\:text-inkeep-expanded-primary-300[data-state="active"]:is([data-theme="dark"] *) {
3537
3599
  color: var(--ikp-color-inkeep-expanded-primary-300);
3538
3600
  }
@@ -3695,6 +3757,64 @@ slot {
3695
3757
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
3696
3758
  }
3697
3759
 
3760
+ @media (min-width: 500px) {
3761
+
3762
+ .xs\\:bottom-\\[var\\(--chat-bubble-bottom\\)\\] {
3763
+ bottom: var(--chat-bubble-bottom);
3764
+ }
3765
+
3766
+ .xs\\:right-5 {
3767
+ right: 1.25rem;
3768
+ }
3769
+
3770
+ .xs\\:h-full {
3771
+ height: 100%;
3772
+ }
3773
+
3774
+ .xs\\:max-h-\\[min\\(650px\\2c calc\\(100\\%-var\\(--chat-bubble-bottom\\)-var\\(--chat-bubble-margin\\)\\)\\)\\] {
3775
+ max-height: min(650px,calc(100% - var(--chat-bubble-bottom) - var(--chat-bubble-margin)));
3776
+ }
3777
+
3778
+ .xs\\:w-\\[440px\\] {
3779
+ width: 440px;
3780
+ }
3781
+
3782
+ .xs\\:origin-bottom-right {
3783
+ transform-origin: bottom right;
3784
+ }
3785
+
3786
+ .xs\\:rounded-xl {
3787
+ border-radius: 0.75rem;
3788
+ }
3789
+
3790
+ .xs\\:shadow-2xl {
3791
+ --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
3792
+ --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
3793
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3794
+ }
3795
+
3796
+ .xs\\:data-\\[role\\=user\\]\\:max-w-\\[75\\%\\][data-role="user"] {
3797
+ max-width: 75%;
3798
+ }
3799
+
3800
+ @keyframes chat-bubble-in-desktop {
3801
+
3802
+ 0% {
3803
+ opacity: 0;
3804
+ transform: translateY(8px) scale(0.9);
3805
+ }
3806
+
3807
+ 100% {
3808
+ opacity: 1;
3809
+ transform: translateY(0px) scale(1);
3810
+ }
3811
+ }
3812
+
3813
+ .xs\\:data-\\[state\\=open\\]\\:animate-chat-bubble-in-desktop[data-state="open"] {
3814
+ animation: chat-bubble-in-desktop 300ms cubic-bezier(0.05, 0.7, 0.1, 1.0);
3815
+ }
3816
+ }
3817
+
3698
3818
  @media (min-width: 640px) {
3699
3819
 
3700
3820
  .sm\\:w-\\[420px\\] {
@@ -3737,10 +3857,6 @@ slot {
3737
3857
  font-size: var(--ikp-font-size-4xl);
3738
3858
  }
3739
3859
 
3740
- .md\\:text-sm {
3741
- font-size: var(--ikp-font-size-sm);
3742
- }
3743
-
3744
3860
  .md\\:leading-5 {
3745
3861
  line-height: 1.25rem;
3746
3862
  }
@@ -3780,31 +3896,10 @@ slot {
3780
3896
  }
3781
3897
  }
3782
3898
 
3783
- .\\[\\&\\:not\\(\\:last-child\\)\\]\\:after\\:absolute:not(:last-child)::after {
3784
- content: var(--tw-content);
3785
- position: absolute;
3786
- }
3787
-
3788
- .\\[\\&\\:not\\(\\:last-child\\)\\]\\:after\\:inset-x-6:not(:last-child)::after {
3789
- content: var(--tw-content);
3790
- left: 1.5rem;
3791
- right: 1.5rem;
3792
- }
3793
-
3794
- .\\[\\&\\:not\\(\\:last-child\\)\\]\\:after\\:bottom-0:not(:last-child)::after {
3795
- content: var(--tw-content);
3796
- bottom: 0px;
3797
- }
3798
-
3799
- .\\[\\&\\:not\\(\\:last-child\\)\\]\\:after\\:border-b:not(:last-child)::after {
3800
- content: var(--tw-content);
3801
- border-bottom-width: 1px;
3802
- }
3803
-
3804
- [data-widget-md] .ikp-md\\:\\[\\&\\:not\\(\\:last-child\\)\\]\\:after\\:inset-x-8:not(:last-child)::after {
3805
- content: var(--tw-content);
3806
- left: 2rem;
3807
- right: 2rem;
3899
+ .hover\\:\\[\\&\\:not\\(\\:active\\)\\]\\:scale-110:not(:active):hover:not(:disabled) {
3900
+ --tw-scale-x: 1.1;
3901
+ --tw-scale-y: 1.1;
3902
+ 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));
3808
3903
  }
3809
3904
 
3810
3905
  .focus\\:\\[\\&\\:not\\(\\[data-invalid\\]\\)\\]\\:border-\\[--focus-border-color\\]:not([data-invalid]):focus {
@@ -3901,6 +3996,10 @@ slot {
3901
3996
  max-height: 100dvh;
3902
3997
  }
3903
3998
 
3999
+ .\\[\\&\\[data-role\\=user\\]\\>p\\]\\:mb-0[data-role=user]>p {
4000
+ margin-bottom: 0px;
4001
+ }
4002
+
3904
4003
  .\\[\\&_a\\]\\:inline a {
3905
4004
  display: inline;
3906
4005
  }
@@ -3963,6 +4062,26 @@ slot {
3963
4062
  width: 1rem;
3964
4063
  }
3965
4064
 
4065
+ [data-chat-bubble] .\\[\\[data-chat-bubble\\]_\\&\\]\\:h-full {
4066
+ height: 100%;
4067
+ }
4068
+
4069
+ [data-chat-bubble] .\\[\\[data-chat-bubble\\]_\\&\\]\\:max-h-\\[unset\\] {
4070
+ max-height: unset;
4071
+ }
4072
+
4073
+ [data-chat-bubble] .\\[\\[data-chat-bubble\\]_\\&\\]\\:w-full {
4074
+ width: 100%;
4075
+ }
4076
+
4077
+ [data-chat-bubble] .\\[\\[data-chat-bubble\\]_\\&\\]\\:overscroll-contain {
4078
+ overscroll-behavior: contain;
4079
+ }
4080
+
4081
+ [data-chat-bubble] .\\[\\[data-chat-bubble\\]_\\&\\]\\:rounded-\\[inherit\\] {
4082
+ border-radius: inherit;
4083
+ }
4084
+
3966
4085
  [data-mobile] .\\[\\[data-mobile\\]_\\&\\]\\:h-\\[calc\\(100vh-var\\(--input-height\\)-var\\(--footer-height\\)-var\\(--ask-ai-trigger-height\\)\\)\\] {
3967
4086
  height: calc(100vh - var(--input-height) - var(--footer-height) - var(--ask-ai-trigger-height));
3968
4087
  }
@@ -0,0 +1,70 @@
1
+ export interface BaseOpenSettings {
2
+ /**
3
+ * Controls whether the component is open.
4
+ */
5
+ isOpen?: boolean;
6
+ /**
7
+ * Handler called when the component opens or closes.
8
+ */
9
+ onOpenChange?: (isOpen: boolean) => void;
10
+ /**
11
+ * Whether the component is open by default.
12
+ * @default false
13
+ */
14
+ defaultOpen?: boolean;
15
+ /**
16
+ * The shortcut key.
17
+ *
18
+ * The key to trigger the component when pressed with Cmd (Mac) / Ctrl (Windows).
19
+ *
20
+ * Set to `null` to disable the shortcut.
21
+ *
22
+ * @default null
23
+ */
24
+ shortcutKey?: string | null;
25
+ /**
26
+ * The trigger selector.
27
+ *
28
+ * The selector to trigger the component when clicked.
29
+ *
30
+ * @default undefined
31
+ */
32
+ triggerSelector?: string;
33
+ }
34
+ export interface OpenSettingsModal extends BaseOpenSettings {
35
+ /**
36
+ * The trigger selector.
37
+ *
38
+ * The selector to trigger the modal when clicked.
39
+ *
40
+ * @default '[data-inkeep-modal-trigger]'
41
+ */
42
+ triggerSelector?: string;
43
+ }
44
+ export interface OpenSettingsChatButton extends BaseOpenSettings {
45
+ }
46
+ export interface OpenSettingsSearchBar extends BaseOpenSettings {
47
+ /**
48
+ * The shortcut key.
49
+ *
50
+ * The key to trigger the searchbar when pressed with Cmd (Mac) / Ctrl (Windows).
51
+ *
52
+ * Set to `null` to disable the shortcut.
53
+ *
54
+ * @default 'k'
55
+ */
56
+ shortcutKey?: string | null;
57
+ }
58
+ export interface OpenSettingsSidebar extends BaseOpenSettings {
59
+ /**
60
+ * The trigger selector for the sidebar chat.
61
+ * @default '[data-inkeep-sidebar-chat-trigger]'
62
+ */
63
+ triggerSelector?: string;
64
+ /**
65
+ * Threshold factor for auto-closing when resizing.
66
+ * When dragging below (minWidth * autoCloseThreshold), the sidebar will auto-close.
67
+ * @default 0.7 (70% of minimum width)
68
+ */
69
+ autoCloseThreshold?: number;
70
+ }
@@ -44,7 +44,7 @@ export type InkeepEventWithCommon = ExtendPropertiesWithCommon<InkeepEvent>;
44
44
  export type InkeepCallbackEvent = InkeepEventWithCommon;
45
45
  export type SearchEvent = SearchQueryResponseReceivedEvent | SearchQuerySubmittedEvent | SearchResultClickedEvent;
46
46
  export type ChatEvent = AssistantMessageReceivedEvent | AssistantAnswerDisplayedEvent | UserMessageSubmittedEvent | UserEscalationIndicatedEvent | SharedChatLoadedEvent | AssistantPositiveFeedbackSubmittedEvent | AssistantNegativeFeedbackSubmittedEvent | ChatClearButtonClickedEvent | AssistantMessageCopiedEvent | GetHelpOptionClickedEvent | ChatShareButtonClickedEvent | AssistantSourceItemClickedEvent | AssistantMessageLinkOpenedEvent | AssistantCodeBlockCopiedEvent;
47
- export type WidgetEvent = ModalOpenedEvent | ModalClosedEvent;
47
+ export type WidgetEvent = ModalOpenedEvent | ModalClosedEvent | ChatBubbleOpenedEvent | ChatBubbleClosedEvent;
48
48
  export type InkeepEvent = SearchEvent | ChatEvent | WidgetEvent;
49
49
  export interface AssistantMessageReceivedEvent {
50
50
  eventName: 'assistant_message_received';
@@ -170,4 +170,12 @@ export interface ModalClosedEvent {
170
170
  eventName: 'modal_closed';
171
171
  properties: {};
172
172
  }
173
+ export interface ChatBubbleOpenedEvent {
174
+ eventName: 'chat_bubble_opened';
175
+ properties: {};
176
+ }
177
+ export interface ChatBubbleClosedEvent {
178
+ eventName: 'chat_bubble_closed';
179
+ properties: {};
180
+ }
173
181
  export {};
@@ -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';
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';
@@ -23,6 +23,7 @@ export interface CustomIcons {
23
23
  close: string;
24
24
  info: string;
25
25
  command: string;
26
+ chatButtonClose: string;
26
27
  }
27
28
  export type CustomIconMap = {
28
29
  [K in keyof CustomIcons]?: InkeepCustomIcon;