@inkeep/agents-ui 0.15.28 → 0.15.30

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 (52) hide show
  1. package/dist/index.cjs +1 -1
  2. package/dist/index.js +156 -158
  3. package/dist/primitives/components/embedded-chat.cjs +4 -4
  4. package/dist/primitives/components/embedded-chat.d.ts +6 -16
  5. package/dist/primitives/components/embedded-chat.js +809 -859
  6. package/dist/primitives/components/embedded-search.cjs +1 -1
  7. package/dist/primitives/components/embedded-search.d.ts +3 -4
  8. package/dist/primitives/components/embedded-search.js +290 -294
  9. package/dist/primitives/components/tagline-logo-icon.cjs +1 -1
  10. package/dist/primitives/components/tagline-logo-icon.js +11 -21
  11. package/dist/primitives/hooks/use-feedback-api.cjs +1 -0
  12. package/dist/primitives/hooks/use-feedback-api.d.ts +19 -0
  13. package/dist/primitives/hooks/use-feedback-api.js +37 -0
  14. package/dist/primitives/index.cjs +1 -1
  15. package/dist/primitives/index.js +134 -137
  16. package/dist/primitives/providers/base-events-provider.cjs +1 -1
  17. package/dist/primitives/providers/base-events-provider.js +1 -1
  18. package/dist/primitives/providers/feedback-provider.cjs +1 -1
  19. package/dist/primitives/providers/feedback-provider.d.ts +1 -1
  20. package/dist/primitives/providers/feedback-provider.js +57 -64
  21. package/dist/primitives/providers/index.cjs +1 -1
  22. package/dist/primitives/providers/index.d.ts +0 -1
  23. package/dist/primitives/providers/index.js +42 -45
  24. package/dist/primitives/utils/component-ids.cjs +1 -1
  25. package/dist/primitives/utils/component-ids.d.ts +2 -10
  26. package/dist/primitives/utils/component-ids.js +2 -6
  27. package/dist/react/embedded-chat.cjs +1 -1
  28. package/dist/react/embedded-chat.js +249 -265
  29. package/dist/react/embedded-search.cjs +1 -1
  30. package/dist/react/embedded-search.js +63 -64
  31. package/dist/react/index.cjs +1 -1
  32. package/dist/react/index.js +156 -158
  33. package/dist/styled/components/embedded-chat.cjs +1 -1
  34. package/dist/styled/components/embedded-chat.d.ts +2 -5
  35. package/dist/styled/components/embedded-chat.js +397 -441
  36. package/dist/styled/components/embedded-search.cjs +1 -1
  37. package/dist/styled/components/embedded-search.d.ts +1 -2
  38. package/dist/styled/components/embedded-search.js +119 -133
  39. package/dist/styled/components/index.cjs +1 -1
  40. package/dist/styled/components/index.js +12 -11
  41. package/dist/styled/components/message.cjs +1 -1
  42. package/dist/styled/components/message.d.ts +20 -0
  43. package/dist/styled/components/message.js +304 -228
  44. package/dist/styled/index.cjs +1 -1
  45. package/dist/styled/index.js +152 -154
  46. package/dist/styled/inkeep.css.cjs +82 -15
  47. package/dist/styled/inkeep.css.js +82 -15
  48. package/dist/types/events.d.ts +3 -17
  49. package/package.json +1 -1
  50. package/dist/primitives/providers/feedback-item-provider.cjs +0 -1
  51. package/dist/primitives/providers/feedback-item-provider.d.ts +0 -10
  52. package/dist/primitives/providers/feedback-item-provider.js +0 -16
@@ -688,6 +688,10 @@ video {
688
688
  .m-auto {
689
689
  margin: auto;
690
690
  }
691
+ .-mx-1\\.5 {
692
+ margin-left: -0.375rem;
693
+ margin-right: -0.375rem;
694
+ }
691
695
  .-my-\\[1px\\] {
692
696
  margin-top: -1px;
693
697
  margin-bottom: -1px;
@@ -756,6 +760,9 @@ video {
756
760
  .ml-1 {
757
761
  margin-left: 0.25rem;
758
762
  }
763
+ .ml-1\\.5 {
764
+ margin-left: 0.375rem;
765
+ }
759
766
  .ml-2 {
760
767
  margin-left: 0.5rem;
761
768
  }
@@ -765,9 +772,6 @@ video {
765
772
  .ml-auto {
766
773
  margin-left: auto;
767
774
  }
768
- .mr-0\\.5 {
769
- margin-right: 0.125rem;
770
- }
771
775
  .mr-1 {
772
776
  margin-right: 0.25rem;
773
777
  }
@@ -983,6 +987,9 @@ video {
983
987
  .w-10 {
984
988
  width: 2.5rem;
985
989
  }
990
+ .w-11 {
991
+ width: 2.75rem;
992
+ }
986
993
  .w-16 {
987
994
  width: 4rem;
988
995
  }
@@ -1149,6 +1156,10 @@ video {
1149
1156
  --tw-translate-x: -50%;
1150
1157
  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));
1151
1158
  }
1159
+ .-rotate-90 {
1160
+ --tw-rotate: -90deg;
1161
+ 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));
1162
+ }
1152
1163
  .rotate-0 {
1153
1164
  --tw-rotate: 0deg;
1154
1165
  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));
@@ -1328,6 +1339,9 @@ video {
1328
1339
  .items-center {
1329
1340
  align-items: center;
1330
1341
  }
1342
+ .items-baseline {
1343
+ align-items: baseline;
1344
+ }
1331
1345
  .items-stretch {
1332
1346
  align-items: stretch;
1333
1347
  }
@@ -1373,9 +1387,6 @@ video {
1373
1387
  .gap-8 {
1374
1388
  gap: 2rem;
1375
1389
  }
1376
- .gap-\\[\\.75rem_0\\.5rem\\] {
1377
- gap: .75rem 0.5rem;
1378
- }
1379
1390
  .gap-x-2 {
1380
1391
  -moz-column-gap: 0.5rem;
1381
1392
  column-gap: 0.5rem;
@@ -1398,6 +1409,11 @@ video {
1398
1409
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
1399
1410
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
1400
1411
  }
1412
+ .space-y-1 > :not([hidden]) ~ :not([hidden]) {
1413
+ --tw-space-y-reverse: 0;
1414
+ margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
1415
+ margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
1416
+ }
1401
1417
  .space-y-3 > :not([hidden]) ~ :not([hidden]) {
1402
1418
  --tw-space-y-reverse: 0;
1403
1419
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
@@ -1510,6 +1526,9 @@ video {
1510
1526
  .border-l {
1511
1527
  border-left-width: 1px;
1512
1528
  }
1529
+ .border-l-2 {
1530
+ border-left-width: 2px;
1531
+ }
1513
1532
  .border-solid {
1514
1533
  border-style: solid;
1515
1534
  }
@@ -1534,6 +1553,9 @@ video {
1534
1553
  .border-inherit {
1535
1554
  border-color: inherit;
1536
1555
  }
1556
+ .border-inkeep-expanded-primary-200 {
1557
+ border-color: var(--ikp-color-inkeep-expanded-primary-200);
1558
+ }
1537
1559
  .border-inkeep-expanded-primary-500 {
1538
1560
  border-color: var(--ikp-color-inkeep-expanded-primary-500);
1539
1561
  }
@@ -1573,6 +1595,9 @@ video {
1573
1595
  .bg-inherit {
1574
1596
  background-color: inherit;
1575
1597
  }
1598
+ .bg-inkeep-expanded-primary-50 {
1599
+ background-color: var(--ikp-color-inkeep-expanded-primary-50);
1600
+ }
1576
1601
  .bg-inkeep-expanded-primary-500 {
1577
1602
  background-color: var(--ikp-color-inkeep-expanded-primary-500);
1578
1603
  }
@@ -1730,12 +1755,18 @@ video {
1730
1755
  .pb-4 {
1731
1756
  padding-bottom: 1rem;
1732
1757
  }
1758
+ .pb-6 {
1759
+ padding-bottom: 1.5rem;
1760
+ }
1733
1761
  .pb-8 {
1734
1762
  padding-bottom: 2rem;
1735
1763
  }
1736
1764
  .pl-2 {
1737
1765
  padding-left: 0.5rem;
1738
1766
  }
1767
+ .pl-3 {
1768
+ padding-left: 0.75rem;
1769
+ }
1739
1770
  .pl-5 {
1740
1771
  padding-left: 1.25rem;
1741
1772
  }
@@ -1838,6 +1869,13 @@ video {
1838
1869
  .capitalize {
1839
1870
  text-transform: capitalize;
1840
1871
  }
1872
+ .italic {
1873
+ font-style: italic;
1874
+ }
1875
+ .tabular-nums {
1876
+ --tw-numeric-spacing: tabular-nums;
1877
+ font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
1878
+ }
1841
1879
  .leading-4 {
1842
1880
  line-height: 1rem;
1843
1881
  }
@@ -1874,6 +1912,9 @@ video {
1874
1912
  .text-current {
1875
1913
  color: currentColor;
1876
1914
  }
1915
+ .text-gray-300 {
1916
+ color: var(--ikp-color-gray-300);
1917
+ }
1877
1918
  .text-gray-400 {
1878
1919
  color: var(--ikp-color-gray-400);
1879
1920
  }
@@ -1899,6 +1940,9 @@ video {
1899
1940
  .text-inherit {
1900
1941
  color: inherit;
1901
1942
  }
1943
+ .text-inkeep-expanded-primary-600 {
1944
+ color: var(--ikp-color-inkeep-expanded-primary-600);
1945
+ }
1902
1946
  .text-inkeep-primary-medium {
1903
1947
  color: var(--ikp-color-inkeep-primary-medium);
1904
1948
  }
@@ -2320,11 +2364,6 @@ slot {
2320
2364
  left: -0.25rem;
2321
2365
  }
2322
2366
 
2323
- .before\\:-top-px::before {
2324
- content: var(--tw-content);
2325
- top: -1px;
2326
- }
2327
-
2328
2367
  .before\\:left-0::before {
2329
2368
  content: var(--tw-content);
2330
2369
  left: 0px;
@@ -3015,6 +3054,10 @@ slot {
3015
3054
  border-radius: 0px;
3016
3055
  }
3017
3056
 
3057
+ .data-\\[expanded\\=true\\]\\:border-b[data-expanded="true"] {
3058
+ border-bottom-width: 1px;
3059
+ }
3060
+
3018
3061
  .data-\\[position\\=left\\]\\:border-r[data-position="left"] {
3019
3062
  border-right-width: 1px;
3020
3063
  }
@@ -3079,10 +3122,6 @@ slot {
3079
3122
  padding-bottom: 0.5rem;
3080
3123
  }
3081
3124
 
3082
- .data-\\[expanded\\=true\\]\\:pb-3[data-expanded="true"] {
3083
- padding-bottom: 0.75rem;
3084
- }
3085
-
3086
3125
  .data-\\[has-content\\]\\:pb-2[data-has-content] {
3087
3126
  padding-bottom: 0.5rem;
3088
3127
  }
@@ -3714,6 +3753,10 @@ slot {
3714
3753
  border-color: var(--ikp-color-inkeep-expanded-primary-400);
3715
3754
  }
3716
3755
 
3756
+ .dark\\:border-inkeep-expanded-primary-600:is([data-theme="dark"] *) {
3757
+ border-color: var(--ikp-color-inkeep-expanded-primary-600);
3758
+ }
3759
+
3717
3760
  .dark\\:border-white-alpha-200:is([data-theme="dark"] *) {
3718
3761
  border-color: var(--ikp-color-white-alpha-200);
3719
3762
  }
@@ -3738,6 +3781,10 @@ slot {
3738
3781
  background-color: var(--ikp-color-inkeep-expanded-primary-300);
3739
3782
  }
3740
3783
 
3784
+ .dark\\:bg-inkeep-expanded-primary-950:is([data-theme="dark"] *) {
3785
+ background-color: var(--ikp-color-inkeep-expanded-primary-950);
3786
+ }
3787
+
3741
3788
  .dark\\:bg-overlay-dark:is([data-theme="dark"] *) {
3742
3789
  background-color: var(--ikp-color-overlay-dark);
3743
3790
  }
@@ -3754,6 +3801,10 @@ slot {
3754
3801
  background-color: var(--ikp-color-white-alpha-200);
3755
3802
  }
3756
3803
 
3804
+ .dark\\:bg-white-alpha-50:is([data-theme="dark"] *) {
3805
+ background-color: var(--ikp-color-white-alpha-50);
3806
+ }
3807
+
3757
3808
  .dark\\:bg-white-alpha-800:is([data-theme="dark"] *) {
3758
3809
  background-color: var(--ikp-color-white-alpha-800);
3759
3810
  }
@@ -3806,6 +3857,10 @@ slot {
3806
3857
  color: var(--ikp-color-inkeep-expanded-primary-100);
3807
3858
  }
3808
3859
 
3860
+ .dark\\:text-inkeep-expanded-primary-200:is([data-theme="dark"] *) {
3861
+ color: var(--ikp-color-inkeep-expanded-primary-200);
3862
+ }
3863
+
3809
3864
  .dark\\:text-inkeep-expanded-primary-500:is([data-theme="dark"] *) {
3810
3865
  color: var(--ikp-color-inkeep-expanded-primary-500);
3811
3866
  }
@@ -3820,6 +3875,14 @@ slot {
3820
3875
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
3821
3876
  }
3822
3877
 
3878
+ .dark\\:text-white-alpha-300:is([data-theme="dark"] *) {
3879
+ color: var(--ikp-color-white-alpha-300);
3880
+ }
3881
+
3882
+ .dark\\:text-white-alpha-400:is([data-theme="dark"] *) {
3883
+ color: var(--ikp-color-white-alpha-400);
3884
+ }
3885
+
3823
3886
  .dark\\:text-white-alpha-500:is([data-theme="dark"] *) {
3824
3887
  color: var(--ikp-color-white-alpha-500);
3825
3888
  }
@@ -3832,6 +3895,10 @@ slot {
3832
3895
  color: var(--ikp-color-white-alpha-700);
3833
3896
  }
3834
3897
 
3898
+ .dark\\:text-white-alpha-800:is([data-theme="dark"] *) {
3899
+ color: var(--ikp-color-white-alpha-800);
3900
+ }
3901
+
3835
3902
  .dark\\:text-white-alpha-900:is([data-theme="dark"] *) {
3836
3903
  color: var(--ikp-color-white-alpha-900);
3837
3904
  }
@@ -1,33 +1,19 @@
1
1
  import { UserProperties } from './config/base';
2
2
  import { GetHelpOption } from './config/settings/actions';
3
3
  import { TransformedSource } from './sources';
4
- export interface MessageFeedback {
5
- unrelated_response: boolean;
6
- inaccurate_statement: boolean;
7
- inaccurate_code_snippet: boolean;
8
- irrelevant_citations: boolean;
9
- }
10
- export type FeedbackItemType = keyof MessageFeedback;
11
- export type FeebackReason = {
12
- label: string;
13
- details: string;
14
- };
15
4
  export type FeedbackType = 'positive' | 'negative';
16
5
  export interface FeedbackBody {
17
6
  type: FeedbackType;
18
7
  messageId: string;
19
8
  createdAt: string;
20
- reasons?: {
21
- label: string;
22
- details: string;
23
- }[] | null;
9
+ details?: string | null;
24
10
  userProperties: UserProperties;
25
11
  properties?: Record<string, unknown>;
26
12
  }
27
13
  export interface InkeepFeedback {
28
14
  type: FeedbackType;
29
15
  messageId: string;
30
- reasons?: FeebackReason[];
16
+ details?: string | null;
31
17
  }
32
18
  export type EntityType = 'conversation' | 'message' | 'search';
33
19
  interface CommonProperties {
@@ -81,7 +67,7 @@ export interface SharedChatLoadedEvent {
81
67
  }
82
68
  interface FeedbackProperties {
83
69
  conversationId?: string;
84
- reasons: FeebackReason[];
70
+ details?: string | null;
85
71
  }
86
72
  export interface AssistantNegativeFeedbackSubmittedEvent {
87
73
  eventName: 'assistant_negative_feedback_submitted';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@inkeep/agents-ui",
3
- "version": "0.15.28",
3
+ "version": "0.15.30",
4
4
  "description": "",
5
5
  "homepage": "",
6
6
  "repository": {
@@ -1 +0,0 @@
1
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),t=require("react"),r=t.createContext(void 0),s=({children:e,name:o})=>{const c=t.useRef(null);return n.jsx(r.Provider,{value:{name:o,focusItem:c},children:e})},u=()=>{const e=t.useContext(r);if(!e)throw new Error("useFeedbackItem must be used within a FeedbackItemProvider");return e};exports.FeedbackItemProvider=s;exports.useFeedbackItem=u;
@@ -1,10 +0,0 @@
1
- import { FeedbackItemType } from '../../types/index.ts';
2
- export type FeedbackItemContextValue = {
3
- name: FeedbackItemType;
4
- focusItem: React.RefObject<HTMLElement | null>;
5
- };
6
- export declare const FeedbackItemProvider: React.FC<{
7
- children: React.ReactNode;
8
- name: FeedbackItemType;
9
- }>;
10
- export declare const useFeedbackItem: () => FeedbackItemContextValue;
@@ -1,16 +0,0 @@
1
- "use client";
2
- import { jsx as n } from "react/jsx-runtime";
3
- import { useRef as c, createContext as s, useContext as u } from "react";
4
- const t = s(void 0), i = ({ children: e, name: o }) => {
5
- const r = c(null);
6
- return /* @__PURE__ */ n(t.Provider, { value: { name: o, focusItem: r }, children: e });
7
- }, a = () => {
8
- const e = u(t);
9
- if (!e)
10
- throw new Error("useFeedbackItem must be used within a FeedbackItemProvider");
11
- return e;
12
- };
13
- export {
14
- i as FeedbackItemProvider,
15
- a as useFeedbackItem
16
- };