@memori.ai/memori-react 8.12.0 → 8.13.1

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 (156) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/dist/components/Chat/Chat.css +37 -3
  3. package/dist/components/Chat/Chat.js +60 -22
  4. package/dist/components/Chat/Chat.js.map +1 -1
  5. package/dist/components/ChatBubble/ChatBubble.css +9 -5
  6. package/dist/components/ChatBubble/ChatBubble.js +54 -11
  7. package/dist/components/ChatBubble/ChatBubble.js.map +1 -1
  8. package/dist/components/ChatInputs/ChatInputs.css +293 -17
  9. package/dist/components/ChatInputs/ChatInputs.js +41 -25
  10. package/dist/components/ChatInputs/ChatInputs.js.map +1 -1
  11. package/dist/components/ChatTextArea/ChatTextArea.css +75 -31
  12. package/dist/components/ChatTextArea/ChatTextArea.js +47 -18
  13. package/dist/components/ChatTextArea/ChatTextArea.js.map +1 -1
  14. package/dist/components/FilePreview/FilePreview.css +225 -146
  15. package/dist/components/FilePreview/FilePreview.d.ts +1 -2
  16. package/dist/components/FilePreview/FilePreview.js +20 -6
  17. package/dist/components/FilePreview/FilePreview.js.map +1 -1
  18. package/dist/components/Header/Header.css +2 -2
  19. package/dist/components/Header/Header.js.map +1 -1
  20. package/dist/components/MediaWidget/MediaItemWidget.js +2 -1
  21. package/dist/components/MediaWidget/MediaItemWidget.js.map +1 -1
  22. package/dist/components/MediaWidget/MediaWidget.css +0 -4
  23. package/dist/components/MemoriWidget/MemoriWidget.css +11 -2
  24. package/dist/components/MemoriWidget/MemoriWidget.js +41 -5
  25. package/dist/components/MemoriWidget/MemoriWidget.js.map +1 -1
  26. package/dist/components/MicrophoneButton/MicrophoneButton.css +2 -2
  27. package/dist/components/StartPanel/StartPanel.css +8 -0
  28. package/dist/components/UploadButton/UploadButton.css +20 -17
  29. package/dist/components/UploadButton/UploadButton.js +218 -89
  30. package/dist/components/UploadButton/UploadButton.js.map +1 -1
  31. package/dist/components/UploadButton/UploadDocuments/UploadDocuments.js +14 -4
  32. package/dist/components/UploadButton/UploadDocuments/UploadDocuments.js.map +1 -1
  33. package/dist/components/UploadButton/UploadImages/UploadImages.js +143 -16
  34. package/dist/components/UploadButton/UploadImages/UploadImages.js.map +1 -1
  35. package/dist/components/layouts/chat.css +1 -1
  36. package/dist/components/ui/Button.css +1 -0
  37. package/dist/helpers/constants.d.ts +1 -0
  38. package/dist/helpers/constants.js +2 -1
  39. package/dist/helpers/constants.js.map +1 -1
  40. package/dist/helpers/imageCompression.d.ts +7 -0
  41. package/dist/helpers/imageCompression.js +123 -0
  42. package/dist/helpers/imageCompression.js.map +1 -0
  43. package/dist/locales/de.json +7 -4
  44. package/dist/locales/en.json +8 -5
  45. package/dist/locales/es.json +7 -4
  46. package/dist/locales/fr.json +7 -4
  47. package/dist/locales/it.json +8 -5
  48. package/dist/styles.css +1 -2
  49. package/esm/components/Chat/Chat.css +37 -3
  50. package/esm/components/Chat/Chat.js +60 -22
  51. package/esm/components/Chat/Chat.js.map +1 -1
  52. package/esm/components/ChatBubble/ChatBubble.css +9 -5
  53. package/esm/components/ChatBubble/ChatBubble.js +54 -11
  54. package/esm/components/ChatBubble/ChatBubble.js.map +1 -1
  55. package/esm/components/ChatInputs/ChatInputs.css +293 -17
  56. package/esm/components/ChatInputs/ChatInputs.js +42 -26
  57. package/esm/components/ChatInputs/ChatInputs.js.map +1 -1
  58. package/esm/components/ChatTextArea/ChatTextArea.css +75 -31
  59. package/esm/components/ChatTextArea/ChatTextArea.js +49 -20
  60. package/esm/components/ChatTextArea/ChatTextArea.js.map +1 -1
  61. package/esm/components/FilePreview/FilePreview.css +225 -146
  62. package/esm/components/FilePreview/FilePreview.d.ts +1 -2
  63. package/esm/components/FilePreview/FilePreview.js +21 -7
  64. package/esm/components/FilePreview/FilePreview.js.map +1 -1
  65. package/esm/components/Header/Header.css +2 -2
  66. package/esm/components/Header/Header.js.map +1 -1
  67. package/esm/components/MediaWidget/MediaItemWidget.js +2 -1
  68. package/esm/components/MediaWidget/MediaItemWidget.js.map +1 -1
  69. package/esm/components/MediaWidget/MediaWidget.css +0 -4
  70. package/esm/components/MemoriWidget/MemoriWidget.css +11 -2
  71. package/esm/components/MemoriWidget/MemoriWidget.js +41 -5
  72. package/esm/components/MemoriWidget/MemoriWidget.js.map +1 -1
  73. package/esm/components/MicrophoneButton/MicrophoneButton.css +2 -2
  74. package/esm/components/StartPanel/StartPanel.css +8 -0
  75. package/esm/components/UploadButton/UploadButton.css +20 -17
  76. package/esm/components/UploadButton/UploadButton.js +219 -90
  77. package/esm/components/UploadButton/UploadButton.js.map +1 -1
  78. package/esm/components/UploadButton/UploadDocuments/UploadDocuments.js +14 -4
  79. package/esm/components/UploadButton/UploadDocuments/UploadDocuments.js.map +1 -1
  80. package/esm/components/UploadButton/UploadImages/UploadImages.js +143 -16
  81. package/esm/components/UploadButton/UploadImages/UploadImages.js.map +1 -1
  82. package/esm/components/layouts/chat.css +1 -1
  83. package/esm/components/ui/Button.css +1 -0
  84. package/esm/helpers/constants.d.ts +1 -0
  85. package/esm/helpers/constants.js +1 -0
  86. package/esm/helpers/constants.js.map +1 -1
  87. package/esm/helpers/imageCompression.d.ts +7 -0
  88. package/esm/helpers/imageCompression.js +119 -0
  89. package/esm/helpers/imageCompression.js.map +1 -0
  90. package/esm/locales/de.json +7 -4
  91. package/esm/locales/en.json +8 -5
  92. package/esm/locales/es.json +7 -4
  93. package/esm/locales/fr.json +7 -4
  94. package/esm/locales/it.json +8 -5
  95. package/esm/styles.css +1 -2
  96. package/package.json +1 -1
  97. package/src/__snapshots__/index.test.tsx.snap +5 -5
  98. package/src/components/Chat/Chat.css +37 -3
  99. package/src/components/Chat/Chat.tsx +89 -21
  100. package/src/components/Chat/__snapshots__/Chat.test.tsx.snap +672 -732
  101. package/src/components/ChatBubble/ChatBubble.css +9 -5
  102. package/src/components/ChatBubble/ChatBubble.tsx +111 -20
  103. package/src/components/ChatBubble/__snapshots__/ChatBubble.test.tsx.snap +4 -4
  104. package/src/components/ChatInputs/ChatInputs.css +293 -17
  105. package/src/components/ChatInputs/ChatInputs.tsx +144 -87
  106. package/src/components/ChatInputs/__snapshots__/ChatInputs.test.tsx.snap +430 -424
  107. package/src/components/ChatTextArea/ChatTextArea.css +75 -31
  108. package/src/components/ChatTextArea/ChatTextArea.test.tsx +1 -16
  109. package/src/components/ChatTextArea/ChatTextArea.tsx +51 -22
  110. package/src/components/ChatTextArea/__snapshots__/ChatTextArea.test.tsx.snap +9 -72
  111. package/src/components/FilePreview/FilePreview.css +225 -146
  112. package/src/components/FilePreview/FilePreview.tsx +49 -36
  113. package/src/components/FilePreview/__snapshots__/FilePreview.test.tsx.snap +2 -2
  114. package/src/components/Header/Header.css +2 -2
  115. package/src/components/Header/Header.tsx +1 -1
  116. package/src/components/MediaWidget/MediaItemWidget.tsx +2 -1
  117. package/src/components/MediaWidget/MediaWidget.css +0 -4
  118. package/src/components/MemoriWidget/MemoriWidget.css +11 -2
  119. package/src/components/MemoriWidget/MemoriWidget.tsx +61 -12
  120. package/src/components/MicrophoneButton/MicrophoneButton.css +2 -2
  121. package/src/components/StartPanel/StartPanel.css +8 -0
  122. package/src/components/UploadButton/UploadButton.css +20 -17
  123. package/src/components/UploadButton/UploadButton.stories.tsx +247 -35
  124. package/src/components/UploadButton/UploadButton.tsx +280 -175
  125. package/src/components/UploadButton/UploadDocuments/UploadDocuments.tsx +19 -4
  126. package/src/components/UploadButton/UploadImages/UploadImages.tsx +195 -35
  127. package/src/components/UploadButton/__snapshots__/UploadButton.test.tsx.snap +10 -1
  128. package/src/components/layouts/chat.css +1 -1
  129. package/src/components/ui/Button.css +1 -0
  130. package/src/helpers/constants.ts +1 -1
  131. package/src/helpers/imageCompression.ts +230 -0
  132. package/src/locales/de.json +7 -4
  133. package/src/locales/en.json +8 -5
  134. package/src/locales/es.json +7 -4
  135. package/src/locales/fr.json +7 -4
  136. package/src/locales/it.json +8 -5
  137. package/src/styles.css +1 -2
  138. package/dist/components/SignupForm/SignupForm.d.ts +0 -12
  139. package/dist/components/SignupForm/SignupForm.js +0 -199
  140. package/dist/components/SignupForm/SignupForm.js.map +0 -1
  141. package/dist/components/UploadMenu/UploadMenu.css +0 -47
  142. package/dist/components/UploadMenu/UploadMenu.d.ts +0 -9
  143. package/dist/components/UploadMenu/UploadMenu.js +0 -15
  144. package/dist/components/UploadMenu/UploadMenu.js.map +0 -1
  145. package/esm/components/SignupForm/SignupForm.d.ts +0 -12
  146. package/esm/components/SignupForm/SignupForm.js +0 -196
  147. package/esm/components/SignupForm/SignupForm.js.map +0 -1
  148. package/esm/components/UploadMenu/UploadMenu.css +0 -47
  149. package/esm/components/UploadMenu/UploadMenu.d.ts +0 -9
  150. package/esm/components/UploadMenu/UploadMenu.js +0 -12
  151. package/esm/components/UploadMenu/UploadMenu.js.map +0 -1
  152. package/src/components/UploadMenu/UploadMenu.css +0 -47
  153. package/src/components/UploadMenu/UploadMenu.stories.tsx +0 -66
  154. package/src/components/UploadMenu/UploadMenu.test.tsx +0 -34
  155. package/src/components/UploadMenu/UploadMenu.tsx +0 -68
  156. package/src/components/UploadMenu/__snapshots__/UploadMenu.test.tsx.snap +0 -137
package/src/components/Chat/__snapshots__/Chat.test.tsx.snap CHANGED
@@ -12,6 +12,7 @@ exports[`renders Chat unchanged 1`] = `
12
12
  >
13
13
  <div
14
14
  class="memori-chat--content"
15
+ style="padding-bottom: 0px;"
15
16
  >
16
17
  <div
17
18
  class="memori-chat--cover"
@@ -378,22 +379,21 @@ exports[`renders Chat unchanged 1`] = `
378
379
  class="memori-media-widget"
379
380
  >
380
381
  <div
381
- class="memori-link-items"
382
+ class="memori-media-items"
382
383
  >
383
384
  <div
384
- class="memori-link-items--grid memori-chat-scroll-item memori-link-items--agent"
385
+ class="memori-media-items--grid memori-chat-scroll-item memori-media-items--agent"
385
386
  >
386
387
  <div
387
- class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
388
+ class="memori-media-item ease-out duration-500 delay-0 opacity-0 scale-95"
388
389
  >
389
390
  <a
390
- class="memori-link-item--link"
391
- href="https://memori.ai"
392
- rel="noopener noreferrer"
393
- target="_blank"
391
+ class="memori-media-item--link"
392
+ href="#"
393
+ title="Link"
394
394
  >
395
395
  <div
396
- class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
396
+ class="memori-card memori-card--with-cover memori-card--hoverable"
397
397
  >
398
398
  <div
399
399
  class="memori-spin"
@@ -401,22 +401,18 @@ exports[`renders Chat unchanged 1`] = `
401
401
  <div
402
402
  class="memori-card--cover"
403
403
  >
404
- <div
405
- class="memori-link-item--card-cover-icon"
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"
406
411
  >
407
- <svg
408
- aria-hidden="true"
409
- class="memori-link-item--icon"
410
- focusable="false"
411
- role="img"
412
- viewBox="0 0 1024 1024"
413
- xmlns="http://www.w3.org/2000/svg"
414
- >
415
- <path
416
- 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"
417
- />
418
- </svg>
419
- </div>
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>
420
416
  </div>
421
417
  <div
422
418
  class="memori-card--content"
@@ -604,69 +600,70 @@ exports[`renders Chat unchanged 1`] = `
604
600
  />
605
601
  </div>
606
602
  </div>
607
- <fieldset
608
- class="memori-chat-inputs"
609
- id="chat-fieldset"
603
+ <div
604
+ class="memori-chat-inputs-wrapper"
610
605
  >
611
- <div
612
- class="memori-chat-textarea"
613
- data-testid="chat-textarea"
606
+ <fieldset
607
+ class="memori-chat-inputs"
608
+ id="chat-fieldset"
614
609
  >
615
610
  <div
616
- class="memori-chat-textarea--inner"
611
+ class="memori-chat-inputs--container"
617
612
  >
618
- <textarea
619
- class="memori-chat-textarea--input"
620
- maxlength="100000"
613
+ <div
614
+ class="memori-chat-inputs--leading"
621
615
  />
622
616
  <div
623
- class="memori-chat-textarea--expand"
617
+ class="memori-chat-inputs--primary"
624
618
  >
625
- <button
626
- class="memori-button memori-button--ghost memori-button--rounded memori-button--icon-only memori-chat-textarea--expand-button"
627
- title="expand"
619
+ <div
620
+ class="memori-chat-textarea"
621
+ data-testid="chat-textarea"
628
622
  >
629
- <span
630
- class="memori-button--icon"
623
+ <div
624
+ class="memori-chat-textarea--inner"
625
+ style="height: 36px;"
626
+ >
627
+ <textarea
628
+ class="memori-chat-textarea--input"
629
+ maxlength="100000"
630
+ placeholder="placeholder"
631
+ style="height: 36px;"
632
+ />
633
+ </div>
634
+ </div>
635
+ </div>
636
+ <div
637
+ class="memori-chat-inputs--trailing"
638
+ >
639
+ <div
640
+ class="memori-chat-inputs--trailing-inner"
641
+ >
642
+ <button
643
+ aria-label="send"
644
+ class="memori-chat-inputs--send-btn memori-chat-inputs--send-btn--disabled"
645
+ disabled=""
646
+ title="send"
647
+ type="button"
631
648
  >
632
649
  <svg
633
650
  aria-hidden="true"
651
+ class="icon"
634
652
  focusable="false"
635
653
  role="img"
636
654
  viewBox="0 0 1024 1024"
637
655
  xmlns="http://www.w3.org/2000/svg"
638
656
  >
639
657
  <path
640
- d="M855 160.1l-189.2 23.5c-6.6.8-9.3 8.8-4.7 13.5l54.7 54.7-153.5 153.5a8.03 8.03 0 0 0 0 11.3l45.1 45.1c3.1 3.1 8.2 3.1 11.3 0l153.6-153.6 54.7 54.7a7.94 7.94 0 0 0 13.5-4.7L863.9 169a7.9 7.9 0 0 0-8.9-8.9zM416.6 562.3a8.03 8.03 0 0 0-11.3 0L251.8 715.9l-54.7-54.7a7.94 7.94 0 0 0-13.5 4.7L160.1 855c-.6 5.2 3.7 9.5 8.9 8.9l189.2-23.5c6.6-.8 9.3-8.8 4.7-13.5l-54.7-54.7 153.6-153.6c3.1-3.1 3.1-8.2 0-11.3l-45.2-45z"
658
+ d="M931.4 498.9L94.9 79.5c-3.4-1.7-7.3-2.1-11-1.2-8.5 2.1-13.8 10.7-11.7 19.3l86.2 352.2c1.3 5.3 5.2 9.6 10.4 11.3l147.7 50.7-147.6 50.7c-5.2 1.8-9.1 6-10.3 11.3L72.2 926.5c-.9 3.7-.5 7.6 1.2 10.9 3.9 7.9 13.5 11.1 21.5 7.2l836.5-417c3.1-1.5 5.6-4.1 7.2-7.1 3.9-8 .7-17.6-7.2-21.6zM170.8 826.3l50.3-205.6 295.2-101.3c2.3-.8 4.2-2.6 5-5 1.4-4.2-.8-8.7-5-10.2L221.1 403 171 198.2l628 314.9-628.2 313.2z"
641
659
  />
642
660
  </svg>
643
- </span>
644
- </button>
661
+ </button>
662
+ </div>
645
663
  </div>
646
664
  </div>
647
- </div>
648
- <button
649
- class="memori-button memori-button--circle memori-button--padded memori-button--icon-only memori-chat-inputs--send"
650
- disabled=""
651
- title="send"
652
- >
653
- <span
654
- class="memori-button--icon"
655
- >
656
- <svg
657
- aria-hidden="true"
658
- focusable="false"
659
- role="img"
660
- viewBox="0 0 1024 1024"
661
- xmlns="http://www.w3.org/2000/svg"
662
- >
663
- <path
664
- d="M931.4 498.9L94.9 79.5c-3.4-1.7-7.3-2.1-11-1.2-8.5 2.1-13.8 10.7-11.7 19.3l86.2 352.2c1.3 5.3 5.2 9.6 10.4 11.3l147.7 50.7-147.6 50.7c-5.2 1.8-9.1 6-10.3 11.3L72.2 926.5c-.9 3.7-.5 7.6 1.2 10.9 3.9 7.9 13.5 11.1 21.5 7.2l836.5-417c3.1-1.5 5.6-4.1 7.2-7.1 3.9-8 .7-17.6-7.2-21.6zM170.8 826.3l50.3-205.6 295.2-101.3c2.3-.8 4.2-2.6 5-5 1.4-4.2-.8-8.7-5-10.2L221.1 403 171 198.2l628 314.9-628.2 313.2z"
665
- />
666
- </svg>
667
- </span>
668
- </button>
669
- </fieldset>
665
+ </fieldset>
666
+ </div>
670
667
  </div>
671
668
  </div>
672
669
  `;
@@ -683,6 +680,7 @@ exports[`renders Chat with context vars unchanged 1`] = `
683
680
  >
684
681
  <div
685
682
  class="memori-chat--content"
683
+ style="padding-bottom: 0px;"
686
684
  >
687
685
  <div
688
686
  class="memori-chat--cover"
@@ -1064,22 +1062,21 @@ exports[`renders Chat with context vars unchanged 1`] = `
1064
1062
  class="memori-media-widget"
1065
1063
  >
1066
1064
  <div
1067
- class="memori-link-items"
1065
+ class="memori-media-items"
1068
1066
  >
1069
1067
  <div
1070
- class="memori-link-items--grid memori-chat-scroll-item memori-link-items--agent"
1068
+ class="memori-media-items--grid memori-chat-scroll-item memori-media-items--agent"
1071
1069
  >
1072
1070
  <div
1073
- class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
1071
+ class="memori-media-item ease-out duration-500 delay-0 opacity-0 scale-95"
1074
1072
  >
1075
1073
  <a
1076
- class="memori-link-item--link"
1077
- href="https://memori.ai"
1078
- rel="noopener noreferrer"
1079
- target="_blank"
1074
+ class="memori-media-item--link"
1075
+ href="#"
1076
+ title="Link"
1080
1077
  >
1081
1078
  <div
1082
- class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
1079
+ class="memori-card memori-card--with-cover memori-card--hoverable"
1083
1080
  >
1084
1081
  <div
1085
1082
  class="memori-spin"
@@ -1087,22 +1084,18 @@ exports[`renders Chat with context vars unchanged 1`] = `
1087
1084
  <div
1088
1085
  class="memori-card--cover"
1089
1086
  >
1090
- <div
1091
- class="memori-link-item--card-cover-icon"
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"
1092
1094
  >
1093
- <svg
1094
- aria-hidden="true"
1095
- class="memori-link-item--icon"
1096
- focusable="false"
1097
- role="img"
1098
- viewBox="0 0 1024 1024"
1099
- xmlns="http://www.w3.org/2000/svg"
1100
- >
1101
- <path
1102
- 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"
1103
- />
1104
- </svg>
1105
- </div>
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>
1106
1099
  </div>
1107
1100
  <div
1108
1101
  class="memori-card--content"
@@ -1305,69 +1298,70 @@ exports[`renders Chat with context vars unchanged 1`] = `
1305
1298
  />
1306
1299
  </div>
1307
1300
  </div>
1308
- <fieldset
1309
- class="memori-chat-inputs"
1310
- id="chat-fieldset"
1301
+ <div
1302
+ class="memori-chat-inputs-wrapper"
1311
1303
  >
1312
- <div
1313
- class="memori-chat-textarea"
1314
- data-testid="chat-textarea"
1304
+ <fieldset
1305
+ class="memori-chat-inputs"
1306
+ id="chat-fieldset"
1315
1307
  >
1316
1308
  <div
1317
- class="memori-chat-textarea--inner"
1309
+ class="memori-chat-inputs--container"
1318
1310
  >
1319
- <textarea
1320
- class="memori-chat-textarea--input"
1321
- maxlength="100000"
1311
+ <div
1312
+ class="memori-chat-inputs--leading"
1322
1313
  />
1323
1314
  <div
1324
- class="memori-chat-textarea--expand"
1315
+ class="memori-chat-inputs--primary"
1325
1316
  >
1326
- <button
1327
- class="memori-button memori-button--ghost memori-button--rounded memori-button--icon-only memori-chat-textarea--expand-button"
1328
- title="expand"
1317
+ <div
1318
+ class="memori-chat-textarea"
1319
+ data-testid="chat-textarea"
1329
1320
  >
1330
- <span
1331
- class="memori-button--icon"
1321
+ <div
1322
+ class="memori-chat-textarea--inner"
1323
+ style="height: 36px;"
1324
+ >
1325
+ <textarea
1326
+ class="memori-chat-textarea--input"
1327
+ maxlength="100000"
1328
+ placeholder="placeholder"
1329
+ style="height: 36px;"
1330
+ />
1331
+ </div>
1332
+ </div>
1333
+ </div>
1334
+ <div
1335
+ class="memori-chat-inputs--trailing"
1336
+ >
1337
+ <div
1338
+ class="memori-chat-inputs--trailing-inner"
1339
+ >
1340
+ <button
1341
+ aria-label="send"
1342
+ class="memori-chat-inputs--send-btn memori-chat-inputs--send-btn--disabled"
1343
+ disabled=""
1344
+ title="send"
1345
+ type="button"
1332
1346
  >
1333
1347
  <svg
1334
1348
  aria-hidden="true"
1349
+ class="icon"
1335
1350
  focusable="false"
1336
1351
  role="img"
1337
1352
  viewBox="0 0 1024 1024"
1338
1353
  xmlns="http://www.w3.org/2000/svg"
1339
1354
  >
1340
1355
  <path
1341
- d="M855 160.1l-189.2 23.5c-6.6.8-9.3 8.8-4.7 13.5l54.7 54.7-153.5 153.5a8.03 8.03 0 0 0 0 11.3l45.1 45.1c3.1 3.1 8.2 3.1 11.3 0l153.6-153.6 54.7 54.7a7.94 7.94 0 0 0 13.5-4.7L863.9 169a7.9 7.9 0 0 0-8.9-8.9zM416.6 562.3a8.03 8.03 0 0 0-11.3 0L251.8 715.9l-54.7-54.7a7.94 7.94 0 0 0-13.5 4.7L160.1 855c-.6 5.2 3.7 9.5 8.9 8.9l189.2-23.5c6.6-.8 9.3-8.8 4.7-13.5l-54.7-54.7 153.6-153.6c3.1-3.1 3.1-8.2 0-11.3l-45.2-45z"
1356
+ d="M931.4 498.9L94.9 79.5c-3.4-1.7-7.3-2.1-11-1.2-8.5 2.1-13.8 10.7-11.7 19.3l86.2 352.2c1.3 5.3 5.2 9.6 10.4 11.3l147.7 50.7-147.6 50.7c-5.2 1.8-9.1 6-10.3 11.3L72.2 926.5c-.9 3.7-.5 7.6 1.2 10.9 3.9 7.9 13.5 11.1 21.5 7.2l836.5-417c3.1-1.5 5.6-4.1 7.2-7.1 3.9-8 .7-17.6-7.2-21.6zM170.8 826.3l50.3-205.6 295.2-101.3c2.3-.8 4.2-2.6 5-5 1.4-4.2-.8-8.7-5-10.2L221.1 403 171 198.2l628 314.9-628.2 313.2z"
1342
1357
  />
1343
1358
  </svg>
1344
- </span>
1345
- </button>
1359
+ </button>
1360
+ </div>
1346
1361
  </div>
1347
1362
  </div>
1348
- </div>
1349
- <button
1350
- class="memori-button memori-button--circle memori-button--padded memori-button--icon-only memori-chat-inputs--send"
1351
- disabled=""
1352
- title="send"
1353
- >
1354
- <span
1355
- class="memori-button--icon"
1356
- >
1357
- <svg
1358
- aria-hidden="true"
1359
- focusable="false"
1360
- role="img"
1361
- viewBox="0 0 1024 1024"
1362
- xmlns="http://www.w3.org/2000/svg"
1363
- >
1364
- <path
1365
- d="M931.4 498.9L94.9 79.5c-3.4-1.7-7.3-2.1-11-1.2-8.5 2.1-13.8 10.7-11.7 19.3l86.2 352.2c1.3 5.3 5.2 9.6 10.4 11.3l147.7 50.7-147.6 50.7c-5.2 1.8-9.1 6-10.3 11.3L72.2 926.5c-.9 3.7-.5 7.6 1.2 10.9 3.9 7.9 13.5 11.1 21.5 7.2l836.5-417c3.1-1.5 5.6-4.1 7.2-7.1 3.9-8 .7-17.6-7.2-21.6zM170.8 826.3l50.3-205.6 295.2-101.3c2.3-.8 4.2-2.6 5-5 1.4-4.2-.8-8.7-5-10.2L221.1 403 171 198.2l628 314.9-628.2 313.2z"
1366
- />
1367
- </svg>
1368
- </span>
1369
- </button>
1370
- </fieldset>
1363
+ </fieldset>
1364
+ </div>
1371
1365
  </div>
1372
1366
  </div>
1373
1367
  `;
@@ -1384,6 +1378,7 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
1384
1378
  >
1385
1379
  <div
1386
1380
  class="memori-chat--content"
1381
+ style="padding-bottom: 0px;"
1387
1382
  >
1388
1383
  <div
1389
1384
  class="memori-chat--cover"
@@ -1734,22 +1729,21 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
1734
1729
  class="memori-media-widget"
1735
1730
  >
1736
1731
  <div
1737
- class="memori-link-items"
1732
+ class="memori-media-items"
1738
1733
  >
1739
1734
  <div
1740
- class="memori-link-items--grid memori-chat-scroll-item memori-link-items--agent"
1735
+ class="memori-media-items--grid memori-chat-scroll-item memori-media-items--agent"
1741
1736
  >
1742
1737
  <div
1743
- class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
1738
+ class="memori-media-item ease-out duration-500 delay-0 opacity-0 scale-95"
1744
1739
  >
1745
1740
  <a
1746
- class="memori-link-item--link"
1747
- href="https://memori.ai"
1748
- rel="noopener noreferrer"
1749
- target="_blank"
1741
+ class="memori-media-item--link"
1742
+ href="#"
1743
+ title="Link"
1750
1744
  >
1751
1745
  <div
1752
- class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
1746
+ class="memori-card memori-card--with-cover memori-card--hoverable"
1753
1747
  >
1754
1748
  <div
1755
1749
  class="memori-spin"
@@ -1757,22 +1751,18 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
1757
1751
  <div
1758
1752
  class="memori-card--cover"
1759
1753
  >
1760
- <div
1761
- class="memori-link-item--card-cover-icon"
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"
1762
1761
  >
1763
- <svg
1764
- aria-hidden="true"
1765
- class="memori-link-item--icon"
1766
- focusable="false"
1767
- role="img"
1768
- viewBox="0 0 1024 1024"
1769
- xmlns="http://www.w3.org/2000/svg"
1770
- >
1771
- <path
1772
- 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"
1773
- />
1774
- </svg>
1775
- </div>
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>
1776
1766
  </div>
1777
1767
  <div
1778
1768
  class="memori-card--content"
@@ -1952,69 +1942,70 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
1952
1942
  />
1953
1943
  </div>
1954
1944
  </div>
1955
- <fieldset
1956
- class="memori-chat-inputs"
1957
- id="chat-fieldset"
1945
+ <div
1946
+ class="memori-chat-inputs-wrapper"
1958
1947
  >
1959
- <div
1960
- class="memori-chat-textarea"
1961
- data-testid="chat-textarea"
1948
+ <fieldset
1949
+ class="memori-chat-inputs"
1950
+ id="chat-fieldset"
1962
1951
  >
1963
1952
  <div
1964
- class="memori-chat-textarea--inner"
1953
+ class="memori-chat-inputs--container"
1965
1954
  >
1966
- <textarea
1967
- class="memori-chat-textarea--input"
1968
- maxlength="100000"
1955
+ <div
1956
+ class="memori-chat-inputs--leading"
1969
1957
  />
1970
1958
  <div
1971
- class="memori-chat-textarea--expand"
1959
+ class="memori-chat-inputs--primary"
1972
1960
  >
1973
- <button
1974
- class="memori-button memori-button--ghost memori-button--rounded memori-button--icon-only memori-chat-textarea--expand-button"
1975
- title="expand"
1961
+ <div
1962
+ class="memori-chat-textarea"
1963
+ data-testid="chat-textarea"
1976
1964
  >
1977
- <span
1978
- class="memori-button--icon"
1965
+ <div
1966
+ class="memori-chat-textarea--inner"
1967
+ style="height: 36px;"
1968
+ >
1969
+ <textarea
1970
+ class="memori-chat-textarea--input"
1971
+ maxlength="100000"
1972
+ placeholder="placeholder"
1973
+ style="height: 36px;"
1974
+ />
1975
+ </div>
1976
+ </div>
1977
+ </div>
1978
+ <div
1979
+ class="memori-chat-inputs--trailing"
1980
+ >
1981
+ <div
1982
+ class="memori-chat-inputs--trailing-inner"
1983
+ >
1984
+ <button
1985
+ aria-label="send"
1986
+ class="memori-chat-inputs--send-btn memori-chat-inputs--send-btn--disabled"
1987
+ disabled=""
1988
+ title="send"
1989
+ type="button"
1979
1990
  >
1980
1991
  <svg
1981
1992
  aria-hidden="true"
1993
+ class="icon"
1982
1994
  focusable="false"
1983
1995
  role="img"
1984
1996
  viewBox="0 0 1024 1024"
1985
1997
  xmlns="http://www.w3.org/2000/svg"
1986
1998
  >
1987
1999
  <path
1988
- d="M855 160.1l-189.2 23.5c-6.6.8-9.3 8.8-4.7 13.5l54.7 54.7-153.5 153.5a8.03 8.03 0 0 0 0 11.3l45.1 45.1c3.1 3.1 8.2 3.1 11.3 0l153.6-153.6 54.7 54.7a7.94 7.94 0 0 0 13.5-4.7L863.9 169a7.9 7.9 0 0 0-8.9-8.9zM416.6 562.3a8.03 8.03 0 0 0-11.3 0L251.8 715.9l-54.7-54.7a7.94 7.94 0 0 0-13.5 4.7L160.1 855c-.6 5.2 3.7 9.5 8.9 8.9l189.2-23.5c6.6-.8 9.3-8.8 4.7-13.5l-54.7-54.7 153.6-153.6c3.1-3.1 3.1-8.2 0-11.3l-45.2-45z"
2000
+ d="M931.4 498.9L94.9 79.5c-3.4-1.7-7.3-2.1-11-1.2-8.5 2.1-13.8 10.7-11.7 19.3l86.2 352.2c1.3 5.3 5.2 9.6 10.4 11.3l147.7 50.7-147.6 50.7c-5.2 1.8-9.1 6-10.3 11.3L72.2 926.5c-.9 3.7-.5 7.6 1.2 10.9 3.9 7.9 13.5 11.1 21.5 7.2l836.5-417c3.1-1.5 5.6-4.1 7.2-7.1 3.9-8 .7-17.6-7.2-21.6zM170.8 826.3l50.3-205.6 295.2-101.3c2.3-.8 4.2-2.6 5-5 1.4-4.2-.8-8.7-5-10.2L221.1 403 171 198.2l628 314.9-628.2 313.2z"
1989
2001
  />
1990
2002
  </svg>
1991
- </span>
1992
- </button>
2003
+ </button>
2004
+ </div>
1993
2005
  </div>
1994
2006
  </div>
1995
- </div>
1996
- <button
1997
- class="memori-button memori-button--circle memori-button--padded memori-button--icon-only memori-chat-inputs--send"
1998
- disabled=""
1999
- title="send"
2000
- >
2001
- <span
2002
- class="memori-button--icon"
2003
- >
2004
- <svg
2005
- aria-hidden="true"
2006
- focusable="false"
2007
- role="img"
2008
- viewBox="0 0 1024 1024"
2009
- xmlns="http://www.w3.org/2000/svg"
2010
- >
2011
- <path
2012
- d="M931.4 498.9L94.9 79.5c-3.4-1.7-7.3-2.1-11-1.2-8.5 2.1-13.8 10.7-11.7 19.3l86.2 352.2c1.3 5.3 5.2 9.6 10.4 11.3l147.7 50.7-147.6 50.7c-5.2 1.8-9.1 6-10.3 11.3L72.2 926.5c-.9 3.7-.5 7.6 1.2 10.9 3.9 7.9 13.5 11.1 21.5 7.2l836.5-417c3.1-1.5 5.6-4.1 7.2-7.1 3.9-8 .7-17.6-7.2-21.6zM170.8 826.3l50.3-205.6 295.2-101.3c2.3-.8 4.2-2.6 5-5 1.4-4.2-.8-8.7-5-10.2L221.1 403 171 198.2l628 314.9-628.2 313.2z"
2013
- />
2014
- </svg>
2015
- </span>
2016
- </button>
2017
- </fieldset>
2007
+ </fieldset>
2008
+ </div>
2018
2009
  </div>
2019
2010
  </div>
2020
2011
  `;
@@ -2031,6 +2022,7 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
2031
2022
  >
2032
2023
  <div
2033
2024
  class="memori-chat--content"
2025
+ style="padding-bottom: 0px;"
2034
2026
  >
2035
2027
  <div
2036
2028
  class="memori-chat--cover"
@@ -2385,22 +2377,21 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
2385
2377
  class="memori-media-widget"
2386
2378
  >
2387
2379
  <div
2388
- class="memori-link-items"
2380
+ class="memori-media-items"
2389
2381
  >
2390
2382
  <div
2391
- class="memori-link-items--grid memori-chat-scroll-item memori-link-items--agent"
2383
+ class="memori-media-items--grid memori-chat-scroll-item memori-media-items--agent"
2392
2384
  >
2393
2385
  <div
2394
- class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
2386
+ class="memori-media-item ease-out duration-500 delay-0 opacity-0 scale-95"
2395
2387
  >
2396
2388
  <a
2397
- class="memori-link-item--link"
2398
- href="https://memori.ai"
2399
- rel="noopener noreferrer"
2400
- target="_blank"
2389
+ class="memori-media-item--link"
2390
+ href="#"
2391
+ title="Link"
2401
2392
  >
2402
2393
  <div
2403
- class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
2394
+ class="memori-card memori-card--with-cover memori-card--hoverable"
2404
2395
  >
2405
2396
  <div
2406
2397
  class="memori-spin"
@@ -2408,22 +2399,18 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
2408
2399
  <div
2409
2400
  class="memori-card--cover"
2410
2401
  >
2411
- <div
2412
- class="memori-link-item--card-cover-icon"
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"
2413
2409
  >
2414
- <svg
2415
- aria-hidden="true"
2416
- class="memori-link-item--icon"
2417
- focusable="false"
2418
- role="img"
2419
- viewBox="0 0 1024 1024"
2420
- xmlns="http://www.w3.org/2000/svg"
2421
- >
2422
- <path
2423
- 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"
2424
- />
2425
- </svg>
2426
- </div>
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>
2427
2414
  </div>
2428
2415
  <div
2429
2416
  class="memori-card--content"
@@ -2605,69 +2592,70 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
2605
2592
  />
2606
2593
  </div>
2607
2594
  </div>
2608
- <fieldset
2609
- class="memori-chat-inputs"
2610
- id="chat-fieldset"
2595
+ <div
2596
+ class="memori-chat-inputs-wrapper"
2611
2597
  >
2612
- <div
2613
- class="memori-chat-textarea"
2614
- data-testid="chat-textarea"
2598
+ <fieldset
2599
+ class="memori-chat-inputs"
2600
+ id="chat-fieldset"
2615
2601
  >
2616
2602
  <div
2617
- class="memori-chat-textarea--inner"
2603
+ class="memori-chat-inputs--container"
2618
2604
  >
2619
- <textarea
2620
- class="memori-chat-textarea--input"
2621
- maxlength="100000"
2605
+ <div
2606
+ class="memori-chat-inputs--leading"
2622
2607
  />
2623
2608
  <div
2624
- class="memori-chat-textarea--expand"
2609
+ class="memori-chat-inputs--primary"
2625
2610
  >
2626
- <button
2627
- class="memori-button memori-button--ghost memori-button--rounded memori-button--icon-only memori-chat-textarea--expand-button"
2628
- title="expand"
2611
+ <div
2612
+ class="memori-chat-textarea"
2613
+ data-testid="chat-textarea"
2629
2614
  >
2630
- <span
2631
- class="memori-button--icon"
2615
+ <div
2616
+ class="memori-chat-textarea--inner"
2617
+ style="height: 36px;"
2618
+ >
2619
+ <textarea
2620
+ class="memori-chat-textarea--input"
2621
+ maxlength="100000"
2622
+ placeholder="placeholder"
2623
+ style="height: 36px;"
2624
+ />
2625
+ </div>
2626
+ </div>
2627
+ </div>
2628
+ <div
2629
+ class="memori-chat-inputs--trailing"
2630
+ >
2631
+ <div
2632
+ class="memori-chat-inputs--trailing-inner"
2633
+ >
2634
+ <button
2635
+ aria-label="send"
2636
+ class="memori-chat-inputs--send-btn memori-chat-inputs--send-btn--disabled"
2637
+ disabled=""
2638
+ title="send"
2639
+ type="button"
2632
2640
  >
2633
2641
  <svg
2634
2642
  aria-hidden="true"
2643
+ class="icon"
2635
2644
  focusable="false"
2636
2645
  role="img"
2637
2646
  viewBox="0 0 1024 1024"
2638
2647
  xmlns="http://www.w3.org/2000/svg"
2639
2648
  >
2640
2649
  <path
2641
- d="M855 160.1l-189.2 23.5c-6.6.8-9.3 8.8-4.7 13.5l54.7 54.7-153.5 153.5a8.03 8.03 0 0 0 0 11.3l45.1 45.1c3.1 3.1 8.2 3.1 11.3 0l153.6-153.6 54.7 54.7a7.94 7.94 0 0 0 13.5-4.7L863.9 169a7.9 7.9 0 0 0-8.9-8.9zM416.6 562.3a8.03 8.03 0 0 0-11.3 0L251.8 715.9l-54.7-54.7a7.94 7.94 0 0 0-13.5 4.7L160.1 855c-.6 5.2 3.7 9.5 8.9 8.9l189.2-23.5c6.6-.8 9.3-8.8 4.7-13.5l-54.7-54.7 153.6-153.6c3.1-3.1 3.1-8.2 0-11.3l-45.2-45z"
2650
+ d="M931.4 498.9L94.9 79.5c-3.4-1.7-7.3-2.1-11-1.2-8.5 2.1-13.8 10.7-11.7 19.3l86.2 352.2c1.3 5.3 5.2 9.6 10.4 11.3l147.7 50.7-147.6 50.7c-5.2 1.8-9.1 6-10.3 11.3L72.2 926.5c-.9 3.7-.5 7.6 1.2 10.9 3.9 7.9 13.5 11.1 21.5 7.2l836.5-417c3.1-1.5 5.6-4.1 7.2-7.1 3.9-8 .7-17.6-7.2-21.6zM170.8 826.3l50.3-205.6 295.2-101.3c2.3-.8 4.2-2.6 5-5 1.4-4.2-.8-8.7-5-10.2L221.1 403 171 198.2l628 314.9-628.2 313.2z"
2642
2651
  />
2643
2652
  </svg>
2644
- </span>
2645
- </button>
2653
+ </button>
2654
+ </div>
2646
2655
  </div>
2647
2656
  </div>
2648
- </div>
2649
- <button
2650
- class="memori-button memori-button--circle memori-button--padded memori-button--icon-only memori-chat-inputs--send"
2651
- disabled=""
2652
- title="send"
2653
- >
2654
- <span
2655
- class="memori-button--icon"
2656
- >
2657
- <svg
2658
- aria-hidden="true"
2659
- focusable="false"
2660
- role="img"
2661
- viewBox="0 0 1024 1024"
2662
- xmlns="http://www.w3.org/2000/svg"
2663
- >
2664
- <path
2665
- d="M931.4 498.9L94.9 79.5c-3.4-1.7-7.3-2.1-11-1.2-8.5 2.1-13.8 10.7-11.7 19.3l86.2 352.2c1.3 5.3 5.2 9.6 10.4 11.3l147.7 50.7-147.6 50.7c-5.2 1.8-9.1 6-10.3 11.3L72.2 926.5c-.9 3.7-.5 7.6 1.2 10.9 3.9 7.9 13.5 11.1 21.5 7.2l836.5-417c3.1-1.5 5.6-4.1 7.2-7.1 3.9-8 .7-17.6-7.2-21.6zM170.8 826.3l50.3-205.6 295.2-101.3c2.3-.8 4.2-2.6 5-5 1.4-4.2-.8-8.7-5-10.2L221.1 403 171 198.2l628 314.9-628.2 313.2z"
2666
- />
2667
- </svg>
2668
- </span>
2669
- </button>
2670
- </fieldset>
2657
+ </fieldset>
2658
+ </div>
2671
2659
  </div>
2672
2660
  </div>
2673
2661
  `;
@@ -2684,6 +2672,7 @@ exports[`renders Chat with dates unchanged 1`] = `
2684
2672
  >
2685
2673
  <div
2686
2674
  class="memori-chat--content"
2675
+ style="padding-bottom: 0px;"
2687
2676
  >
2688
2677
  <div
2689
2678
  class="memori-chat--cover"
@@ -3075,22 +3064,21 @@ exports[`renders Chat with dates unchanged 1`] = `
3075
3064
  class="memori-media-widget"
3076
3065
  >
3077
3066
  <div
3078
- class="memori-link-items"
3067
+ class="memori-media-items"
3079
3068
  >
3080
3069
  <div
3081
- class="memori-link-items--grid memori-chat-scroll-item memori-link-items--agent"
3070
+ class="memori-media-items--grid memori-chat-scroll-item memori-media-items--agent"
3082
3071
  >
3083
3072
  <div
3084
- class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
3073
+ class="memori-media-item ease-out duration-500 delay-0 opacity-0 scale-95"
3085
3074
  >
3086
3075
  <a
3087
- class="memori-link-item--link"
3088
- href="https://memori.ai"
3089
- rel="noopener noreferrer"
3090
- target="_blank"
3076
+ class="memori-media-item--link"
3077
+ href="#"
3078
+ title="Link"
3091
3079
  >
3092
3080
  <div
3093
- class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
3081
+ class="memori-card memori-card--with-cover memori-card--hoverable"
3094
3082
  >
3095
3083
  <div
3096
3084
  class="memori-spin"
@@ -3098,22 +3086,18 @@ exports[`renders Chat with dates unchanged 1`] = `
3098
3086
  <div
3099
3087
  class="memori-card--cover"
3100
3088
  >
3101
- <div
3102
- class="memori-link-item--card-cover-icon"
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"
3103
3096
  >
3104
- <svg
3105
- aria-hidden="true"
3106
- class="memori-link-item--icon"
3107
- focusable="false"
3108
- role="img"
3109
- viewBox="0 0 1024 1024"
3110
- xmlns="http://www.w3.org/2000/svg"
3111
- >
3112
- <path
3113
- 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"
3114
- />
3115
- </svg>
3116
- </div>
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>
3117
3101
  </div>
3118
3102
  <div
3119
3103
  class="memori-card--content"
@@ -3311,69 +3295,70 @@ exports[`renders Chat with dates unchanged 1`] = `
3311
3295
  />
3312
3296
  </div>
3313
3297
  </div>
3314
- <fieldset
3315
- class="memori-chat-inputs"
3316
- id="chat-fieldset"
3298
+ <div
3299
+ class="memori-chat-inputs-wrapper"
3317
3300
  >
3318
- <div
3319
- class="memori-chat-textarea"
3320
- data-testid="chat-textarea"
3301
+ <fieldset
3302
+ class="memori-chat-inputs"
3303
+ id="chat-fieldset"
3321
3304
  >
3322
3305
  <div
3323
- class="memori-chat-textarea--inner"
3306
+ class="memori-chat-inputs--container"
3324
3307
  >
3325
- <textarea
3326
- class="memori-chat-textarea--input"
3327
- maxlength="100000"
3308
+ <div
3309
+ class="memori-chat-inputs--leading"
3328
3310
  />
3329
3311
  <div
3330
- class="memori-chat-textarea--expand"
3312
+ class="memori-chat-inputs--primary"
3331
3313
  >
3332
- <button
3333
- class="memori-button memori-button--ghost memori-button--rounded memori-button--icon-only memori-chat-textarea--expand-button"
3334
- title="expand"
3314
+ <div
3315
+ class="memori-chat-textarea"
3316
+ data-testid="chat-textarea"
3335
3317
  >
3336
- <span
3337
- class="memori-button--icon"
3318
+ <div
3319
+ class="memori-chat-textarea--inner"
3320
+ style="height: 36px;"
3321
+ >
3322
+ <textarea
3323
+ class="memori-chat-textarea--input"
3324
+ maxlength="100000"
3325
+ placeholder="placeholder"
3326
+ style="height: 36px;"
3327
+ />
3328
+ </div>
3329
+ </div>
3330
+ </div>
3331
+ <div
3332
+ class="memori-chat-inputs--trailing"
3333
+ >
3334
+ <div
3335
+ class="memori-chat-inputs--trailing-inner"
3336
+ >
3337
+ <button
3338
+ aria-label="send"
3339
+ class="memori-chat-inputs--send-btn memori-chat-inputs--send-btn--disabled"
3340
+ disabled=""
3341
+ title="send"
3342
+ type="button"
3338
3343
  >
3339
3344
  <svg
3340
3345
  aria-hidden="true"
3346
+ class="icon"
3341
3347
  focusable="false"
3342
3348
  role="img"
3343
3349
  viewBox="0 0 1024 1024"
3344
3350
  xmlns="http://www.w3.org/2000/svg"
3345
3351
  >
3346
3352
  <path
3347
- d="M855 160.1l-189.2 23.5c-6.6.8-9.3 8.8-4.7 13.5l54.7 54.7-153.5 153.5a8.03 8.03 0 0 0 0 11.3l45.1 45.1c3.1 3.1 8.2 3.1 11.3 0l153.6-153.6 54.7 54.7a7.94 7.94 0 0 0 13.5-4.7L863.9 169a7.9 7.9 0 0 0-8.9-8.9zM416.6 562.3a8.03 8.03 0 0 0-11.3 0L251.8 715.9l-54.7-54.7a7.94 7.94 0 0 0-13.5 4.7L160.1 855c-.6 5.2 3.7 9.5 8.9 8.9l189.2-23.5c6.6-.8 9.3-8.8 4.7-13.5l-54.7-54.7 153.6-153.6c3.1-3.1 3.1-8.2 0-11.3l-45.2-45z"
3353
+ d="M931.4 498.9L94.9 79.5c-3.4-1.7-7.3-2.1-11-1.2-8.5 2.1-13.8 10.7-11.7 19.3l86.2 352.2c1.3 5.3 5.2 9.6 10.4 11.3l147.7 50.7-147.6 50.7c-5.2 1.8-9.1 6-10.3 11.3L72.2 926.5c-.9 3.7-.5 7.6 1.2 10.9 3.9 7.9 13.5 11.1 21.5 7.2l836.5-417c3.1-1.5 5.6-4.1 7.2-7.1 3.9-8 .7-17.6-7.2-21.6zM170.8 826.3l50.3-205.6 295.2-101.3c2.3-.8 4.2-2.6 5-5 1.4-4.2-.8-8.7-5-10.2L221.1 403 171 198.2l628 314.9-628.2 313.2z"
3348
3354
  />
3349
3355
  </svg>
3350
- </span>
3351
- </button>
3356
+ </button>
3357
+ </div>
3352
3358
  </div>
3353
3359
  </div>
3354
- </div>
3355
- <button
3356
- class="memori-button memori-button--circle memori-button--padded memori-button--icon-only memori-chat-inputs--send"
3357
- disabled=""
3358
- title="send"
3359
- >
3360
- <span
3361
- class="memori-button--icon"
3362
- >
3363
- <svg
3364
- aria-hidden="true"
3365
- focusable="false"
3366
- role="img"
3367
- viewBox="0 0 1024 1024"
3368
- xmlns="http://www.w3.org/2000/svg"
3369
- >
3370
- <path
3371
- d="M931.4 498.9L94.9 79.5c-3.4-1.7-7.3-2.1-11-1.2-8.5 2.1-13.8 10.7-11.7 19.3l86.2 352.2c1.3 5.3 5.2 9.6 10.4 11.3l147.7 50.7-147.6 50.7c-5.2 1.8-9.1 6-10.3 11.3L72.2 926.5c-.9 3.7-.5 7.6 1.2 10.9 3.9 7.9 13.5 11.1 21.5 7.2l836.5-417c3.1-1.5 5.6-4.1 7.2-7.1 3.9-8 .7-17.6-7.2-21.6zM170.8 826.3l50.3-205.6 295.2-101.3c2.3-.8 4.2-2.6 5-5 1.4-4.2-.8-8.7-5-10.2L221.1 403 171 198.2l628 314.9-628.2 313.2z"
3372
- />
3373
- </svg>
3374
- </span>
3375
- </button>
3376
- </fieldset>
3360
+ </fieldset>
3361
+ </div>
3377
3362
  </div>
3378
3363
  </div>
3379
3364
  `;
@@ -3390,6 +3375,7 @@ exports[`renders Chat with hints unchanged 1`] = `
3390
3375
  >
3391
3376
  <div
3392
3377
  class="memori-chat--content"
3378
+ style="padding-bottom: 0px;"
3393
3379
  >
3394
3380
  <div
3395
3381
  class="memori-chat--cover"
@@ -3756,22 +3742,21 @@ exports[`renders Chat with hints unchanged 1`] = `
3756
3742
  class="memori-media-widget"
3757
3743
  >
3758
3744
  <div
3759
- class="memori-link-items"
3745
+ class="memori-media-items"
3760
3746
  >
3761
3747
  <div
3762
- class="memori-link-items--grid memori-chat-scroll-item memori-link-items--agent"
3748
+ class="memori-media-items--grid memori-chat-scroll-item memori-media-items--agent"
3763
3749
  >
3764
3750
  <div
3765
- class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
3751
+ class="memori-media-item ease-out duration-500 delay-0 opacity-0 scale-95"
3766
3752
  >
3767
3753
  <a
3768
- class="memori-link-item--link"
3769
- href="https://memori.ai"
3770
- rel="noopener noreferrer"
3771
- target="_blank"
3754
+ class="memori-media-item--link"
3755
+ href="#"
3756
+ title="Link"
3772
3757
  >
3773
3758
  <div
3774
- class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
3759
+ class="memori-card memori-card--with-cover memori-card--hoverable"
3775
3760
  >
3776
3761
  <div
3777
3762
  class="memori-spin"
@@ -3779,22 +3764,18 @@ exports[`renders Chat with hints unchanged 1`] = `
3779
3764
  <div
3780
3765
  class="memori-card--cover"
3781
3766
  >
3782
- <div
3783
- class="memori-link-item--card-cover-icon"
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"
3784
3774
  >
3785
- <svg
3786
- aria-hidden="true"
3787
- class="memori-link-item--icon"
3788
- focusable="false"
3789
- role="img"
3790
- viewBox="0 0 1024 1024"
3791
- xmlns="http://www.w3.org/2000/svg"
3792
- >
3793
- <path
3794
- 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"
3795
- />
3796
- </svg>
3797
- </div>
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>
3798
3779
  </div>
3799
3780
  <div
3800
3781
  class="memori-card--content"
@@ -4008,69 +3989,70 @@ exports[`renders Chat with hints unchanged 1`] = `
4008
3989
  />
4009
3990
  </div>
4010
3991
  </div>
4011
- <fieldset
4012
- class="memori-chat-inputs"
4013
- id="chat-fieldset"
3992
+ <div
3993
+ class="memori-chat-inputs-wrapper"
4014
3994
  >
4015
- <div
4016
- class="memori-chat-textarea"
4017
- data-testid="chat-textarea"
3995
+ <fieldset
3996
+ class="memori-chat-inputs"
3997
+ id="chat-fieldset"
4018
3998
  >
4019
3999
  <div
4020
- class="memori-chat-textarea--inner"
4000
+ class="memori-chat-inputs--container"
4021
4001
  >
4022
- <textarea
4023
- class="memori-chat-textarea--input"
4024
- maxlength="100000"
4002
+ <div
4003
+ class="memori-chat-inputs--leading"
4025
4004
  />
4026
4005
  <div
4027
- class="memori-chat-textarea--expand"
4006
+ class="memori-chat-inputs--primary"
4028
4007
  >
4029
- <button
4030
- class="memori-button memori-button--ghost memori-button--rounded memori-button--icon-only memori-chat-textarea--expand-button"
4031
- title="expand"
4008
+ <div
4009
+ class="memori-chat-textarea"
4010
+ data-testid="chat-textarea"
4032
4011
  >
4033
- <span
4034
- class="memori-button--icon"
4012
+ <div
4013
+ class="memori-chat-textarea--inner"
4014
+ style="height: 36px;"
4015
+ >
4016
+ <textarea
4017
+ class="memori-chat-textarea--input"
4018
+ maxlength="100000"
4019
+ placeholder="placeholder"
4020
+ style="height: 36px;"
4021
+ />
4022
+ </div>
4023
+ </div>
4024
+ </div>
4025
+ <div
4026
+ class="memori-chat-inputs--trailing"
4027
+ >
4028
+ <div
4029
+ class="memori-chat-inputs--trailing-inner"
4030
+ >
4031
+ <button
4032
+ aria-label="send"
4033
+ class="memori-chat-inputs--send-btn memori-chat-inputs--send-btn--disabled"
4034
+ disabled=""
4035
+ title="send"
4036
+ type="button"
4035
4037
  >
4036
4038
  <svg
4037
4039
  aria-hidden="true"
4040
+ class="icon"
4038
4041
  focusable="false"
4039
4042
  role="img"
4040
4043
  viewBox="0 0 1024 1024"
4041
4044
  xmlns="http://www.w3.org/2000/svg"
4042
4045
  >
4043
4046
  <path
4044
- d="M855 160.1l-189.2 23.5c-6.6.8-9.3 8.8-4.7 13.5l54.7 54.7-153.5 153.5a8.03 8.03 0 0 0 0 11.3l45.1 45.1c3.1 3.1 8.2 3.1 11.3 0l153.6-153.6 54.7 54.7a7.94 7.94 0 0 0 13.5-4.7L863.9 169a7.9 7.9 0 0 0-8.9-8.9zM416.6 562.3a8.03 8.03 0 0 0-11.3 0L251.8 715.9l-54.7-54.7a7.94 7.94 0 0 0-13.5 4.7L160.1 855c-.6 5.2 3.7 9.5 8.9 8.9l189.2-23.5c6.6-.8 9.3-8.8 4.7-13.5l-54.7-54.7 153.6-153.6c3.1-3.1 3.1-8.2 0-11.3l-45.2-45z"
4047
+ d="M931.4 498.9L94.9 79.5c-3.4-1.7-7.3-2.1-11-1.2-8.5 2.1-13.8 10.7-11.7 19.3l86.2 352.2c1.3 5.3 5.2 9.6 10.4 11.3l147.7 50.7-147.6 50.7c-5.2 1.8-9.1 6-10.3 11.3L72.2 926.5c-.9 3.7-.5 7.6 1.2 10.9 3.9 7.9 13.5 11.1 21.5 7.2l836.5-417c3.1-1.5 5.6-4.1 7.2-7.1 3.9-8 .7-17.6-7.2-21.6zM170.8 826.3l50.3-205.6 295.2-101.3c2.3-.8 4.2-2.6 5-5 1.4-4.2-.8-8.7-5-10.2L221.1 403 171 198.2l628 314.9-628.2 313.2z"
4045
4048
  />
4046
4049
  </svg>
4047
- </span>
4048
- </button>
4050
+ </button>
4051
+ </div>
4049
4052
  </div>
4050
4053
  </div>
4051
- </div>
4052
- <button
4053
- class="memori-button memori-button--circle memori-button--padded memori-button--icon-only memori-chat-inputs--send"
4054
- disabled=""
4055
- title="send"
4056
- >
4057
- <span
4058
- class="memori-button--icon"
4059
- >
4060
- <svg
4061
- aria-hidden="true"
4062
- focusable="false"
4063
- role="img"
4064
- viewBox="0 0 1024 1024"
4065
- xmlns="http://www.w3.org/2000/svg"
4066
- >
4067
- <path
4068
- d="M931.4 498.9L94.9 79.5c-3.4-1.7-7.3-2.1-11-1.2-8.5 2.1-13.8 10.7-11.7 19.3l86.2 352.2c1.3 5.3 5.2 9.6 10.4 11.3l147.7 50.7-147.6 50.7c-5.2 1.8-9.1 6-10.3 11.3L72.2 926.5c-.9 3.7-.5 7.6 1.2 10.9 3.9 7.9 13.5 11.1 21.5 7.2l836.5-417c3.1-1.5 5.6-4.1 7.2-7.1 3.9-8 .7-17.6-7.2-21.6zM170.8 826.3l50.3-205.6 295.2-101.3c2.3-.8 4.2-2.6 5-5 1.4-4.2-.8-8.7-5-10.2L221.1 403 171 198.2l628 314.9-628.2 313.2z"
4069
- />
4070
- </svg>
4071
- </span>
4072
- </button>
4073
- </fieldset>
4054
+ </fieldset>
4055
+ </div>
4074
4056
  </div>
4075
4057
  </div>
4076
4058
  `;
@@ -4087,6 +4069,7 @@ exports[`renders Chat with media unchanged 1`] = `
4087
4069
  >
4088
4070
  <div
4089
4071
  class="memori-chat--content"
4072
+ style="padding-bottom: 0px;"
4090
4073
  >
4091
4074
  <div
4092
4075
  class="memori-chat--cover"
@@ -4463,13 +4446,11 @@ exports[`renders Chat with media unchanged 1`] = `
4463
4446
  >
4464
4447
  <a
4465
4448
  class="memori-media-item--link"
4466
- href="https://picsum.photos/300/200?random=0"
4467
- rel="noopener noreferrer"
4468
- target="_blank"
4469
- title="Image 0"
4449
+ href="#"
4450
+ title="Link Memori Srl"
4470
4451
  >
4471
4452
  <div
4472
- class="memori-card memori-media-item--card memori-media-item--image memori-card--with-cover memori-card--hoverable"
4453
+ class="memori-card memori-card--with-cover memori-card--hoverable"
4473
4454
  >
4474
4455
  <div
4475
4456
  class="memori-spin"
@@ -4477,27 +4458,27 @@ exports[`renders Chat with media unchanged 1`] = `
4477
4458
  <div
4478
4459
  class="memori-card--cover"
4479
4460
  >
4480
- <picture
4481
- class="memori-media-item--figure"
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"
4482
4468
  >
4483
- <source
4484
- srcset="https://picsum.photos/300/200?random=0"
4485
- type="image/png"
4486
- />
4487
- <img
4488
- alt="Image 0"
4489
- src="https://picsum.photos/300/200?random=0"
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"
4490
4471
  />
4491
- <figcaption
4492
- class="memori-media-item--figure-caption"
4493
- >
4494
- Image 0
4495
- </figcaption>
4496
- </picture>
4472
+ </svg>
4497
4473
  </div>
4498
4474
  <div
4499
4475
  class="memori-card--content"
4500
4476
  >
4477
+ <h3
4478
+ class="memori-card--title"
4479
+ >
4480
+ Link Memori Srl
4481
+ </h3>
4501
4482
  <div
4502
4483
  class="memori-card--children"
4503
4484
  />
@@ -4527,13 +4508,11 @@ exports[`renders Chat with media unchanged 1`] = `
4527
4508
  >
4528
4509
  <a
4529
4510
  class="memori-media-item--link"
4530
- href="https://picsum.photos/200/300?random=1"
4531
- rel="noopener noreferrer"
4532
- target="_blank"
4533
- title="Image 1"
4511
+ href="#"
4512
+ title="Link RawMaterial"
4534
4513
  >
4535
4514
  <div
4536
- class="memori-card memori-media-item--card memori-media-item--image memori-card--with-cover memori-card--hoverable"
4515
+ class="memori-card memori-card--with-cover memori-card--hoverable"
4537
4516
  >
4538
4517
  <div
4539
4518
  class="memori-spin"
@@ -4541,27 +4520,27 @@ exports[`renders Chat with media unchanged 1`] = `
4541
4520
  <div
4542
4521
  class="memori-card--cover"
4543
4522
  >
4544
- <picture
4545
- class="memori-media-item--figure"
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"
4546
4530
  >
4547
- <source
4548
- srcset="https://picsum.photos/200/300?random=1"
4549
- type="image/png"
4550
- />
4551
- <img
4552
- alt="Image 1"
4553
- src="https://picsum.photos/200/300?random=1"
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"
4554
4533
  />
4555
- <figcaption
4556
- class="memori-media-item--figure-caption"
4557
- >
4558
- Image 1
4559
- </figcaption>
4560
- </picture>
4534
+ </svg>
4561
4535
  </div>
4562
4536
  <div
4563
4537
  class="memori-card--content"
4564
4538
  >
4539
+ <h3
4540
+ class="memori-card--title"
4541
+ >
4542
+ Link RawMaterial
4543
+ </h3>
4565
4544
  <div
4566
4545
  class="memori-card--children"
4567
4546
  />
@@ -4591,13 +4570,11 @@ exports[`renders Chat with media unchanged 1`] = `
4591
4570
  >
4592
4571
  <a
4593
4572
  class="memori-media-item--link"
4594
- href="https://picsum.photos/300/300?random=2"
4595
- rel="noopener noreferrer"
4596
- target="_blank"
4597
- title="Image 2"
4573
+ href="#"
4574
+ title="Introducing Plone Remix | Vimeo"
4598
4575
  >
4599
4576
  <div
4600
- class="memori-card memori-media-item--card memori-media-item--image memori-card--with-cover memori-card--hoverable"
4577
+ class="memori-card memori-card--with-cover memori-card--hoverable"
4601
4578
  >
4602
4579
  <div
4603
4580
  class="memori-spin"
@@ -4605,27 +4582,27 @@ exports[`renders Chat with media unchanged 1`] = `
4605
4582
  <div
4606
4583
  class="memori-card--cover"
4607
4584
  >
4608
- <picture
4609
- class="memori-media-item--figure"
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"
4610
4592
  >
4611
- <source
4612
- srcset="https://picsum.photos/300/300?random=2"
4613
- type="image/png"
4614
- />
4615
- <img
4616
- alt="Image 2"
4617
- src="https://picsum.photos/300/300?random=2"
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"
4618
4595
  />
4619
- <figcaption
4620
- class="memori-media-item--figure-caption"
4621
- >
4622
- Image 2
4623
- </figcaption>
4624
- </picture>
4596
+ </svg>
4625
4597
  </div>
4626
4598
  <div
4627
4599
  class="memori-card--content"
4628
4600
  >
4601
+ <h3
4602
+ class="memori-card--title"
4603
+ >
4604
+ Introducing Plone Remix | Vimeo
4605
+ </h3>
4629
4606
  <div
4630
4607
  class="memori-card--children"
4631
4608
  />
@@ -4650,25 +4627,16 @@ exports[`renders Chat with media unchanged 1`] = `
4650
4627
  </div>
4651
4628
  </a>
4652
4629
  </div>
4653
- </div>
4654
- </div>
4655
- <div
4656
- class="memori-link-items"
4657
- >
4658
- <div
4659
- class="memori-link-items--grid memori-chat-scroll-item memori-link-items--agent"
4660
- >
4661
4630
  <div
4662
- class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
4631
+ class="memori-media-item ease-out duration-500 delay-300 opacity-0 scale-95"
4663
4632
  >
4664
4633
  <a
4665
- class="memori-link-item--link"
4666
- href="https://memori.ai/en"
4667
- rel="noopener noreferrer"
4668
- target="_blank"
4634
+ class="memori-media-item--link"
4635
+ href="#"
4636
+ title="A sustainable web: is it possible? - Nicola Zambello | YouTube"
4669
4637
  >
4670
4638
  <div
4671
- class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
4639
+ class="memori-card memori-card--with-cover memori-card--hoverable"
4672
4640
  >
4673
4641
  <div
4674
4642
  class="memori-spin"
@@ -4676,22 +4644,18 @@ exports[`renders Chat with media unchanged 1`] = `
4676
4644
  <div
4677
4645
  class="memori-card--cover"
4678
4646
  >
4679
- <div
4680
- class="memori-link-item--card-cover-icon"
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"
4681
4654
  >
4682
- <svg
4683
- aria-hidden="true"
4684
- class="memori-link-item--icon"
4685
- focusable="false"
4686
- role="img"
4687
- viewBox="0 0 1024 1024"
4688
- xmlns="http://www.w3.org/2000/svg"
4689
- >
4690
- <path
4691
- 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"
4692
- />
4693
- </svg>
4694
- </div>
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
4659
  </div>
4696
4660
  <div
4697
4661
  class="memori-card--content"
@@ -4699,7 +4663,7 @@ exports[`renders Chat with media unchanged 1`] = `
4699
4663
  <h3
4700
4664
  class="memori-card--title"
4701
4665
  >
4702
- Link Memori Srl
4666
+ A sustainable web: is it possible? - Nicola Zambello | YouTube
4703
4667
  </h3>
4704
4668
  <div
4705
4669
  class="memori-card--children"
@@ -4726,16 +4690,17 @@ exports[`renders Chat with media unchanged 1`] = `
4726
4690
  </a>
4727
4691
  </div>
4728
4692
  <div
4729
- class="memori-link-item ease-out duration-500 delay-100 opacity-0 scale-95"
4693
+ class="memori-media-item ease-out duration-500 delay-400 opacity-0 scale-95"
4730
4694
  >
4731
4695
  <a
4732
- class="memori-link-item--link"
4733
- href="https://rawmaterial.it/en"
4696
+ class="memori-media-item--link"
4697
+ href="https://picsum.photos/300/200?random=0"
4734
4698
  rel="noopener noreferrer"
4735
4699
  target="_blank"
4700
+ title="Image 0"
4736
4701
  >
4737
4702
  <div
4738
- class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
4703
+ class="memori-card memori-media-item--card memori-media-item--image memori-card--with-cover memori-card--hoverable"
4739
4704
  >
4740
4705
  <div
4741
4706
  class="memori-spin"
@@ -4743,31 +4708,27 @@ exports[`renders Chat with media unchanged 1`] = `
4743
4708
  <div
4744
4709
  class="memori-card--cover"
4745
4710
  >
4746
- <div
4747
- class="memori-link-item--card-cover-icon"
4711
+ <picture
4712
+ class="memori-media-item--figure"
4748
4713
  >
4749
- <svg
4750
- aria-hidden="true"
4751
- class="memori-link-item--icon"
4752
- focusable="false"
4753
- role="img"
4754
- viewBox="0 0 1024 1024"
4755
- xmlns="http://www.w3.org/2000/svg"
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"
4756
4724
  >
4757
- <path
4758
- 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"
4759
- />
4760
- </svg>
4761
- </div>
4725
+ Image 0
4726
+ </figcaption>
4727
+ </picture>
4762
4728
  </div>
4763
4729
  <div
4764
4730
  class="memori-card--content"
4765
4731
  >
4766
- <h3
4767
- class="memori-card--title"
4768
- >
4769
- Link RawMaterial
4770
- </h3>
4771
4732
  <div
4772
4733
  class="memori-card--children"
4773
4734
  />
@@ -4793,16 +4754,17 @@ exports[`renders Chat with media unchanged 1`] = `
4793
4754
  </a>
4794
4755
  </div>
4795
4756
  <div
4796
- class="memori-link-item ease-out duration-500 delay-200 opacity-0 scale-95"
4757
+ class="memori-media-item ease-out duration-500 delay-500 opacity-0 scale-95"
4797
4758
  >
4798
4759
  <a
4799
- class="memori-link-item--link"
4800
- href="https://vimeo.com/766468314"
4760
+ class="memori-media-item--link"
4761
+ href="https://picsum.photos/200/300?random=1"
4801
4762
  rel="noopener noreferrer"
4802
4763
  target="_blank"
4764
+ title="Image 1"
4803
4765
  >
4804
4766
  <div
4805
- class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
4767
+ class="memori-card memori-media-item--card memori-media-item--image memori-card--with-cover memori-card--hoverable"
4806
4768
  >
4807
4769
  <div
4808
4770
  class="memori-spin"
@@ -4810,31 +4772,27 @@ exports[`renders Chat with media unchanged 1`] = `
4810
4772
  <div
4811
4773
  class="memori-card--cover"
4812
4774
  >
4813
- <div
4814
- class="memori-link-item--card-cover-icon"
4775
+ <picture
4776
+ class="memori-media-item--figure"
4815
4777
  >
4816
- <svg
4817
- aria-hidden="true"
4818
- class="memori-link-item--icon"
4819
- focusable="false"
4820
- role="img"
4821
- viewBox="0 0 1024 1024"
4822
- xmlns="http://www.w3.org/2000/svg"
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"
4823
4788
  >
4824
- <path
4825
- 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"
4826
- />
4827
- </svg>
4828
- </div>
4789
+ Image 1
4790
+ </figcaption>
4791
+ </picture>
4829
4792
  </div>
4830
4793
  <div
4831
4794
  class="memori-card--content"
4832
4795
  >
4833
- <h3
4834
- class="memori-card--title"
4835
- >
4836
- Introducing Plone Remix | Vimeo
4837
- </h3>
4838
4796
  <div
4839
4797
  class="memori-card--children"
4840
4798
  />
@@ -4860,16 +4818,17 @@ exports[`renders Chat with media unchanged 1`] = `
4860
4818
  </a>
4861
4819
  </div>
4862
4820
  <div
4863
- class="memori-link-item ease-out duration-500 delay-300 opacity-0 scale-95"
4821
+ class="memori-media-item ease-out duration-500 delay-600 opacity-0 scale-95"
4864
4822
  >
4865
4823
  <a
4866
- class="memori-link-item--link"
4867
- href="https://www.youtube.com/watch?v=feH26j3rBz8"
4824
+ class="memori-media-item--link"
4825
+ href="https://picsum.photos/300/300?random=2"
4868
4826
  rel="noopener noreferrer"
4869
4827
  target="_blank"
4828
+ title="Image 2"
4870
4829
  >
4871
4830
  <div
4872
- class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
4831
+ class="memori-card memori-media-item--card memori-media-item--image memori-card--with-cover memori-card--hoverable"
4873
4832
  >
4874
4833
  <div
4875
4834
  class="memori-spin"
@@ -4877,31 +4836,27 @@ exports[`renders Chat with media unchanged 1`] = `
4877
4836
  <div
4878
4837
  class="memori-card--cover"
4879
4838
  >
4880
- <div
4881
- class="memori-link-item--card-cover-icon"
4839
+ <picture
4840
+ class="memori-media-item--figure"
4882
4841
  >
4883
- <svg
4884
- aria-hidden="true"
4885
- class="memori-link-item--icon"
4886
- focusable="false"
4887
- role="img"
4888
- viewBox="0 0 1024 1024"
4889
- xmlns="http://www.w3.org/2000/svg"
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"
4890
4852
  >
4891
- <path
4892
- 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"
4893
- />
4894
- </svg>
4895
- </div>
4853
+ Image 2
4854
+ </figcaption>
4855
+ </picture>
4896
4856
  </div>
4897
4857
  <div
4898
4858
  class="memori-card--content"
4899
4859
  >
4900
- <h3
4901
- class="memori-card--title"
4902
- >
4903
- A sustainable web: is it possible? - Nicola Zambello | YouTube
4904
- </h3>
4905
4860
  <div
4906
4861
  class="memori-card--children"
4907
4862
  />
@@ -5080,69 +5035,70 @@ exports[`renders Chat with media unchanged 1`] = `
5080
5035
  />
5081
5036
  </div>
5082
5037
  </div>
5083
- <fieldset
5084
- class="memori-chat-inputs"
5085
- id="chat-fieldset"
5038
+ <div
5039
+ class="memori-chat-inputs-wrapper"
5086
5040
  >
5087
- <div
5088
- class="memori-chat-textarea"
5089
- data-testid="chat-textarea"
5041
+ <fieldset
5042
+ class="memori-chat-inputs"
5043
+ id="chat-fieldset"
5090
5044
  >
5091
5045
  <div
5092
- class="memori-chat-textarea--inner"
5046
+ class="memori-chat-inputs--container"
5093
5047
  >
5094
- <textarea
5095
- class="memori-chat-textarea--input"
5096
- maxlength="100000"
5048
+ <div
5049
+ class="memori-chat-inputs--leading"
5097
5050
  />
5098
5051
  <div
5099
- class="memori-chat-textarea--expand"
5052
+ class="memori-chat-inputs--primary"
5100
5053
  >
5101
- <button
5102
- class="memori-button memori-button--ghost memori-button--rounded memori-button--icon-only memori-chat-textarea--expand-button"
5103
- title="expand"
5054
+ <div
5055
+ class="memori-chat-textarea"
5056
+ data-testid="chat-textarea"
5104
5057
  >
5105
- <span
5106
- class="memori-button--icon"
5058
+ <div
5059
+ class="memori-chat-textarea--inner"
5060
+ style="height: 36px;"
5061
+ >
5062
+ <textarea
5063
+ class="memori-chat-textarea--input"
5064
+ maxlength="100000"
5065
+ placeholder="placeholder"
5066
+ style="height: 36px;"
5067
+ />
5068
+ </div>
5069
+ </div>
5070
+ </div>
5071
+ <div
5072
+ class="memori-chat-inputs--trailing"
5073
+ >
5074
+ <div
5075
+ class="memori-chat-inputs--trailing-inner"
5076
+ >
5077
+ <button
5078
+ aria-label="send"
5079
+ class="memori-chat-inputs--send-btn memori-chat-inputs--send-btn--disabled"
5080
+ disabled=""
5081
+ title="send"
5082
+ type="button"
5107
5083
  >
5108
5084
  <svg
5109
5085
  aria-hidden="true"
5086
+ class="icon"
5110
5087
  focusable="false"
5111
5088
  role="img"
5112
5089
  viewBox="0 0 1024 1024"
5113
5090
  xmlns="http://www.w3.org/2000/svg"
5114
5091
  >
5115
5092
  <path
5116
- d="M855 160.1l-189.2 23.5c-6.6.8-9.3 8.8-4.7 13.5l54.7 54.7-153.5 153.5a8.03 8.03 0 0 0 0 11.3l45.1 45.1c3.1 3.1 8.2 3.1 11.3 0l153.6-153.6 54.7 54.7a7.94 7.94 0 0 0 13.5-4.7L863.9 169a7.9 7.9 0 0 0-8.9-8.9zM416.6 562.3a8.03 8.03 0 0 0-11.3 0L251.8 715.9l-54.7-54.7a7.94 7.94 0 0 0-13.5 4.7L160.1 855c-.6 5.2 3.7 9.5 8.9 8.9l189.2-23.5c6.6-.8 9.3-8.8 4.7-13.5l-54.7-54.7 153.6-153.6c3.1-3.1 3.1-8.2 0-11.3l-45.2-45z"
5093
+ d="M931.4 498.9L94.9 79.5c-3.4-1.7-7.3-2.1-11-1.2-8.5 2.1-13.8 10.7-11.7 19.3l86.2 352.2c1.3 5.3 5.2 9.6 10.4 11.3l147.7 50.7-147.6 50.7c-5.2 1.8-9.1 6-10.3 11.3L72.2 926.5c-.9 3.7-.5 7.6 1.2 10.9 3.9 7.9 13.5 11.1 21.5 7.2l836.5-417c3.1-1.5 5.6-4.1 7.2-7.1 3.9-8 .7-17.6-7.2-21.6zM170.8 826.3l50.3-205.6 295.2-101.3c2.3-.8 4.2-2.6 5-5 1.4-4.2-.8-8.7-5-10.2L221.1 403 171 198.2l628 314.9-628.2 313.2z"
5117
5094
  />
5118
5095
  </svg>
5119
- </span>
5120
- </button>
5096
+ </button>
5097
+ </div>
5121
5098
  </div>
5122
5099
  </div>
5123
- </div>
5124
- <button
5125
- class="memori-button memori-button--circle memori-button--padded memori-button--icon-only memori-chat-inputs--send"
5126
- disabled=""
5127
- title="send"
5128
- >
5129
- <span
5130
- class="memori-button--icon"
5131
- >
5132
- <svg
5133
- aria-hidden="true"
5134
- focusable="false"
5135
- role="img"
5136
- viewBox="0 0 1024 1024"
5137
- xmlns="http://www.w3.org/2000/svg"
5138
- >
5139
- <path
5140
- d="M931.4 498.9L94.9 79.5c-3.4-1.7-7.3-2.1-11-1.2-8.5 2.1-13.8 10.7-11.7 19.3l86.2 352.2c1.3 5.3 5.2 9.6 10.4 11.3l147.7 50.7-147.6 50.7c-5.2 1.8-9.1 6-10.3 11.3L72.2 926.5c-.9 3.7-.5 7.6 1.2 10.9 3.9 7.9 13.5 11.1 21.5 7.2l836.5-417c3.1-1.5 5.6-4.1 7.2-7.1 3.9-8 .7-17.6-7.2-21.6zM170.8 826.3l50.3-205.6 295.2-101.3c2.3-.8 4.2-2.6 5-5 1.4-4.2-.8-8.7-5-10.2L221.1 403 171 198.2l628 314.9-628.2 313.2z"
5141
- />
5142
- </svg>
5143
- </span>
5144
- </button>
5145
- </fieldset>
5100
+ </fieldset>
5101
+ </div>
5146
5102
  </div>
5147
5103
  </div>
5148
5104
  `;
@@ -5159,6 +5115,7 @@ exports[`renders Chat with memori typing unchanged 1`] = `
5159
5115
  >
5160
5116
  <div
5161
5117
  class="memori-chat--content"
5118
+ style="padding-bottom: 0px;"
5162
5119
  >
5163
5120
  <div
5164
5121
  class="memori-chat--cover"
@@ -5525,22 +5482,21 @@ exports[`renders Chat with memori typing unchanged 1`] = `
5525
5482
  class="memori-media-widget"
5526
5483
  >
5527
5484
  <div
5528
- class="memori-link-items"
5485
+ class="memori-media-items"
5529
5486
  >
5530
5487
  <div
5531
- class="memori-link-items--grid memori-chat-scroll-item memori-link-items--agent"
5488
+ class="memori-media-items--grid memori-chat-scroll-item memori-media-items--agent"
5532
5489
  >
5533
5490
  <div
5534
- class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
5491
+ class="memori-media-item ease-out duration-500 delay-0 opacity-0 scale-95"
5535
5492
  >
5536
5493
  <a
5537
- class="memori-link-item--link"
5538
- href="https://memori.ai"
5539
- rel="noopener noreferrer"
5540
- target="_blank"
5494
+ class="memori-media-item--link"
5495
+ href="#"
5496
+ title="Link"
5541
5497
  >
5542
5498
  <div
5543
- class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
5499
+ class="memori-card memori-card--with-cover memori-card--hoverable"
5544
5500
  >
5545
5501
  <div
5546
5502
  class="memori-spin"
@@ -5548,22 +5504,18 @@ exports[`renders Chat with memori typing unchanged 1`] = `
5548
5504
  <div
5549
5505
  class="memori-card--cover"
5550
5506
  >
5551
- <div
5552
- class="memori-link-item--card-cover-icon"
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"
5553
5514
  >
5554
- <svg
5555
- aria-hidden="true"
5556
- class="memori-link-item--icon"
5557
- focusable="false"
5558
- role="img"
5559
- viewBox="0 0 1024 1024"
5560
- xmlns="http://www.w3.org/2000/svg"
5561
- >
5562
- <path
5563
- 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"
5564
- />
5565
- </svg>
5566
- </div>
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>
5567
5519
  </div>
5568
5520
  <div
5569
5521
  class="memori-card--content"
@@ -5772,70 +5724,61 @@ exports[`renders Chat with memori typing unchanged 1`] = `
5772
5724
  />
5773
5725
  </div>
5774
5726
  </div>
5775
- <fieldset
5776
- class="memori-chat-inputs"
5777
- id="chat-fieldset"
5727
+ <div
5728
+ class="memori-chat-inputs-wrapper"
5778
5729
  >
5779
- <div
5780
- class="memori-chat-textarea"
5781
- data-testid="chat-textarea"
5730
+ <fieldset
5731
+ class="memori-chat-inputs"
5732
+ id="chat-fieldset"
5782
5733
  >
5783
5734
  <div
5784
- class="memori-chat-textarea--inner"
5735
+ class="memori-chat-inputs--container"
5785
5736
  >
5786
- <textarea
5787
- class="memori-chat-textarea--input"
5788
- maxlength="100000"
5737
+ <div
5738
+ class="memori-chat-inputs--leading"
5789
5739
  />
5790
5740
  <div
5791
- class="memori-chat-textarea--expand"
5741
+ class="memori-chat-inputs--primary"
5792
5742
  >
5793
- <button
5794
- class="memori-button memori-button--ghost memori-button--rounded memori-button--icon-only memori-chat-textarea--expand-button"
5795
- title="expand"
5743
+ <div
5744
+ class="memori-chat-textarea"
5745
+ data-testid="chat-textarea"
5796
5746
  >
5797
- <span
5798
- class="memori-button--icon"
5747
+ <div
5748
+ class="memori-chat-textarea--inner"
5749
+ style="height: 36px;"
5799
5750
  >
5800
- <svg
5801
- aria-hidden="true"
5802
- focusable="false"
5803
- role="img"
5804
- viewBox="0 0 1024 1024"
5805
- xmlns="http://www.w3.org/2000/svg"
5806
- >
5807
- <path
5808
- d="M855 160.1l-189.2 23.5c-6.6.8-9.3 8.8-4.7 13.5l54.7 54.7-153.5 153.5a8.03 8.03 0 0 0 0 11.3l45.1 45.1c3.1 3.1 8.2 3.1 11.3 0l153.6-153.6 54.7 54.7a7.94 7.94 0 0 0 13.5-4.7L863.9 169a7.9 7.9 0 0 0-8.9-8.9zM416.6 562.3a8.03 8.03 0 0 0-11.3 0L251.8 715.9l-54.7-54.7a7.94 7.94 0 0 0-13.5 4.7L160.1 855c-.6 5.2 3.7 9.5 8.9 8.9l189.2-23.5c6.6-.8 9.3-8.8 4.7-13.5l-54.7-54.7 153.6-153.6c3.1-3.1 3.1-8.2 0-11.3l-45.2-45z"
5809
- />
5810
- </svg>
5811
- </span>
5812
- </button>
5751
+ <textarea
5752
+ class="memori-chat-textarea--input"
5753
+ maxlength="100000"
5754
+ placeholder="placeholder"
5755
+ style="height: 36px;"
5756
+ />
5757
+ </div>
5758
+ </div>
5759
+ </div>
5760
+ <div
5761
+ class="memori-chat-inputs--trailing"
5762
+ >
5763
+ <div
5764
+ class="memori-chat-inputs--trailing-inner"
5765
+ >
5766
+ <button
5767
+ aria-label="send"
5768
+ class="memori-chat-inputs--send-btn memori-chat-inputs--send-btn--disabled"
5769
+ disabled=""
5770
+ title="send"
5771
+ type="button"
5772
+ >
5773
+ <div
5774
+ class="memori-chat-inputs--send-btn--loading"
5775
+ />
5776
+ </button>
5777
+ </div>
5813
5778
  </div>
5814
5779
  </div>
5815
- </div>
5816
- <button
5817
- class="memori-button memori-button--circle memori-button--padded memori-button--icon-only memori-button--loading memori-chat-inputs--send"
5818
- disabled=""
5819
- title="send"
5820
- >
5821
- <span
5822
- class="memori-button--icon loading-icon"
5823
- >
5824
- <svg
5825
- aria-hidden="true"
5826
- class="memori-loading-icon"
5827
- focusable="false"
5828
- role="img"
5829
- viewBox="0 0 1024 1024"
5830
- xmlns="http://www.w3.org/2000/svg"
5831
- >
5832
- <path
5833
- 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"
5834
- />
5835
- </svg>
5836
- </span>
5837
- </button>
5838
- </fieldset>
5780
+ </fieldset>
5781
+ </div>
5839
5782
  </div>
5840
5783
  </div>
5841
5784
  `;
@@ -5852,6 +5795,7 @@ exports[`renders Chat with user unchanged 1`] = `
5852
5795
  >
5853
5796
  <div
5854
5797
  class="memori-chat--content"
5798
+ style="padding-bottom: 0px;"
5855
5799
  >
5856
5800
  <div
5857
5801
  class="memori-chat--cover"
@@ -6206,22 +6150,21 @@ exports[`renders Chat with user unchanged 1`] = `
6206
6150
  class="memori-media-widget"
6207
6151
  >
6208
6152
  <div
6209
- class="memori-link-items"
6153
+ class="memori-media-items"
6210
6154
  >
6211
6155
  <div
6212
- class="memori-link-items--grid memori-chat-scroll-item memori-link-items--agent"
6156
+ class="memori-media-items--grid memori-chat-scroll-item memori-media-items--agent"
6213
6157
  >
6214
6158
  <div
6215
- class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
6159
+ class="memori-media-item ease-out duration-500 delay-0 opacity-0 scale-95"
6216
6160
  >
6217
6161
  <a
6218
- class="memori-link-item--link"
6219
- href="https://memori.ai"
6220
- rel="noopener noreferrer"
6221
- target="_blank"
6162
+ class="memori-media-item--link"
6163
+ href="#"
6164
+ title="Link"
6222
6165
  >
6223
6166
  <div
6224
- class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
6167
+ class="memori-card memori-card--with-cover memori-card--hoverable"
6225
6168
  >
6226
6169
  <div
6227
6170
  class="memori-spin"
@@ -6229,22 +6172,18 @@ exports[`renders Chat with user unchanged 1`] = `
6229
6172
  <div
6230
6173
  class="memori-card--cover"
6231
6174
  >
6232
- <div
6233
- class="memori-link-item--card-cover-icon"
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"
6234
6182
  >
6235
- <svg
6236
- aria-hidden="true"
6237
- class="memori-link-item--icon"
6238
- focusable="false"
6239
- role="img"
6240
- viewBox="0 0 1024 1024"
6241
- xmlns="http://www.w3.org/2000/svg"
6242
- >
6243
- <path
6244
- 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"
6245
- />
6246
- </svg>
6247
- </div>
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>
6248
6187
  </div>
6249
6188
  <div
6250
6189
  class="memori-card--content"
@@ -6426,69 +6365,70 @@ exports[`renders Chat with user unchanged 1`] = `
6426
6365
  />
6427
6366
  </div>
6428
6367
  </div>
6429
- <fieldset
6430
- class="memori-chat-inputs"
6431
- id="chat-fieldset"
6368
+ <div
6369
+ class="memori-chat-inputs-wrapper"
6432
6370
  >
6433
- <div
6434
- class="memori-chat-textarea"
6435
- data-testid="chat-textarea"
6371
+ <fieldset
6372
+ class="memori-chat-inputs"
6373
+ id="chat-fieldset"
6436
6374
  >
6437
6375
  <div
6438
- class="memori-chat-textarea--inner"
6376
+ class="memori-chat-inputs--container"
6439
6377
  >
6440
- <textarea
6441
- class="memori-chat-textarea--input"
6442
- maxlength="100000"
6378
+ <div
6379
+ class="memori-chat-inputs--leading"
6443
6380
  />
6444
6381
  <div
6445
- class="memori-chat-textarea--expand"
6382
+ class="memori-chat-inputs--primary"
6446
6383
  >
6447
- <button
6448
- class="memori-button memori-button--ghost memori-button--rounded memori-button--icon-only memori-chat-textarea--expand-button"
6449
- title="expand"
6384
+ <div
6385
+ class="memori-chat-textarea"
6386
+ data-testid="chat-textarea"
6450
6387
  >
6451
- <span
6452
- class="memori-button--icon"
6388
+ <div
6389
+ class="memori-chat-textarea--inner"
6390
+ style="height: 36px;"
6391
+ >
6392
+ <textarea
6393
+ class="memori-chat-textarea--input"
6394
+ maxlength="100000"
6395
+ placeholder="placeholder"
6396
+ style="height: 36px;"
6397
+ />
6398
+ </div>
6399
+ </div>
6400
+ </div>
6401
+ <div
6402
+ class="memori-chat-inputs--trailing"
6403
+ >
6404
+ <div
6405
+ class="memori-chat-inputs--trailing-inner"
6406
+ >
6407
+ <button
6408
+ aria-label="send"
6409
+ class="memori-chat-inputs--send-btn memori-chat-inputs--send-btn--disabled"
6410
+ disabled=""
6411
+ title="send"
6412
+ type="button"
6453
6413
  >
6454
6414
  <svg
6455
6415
  aria-hidden="true"
6416
+ class="icon"
6456
6417
  focusable="false"
6457
6418
  role="img"
6458
6419
  viewBox="0 0 1024 1024"
6459
6420
  xmlns="http://www.w3.org/2000/svg"
6460
6421
  >
6461
6422
  <path
6462
- d="M855 160.1l-189.2 23.5c-6.6.8-9.3 8.8-4.7 13.5l54.7 54.7-153.5 153.5a8.03 8.03 0 0 0 0 11.3l45.1 45.1c3.1 3.1 8.2 3.1 11.3 0l153.6-153.6 54.7 54.7a7.94 7.94 0 0 0 13.5-4.7L863.9 169a7.9 7.9 0 0 0-8.9-8.9zM416.6 562.3a8.03 8.03 0 0 0-11.3 0L251.8 715.9l-54.7-54.7a7.94 7.94 0 0 0-13.5 4.7L160.1 855c-.6 5.2 3.7 9.5 8.9 8.9l189.2-23.5c6.6-.8 9.3-8.8 4.7-13.5l-54.7-54.7 153.6-153.6c3.1-3.1 3.1-8.2 0-11.3l-45.2-45z"
6423
+ d="M931.4 498.9L94.9 79.5c-3.4-1.7-7.3-2.1-11-1.2-8.5 2.1-13.8 10.7-11.7 19.3l86.2 352.2c1.3 5.3 5.2 9.6 10.4 11.3l147.7 50.7-147.6 50.7c-5.2 1.8-9.1 6-10.3 11.3L72.2 926.5c-.9 3.7-.5 7.6 1.2 10.9 3.9 7.9 13.5 11.1 21.5 7.2l836.5-417c3.1-1.5 5.6-4.1 7.2-7.1 3.9-8 .7-17.6-7.2-21.6zM170.8 826.3l50.3-205.6 295.2-101.3c2.3-.8 4.2-2.6 5-5 1.4-4.2-.8-8.7-5-10.2L221.1 403 171 198.2l628 314.9-628.2 313.2z"
6463
6424
  />
6464
6425
  </svg>
6465
- </span>
6466
- </button>
6426
+ </button>
6427
+ </div>
6467
6428
  </div>
6468
6429
  </div>
6469
- </div>
6470
- <button
6471
- class="memori-button memori-button--circle memori-button--padded memori-button--icon-only memori-chat-inputs--send"
6472
- disabled=""
6473
- title="send"
6474
- >
6475
- <span
6476
- class="memori-button--icon"
6477
- >
6478
- <svg
6479
- aria-hidden="true"
6480
- focusable="false"
6481
- role="img"
6482
- viewBox="0 0 1024 1024"
6483
- xmlns="http://www.w3.org/2000/svg"
6484
- >
6485
- <path
6486
- d="M931.4 498.9L94.9 79.5c-3.4-1.7-7.3-2.1-11-1.2-8.5 2.1-13.8 10.7-11.7 19.3l86.2 352.2c1.3 5.3 5.2 9.6 10.4 11.3l147.7 50.7-147.6 50.7c-5.2 1.8-9.1 6-10.3 11.3L72.2 926.5c-.9 3.7-.5 7.6 1.2 10.9 3.9 7.9 13.5 11.1 21.5 7.2l836.5-417c3.1-1.5 5.6-4.1 7.2-7.1 3.9-8 .7-17.6-7.2-21.6zM170.8 826.3l50.3-205.6 295.2-101.3c2.3-.8 4.2-2.6 5-5 1.4-4.2-.8-8.7-5-10.2L221.1 403 171 198.2l628 314.9-628.2 313.2z"
6487
- />
6488
- </svg>
6489
- </span>
6490
- </button>
6491
- </fieldset>
6430
+ </fieldset>
6431
+ </div>
6492
6432
  </div>
6493
6433
  </div>
6494
6434
  `;