@memori.ai/memori-react 7.32.3 → 7.32.4

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 (61) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/components/Chat/Chat.js +4 -4
  3. package/dist/components/Chat/Chat.js.map +1 -1
  4. package/dist/components/ChatBubble/ChatBubble.js +27 -5
  5. package/dist/components/ChatBubble/ChatBubble.js.map +1 -1
  6. package/dist/components/ChatHistoryDrawer/ChatHistory.js +2 -2
  7. package/dist/components/ChatHistoryDrawer/ChatHistory.js.map +1 -1
  8. package/dist/components/MediaWidget/MediaItemWidget.css +112 -5
  9. package/dist/components/MediaWidget/MediaItemWidget.d.ts +1 -0
  10. package/dist/components/MediaWidget/MediaItemWidget.js +16 -1
  11. package/dist/components/MediaWidget/MediaItemWidget.js.map +1 -1
  12. package/dist/helpers/error.js +31 -6
  13. package/dist/helpers/error.js.map +1 -1
  14. package/dist/helpers/message.js +1 -1
  15. package/dist/helpers/message.js.map +1 -1
  16. package/dist/locales/de.json +32 -1
  17. package/dist/locales/en.json +32 -1
  18. package/dist/locales/es.json +32 -1
  19. package/dist/locales/fr.json +33 -1
  20. package/dist/locales/it.json +32 -1
  21. package/esm/components/Chat/Chat.js +4 -4
  22. package/esm/components/Chat/Chat.js.map +1 -1
  23. package/esm/components/ChatBubble/ChatBubble.js +27 -5
  24. package/esm/components/ChatBubble/ChatBubble.js.map +1 -1
  25. package/esm/components/ChatHistoryDrawer/ChatHistory.js +3 -3
  26. package/esm/components/ChatHistoryDrawer/ChatHistory.js.map +1 -1
  27. package/esm/components/MediaWidget/MediaItemWidget.css +112 -5
  28. package/esm/components/MediaWidget/MediaItemWidget.d.ts +1 -0
  29. package/esm/components/MediaWidget/MediaItemWidget.js +16 -1
  30. package/esm/components/MediaWidget/MediaItemWidget.js.map +1 -1
  31. package/esm/helpers/error.js +31 -6
  32. package/esm/helpers/error.js.map +1 -1
  33. package/esm/helpers/message.js +1 -1
  34. package/esm/helpers/message.js.map +1 -1
  35. package/esm/locales/de.json +32 -1
  36. package/esm/locales/en.json +32 -1
  37. package/esm/locales/es.json +32 -1
  38. package/esm/locales/fr.json +33 -1
  39. package/esm/locales/it.json +32 -1
  40. package/package.json +1 -1
  41. package/src/components/Chat/Chat.tsx +2 -1
  42. package/src/components/Chat/__snapshots__/Chat.test.tsx.snap +1130 -18
  43. package/src/components/ChatBubble/ChatBubble.tsx +61 -4
  44. package/src/components/ChatBubble/__snapshots__/ChatBubble.test.tsx.snap +3 -0
  45. package/src/components/ChatHistoryDrawer/ChatHistory.tsx +2 -2
  46. package/src/components/MediaWidget/MediaItemWidget.css +112 -5
  47. package/src/components/MediaWidget/MediaItemWidget.tsx +32 -1
  48. package/src/helpers/error.ts +35 -6
  49. package/src/helpers/message.ts +2 -1
  50. package/src/index.stories.tsx +4 -18
  51. package/src/locales/de.json +32 -1
  52. package/src/locales/en.json +32 -1
  53. package/src/locales/es.json +32 -1
  54. package/src/locales/fr.json +33 -1
  55. package/src/locales/it.json +32 -1
  56. package/dist/components/ExportHistoryButton/ExportHistoryButton.d.ts +0 -14
  57. package/dist/components/ExportHistoryButton/ExportHistoryButton.js +0 -38
  58. package/dist/components/ExportHistoryButton/ExportHistoryButton.js.map +0 -1
  59. package/esm/components/ExportHistoryButton/ExportHistoryButton.d.ts +0 -14
  60. package/esm/components/ExportHistoryButton/ExportHistoryButton.js +0 -35
  61. package/esm/components/ExportHistoryButton/ExportHistoryButton.js.map +0 -1
@@ -379,6 +379,85 @@ exports[`renders Chat unchanged 1`] = `
379
379
  </div>
380
380
  </div>
381
381
  </div>
382
+ <div
383
+ class="memori-media-widget"
384
+ >
385
+ <div
386
+ class="memori-link-items"
387
+ >
388
+ <div
389
+ class="memori-link-items--grid memori-link-items--agent"
390
+ >
391
+ <div
392
+ class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
393
+ >
394
+ <a
395
+ class="memori-link-item--link"
396
+ href="https://memori.ai"
397
+ rel="noopener noreferrer"
398
+ target="_blank"
399
+ >
400
+ <div
401
+ class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
402
+ >
403
+ <div
404
+ class="memori-spin"
405
+ >
406
+ <div
407
+ class="memori-card--cover"
408
+ >
409
+ <div
410
+ class="memori-link-item--card-cover-icon"
411
+ >
412
+ <svg
413
+ aria-hidden="true"
414
+ class="memori-link-item--icon"
415
+ focusable="false"
416
+ role="img"
417
+ viewBox="0 0 1024 1024"
418
+ xmlns="http://www.w3.org/2000/svg"
419
+ >
420
+ <path
421
+ 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"
422
+ />
423
+ </svg>
424
+ </div>
425
+ </div>
426
+ <div
427
+ class="memori-card--content"
428
+ >
429
+ <h3
430
+ class="memori-card--title"
431
+ >
432
+ Link
433
+ </h3>
434
+ <div
435
+ class="memori-card--children"
436
+ />
437
+ </div>
438
+ <div
439
+ class="memori-spin--spinner"
440
+ >
441
+ <svg
442
+ aria-hidden="true"
443
+ class="memori-loading-icon"
444
+ focusable="false"
445
+ role="img"
446
+ viewBox="0 0 1024 1024"
447
+ xmlns="http://www.w3.org/2000/svg"
448
+ >
449
+ <path
450
+ 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"
451
+ />
452
+ </svg>
453
+ </div>
454
+ </div>
455
+ </div>
456
+ </a>
457
+ </div>
458
+ </div>
459
+ </div>
460
+ </div>
382
461
  <div
383
462
  class="memori-chat--bubble-container memori-chat--bubble-from-user"
384
463
  >
@@ -860,6 +939,85 @@ exports[`renders Chat with context vars unchanged 1`] = `
860
939
  </div>
861
940
  </div>
862
941
  </div>
942
+ <div
943
+ class="memori-media-widget"
944
+ >
945
+ <div
946
+ class="memori-link-items"
947
+ >
948
+ <div
949
+ class="memori-link-items--grid memori-link-items--agent"
950
+ >
951
+ <div
952
+ class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
953
+ >
954
+ <a
955
+ class="memori-link-item--link"
956
+ href="https://memori.ai"
957
+ rel="noopener noreferrer"
958
+ target="_blank"
959
+ >
960
+ <div
961
+ class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
962
+ >
963
+ <div
964
+ class="memori-spin"
965
+ >
966
+ <div
967
+ class="memori-card--cover"
968
+ >
969
+ <div
970
+ class="memori-link-item--card-cover-icon"
971
+ >
972
+ <svg
973
+ aria-hidden="true"
974
+ class="memori-link-item--icon"
975
+ focusable="false"
976
+ role="img"
977
+ viewBox="0 0 1024 1024"
978
+ xmlns="http://www.w3.org/2000/svg"
979
+ >
980
+ <path
981
+ 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"
982
+ />
983
+ </svg>
984
+ </div>
985
+ </div>
986
+ <div
987
+ class="memori-card--content"
988
+ >
989
+ <h3
990
+ class="memori-card--title"
991
+ >
992
+ Link
993
+ </h3>
994
+ <div
995
+ class="memori-card--children"
996
+ />
997
+ </div>
998
+ <div
999
+ class="memori-spin--spinner"
1000
+ >
1001
+ <svg
1002
+ aria-hidden="true"
1003
+ class="memori-loading-icon"
1004
+ focusable="false"
1005
+ role="img"
1006
+ viewBox="0 0 1024 1024"
1007
+ xmlns="http://www.w3.org/2000/svg"
1008
+ >
1009
+ <path
1010
+ 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"
1011
+ />
1012
+ </svg>
1013
+ </div>
1014
+ </div>
1015
+ </div>
1016
+ </a>
1017
+ </div>
1018
+ </div>
1019
+ </div>
1020
+ </div>
863
1021
  <div
864
1022
  class="memori-chat--context-vars"
865
1023
  >
@@ -1513,6 +1671,85 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
1513
1671
  </div>
1514
1672
  </div>
1515
1673
  </div>
1674
+ <div
1675
+ class="memori-media-widget"
1676
+ >
1677
+ <div
1678
+ class="memori-link-items"
1679
+ >
1680
+ <div
1681
+ class="memori-link-items--grid memori-link-items--agent"
1682
+ >
1683
+ <div
1684
+ class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
1685
+ >
1686
+ <a
1687
+ class="memori-link-item--link"
1688
+ href="https://memori.ai"
1689
+ rel="noopener noreferrer"
1690
+ target="_blank"
1691
+ >
1692
+ <div
1693
+ class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
1694
+ >
1695
+ <div
1696
+ class="memori-spin"
1697
+ >
1698
+ <div
1699
+ class="memori-card--cover"
1700
+ >
1701
+ <div
1702
+ class="memori-link-item--card-cover-icon"
1703
+ >
1704
+ <svg
1705
+ aria-hidden="true"
1706
+ class="memori-link-item--icon"
1707
+ focusable="false"
1708
+ role="img"
1709
+ viewBox="0 0 1024 1024"
1710
+ xmlns="http://www.w3.org/2000/svg"
1711
+ >
1712
+ <path
1713
+ 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"
1714
+ />
1715
+ </svg>
1716
+ </div>
1717
+ </div>
1718
+ <div
1719
+ class="memori-card--content"
1720
+ >
1721
+ <h3
1722
+ class="memori-card--title"
1723
+ >
1724
+ Link
1725
+ </h3>
1726
+ <div
1727
+ class="memori-card--children"
1728
+ />
1729
+ </div>
1730
+ <div
1731
+ class="memori-spin--spinner"
1732
+ >
1733
+ <svg
1734
+ aria-hidden="true"
1735
+ class="memori-loading-icon"
1736
+ focusable="false"
1737
+ role="img"
1738
+ viewBox="0 0 1024 1024"
1739
+ xmlns="http://www.w3.org/2000/svg"
1740
+ >
1741
+ <path
1742
+ 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"
1743
+ />
1744
+ </svg>
1745
+ </div>
1746
+ </div>
1747
+ </div>
1748
+ </a>
1749
+ </div>
1750
+ </div>
1751
+ </div>
1752
+ </div>
1516
1753
  <div
1517
1754
  class="memori-chat--bubble-container memori-chat--bubble-from-user"
1518
1755
  >
@@ -2054,24 +2291,103 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
2054
2291
  </div>
2055
2292
  </div>
2056
2293
  <div
2057
- class="memori-chat--bubble-container memori-chat--bubble-from-user"
2294
+ class="memori-media-widget"
2058
2295
  >
2059
2296
  <div
2060
- class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
2297
+ class="memori-link-items"
2061
2298
  >
2062
2299
  <div
2063
- class="memori-expandable memori-chat--bubble-content"
2300
+ class="memori-link-items--grid memori-link-items--agent"
2064
2301
  >
2065
2302
  <div
2066
- class="memori-expandable--inner"
2067
- style="max-height: 9999px;"
2303
+ class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
2068
2304
  >
2069
- <div
2070
- class="memori-chat--bubble-content"
2071
- dir="auto"
2305
+ <a
2306
+ class="memori-link-item--link"
2307
+ href="https://memori.ai"
2308
+ rel="noopener noreferrer"
2309
+ target="_blank"
2072
2310
  >
2073
- <p>
2074
- Ah, grazie! Ciao!
2311
+ <div
2312
+ class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
2313
+ >
2314
+ <div
2315
+ class="memori-spin"
2316
+ >
2317
+ <div
2318
+ class="memori-card--cover"
2319
+ >
2320
+ <div
2321
+ class="memori-link-item--card-cover-icon"
2322
+ >
2323
+ <svg
2324
+ aria-hidden="true"
2325
+ class="memori-link-item--icon"
2326
+ focusable="false"
2327
+ role="img"
2328
+ viewBox="0 0 1024 1024"
2329
+ xmlns="http://www.w3.org/2000/svg"
2330
+ >
2331
+ <path
2332
+ 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"
2333
+ />
2334
+ </svg>
2335
+ </div>
2336
+ </div>
2337
+ <div
2338
+ class="memori-card--content"
2339
+ >
2340
+ <h3
2341
+ class="memori-card--title"
2342
+ >
2343
+ Link
2344
+ </h3>
2345
+ <div
2346
+ class="memori-card--children"
2347
+ />
2348
+ </div>
2349
+ <div
2350
+ class="memori-spin--spinner"
2351
+ >
2352
+ <svg
2353
+ aria-hidden="true"
2354
+ class="memori-loading-icon"
2355
+ focusable="false"
2356
+ role="img"
2357
+ viewBox="0 0 1024 1024"
2358
+ xmlns="http://www.w3.org/2000/svg"
2359
+ >
2360
+ <path
2361
+ 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"
2362
+ />
2363
+ </svg>
2364
+ </div>
2365
+ </div>
2366
+ </div>
2367
+ </a>
2368
+ </div>
2369
+ </div>
2370
+ </div>
2371
+ </div>
2372
+ <div
2373
+ class="memori-chat--bubble-container memori-chat--bubble-from-user"
2374
+ >
2375
+ <div
2376
+ class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
2377
+ >
2378
+ <div
2379
+ class="memori-expandable memori-chat--bubble-content"
2380
+ >
2381
+ <div
2382
+ class="memori-expandable--inner"
2383
+ style="max-height: 9999px;"
2384
+ >
2385
+ <div
2386
+ class="memori-chat--bubble-content"
2387
+ dir="auto"
2388
+ >
2389
+ <p>
2390
+ Ah, grazie! Ciao!
2075
2391
  </p>
2076
2392
  </div>
2077
2393
  </div>
@@ -2548,6 +2864,85 @@ exports[`renders Chat with dates unchanged 1`] = `
2548
2864
  </div>
2549
2865
  </div>
2550
2866
  </div>
2867
+ <div
2868
+ class="memori-media-widget"
2869
+ >
2870
+ <div
2871
+ class="memori-link-items"
2872
+ >
2873
+ <div
2874
+ class="memori-link-items--grid memori-link-items--agent"
2875
+ >
2876
+ <div
2877
+ class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
2878
+ >
2879
+ <a
2880
+ class="memori-link-item--link"
2881
+ href="https://memori.ai"
2882
+ rel="noopener noreferrer"
2883
+ target="_blank"
2884
+ >
2885
+ <div
2886
+ class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
2887
+ >
2888
+ <div
2889
+ class="memori-spin"
2890
+ >
2891
+ <div
2892
+ class="memori-card--cover"
2893
+ >
2894
+ <div
2895
+ class="memori-link-item--card-cover-icon"
2896
+ >
2897
+ <svg
2898
+ aria-hidden="true"
2899
+ class="memori-link-item--icon"
2900
+ focusable="false"
2901
+ role="img"
2902
+ viewBox="0 0 1024 1024"
2903
+ xmlns="http://www.w3.org/2000/svg"
2904
+ >
2905
+ <path
2906
+ 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"
2907
+ />
2908
+ </svg>
2909
+ </div>
2910
+ </div>
2911
+ <div
2912
+ class="memori-card--content"
2913
+ >
2914
+ <h3
2915
+ class="memori-card--title"
2916
+ >
2917
+ Link
2918
+ </h3>
2919
+ <div
2920
+ class="memori-card--children"
2921
+ />
2922
+ </div>
2923
+ <div
2924
+ class="memori-spin--spinner"
2925
+ >
2926
+ <svg
2927
+ aria-hidden="true"
2928
+ class="memori-loading-icon"
2929
+ focusable="false"
2930
+ role="img"
2931
+ viewBox="0 0 1024 1024"
2932
+ xmlns="http://www.w3.org/2000/svg"
2933
+ >
2934
+ <path
2935
+ 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"
2936
+ />
2937
+ </svg>
2938
+ </div>
2939
+ </div>
2940
+ </div>
2941
+ </a>
2942
+ </div>
2943
+ </div>
2944
+ </div>
2945
+ </div>
2551
2946
  <small
2552
2947
  class="memori-chat--timestamp text-left"
2553
2948
  >
@@ -3202,6 +3597,85 @@ exports[`renders Chat with hints unchanged 1`] = `
3202
3597
  </div>
3203
3598
  </div>
3204
3599
  </div>
3600
+ <div
3601
+ class="memori-media-widget"
3602
+ >
3603
+ <div
3604
+ class="memori-link-items"
3605
+ >
3606
+ <div
3607
+ class="memori-link-items--grid memori-link-items--agent"
3608
+ >
3609
+ <div
3610
+ class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
3611
+ >
3612
+ <a
3613
+ class="memori-link-item--link"
3614
+ href="https://memori.ai"
3615
+ rel="noopener noreferrer"
3616
+ target="_blank"
3617
+ >
3618
+ <div
3619
+ class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
3620
+ >
3621
+ <div
3622
+ class="memori-spin"
3623
+ >
3624
+ <div
3625
+ class="memori-card--cover"
3626
+ >
3627
+ <div
3628
+ class="memori-link-item--card-cover-icon"
3629
+ >
3630
+ <svg
3631
+ aria-hidden="true"
3632
+ class="memori-link-item--icon"
3633
+ focusable="false"
3634
+ role="img"
3635
+ viewBox="0 0 1024 1024"
3636
+ xmlns="http://www.w3.org/2000/svg"
3637
+ >
3638
+ <path
3639
+ 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"
3640
+ />
3641
+ </svg>
3642
+ </div>
3643
+ </div>
3644
+ <div
3645
+ class="memori-card--content"
3646
+ >
3647
+ <h3
3648
+ class="memori-card--title"
3649
+ >
3650
+ Link
3651
+ </h3>
3652
+ <div
3653
+ class="memori-card--children"
3654
+ />
3655
+ </div>
3656
+ <div
3657
+ class="memori-spin--spinner"
3658
+ >
3659
+ <svg
3660
+ aria-hidden="true"
3661
+ class="memori-loading-icon"
3662
+ focusable="false"
3663
+ role="img"
3664
+ viewBox="0 0 1024 1024"
3665
+ xmlns="http://www.w3.org/2000/svg"
3666
+ >
3667
+ <path
3668
+ 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"
3669
+ />
3670
+ </svg>
3671
+ </div>
3672
+ </div>
3673
+ </div>
3674
+ </a>
3675
+ </div>
3676
+ </div>
3677
+ </div>
3678
+ </div>
3205
3679
  <div
3206
3680
  class="memori-chat--bubble-container memori-chat--bubble-from-user"
3207
3681
  >
@@ -4190,21 +4664,501 @@ exports[`renders Chat with media unchanged 1`] = `
4190
4664
  </div>
4191
4665
  </div>
4192
4666
  <div
4193
- class="memori-chat--bubble-container memori-chat--bubble-from-user"
4667
+ class="memori-media-widget"
4194
4668
  >
4195
4669
  <div
4196
- class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
4670
+ class="memori-media-items"
4197
4671
  >
4198
4672
  <div
4199
- class="memori-expandable memori-chat--bubble-content"
4673
+ class="memori-media-items--grid memori-media-items--agent"
4200
4674
  >
4201
4675
  <div
4202
- class="memori-expandable--inner"
4203
- style="max-height: 9999px;"
4676
+ class="memori-media-item ease-out duration-500 delay-0 opacity-0 scale-95"
4204
4677
  >
4205
- <div
4206
- class="memori-chat--bubble-content"
4207
- dir="auto"
4678
+ <a
4679
+ class="memori-media-item--link"
4680
+ href="https://picsum.photos/300/200?random=0"
4681
+ rel="noopener noreferrer"
4682
+ target="_blank"
4683
+ title="Image 0"
4684
+ >
4685
+ <div
4686
+ class="memori-card memori-media-item--card memori-media-item--image memori-card--with-cover memori-card--hoverable"
4687
+ >
4688
+ <div
4689
+ class="memori-spin"
4690
+ >
4691
+ <div
4692
+ class="memori-card--cover"
4693
+ >
4694
+ <picture
4695
+ class="memori-media-item--figure"
4696
+ >
4697
+ <source
4698
+ srcset="https://picsum.photos/300/200?random=0, https://picsum.photos/300/200?random=0, "
4699
+ type="image/png"
4700
+ />
4701
+ <img
4702
+ alt="Image 0"
4703
+ src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAADDCAYAAADQvc6UAAABRWlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGASSSwoyGFhYGDIzSspCnJ3UoiIjFJgf8LAwSDCIMogwMCcmFxc4BgQ4ANUwgCjUcG3awyMIPqyLsis7PPOq3QdDFcvjV3jOD1boQVTPQrgSkktTgbSf4A4LbmgqISBgTEFyFYuLykAsTuAbJEioKOA7DkgdjqEvQHEToKwj4DVhAQ5A9k3gGyB5IxEoBmML4BsnSQk8XQkNtReEOBxcfXxUQg1Mjc0dyHgXNJBSWpFCYh2zi+oLMpMzyhRcASGUqqCZ16yno6CkYGRAQMDKMwhqj/fAIcloxgHQqxAjIHBEugw5sUIsSQpBobtQPdLciLEVJYzMPBHMDBsayhILEqEO4DxG0txmrERhM29nYGBddr//5/DGRjYNRkY/l7////39v///y4Dmn+LgeHANwDrkl1AuO+pmgAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAwqADAAQAAAABAAAAwwAAAAD9b/HnAAAHlklEQVR4Ae3dP3PTWBSGcbGzM6GCKqlIBRV0dHRJFarQ0eUT8LH4BnRU0NHR0UEFVdIlFRV7TzRksomPY8uykTk/zewQfKw/9znv4yvJynLv4uLiV2dBoDiBf4qP3/ARuCRABEFAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghgg0Aj8i0JO4OzsrPv69Wv+hi2qPHr0qNvf39+iI97soRIh4f3z58/u7du3SXX7Xt7Z2enevHmzfQe+oSN2apSAPj09TSrb+XKI/f379+08+A0cNRE2ANkupk+ACNPvkSPcAAEibACyXUyfABGm3yNHuAECRNgAZLuYPgEirKlHu7u7XdyytGwHAd8jjNyng4OD7vnz51dbPT8/7z58+NB9+/bt6jU/TI+AGWHEnrx48eJ/EsSmHzx40L18+fLyzxF3ZVMjEyDCiEDjMYZZS5wiPXnyZFbJaxMhQIQRGzHvWR7XCyOCXsOmiDAi1HmPMMQjDpbpEiDCiL358eNHurW/5SnWdIBbXiDCiA38/Pnzrce2YyZ4//59F3ePLNMl4PbpiL2J0L979+7yDtHDhw8vtzzvdGnEXdvUigSIsCLAWavHp/+qM0BcXMd/q25n1vF57TYBp0a3mUzilePj4+7k5KSLb6gt6ydAhPUzXnoPR0dHl79WGTNCfBnn1uvSCJdegQhLI1vvCk+fPu2ePXt2tZOYEV6/fn31dz+shwAR1sP1cqvLntbEN9MxA9xcYjsxS1jWR4AIa2Ibzx0tc44fYX/16lV6NDFLXH+YL32jwiACRBiEbf5KcXoTIsQSpzXx4N28Ja4BQoK7rgXiydbHjx/P25TaQAJEGAguWy0+2Q8PD6/Ki4R8EVl+bzBOnZY95fq9rj9zAkTI2SxdidBHqG9+skdw43borCXO/ZcJdraPWdv22uIEiLA4q7nvvCug8WTqzQveOH26fodo7g6uFe/a17W3+nFBAkRYENRdb1vkkz1CH9cPsVy/jrhr27PqMYvENYNlHAIesRiBYwRy0V+8iXP8+/fvX11Mr7L7ECueb/r48eMqm7FuI2BGWDEG8cm+7G3NEOfmdcTQw4h9/55lhm7DekRYKQPZF2ArbXTAyu4kDYB2YxUzwg0gi/41ztHnfQG26HbGel/crVrm7tNY+/1btkOEAZ2M05r4FB7r9GbAIdxaZYrHdOsgJ/wCEQY0J74TmOKnbxxT9n3FgGGWWsVdowHtjt9Nnvf7yQM2aZU/TIAIAxrw6dOnAWtZZcoEnBpNuTuObWMEiLAx1HY0ZQJEmHJ3HNvGCBBhY6jtaMoEiJB0Z29vL6ls58vxPcO8/zfrdo5qvKO+d3Fx8Wu8zf1dW4p/cPzLly/dtv9Ts/EbcvGAHhHyfBIhZ6NSiIBTo0LNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiEC/wGgKKC4YMA4TAAAAABJRU5ErkJggg=="
4704
+ />
4705
+ <figcaption
4706
+ class="memori-media-item--figure-caption"
4707
+ >
4708
+ Image 0
4709
+ </figcaption>
4710
+ </picture>
4711
+ </div>
4712
+ <div
4713
+ class="memori-card--content"
4714
+ >
4715
+ <div
4716
+ class="memori-card--children"
4717
+ />
4718
+ </div>
4719
+ <div
4720
+ class="memori-spin--spinner"
4721
+ >
4722
+ <svg
4723
+ aria-hidden="true"
4724
+ class="memori-loading-icon"
4725
+ focusable="false"
4726
+ role="img"
4727
+ viewBox="0 0 1024 1024"
4728
+ xmlns="http://www.w3.org/2000/svg"
4729
+ >
4730
+ <path
4731
+ 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"
4732
+ />
4733
+ </svg>
4734
+ </div>
4735
+ </div>
4736
+ </div>
4737
+ </a>
4738
+ </div>
4739
+ <div
4740
+ class="memori-media-item ease-out duration-500 delay-100 opacity-0 scale-95"
4741
+ >
4742
+ <a
4743
+ class="memori-media-item--link"
4744
+ href="https://picsum.photos/200/300?random=1"
4745
+ rel="noopener noreferrer"
4746
+ target="_blank"
4747
+ title="Image 1"
4748
+ >
4749
+ <div
4750
+ class="memori-card memori-media-item--card memori-media-item--image memori-card--with-cover memori-card--hoverable"
4751
+ >
4752
+ <div
4753
+ class="memori-spin"
4754
+ >
4755
+ <div
4756
+ class="memori-card--cover"
4757
+ >
4758
+ <picture
4759
+ class="memori-media-item--figure"
4760
+ >
4761
+ <source
4762
+ srcset="https://picsum.photos/200/300?random=1, https://picsum.photos/200/300?random=1, "
4763
+ type="image/png"
4764
+ />
4765
+ <img
4766
+ alt="Image 1"
4767
+ src="data:image/png;base64,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"
4768
+ />
4769
+ <figcaption
4770
+ class="memori-media-item--figure-caption"
4771
+ >
4772
+ Image 1
4773
+ </figcaption>
4774
+ </picture>
4775
+ </div>
4776
+ <div
4777
+ class="memori-card--content"
4778
+ >
4779
+ <div
4780
+ class="memori-card--children"
4781
+ />
4782
+ </div>
4783
+ <div
4784
+ class="memori-spin--spinner"
4785
+ >
4786
+ <svg
4787
+ aria-hidden="true"
4788
+ class="memori-loading-icon"
4789
+ focusable="false"
4790
+ role="img"
4791
+ viewBox="0 0 1024 1024"
4792
+ xmlns="http://www.w3.org/2000/svg"
4793
+ >
4794
+ <path
4795
+ 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"
4796
+ />
4797
+ </svg>
4798
+ </div>
4799
+ </div>
4800
+ </div>
4801
+ </a>
4802
+ </div>
4803
+ <div
4804
+ class="memori-media-item ease-out duration-500 delay-200 opacity-0 scale-95"
4805
+ >
4806
+ <a
4807
+ class="memori-media-item--link"
4808
+ href="https://picsum.photos/300/300?random=2"
4809
+ rel="noopener noreferrer"
4810
+ target="_blank"
4811
+ title="Image 2"
4812
+ >
4813
+ <div
4814
+ class="memori-card memori-media-item--card memori-media-item--image memori-card--with-cover memori-card--hoverable"
4815
+ >
4816
+ <div
4817
+ class="memori-spin"
4818
+ >
4819
+ <div
4820
+ class="memori-card--cover"
4821
+ >
4822
+ <picture
4823
+ class="memori-media-item--figure"
4824
+ >
4825
+ <source
4826
+ srcset="https://picsum.photos/300/300?random=2, https://picsum.photos/300/300?random=2, "
4827
+ type="image/png"
4828
+ />
4829
+ <img
4830
+ alt="Image 2"
4831
+ src="data:image/png;base64,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"
4832
+ />
4833
+ <figcaption
4834
+ class="memori-media-item--figure-caption"
4835
+ >
4836
+ Image 2
4837
+ </figcaption>
4838
+ </picture>
4839
+ </div>
4840
+ <div
4841
+ class="memori-card--content"
4842
+ >
4843
+ <div
4844
+ class="memori-card--children"
4845
+ />
4846
+ </div>
4847
+ <div
4848
+ class="memori-spin--spinner"
4849
+ >
4850
+ <svg
4851
+ aria-hidden="true"
4852
+ class="memori-loading-icon"
4853
+ focusable="false"
4854
+ role="img"
4855
+ viewBox="0 0 1024 1024"
4856
+ xmlns="http://www.w3.org/2000/svg"
4857
+ >
4858
+ <path
4859
+ 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"
4860
+ />
4861
+ </svg>
4862
+ </div>
4863
+ </div>
4864
+ </div>
4865
+ </a>
4866
+ </div>
4867
+ </div>
4868
+ </div>
4869
+ <div
4870
+ class="memori-link-items"
4871
+ >
4872
+ <div
4873
+ class="memori-link-items--grid memori-link-items--agent"
4874
+ >
4875
+ <div
4876
+ class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
4877
+ >
4878
+ <a
4879
+ class="memori-link-item--link"
4880
+ href="https://memori.ai/en"
4881
+ rel="noopener noreferrer"
4882
+ target="_blank"
4883
+ >
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
+ Link Memori Srl
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>
4937
+ </div>
4938
+ </div>
4939
+ </div>
4940
+ </a>
4941
+ </div>
4942
+ <div
4943
+ class="memori-link-item ease-out duration-500 delay-100 opacity-0 scale-95"
4944
+ >
4945
+ <a
4946
+ class="memori-link-item--link"
4947
+ href="https://rawmaterial.it/en"
4948
+ rel="noopener noreferrer"
4949
+ target="_blank"
4950
+ >
4951
+ <div
4952
+ class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
4953
+ >
4954
+ <div
4955
+ class="memori-spin"
4956
+ >
4957
+ <div
4958
+ class="memori-card--cover"
4959
+ >
4960
+ <div
4961
+ class="memori-link-item--card-cover-icon"
4962
+ >
4963
+ <svg
4964
+ aria-hidden="true"
4965
+ class="memori-link-item--icon"
4966
+ focusable="false"
4967
+ role="img"
4968
+ viewBox="0 0 1024 1024"
4969
+ xmlns="http://www.w3.org/2000/svg"
4970
+ >
4971
+ <path
4972
+ 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"
4973
+ />
4974
+ </svg>
4975
+ </div>
4976
+ </div>
4977
+ <div
4978
+ class="memori-card--content"
4979
+ >
4980
+ <h3
4981
+ class="memori-card--title"
4982
+ >
4983
+ Link RawMaterial
4984
+ </h3>
4985
+ <div
4986
+ class="memori-card--children"
4987
+ />
4988
+ </div>
4989
+ <div
4990
+ class="memori-spin--spinner"
4991
+ >
4992
+ <svg
4993
+ aria-hidden="true"
4994
+ class="memori-loading-icon"
4995
+ focusable="false"
4996
+ role="img"
4997
+ viewBox="0 0 1024 1024"
4998
+ xmlns="http://www.w3.org/2000/svg"
4999
+ >
5000
+ <path
5001
+ 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"
5002
+ />
5003
+ </svg>
5004
+ </div>
5005
+ </div>
5006
+ </div>
5007
+ </a>
5008
+ </div>
5009
+ <div
5010
+ class="memori-link-item ease-out duration-500 delay-200 opacity-0 scale-95"
5011
+ >
5012
+ <a
5013
+ class="memori-link-item--link"
5014
+ href="https://vimeo.com/766468314"
5015
+ rel="noopener noreferrer"
5016
+ target="_blank"
5017
+ >
5018
+ <div
5019
+ class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
5020
+ >
5021
+ <div
5022
+ class="memori-spin"
5023
+ >
5024
+ <div
5025
+ class="memori-card--cover"
5026
+ >
5027
+ <div
5028
+ class="memori-link-item--card-cover-icon"
5029
+ >
5030
+ <svg
5031
+ aria-hidden="true"
5032
+ class="memori-link-item--icon"
5033
+ focusable="false"
5034
+ role="img"
5035
+ viewBox="0 0 1024 1024"
5036
+ xmlns="http://www.w3.org/2000/svg"
5037
+ >
5038
+ <path
5039
+ 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"
5040
+ />
5041
+ </svg>
5042
+ </div>
5043
+ </div>
5044
+ <div
5045
+ class="memori-card--content"
5046
+ >
5047
+ <h3
5048
+ class="memori-card--title"
5049
+ >
5050
+ Introducing Plone Remix | Vimeo
5051
+ </h3>
5052
+ <div
5053
+ class="memori-card--children"
5054
+ />
5055
+ </div>
5056
+ <div
5057
+ class="memori-spin--spinner"
5058
+ >
5059
+ <svg
5060
+ aria-hidden="true"
5061
+ class="memori-loading-icon"
5062
+ focusable="false"
5063
+ role="img"
5064
+ viewBox="0 0 1024 1024"
5065
+ xmlns="http://www.w3.org/2000/svg"
5066
+ >
5067
+ <path
5068
+ 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"
5069
+ />
5070
+ </svg>
5071
+ </div>
5072
+ </div>
5073
+ </div>
5074
+ </a>
5075
+ </div>
5076
+ <div
5077
+ class="memori-link-item ease-out duration-500 delay-300 opacity-0 scale-95"
5078
+ >
5079
+ <a
5080
+ class="memori-link-item--link"
5081
+ href="https://www.youtube.com/watch?v=feH26j3rBz8"
5082
+ rel="noopener noreferrer"
5083
+ target="_blank"
5084
+ >
5085
+ <div
5086
+ class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
5087
+ >
5088
+ <div
5089
+ class="memori-spin"
5090
+ >
5091
+ <div
5092
+ class="memori-card--cover"
5093
+ >
5094
+ <div
5095
+ class="memori-link-item--card-cover-icon"
5096
+ >
5097
+ <svg
5098
+ aria-hidden="true"
5099
+ class="memori-link-item--icon"
5100
+ focusable="false"
5101
+ role="img"
5102
+ viewBox="0 0 1024 1024"
5103
+ xmlns="http://www.w3.org/2000/svg"
5104
+ >
5105
+ <path
5106
+ 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"
5107
+ />
5108
+ </svg>
5109
+ </div>
5110
+ </div>
5111
+ <div
5112
+ class="memori-card--content"
5113
+ >
5114
+ <h3
5115
+ class="memori-card--title"
5116
+ >
5117
+ A sustainable web: is it possible? - Nicola Zambello | YouTube
5118
+ </h3>
5119
+ <div
5120
+ class="memori-card--children"
5121
+ />
5122
+ </div>
5123
+ <div
5124
+ class="memori-spin--spinner"
5125
+ >
5126
+ <svg
5127
+ aria-hidden="true"
5128
+ class="memori-loading-icon"
5129
+ focusable="false"
5130
+ role="img"
5131
+ viewBox="0 0 1024 1024"
5132
+ xmlns="http://www.w3.org/2000/svg"
5133
+ >
5134
+ <path
5135
+ 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"
5136
+ />
5137
+ </svg>
5138
+ </div>
5139
+ </div>
5140
+ </div>
5141
+ </a>
5142
+ </div>
5143
+ </div>
5144
+ </div>
5145
+ </div>
5146
+ <div
5147
+ class="memori-chat--bubble-container memori-chat--bubble-from-user"
5148
+ >
5149
+ <div
5150
+ class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
5151
+ >
5152
+ <div
5153
+ class="memori-expandable memori-chat--bubble-content"
5154
+ >
5155
+ <div
5156
+ class="memori-expandable--inner"
5157
+ style="max-height: 9999px;"
5158
+ >
5159
+ <div
5160
+ class="memori-chat--bubble-content"
5161
+ dir="auto"
4208
5162
  >
4209
5163
  <p>
4210
5164
  Ah, grazie! Ciao!
@@ -4749,6 +5703,85 @@ exports[`renders Chat with memori typing unchanged 1`] = `
4749
5703
  </div>
4750
5704
  </div>
4751
5705
  </div>
5706
+ <div
5707
+ class="memori-media-widget"
5708
+ >
5709
+ <div
5710
+ class="memori-link-items"
5711
+ >
5712
+ <div
5713
+ class="memori-link-items--grid memori-link-items--agent"
5714
+ >
5715
+ <div
5716
+ class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
5717
+ >
5718
+ <a
5719
+ class="memori-link-item--link"
5720
+ href="https://memori.ai"
5721
+ rel="noopener noreferrer"
5722
+ target="_blank"
5723
+ >
5724
+ <div
5725
+ class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
5726
+ >
5727
+ <div
5728
+ class="memori-spin"
5729
+ >
5730
+ <div
5731
+ class="memori-card--cover"
5732
+ >
5733
+ <div
5734
+ class="memori-link-item--card-cover-icon"
5735
+ >
5736
+ <svg
5737
+ aria-hidden="true"
5738
+ class="memori-link-item--icon"
5739
+ focusable="false"
5740
+ role="img"
5741
+ viewBox="0 0 1024 1024"
5742
+ xmlns="http://www.w3.org/2000/svg"
5743
+ >
5744
+ <path
5745
+ 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"
5746
+ />
5747
+ </svg>
5748
+ </div>
5749
+ </div>
5750
+ <div
5751
+ class="memori-card--content"
5752
+ >
5753
+ <h3
5754
+ class="memori-card--title"
5755
+ >
5756
+ Link
5757
+ </h3>
5758
+ <div
5759
+ class="memori-card--children"
5760
+ />
5761
+ </div>
5762
+ <div
5763
+ class="memori-spin--spinner"
5764
+ >
5765
+ <svg
5766
+ aria-hidden="true"
5767
+ class="memori-loading-icon"
5768
+ focusable="false"
5769
+ role="img"
5770
+ viewBox="0 0 1024 1024"
5771
+ xmlns="http://www.w3.org/2000/svg"
5772
+ >
5773
+ <path
5774
+ 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"
5775
+ />
5776
+ </svg>
5777
+ </div>
5778
+ </div>
5779
+ </div>
5780
+ </a>
5781
+ </div>
5782
+ </div>
5783
+ </div>
5784
+ </div>
4752
5785
  <div
4753
5786
  class="memori-chat--bubble-container memori-chat--bubble-from-user"
4754
5787
  >
@@ -5318,6 +6351,85 @@ exports[`renders Chat with user unchanged 1`] = `
5318
6351
  </div>
5319
6352
  </div>
5320
6353
  </div>
6354
+ <div
6355
+ class="memori-media-widget"
6356
+ >
6357
+ <div
6358
+ class="memori-link-items"
6359
+ >
6360
+ <div
6361
+ class="memori-link-items--grid memori-link-items--agent"
6362
+ >
6363
+ <div
6364
+ class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
6365
+ >
6366
+ <a
6367
+ class="memori-link-item--link"
6368
+ href="https://memori.ai"
6369
+ rel="noopener noreferrer"
6370
+ target="_blank"
6371
+ >
6372
+ <div
6373
+ class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
6374
+ >
6375
+ <div
6376
+ class="memori-spin"
6377
+ >
6378
+ <div
6379
+ class="memori-card--cover"
6380
+ >
6381
+ <div
6382
+ class="memori-link-item--card-cover-icon"
6383
+ >
6384
+ <svg
6385
+ aria-hidden="true"
6386
+ class="memori-link-item--icon"
6387
+ focusable="false"
6388
+ role="img"
6389
+ viewBox="0 0 1024 1024"
6390
+ xmlns="http://www.w3.org/2000/svg"
6391
+ >
6392
+ <path
6393
+ 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"
6394
+ />
6395
+ </svg>
6396
+ </div>
6397
+ </div>
6398
+ <div
6399
+ class="memori-card--content"
6400
+ >
6401
+ <h3
6402
+ class="memori-card--title"
6403
+ >
6404
+ Link
6405
+ </h3>
6406
+ <div
6407
+ class="memori-card--children"
6408
+ />
6409
+ </div>
6410
+ <div
6411
+ class="memori-spin--spinner"
6412
+ >
6413
+ <svg
6414
+ aria-hidden="true"
6415
+ class="memori-loading-icon"
6416
+ focusable="false"
6417
+ role="img"
6418
+ viewBox="0 0 1024 1024"
6419
+ xmlns="http://www.w3.org/2000/svg"
6420
+ >
6421
+ <path
6422
+ 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"
6423
+ />
6424
+ </svg>
6425
+ </div>
6426
+ </div>
6427
+ </div>
6428
+ </a>
6429
+ </div>
6430
+ </div>
6431
+ </div>
6432
+ </div>
5321
6433
  <div
5322
6434
  class="memori-chat--bubble-container memori-chat--bubble-from-user"
5323
6435
  >