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

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