@memori.ai/memori-react 8.14.0 → 8.14.2

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 (38) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/components/Chat/Chat.js +21 -11
  3. package/dist/components/Chat/Chat.js.map +1 -1
  4. package/dist/components/ChatInputs/ChatInputs.css +0 -1
  5. package/dist/components/MediaWidget/MediaItemWidget.js +4 -2
  6. package/dist/components/MediaWidget/MediaItemWidget.js.map +1 -1
  7. package/dist/components/MemoriWidget/MemoriWidget.css +4 -2
  8. package/dist/components/MemoriWidget/MemoriWidget.js +16 -16
  9. package/dist/components/MemoriWidget/MemoriWidget.js.map +1 -1
  10. package/dist/components/PoweredBy/PoweredBy.css +3 -2
  11. package/dist/components/layouts/website-assistant.css +1 -0
  12. package/dist/helpers/translations.d.ts +1 -1
  13. package/dist/helpers/translations.js +2 -20
  14. package/dist/helpers/translations.js.map +1 -1
  15. package/esm/components/Chat/Chat.js +22 -12
  16. package/esm/components/Chat/Chat.js.map +1 -1
  17. package/esm/components/ChatInputs/ChatInputs.css +0 -1
  18. package/esm/components/MediaWidget/MediaItemWidget.js +4 -2
  19. package/esm/components/MediaWidget/MediaItemWidget.js.map +1 -1
  20. package/esm/components/MemoriWidget/MemoriWidget.css +4 -2
  21. package/esm/components/MemoriWidget/MemoriWidget.js +16 -16
  22. package/esm/components/MemoriWidget/MemoriWidget.js.map +1 -1
  23. package/esm/components/PoweredBy/PoweredBy.css +3 -2
  24. package/esm/components/layouts/website-assistant.css +1 -0
  25. package/esm/helpers/translations.d.ts +1 -1
  26. package/esm/helpers/translations.js +2 -20
  27. package/esm/helpers/translations.js.map +1 -1
  28. package/package.json +1 -1
  29. package/src/components/Chat/Chat.tsx +33 -13
  30. package/src/components/Chat/__snapshots__/Chat.test.tsx.snap +343 -275
  31. package/src/components/ChatInputs/ChatInputs.css +0 -1
  32. package/src/components/MediaWidget/MediaItemWidget.tsx +9 -2
  33. package/src/components/MemoriWidget/MemoriWidget.css +4 -2
  34. package/src/components/MemoriWidget/MemoriWidget.tsx +4 -4
  35. package/src/components/PoweredBy/PoweredBy.css +3 -2
  36. package/src/components/layouts/layouts.stories.tsx +29 -3
  37. package/src/components/layouts/website-assistant.css +1 -0
  38. package/src/helpers/translations.ts +2 -25
package/src/components/Chat/__snapshots__/Chat.test.tsx.snap CHANGED
@@ -379,21 +379,22 @@ exports[`renders Chat unchanged 1`] = `
379
379
  class="memori-media-widget"
380
380
  >
381
381
  <div
382
- class="memori-media-items"
382
+ class="memori-link-items"
383
383
  >
384
384
  <div
385
- class="memori-media-items--grid memori-chat-scroll-item memori-media-items--agent"
385
+ class="memori-link-items--grid memori-chat-scroll-item memori-link-items--agent"
386
386
  >
387
387
  <div
388
- class="memori-media-item ease-out duration-500 delay-0 opacity-0 scale-95"
388
+ class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
389
389
  >
390
390
  <a
391
- class="memori-media-item--link"
392
- href="#"
393
- title="Link"
391
+ class="memori-link-item--link"
392
+ href="https://memori.ai"
393
+ rel="noopener noreferrer"
394
+ target="_blank"
394
395
  >
395
396
  <div
396
- class="memori-card memori-card--with-cover memori-card--hoverable"
397
+ class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
397
398
  >
398
399
  <div
399
400
  class="memori-spin"
@@ -401,18 +402,22 @@ exports[`renders Chat unchanged 1`] = `
401
402
  <div
402
403
  class="memori-card--cover"
403
404
  >
404
- <svg
405
- aria-hidden="true"
406
- class="memori-media-item--icon"
407
- focusable="false"
408
- role="img"
409
- viewBox="0 0 1024 1024"
410
- xmlns="http://www.w3.org/2000/svg"
405
+ <div
406
+ class="memori-link-item--card-cover-icon"
411
407
  >
412
- <path
413
- d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0 0 42 42h216v494z"
414
- />
415
- </svg>
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>
416
421
  </div>
417
422
  <div
418
423
  class="memori-card--content"
@@ -1062,21 +1067,22 @@ exports[`renders Chat with context vars unchanged 1`] = `
1062
1067
  class="memori-media-widget"
1063
1068
  >
1064
1069
  <div
1065
- class="memori-media-items"
1070
+ class="memori-link-items"
1066
1071
  >
1067
1072
  <div
1068
- class="memori-media-items--grid memori-chat-scroll-item memori-media-items--agent"
1073
+ class="memori-link-items--grid memori-chat-scroll-item memori-link-items--agent"
1069
1074
  >
1070
1075
  <div
1071
- class="memori-media-item ease-out duration-500 delay-0 opacity-0 scale-95"
1076
+ class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
1072
1077
  >
1073
1078
  <a
1074
- class="memori-media-item--link"
1075
- href="#"
1076
- title="Link"
1079
+ class="memori-link-item--link"
1080
+ href="https://memori.ai"
1081
+ rel="noopener noreferrer"
1082
+ target="_blank"
1077
1083
  >
1078
1084
  <div
1079
- class="memori-card memori-card--with-cover memori-card--hoverable"
1085
+ class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
1080
1086
  >
1081
1087
  <div
1082
1088
  class="memori-spin"
@@ -1084,18 +1090,22 @@ exports[`renders Chat with context vars unchanged 1`] = `
1084
1090
  <div
1085
1091
  class="memori-card--cover"
1086
1092
  >
1087
- <svg
1088
- aria-hidden="true"
1089
- class="memori-media-item--icon"
1090
- focusable="false"
1091
- role="img"
1092
- viewBox="0 0 1024 1024"
1093
- xmlns="http://www.w3.org/2000/svg"
1093
+ <div
1094
+ class="memori-link-item--card-cover-icon"
1094
1095
  >
1095
- <path
1096
- d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0 0 42 42h216v494z"
1097
- />
1098
- </svg>
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>
1099
1109
  </div>
1100
1110
  <div
1101
1111
  class="memori-card--content"
@@ -1729,21 +1739,22 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
1729
1739
  class="memori-media-widget"
1730
1740
  >
1731
1741
  <div
1732
- class="memori-media-items"
1742
+ class="memori-link-items"
1733
1743
  >
1734
1744
  <div
1735
- class="memori-media-items--grid memori-chat-scroll-item memori-media-items--agent"
1745
+ class="memori-link-items--grid memori-chat-scroll-item memori-link-items--agent"
1736
1746
  >
1737
1747
  <div
1738
- class="memori-media-item ease-out duration-500 delay-0 opacity-0 scale-95"
1748
+ class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
1739
1749
  >
1740
1750
  <a
1741
- class="memori-media-item--link"
1742
- href="#"
1743
- title="Link"
1751
+ class="memori-link-item--link"
1752
+ href="https://memori.ai"
1753
+ rel="noopener noreferrer"
1754
+ target="_blank"
1744
1755
  >
1745
1756
  <div
1746
- class="memori-card memori-card--with-cover memori-card--hoverable"
1757
+ class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
1747
1758
  >
1748
1759
  <div
1749
1760
  class="memori-spin"
@@ -1751,18 +1762,22 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
1751
1762
  <div
1752
1763
  class="memori-card--cover"
1753
1764
  >
1754
- <svg
1755
- aria-hidden="true"
1756
- class="memori-media-item--icon"
1757
- focusable="false"
1758
- role="img"
1759
- viewBox="0 0 1024 1024"
1760
- xmlns="http://www.w3.org/2000/svg"
1765
+ <div
1766
+ class="memori-link-item--card-cover-icon"
1761
1767
  >
1762
- <path
1763
- d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0 0 42 42h216v494z"
1764
- />
1765
- </svg>
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>
1766
1781
  </div>
1767
1782
  <div
1768
1783
  class="memori-card--content"
@@ -2377,21 +2392,22 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
2377
2392
  class="memori-media-widget"
2378
2393
  >
2379
2394
  <div
2380
- class="memori-media-items"
2395
+ class="memori-link-items"
2381
2396
  >
2382
2397
  <div
2383
- class="memori-media-items--grid memori-chat-scroll-item memori-media-items--agent"
2398
+ class="memori-link-items--grid memori-chat-scroll-item memori-link-items--agent"
2384
2399
  >
2385
2400
  <div
2386
- class="memori-media-item ease-out duration-500 delay-0 opacity-0 scale-95"
2401
+ class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
2387
2402
  >
2388
2403
  <a
2389
- class="memori-media-item--link"
2390
- href="#"
2391
- title="Link"
2404
+ class="memori-link-item--link"
2405
+ href="https://memori.ai"
2406
+ rel="noopener noreferrer"
2407
+ target="_blank"
2392
2408
  >
2393
2409
  <div
2394
- class="memori-card memori-card--with-cover memori-card--hoverable"
2410
+ class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
2395
2411
  >
2396
2412
  <div
2397
2413
  class="memori-spin"
@@ -2399,18 +2415,22 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
2399
2415
  <div
2400
2416
  class="memori-card--cover"
2401
2417
  >
2402
- <svg
2403
- aria-hidden="true"
2404
- class="memori-media-item--icon"
2405
- focusable="false"
2406
- role="img"
2407
- viewBox="0 0 1024 1024"
2408
- xmlns="http://www.w3.org/2000/svg"
2418
+ <div
2419
+ class="memori-link-item--card-cover-icon"
2409
2420
  >
2410
- <path
2411
- d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0 0 42 42h216v494z"
2412
- />
2413
- </svg>
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>
2414
2434
  </div>
2415
2435
  <div
2416
2436
  class="memori-card--content"
@@ -3064,21 +3084,22 @@ exports[`renders Chat with dates unchanged 1`] = `
3064
3084
  class="memori-media-widget"
3065
3085
  >
3066
3086
  <div
3067
- class="memori-media-items"
3087
+ class="memori-link-items"
3068
3088
  >
3069
3089
  <div
3070
- class="memori-media-items--grid memori-chat-scroll-item memori-media-items--agent"
3090
+ class="memori-link-items--grid memori-chat-scroll-item memori-link-items--agent"
3071
3091
  >
3072
3092
  <div
3073
- class="memori-media-item ease-out duration-500 delay-0 opacity-0 scale-95"
3093
+ class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
3074
3094
  >
3075
3095
  <a
3076
- class="memori-media-item--link"
3077
- href="#"
3078
- title="Link"
3096
+ class="memori-link-item--link"
3097
+ href="https://memori.ai"
3098
+ rel="noopener noreferrer"
3099
+ target="_blank"
3079
3100
  >
3080
3101
  <div
3081
- class="memori-card memori-card--with-cover memori-card--hoverable"
3102
+ class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
3082
3103
  >
3083
3104
  <div
3084
3105
  class="memori-spin"
@@ -3086,18 +3107,22 @@ exports[`renders Chat with dates unchanged 1`] = `
3086
3107
  <div
3087
3108
  class="memori-card--cover"
3088
3109
  >
3089
- <svg
3090
- aria-hidden="true"
3091
- class="memori-media-item--icon"
3092
- focusable="false"
3093
- role="img"
3094
- viewBox="0 0 1024 1024"
3095
- xmlns="http://www.w3.org/2000/svg"
3110
+ <div
3111
+ class="memori-link-item--card-cover-icon"
3096
3112
  >
3097
- <path
3098
- d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0 0 42 42h216v494z"
3099
- />
3100
- </svg>
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>
3101
3126
  </div>
3102
3127
  <div
3103
3128
  class="memori-card--content"
@@ -3742,21 +3767,22 @@ exports[`renders Chat with hints unchanged 1`] = `
3742
3767
  class="memori-media-widget"
3743
3768
  >
3744
3769
  <div
3745
- class="memori-media-items"
3770
+ class="memori-link-items"
3746
3771
  >
3747
3772
  <div
3748
- class="memori-media-items--grid memori-chat-scroll-item memori-media-items--agent"
3773
+ class="memori-link-items--grid memori-chat-scroll-item memori-link-items--agent"
3749
3774
  >
3750
3775
  <div
3751
- class="memori-media-item ease-out duration-500 delay-0 opacity-0 scale-95"
3776
+ class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
3752
3777
  >
3753
3778
  <a
3754
- class="memori-media-item--link"
3755
- href="#"
3756
- title="Link"
3779
+ class="memori-link-item--link"
3780
+ href="https://memori.ai"
3781
+ rel="noopener noreferrer"
3782
+ target="_blank"
3757
3783
  >
3758
3784
  <div
3759
- class="memori-card memori-card--with-cover memori-card--hoverable"
3785
+ class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
3760
3786
  >
3761
3787
  <div
3762
3788
  class="memori-spin"
@@ -3764,18 +3790,22 @@ exports[`renders Chat with hints unchanged 1`] = `
3764
3790
  <div
3765
3791
  class="memori-card--cover"
3766
3792
  >
3767
- <svg
3768
- aria-hidden="true"
3769
- class="memori-media-item--icon"
3770
- focusable="false"
3771
- role="img"
3772
- viewBox="0 0 1024 1024"
3773
- xmlns="http://www.w3.org/2000/svg"
3793
+ <div
3794
+ class="memori-link-item--card-cover-icon"
3774
3795
  >
3775
- <path
3776
- d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0 0 42 42h216v494z"
3777
- />
3778
- </svg>
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>
3779
3809
  </div>
3780
3810
  <div
3781
3811
  class="memori-card--content"
@@ -4446,11 +4476,13 @@ exports[`renders Chat with media unchanged 1`] = `
4446
4476
  >
4447
4477
  <a
4448
4478
  class="memori-media-item--link"
4449
- href="#"
4450
- title="Link Memori Srl"
4479
+ href="https://picsum.photos/300/200?random=0"
4480
+ rel="noopener noreferrer"
4481
+ target="_blank"
4482
+ title="Image 0"
4451
4483
  >
4452
4484
  <div
4453
- class="memori-card memori-card--with-cover memori-card--hoverable"
4485
+ class="memori-card memori-media-item--card memori-media-item--image memori-card--with-cover memori-card--hoverable"
4454
4486
  >
4455
4487
  <div
4456
4488
  class="memori-spin"
@@ -4458,27 +4490,27 @@ exports[`renders Chat with media unchanged 1`] = `
4458
4490
  <div
4459
4491
  class="memori-card--cover"
4460
4492
  >
4461
- <svg
4462
- aria-hidden="true"
4463
- class="memori-media-item--icon"
4464
- focusable="false"
4465
- role="img"
4466
- viewBox="0 0 1024 1024"
4467
- xmlns="http://www.w3.org/2000/svg"
4493
+ <picture
4494
+ class="memori-media-item--figure"
4468
4495
  >
4469
- <path
4470
- d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0 0 42 42h216v494z"
4496
+ <source
4497
+ srcset="https://picsum.photos/300/200?random=0"
4498
+ type="image/png"
4471
4499
  />
4472
- </svg>
4500
+ <img
4501
+ alt="Image 0"
4502
+ src="https://picsum.photos/300/200?random=0"
4503
+ />
4504
+ <figcaption
4505
+ class="memori-media-item--figure-caption"
4506
+ >
4507
+ Image 0
4508
+ </figcaption>
4509
+ </picture>
4473
4510
  </div>
4474
4511
  <div
4475
4512
  class="memori-card--content"
4476
4513
  >
4477
- <h3
4478
- class="memori-card--title"
4479
- >
4480
- Link Memori Srl
4481
- </h3>
4482
4514
  <div
4483
4515
  class="memori-card--children"
4484
4516
  />
@@ -4508,11 +4540,13 @@ exports[`renders Chat with media unchanged 1`] = `
4508
4540
  >
4509
4541
  <a
4510
4542
  class="memori-media-item--link"
4511
- href="#"
4512
- title="Link RawMaterial"
4543
+ href="https://picsum.photos/200/300?random=1"
4544
+ rel="noopener noreferrer"
4545
+ target="_blank"
4546
+ title="Image 1"
4513
4547
  >
4514
4548
  <div
4515
- class="memori-card memori-card--with-cover memori-card--hoverable"
4549
+ class="memori-card memori-media-item--card memori-media-item--image memori-card--with-cover memori-card--hoverable"
4516
4550
  >
4517
4551
  <div
4518
4552
  class="memori-spin"
@@ -4520,27 +4554,27 @@ exports[`renders Chat with media unchanged 1`] = `
4520
4554
  <div
4521
4555
  class="memori-card--cover"
4522
4556
  >
4523
- <svg
4524
- aria-hidden="true"
4525
- class="memori-media-item--icon"
4526
- focusable="false"
4527
- role="img"
4528
- viewBox="0 0 1024 1024"
4529
- xmlns="http://www.w3.org/2000/svg"
4557
+ <picture
4558
+ class="memori-media-item--figure"
4530
4559
  >
4531
- <path
4532
- d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0 0 42 42h216v494z"
4560
+ <source
4561
+ srcset="https://picsum.photos/200/300?random=1"
4562
+ type="image/png"
4533
4563
  />
4534
- </svg>
4564
+ <img
4565
+ alt="Image 1"
4566
+ src="https://picsum.photos/200/300?random=1"
4567
+ />
4568
+ <figcaption
4569
+ class="memori-media-item--figure-caption"
4570
+ >
4571
+ Image 1
4572
+ </figcaption>
4573
+ </picture>
4535
4574
  </div>
4536
4575
  <div
4537
4576
  class="memori-card--content"
4538
4577
  >
4539
- <h3
4540
- class="memori-card--title"
4541
- >
4542
- Link RawMaterial
4543
- </h3>
4544
4578
  <div
4545
4579
  class="memori-card--children"
4546
4580
  />
@@ -4570,11 +4604,13 @@ exports[`renders Chat with media unchanged 1`] = `
4570
4604
  >
4571
4605
  <a
4572
4606
  class="memori-media-item--link"
4573
- href="#"
4574
- title="Introducing Plone Remix | Vimeo"
4607
+ href="https://picsum.photos/300/300?random=2"
4608
+ rel="noopener noreferrer"
4609
+ target="_blank"
4610
+ title="Image 2"
4575
4611
  >
4576
4612
  <div
4577
- class="memori-card memori-card--with-cover memori-card--hoverable"
4613
+ class="memori-card memori-media-item--card memori-media-item--image memori-card--with-cover memori-card--hoverable"
4578
4614
  >
4579
4615
  <div
4580
4616
  class="memori-spin"
@@ -4582,27 +4618,27 @@ exports[`renders Chat with media unchanged 1`] = `
4582
4618
  <div
4583
4619
  class="memori-card--cover"
4584
4620
  >
4585
- <svg
4586
- aria-hidden="true"
4587
- class="memori-media-item--icon"
4588
- focusable="false"
4589
- role="img"
4590
- viewBox="0 0 1024 1024"
4591
- xmlns="http://www.w3.org/2000/svg"
4621
+ <picture
4622
+ class="memori-media-item--figure"
4592
4623
  >
4593
- <path
4594
- d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0 0 42 42h216v494z"
4624
+ <source
4625
+ srcset="https://picsum.photos/300/300?random=2"
4626
+ type="image/png"
4595
4627
  />
4596
- </svg>
4628
+ <img
4629
+ alt="Image 2"
4630
+ src="https://picsum.photos/300/300?random=2"
4631
+ />
4632
+ <figcaption
4633
+ class="memori-media-item--figure-caption"
4634
+ >
4635
+ Image 2
4636
+ </figcaption>
4637
+ </picture>
4597
4638
  </div>
4598
4639
  <div
4599
4640
  class="memori-card--content"
4600
4641
  >
4601
- <h3
4602
- class="memori-card--title"
4603
- >
4604
- Introducing Plone Remix | Vimeo
4605
- </h3>
4606
4642
  <div
4607
4643
  class="memori-card--children"
4608
4644
  />
@@ -4627,16 +4663,25 @@ exports[`renders Chat with media unchanged 1`] = `
4627
4663
  </div>
4628
4664
  </a>
4629
4665
  </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
+ >
4630
4674
  <div
4631
- class="memori-media-item ease-out duration-500 delay-300 opacity-0 scale-95"
4675
+ class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
4632
4676
  >
4633
4677
  <a
4634
- class="memori-media-item--link"
4635
- href="#"
4636
- title="A sustainable web: is it possible? - Nicola Zambello | YouTube"
4678
+ class="memori-link-item--link"
4679
+ href="https://memori.ai/en"
4680
+ rel="noopener noreferrer"
4681
+ target="_blank"
4637
4682
  >
4638
4683
  <div
4639
- class="memori-card memori-card--with-cover memori-card--hoverable"
4684
+ class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
4640
4685
  >
4641
4686
  <div
4642
4687
  class="memori-spin"
@@ -4644,18 +4689,22 @@ exports[`renders Chat with media unchanged 1`] = `
4644
4689
  <div
4645
4690
  class="memori-card--cover"
4646
4691
  >
4647
- <svg
4648
- aria-hidden="true"
4649
- class="memori-media-item--icon"
4650
- focusable="false"
4651
- role="img"
4652
- viewBox="0 0 1024 1024"
4653
- xmlns="http://www.w3.org/2000/svg"
4692
+ <div
4693
+ class="memori-link-item--card-cover-icon"
4654
4694
  >
4655
- <path
4656
- d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0 0 42 42h216v494z"
4657
- />
4658
- </svg>
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>
4659
4708
  </div>
4660
4709
  <div
4661
4710
  class="memori-card--content"
@@ -4663,7 +4712,7 @@ exports[`renders Chat with media unchanged 1`] = `
4663
4712
  <h3
4664
4713
  class="memori-card--title"
4665
4714
  >
4666
- A sustainable web: is it possible? - Nicola Zambello | YouTube
4715
+ Link Memori Srl
4667
4716
  </h3>
4668
4717
  <div
4669
4718
  class="memori-card--children"
@@ -4690,17 +4739,16 @@ exports[`renders Chat with media unchanged 1`] = `
4690
4739
  </a>
4691
4740
  </div>
4692
4741
  <div
4693
- class="memori-media-item ease-out duration-500 delay-400 opacity-0 scale-95"
4742
+ class="memori-link-item ease-out duration-500 delay-100 opacity-0 scale-95"
4694
4743
  >
4695
4744
  <a
4696
- class="memori-media-item--link"
4697
- href="https://picsum.photos/300/200?random=0"
4745
+ class="memori-link-item--link"
4746
+ href="https://rawmaterial.it/en"
4698
4747
  rel="noopener noreferrer"
4699
4748
  target="_blank"
4700
- title="Image 0"
4701
4749
  >
4702
4750
  <div
4703
- class="memori-card memori-media-item--card memori-media-item--image memori-card--with-cover memori-card--hoverable"
4751
+ class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
4704
4752
  >
4705
4753
  <div
4706
4754
  class="memori-spin"
@@ -4708,27 +4756,31 @@ exports[`renders Chat with media unchanged 1`] = `
4708
4756
  <div
4709
4757
  class="memori-card--cover"
4710
4758
  >
4711
- <picture
4712
- class="memori-media-item--figure"
4759
+ <div
4760
+ class="memori-link-item--card-cover-icon"
4713
4761
  >
4714
- <source
4715
- srcset="https://picsum.photos/300/200?random=0"
4716
- type="image/png"
4717
- />
4718
- <img
4719
- alt="Image 0"
4720
- src="https://picsum.photos/300/200?random=0"
4721
- />
4722
- <figcaption
4723
- class="memori-media-item--figure-caption"
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"
4724
4769
  >
4725
- Image 0
4726
- </figcaption>
4727
- </picture>
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>
4728
4775
  </div>
4729
4776
  <div
4730
4777
  class="memori-card--content"
4731
4778
  >
4779
+ <h3
4780
+ class="memori-card--title"
4781
+ >
4782
+ Link RawMaterial
4783
+ </h3>
4732
4784
  <div
4733
4785
  class="memori-card--children"
4734
4786
  />
@@ -4754,17 +4806,16 @@ exports[`renders Chat with media unchanged 1`] = `
4754
4806
  </a>
4755
4807
  </div>
4756
4808
  <div
4757
- class="memori-media-item ease-out duration-500 delay-500 opacity-0 scale-95"
4809
+ class="memori-link-item ease-out duration-500 delay-200 opacity-0 scale-95"
4758
4810
  >
4759
4811
  <a
4760
- class="memori-media-item--link"
4761
- href="https://picsum.photos/200/300?random=1"
4812
+ class="memori-link-item--link"
4813
+ href="https://vimeo.com/766468314"
4762
4814
  rel="noopener noreferrer"
4763
4815
  target="_blank"
4764
- title="Image 1"
4765
4816
  >
4766
4817
  <div
4767
- class="memori-card memori-media-item--card memori-media-item--image memori-card--with-cover memori-card--hoverable"
4818
+ class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
4768
4819
  >
4769
4820
  <div
4770
4821
  class="memori-spin"
@@ -4772,27 +4823,31 @@ exports[`renders Chat with media unchanged 1`] = `
4772
4823
  <div
4773
4824
  class="memori-card--cover"
4774
4825
  >
4775
- <picture
4776
- class="memori-media-item--figure"
4826
+ <div
4827
+ class="memori-link-item--card-cover-icon"
4777
4828
  >
4778
- <source
4779
- srcset="https://picsum.photos/200/300?random=1"
4780
- type="image/png"
4781
- />
4782
- <img
4783
- alt="Image 1"
4784
- src="https://picsum.photos/200/300?random=1"
4785
- />
4786
- <figcaption
4787
- class="memori-media-item--figure-caption"
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"
4788
4836
  >
4789
- Image 1
4790
- </figcaption>
4791
- </picture>
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>
4792
4842
  </div>
4793
4843
  <div
4794
4844
  class="memori-card--content"
4795
4845
  >
4846
+ <h3
4847
+ class="memori-card--title"
4848
+ >
4849
+ Introducing Plone Remix | Vimeo
4850
+ </h3>
4796
4851
  <div
4797
4852
  class="memori-card--children"
4798
4853
  />
@@ -4818,17 +4873,16 @@ exports[`renders Chat with media unchanged 1`] = `
4818
4873
  </a>
4819
4874
  </div>
4820
4875
  <div
4821
- class="memori-media-item ease-out duration-500 delay-600 opacity-0 scale-95"
4876
+ class="memori-link-item ease-out duration-500 delay-300 opacity-0 scale-95"
4822
4877
  >
4823
4878
  <a
4824
- class="memori-media-item--link"
4825
- href="https://picsum.photos/300/300?random=2"
4879
+ class="memori-link-item--link"
4880
+ href="https://www.youtube.com/watch?v=feH26j3rBz8"
4826
4881
  rel="noopener noreferrer"
4827
4882
  target="_blank"
4828
- title="Image 2"
4829
4883
  >
4830
4884
  <div
4831
- class="memori-card memori-media-item--card memori-media-item--image memori-card--with-cover memori-card--hoverable"
4885
+ class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
4832
4886
  >
4833
4887
  <div
4834
4888
  class="memori-spin"
@@ -4836,27 +4890,31 @@ exports[`renders Chat with media unchanged 1`] = `
4836
4890
  <div
4837
4891
  class="memori-card--cover"
4838
4892
  >
4839
- <picture
4840
- class="memori-media-item--figure"
4893
+ <div
4894
+ class="memori-link-item--card-cover-icon"
4841
4895
  >
4842
- <source
4843
- srcset="https://picsum.photos/300/300?random=2"
4844
- type="image/png"
4845
- />
4846
- <img
4847
- alt="Image 2"
4848
- src="https://picsum.photos/300/300?random=2"
4849
- />
4850
- <figcaption
4851
- class="memori-media-item--figure-caption"
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"
4852
4903
  >
4853
- Image 2
4854
- </figcaption>
4855
- </picture>
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>
4856
4909
  </div>
4857
4910
  <div
4858
4911
  class="memori-card--content"
4859
4912
  >
4913
+ <h3
4914
+ class="memori-card--title"
4915
+ >
4916
+ A sustainable web: is it possible? - Nicola Zambello | YouTube
4917
+ </h3>
4860
4918
  <div
4861
4919
  class="memori-card--children"
4862
4920
  />
@@ -5482,21 +5540,22 @@ exports[`renders Chat with memori typing unchanged 1`] = `
5482
5540
  class="memori-media-widget"
5483
5541
  >
5484
5542
  <div
5485
- class="memori-media-items"
5543
+ class="memori-link-items"
5486
5544
  >
5487
5545
  <div
5488
- class="memori-media-items--grid memori-chat-scroll-item memori-media-items--agent"
5546
+ class="memori-link-items--grid memori-chat-scroll-item memori-link-items--agent"
5489
5547
  >
5490
5548
  <div
5491
- class="memori-media-item ease-out duration-500 delay-0 opacity-0 scale-95"
5549
+ class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
5492
5550
  >
5493
5551
  <a
5494
- class="memori-media-item--link"
5495
- href="#"
5496
- title="Link"
5552
+ class="memori-link-item--link"
5553
+ href="https://memori.ai"
5554
+ rel="noopener noreferrer"
5555
+ target="_blank"
5497
5556
  >
5498
5557
  <div
5499
- class="memori-card memori-card--with-cover memori-card--hoverable"
5558
+ class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
5500
5559
  >
5501
5560
  <div
5502
5561
  class="memori-spin"
@@ -5504,18 +5563,22 @@ exports[`renders Chat with memori typing unchanged 1`] = `
5504
5563
  <div
5505
5564
  class="memori-card--cover"
5506
5565
  >
5507
- <svg
5508
- aria-hidden="true"
5509
- class="memori-media-item--icon"
5510
- focusable="false"
5511
- role="img"
5512
- viewBox="0 0 1024 1024"
5513
- xmlns="http://www.w3.org/2000/svg"
5566
+ <div
5567
+ class="memori-link-item--card-cover-icon"
5514
5568
  >
5515
- <path
5516
- d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0 0 42 42h216v494z"
5517
- />
5518
- </svg>
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>
5519
5582
  </div>
5520
5583
  <div
5521
5584
  class="memori-card--content"
@@ -6150,21 +6213,22 @@ exports[`renders Chat with user unchanged 1`] = `
6150
6213
  class="memori-media-widget"
6151
6214
  >
6152
6215
  <div
6153
- class="memori-media-items"
6216
+ class="memori-link-items"
6154
6217
  >
6155
6218
  <div
6156
- class="memori-media-items--grid memori-chat-scroll-item memori-media-items--agent"
6219
+ class="memori-link-items--grid memori-chat-scroll-item memori-link-items--agent"
6157
6220
  >
6158
6221
  <div
6159
- class="memori-media-item ease-out duration-500 delay-0 opacity-0 scale-95"
6222
+ class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
6160
6223
  >
6161
6224
  <a
6162
- class="memori-media-item--link"
6163
- href="#"
6164
- title="Link"
6225
+ class="memori-link-item--link"
6226
+ href="https://memori.ai"
6227
+ rel="noopener noreferrer"
6228
+ target="_blank"
6165
6229
  >
6166
6230
  <div
6167
- class="memori-card memori-card--with-cover memori-card--hoverable"
6231
+ class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
6168
6232
  >
6169
6233
  <div
6170
6234
  class="memori-spin"
@@ -6172,18 +6236,22 @@ exports[`renders Chat with user unchanged 1`] = `
6172
6236
  <div
6173
6237
  class="memori-card--cover"
6174
6238
  >
6175
- <svg
6176
- aria-hidden="true"
6177
- class="memori-media-item--icon"
6178
- focusable="false"
6179
- role="img"
6180
- viewBox="0 0 1024 1024"
6181
- xmlns="http://www.w3.org/2000/svg"
6239
+ <div
6240
+ class="memori-link-item--card-cover-icon"
6182
6241
  >
6183
- <path
6184
- d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0 0 42 42h216v494z"
6185
- />
6186
- </svg>
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>
6187
6255
  </div>
6188
6256
  <div
6189
6257
  class="memori-card--content"