@memori.ai/memori-react 9.0.0-alpha.6 → 9.0.0-alpha.8

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 (145) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/components/AgeVerificationModal/AgeVerificationModal.js +3 -1
  3. package/dist/components/AgeVerificationModal/AgeVerificationModal.js.map +1 -1
  4. package/dist/components/Auth/Auth.js +3 -1
  5. package/dist/components/Auth/Auth.js.map +1 -1
  6. package/dist/components/Chat/Chat.js +3 -1
  7. package/dist/components/Chat/Chat.js.map +1 -1
  8. package/dist/components/ChatBubble/ChatBubble.js +3 -1
  9. package/dist/components/ChatBubble/ChatBubble.js.map +1 -1
  10. package/dist/components/ChatHistoryDrawer/ChatHistory.js +3 -1
  11. package/dist/components/ChatHistoryDrawer/ChatHistory.js.map +1 -1
  12. package/dist/components/ContentPreviewModal/ContentPreviewModal.js +3 -1
  13. package/dist/components/ContentPreviewModal/ContentPreviewModal.js.map +1 -1
  14. package/dist/components/ExpertsDrawer/ExpertsDrawer.js +3 -1
  15. package/dist/components/ExpertsDrawer/ExpertsDrawer.js.map +1 -1
  16. package/dist/components/KnownFacts/KnownFacts.js +5 -3
  17. package/dist/components/KnownFacts/KnownFacts.js.map +1 -1
  18. package/dist/components/LoginDrawer/LoginDrawer.js +3 -1
  19. package/dist/components/LoginDrawer/LoginDrawer.js.map +1 -1
  20. package/dist/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.css +19 -5
  21. package/dist/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.js +4 -1
  22. package/dist/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.js.map +1 -1
  23. package/dist/components/MemoriWidget/MemoriWidget.css +4 -2
  24. package/dist/components/MemoriWidget/MemoriWidget.js +139 -130
  25. package/dist/components/MemoriWidget/MemoriWidget.js.map +1 -1
  26. package/dist/components/SettingsDrawer/SettingsDrawer.js +3 -1
  27. package/dist/components/SettingsDrawer/SettingsDrawer.js.map +1 -1
  28. package/dist/components/StartPanel/StartPanel.js +3 -1
  29. package/dist/components/StartPanel/StartPanel.js.map +1 -1
  30. package/dist/components/UploadButton/UploadDocuments/UploadDocuments.js +3 -1
  31. package/dist/components/UploadButton/UploadDocuments/UploadDocuments.js.map +1 -1
  32. package/dist/components/UploadButton/UploadImages/UploadImages.js +3 -1
  33. package/dist/components/UploadButton/UploadImages/UploadImages.js.map +1 -1
  34. package/dist/components/WhyThisAnswer/WhyThisAnswer.js +3 -1
  35. package/dist/components/WhyThisAnswer/WhyThisAnswer.js.map +1 -1
  36. package/dist/components/layouts/HiddenChat.js +4 -223
  37. package/dist/components/layouts/HiddenChat.js.map +1 -1
  38. package/dist/components/layouts/WebsiteAssistant/WebsiteAssistant.js +3 -1
  39. package/dist/components/layouts/WebsiteAssistant/WebsiteAssistant.js.map +1 -1
  40. package/dist/components/layouts/WebsiteAssistant/website-assistant.css +19 -0
  41. package/dist/components/layouts/chat.css +2 -1
  42. package/dist/components/layouts/fullpage.css +31 -8
  43. package/dist/components/layouts/hidden-chat.css +1 -6
  44. package/dist/components/layouts/totem.css +2 -1
  45. package/dist/components/layouts/zoomed-full-body.css +32 -7
  46. package/dist/context/widgetSurfaceContext.d.ts +3 -0
  47. package/dist/context/widgetSurfaceContext.js +11 -0
  48. package/dist/context/widgetSurfaceContext.js.map +1 -0
  49. package/dist/helpers/positionPopover.d.ts +1 -0
  50. package/dist/helpers/positionPopover.js +7 -0
  51. package/dist/helpers/positionPopover.js.map +1 -0
  52. package/dist/styles.css +1 -1
  53. package/dist/version.d.ts +1 -1
  54. package/dist/version.js +1 -1
  55. package/esm/components/AgeVerificationModal/AgeVerificationModal.js +3 -1
  56. package/esm/components/AgeVerificationModal/AgeVerificationModal.js.map +1 -1
  57. package/esm/components/Auth/Auth.js +3 -1
  58. package/esm/components/Auth/Auth.js.map +1 -1
  59. package/esm/components/Chat/Chat.js +3 -1
  60. package/esm/components/Chat/Chat.js.map +1 -1
  61. package/esm/components/ChatBubble/ChatBubble.js +3 -1
  62. package/esm/components/ChatBubble/ChatBubble.js.map +1 -1
  63. package/esm/components/ChatHistoryDrawer/ChatHistory.js +3 -1
  64. package/esm/components/ChatHistoryDrawer/ChatHistory.js.map +1 -1
  65. package/esm/components/ContentPreviewModal/ContentPreviewModal.js +3 -1
  66. package/esm/components/ContentPreviewModal/ContentPreviewModal.js.map +1 -1
  67. package/esm/components/ExpertsDrawer/ExpertsDrawer.js +3 -1
  68. package/esm/components/ExpertsDrawer/ExpertsDrawer.js.map +1 -1
  69. package/esm/components/KnownFacts/KnownFacts.js +5 -3
  70. package/esm/components/KnownFacts/KnownFacts.js.map +1 -1
  71. package/esm/components/LoginDrawer/LoginDrawer.js +3 -1
  72. package/esm/components/LoginDrawer/LoginDrawer.js.map +1 -1
  73. package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.css +19 -5
  74. package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.js +4 -1
  75. package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.js.map +1 -1
  76. package/esm/components/MemoriWidget/MemoriWidget.css +4 -2
  77. package/esm/components/MemoriWidget/MemoriWidget.js +139 -130
  78. package/esm/components/MemoriWidget/MemoriWidget.js.map +1 -1
  79. package/esm/components/SettingsDrawer/SettingsDrawer.js +3 -1
  80. package/esm/components/SettingsDrawer/SettingsDrawer.js.map +1 -1
  81. package/esm/components/StartPanel/StartPanel.js +3 -1
  82. package/esm/components/StartPanel/StartPanel.js.map +1 -1
  83. package/esm/components/UploadButton/UploadDocuments/UploadDocuments.js +3 -1
  84. package/esm/components/UploadButton/UploadDocuments/UploadDocuments.js.map +1 -1
  85. package/esm/components/UploadButton/UploadImages/UploadImages.js +3 -1
  86. package/esm/components/UploadButton/UploadImages/UploadImages.js.map +1 -1
  87. package/esm/components/WhyThisAnswer/WhyThisAnswer.js +3 -1
  88. package/esm/components/WhyThisAnswer/WhyThisAnswer.js.map +1 -1
  89. package/esm/components/layouts/HiddenChat.js +6 -225
  90. package/esm/components/layouts/HiddenChat.js.map +1 -1
  91. package/esm/components/layouts/WebsiteAssistant/WebsiteAssistant.js +3 -1
  92. package/esm/components/layouts/WebsiteAssistant/WebsiteAssistant.js.map +1 -1
  93. package/esm/components/layouts/WebsiteAssistant/website-assistant.css +19 -0
  94. package/esm/components/layouts/chat.css +2 -1
  95. package/esm/components/layouts/fullpage.css +31 -8
  96. package/esm/components/layouts/hidden-chat.css +1 -6
  97. package/esm/components/layouts/totem.css +2 -1
  98. package/esm/components/layouts/zoomed-full-body.css +32 -7
  99. package/esm/context/widgetSurfaceContext.d.ts +3 -0
  100. package/esm/context/widgetSurfaceContext.js +7 -0
  101. package/esm/context/widgetSurfaceContext.js.map +1 -0
  102. package/esm/helpers/positionPopover.d.ts +1 -0
  103. package/esm/helpers/positionPopover.js +4 -0
  104. package/esm/helpers/positionPopover.js.map +1 -0
  105. package/esm/styles.css +1 -1
  106. package/esm/version.d.ts +1 -1
  107. package/esm/version.js +1 -1
  108. package/package.json +1 -1
  109. package/src/components/AgeVerificationModal/AgeVerificationModal.tsx +3 -0
  110. package/src/components/Auth/Auth.tsx +3 -0
  111. package/src/components/Chat/Chat.tsx +3 -0
  112. package/src/components/ChatBubble/ChatBubble.tsx +3 -0
  113. package/src/components/ChatHistoryDrawer/ChatHistory.tsx +3 -0
  114. package/src/components/ContentPreviewModal/ContentPreviewModal.tsx +3 -0
  115. package/src/components/ExpertsDrawer/ExpertsDrawer.tsx +3 -0
  116. package/src/components/KnownFacts/KnownFacts.tsx +5 -0
  117. package/src/components/LoginDrawer/LoginDrawer.tsx +3 -0
  118. package/src/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.css +19 -5
  119. package/src/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.tsx +4 -0
  120. package/src/components/MemoriWidget/MemoriWidget.css +4 -2
  121. package/src/components/MemoriWidget/MemoriWidget.tsx +45 -22
  122. package/src/components/SettingsDrawer/SettingsDrawer.tsx +3 -0
  123. package/src/components/StartPanel/StartPanel.tsx +3 -0
  124. package/src/components/UploadButton/UploadDocuments/UploadDocuments.tsx +3 -0
  125. package/src/components/UploadButton/UploadImages/UploadImages.tsx +3 -0
  126. package/src/components/WhyThisAnswer/WhyThisAnswer.tsx +3 -0
  127. package/src/components/layouts/HiddenChat.tsx +3 -389
  128. package/src/components/layouts/WebsiteAssistant/WebsiteAssistant.tsx +4 -0
  129. package/src/components/layouts/WebsiteAssistant/__snapshots__/WebsiteAssistant.test.tsx.snap +48 -44
  130. package/src/components/layouts/WebsiteAssistant/website-assistant.css +19 -0
  131. package/src/components/layouts/__snapshots__/Chat.test.tsx.snap +533 -529
  132. package/src/components/layouts/__snapshots__/FullPage.test.tsx.snap +1058 -1050
  133. package/src/components/layouts/__snapshots__/HiddenChat.test.tsx.snap +406 -441
  134. package/src/components/layouts/__snapshots__/Totem.test.tsx.snap +584 -580
  135. package/src/components/layouts/__snapshots__/ZoomedFullBody.test.tsx.snap +528 -524
  136. package/src/components/layouts/chat.css +2 -1
  137. package/src/components/layouts/fullpage.css +31 -8
  138. package/src/components/layouts/hidden-chat.css +1 -6
  139. package/src/components/layouts/totem.css +2 -1
  140. package/src/components/layouts/zoomed-full-body.css +32 -7
  141. package/src/context/widgetSurfaceContext.tsx +14 -0
  142. package/src/helpers/positionPopover.test.ts +33 -0
  143. package/src/helpers/positionPopover.ts +13 -0
  144. package/src/styles.css +61 -1
  145. package/src/version.ts +1 -1
package/src/components/layouts/__snapshots__/HiddenChat.test.tsx.snap CHANGED
@@ -11,578 +11,543 @@ exports[`renders HIDDEN_CHAT layout unchanged 1`] = `
11
11
  data-memori-secondary-id="25ced51c-3520-41af-8bbe-222d861b8e32"
12
12
  style="height: 100vh;"
13
13
  >
14
- <input
15
- class="memori-sidebar-toggle "
16
- id="memori-sidebar-toggle"
17
- type="checkbox"
18
- />
19
14
  <div
20
- class="memori-sidebar-container"
15
+ class="memori-widget__surface"
21
16
  >
22
- <label
23
- class="memori-sidebar-toggle-label memori-open-label"
24
- for="memori-sidebar-toggle"
25
- >
26
- <svg
27
- aria-label="expand"
28
- class="lucide lucide-circle-help memori-icon"
29
- fill="none"
30
- height="24"
31
- stroke="currentColor"
32
- stroke-linecap="round"
33
- stroke-linejoin="round"
34
- stroke-width="2"
35
- viewBox="0 0 24 24"
36
- width="24"
37
- xmlns="http://www.w3.org/2000/svg"
38
- >
39
- <circle
40
- cx="12"
41
- cy="12"
42
- r="10"
43
- />
44
- <path
45
- d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"
46
- />
47
- <path
48
- d="M12 17h.01"
49
- />
50
- </svg>
51
- </label>
52
- <aside
53
- class="memori-sidebar memori-chat-layout "
17
+ <input
18
+ class="memori-sidebar-toggle "
19
+ id="memori-sidebar-toggle"
20
+ type="checkbox"
21
+ />
22
+ <div
23
+ class="memori-sidebar-container"
54
24
  >
55
25
  <label
56
- class="memori-sidebar-toggle-label memori-close-label"
26
+ class="memori-sidebar-toggle-label memori-open-label"
57
27
  for="memori-sidebar-toggle"
58
28
  >
59
- <span>
60
- <svg
61
- aria-label="collapse"
62
- class="lucide lucide-x memori-icon-close"
63
- fill="none"
64
- height="24"
65
- stroke="currentColor"
66
- stroke-linecap="round"
67
- stroke-linejoin="round"
68
- stroke-width="2"
69
- viewBox="0 0 24 24"
70
- width="24"
71
- xmlns="http://www.w3.org/2000/svg"
72
- >
73
- <path
74
- d="M18 6 6 18"
75
- />
76
- <path
77
- d="m6 6 12 12"
78
- />
79
- </svg>
80
- </span>
29
+ <svg
30
+ aria-label="expand"
31
+ class="lucide lucide-circle-help memori-icon"
32
+ fill="none"
33
+ height="24"
34
+ stroke="currentColor"
35
+ stroke-linecap="round"
36
+ stroke-linejoin="round"
37
+ stroke-width="2"
38
+ viewBox="0 0 24 24"
39
+ width="24"
40
+ xmlns="http://www.w3.org/2000/svg"
41
+ >
42
+ <circle
43
+ cx="12"
44
+ cy="12"
45
+ r="10"
46
+ />
47
+ <path
48
+ d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"
49
+ />
50
+ <path
51
+ d="M12 17h.01"
52
+ />
53
+ </svg>
81
54
  </label>
82
- <div
83
- class="memori-hidden-chat-layout--controls memori-chat-layout--controls"
55
+ <aside
56
+ class="memori-sidebar memori-chat-layout "
84
57
  >
58
+ <label
59
+ class="memori-sidebar-toggle-label memori-close-label"
60
+ for="memori-sidebar-toggle"
61
+ >
62
+ <span>
63
+ <svg
64
+ aria-label="collapse"
65
+ class="lucide lucide-x memori-icon-close"
66
+ fill="none"
67
+ height="24"
68
+ stroke="currentColor"
69
+ stroke-linecap="round"
70
+ stroke-linejoin="round"
71
+ stroke-width="2"
72
+ viewBox="0 0 24 24"
73
+ width="24"
74
+ xmlns="http://www.w3.org/2000/svg"
75
+ >
76
+ <path
77
+ d="M18 6 6 18"
78
+ />
79
+ <path
80
+ d="m6 6 12 12"
81
+ />
82
+ </svg>
83
+ </span>
84
+ </label>
85
85
  <div
86
- class="memori-chat-layout--header"
86
+ class="memori-hidden-chat-layout--controls memori-chat-layout--controls"
87
87
  >
88
88
  <div
89
- class="memori-chat-layout--header-row"
89
+ class="memori-chat-layout--header"
90
90
  >
91
91
  <div
92
- class="memori-chat-layout--brand"
92
+ class="memori-chat-layout--header-row"
93
93
  >
94
- <img
95
- alt=""
96
- class="memori-chat-layout--brand-avatar"
97
- role="presentation"
98
- src="https://aisuru.com/images/aisuru/square_logo.png"
99
- />
100
94
  <div
101
- class="memori-chat-layout--brand-text"
102
- />
103
- </div>
104
- <div
105
- class="memori-hidden-chat-layout--header-actions"
106
- >
95
+ class="memori-chat-layout--brand"
96
+ >
97
+ <img
98
+ alt=""
99
+ class="memori-chat-layout--brand-avatar"
100
+ role="presentation"
101
+ src="https://aisuru.com/images/aisuru/square_logo.png"
102
+ />
103
+ <div
104
+ class="memori-chat-layout--brand-text"
105
+ />
106
+ </div>
107
107
  <div
108
- class="memori-header"
108
+ class="memori-hidden-chat-layout--header-actions"
109
109
  >
110
- <span
111
- class="memori-tooltip"
110
+ <div
111
+ class="memori-header"
112
112
  >
113
113
  <span
114
- class="memori-tooltip__trigger"
115
- id="base-ui-:r1:"
114
+ class="memori-tooltip"
116
115
  >
117
116
  <span
118
- style="display: inline-flex;"
117
+ class="memori-tooltip__trigger"
118
+ id="base-ui-:r1:"
119
119
  >
120
- <button
121
- aria-label="widget.sound"
122
- class="memori-button memori-button--outline memori-button--md memori-button--icon-only"
123
- tabindex="0"
124
- type="button"
120
+ <span
121
+ style="display: inline-flex;"
125
122
  >
126
- <span
127
- class="memori-button__icon"
123
+ <button
124
+ aria-label="widget.sound"
125
+ class="memori-button memori-button--outline memori-button--md memori-button--icon-only"
126
+ tabindex="0"
127
+ type="button"
128
128
  >
129
- <svg
130
- class="lucide lucide-volume2"
131
- fill="none"
132
- height="24"
133
- stroke="currentColor"
134
- stroke-linecap="round"
135
- stroke-linejoin="round"
136
- stroke-width="2"
137
- viewBox="0 0 24 24"
138
- width="24"
139
- xmlns="http://www.w3.org/2000/svg"
129
+ <span
130
+ class="memori-button__icon"
140
131
  >
141
- <path
142
- d="M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z"
143
- />
144
- <path
145
- d="M16 9a5 5 0 0 1 0 6"
146
- />
147
- <path
148
- d="M19.364 18.364a9 9 0 0 0 0-12.728"
149
- />
150
- </svg>
151
- </span>
152
- </button>
132
+ <svg
133
+ class="lucide lucide-volume2"
134
+ fill="none"
135
+ height="24"
136
+ stroke="currentColor"
137
+ stroke-linecap="round"
138
+ stroke-linejoin="round"
139
+ stroke-width="2"
140
+ viewBox="0 0 24 24"
141
+ width="24"
142
+ xmlns="http://www.w3.org/2000/svg"
143
+ >
144
+ <path
145
+ d="M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z"
146
+ />
147
+ <path
148
+ d="M16 9a5 5 0 0 1 0 6"
149
+ />
150
+ <path
151
+ d="M19.364 18.364a9 9 0 0 0 0-12.728"
152
+ />
153
+ </svg>
154
+ </span>
155
+ </button>
156
+ </span>
153
157
  </span>
154
158
  </span>
155
- </span>
156
- <button
157
- aria-label="widget.moreActions"
158
- class="memori-button memori-button--outline memori-button--md memori-button--icon-only memori-hidden-chat-layout--overflow-trigger "
159
- tabindex="0"
160
- type="button"
161
- >
162
- <span
163
- class="memori-button__icon"
164
- >
165
- <svg
166
- class="lucide lucide-ellipsis-vertical"
167
- fill="none"
168
- height="24"
169
- stroke="currentColor"
170
- stroke-linecap="round"
171
- stroke-linejoin="round"
172
- stroke-width="2"
173
- viewBox="0 0 24 24"
174
- width="24"
175
- xmlns="http://www.w3.org/2000/svg"
176
- >
177
- <circle
178
- cx="12"
179
- cy="12"
180
- r="1"
181
- />
182
- <circle
183
- cx="12"
184
- cy="5"
185
- r="1"
186
- />
187
- <circle
188
- cx="12"
189
- cy="19"
190
- r="1"
191
- />
192
- </svg>
193
- </span>
194
- </button>
159
+ </div>
195
160
  </div>
196
161
  </div>
197
162
  </div>
198
- </div>
199
- <div
200
- class="memori-chat-layout--body"
201
- >
202
163
  <div
203
- class="memori-chat-layout--start-shell"
164
+ class="memori-chat-layout--body"
204
165
  >
205
166
  <div
206
- class="memori-chat-layout--start-panel-wrap"
167
+ class="memori-chat-layout--start-shell"
207
168
  >
208
169
  <div
209
- class="memori--start-panel"
170
+ class="memori-chat-layout--start-panel-wrap"
210
171
  >
211
172
  <div
212
- class="memori--cover"
213
- />
214
- <div
215
- class="memori--start-panel__body"
173
+ class="memori--start-panel"
216
174
  >
217
175
  <div
218
- class="memori--title-container"
176
+ class="memori--cover"
177
+ />
178
+ <div
179
+ class="memori--start-panel__body"
219
180
  >
220
- <picture
221
- class="memori--avatar"
222
- >
223
- <source
224
- src="https://aisuru.com/images/aisuru/square_logo.png"
225
- />
226
- <img
227
- alt="Memori"
228
- src="https://aisuru.com/images/aisuru/square_logo.png"
229
- />
230
- </picture>
231
181
  <div
232
- class="memori--title-container__content"
182
+ class="memori--title-container"
233
183
  >
234
- <h2
235
- class="memori--title"
184
+ <picture
185
+ class="memori--avatar"
236
186
  >
237
- Memori
238
- </h2>
187
+ <source
188
+ src="https://aisuru.com/images/aisuru/square_logo.png"
189
+ />
190
+ <img
191
+ alt="Memori"
192
+ src="https://aisuru.com/images/aisuru/square_logo.png"
193
+ />
194
+ </picture>
239
195
  <div
240
- class="memori-expandable memori--description-text memori--description-text--collapsible"
196
+ class="memori--title-container__content"
241
197
  >
198
+ <h2
199
+ class="memori--title"
200
+ >
201
+ Memori
202
+ </h2>
242
203
  <div
243
- class="memori-expandable__inner"
244
- style="max-height: 9999px;"
204
+ class="memori-expandable memori--description-text memori--description-text--collapsible"
245
205
  >
246
- Lorem ipsum.
206
+ <div
207
+ class="memori-expandable__inner"
208
+ style="max-height: 9999px;"
209
+ >
210
+ Lorem ipsum.
211
+ </div>
247
212
  </div>
248
213
  </div>
249
- </div>
250
- <div
251
- class="memori--completion-provider-status--loading"
252
- >
253
214
  <div
254
- class="memori-spin memori-spin--spinning"
215
+ class="memori--completion-provider-status--loading"
255
216
  >
256
217
  <div
257
- aria-label="Loading"
258
- aria-live="polite"
259
- class="memori-spin__overlay"
260
- role="status"
218
+ class="memori-spin memori-spin--spinning"
261
219
  >
262
220
  <div
263
- class="memori-spin__container"
221
+ aria-label="Loading"
222
+ aria-live="polite"
223
+ class="memori-spin__overlay"
224
+ role="status"
264
225
  >
265
- <svg
266
- aria-hidden="true"
267
- class="lucide lucide-loader-circle memori-spin__icon"
268
- fill="none"
269
- height="24"
270
- stroke="currentColor"
271
- stroke-linecap="round"
272
- stroke-linejoin="round"
273
- stroke-width="2"
274
- viewBox="0 0 24 24"
275
- width="24"
276
- xmlns="http://www.w3.org/2000/svg"
226
+ <div
227
+ class="memori-spin__container"
277
228
  >
278
- <path
279
- d="M21 12a9 9 0 1 1-6.219-8.56"
280
- />
281
- </svg>
229
+ <svg
230
+ aria-hidden="true"
231
+ class="lucide lucide-loader-circle memori-spin__icon"
232
+ fill="none"
233
+ height="24"
234
+ stroke="currentColor"
235
+ stroke-linecap="round"
236
+ stroke-linejoin="round"
237
+ stroke-width="2"
238
+ viewBox="0 0 24 24"
239
+ width="24"
240
+ xmlns="http://www.w3.org/2000/svg"
241
+ >
242
+ <path
243
+ d="M21 12a9 9 0 1 1-6.219-8.56"
244
+ />
245
+ </svg>
246
+ </div>
282
247
  </div>
283
248
  </div>
284
249
  </div>
285
250
  </div>
286
- </div>
287
- <div
288
- class="memori--description"
289
- >
290
251
  <div
291
- class="memori--language-row"
252
+ class="memori--description"
292
253
  >
293
254
  <div
294
- class="memori-combobox memori-combobox--language-chooser memori--language-row__combobox"
255
+ class="memori--language-row"
295
256
  >
296
- <label
297
- class="memori-combobox__label"
298
- for=":r2:"
299
- id=":r2:-label"
300
- >
301
- write_and_speak.chatLanguageLabel
302
- </label>
303
- <button
304
- aria-expanded="false"
305
- aria-haspopup="dialog"
306
- aria-labelledby=":r2:-label"
307
- class="memori-combobox__trigger"
308
- id=":r2:"
309
- role="combobox"
310
- tabindex="0"
311
- type="button"
257
+ <div
258
+ class="memori-combobox memori-combobox--language-chooser memori--language-row__combobox"
312
259
  >
313
- <span
314
- class="memori-combobox__value"
260
+ <label
261
+ class="memori-combobox__label"
262
+ for=":r2:"
263
+ id=":r2:-label"
315
264
  >
316
- Italian
317
- </span>
318
- <span
319
- aria-hidden="true"
320
- class="memori-combobox__trigger-icon"
265
+ write_and_speak.chatLanguageLabel
266
+ </label>
267
+ <button
268
+ aria-expanded="false"
269
+ aria-haspopup="dialog"
270
+ aria-labelledby=":r2:-label"
271
+ class="memori-combobox__trigger"
272
+ id=":r2:"
273
+ role="combobox"
274
+ tabindex="0"
275
+ type="button"
321
276
  >
322
- <svg
323
- aria-hidden="true"
324
- class="lucide lucide-chevron-down"
325
- fill="none"
326
- height="16"
327
- stroke="currentColor"
328
- stroke-linecap="round"
329
- stroke-linejoin="round"
330
- stroke-width="2"
331
- viewBox="0 0 24 24"
332
- width="16"
333
- xmlns="http://www.w3.org/2000/svg"
277
+ <span
278
+ class="memori-combobox__value"
334
279
  >
335
- <path
336
- d="m6 9 6 6 6-6"
337
- />
338
- </svg>
339
- </span>
340
- </button>
341
- <input
342
- aria-hidden="true"
343
- id="base-ui-:r3:"
344
- name="user-lang-pref"
345
- style="overflow: hidden; white-space: nowrap; position: fixed; top: 0px; left: 0px; border: 0px; padding: 0px; width: 1px; height: 1px; margin: -1px;"
346
- tabindex="-1"
347
- value="IT"
348
- />
349
- </div>
350
- </div>
351
- <section
352
- class="memori--start-panel__mobile-info"
353
- >
354
- <div
355
- class="memori--start-panel__mobile-info-content"
356
- >
357
- <section
358
- class="memori--settings-section"
359
- >
360
- <div
361
- class="memori--settings-section__row"
362
- >
363
- <div
280
+ Italian
281
+ </span>
282
+ <span
364
283
  aria-hidden="true"
365
- class="memori--settings-section__icon-box memori--settings-section__icon-box--neutral"
284
+ class="memori-combobox__trigger-icon"
366
285
  >
367
286
  <svg
368
- class="lucide lucide-eye memori--settings-section__icon"
287
+ aria-hidden="true"
288
+ class="lucide lucide-chevron-down"
369
289
  fill="none"
370
- height="24"
290
+ height="16"
371
291
  stroke="currentColor"
372
292
  stroke-linecap="round"
373
293
  stroke-linejoin="round"
374
294
  stroke-width="2"
375
295
  viewBox="0 0 24 24"
376
- width="24"
296
+ width="16"
377
297
  xmlns="http://www.w3.org/2000/svg"
378
298
  >
379
299
  <path
380
- d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"
381
- />
382
- <circle
383
- cx="12"
384
- cy="12"
385
- r="3"
300
+ d="m6 9 6 6 6-6"
386
301
  />
387
302
  </svg>
388
- </div>
303
+ </span>
304
+ </button>
305
+ <input
306
+ aria-hidden="true"
307
+ id="base-ui-:r3:"
308
+ name="user-lang-pref"
309
+ style="overflow: hidden; white-space: nowrap; position: fixed; top: 0px; left: 0px; border: 0px; padding: 0px; width: 1px; height: 1px; margin: -1px;"
310
+ tabindex="-1"
311
+ value="IT"
312
+ />
313
+ </div>
314
+ </div>
315
+ <section
316
+ class="memori--start-panel__mobile-info"
317
+ >
318
+ <div
319
+ class="memori--start-panel__mobile-info-content"
320
+ >
321
+ <section
322
+ class="memori--settings-section"
323
+ >
389
324
  <div
390
- class="memori--settings-section__content"
325
+ class="memori--settings-section__row"
391
326
  >
392
327
  <div
393
- class="memori--settings-section__title-inline"
328
+ aria-hidden="true"
329
+ class="memori--settings-section__icon-box memori--settings-section__icon-box--neutral"
394
330
  >
331
+ <svg
332
+ class="lucide lucide-eye memori--settings-section__icon"
333
+ fill="none"
334
+ height="24"
335
+ stroke="currentColor"
336
+ stroke-linecap="round"
337
+ stroke-linejoin="round"
338
+ stroke-width="2"
339
+ viewBox="0 0 24 24"
340
+ width="24"
341
+ xmlns="http://www.w3.org/2000/svg"
342
+ >
343
+ <path
344
+ d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"
345
+ />
346
+ <circle
347
+ cx="12"
348
+ cy="12"
349
+ r="3"
350
+ />
351
+ </svg>
352
+ </div>
353
+ <div
354
+ class="memori--settings-section__content"
355
+ >
356
+ <div
357
+ class="memori--settings-section__title-inline"
358
+ >
359
+ <p
360
+ class="memori--settings-section__title"
361
+ >
362
+ write_and_speak.pagePrivacyExplanation
363
+ </p>
364
+ </div>
395
365
  <p
396
- class="memori--settings-section__title"
366
+ class="memori--settings-section__description"
397
367
  >
398
- write_and_speak.pagePrivacyExplanation
368
+ write_and_speak.pagePrivacyExplanationList.authorUsesInfo
399
369
  </p>
400
370
  </div>
401
- <p
402
- class="memori--settings-section__description"
403
- >
404
- write_and_speak.pagePrivacyExplanationList.authorUsesInfo
405
- </p>
406
- </div>
407
- <span
408
- class="memori-tooltip"
409
- >
410
371
  <span
411
- class="memori-tooltip__trigger"
412
- id="base-ui-:r6:"
372
+ class="memori-tooltip"
413
373
  >
414
- <button
415
- aria-label="privacyPolicy"
416
- class="memori-button memori-button--toolbar memori-button--sm memori--privacy-popover-trigger memori--settings-section__info-trigger"
417
- tabindex="0"
418
- type="button"
374
+ <span
375
+ class="memori-tooltip__trigger"
376
+ id="base-ui-:r6:"
419
377
  >
420
- <span
421
- class="memori-button__content"
378
+ <button
379
+ aria-label="privacyPolicy"
380
+ class="memori-button memori-button--toolbar memori-button--sm memori--privacy-popover-trigger memori--settings-section__info-trigger"
381
+ tabindex="0"
382
+ type="button"
422
383
  >
423
- <svg
424
- class="lucide lucide-info memori--settings-section__inline-info-icon"
425
- fill="none"
426
- height="24"
427
- stroke="currentColor"
428
- stroke-linecap="round"
429
- stroke-linejoin="round"
430
- stroke-width="2"
431
- viewBox="0 0 24 24"
432
- width="24"
433
- xmlns="http://www.w3.org/2000/svg"
384
+ <span
385
+ class="memori-button__content"
434
386
  >
435
- <circle
436
- cx="12"
437
- cy="12"
438
- r="10"
439
- />
440
- <path
441
- d="M12 16v-4"
442
- />
443
- <path
444
- d="M12 8h.01"
445
- />
446
- </svg>
447
- </span>
448
- </button>
387
+ <svg
388
+ class="lucide lucide-info memori--settings-section__inline-info-icon"
389
+ fill="none"
390
+ height="24"
391
+ stroke="currentColor"
392
+ stroke-linecap="round"
393
+ stroke-linejoin="round"
394
+ stroke-width="2"
395
+ viewBox="0 0 24 24"
396
+ width="24"
397
+ xmlns="http://www.w3.org/2000/svg"
398
+ >
399
+ <circle
400
+ cx="12"
401
+ cy="12"
402
+ r="10"
403
+ />
404
+ <path
405
+ d="M12 16v-4"
406
+ />
407
+ <path
408
+ d="M12 8h.01"
409
+ />
410
+ </svg>
411
+ </span>
412
+ </button>
413
+ </span>
449
414
  </span>
450
- </span>
451
- </div>
452
- </section>
453
- </div>
454
- </section>
455
- <div
456
- class="memori--start-actions"
457
- >
458
- <button
459
- class="memori-button memori-button--primary memori-button--lg memori--start-actions__start"
460
- style="font-weight: var(--memori-text-weight-bold);"
461
- tabindex="0"
462
- type="button"
415
+ </div>
416
+ </section>
417
+ </div>
418
+ </section>
419
+ <div
420
+ class="memori--start-actions"
463
421
  >
464
- <span
465
- class="memori-button__content"
422
+ <button
423
+ class="memori-button memori-button--primary memori-button--lg memori--start-actions__start"
424
+ style="font-weight: var(--memori-text-weight-bold);"
425
+ tabindex="0"
426
+ type="button"
466
427
  >
467
- write_and_speak.tryMeButton
468
- </span>
469
- </button>
428
+ <span
429
+ class="memori-button__content"
430
+ >
431
+ write_and_speak.tryMeButton
432
+ </span>
433
+ </button>
434
+ </div>
435
+ <p
436
+ class="memori--start-description"
437
+ >
438
+ write_and_speak.pageTryMeExplanation
439
+ </p>
470
440
  </div>
471
- <p
472
- class="memori--start-description"
473
- >
474
- write_and_speak.pageTryMeExplanation
475
- </p>
476
441
  </div>
477
442
  </div>
478
443
  </div>
479
- </div>
480
- <div
481
- class="memori-chat-layout--prechat-inputs"
482
- >
483
444
  <div
484
- class="memori-chat-inputs-wrapper"
445
+ class="memori-chat-layout--prechat-inputs"
485
446
  >
486
- <fieldset
487
- class="memori-chat-inputs"
488
- id="chat-fieldset"
447
+ <div
448
+ class="memori-chat-inputs-wrapper"
489
449
  >
490
- <div
491
- class="memori-chat-inputs--container"
450
+ <fieldset
451
+ class="memori-chat-inputs"
452
+ id="chat-fieldset"
492
453
  >
493
454
  <div
494
- class="memori-chat-inputs--leading"
495
- />
496
- <div
497
- class="memori-chat-inputs--primary"
455
+ class="memori-chat-inputs--container"
498
456
  >
499
457
  <div
500
- class="memori-chat-textarea memori-chat-textarea--disabled"
501
- data-testid="chat-textarea"
458
+ class="memori-chat-inputs--leading"
459
+ />
460
+ <div
461
+ class="memori-chat-inputs--primary"
502
462
  >
503
463
  <div
504
- class="memori-chat-textarea--inner"
505
- style="height: 36px;"
464
+ class="memori-chat-textarea memori-chat-textarea--disabled"
465
+ data-testid="chat-textarea"
506
466
  >
507
- <textarea
508
- aria-label="placeholder"
509
- class="memori-chat-textarea--input"
510
- disabled=""
511
- id="memori-chat-message"
512
- maxlength="100000"
513
- placeholder="placeholder"
467
+ <div
468
+ class="memori-chat-textarea--inner"
514
469
  style="height: 36px;"
515
- />
470
+ >
471
+ <textarea
472
+ aria-label="placeholder"
473
+ class="memori-chat-textarea--input"
474
+ disabled=""
475
+ id="memori-chat-message"
476
+ maxlength="100000"
477
+ placeholder="placeholder"
478
+ style="height: 36px;"
479
+ />
480
+ </div>
516
481
  </div>
517
482
  </div>
518
- </div>
519
- <div
520
- class="memori-chat-inputs--trailing"
521
- >
522
483
  <div
523
- class="memori-chat-inputs--trailing-inner"
484
+ class="memori-chat-inputs--trailing"
524
485
  >
525
- <span
526
- class="memori-tooltip memori-chat-inputs--send-btn-tooltip"
486
+ <div
487
+ class="memori-chat-inputs--trailing-inner"
527
488
  >
528
489
  <span
529
- class="memori-tooltip__trigger"
530
- id="base-ui-:rd:"
490
+ class="memori-tooltip memori-chat-inputs--send-btn-tooltip"
531
491
  >
532
- <button
533
- aria-label="send"
534
- class="memori-button memori-button--primary memori-button--sm memori-button--disabled memori-chat-inputs--send-btn memori-chat-inputs--send-btn--disabled"
535
- data-disabled=""
536
- disabled=""
537
- tabindex="0"
538
- title="send"
539
- type="button"
492
+ <span
493
+ class="memori-tooltip__trigger"
494
+ id="base-ui-:rd:"
540
495
  >
541
- <span
542
- class="memori-button__content"
496
+ <button
497
+ aria-label="send"
498
+ class="memori-button memori-button--primary memori-button--sm memori-button--disabled memori-chat-inputs--send-btn memori-chat-inputs--send-btn--disabled"
499
+ data-disabled=""
500
+ disabled=""
501
+ tabindex="0"
502
+ title="send"
503
+ type="button"
543
504
  >
544
- <svg
545
- class="lucide lucide-send icon"
546
- fill="none"
547
- height="24"
548
- stroke="currentColor"
549
- stroke-linecap="round"
550
- stroke-linejoin="round"
551
- stroke-width="2"
552
- viewBox="0 0 24 24"
553
- width="24"
554
- xmlns="http://www.w3.org/2000/svg"
505
+ <span
506
+ class="memori-button__content"
555
507
  >
556
- <path
557
- d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"
558
- />
559
- <path
560
- d="m21.854 2.147-10.94 10.939"
561
- />
562
- </svg>
563
- </span>
564
- </button>
508
+ <svg
509
+ class="lucide lucide-send icon"
510
+ fill="none"
511
+ height="24"
512
+ stroke="currentColor"
513
+ stroke-linecap="round"
514
+ stroke-linejoin="round"
515
+ stroke-width="2"
516
+ viewBox="0 0 24 24"
517
+ width="24"
518
+ xmlns="http://www.w3.org/2000/svg"
519
+ >
520
+ <path
521
+ d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"
522
+ />
523
+ <path
524
+ d="m21.854 2.147-10.94 10.939"
525
+ />
526
+ </svg>
527
+ </span>
528
+ </button>
529
+ </span>
565
530
  </span>
566
- </span>
531
+ </div>
567
532
  </div>
568
533
  </div>
569
- </div>
570
- </fieldset>
534
+ </fieldset>
535
+ </div>
571
536
  </div>
572
537
  </div>
538
+ <div
539
+ id="extension"
540
+ />
573
541
  </div>
574
- <div
575
- id="extension"
576
- />
577
542
  </div>
578
- </div>
579
- </aside>
543
+ </aside>
544
+ </div>
545
+ <audio
546
+ id="memori-audio"
547
+ src="https://aisuru.com/intro.mp3"
548
+ style="display: none;"
549
+ />
580
550
  </div>
581
- <audio
582
- id="memori-audio"
583
- src="https://aisuru.com/intro.mp3"
584
- style="display: none;"
585
- />
586
551
  </div>
587
552
  <div
588
553
  aria-atomic="false"