@memori.ai/memori-react 8.15.1 → 8.16.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 (166) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/dist/components/Chat/Chat.css +2 -1
  3. package/dist/components/Chat/Chat.js +17 -17
  4. package/dist/components/Chat/Chat.js.map +1 -1
  5. package/dist/components/ChatBubble/ChatBubble.css +1 -1
  6. package/dist/components/ContentPreviewModal/ContentPreviewModal.css +114 -0
  7. package/dist/components/ContentPreviewModal/ContentPreviewModal.d.ts +14 -0
  8. package/dist/components/ContentPreviewModal/ContentPreviewModal.js +18 -0
  9. package/dist/components/ContentPreviewModal/ContentPreviewModal.js.map +1 -0
  10. package/dist/components/ContentPreviewModal/index.d.ts +2 -0
  11. package/dist/components/ContentPreviewModal/index.js +9 -0
  12. package/dist/components/ContentPreviewModal/index.js.map +1 -0
  13. package/dist/components/FilePreview/FilePreview.css +1 -1
  14. package/dist/components/FilePreview/FilePreview.js +43 -13
  15. package/dist/components/FilePreview/FilePreview.js.map +1 -1
  16. package/dist/components/MediaWidget/DocumentCard.d.ts +3 -0
  17. package/dist/components/MediaWidget/DocumentCard.js +9 -0
  18. package/dist/components/MediaWidget/DocumentCard.js.map +1 -0
  19. package/dist/components/MediaWidget/MediaItemWidget.css +946 -19
  20. package/dist/components/MediaWidget/MediaItemWidget.d.ts +5 -36
  21. package/dist/components/MediaWidget/MediaItemWidget.js +295 -198
  22. package/dist/components/MediaWidget/MediaItemWidget.js.map +1 -1
  23. package/dist/components/MediaWidget/MediaItemWidget.types.d.ts +62 -0
  24. package/dist/components/MediaWidget/MediaItemWidget.types.js +3 -0
  25. package/dist/components/MediaWidget/MediaItemWidget.types.js.map +1 -0
  26. package/dist/components/MediaWidget/MediaItemWidget.utils.d.ts +23 -0
  27. package/dist/components/MediaWidget/MediaItemWidget.utils.js +162 -0
  28. package/dist/components/MediaWidget/MediaItemWidget.utils.js.map +1 -0
  29. package/dist/components/MediaWidget/MediaPreviewModal.d.ts +15 -0
  30. package/dist/components/MediaWidget/MediaPreviewModal.js +162 -0
  31. package/dist/components/MediaWidget/MediaPreviewModal.js.map +1 -0
  32. package/dist/components/MediaWidget/MediaWidget.js +1 -2
  33. package/dist/components/MediaWidget/MediaWidget.js.map +1 -1
  34. package/dist/components/Snippet/Snippet.css +64 -33
  35. package/dist/components/Snippet/Snippet.js +17 -4
  36. package/dist/components/Snippet/Snippet.js.map +1 -1
  37. package/dist/components/StartPanel/StartPanel.js +1 -2
  38. package/dist/components/StartPanel/StartPanel.js.map +1 -1
  39. package/dist/components/UploadButton/UploadButton.css +0 -5
  40. package/dist/components/layouts/WebsiteAssistant.js +8 -8
  41. package/dist/components/layouts/WebsiteAssistant.js.map +1 -1
  42. package/dist/components/layouts/chat.css +1 -1
  43. package/dist/components/layouts/website-assistant.css +405 -197
  44. package/dist/helpers/constants.js +0 -7
  45. package/dist/helpers/constants.js.map +1 -1
  46. package/dist/helpers/utils.d.ts +1 -0
  47. package/dist/helpers/utils.js +3 -1
  48. package/dist/helpers/utils.js.map +1 -1
  49. package/dist/index.js +43 -1
  50. package/dist/index.js.map +1 -1
  51. package/dist/styles.css +0 -2
  52. package/dist/version.d.ts +1 -0
  53. package/dist/version.js +5 -0
  54. package/dist/version.js.map +1 -0
  55. package/esm/components/Chat/Chat.css +2 -1
  56. package/esm/components/Chat/Chat.js +17 -17
  57. package/esm/components/Chat/Chat.js.map +1 -1
  58. package/esm/components/ChatBubble/ChatBubble.css +1 -1
  59. package/esm/components/ContentPreviewModal/ContentPreviewModal.css +114 -0
  60. package/esm/components/ContentPreviewModal/ContentPreviewModal.d.ts +14 -0
  61. package/esm/components/ContentPreviewModal/ContentPreviewModal.js +15 -0
  62. package/esm/components/ContentPreviewModal/ContentPreviewModal.js.map +1 -0
  63. package/esm/components/ContentPreviewModal/index.d.ts +2 -0
  64. package/esm/components/ContentPreviewModal/index.js +2 -0
  65. package/esm/components/ContentPreviewModal/index.js.map +1 -0
  66. package/esm/components/FilePreview/FilePreview.css +1 -1
  67. package/esm/components/FilePreview/FilePreview.js +44 -14
  68. package/esm/components/FilePreview/FilePreview.js.map +1 -1
  69. package/esm/components/MediaWidget/DocumentCard.d.ts +3 -0
  70. package/esm/components/MediaWidget/DocumentCard.js +5 -0
  71. package/esm/components/MediaWidget/DocumentCard.js.map +1 -0
  72. package/esm/components/MediaWidget/MediaItemWidget.css +946 -19
  73. package/esm/components/MediaWidget/MediaItemWidget.d.ts +5 -36
  74. package/esm/components/MediaWidget/MediaItemWidget.js +296 -197
  75. package/esm/components/MediaWidget/MediaItemWidget.js.map +1 -1
  76. package/esm/components/MediaWidget/MediaItemWidget.types.d.ts +62 -0
  77. package/esm/components/MediaWidget/MediaItemWidget.types.js +2 -0
  78. package/esm/components/MediaWidget/MediaItemWidget.types.js.map +1 -0
  79. package/esm/components/MediaWidget/MediaItemWidget.utils.d.ts +23 -0
  80. package/esm/components/MediaWidget/MediaItemWidget.utils.js +149 -0
  81. package/esm/components/MediaWidget/MediaItemWidget.utils.js.map +1 -0
  82. package/esm/components/MediaWidget/MediaPreviewModal.d.ts +15 -0
  83. package/esm/components/MediaWidget/MediaPreviewModal.js +157 -0
  84. package/esm/components/MediaWidget/MediaPreviewModal.js.map +1 -0
  85. package/esm/components/MediaWidget/MediaWidget.js +1 -2
  86. package/esm/components/MediaWidget/MediaWidget.js.map +1 -1
  87. package/esm/components/Snippet/Snippet.css +64 -33
  88. package/esm/components/Snippet/Snippet.js +18 -5
  89. package/esm/components/Snippet/Snippet.js.map +1 -1
  90. package/esm/components/StartPanel/StartPanel.js +1 -2
  91. package/esm/components/StartPanel/StartPanel.js.map +1 -1
  92. package/esm/components/UploadButton/UploadButton.css +0 -5
  93. package/esm/components/layouts/WebsiteAssistant.js +8 -8
  94. package/esm/components/layouts/WebsiteAssistant.js.map +1 -1
  95. package/esm/components/layouts/chat.css +1 -1
  96. package/esm/components/layouts/website-assistant.css +405 -197
  97. package/esm/helpers/constants.js +0 -7
  98. package/esm/helpers/constants.js.map +1 -1
  99. package/esm/helpers/utils.d.ts +1 -0
  100. package/esm/helpers/utils.js +1 -0
  101. package/esm/helpers/utils.js.map +1 -1
  102. package/esm/index.js +43 -1
  103. package/esm/index.js.map +1 -1
  104. package/esm/styles.css +0 -2
  105. package/esm/version.d.ts +1 -0
  106. package/esm/version.js +2 -0
  107. package/esm/version.js.map +1 -0
  108. package/package.json +5 -3
  109. package/src/components/Chat/Chat.css +2 -1
  110. package/src/components/Chat/Chat.stories.tsx +124 -0
  111. package/src/components/Chat/Chat.tsx +72 -71
  112. package/src/components/Chat/__snapshots__/Chat.test.tsx.snap +567 -1034
  113. package/src/components/ChatBubble/ChatBubble.css +1 -1
  114. package/src/components/ContentPreviewModal/ContentPreviewModal.css +114 -0
  115. package/src/components/ContentPreviewModal/ContentPreviewModal.tsx +69 -0
  116. package/src/components/ContentPreviewModal/index.ts +2 -0
  117. package/src/components/FilePreview/FilePreview.css +1 -1
  118. package/src/components/FilePreview/FilePreview.tsx +60 -37
  119. package/src/components/FilePreview/__snapshots__/FilePreview.test.tsx.snap +15 -105
  120. package/src/components/MediaWidget/DocumentCard.test.tsx +45 -0
  121. package/src/components/MediaWidget/DocumentCard.tsx +19 -0
  122. package/src/components/MediaWidget/MediaItemWidget.css +946 -19
  123. package/src/components/MediaWidget/MediaItemWidget.test.tsx +89 -1
  124. package/src/components/MediaWidget/MediaItemWidget.tsx +734 -461
  125. package/src/components/MediaWidget/MediaItemWidget.types.ts +65 -0
  126. package/src/components/MediaWidget/MediaItemWidget.utils.test.ts +324 -0
  127. package/src/components/MediaWidget/MediaItemWidget.utils.ts +194 -0
  128. package/src/components/MediaWidget/MediaPreviewModal.test.tsx +271 -0
  129. package/src/components/MediaWidget/MediaPreviewModal.tsx +423 -0
  130. package/src/components/MediaWidget/MediaWidget.stories.tsx +193 -0
  131. package/src/components/MediaWidget/MediaWidget.tsx +2 -4
  132. package/src/components/MediaWidget/__snapshots__/DocumentCard.test.tsx.snap +24 -0
  133. package/src/components/MediaWidget/__snapshots__/MediaItemWidget.test.tsx.snap +162 -170
  134. package/src/components/MediaWidget/__snapshots__/MediaWidget.test.tsx.snap +21 -63
  135. package/src/components/Snippet/Snippet.css +64 -33
  136. package/src/components/Snippet/Snippet.tsx +30 -21
  137. package/src/components/Snippet/__snapshots__/Snippet.test.tsx.snap +314 -297
  138. package/src/components/StartPanel/StartPanel.tsx +0 -9
  139. package/src/components/StartPanel/__snapshots__/StartPanel.test.tsx.snap +12 -636
  140. package/src/components/UploadButton/UploadButton.css +0 -5
  141. package/src/components/layouts/WebsiteAssistant.tsx +66 -62
  142. package/src/components/layouts/__snapshots__/Chat.test.tsx.snap +1 -53
  143. package/src/components/layouts/__snapshots__/FullPage.test.tsx.snap +2 -106
  144. package/src/components/layouts/__snapshots__/HiddenChat.test.tsx.snap +1 -53
  145. package/src/components/layouts/__snapshots__/Totem.test.tsx.snap +1 -53
  146. package/src/components/layouts/__snapshots__/WebsiteAssistant.test.tsx.snap +32 -33
  147. package/src/components/layouts/__snapshots__/ZoomedFullBody.test.tsx.snap +1 -53
  148. package/src/components/layouts/chat.css +1 -1
  149. package/src/components/layouts/layouts.stories.tsx +68 -0
  150. package/src/components/layouts/website-assistant.css +405 -197
  151. package/src/helpers/constants.ts +0 -7
  152. package/src/helpers/utils.ts +4 -0
  153. package/src/index.test.tsx +8 -0
  154. package/src/index.tsx +51 -1
  155. package/src/styles.css +0 -2
  156. package/src/version.ts +2 -0
  157. package/src/components/AttachmentLinkModal/AttachmentLinkModal.css +0 -68
  158. package/src/components/AttachmentLinkModal/AttachmentLinkModal.stories.tsx +0 -32
  159. package/src/components/AttachmentLinkModal/AttachmentLinkModal.test.tsx +0 -10
  160. package/src/components/AttachmentLinkModal/AttachmentLinkModal.tsx +0 -131
  161. package/src/components/AttachmentLinkModal/__snapshots__/AttachmentLinkModal.test.tsx.snap +0 -9
  162. package/src/components/MediaWidget/LinkItemWidget.css +0 -46
  163. package/src/components/MediaWidget/LinkItemWidget.stories.tsx +0 -61
  164. package/src/components/MediaWidget/LinkItemWidget.test.tsx +0 -33
  165. package/src/components/MediaWidget/LinkItemWidget.tsx +0 -204
  166. package/src/components/MediaWidget/__snapshots__/LinkItemWidget.test.tsx.snap +0 -253
package/src/components/Chat/__snapshots__/Chat.test.tsx.snap CHANGED
@@ -17,6 +17,9 @@ exports[`renders Chat unchanged 1`] = `
17
17
  <div
18
18
  class="memori-chat--cover"
19
19
  />
20
+ <div
21
+ class="memori-media-widget"
22
+ />
20
23
  <div
21
24
  class="memori-chat--bubble-initial"
22
25
  />
@@ -311,7 +314,46 @@ exports[`renders Chat unchanged 1`] = `
311
314
  </div>
312
315
  <div
313
316
  class="memori-media-widget"
314
- />
317
+ >
318
+ <div
319
+ class="memori-media-items"
320
+ >
321
+ <div
322
+ class="memori-media-items--grid memori-chat-scroll-item memori-media-items--agent"
323
+ >
324
+ <div
325
+ class="memori-media-item ease-out duration-500 delay-0 opacity-0 scale-95"
326
+ >
327
+ <a
328
+ class="memori-media-item--link memori-media-item--document-link"
329
+ href="https://memori.ai/131165be-9d1a-42fb-a3ce-e8f86d40c88f"
330
+ rel="noopener noreferrer"
331
+ target="_blank"
332
+ title="Link"
333
+ >
334
+ <div
335
+ class="memori-media-item--document"
336
+ >
337
+ <div
338
+ class="memori-media-item--document-header"
339
+ >
340
+ <div
341
+ class="memori-media-item--document-title"
342
+ >
343
+ Link
344
+ </div>
345
+ </div>
346
+ <span
347
+ class="memori-media-item--document-badge"
348
+ >
349
+ Link
350
+ </span>
351
+ </div>
352
+ </a>
353
+ </div>
354
+ </div>
355
+ </div>
356
+ </div>
315
357
  <div
316
358
  class="memori-chat--bubble-container memori-chat-scroll-item"
317
359
  >
@@ -377,83 +419,7 @@ exports[`renders Chat unchanged 1`] = `
377
419
  </div>
378
420
  <div
379
421
  class="memori-media-widget"
380
- >
381
- <div
382
- class="memori-link-items"
383
- >
384
- <div
385
- class="memori-link-items--grid memori-chat-scroll-item memori-link-items--agent"
386
- >
387
- <div
388
- class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
389
- >
390
- <a
391
- class="memori-link-item--link"
392
- href="https://memori.ai"
393
- rel="noopener noreferrer"
394
- target="_blank"
395
- >
396
- <div
397
- class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
398
- >
399
- <div
400
- class="memori-spin"
401
- >
402
- <div
403
- class="memori-card--cover"
404
- >
405
- <div
406
- class="memori-link-item--card-cover-icon"
407
- >
408
- <svg
409
- aria-hidden="true"
410
- class="memori-link-item--icon"
411
- focusable="false"
412
- role="img"
413
- viewBox="0 0 1024 1024"
414
- xmlns="http://www.w3.org/2000/svg"
415
- >
416
- <path
417
- d="M574 665.4a8.03 8.03 0 0 0-11.3 0L446.5 781.6c-53.8 53.8-144.6 59.5-204 0-59.5-59.5-53.8-150.2 0-204l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3l-39.8-39.8a8.03 8.03 0 0 0-11.3 0L191.4 526.5c-84.6 84.6-84.6 221.5 0 306s221.5 84.6 306 0l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3L574 665.4zm258.6-474c-84.6-84.6-221.5-84.6-306 0L410.3 307.6a8.03 8.03 0 0 0 0 11.3l39.7 39.7c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c53.8-53.8 144.6-59.5 204 0 59.5 59.5 53.8 150.2 0 204L665.3 562.6a8.03 8.03 0 0 0 0 11.3l39.8 39.8c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c84.5-84.6 84.5-221.5 0-306.1zM610.1 372.3a8.03 8.03 0 0 0-11.3 0L372.3 598.7a8.03 8.03 0 0 0 0 11.3l39.6 39.6c3.1 3.1 8.2 3.1 11.3 0l226.4-226.4c3.1-3.1 3.1-8.2 0-11.3l-39.5-39.6z"
418
- />
419
- </svg>
420
- </div>
421
- </div>
422
- <div
423
- class="memori-card--content"
424
- >
425
- <h3
426
- class="memori-card--title"
427
- >
428
- Link
429
- </h3>
430
- <div
431
- class="memori-card--children"
432
- />
433
- </div>
434
- <div
435
- class="memori-spin--spinner"
436
- >
437
- <svg
438
- aria-hidden="true"
439
- class="memori-loading-icon"
440
- focusable="false"
441
- role="img"
442
- viewBox="0 0 1024 1024"
443
- xmlns="http://www.w3.org/2000/svg"
444
- >
445
- <path
446
- d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
447
- />
448
- </svg>
449
- </div>
450
- </div>
451
- </div>
452
- </a>
453
- </div>
454
- </div>
455
- </div>
456
- </div>
422
+ />
457
423
  <div
458
424
  class="memori-chat--bubble-container memori-chat-scroll-item memori-chat--bubble-from-user"
459
425
  >
@@ -597,9 +563,6 @@ exports[`renders Chat unchanged 1`] = `
597
563
  </div>
598
564
  </div>
599
565
  </div>
600
- <div
601
- class="memori-media-widget"
602
- />
603
566
  <div
604
567
  id="end-messages-ref"
605
568
  />
@@ -690,6 +653,9 @@ exports[`renders Chat with context vars unchanged 1`] = `
690
653
  <div
691
654
  class="memori-chat--cover"
692
655
  />
656
+ <div
657
+ class="memori-media-widget"
658
+ />
693
659
  <div
694
660
  class="memori-chat--bubble-initial"
695
661
  />
@@ -984,7 +950,46 @@ exports[`renders Chat with context vars unchanged 1`] = `
984
950
  </div>
985
951
  <div
986
952
  class="memori-media-widget"
987
- />
953
+ >
954
+ <div
955
+ class="memori-media-items"
956
+ >
957
+ <div
958
+ class="memori-media-items--grid memori-chat-scroll-item memori-media-items--agent"
959
+ >
960
+ <div
961
+ class="memori-media-item ease-out duration-500 delay-0 opacity-0 scale-95"
962
+ >
963
+ <a
964
+ class="memori-media-item--link memori-media-item--document-link"
965
+ href="https://memori.ai/131165be-9d1a-42fb-a3ce-e8f86d40c88f"
966
+ rel="noopener noreferrer"
967
+ target="_blank"
968
+ title="Link"
969
+ >
970
+ <div
971
+ class="memori-media-item--document"
972
+ >
973
+ <div
974
+ class="memori-media-item--document-header"
975
+ >
976
+ <div
977
+ class="memori-media-item--document-title"
978
+ >
979
+ Link
980
+ </div>
981
+ </div>
982
+ <span
983
+ class="memori-media-item--document-badge"
984
+ >
985
+ Link
986
+ </span>
987
+ </div>
988
+ </a>
989
+ </div>
990
+ </div>
991
+ </div>
992
+ </div>
988
993
  <div
989
994
  class="memori-chat--bubble-container memori-chat-scroll-item"
990
995
  >
@@ -1065,83 +1070,7 @@ exports[`renders Chat with context vars unchanged 1`] = `
1065
1070
  </div>
1066
1071
  <div
1067
1072
  class="memori-media-widget"
1068
- >
1069
- <div
1070
- class="memori-link-items"
1071
- >
1072
- <div
1073
- class="memori-link-items--grid memori-chat-scroll-item memori-link-items--agent"
1074
- >
1075
- <div
1076
- class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
1077
- >
1078
- <a
1079
- class="memori-link-item--link"
1080
- href="https://memori.ai"
1081
- rel="noopener noreferrer"
1082
- target="_blank"
1083
- >
1084
- <div
1085
- class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
1086
- >
1087
- <div
1088
- class="memori-spin"
1089
- >
1090
- <div
1091
- class="memori-card--cover"
1092
- >
1093
- <div
1094
- class="memori-link-item--card-cover-icon"
1095
- >
1096
- <svg
1097
- aria-hidden="true"
1098
- class="memori-link-item--icon"
1099
- focusable="false"
1100
- role="img"
1101
- viewBox="0 0 1024 1024"
1102
- xmlns="http://www.w3.org/2000/svg"
1103
- >
1104
- <path
1105
- d="M574 665.4a8.03 8.03 0 0 0-11.3 0L446.5 781.6c-53.8 53.8-144.6 59.5-204 0-59.5-59.5-53.8-150.2 0-204l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3l-39.8-39.8a8.03 8.03 0 0 0-11.3 0L191.4 526.5c-84.6 84.6-84.6 221.5 0 306s221.5 84.6 306 0l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3L574 665.4zm258.6-474c-84.6-84.6-221.5-84.6-306 0L410.3 307.6a8.03 8.03 0 0 0 0 11.3l39.7 39.7c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c53.8-53.8 144.6-59.5 204 0 59.5 59.5 53.8 150.2 0 204L665.3 562.6a8.03 8.03 0 0 0 0 11.3l39.8 39.8c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c84.5-84.6 84.5-221.5 0-306.1zM610.1 372.3a8.03 8.03 0 0 0-11.3 0L372.3 598.7a8.03 8.03 0 0 0 0 11.3l39.6 39.6c3.1 3.1 8.2 3.1 11.3 0l226.4-226.4c3.1-3.1 3.1-8.2 0-11.3l-39.5-39.6z"
1106
- />
1107
- </svg>
1108
- </div>
1109
- </div>
1110
- <div
1111
- class="memori-card--content"
1112
- >
1113
- <h3
1114
- class="memori-card--title"
1115
- >
1116
- Link
1117
- </h3>
1118
- <div
1119
- class="memori-card--children"
1120
- />
1121
- </div>
1122
- <div
1123
- class="memori-spin--spinner"
1124
- >
1125
- <svg
1126
- aria-hidden="true"
1127
- class="memori-loading-icon"
1128
- focusable="false"
1129
- role="img"
1130
- viewBox="0 0 1024 1024"
1131
- xmlns="http://www.w3.org/2000/svg"
1132
- >
1133
- <path
1134
- d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
1135
- />
1136
- </svg>
1137
- </div>
1138
- </div>
1139
- </div>
1140
- </a>
1141
- </div>
1142
- </div>
1143
- </div>
1144
- </div>
1073
+ />
1145
1074
  <div
1146
1075
  class="memori-chat--bubble-container memori-chat-scroll-item memori-chat--bubble-from-user"
1147
1076
  >
@@ -1300,9 +1229,6 @@ exports[`renders Chat with context vars unchanged 1`] = `
1300
1229
  </span>
1301
1230
  </div>
1302
1231
  </div>
1303
- <div
1304
- class="memori-media-widget"
1305
- />
1306
1232
  <div
1307
1233
  id="end-messages-ref"
1308
1234
  />
@@ -1393,6 +1319,9 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
1393
1319
  <div
1394
1320
  class="memori-chat--cover"
1395
1321
  />
1322
+ <div
1323
+ class="memori-media-widget"
1324
+ />
1396
1325
  <div
1397
1326
  class="memori-chat--bubble-initial"
1398
1327
  />
@@ -1671,7 +1600,46 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
1671
1600
  </div>
1672
1601
  <div
1673
1602
  class="memori-media-widget"
1674
- />
1603
+ >
1604
+ <div
1605
+ class="memori-media-items"
1606
+ >
1607
+ <div
1608
+ class="memori-media-items--grid memori-chat-scroll-item memori-media-items--agent"
1609
+ >
1610
+ <div
1611
+ class="memori-media-item ease-out duration-500 delay-0 opacity-0 scale-95"
1612
+ >
1613
+ <a
1614
+ class="memori-media-item--link memori-media-item--document-link"
1615
+ href="https://memori.ai/131165be-9d1a-42fb-a3ce-e8f86d40c88f"
1616
+ rel="noopener noreferrer"
1617
+ target="_blank"
1618
+ title="Link"
1619
+ >
1620
+ <div
1621
+ class="memori-media-item--document"
1622
+ >
1623
+ <div
1624
+ class="memori-media-item--document-header"
1625
+ >
1626
+ <div
1627
+ class="memori-media-item--document-title"
1628
+ >
1629
+ Link
1630
+ </div>
1631
+ </div>
1632
+ <span
1633
+ class="memori-media-item--document-badge"
1634
+ >
1635
+ Link
1636
+ </span>
1637
+ </div>
1638
+ </a>
1639
+ </div>
1640
+ </div>
1641
+ </div>
1642
+ </div>
1675
1643
  <div
1676
1644
  class="memori-chat--bubble-container memori-chat-scroll-item"
1677
1645
  >
@@ -1737,127 +1705,51 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
1737
1705
  </div>
1738
1706
  <div
1739
1707
  class="memori-media-widget"
1708
+ />
1709
+ <div
1710
+ class="memori-chat--bubble-container memori-chat-scroll-item memori-chat--bubble-from-user"
1740
1711
  >
1741
1712
  <div
1742
- class="memori-link-items"
1713
+ class="memori-chat--bubble memori-chat--user-bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
1743
1714
  >
1744
1715
  <div
1745
- class="memori-link-items--grid memori-chat-scroll-item memori-link-items--agent"
1716
+ class="memori-expandable memori-chat--bubble-content"
1746
1717
  >
1747
1718
  <div
1748
- class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
1719
+ class="memori-expandable--inner"
1720
+ style="max-height: 9999px;"
1749
1721
  >
1750
- <a
1751
- class="memori-link-item--link"
1752
- href="https://memori.ai"
1753
- rel="noopener noreferrer"
1754
- target="_blank"
1722
+ <div
1723
+ class="memori-chat--bubble-content"
1724
+ dir="auto"
1755
1725
  >
1756
- <div
1757
- class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
1758
- >
1759
- <div
1760
- class="memori-spin"
1761
- >
1762
- <div
1763
- class="memori-card--cover"
1764
- >
1765
- <div
1766
- class="memori-link-item--card-cover-icon"
1767
- >
1768
- <svg
1769
- aria-hidden="true"
1770
- class="memori-link-item--icon"
1771
- focusable="false"
1772
- role="img"
1773
- viewBox="0 0 1024 1024"
1774
- xmlns="http://www.w3.org/2000/svg"
1775
- >
1776
- <path
1777
- d="M574 665.4a8.03 8.03 0 0 0-11.3 0L446.5 781.6c-53.8 53.8-144.6 59.5-204 0-59.5-59.5-53.8-150.2 0-204l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3l-39.8-39.8a8.03 8.03 0 0 0-11.3 0L191.4 526.5c-84.6 84.6-84.6 221.5 0 306s221.5 84.6 306 0l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3L574 665.4zm258.6-474c-84.6-84.6-221.5-84.6-306 0L410.3 307.6a8.03 8.03 0 0 0 0 11.3l39.7 39.7c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c53.8-53.8 144.6-59.5 204 0 59.5 59.5 53.8 150.2 0 204L665.3 562.6a8.03 8.03 0 0 0 0 11.3l39.8 39.8c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c84.5-84.6 84.5-221.5 0-306.1zM610.1 372.3a8.03 8.03 0 0 0-11.3 0L372.3 598.7a8.03 8.03 0 0 0 0 11.3l39.6 39.6c3.1 3.1 8.2 3.1 11.3 0l226.4-226.4c3.1-3.1 3.1-8.2 0-11.3l-39.5-39.6z"
1778
- />
1779
- </svg>
1780
- </div>
1781
- </div>
1782
- <div
1783
- class="memori-card--content"
1784
- >
1785
- <h3
1786
- class="memori-card--title"
1787
- >
1788
- Link
1789
- </h3>
1790
- <div
1791
- class="memori-card--children"
1792
- />
1793
- </div>
1794
- <div
1795
- class="memori-spin--spinner"
1796
- >
1797
- <svg
1798
- aria-hidden="true"
1799
- class="memori-loading-icon"
1800
- focusable="false"
1801
- role="img"
1802
- viewBox="0 0 1024 1024"
1803
- xmlns="http://www.w3.org/2000/svg"
1804
- >
1805
- <path
1806
- d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
1807
- />
1808
- </svg>
1809
- </div>
1810
- </div>
1811
- </div>
1812
- </a>
1813
- </div>
1814
- </div>
1815
- </div>
1816
- </div>
1817
- <div
1818
- class="memori-chat--bubble-container memori-chat-scroll-item memori-chat--bubble-from-user"
1819
- >
1820
- <div
1821
- class="memori-chat--bubble memori-chat--user-bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
1822
- >
1823
- <div
1824
- class="memori-expandable memori-chat--bubble-content"
1825
- >
1826
- <div
1827
- class="memori-expandable--inner"
1828
- style="max-height: 9999px;"
1829
- >
1830
- <div
1831
- class="memori-chat--bubble-content"
1832
- dir="auto"
1833
- >
1834
- <p>
1835
- Ah, grazie! Ciao!
1836
- </p>
1837
- </div>
1838
- </div>
1839
- </div>
1840
- <div
1841
- class="memori-chat--bubble-addon"
1842
- >
1843
- <button
1844
- class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon memori-chat--bubble-action-icon--from-user"
1845
- title="copy"
1846
- >
1847
- <span
1848
- class="memori-button--icon"
1849
- >
1850
- <svg
1851
- aria-hidden="true"
1852
- fill="none"
1853
- focusable="false"
1854
- role="img"
1855
- stroke="currentColor"
1856
- stroke-linecap="round"
1857
- stroke-linejoin="round"
1858
- stroke-width="1.5"
1859
- viewBox="0 0 24 24"
1860
- xmlns="http://www.w3.org/2000/svg"
1726
+ <p>
1727
+ Ah, grazie! Ciao!
1728
+ </p>
1729
+ </div>
1730
+ </div>
1731
+ </div>
1732
+ <div
1733
+ class="memori-chat--bubble-addon"
1734
+ >
1735
+ <button
1736
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon memori-chat--bubble-action-icon--from-user"
1737
+ title="copy"
1738
+ >
1739
+ <span
1740
+ class="memori-button--icon"
1741
+ >
1742
+ <svg
1743
+ aria-hidden="true"
1744
+ fill="none"
1745
+ focusable="false"
1746
+ role="img"
1747
+ stroke="currentColor"
1748
+ stroke-linecap="round"
1749
+ stroke-linejoin="round"
1750
+ stroke-width="1.5"
1751
+ viewBox="0 0 24 24"
1752
+ xmlns="http://www.w3.org/2000/svg"
1861
1753
  >
1862
1754
  <rect
1863
1755
  height="14"
@@ -1949,9 +1841,6 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
1949
1841
  </div>
1950
1842
  </div>
1951
1843
  </div>
1952
- <div
1953
- class="memori-media-widget"
1954
- />
1955
1844
  <div
1956
1845
  id="end-messages-ref"
1957
1846
  />
@@ -2042,6 +1931,9 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
2042
1931
  <div
2043
1932
  class="memori-chat--cover"
2044
1933
  />
1934
+ <div
1935
+ class="memori-media-widget"
1936
+ />
2045
1937
  <div
2046
1938
  class="memori-chat--bubble-initial"
2047
1939
  />
@@ -2324,7 +2216,46 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
2324
2216
  </div>
2325
2217
  <div
2326
2218
  class="memori-media-widget"
2327
- />
2219
+ >
2220
+ <div
2221
+ class="memori-media-items"
2222
+ >
2223
+ <div
2224
+ class="memori-media-items--grid memori-chat-scroll-item memori-media-items--agent"
2225
+ >
2226
+ <div
2227
+ class="memori-media-item ease-out duration-500 delay-0 opacity-0 scale-95"
2228
+ >
2229
+ <a
2230
+ class="memori-media-item--link memori-media-item--document-link"
2231
+ href="https://memori.ai/131165be-9d1a-42fb-a3ce-e8f86d40c88f"
2232
+ rel="noopener noreferrer"
2233
+ target="_blank"
2234
+ title="Link"
2235
+ >
2236
+ <div
2237
+ class="memori-media-item--document"
2238
+ >
2239
+ <div
2240
+ class="memori-media-item--document-header"
2241
+ >
2242
+ <div
2243
+ class="memori-media-item--document-title"
2244
+ >
2245
+ Link
2246
+ </div>
2247
+ </div>
2248
+ <span
2249
+ class="memori-media-item--document-badge"
2250
+ >
2251
+ Link
2252
+ </span>
2253
+ </div>
2254
+ </a>
2255
+ </div>
2256
+ </div>
2257
+ </div>
2258
+ </div>
2328
2259
  <div
2329
2260
  class="memori-chat--bubble-container memori-chat-scroll-item"
2330
2261
  >
@@ -2390,83 +2321,7 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
2390
2321
  </div>
2391
2322
  <div
2392
2323
  class="memori-media-widget"
2393
- >
2394
- <div
2395
- class="memori-link-items"
2396
- >
2397
- <div
2398
- class="memori-link-items--grid memori-chat-scroll-item memori-link-items--agent"
2399
- >
2400
- <div
2401
- class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
2402
- >
2403
- <a
2404
- class="memori-link-item--link"
2405
- href="https://memori.ai"
2406
- rel="noopener noreferrer"
2407
- target="_blank"
2408
- >
2409
- <div
2410
- class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
2411
- >
2412
- <div
2413
- class="memori-spin"
2414
- >
2415
- <div
2416
- class="memori-card--cover"
2417
- >
2418
- <div
2419
- class="memori-link-item--card-cover-icon"
2420
- >
2421
- <svg
2422
- aria-hidden="true"
2423
- class="memori-link-item--icon"
2424
- focusable="false"
2425
- role="img"
2426
- viewBox="0 0 1024 1024"
2427
- xmlns="http://www.w3.org/2000/svg"
2428
- >
2429
- <path
2430
- d="M574 665.4a8.03 8.03 0 0 0-11.3 0L446.5 781.6c-53.8 53.8-144.6 59.5-204 0-59.5-59.5-53.8-150.2 0-204l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3l-39.8-39.8a8.03 8.03 0 0 0-11.3 0L191.4 526.5c-84.6 84.6-84.6 221.5 0 306s221.5 84.6 306 0l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3L574 665.4zm258.6-474c-84.6-84.6-221.5-84.6-306 0L410.3 307.6a8.03 8.03 0 0 0 0 11.3l39.7 39.7c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c53.8-53.8 144.6-59.5 204 0 59.5 59.5 53.8 150.2 0 204L665.3 562.6a8.03 8.03 0 0 0 0 11.3l39.8 39.8c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c84.5-84.6 84.5-221.5 0-306.1zM610.1 372.3a8.03 8.03 0 0 0-11.3 0L372.3 598.7a8.03 8.03 0 0 0 0 11.3l39.6 39.6c3.1 3.1 8.2 3.1 11.3 0l226.4-226.4c3.1-3.1 3.1-8.2 0-11.3l-39.5-39.6z"
2431
- />
2432
- </svg>
2433
- </div>
2434
- </div>
2435
- <div
2436
- class="memori-card--content"
2437
- >
2438
- <h3
2439
- class="memori-card--title"
2440
- >
2441
- Link
2442
- </h3>
2443
- <div
2444
- class="memori-card--children"
2445
- />
2446
- </div>
2447
- <div
2448
- class="memori-spin--spinner"
2449
- >
2450
- <svg
2451
- aria-hidden="true"
2452
- class="memori-loading-icon"
2453
- focusable="false"
2454
- role="img"
2455
- viewBox="0 0 1024 1024"
2456
- xmlns="http://www.w3.org/2000/svg"
2457
- >
2458
- <path
2459
- d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
2460
- />
2461
- </svg>
2462
- </div>
2463
- </div>
2464
- </div>
2465
- </a>
2466
- </div>
2467
- </div>
2468
- </div>
2469
- </div>
2324
+ />
2470
2325
  <div
2471
2326
  class="memori-chat--bubble-container memori-chat-scroll-item memori-chat--bubble-from-user"
2472
2327
  >
@@ -2604,9 +2459,6 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
2604
2459
  </div>
2605
2460
  </div>
2606
2461
  </div>
2607
- <div
2608
- class="memori-media-widget"
2609
- />
2610
2462
  <div
2611
2463
  id="end-messages-ref"
2612
2464
  />
@@ -2697,6 +2549,9 @@ exports[`renders Chat with dates unchanged 1`] = `
2697
2549
  <div
2698
2550
  class="memori-chat--cover"
2699
2551
  />
2552
+ <div
2553
+ class="memori-media-widget"
2554
+ />
2700
2555
  <div
2701
2556
  class="memori-chat--bubble-initial"
2702
2557
  />
@@ -3011,7 +2866,46 @@ exports[`renders Chat with dates unchanged 1`] = `
3011
2866
  </small>
3012
2867
  <div
3013
2868
  class="memori-media-widget"
3014
- />
2869
+ >
2870
+ <div
2871
+ class="memori-media-items"
2872
+ >
2873
+ <div
2874
+ class="memori-media-items--grid memori-chat-scroll-item memori-media-items--agent"
2875
+ >
2876
+ <div
2877
+ class="memori-media-item ease-out duration-500 delay-0 opacity-0 scale-95"
2878
+ >
2879
+ <a
2880
+ class="memori-media-item--link memori-media-item--document-link"
2881
+ href="https://memori.ai/131165be-9d1a-42fb-a3ce-e8f86d40c88f"
2882
+ rel="noopener noreferrer"
2883
+ target="_blank"
2884
+ title="Link"
2885
+ >
2886
+ <div
2887
+ class="memori-media-item--document"
2888
+ >
2889
+ <div
2890
+ class="memori-media-item--document-header"
2891
+ >
2892
+ <div
2893
+ class="memori-media-item--document-title"
2894
+ >
2895
+ Link
2896
+ </div>
2897
+ </div>
2898
+ <span
2899
+ class="memori-media-item--document-badge"
2900
+ >
2901
+ Link
2902
+ </span>
2903
+ </div>
2904
+ </a>
2905
+ </div>
2906
+ </div>
2907
+ </div>
2908
+ </div>
3015
2909
  <div
3016
2910
  class="memori-chat--bubble-container memori-chat-scroll-item"
3017
2911
  >
@@ -3082,127 +2976,51 @@ exports[`renders Chat with dates unchanged 1`] = `
3082
2976
  </small>
3083
2977
  <div
3084
2978
  class="memori-media-widget"
2979
+ />
2980
+ <div
2981
+ class="memori-chat--bubble-container memori-chat-scroll-item memori-chat--bubble-from-user"
3085
2982
  >
3086
2983
  <div
3087
- class="memori-link-items"
2984
+ class="memori-chat--bubble memori-chat--user-bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
3088
2985
  >
3089
2986
  <div
3090
- class="memori-link-items--grid memori-chat-scroll-item memori-link-items--agent"
2987
+ class="memori-expandable memori-chat--bubble-content"
3091
2988
  >
3092
2989
  <div
3093
- class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
2990
+ class="memori-expandable--inner"
2991
+ style="max-height: 9999px;"
3094
2992
  >
3095
- <a
3096
- class="memori-link-item--link"
3097
- href="https://memori.ai"
3098
- rel="noopener noreferrer"
3099
- target="_blank"
2993
+ <div
2994
+ class="memori-chat--bubble-content"
2995
+ dir="auto"
3100
2996
  >
3101
- <div
3102
- class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
3103
- >
3104
- <div
3105
- class="memori-spin"
3106
- >
3107
- <div
3108
- class="memori-card--cover"
3109
- >
3110
- <div
3111
- class="memori-link-item--card-cover-icon"
3112
- >
3113
- <svg
3114
- aria-hidden="true"
3115
- class="memori-link-item--icon"
3116
- focusable="false"
3117
- role="img"
3118
- viewBox="0 0 1024 1024"
3119
- xmlns="http://www.w3.org/2000/svg"
3120
- >
3121
- <path
3122
- d="M574 665.4a8.03 8.03 0 0 0-11.3 0L446.5 781.6c-53.8 53.8-144.6 59.5-204 0-59.5-59.5-53.8-150.2 0-204l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3l-39.8-39.8a8.03 8.03 0 0 0-11.3 0L191.4 526.5c-84.6 84.6-84.6 221.5 0 306s221.5 84.6 306 0l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3L574 665.4zm258.6-474c-84.6-84.6-221.5-84.6-306 0L410.3 307.6a8.03 8.03 0 0 0 0 11.3l39.7 39.7c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c53.8-53.8 144.6-59.5 204 0 59.5 59.5 53.8 150.2 0 204L665.3 562.6a8.03 8.03 0 0 0 0 11.3l39.8 39.8c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c84.5-84.6 84.5-221.5 0-306.1zM610.1 372.3a8.03 8.03 0 0 0-11.3 0L372.3 598.7a8.03 8.03 0 0 0 0 11.3l39.6 39.6c3.1 3.1 8.2 3.1 11.3 0l226.4-226.4c3.1-3.1 3.1-8.2 0-11.3l-39.5-39.6z"
3123
- />
3124
- </svg>
3125
- </div>
3126
- </div>
3127
- <div
3128
- class="memori-card--content"
3129
- >
3130
- <h3
3131
- class="memori-card--title"
3132
- >
3133
- Link
3134
- </h3>
3135
- <div
3136
- class="memori-card--children"
3137
- />
3138
- </div>
3139
- <div
3140
- class="memori-spin--spinner"
3141
- >
3142
- <svg
3143
- aria-hidden="true"
3144
- class="memori-loading-icon"
3145
- focusable="false"
3146
- role="img"
3147
- viewBox="0 0 1024 1024"
3148
- xmlns="http://www.w3.org/2000/svg"
3149
- >
3150
- <path
3151
- d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
3152
- />
3153
- </svg>
3154
- </div>
3155
- </div>
3156
- </div>
3157
- </a>
3158
- </div>
3159
- </div>
3160
- </div>
3161
- </div>
3162
- <div
3163
- class="memori-chat--bubble-container memori-chat-scroll-item memori-chat--bubble-from-user"
3164
- >
3165
- <div
3166
- class="memori-chat--bubble memori-chat--user-bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
3167
- >
3168
- <div
3169
- class="memori-expandable memori-chat--bubble-content"
3170
- >
3171
- <div
3172
- class="memori-expandable--inner"
3173
- style="max-height: 9999px;"
3174
- >
3175
- <div
3176
- class="memori-chat--bubble-content"
3177
- dir="auto"
3178
- >
3179
- <p>
3180
- Ah, grazie! Ciao!
3181
- </p>
3182
- </div>
3183
- </div>
3184
- </div>
3185
- <div
3186
- class="memori-chat--bubble-addon"
3187
- >
3188
- <button
3189
- class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon memori-chat--bubble-action-icon--from-user"
3190
- title="copy"
3191
- >
3192
- <span
3193
- class="memori-button--icon"
3194
- >
3195
- <svg
3196
- aria-hidden="true"
3197
- fill="none"
3198
- focusable="false"
3199
- role="img"
3200
- stroke="currentColor"
3201
- stroke-linecap="round"
3202
- stroke-linejoin="round"
3203
- stroke-width="1.5"
3204
- viewBox="0 0 24 24"
3205
- xmlns="http://www.w3.org/2000/svg"
2997
+ <p>
2998
+ Ah, grazie! Ciao!
2999
+ </p>
3000
+ </div>
3001
+ </div>
3002
+ </div>
3003
+ <div
3004
+ class="memori-chat--bubble-addon"
3005
+ >
3006
+ <button
3007
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon memori-chat--bubble-action-icon--from-user"
3008
+ title="copy"
3009
+ >
3010
+ <span
3011
+ class="memori-button--icon"
3012
+ >
3013
+ <svg
3014
+ aria-hidden="true"
3015
+ fill="none"
3016
+ focusable="false"
3017
+ role="img"
3018
+ stroke="currentColor"
3019
+ stroke-linecap="round"
3020
+ stroke-linejoin="round"
3021
+ stroke-width="1.5"
3022
+ viewBox="0 0 24 24"
3023
+ xmlns="http://www.w3.org/2000/svg"
3206
3024
  >
3207
3025
  <rect
3208
3026
  height="14"
@@ -3312,9 +3130,6 @@ exports[`renders Chat with dates unchanged 1`] = `
3312
3130
  >
3313
3131
  13:00:00
3314
3132
  </small>
3315
- <div
3316
- class="memori-media-widget"
3317
- />
3318
3133
  <div
3319
3134
  id="end-messages-ref"
3320
3135
  />
@@ -3405,6 +3220,9 @@ exports[`renders Chat with hints unchanged 1`] = `
3405
3220
  <div
3406
3221
  class="memori-chat--cover"
3407
3222
  />
3223
+ <div
3224
+ class="memori-media-widget"
3225
+ />
3408
3226
  <div
3409
3227
  class="memori-chat--bubble-initial"
3410
3228
  />
@@ -3699,7 +3517,46 @@ exports[`renders Chat with hints unchanged 1`] = `
3699
3517
  </div>
3700
3518
  <div
3701
3519
  class="memori-media-widget"
3702
- />
3520
+ >
3521
+ <div
3522
+ class="memori-media-items"
3523
+ >
3524
+ <div
3525
+ class="memori-media-items--grid memori-chat-scroll-item memori-media-items--agent"
3526
+ >
3527
+ <div
3528
+ class="memori-media-item ease-out duration-500 delay-0 opacity-0 scale-95"
3529
+ >
3530
+ <a
3531
+ class="memori-media-item--link memori-media-item--document-link"
3532
+ href="https://memori.ai/131165be-9d1a-42fb-a3ce-e8f86d40c88f"
3533
+ rel="noopener noreferrer"
3534
+ target="_blank"
3535
+ title="Link"
3536
+ >
3537
+ <div
3538
+ class="memori-media-item--document"
3539
+ >
3540
+ <div
3541
+ class="memori-media-item--document-header"
3542
+ >
3543
+ <div
3544
+ class="memori-media-item--document-title"
3545
+ >
3546
+ Link
3547
+ </div>
3548
+ </div>
3549
+ <span
3550
+ class="memori-media-item--document-badge"
3551
+ >
3552
+ Link
3553
+ </span>
3554
+ </div>
3555
+ </a>
3556
+ </div>
3557
+ </div>
3558
+ </div>
3559
+ </div>
3703
3560
  <div
3704
3561
  class="memori-chat--bubble-container memori-chat-scroll-item"
3705
3562
  >
@@ -3765,83 +3622,7 @@ exports[`renders Chat with hints unchanged 1`] = `
3765
3622
  </div>
3766
3623
  <div
3767
3624
  class="memori-media-widget"
3768
- >
3769
- <div
3770
- class="memori-link-items"
3771
- >
3772
- <div
3773
- class="memori-link-items--grid memori-chat-scroll-item memori-link-items--agent"
3774
- >
3775
- <div
3776
- class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
3777
- >
3778
- <a
3779
- class="memori-link-item--link"
3780
- href="https://memori.ai"
3781
- rel="noopener noreferrer"
3782
- target="_blank"
3783
- >
3784
- <div
3785
- class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
3786
- >
3787
- <div
3788
- class="memori-spin"
3789
- >
3790
- <div
3791
- class="memori-card--cover"
3792
- >
3793
- <div
3794
- class="memori-link-item--card-cover-icon"
3795
- >
3796
- <svg
3797
- aria-hidden="true"
3798
- class="memori-link-item--icon"
3799
- focusable="false"
3800
- role="img"
3801
- viewBox="0 0 1024 1024"
3802
- xmlns="http://www.w3.org/2000/svg"
3803
- >
3804
- <path
3805
- d="M574 665.4a8.03 8.03 0 0 0-11.3 0L446.5 781.6c-53.8 53.8-144.6 59.5-204 0-59.5-59.5-53.8-150.2 0-204l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3l-39.8-39.8a8.03 8.03 0 0 0-11.3 0L191.4 526.5c-84.6 84.6-84.6 221.5 0 306s221.5 84.6 306 0l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3L574 665.4zm258.6-474c-84.6-84.6-221.5-84.6-306 0L410.3 307.6a8.03 8.03 0 0 0 0 11.3l39.7 39.7c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c53.8-53.8 144.6-59.5 204 0 59.5 59.5 53.8 150.2 0 204L665.3 562.6a8.03 8.03 0 0 0 0 11.3l39.8 39.8c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c84.5-84.6 84.5-221.5 0-306.1zM610.1 372.3a8.03 8.03 0 0 0-11.3 0L372.3 598.7a8.03 8.03 0 0 0 0 11.3l39.6 39.6c3.1 3.1 8.2 3.1 11.3 0l226.4-226.4c3.1-3.1 3.1-8.2 0-11.3l-39.5-39.6z"
3806
- />
3807
- </svg>
3808
- </div>
3809
- </div>
3810
- <div
3811
- class="memori-card--content"
3812
- >
3813
- <h3
3814
- class="memori-card--title"
3815
- >
3816
- Link
3817
- </h3>
3818
- <div
3819
- class="memori-card--children"
3820
- />
3821
- </div>
3822
- <div
3823
- class="memori-spin--spinner"
3824
- >
3825
- <svg
3826
- aria-hidden="true"
3827
- class="memori-loading-icon"
3828
- focusable="false"
3829
- role="img"
3830
- viewBox="0 0 1024 1024"
3831
- xmlns="http://www.w3.org/2000/svg"
3832
- >
3833
- <path
3834
- d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
3835
- />
3836
- </svg>
3837
- </div>
3838
- </div>
3839
- </div>
3840
- </a>
3841
- </div>
3842
- </div>
3843
- </div>
3844
- </div>
3625
+ />
3845
3626
  <div
3846
3627
  class="memori-chat--bubble-container memori-chat-scroll-item memori-chat--bubble-from-user"
3847
3628
  >
@@ -3985,9 +3766,6 @@ exports[`renders Chat with hints unchanged 1`] = `
3985
3766
  </div>
3986
3767
  </div>
3987
3768
  </div>
3988
- <div
3989
- class="memori-media-widget"
3990
- />
3991
3769
  <div
3992
3770
  class="memori-media-widget"
3993
3771
  >
@@ -4104,6 +3882,9 @@ exports[`renders Chat with media unchanged 1`] = `
4104
3882
  <div
4105
3883
  class="memori-chat--cover"
4106
3884
  />
3885
+ <div
3886
+ class="memori-media-widget"
3887
+ />
4107
3888
  <div
4108
3889
  class="memori-chat--bubble-initial"
4109
3890
  />
@@ -4396,72 +4177,6 @@ exports[`renders Chat with media unchanged 1`] = `
4396
4177
  </svg>
4397
4178
  </div>
4398
4179
  </div>
4399
- <div
4400
- class="memori-media-widget"
4401
- />
4402
- <div
4403
- class="memori-chat--bubble-container memori-chat-scroll-item"
4404
- >
4405
- <picture
4406
- class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x--15"
4407
- title="Memori"
4408
- >
4409
- <img
4410
- alt="Memori"
4411
- class="memori-chat--bubble-avatar-img"
4412
- src="https://aisuru.com/images/aisuru/square_logo.png"
4413
- />
4414
- </picture>
4415
- <div
4416
- class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
4417
- >
4418
- <div
4419
- class="memori-chat--bubble-content"
4420
- dir="auto"
4421
- >
4422
- <p>
4423
- Ecco qui delle cose per te.
4424
- </p>
4425
- </div>
4426
- <div
4427
- class="memori-chat--bubble-addon"
4428
- >
4429
- <button
4430
- class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
4431
- title="copy"
4432
- >
4433
- <span
4434
- class="memori-button--icon"
4435
- >
4436
- <svg
4437
- aria-hidden="true"
4438
- fill="none"
4439
- focusable="false"
4440
- role="img"
4441
- stroke="currentColor"
4442
- stroke-linecap="round"
4443
- stroke-linejoin="round"
4444
- stroke-width="1.5"
4445
- viewBox="0 0 24 24"
4446
- xmlns="http://www.w3.org/2000/svg"
4447
- >
4448
- <rect
4449
- height="14"
4450
- rx="2"
4451
- ry="2"
4452
- width="14"
4453
- x="8"
4454
- y="8"
4455
- />
4456
- <path
4457
- d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
4458
- />
4459
- </svg>
4460
- </span>
4461
- </button>
4462
- </div>
4463
- </div>
4464
- </div>
4465
4180
  <div
4466
4181
  class="memori-media-widget"
4467
4182
  >
@@ -4469,16 +4184,16 @@ exports[`renders Chat with media unchanged 1`] = `
4469
4184
  class="memori-media-items"
4470
4185
  >
4471
4186
  <div
4472
- class="memori-media-items--grid memori-chat-scroll-item memori-media-items--agent"
4187
+ class="memori-media-items--grid memori-chat-scroll-item memori-media-items--agent memori-media-items--few"
4473
4188
  >
4474
4189
  <div
4475
4190
  class="memori-media-item ease-out duration-500 delay-0 opacity-0 scale-95"
4476
4191
  >
4477
- <a
4478
- class="memori-media-item--link"
4479
- href="https://picsum.photos/300/200?random=0"
4480
- rel="noopener noreferrer"
4481
- target="_blank"
4192
+ <div
4193
+ class="memori-media-item--link memori-media-item--image-link"
4194
+ role="button"
4195
+ style="cursor: pointer;"
4196
+ tabindex="0"
4482
4197
  title="Image 0"
4483
4198
  >
4484
4199
  <div
@@ -4501,11 +4216,6 @@ exports[`renders Chat with media unchanged 1`] = `
4501
4216
  alt="Image 0"
4502
4217
  src="https://picsum.photos/300/200?random=0"
4503
4218
  />
4504
- <figcaption
4505
- class="memori-media-item--figure-caption"
4506
- >
4507
- Image 0
4508
- </figcaption>
4509
4219
  </picture>
4510
4220
  </div>
4511
4221
  <div
@@ -4533,16 +4243,16 @@ exports[`renders Chat with media unchanged 1`] = `
4533
4243
  </div>
4534
4244
  </div>
4535
4245
  </div>
4536
- </a>
4246
+ </div>
4537
4247
  </div>
4538
4248
  <div
4539
4249
  class="memori-media-item ease-out duration-500 delay-100 opacity-0 scale-95"
4540
4250
  >
4541
- <a
4542
- class="memori-media-item--link"
4543
- href="https://picsum.photos/200/300?random=1"
4544
- rel="noopener noreferrer"
4545
- target="_blank"
4251
+ <div
4252
+ class="memori-media-item--link memori-media-item--image-link"
4253
+ role="button"
4254
+ style="cursor: pointer;"
4255
+ tabindex="0"
4546
4256
  title="Image 1"
4547
4257
  >
4548
4258
  <div
@@ -4565,11 +4275,6 @@ exports[`renders Chat with media unchanged 1`] = `
4565
4275
  alt="Image 1"
4566
4276
  src="https://picsum.photos/200/300?random=1"
4567
4277
  />
4568
- <figcaption
4569
- class="memori-media-item--figure-caption"
4570
- >
4571
- Image 1
4572
- </figcaption>
4573
4278
  </picture>
4574
4279
  </div>
4575
4280
  <div
@@ -4597,16 +4302,16 @@ exports[`renders Chat with media unchanged 1`] = `
4597
4302
  </div>
4598
4303
  </div>
4599
4304
  </div>
4600
- </a>
4305
+ </div>
4601
4306
  </div>
4602
4307
  <div
4603
4308
  class="memori-media-item ease-out duration-500 delay-200 opacity-0 scale-95"
4604
4309
  >
4605
- <a
4606
- class="memori-media-item--link"
4607
- href="https://picsum.photos/300/300?random=2"
4608
- rel="noopener noreferrer"
4609
- target="_blank"
4310
+ <div
4311
+ class="memori-media-item--link memori-media-item--image-link"
4312
+ role="button"
4313
+ style="cursor: pointer;"
4314
+ tabindex="0"
4610
4315
  title="Image 2"
4611
4316
  >
4612
4317
  <div
@@ -4629,11 +4334,6 @@ exports[`renders Chat with media unchanged 1`] = `
4629
4334
  alt="Image 2"
4630
4335
  src="https://picsum.photos/300/300?random=2"
4631
4336
  />
4632
- <figcaption
4633
- class="memori-media-item--figure-caption"
4634
- >
4635
- Image 2
4636
- </figcaption>
4637
4337
  </picture>
4638
4338
  </div>
4639
4339
  <div
@@ -4661,287 +4361,197 @@ exports[`renders Chat with media unchanged 1`] = `
4661
4361
  </div>
4662
4362
  </div>
4663
4363
  </div>
4664
- </a>
4364
+ </div>
4665
4365
  </div>
4666
- </div>
4667
- </div>
4668
- <div
4669
- class="memori-link-items"
4670
- >
4671
- <div
4672
- class="memori-link-items--grid memori-chat-scroll-item memori-link-items--agent"
4673
- >
4674
4366
  <div
4675
- class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
4367
+ class="memori-media-item ease-out duration-500 delay-300 opacity-0 scale-95"
4676
4368
  >
4677
4369
  <a
4678
- class="memori-link-item--link"
4679
- href="https://memori.ai/en"
4370
+ class="memori-media-item--link memori-media-item--document-link"
4371
+ href="https://memori.ai/en/131165be-9d1a-42fb-a3ce-e8f86d40c88f"
4680
4372
  rel="noopener noreferrer"
4681
4373
  target="_blank"
4374
+ title="Link Memori Srl"
4682
4375
  >
4683
4376
  <div
4684
- class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
4377
+ class="memori-media-item--document"
4685
4378
  >
4686
4379
  <div
4687
- class="memori-spin"
4380
+ class="memori-media-item--document-header"
4688
4381
  >
4689
4382
  <div
4690
- class="memori-card--cover"
4691
- >
4692
- <div
4693
- class="memori-link-item--card-cover-icon"
4694
- >
4695
- <svg
4696
- aria-hidden="true"
4697
- class="memori-link-item--icon"
4698
- focusable="false"
4699
- role="img"
4700
- viewBox="0 0 1024 1024"
4701
- xmlns="http://www.w3.org/2000/svg"
4702
- >
4703
- <path
4704
- d="M574 665.4a8.03 8.03 0 0 0-11.3 0L446.5 781.6c-53.8 53.8-144.6 59.5-204 0-59.5-59.5-53.8-150.2 0-204l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3l-39.8-39.8a8.03 8.03 0 0 0-11.3 0L191.4 526.5c-84.6 84.6-84.6 221.5 0 306s221.5 84.6 306 0l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3L574 665.4zm258.6-474c-84.6-84.6-221.5-84.6-306 0L410.3 307.6a8.03 8.03 0 0 0 0 11.3l39.7 39.7c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c53.8-53.8 144.6-59.5 204 0 59.5 59.5 53.8 150.2 0 204L665.3 562.6a8.03 8.03 0 0 0 0 11.3l39.8 39.8c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c84.5-84.6 84.5-221.5 0-306.1zM610.1 372.3a8.03 8.03 0 0 0-11.3 0L372.3 598.7a8.03 8.03 0 0 0 0 11.3l39.6 39.6c3.1 3.1 8.2 3.1 11.3 0l226.4-226.4c3.1-3.1 3.1-8.2 0-11.3l-39.5-39.6z"
4705
- />
4706
- </svg>
4707
- </div>
4708
- </div>
4709
- <div
4710
- class="memori-card--content"
4383
+ class="memori-media-item--document-title"
4711
4384
  >
4712
- <h3
4713
- class="memori-card--title"
4714
- >
4715
- Link Memori Srl
4716
- </h3>
4717
- <div
4718
- class="memori-card--children"
4719
- />
4720
- </div>
4721
- <div
4722
- class="memori-spin--spinner"
4723
- >
4724
- <svg
4725
- aria-hidden="true"
4726
- class="memori-loading-icon"
4727
- focusable="false"
4728
- role="img"
4729
- viewBox="0 0 1024 1024"
4730
- xmlns="http://www.w3.org/2000/svg"
4731
- >
4732
- <path
4733
- d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
4734
- />
4735
- </svg>
4385
+ Link Memori Srl
4736
4386
  </div>
4737
4387
  </div>
4388
+ <span
4389
+ class="memori-media-item--document-badge"
4390
+ >
4391
+ Link
4392
+ </span>
4738
4393
  </div>
4739
4394
  </a>
4740
4395
  </div>
4741
4396
  <div
4742
- class="memori-link-item ease-out duration-500 delay-100 opacity-0 scale-95"
4397
+ class="memori-media-item ease-out duration-500 delay-400 opacity-0 scale-95"
4743
4398
  >
4744
4399
  <a
4745
- class="memori-link-item--link"
4400
+ class="memori-media-item--link memori-media-item--document-link"
4746
4401
  href="https://rawmaterial.it/en"
4747
4402
  rel="noopener noreferrer"
4748
4403
  target="_blank"
4404
+ title="Link RawMaterial"
4749
4405
  >
4750
4406
  <div
4751
- class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
4407
+ class="memori-media-item--document"
4752
4408
  >
4753
4409
  <div
4754
- class="memori-spin"
4410
+ class="memori-media-item--document-header"
4755
4411
  >
4756
4412
  <div
4757
- class="memori-card--cover"
4758
- >
4759
- <div
4760
- class="memori-link-item--card-cover-icon"
4761
- >
4762
- <svg
4763
- aria-hidden="true"
4764
- class="memori-link-item--icon"
4765
- focusable="false"
4766
- role="img"
4767
- viewBox="0 0 1024 1024"
4768
- xmlns="http://www.w3.org/2000/svg"
4769
- >
4770
- <path
4771
- d="M574 665.4a8.03 8.03 0 0 0-11.3 0L446.5 781.6c-53.8 53.8-144.6 59.5-204 0-59.5-59.5-53.8-150.2 0-204l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3l-39.8-39.8a8.03 8.03 0 0 0-11.3 0L191.4 526.5c-84.6 84.6-84.6 221.5 0 306s221.5 84.6 306 0l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3L574 665.4zm258.6-474c-84.6-84.6-221.5-84.6-306 0L410.3 307.6a8.03 8.03 0 0 0 0 11.3l39.7 39.7c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c53.8-53.8 144.6-59.5 204 0 59.5 59.5 53.8 150.2 0 204L665.3 562.6a8.03 8.03 0 0 0 0 11.3l39.8 39.8c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c84.5-84.6 84.5-221.5 0-306.1zM610.1 372.3a8.03 8.03 0 0 0-11.3 0L372.3 598.7a8.03 8.03 0 0 0 0 11.3l39.6 39.6c3.1 3.1 8.2 3.1 11.3 0l226.4-226.4c3.1-3.1 3.1-8.2 0-11.3l-39.5-39.6z"
4772
- />
4773
- </svg>
4774
- </div>
4775
- </div>
4776
- <div
4777
- class="memori-card--content"
4778
- >
4779
- <h3
4780
- class="memori-card--title"
4781
- >
4782
- Link RawMaterial
4783
- </h3>
4784
- <div
4785
- class="memori-card--children"
4786
- />
4787
- </div>
4788
- <div
4789
- class="memori-spin--spinner"
4413
+ class="memori-media-item--document-title"
4790
4414
  >
4791
- <svg
4792
- aria-hidden="true"
4793
- class="memori-loading-icon"
4794
- focusable="false"
4795
- role="img"
4796
- viewBox="0 0 1024 1024"
4797
- xmlns="http://www.w3.org/2000/svg"
4798
- >
4799
- <path
4800
- d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
4801
- />
4802
- </svg>
4415
+ Link RawMaterial
4803
4416
  </div>
4804
4417
  </div>
4418
+ <span
4419
+ class="memori-media-item--document-badge"
4420
+ >
4421
+ Link
4422
+ </span>
4805
4423
  </div>
4806
4424
  </a>
4807
4425
  </div>
4808
4426
  <div
4809
- class="memori-link-item ease-out duration-500 delay-200 opacity-0 scale-95"
4427
+ class="memori-media-item ease-out duration-500 delay-500 opacity-0 scale-95"
4810
4428
  >
4811
4429
  <a
4812
- class="memori-link-item--link"
4430
+ class="memori-media-item--link memori-media-item--document-link"
4813
4431
  href="https://vimeo.com/766468314"
4814
4432
  rel="noopener noreferrer"
4815
4433
  target="_blank"
4434
+ title="Introducing Plone Remix | Vimeo"
4816
4435
  >
4817
4436
  <div
4818
- class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
4437
+ class="memori-media-item--document"
4819
4438
  >
4820
4439
  <div
4821
- class="memori-spin"
4440
+ class="memori-media-item--document-header"
4822
4441
  >
4823
4442
  <div
4824
- class="memori-card--cover"
4825
- >
4826
- <div
4827
- class="memori-link-item--card-cover-icon"
4828
- >
4829
- <svg
4830
- aria-hidden="true"
4831
- class="memori-link-item--icon"
4832
- focusable="false"
4833
- role="img"
4834
- viewBox="0 0 1024 1024"
4835
- xmlns="http://www.w3.org/2000/svg"
4836
- >
4837
- <path
4838
- d="M574 665.4a8.03 8.03 0 0 0-11.3 0L446.5 781.6c-53.8 53.8-144.6 59.5-204 0-59.5-59.5-53.8-150.2 0-204l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3l-39.8-39.8a8.03 8.03 0 0 0-11.3 0L191.4 526.5c-84.6 84.6-84.6 221.5 0 306s221.5 84.6 306 0l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3L574 665.4zm258.6-474c-84.6-84.6-221.5-84.6-306 0L410.3 307.6a8.03 8.03 0 0 0 0 11.3l39.7 39.7c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c53.8-53.8 144.6-59.5 204 0 59.5 59.5 53.8 150.2 0 204L665.3 562.6a8.03 8.03 0 0 0 0 11.3l39.8 39.8c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c84.5-84.6 84.5-221.5 0-306.1zM610.1 372.3a8.03 8.03 0 0 0-11.3 0L372.3 598.7a8.03 8.03 0 0 0 0 11.3l39.6 39.6c3.1 3.1 8.2 3.1 11.3 0l226.4-226.4c3.1-3.1 3.1-8.2 0-11.3l-39.5-39.6z"
4839
- />
4840
- </svg>
4841
- </div>
4842
- </div>
4843
- <div
4844
- class="memori-card--content"
4845
- >
4846
- <h3
4847
- class="memori-card--title"
4848
- >
4849
- Introducing Plone Remix | Vimeo
4850
- </h3>
4851
- <div
4852
- class="memori-card--children"
4853
- />
4854
- </div>
4855
- <div
4856
- class="memori-spin--spinner"
4443
+ class="memori-media-item--document-title"
4857
4444
  >
4858
- <svg
4859
- aria-hidden="true"
4860
- class="memori-loading-icon"
4861
- focusable="false"
4862
- role="img"
4863
- viewBox="0 0 1024 1024"
4864
- xmlns="http://www.w3.org/2000/svg"
4865
- >
4866
- <path
4867
- d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
4868
- />
4869
- </svg>
4445
+ Introducing Plone Remix | Vimeo
4870
4446
  </div>
4871
4447
  </div>
4448
+ <span
4449
+ class="memori-media-item--document-badge"
4450
+ >
4451
+ Link
4452
+ </span>
4872
4453
  </div>
4873
4454
  </a>
4874
4455
  </div>
4875
4456
  <div
4876
- class="memori-link-item ease-out duration-500 delay-300 opacity-0 scale-95"
4457
+ class="memori-media-item ease-out duration-500 delay-600 opacity-0 scale-95"
4877
4458
  >
4878
4459
  <a
4879
- class="memori-link-item--link"
4460
+ class="memori-media-item--link memori-media-item--document-link"
4880
4461
  href="https://www.youtube.com/watch?v=feH26j3rBz8"
4881
4462
  rel="noopener noreferrer"
4882
4463
  target="_blank"
4464
+ title="A sustainable web: is it possible? - Nicola Zambello | YouTube"
4883
4465
  >
4884
- <div
4885
- class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
4886
- >
4887
- <div
4888
- class="memori-spin"
4889
- >
4890
- <div
4891
- class="memori-card--cover"
4892
- >
4893
- <div
4894
- class="memori-link-item--card-cover-icon"
4895
- >
4896
- <svg
4897
- aria-hidden="true"
4898
- class="memori-link-item--icon"
4899
- focusable="false"
4900
- role="img"
4901
- viewBox="0 0 1024 1024"
4902
- xmlns="http://www.w3.org/2000/svg"
4903
- >
4904
- <path
4905
- d="M574 665.4a8.03 8.03 0 0 0-11.3 0L446.5 781.6c-53.8 53.8-144.6 59.5-204 0-59.5-59.5-53.8-150.2 0-204l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3l-39.8-39.8a8.03 8.03 0 0 0-11.3 0L191.4 526.5c-84.6 84.6-84.6 221.5 0 306s221.5 84.6 306 0l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3L574 665.4zm258.6-474c-84.6-84.6-221.5-84.6-306 0L410.3 307.6a8.03 8.03 0 0 0 0 11.3l39.7 39.7c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c53.8-53.8 144.6-59.5 204 0 59.5 59.5 53.8 150.2 0 204L665.3 562.6a8.03 8.03 0 0 0 0 11.3l39.8 39.8c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c84.5-84.6 84.5-221.5 0-306.1zM610.1 372.3a8.03 8.03 0 0 0-11.3 0L372.3 598.7a8.03 8.03 0 0 0 0 11.3l39.6 39.6c3.1 3.1 8.2 3.1 11.3 0l226.4-226.4c3.1-3.1 3.1-8.2 0-11.3l-39.5-39.6z"
4906
- />
4907
- </svg>
4908
- </div>
4909
- </div>
4910
- <div
4911
- class="memori-card--content"
4912
- >
4913
- <h3
4914
- class="memori-card--title"
4915
- >
4916
- A sustainable web: is it possible? - Nicola Zambello | YouTube
4917
- </h3>
4918
- <div
4919
- class="memori-card--children"
4920
- />
4921
- </div>
4922
- <div
4923
- class="memori-spin--spinner"
4924
- >
4925
- <svg
4926
- aria-hidden="true"
4927
- class="memori-loading-icon"
4928
- focusable="false"
4929
- role="img"
4930
- viewBox="0 0 1024 1024"
4931
- xmlns="http://www.w3.org/2000/svg"
4932
- >
4933
- <path
4934
- d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
4935
- />
4936
- </svg>
4466
+ <div
4467
+ class="memori-media-item--document"
4468
+ >
4469
+ <div
4470
+ class="memori-media-item--document-header"
4471
+ >
4472
+ <div
4473
+ class="memori-media-item--document-title"
4474
+ >
4475
+ A sustainable web: is it possible? - Nicola Zambello | YouTube
4937
4476
  </div>
4938
4477
  </div>
4478
+ <span
4479
+ class="memori-media-item--document-badge"
4480
+ >
4481
+ Link
4482
+ </span>
4939
4483
  </div>
4940
4484
  </a>
4941
4485
  </div>
4942
4486
  </div>
4943
4487
  </div>
4944
4488
  </div>
4489
+ <div
4490
+ class="memori-chat--bubble-container memori-chat-scroll-item"
4491
+ >
4492
+ <picture
4493
+ class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x--15"
4494
+ title="Memori"
4495
+ >
4496
+ <img
4497
+ alt="Memori"
4498
+ class="memori-chat--bubble-avatar-img"
4499
+ src="https://aisuru.com/images/aisuru/square_logo.png"
4500
+ />
4501
+ </picture>
4502
+ <div
4503
+ class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
4504
+ >
4505
+ <div
4506
+ class="memori-chat--bubble-content"
4507
+ dir="auto"
4508
+ >
4509
+ <p>
4510
+ Ecco qui delle cose per te.
4511
+ </p>
4512
+ </div>
4513
+ <div
4514
+ class="memori-chat--bubble-addon"
4515
+ >
4516
+ <button
4517
+ class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
4518
+ title="copy"
4519
+ >
4520
+ <span
4521
+ class="memori-button--icon"
4522
+ >
4523
+ <svg
4524
+ aria-hidden="true"
4525
+ fill="none"
4526
+ focusable="false"
4527
+ role="img"
4528
+ stroke="currentColor"
4529
+ stroke-linecap="round"
4530
+ stroke-linejoin="round"
4531
+ stroke-width="1.5"
4532
+ viewBox="0 0 24 24"
4533
+ xmlns="http://www.w3.org/2000/svg"
4534
+ >
4535
+ <rect
4536
+ height="14"
4537
+ rx="2"
4538
+ ry="2"
4539
+ width="14"
4540
+ x="8"
4541
+ y="8"
4542
+ />
4543
+ <path
4544
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
4545
+ />
4546
+ </svg>
4547
+ </span>
4548
+ </button>
4549
+ </div>
4550
+ </div>
4551
+ </div>
4552
+ <div
4553
+ class="memori-media-widget"
4554
+ />
4945
4555
  <div
4946
4556
  class="memori-chat--bubble-container memori-chat-scroll-item memori-chat--bubble-from-user"
4947
4557
  >
@@ -5085,9 +4695,6 @@ exports[`renders Chat with media unchanged 1`] = `
5085
4695
  </div>
5086
4696
  </div>
5087
4697
  </div>
5088
- <div
5089
- class="memori-media-widget"
5090
- />
5091
4698
  <div
5092
4699
  id="end-messages-ref"
5093
4700
  />
@@ -5178,6 +4785,9 @@ exports[`renders Chat with memori typing unchanged 1`] = `
5178
4785
  <div
5179
4786
  class="memori-chat--cover"
5180
4787
  />
4788
+ <div
4789
+ class="memori-media-widget"
4790
+ />
5181
4791
  <div
5182
4792
  class="memori-chat--bubble-initial"
5183
4793
  />
@@ -5472,7 +5082,46 @@ exports[`renders Chat with memori typing unchanged 1`] = `
5472
5082
  </div>
5473
5083
  <div
5474
5084
  class="memori-media-widget"
5475
- />
5085
+ >
5086
+ <div
5087
+ class="memori-media-items"
5088
+ >
5089
+ <div
5090
+ class="memori-media-items--grid memori-chat-scroll-item memori-media-items--agent"
5091
+ >
5092
+ <div
5093
+ class="memori-media-item ease-out duration-500 delay-0 opacity-0 scale-95"
5094
+ >
5095
+ <a
5096
+ class="memori-media-item--link memori-media-item--document-link"
5097
+ href="https://memori.ai/131165be-9d1a-42fb-a3ce-e8f86d40c88f"
5098
+ rel="noopener noreferrer"
5099
+ target="_blank"
5100
+ title="Link"
5101
+ >
5102
+ <div
5103
+ class="memori-media-item--document"
5104
+ >
5105
+ <div
5106
+ class="memori-media-item--document-header"
5107
+ >
5108
+ <div
5109
+ class="memori-media-item--document-title"
5110
+ >
5111
+ Link
5112
+ </div>
5113
+ </div>
5114
+ <span
5115
+ class="memori-media-item--document-badge"
5116
+ >
5117
+ Link
5118
+ </span>
5119
+ </div>
5120
+ </a>
5121
+ </div>
5122
+ </div>
5123
+ </div>
5124
+ </div>
5476
5125
  <div
5477
5126
  class="memori-chat--bubble-container memori-chat-scroll-item"
5478
5127
  >
@@ -5538,83 +5187,7 @@ exports[`renders Chat with memori typing unchanged 1`] = `
5538
5187
  </div>
5539
5188
  <div
5540
5189
  class="memori-media-widget"
5541
- >
5542
- <div
5543
- class="memori-link-items"
5544
- >
5545
- <div
5546
- class="memori-link-items--grid memori-chat-scroll-item memori-link-items--agent"
5547
- >
5548
- <div
5549
- class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
5550
- >
5551
- <a
5552
- class="memori-link-item--link"
5553
- href="https://memori.ai"
5554
- rel="noopener noreferrer"
5555
- target="_blank"
5556
- >
5557
- <div
5558
- class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
5559
- >
5560
- <div
5561
- class="memori-spin"
5562
- >
5563
- <div
5564
- class="memori-card--cover"
5565
- >
5566
- <div
5567
- class="memori-link-item--card-cover-icon"
5568
- >
5569
- <svg
5570
- aria-hidden="true"
5571
- class="memori-link-item--icon"
5572
- focusable="false"
5573
- role="img"
5574
- viewBox="0 0 1024 1024"
5575
- xmlns="http://www.w3.org/2000/svg"
5576
- >
5577
- <path
5578
- d="M574 665.4a8.03 8.03 0 0 0-11.3 0L446.5 781.6c-53.8 53.8-144.6 59.5-204 0-59.5-59.5-53.8-150.2 0-204l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3l-39.8-39.8a8.03 8.03 0 0 0-11.3 0L191.4 526.5c-84.6 84.6-84.6 221.5 0 306s221.5 84.6 306 0l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3L574 665.4zm258.6-474c-84.6-84.6-221.5-84.6-306 0L410.3 307.6a8.03 8.03 0 0 0 0 11.3l39.7 39.7c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c53.8-53.8 144.6-59.5 204 0 59.5 59.5 53.8 150.2 0 204L665.3 562.6a8.03 8.03 0 0 0 0 11.3l39.8 39.8c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c84.5-84.6 84.5-221.5 0-306.1zM610.1 372.3a8.03 8.03 0 0 0-11.3 0L372.3 598.7a8.03 8.03 0 0 0 0 11.3l39.6 39.6c3.1 3.1 8.2 3.1 11.3 0l226.4-226.4c3.1-3.1 3.1-8.2 0-11.3l-39.5-39.6z"
5579
- />
5580
- </svg>
5581
- </div>
5582
- </div>
5583
- <div
5584
- class="memori-card--content"
5585
- >
5586
- <h3
5587
- class="memori-card--title"
5588
- >
5589
- Link
5590
- </h3>
5591
- <div
5592
- class="memori-card--children"
5593
- />
5594
- </div>
5595
- <div
5596
- class="memori-spin--spinner"
5597
- >
5598
- <svg
5599
- aria-hidden="true"
5600
- class="memori-loading-icon"
5601
- focusable="false"
5602
- role="img"
5603
- viewBox="0 0 1024 1024"
5604
- xmlns="http://www.w3.org/2000/svg"
5605
- >
5606
- <path
5607
- d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
5608
- />
5609
- </svg>
5610
- </div>
5611
- </div>
5612
- </div>
5613
- </a>
5614
- </div>
5615
- </div>
5616
- </div>
5617
- </div>
5190
+ />
5618
5191
  <div
5619
5192
  class="memori-chat--bubble-container memori-chat-scroll-item memori-chat--bubble-from-user"
5620
5193
  >
@@ -5758,9 +5331,6 @@ exports[`renders Chat with memori typing unchanged 1`] = `
5758
5331
  </div>
5759
5332
  </div>
5760
5333
  </div>
5761
- <div
5762
- class="memori-media-widget"
5763
- />
5764
5334
  <div
5765
5335
  class="memori-chat--bubble"
5766
5336
  >
@@ -5863,6 +5433,9 @@ exports[`renders Chat with user unchanged 1`] = `
5863
5433
  <div
5864
5434
  class="memori-chat--cover"
5865
5435
  />
5436
+ <div
5437
+ class="memori-media-widget"
5438
+ />
5866
5439
  <div
5867
5440
  class="memori-chat--bubble-initial"
5868
5441
  />
@@ -6145,7 +5718,46 @@ exports[`renders Chat with user unchanged 1`] = `
6145
5718
  </div>
6146
5719
  <div
6147
5720
  class="memori-media-widget"
6148
- />
5721
+ >
5722
+ <div
5723
+ class="memori-media-items"
5724
+ >
5725
+ <div
5726
+ class="memori-media-items--grid memori-chat-scroll-item memori-media-items--agent"
5727
+ >
5728
+ <div
5729
+ class="memori-media-item ease-out duration-500 delay-0 opacity-0 scale-95"
5730
+ >
5731
+ <a
5732
+ class="memori-media-item--link memori-media-item--document-link"
5733
+ href="https://memori.ai/131165be-9d1a-42fb-a3ce-e8f86d40c88f"
5734
+ rel="noopener noreferrer"
5735
+ target="_blank"
5736
+ title="Link"
5737
+ >
5738
+ <div
5739
+ class="memori-media-item--document"
5740
+ >
5741
+ <div
5742
+ class="memori-media-item--document-header"
5743
+ >
5744
+ <div
5745
+ class="memori-media-item--document-title"
5746
+ >
5747
+ Link
5748
+ </div>
5749
+ </div>
5750
+ <span
5751
+ class="memori-media-item--document-badge"
5752
+ >
5753
+ Link
5754
+ </span>
5755
+ </div>
5756
+ </a>
5757
+ </div>
5758
+ </div>
5759
+ </div>
5760
+ </div>
6149
5761
  <div
6150
5762
  class="memori-chat--bubble-container memori-chat-scroll-item"
6151
5763
  >
@@ -6211,83 +5823,7 @@ exports[`renders Chat with user unchanged 1`] = `
6211
5823
  </div>
6212
5824
  <div
6213
5825
  class="memori-media-widget"
6214
- >
6215
- <div
6216
- class="memori-link-items"
6217
- >
6218
- <div
6219
- class="memori-link-items--grid memori-chat-scroll-item memori-link-items--agent"
6220
- >
6221
- <div
6222
- class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
6223
- >
6224
- <a
6225
- class="memori-link-item--link"
6226
- href="https://memori.ai"
6227
- rel="noopener noreferrer"
6228
- target="_blank"
6229
- >
6230
- <div
6231
- class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
6232
- >
6233
- <div
6234
- class="memori-spin"
6235
- >
6236
- <div
6237
- class="memori-card--cover"
6238
- >
6239
- <div
6240
- class="memori-link-item--card-cover-icon"
6241
- >
6242
- <svg
6243
- aria-hidden="true"
6244
- class="memori-link-item--icon"
6245
- focusable="false"
6246
- role="img"
6247
- viewBox="0 0 1024 1024"
6248
- xmlns="http://www.w3.org/2000/svg"
6249
- >
6250
- <path
6251
- d="M574 665.4a8.03 8.03 0 0 0-11.3 0L446.5 781.6c-53.8 53.8-144.6 59.5-204 0-59.5-59.5-53.8-150.2 0-204l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3l-39.8-39.8a8.03 8.03 0 0 0-11.3 0L191.4 526.5c-84.6 84.6-84.6 221.5 0 306s221.5 84.6 306 0l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3L574 665.4zm258.6-474c-84.6-84.6-221.5-84.6-306 0L410.3 307.6a8.03 8.03 0 0 0 0 11.3l39.7 39.7c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c53.8-53.8 144.6-59.5 204 0 59.5 59.5 53.8 150.2 0 204L665.3 562.6a8.03 8.03 0 0 0 0 11.3l39.8 39.8c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c84.5-84.6 84.5-221.5 0-306.1zM610.1 372.3a8.03 8.03 0 0 0-11.3 0L372.3 598.7a8.03 8.03 0 0 0 0 11.3l39.6 39.6c3.1 3.1 8.2 3.1 11.3 0l226.4-226.4c3.1-3.1 3.1-8.2 0-11.3l-39.5-39.6z"
6252
- />
6253
- </svg>
6254
- </div>
6255
- </div>
6256
- <div
6257
- class="memori-card--content"
6258
- >
6259
- <h3
6260
- class="memori-card--title"
6261
- >
6262
- Link
6263
- </h3>
6264
- <div
6265
- class="memori-card--children"
6266
- />
6267
- </div>
6268
- <div
6269
- class="memori-spin--spinner"
6270
- >
6271
- <svg
6272
- aria-hidden="true"
6273
- class="memori-loading-icon"
6274
- focusable="false"
6275
- role="img"
6276
- viewBox="0 0 1024 1024"
6277
- xmlns="http://www.w3.org/2000/svg"
6278
- >
6279
- <path
6280
- d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
6281
- />
6282
- </svg>
6283
- </div>
6284
- </div>
6285
- </div>
6286
- </a>
6287
- </div>
6288
- </div>
6289
- </div>
6290
- </div>
5826
+ />
6291
5827
  <div
6292
5828
  class="memori-chat--bubble-container memori-chat-scroll-item memori-chat--bubble-from-user"
6293
5829
  >
@@ -6425,9 +5961,6 @@ exports[`renders Chat with user unchanged 1`] = `
6425
5961
  </div>
6426
5962
  </div>
6427
5963
  </div>
6428
- <div
6429
- class="memori-media-widget"
6430
- />
6431
5964
  <div
6432
5965
  id="end-messages-ref"
6433
5966
  />