npm - @memori.ai/memori-react - Versions diffs - 6.8.1 → 6.8.4 - Mend

@memori.ai/memori-react 6.8.1 → 6.8.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 (1197) hide show

package/src/components/Chat/__snapshots__/Chat.test.tsx.snap CHANGED Viewed

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`renders Chat on X2a state unchanged 1`] = `
+exports[`renders Chat unchanged 1`] = `
 <div>
   <div
     class="memori-chat--wrapper"
@@ -33,7 +33,7 @@ exports[`renders Chat on X2a state unchanged 1`] = `
             />
           </picture>
           <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
+            class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
             <div
               class="memori-chat--bubble-content"
@@ -43,66 +43,42 @@ exports[`renders Chat on X2a state unchanged 1`] = `
                 Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
               </p>
             </div>
-          </div>
-        </div>
-        <div
-          class="memori-media-widget"
-        />
-        <div
-          class="memori-chat--bubble-container memori-chat--bubble-from-user"
-        >
-          <div
-            class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
-          >
-            <div
-              class="memori-chat--bubble-content"
-              dir="auto"
-            >
-              Prova
-            </div>
-          </div>
-          <div
-            class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
-          >
-            <svg
-              aria-hidden="true"
-              focusable="false"
-              role="img"
-              viewBox="0 0 1024 1024"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"
-              />
-            </svg>
-          </div>
-        </div>
-        <div
-          class="memori-media-widget"
-        />
-        <div
-          class="memori-chat--bubble-container"
-        >
-          <picture
-            class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x--15"
-            title="Memori"
-          >
-            <img
-              alt="Memori"
-              class="memori-chat--bubble-avatar-img"
-              src="https://aisuru.com/images/aisuru/square_logo.png"
-            />
-          </picture>
-          <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
-          >
             <div
-              class="memori-chat--bubble-content"
-              dir="auto"
+              class="memori-chat--bubble-addon"
             >
-              <p>
-                Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
-              </p>
+              <button
+                class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
+                title="copy"
+              >
+                <span
+                  class="memori-button--icon"
+                >
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    role="img"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="1.5"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <rect
+                      height="14"
+                      rx="2"
+                      ry="2"
+                      width="14"
+                      x="8"
+                      y="8"
+                    />
+                    <path
+                      d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+                    />
+                  </svg>
+                </span>
+              </button>
             </div>
           </div>
         </div>
@@ -116,10 +92,21 @@ exports[`renders Chat on X2a state unchanged 1`] = `
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
             <div
-              class="memori-chat--bubble-content"
-              dir="auto"
+              class="memori-expandable memori-chat--bubble-content"
             >
-              Come faccio a fare delle cose con questa cosa?
+              <div
+                class="memori-expandable--inner"
+                style="max-height: 9999px;"
+              >
+                <div
+                  class="memori-chat--bubble-content"
+                  dir="auto"
+                >
+                  <p>
+                    Prova
+                  </p>
+                </div>
+              </div>
             </div>
           </div>
           <div
@@ -155,870 +142,82 @@ exports[`renders Chat on X2a state unchanged 1`] = `
             />
           </picture>
           <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
+            class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
             <div
               class="memori-chat--bubble-content"
               dir="auto"
             >
               <p>
-                Ecco qui come.
+                Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
               </p>
             </div>
-          </div>
-        </div>
-        <div
-          class="memori-chat--context-vars"
-        >
-          <div
-            class="memori-chat--context-tag"
-          >
-            <span
-              class="memori-chat--context-tag-text"
-            >
-              TEST
-              :
-              test
-            </span>
-          </div>
-        </div>
-        <div
-          class="memori-media-widget"
-        >
-          <div
-            class="memori-link-items"
-          >
             <div
-              class="memori-link-items--grid"
+              class="memori-chat--bubble-addon"
             >
-              <div
-                class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
+              <button
+                class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
+                title="copy"
               >
-                <a
-                  class="memori-link-item--link"
-                  href="https://memori.ai"
-                  rel="noopener noreferrer"
-                  target="_blank"
+                <span
+                  class="memori-button--icon"
                 >
-                  <div
-                    class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    role="img"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="1.5"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <div
-                      class="memori-spin"
-                    >
-                      <div
-                        class="memori-card--cover"
-                      >
-                        <div
-                          class="memori-link-item--card-cover-icon"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="memori-link-item--icon"
-                            focusable="false"
-                            role="img"
-                            viewBox="0 0 1024 1024"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              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"
-                            />
-                          </svg>
-                        </div>
-                      </div>
-                      <div
-                        class="memori-card--content"
-                      >
-                        <h3
-                          class="memori-card--title"
-                        >
-                          Link
-                        </h3>
-                        <div
-                          class="memori-card--children"
-                        />
-                      </div>
-                      <div
-                        class="memori-spin--spinner"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="memori-loading-icon"
-                          focusable="false"
-                          role="img"
-                          viewBox="0 0 1024 1024"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            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"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </a>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="memori-chat--bubble-container memori-chat--bubble-from-user"
-        >
-          <div
-            class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
-          >
-            <div
-              class="memori-chat--bubble-content"
-              dir="auto"
-            >
-              Ah, grazie! Ciao!
+                    <rect
+                      height="14"
+                      rx="2"
+                      ry="2"
+                      width="14"
+                      x="8"
+                      y="8"
+                    />
+                    <path
+                      d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+                    />
+                  </svg>
+                </span>
+              </button>
             </div>
           </div>
-          <div
-            class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
-          >
-            <svg
-              aria-hidden="true"
-              focusable="false"
-              role="img"
-              viewBox="0 0 1024 1024"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"
-              />
-            </svg>
-          </div>
         </div>
         <div
           class="memori-media-widget"
         />
         <div
-          class="memori-chat--bubble-container"
+          class="memori-chat--bubble-container memori-chat--bubble-from-user"
         >
-          <picture
-            class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x--15"
-            title="Memori"
-          >
-            <img
-              alt="Memori"
-              class="memori-chat--bubble-avatar-img"
-              src="https://aisuru.com/images/aisuru/square_logo.png"
-            />
-          </picture>
           <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
+            class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
             <div
-              class="memori-chat--bubble-content"
-              dir="auto"
-            >
-              <p>
-                Arrivederci.
-              </p>
-            </div>
-          </div>
-        </div>
-        <div
-          class="memori-chat--context-vars"
-        >
-          <div
-            class="memori-chat--context-tag"
-          >
-            <span
-              class="memori-chat--context-tag-text"
-            >
-              TEST
-              :
-              test
-            </span>
-          </div>
-        </div>
-        <div
-          class="memori-media-widget"
-        />
-        <div
-          id="end-messages-ref"
-        />
-      </div>
-    </div>
-    <fieldset
-      class="memori-chat-inputs"
-      disabled=""
-      id="chat-fieldset"
-    >
-      <div
-        class="memori-send-on-enter-menu"
-        data-headlessui-state=""
-      >
-        <button
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="memori-button memori-button--circle memori-button--icon-only memori-share-button--button memori--conversation-button"
-          data-headlessui-state=""
-          id="headlessui-menu-button-:re:"
-          type="button"
-        >
-          <div
-            class="memori-button--icon"
-          >
-            <span
-              style="display: block; width: 1rem; height: 1rem;"
-            >
-              …
-            </span>
-          </div>
-        </button>
-      </div>
-      <div
-        class="memori-chat-textarea"
-        data-testid="chat-textarea"
-      >
-        <div
-          class="memori-chat-textarea--inner"
-        >
-          <textarea
-            class="memori-chat-textarea--input"
-          />
-          <div
-            class="memori-chat-textarea--expand"
-          >
-            <button
-              class="memori-button memori-button--ghost memori-button--rounded memori-button--icon-only memori-chat-textarea--expand-button"
-              title="expand"
-            >
-              <span
-                class="memori-button--icon"
-              >
-                <svg
-                  aria-hidden="true"
-                  focusable="false"
-                  role="img"
-                  viewBox="0 0 1024 1024"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    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"
-                  />
-                </svg>
-              </span>
-            </button>
-          </div>
-        </div>
-      </div>
-      <button
-        class="memori-button memori-button--circle memori-button--padded memori-button--icon-only memori-chat-inputs--send"
-        disabled=""
-        title="send"
-      >
-        <span
-          class="memori-button--icon"
-        >
-          <svg
-            aria-hidden="true"
-            focusable="false"
-            role="img"
-            viewBox="0 0 1024 1024"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              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"
-            />
-          </svg>
-        </span>
-      </button>
-    </fieldset>
-  </div>
-</div>
-`;
-exports[`renders Chat on X3 state unchanged 1`] = `
-<div>
-  <div
-    class="memori-chat--wrapper"
-    data-memori-lang="IT"
-    id="chat-wrapper"
-  >
-    <div
-      class="memori-chat--history"
-    >
-      <div
-        class="memori-chat--content"
-      >
-        <div
-          class="memori-chat--cover"
-        />
-        <div
-          class="memori-chat--bubble-initial"
-        />
-        <div
-          class="memori-chat--bubble-container"
-        >
-          <picture
-            class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x--15"
-            title="Memori"
-          >
-            <img
-              alt="Memori"
-              class="memori-chat--bubble-avatar-img"
-              src="https://aisuru.com/images/aisuru/square_logo.png"
-            />
-          </picture>
-          <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
-          >
-            <div
-              class="memori-chat--bubble-content"
-              dir="auto"
-            >
-              <p>
-                Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
-              </p>
-            </div>
-          </div>
-        </div>
-        <div
-          class="memori-media-widget"
-        />
-        <div
-          class="memori-chat--bubble-container memori-chat--bubble-from-user"
-        >
-          <div
-            class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
-          >
-            <div
-              class="memori-chat--bubble-content"
-              dir="auto"
-            >
-              Prova
-            </div>
-          </div>
-          <div
-            class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
-          >
-            <svg
-              aria-hidden="true"
-              focusable="false"
-              role="img"
-              viewBox="0 0 1024 1024"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"
-              />
-            </svg>
-          </div>
-        </div>
-        <div
-          class="memori-media-widget"
-        />
-        <div
-          class="memori-chat--bubble-container"
-        >
-          <picture
-            class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x--15"
-            title="Memori"
-          >
-            <img
-              alt="Memori"
-              class="memori-chat--bubble-avatar-img"
-              src="https://aisuru.com/images/aisuru/square_logo.png"
-            />
-          </picture>
-          <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
-          >
-            <div
-              class="memori-chat--bubble-content"
-              dir="auto"
-            >
-              <p>
-                Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
-              </p>
-            </div>
-          </div>
-        </div>
-        <div
-          class="memori-media-widget"
-        />
-        <div
-          class="memori-chat--bubble-container memori-chat--bubble-from-user"
-        >
-          <div
-            class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
-          >
-            <div
-              class="memori-chat--bubble-content"
-              dir="auto"
-            >
-              Come faccio a fare delle cose con questa cosa?
-            </div>
-          </div>
-          <div
-            class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
-          >
-            <svg
-              aria-hidden="true"
-              focusable="false"
-              role="img"
-              viewBox="0 0 1024 1024"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"
-              />
-            </svg>
-          </div>
-        </div>
-        <div
-          class="memori-media-widget"
-        />
-        <div
-          class="memori-chat--bubble-container"
-        >
-          <picture
-            class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x--15"
-            title="Memori"
-          >
-            <img
-              alt="Memori"
-              class="memori-chat--bubble-avatar-img"
-              src="https://aisuru.com/images/aisuru/square_logo.png"
-            />
-          </picture>
-          <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
-          >
-            <div
-              class="memori-chat--bubble-content"
-              dir="auto"
-            >
-              <p>
-                Ecco qui come.
-              </p>
-            </div>
-          </div>
-        </div>
-        <div
-          class="memori-chat--context-vars"
-        >
-          <div
-            class="memori-chat--context-tag"
-          >
-            <span
-              class="memori-chat--context-tag-text"
-            >
-              TEST
-              :
-              test
-            </span>
-          </div>
-        </div>
-        <div
-          class="memori-media-widget"
-        >
-          <div
-            class="memori-link-items"
-          >
-            <div
-              class="memori-link-items--grid"
+              class="memori-expandable memori-chat--bubble-content"
             >
               <div
-                class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
+                class="memori-expandable--inner"
+                style="max-height: 9999px;"
               >
-                <a
-                  class="memori-link-item--link"
-                  href="https://memori.ai"
-                  rel="noopener noreferrer"
-                  target="_blank"
+                <div
+                  class="memori-chat--bubble-content"
+                  dir="auto"
                 >
-                  <div
-                    class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
-                  >
-                    <div
-                      class="memori-spin"
-                    >
-                      <div
-                        class="memori-card--cover"
-                      >
-                        <div
-                          class="memori-link-item--card-cover-icon"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="memori-link-item--icon"
-                            focusable="false"
-                            role="img"
-                            viewBox="0 0 1024 1024"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              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"
-                            />
-                          </svg>
-                        </div>
-                      </div>
-                      <div
-                        class="memori-card--content"
-                      >
-                        <h3
-                          class="memori-card--title"
-                        >
-                          Link
-                        </h3>
-                        <div
-                          class="memori-card--children"
-                        />
-                      </div>
-                      <div
-                        class="memori-spin--spinner"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="memori-loading-icon"
-                          focusable="false"
-                          role="img"
-                          viewBox="0 0 1024 1024"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            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"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </a>
+                  <p>
+                    Come faccio a fare delle cose con questa cosa?
+                  </p>
+                </div>
               </div>
             </div>
           </div>
-        </div>
-        <div
-          class="memori-chat--bubble-container memori-chat--bubble-from-user"
-        >
-          <div
-            class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
-          >
-            <div
-              class="memori-chat--bubble-content"
-              dir="auto"
-            >
-              Ah, grazie! Ciao!
-            </div>
-          </div>
-          <div
-            class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
-          >
-            <svg
-              aria-hidden="true"
-              focusable="false"
-              role="img"
-              viewBox="0 0 1024 1024"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"
-              />
-            </svg>
-          </div>
-        </div>
-        <div
-          class="memori-media-widget"
-        />
-        <div
-          class="memori-chat--bubble-container"
-        >
-          <picture
-            class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x--15"
-            title="Memori"
-          >
-            <img
-              alt="Memori"
-              class="memori-chat--bubble-avatar-img"
-              src="https://aisuru.com/images/aisuru/square_logo.png"
-            />
-          </picture>
-          <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
-          >
-            <div
-              class="memori-chat--bubble-content"
-              dir="auto"
-            >
-              <p>
-                Arrivederci.
-              </p>
-            </div>
-          </div>
-        </div>
-        <div
-          class="memori-chat--context-vars"
-        >
-          <div
-            class="memori-chat--context-tag"
-          >
-            <span
-              class="memori-chat--context-tag-text"
-            >
-              TEST
-              :
-              test
-            </span>
-          </div>
-        </div>
-        <div
-          class="memori-media-widget"
-        />
-        <div
-          id="end-messages-ref"
-        />
-      </div>
-    </div>
-    <div
-      class="memori-chat--known-tags"
-    >
-      <button
-        class="memori-button memori-button--rounded memori-button--padded memori-button--with-icon memori-chat--known-tag"
-      >
-        <span
-          class="memori-button--icon"
-        >
-          <span
-            class="memori-chat--known-tag-icon"
-          >
-            ☠️
-          </span>
-        </span>
-        test
-      </button>
-      <button
-        class="memori-button memori-button--rounded memori-button--padded memori-button--with-icon memori-chat--known-tag"
-      >
-        <span
-          class="memori-button--icon"
-        >
-          <span
-            class="memori-chat--known-tag-icon"
-          >
-            😎
-          </span>
-        </span>
-        Ciccio
-      </button>
-    </div>
-    <fieldset
-      class="memori-chat-inputs"
-      disabled=""
-      id="chat-fieldset"
-    >
-      <div
-        class="memori-send-on-enter-menu"
-        data-headlessui-state=""
-      >
-        <button
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="memori-button memori-button--circle memori-button--icon-only memori-share-button--button memori--conversation-button"
-          data-headlessui-state=""
-          id="headlessui-menu-button-:rc:"
-          type="button"
-        >
-          <div
-            class="memori-button--icon"
-          >
-            <span
-              style="display: block; width: 1rem; height: 1rem;"
-            >
-              …
-            </span>
-          </div>
-        </button>
-      </div>
-      <div
-        class="memori-chat-textarea memori-chat-textarea--disabled"
-        data-testid="chat-textarea"
-      >
-        <div
-          class="memori-chat-textarea--inner"
-        >
-          <textarea
-            class="memori-chat-textarea--input"
-            disabled=""
-          />
-          <div
-            class="memori-chat-textarea--expand"
-          >
-            <button
-              class="memori-button memori-button--ghost memori-button--rounded memori-button--icon-only memori-chat-textarea--expand-button"
-              title="expand"
-            >
-              <span
-                class="memori-button--icon"
-              >
-                <svg
-                  aria-hidden="true"
-                  focusable="false"
-                  role="img"
-                  viewBox="0 0 1024 1024"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    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"
-                  />
-                </svg>
-              </span>
-            </button>
-          </div>
-        </div>
-      </div>
-      <button
-        class="memori-button memori-button--circle memori-button--padded memori-button--icon-only memori-chat-inputs--send"
-        disabled=""
-        title="send"
-      >
-        <span
-          class="memori-button--icon"
-        >
-          <svg
-            aria-hidden="true"
-            focusable="false"
-            role="img"
-            viewBox="0 0 1024 1024"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              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"
-            />
-          </svg>
-        </span>
-      </button>
-    </fieldset>
-  </div>
-</div>
-`;
-exports[`renders Chat unchanged 1`] = `
-<div>
-  <div
-    class="memori-chat--wrapper"
-    data-memori-lang="IT"
-    id="chat-wrapper"
-  >
-    <div
-      class="memori-chat--history"
-    >
-      <div
-        class="memori-chat--content"
-      >
-        <div
-          class="memori-chat--cover"
-        />
-        <div
-          class="memori-chat--bubble-initial"
-        />
-        <div
-          class="memori-chat--bubble-container"
-        >
-          <picture
-            class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x--15"
-            title="Memori"
-          >
-            <img
-              alt="Memori"
-              class="memori-chat--bubble-avatar-img"
-              src="https://aisuru.com/images/aisuru/square_logo.png"
-            />
-          </picture>
-          <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
-          >
-            <div
-              class="memori-chat--bubble-content"
-              dir="auto"
-            >
-              <p>
-                Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
-              </p>
-            </div>
-          </div>
-        </div>
-        <div
-          class="memori-media-widget"
-        />
-        <div
-          class="memori-chat--bubble-container memori-chat--bubble-from-user"
-        >
-          <div
-            class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
-          >
-            <div
-              class="memori-chat--bubble-content"
-              dir="auto"
-            >
-              Prova
-            </div>
-          </div>
-          <div
-            class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
-          >
-            <svg
-              aria-hidden="true"
-              focusable="false"
-              role="img"
-              viewBox="0 0 1024 1024"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"
-              />
-            </svg>
-          </div>
-        </div>
-        <div
-          class="memori-media-widget"
-        />
-        <div
-          class="memori-chat--bubble-container"
-        >
-          <picture
-            class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x--15"
-            title="Memori"
-          >
-            <img
-              alt="Memori"
-              class="memori-chat--bubble-avatar-img"
-              src="https://aisuru.com/images/aisuru/square_logo.png"
-            />
-          </picture>
-          <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
-          >
-            <div
-              class="memori-chat--bubble-content"
-              dir="auto"
-            >
-              <p>
-                Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
-              </p>
-            </div>
-          </div>
-        </div>
-        <div
-          class="memori-media-widget"
-        />
-        <div
-          class="memori-chat--bubble-container memori-chat--bubble-from-user"
-        >
-          <div
-            class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
-          >
-            <div
-              class="memori-chat--bubble-content"
-              dir="auto"
-            >
-              Come faccio a fare delle cose con questa cosa?
-            </div>
-          </div>
           <div
             class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
           >
@@ -1052,7 +251,7 @@ exports[`renders Chat unchanged 1`] = `
             />
           </picture>
           <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
+            class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
             <div
               class="memori-chat--bubble-content"
@@ -1062,6 +261,43 @@ exports[`renders Chat unchanged 1`] = `
                 Ecco qui come.
               </p>
             </div>
+            <div
+              class="memori-chat--bubble-addon"
+            >
+              <button
+                class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
+                title="copy"
+              >
+                <span
+                  class="memori-button--icon"
+                >
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    role="img"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="1.5"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <rect
+                      height="14"
+                      rx="2"
+                      ry="2"
+                      width="14"
+                      x="8"
+                      y="8"
+                    />
+                    <path
+                      d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+                    />
+                  </svg>
+                </span>
+              </button>
+            </div>
           </div>
         </div>
         <div
@@ -1071,7 +307,7 @@ exports[`renders Chat unchanged 1`] = `
             class="memori-link-items"
           >
             <div
-              class="memori-link-items--grid"
+              class="memori-link-items--grid memori-link-items--agent"
             >
               <div
                 class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
@@ -1150,10 +386,21 @@ exports[`renders Chat unchanged 1`] = `
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
             <div
-              class="memori-chat--bubble-content"
-              dir="auto"
+              class="memori-expandable memori-chat--bubble-content"
             >
-              Ah, grazie! Ciao!
+              <div
+                class="memori-expandable--inner"
+                style="max-height: 9999px;"
+              >
+                <div
+                  class="memori-chat--bubble-content"
+                  dir="auto"
+                >
+                  <p>
+                    Ah, grazie! Ciao!
+                  </p>
+                </div>
+              </div>
             </div>
           </div>
           <div
@@ -1189,7 +436,7 @@ exports[`renders Chat unchanged 1`] = `
             />
           </picture>
           <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
+            class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
             <div
               class="memori-chat--bubble-content"
@@ -1199,6 +446,43 @@ exports[`renders Chat unchanged 1`] = `
                 Arrivederci.
               </p>
             </div>
+            <div
+              class="memori-chat--bubble-addon"
+            >
+              <button
+                class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
+                title="copy"
+              >
+                <span
+                  class="memori-button--icon"
+                >
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    role="img"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="1.5"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <rect
+                      height="14"
+                      rx="2"
+                      ry="2"
+                      width="14"
+                      x="8"
+                      y="8"
+                    />
+                    <path
+                      d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+                    />
+                  </svg>
+                </span>
+              </button>
+            </div>
           </div>
         </div>
         <div
@@ -1213,29 +497,6 @@ exports[`renders Chat unchanged 1`] = `
       class="memori-chat-inputs"
       id="chat-fieldset"
     >
-      <div
-        class="memori-send-on-enter-menu"
-        data-headlessui-state=""
-      >
-        <button
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="memori-button memori-button--circle memori-button--icon-only memori-share-button--button memori--conversation-button"
-          data-headlessui-state=""
-          id="headlessui-menu-button-:r0:"
-          type="button"
-        >
-          <div
-            class="memori-button--icon"
-          >
-            <span
-              style="display: block; width: 1rem; height: 1rem;"
-            >
-              …
-            </span>
-          </div>
-        </button>
-      </div>
       <div
         class="memori-chat-textarea"
         data-testid="chat-textarea"
@@ -1245,6 +506,7 @@ exports[`renders Chat unchanged 1`] = `
         >
           <textarea
             class="memori-chat-textarea--input"
+            maxlength="100000"
           />
           <div
             class="memori-chat-textarea--expand"
@@ -1331,7 +593,7 @@ exports[`renders Chat with context vars unchanged 1`] = `
             />
           </picture>
           <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
+            class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
             <div
               class="memori-chat--bubble-content"
@@ -1341,6 +603,43 @@ exports[`renders Chat with context vars unchanged 1`] = `
                 Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
               </p>
             </div>
+            <div
+              class="memori-chat--bubble-addon"
+            >
+              <button
+                class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
+                title="copy"
+              >
+                <span
+                  class="memori-button--icon"
+                >
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    role="img"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="1.5"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <rect
+                      height="14"
+                      rx="2"
+                      ry="2"
+                      width="14"
+                      x="8"
+                      y="8"
+                    />
+                    <path
+                      d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+                    />
+                  </svg>
+                </span>
+              </button>
+            </div>
           </div>
         </div>
         <div
@@ -1353,10 +652,21 @@ exports[`renders Chat with context vars unchanged 1`] = `
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
             <div
-              class="memori-chat--bubble-content"
-              dir="auto"
+              class="memori-expandable memori-chat--bubble-content"
             >
-              Prova
+              <div
+                class="memori-expandable--inner"
+                style="max-height: 9999px;"
+              >
+                <div
+                  class="memori-chat--bubble-content"
+                  dir="auto"
+                >
+                  <p>
+                    Prova
+                  </p>
+                </div>
+              </div>
             </div>
           </div>
           <div
@@ -1392,7 +702,7 @@ exports[`renders Chat with context vars unchanged 1`] = `
             />
           </picture>
           <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
+            class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
             <div
               class="memori-chat--bubble-content"
@@ -1402,6 +712,43 @@ exports[`renders Chat with context vars unchanged 1`] = `
                 Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
               </p>
             </div>
+            <div
+              class="memori-chat--bubble-addon"
+            >
+              <button
+                class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
+                title="copy"
+              >
+                <span
+                  class="memori-button--icon"
+                >
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    role="img"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="1.5"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <rect
+                      height="14"
+                      rx="2"
+                      ry="2"
+                      width="14"
+                      x="8"
+                      y="8"
+                    />
+                    <path
+                      d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+                    />
+                  </svg>
+                </span>
+              </button>
+            </div>
           </div>
         </div>
         <div
@@ -1414,10 +761,21 @@ exports[`renders Chat with context vars unchanged 1`] = `
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
             <div
-              class="memori-chat--bubble-content"
-              dir="auto"
+              class="memori-expandable memori-chat--bubble-content"
             >
-              Come faccio a fare delle cose con questa cosa?
+              <div
+                class="memori-expandable--inner"
+                style="max-height: 9999px;"
+              >
+                <div
+                  class="memori-chat--bubble-content"
+                  dir="auto"
+                >
+                  <p>
+                    Come faccio a fare delle cose con questa cosa?
+                  </p>
+                </div>
+              </div>
             </div>
           </div>
           <div
@@ -1453,7 +811,7 @@ exports[`renders Chat with context vars unchanged 1`] = `
             />
           </picture>
           <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
+            class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
             <div
               class="memori-chat--bubble-content"
@@ -1463,6 +821,43 @@ exports[`renders Chat with context vars unchanged 1`] = `
                 Ecco qui come.
               </p>
             </div>
+            <div
+              class="memori-chat--bubble-addon"
+            >
+              <button
+                class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
+                title="copy"
+              >
+                <span
+                  class="memori-button--icon"
+                >
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    role="img"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="1.5"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <rect
+                      height="14"
+                      rx="2"
+                      ry="2"
+                      width="14"
+                      x="8"
+                      y="8"
+                    />
+                    <path
+                      d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+                    />
+                  </svg>
+                </span>
+              </button>
+            </div>
           </div>
         </div>
         <div
@@ -1487,7 +882,7 @@ exports[`renders Chat with context vars unchanged 1`] = `
             class="memori-link-items"
           >
             <div
-              class="memori-link-items--grid"
+              class="memori-link-items--grid memori-link-items--agent"
             >
               <div
                 class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
@@ -1566,10 +961,21 @@ exports[`renders Chat with context vars unchanged 1`] = `
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
             <div
-              class="memori-chat--bubble-content"
-              dir="auto"
+              class="memori-expandable memori-chat--bubble-content"
             >
-              Ah, grazie! Ciao!
+              <div
+                class="memori-expandable--inner"
+                style="max-height: 9999px;"
+              >
+                <div
+                  class="memori-chat--bubble-content"
+                  dir="auto"
+                >
+                  <p>
+                    Ah, grazie! Ciao!
+                  </p>
+                </div>
+              </div>
             </div>
           </div>
           <div
@@ -1605,7 +1011,7 @@ exports[`renders Chat with context vars unchanged 1`] = `
             />
           </picture>
           <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
+            class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
             <div
               class="memori-chat--bubble-content"
@@ -1615,6 +1021,43 @@ exports[`renders Chat with context vars unchanged 1`] = `
                 Arrivederci.
               </p>
             </div>
+            <div
+              class="memori-chat--bubble-addon"
+            >
+              <button
+                class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
+                title="copy"
+              >
+                <span
+                  class="memori-button--icon"
+                >
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    role="img"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="1.5"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <rect
+                      height="14"
+                      rx="2"
+                      ry="2"
+                      width="14"
+                      x="8"
+                      y="8"
+                    />
+                    <path
+                      d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+                    />
+                  </svg>
+                </span>
+              </button>
+            </div>
           </div>
         </div>
         <div
@@ -1644,29 +1087,6 @@ exports[`renders Chat with context vars unchanged 1`] = `
       class="memori-chat-inputs"
       id="chat-fieldset"
     >
-      <div
-        class="memori-send-on-enter-menu"
-        data-headlessui-state=""
-      >
-        <button
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="memori-button memori-button--circle memori-button--icon-only memori-share-button--button memori--conversation-button"
-          data-headlessui-state=""
-          id="headlessui-menu-button-:ra:"
-          type="button"
-        >
-          <div
-            class="memori-button--icon"
-          >
-            <span
-              style="display: block; width: 1rem; height: 1rem;"
-            >
-              …
-            </span>
-          </div>
-        </button>
-      </div>
       <div
         class="memori-chat-textarea"
         data-testid="chat-textarea"
@@ -1676,6 +1096,7 @@ exports[`renders Chat with context vars unchanged 1`] = `
         >
           <textarea
             class="memori-chat-textarea--input"
+            maxlength="100000"
           />
           <div
             class="memori-chat-textarea--expand"
@@ -1762,7 +1183,7 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
             />
           </picture>
           <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
+            class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
             <div
               class="memori-chat--bubble-content"
@@ -1772,6 +1193,43 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
                 Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
               </p>
             </div>
+            <div
+              class="memori-chat--bubble-addon"
+            >
+              <button
+                class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
+                title="copy"
+              >
+                <span
+                  class="memori-button--icon"
+                >
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    role="img"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="1.5"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <rect
+                      height="14"
+                      rx="2"
+                      ry="2"
+                      width="14"
+                      x="8"
+                      y="8"
+                    />
+                    <path
+                      d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+                    />
+                  </svg>
+                </span>
+              </button>
+            </div>
           </div>
         </div>
         <div
@@ -1784,10 +1242,21 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
             <div
-              class="memori-chat--bubble-content"
-              dir="auto"
+              class="memori-expandable memori-chat--bubble-content"
             >
-              Prova
+              <div
+                class="memori-expandable--inner"
+                style="max-height: 9999px;"
+              >
+                <div
+                  class="memori-chat--bubble-content"
+                  dir="auto"
+                >
+                  <p>
+                    Prova
+                  </p>
+                </div>
+              </div>
             </div>
           </div>
           <div
@@ -1815,7 +1284,7 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
             />
           </picture>
           <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
+            class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
             <div
               class="memori-chat--bubble-content"
@@ -1825,6 +1294,43 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
                 Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
               </p>
             </div>
+            <div
+              class="memori-chat--bubble-addon"
+            >
+              <button
+                class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
+                title="copy"
+              >
+                <span
+                  class="memori-button--icon"
+                >
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    role="img"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="1.5"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <rect
+                      height="14"
+                      rx="2"
+                      ry="2"
+                      width="14"
+                      x="8"
+                      y="8"
+                    />
+                    <path
+                      d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+                    />
+                  </svg>
+                </span>
+              </button>
+            </div>
           </div>
         </div>
         <div
@@ -1837,10 +1343,21 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
             <div
-              class="memori-chat--bubble-content"
-              dir="auto"
+              class="memori-expandable memori-chat--bubble-content"
             >
-              Come faccio a fare delle cose con questa cosa?
+              <div
+                class="memori-expandable--inner"
+                style="max-height: 9999px;"
+              >
+                <div
+                  class="memori-chat--bubble-content"
+                  dir="auto"
+                >
+                  <p>
+                    Come faccio a fare delle cose con questa cosa?
+                  </p>
+                </div>
+              </div>
             </div>
           </div>
           <div
@@ -1868,7 +1385,7 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
             />
           </picture>
           <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
+            class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
             <div
               class="memori-chat--bubble-content"
@@ -1878,6 +1395,43 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
                 Ecco qui come.
               </p>
             </div>
+            <div
+              class="memori-chat--bubble-addon"
+            >
+              <button
+                class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
+                title="copy"
+              >
+                <span
+                  class="memori-button--icon"
+                >
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    role="img"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="1.5"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <rect
+                      height="14"
+                      rx="2"
+                      ry="2"
+                      width="14"
+                      x="8"
+                      y="8"
+                    />
+                    <path
+                      d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+                    />
+                  </svg>
+                </span>
+              </button>
+            </div>
           </div>
         </div>
         <div
@@ -1887,7 +1441,7 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
             class="memori-link-items"
           >
             <div
-              class="memori-link-items--grid"
+              class="memori-link-items--grid memori-link-items--agent"
             >
               <div
                 class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
@@ -1966,10 +1520,21 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
             <div
-              class="memori-chat--bubble-content"
-              dir="auto"
+              class="memori-expandable memori-chat--bubble-content"
             >
-              Ah, grazie! Ciao!
+              <div
+                class="memori-expandable--inner"
+                style="max-height: 9999px;"
+              >
+                <div
+                  class="memori-chat--bubble-content"
+                  dir="auto"
+                >
+                  <p>
+                    Ah, grazie! Ciao!
+                  </p>
+                </div>
+              </div>
             </div>
           </div>
           <div
@@ -1997,7 +1562,7 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
             />
           </picture>
           <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
+            class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
             <div
               class="memori-chat--bubble-content"
@@ -2007,6 +1572,43 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
                 Arrivederci.
               </p>
             </div>
+            <div
+              class="memori-chat--bubble-addon"
+            >
+              <button
+                class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
+                title="copy"
+              >
+                <span
+                  class="memori-button--icon"
+                >
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    role="img"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="1.5"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <rect
+                      height="14"
+                      rx="2"
+                      ry="2"
+                      width="14"
+                      x="8"
+                      y="8"
+                    />
+                    <path
+                      d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+                    />
+                  </svg>
+                </span>
+              </button>
+            </div>
           </div>
         </div>
         <div
@@ -2021,29 +1623,6 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
       class="memori-chat-inputs"
       id="chat-fieldset"
     >
-      <div
-        class="memori-send-on-enter-menu"
-        data-headlessui-state=""
-      >
-        <button
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="memori-button memori-button--circle memori-button--icon-only memori-share-button--button memori--conversation-button"
-          data-headlessui-state=""
-          id="headlessui-menu-button-:rk:"
-          type="button"
-        >
-          <div
-            class="memori-button--icon"
-          >
-            <span
-              style="display: block; width: 1rem; height: 1rem;"
-            >
-              …
-            </span>
-          </div>
-        </button>
-      </div>
       <div
         class="memori-chat-textarea"
         data-testid="chat-textarea"
@@ -2053,6 +1632,7 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
         >
           <textarea
             class="memori-chat-textarea--input"
+            maxlength="100000"
           />
           <div
             class="memori-chat-textarea--expand"
@@ -2139,7 +1719,7 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
             />
           </picture>
           <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
+            class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
             <div
               class="memori-chat--bubble-content"
@@ -2149,6 +1729,43 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
                 Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
               </p>
             </div>
+            <div
+              class="memori-chat--bubble-addon"
+            >
+              <button
+                class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
+                title="copy"
+              >
+                <span
+                  class="memori-button--icon"
+                >
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    role="img"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="1.5"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <rect
+                      height="14"
+                      rx="2"
+                      ry="2"
+                      width="14"
+                      x="8"
+                      y="8"
+                    />
+                    <path
+                      d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+                    />
+                  </svg>
+                </span>
+              </button>
+            </div>
           </div>
         </div>
         <div
@@ -2161,10 +1778,21 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
             <div
-              class="memori-chat--bubble-content"
-              dir="auto"
+              class="memori-expandable memori-chat--bubble-content"
             >
-              Prova
+              <div
+                class="memori-expandable--inner"
+                style="max-height: 9999px;"
+              >
+                <div
+                  class="memori-chat--bubble-content"
+                  dir="auto"
+                >
+                  <p>
+                    Prova
+                  </p>
+                </div>
+              </div>
             </div>
           </div>
           <picture
@@ -2194,7 +1822,7 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
             />
           </picture>
           <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
+            class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
             <div
               class="memori-chat--bubble-content"
@@ -2204,6 +1832,43 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
                 Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
               </p>
             </div>
+            <div
+              class="memori-chat--bubble-addon"
+            >
+              <button
+                class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
+                title="copy"
+              >
+                <span
+                  class="memori-button--icon"
+                >
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    role="img"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="1.5"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <rect
+                      height="14"
+                      rx="2"
+                      ry="2"
+                      width="14"
+                      x="8"
+                      y="8"
+                    />
+                    <path
+                      d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+                    />
+                  </svg>
+                </span>
+              </button>
+            </div>
           </div>
         </div>
         <div
@@ -2216,10 +1881,21 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
             <div
-              class="memori-chat--bubble-content"
-              dir="auto"
+              class="memori-expandable memori-chat--bubble-content"
             >
-              Come faccio a fare delle cose con questa cosa?
+              <div
+                class="memori-expandable--inner"
+                style="max-height: 9999px;"
+              >
+                <div
+                  class="memori-chat--bubble-content"
+                  dir="auto"
+                >
+                  <p>
+                    Come faccio a fare delle cose con questa cosa?
+                  </p>
+                </div>
+              </div>
             </div>
           </div>
           <picture
@@ -2249,7 +1925,7 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
             />
           </picture>
           <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
+            class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
             <div
               class="memori-chat--bubble-content"
@@ -2259,6 +1935,43 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
                 Ecco qui come.
               </p>
             </div>
+            <div
+              class="memori-chat--bubble-addon"
+            >
+              <button
+                class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
+                title="copy"
+              >
+                <span
+                  class="memori-button--icon"
+                >
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    role="img"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="1.5"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <rect
+                      height="14"
+                      rx="2"
+                      ry="2"
+                      width="14"
+                      x="8"
+                      y="8"
+                    />
+                    <path
+                      d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+                    />
+                  </svg>
+                </span>
+              </button>
+            </div>
           </div>
         </div>
         <div
@@ -2268,7 +1981,7 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
             class="memori-link-items"
           >
             <div
-              class="memori-link-items--grid"
+              class="memori-link-items--grid memori-link-items--agent"
             >
               <div
                 class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
@@ -2347,10 +2060,21 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
             <div
-              class="memori-chat--bubble-content"
-              dir="auto"
+              class="memori-expandable memori-chat--bubble-content"
             >
-              Ah, grazie! Ciao!
+              <div
+                class="memori-expandable--inner"
+                style="max-height: 9999px;"
+              >
+                <div
+                  class="memori-chat--bubble-content"
+                  dir="auto"
+                >
+                  <p>
+                    Ah, grazie! Ciao!
+                  </p>
+                </div>
+              </div>
             </div>
           </div>
           <picture
@@ -2380,7 +2104,7 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
             />
           </picture>
           <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
+            class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
             <div
               class="memori-chat--bubble-content"
@@ -2390,6 +2114,43 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
                 Arrivederci.
               </p>
             </div>
+            <div
+              class="memori-chat--bubble-addon"
+            >
+              <button
+                class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
+                title="copy"
+              >
+                <span
+                  class="memori-button--icon"
+                >
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    role="img"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="1.5"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <rect
+                      height="14"
+                      rx="2"
+                      ry="2"
+                      width="14"
+                      x="8"
+                      y="8"
+                    />
+                    <path
+                      d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+                    />
+                  </svg>
+                </span>
+              </button>
+            </div>
           </div>
         </div>
         <div
@@ -2404,29 +2165,6 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
       class="memori-chat-inputs"
       id="chat-fieldset"
     >
-      <div
-        class="memori-send-on-enter-menu"
-        data-headlessui-state=""
-      >
-        <button
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="memori-button memori-button--circle memori-button--icon-only memori-share-button--button memori--conversation-button"
-          data-headlessui-state=""
-          id="headlessui-menu-button-:ri:"
-          type="button"
-        >
-          <div
-            class="memori-button--icon"
-          >
-            <span
-              style="display: block; width: 1rem; height: 1rem;"
-            >
-              …
-            </span>
-          </div>
-        </button>
-      </div>
       <div
         class="memori-chat-textarea"
         data-testid="chat-textarea"
@@ -2436,6 +2174,7 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
         >
           <textarea
             class="memori-chat-textarea--input"
+            maxlength="100000"
           />
           <div
             class="memori-chat-textarea--expand"
@@ -2522,7 +2261,7 @@ exports[`renders Chat with dates unchanged 1`] = `
             />
           </picture>
           <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
+            class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
             <div
               class="memori-chat--bubble-content"
@@ -2532,6 +2271,43 @@ exports[`renders Chat with dates unchanged 1`] = `
                 Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
               </p>
             </div>
+            <div
+              class="memori-chat--bubble-addon"
+            >
+              <button
+                class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
+                title="copy"
+              >
+                <span
+                  class="memori-button--icon"
+                >
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    role="img"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="1.5"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <rect
+                      height="14"
+                      rx="2"
+                      ry="2"
+                      width="14"
+                      x="8"
+                      y="8"
+                    />
+                    <path
+                      d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+                    />
+                  </svg>
+                </span>
+              </button>
+            </div>
           </div>
         </div>
         <small
@@ -2549,10 +2325,21 @@ exports[`renders Chat with dates unchanged 1`] = `
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
             <div
-              class="memori-chat--bubble-content"
-              dir="auto"
+              class="memori-expandable memori-chat--bubble-content"
             >
-              Prova
+              <div
+                class="memori-expandable--inner"
+                style="max-height: 9999px;"
+              >
+                <div
+                  class="memori-chat--bubble-content"
+                  dir="auto"
+                >
+                  <p>
+                    Prova
+                  </p>
+                </div>
+              </div>
             </div>
           </div>
           <div
@@ -2593,7 +2380,7 @@ exports[`renders Chat with dates unchanged 1`] = `
             />
           </picture>
           <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
+            class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
             <div
               class="memori-chat--bubble-content"
@@ -2603,6 +2390,43 @@ exports[`renders Chat with dates unchanged 1`] = `
                 Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
               </p>
             </div>
+            <div
+              class="memori-chat--bubble-addon"
+            >
+              <button
+                class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
+                title="copy"
+              >
+                <span
+                  class="memori-button--icon"
+                >
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    role="img"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="1.5"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <rect
+                      height="14"
+                      rx="2"
+                      ry="2"
+                      width="14"
+                      x="8"
+                      y="8"
+                    />
+                    <path
+                      d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+                    />
+                  </svg>
+                </span>
+              </button>
+            </div>
           </div>
         </div>
         <small
@@ -2620,10 +2444,21 @@ exports[`renders Chat with dates unchanged 1`] = `
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
             <div
-              class="memori-chat--bubble-content"
-              dir="auto"
+              class="memori-expandable memori-chat--bubble-content"
             >
-              Come faccio a fare delle cose con questa cosa?
+              <div
+                class="memori-expandable--inner"
+                style="max-height: 9999px;"
+              >
+                <div
+                  class="memori-chat--bubble-content"
+                  dir="auto"
+                >
+                  <p>
+                    Come faccio a fare delle cose con questa cosa?
+                  </p>
+                </div>
+              </div>
             </div>
           </div>
           <div
@@ -2664,7 +2499,7 @@ exports[`renders Chat with dates unchanged 1`] = `
             />
           </picture>
           <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
+            class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
             <div
               class="memori-chat--bubble-content"
@@ -2674,6 +2509,43 @@ exports[`renders Chat with dates unchanged 1`] = `
                 Ecco qui come.
               </p>
             </div>
+            <div
+              class="memori-chat--bubble-addon"
+            >
+              <button
+                class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
+                title="copy"
+              >
+                <span
+                  class="memori-button--icon"
+                >
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    role="img"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="1.5"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <rect
+                      height="14"
+                      rx="2"
+                      ry="2"
+                      width="14"
+                      x="8"
+                      y="8"
+                    />
+                    <path
+                      d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+                    />
+                  </svg>
+                </span>
+              </button>
+            </div>
           </div>
         </div>
         <small
@@ -2688,7 +2560,7 @@ exports[`renders Chat with dates unchanged 1`] = `
             class="memori-link-items"
           >
             <div
-              class="memori-link-items--grid"
+              class="memori-link-items--grid memori-link-items--agent"
             >
               <div
                 class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
@@ -2767,10 +2639,21 @@ exports[`renders Chat with dates unchanged 1`] = `
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
             <div
-              class="memori-chat--bubble-content"
-              dir="auto"
+              class="memori-expandable memori-chat--bubble-content"
             >
-              Ah, grazie! Ciao!
+              <div
+                class="memori-expandable--inner"
+                style="max-height: 9999px;"
+              >
+                <div
+                  class="memori-chat--bubble-content"
+                  dir="auto"
+                >
+                  <p>
+                    Ah, grazie! Ciao!
+                  </p>
+                </div>
+              </div>
             </div>
           </div>
           <div
@@ -2811,7 +2694,7 @@ exports[`renders Chat with dates unchanged 1`] = `
             />
           </picture>
           <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
+            class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
             <div
               class="memori-chat--bubble-content"
@@ -2821,6 +2704,43 @@ exports[`renders Chat with dates unchanged 1`] = `
                 Arrivederci.
               </p>
             </div>
+            <div
+              class="memori-chat--bubble-addon"
+            >
+              <button
+                class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
+                title="copy"
+              >
+                <span
+                  class="memori-button--icon"
+                >
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    role="img"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="1.5"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <rect
+                      height="14"
+                      rx="2"
+                      ry="2"
+                      width="14"
+                      x="8"
+                      y="8"
+                    />
+                    <path
+                      d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+                    />
+                  </svg>
+                </span>
+              </button>
+            </div>
           </div>
         </div>
         <small
@@ -2840,29 +2760,6 @@ exports[`renders Chat with dates unchanged 1`] = `
       class="memori-chat-inputs"
       id="chat-fieldset"
     >
-      <div
-        class="memori-send-on-enter-menu"
-        data-headlessui-state=""
-      >
-        <button
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="memori-button memori-button--circle memori-button--icon-only memori-share-button--button memori--conversation-button"
-          data-headlessui-state=""
-          id="headlessui-menu-button-:r8:"
-          type="button"
-        >
-          <div
-            class="memori-button--icon"
-          >
-            <span
-              style="display: block; width: 1rem; height: 1rem;"
-            >
-              …
-            </span>
-          </div>
-        </button>
-      </div>
       <div
         class="memori-chat-textarea"
         data-testid="chat-textarea"
@@ -2872,6 +2769,7 @@ exports[`renders Chat with dates unchanged 1`] = `
         >
           <textarea
             class="memori-chat-textarea--input"
+            maxlength="100000"
           />
           <div
             class="memori-chat-textarea--expand"
@@ -2958,7 +2856,7 @@ exports[`renders Chat with hints unchanged 1`] = `
             />
           </picture>
           <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
+            class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
             <div
               class="memori-chat--bubble-content"
@@ -2968,6 +2866,43 @@ exports[`renders Chat with hints unchanged 1`] = `
                 Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
               </p>
             </div>
+            <div
+              class="memori-chat--bubble-addon"
+            >
+              <button
+                class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
+                title="copy"
+              >
+                <span
+                  class="memori-button--icon"
+                >
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    role="img"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="1.5"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <rect
+                      height="14"
+                      rx="2"
+                      ry="2"
+                      width="14"
+                      x="8"
+                      y="8"
+                    />
+                    <path
+                      d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+                    />
+                  </svg>
+                </span>
+              </button>
+            </div>
           </div>
         </div>
         <div
@@ -2980,10 +2915,21 @@ exports[`renders Chat with hints unchanged 1`] = `
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
             <div
-              class="memori-chat--bubble-content"
-              dir="auto"
+              class="memori-expandable memori-chat--bubble-content"
             >
-              Prova
+              <div
+                class="memori-expandable--inner"
+                style="max-height: 9999px;"
+              >
+                <div
+                  class="memori-chat--bubble-content"
+                  dir="auto"
+                >
+                  <p>
+                    Prova
+                  </p>
+                </div>
+              </div>
             </div>
           </div>
           <div
@@ -3019,7 +2965,7 @@ exports[`renders Chat with hints unchanged 1`] = `
             />
           </picture>
           <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
+            class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
             <div
               class="memori-chat--bubble-content"
@@ -3029,6 +2975,43 @@ exports[`renders Chat with hints unchanged 1`] = `
                 Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
               </p>
             </div>
+            <div
+              class="memori-chat--bubble-addon"
+            >
+              <button
+                class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
+                title="copy"
+              >
+                <span
+                  class="memori-button--icon"
+                >
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    role="img"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="1.5"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <rect
+                      height="14"
+                      rx="2"
+                      ry="2"
+                      width="14"
+                      x="8"
+                      y="8"
+                    />
+                    <path
+                      d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+                    />
+                  </svg>
+                </span>
+              </button>
+            </div>
           </div>
         </div>
         <div
@@ -3041,10 +3024,21 @@ exports[`renders Chat with hints unchanged 1`] = `
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
             <div
-              class="memori-chat--bubble-content"
-              dir="auto"
+              class="memori-expandable memori-chat--bubble-content"
             >
-              Come faccio a fare delle cose con questa cosa?
+              <div
+                class="memori-expandable--inner"
+                style="max-height: 9999px;"
+              >
+                <div
+                  class="memori-chat--bubble-content"
+                  dir="auto"
+                >
+                  <p>
+                    Come faccio a fare delle cose con questa cosa?
+                  </p>
+                </div>
+              </div>
             </div>
           </div>
           <div
@@ -3080,7 +3074,7 @@ exports[`renders Chat with hints unchanged 1`] = `
             />
           </picture>
           <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
+            class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
             <div
               class="memori-chat--bubble-content"
@@ -3090,6 +3084,43 @@ exports[`renders Chat with hints unchanged 1`] = `
                 Ecco qui come.
               </p>
             </div>
+            <div
+              class="memori-chat--bubble-addon"
+            >
+              <button
+                class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
+                title="copy"
+              >
+                <span
+                  class="memori-button--icon"
+                >
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    role="img"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="1.5"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <rect
+                      height="14"
+                      rx="2"
+                      ry="2"
+                      width="14"
+                      x="8"
+                      y="8"
+                    />
+                    <path
+                      d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+                    />
+                  </svg>
+                </span>
+              </button>
+            </div>
           </div>
         </div>
         <div
@@ -3099,7 +3130,7 @@ exports[`renders Chat with hints unchanged 1`] = `
             class="memori-link-items"
           >
             <div
-              class="memori-link-items--grid"
+              class="memori-link-items--grid memori-link-items--agent"
             >
               <div
                 class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
@@ -3178,10 +3209,21 @@ exports[`renders Chat with hints unchanged 1`] = `
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
             <div
-              class="memori-chat--bubble-content"
-              dir="auto"
+              class="memori-expandable memori-chat--bubble-content"
             >
-              Ah, grazie! Ciao!
+              <div
+                class="memori-expandable--inner"
+                style="max-height: 9999px;"
+              >
+                <div
+                  class="memori-chat--bubble-content"
+                  dir="auto"
+                >
+                  <p>
+                    Ah, grazie! Ciao!
+                  </p>
+                </div>
+              </div>
             </div>
           </div>
           <div
@@ -3217,7 +3259,7 @@ exports[`renders Chat with hints unchanged 1`] = `
             />
           </picture>
           <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
+            class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
             <div
               class="memori-chat--bubble-content"
@@ -3227,6 +3269,43 @@ exports[`renders Chat with hints unchanged 1`] = `
                 Arrivederci.
               </p>
             </div>
+            <div
+              class="memori-chat--bubble-addon"
+            >
+              <button
+                class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
+                title="copy"
+              >
+                <span
+                  class="memori-button--icon"
+                >
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    role="img"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="1.5"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <rect
+                      height="14"
+                      rx="2"
+                      ry="2"
+                      width="14"
+                      x="8"
+                      y="8"
+                    />
+                    <path
+                      d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+                    />
+                  </svg>
+                </span>
+              </button>
+            </div>
           </div>
         </div>
         <div
@@ -3267,29 +3346,6 @@ exports[`renders Chat with hints unchanged 1`] = `
       class="memori-chat-inputs"
       id="chat-fieldset"
     >
-      <div
-        class="memori-send-on-enter-menu"
-        data-headlessui-state=""
-      >
-        <button
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="memori-button memori-button--circle memori-button--icon-only memori-share-button--button memori--conversation-button"
-          data-headlessui-state=""
-          id="headlessui-menu-button-:r4:"
-          type="button"
-        >
-          <div
-            class="memori-button--icon"
-          >
-            <span
-              style="display: block; width: 1rem; height: 1rem;"
-            >
-              …
-            </span>
-          </div>
-        </button>
-      </div>
       <div
         class="memori-chat-textarea"
         data-testid="chat-textarea"
@@ -3299,6 +3355,7 @@ exports[`renders Chat with hints unchanged 1`] = `
         >
           <textarea
             class="memori-chat-textarea--input"
+            maxlength="100000"
           />
           <div
             class="memori-chat-textarea--expand"
@@ -3385,7 +3442,7 @@ exports[`renders Chat with media unchanged 1`] = `
             />
           </picture>
           <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
+            class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
             <div
               class="memori-chat--bubble-content"
@@ -3395,6 +3452,43 @@ exports[`renders Chat with media unchanged 1`] = `
                 Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
               </p>
             </div>
+            <div
+              class="memori-chat--bubble-addon"
+            >
+              <button
+                class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
+                title="copy"
+              >
+                <span
+                  class="memori-button--icon"
+                >
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    role="img"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="1.5"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <rect
+                      height="14"
+                      rx="2"
+                      ry="2"
+                      width="14"
+                      x="8"
+                      y="8"
+                    />
+                    <path
+                      d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+                    />
+                  </svg>
+                </span>
+              </button>
+            </div>
           </div>
         </div>
         <div
@@ -3407,10 +3501,21 @@ exports[`renders Chat with media unchanged 1`] = `
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
             <div
-              class="memori-chat--bubble-content"
-              dir="auto"
+              class="memori-expandable memori-chat--bubble-content"
             >
-              Prova
+              <div
+                class="memori-expandable--inner"
+                style="max-height: 9999px;"
+              >
+                <div
+                  class="memori-chat--bubble-content"
+                  dir="auto"
+                >
+                  <p>
+                    Prova
+                  </p>
+                </div>
+              </div>
             </div>
           </div>
           <div
@@ -3446,7 +3551,7 @@ exports[`renders Chat with media unchanged 1`] = `
             />
           </picture>
           <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
+            class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
             <div
               class="memori-chat--bubble-content"
@@ -3456,6 +3561,43 @@ exports[`renders Chat with media unchanged 1`] = `
                 Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
               </p>
             </div>
+            <div
+              class="memori-chat--bubble-addon"
+            >
+              <button
+                class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
+                title="copy"
+              >
+                <span
+                  class="memori-button--icon"
+                >
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    role="img"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="1.5"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <rect
+                      height="14"
+                      rx="2"
+                      ry="2"
+                      width="14"
+                      x="8"
+                      y="8"
+                    />
+                    <path
+                      d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+                    />
+                  </svg>
+                </span>
+              </button>
+            </div>
           </div>
         </div>
         <div
@@ -3468,10 +3610,21 @@ exports[`renders Chat with media unchanged 1`] = `
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
             <div
-              class="memori-chat--bubble-content"
-              dir="auto"
+              class="memori-expandable memori-chat--bubble-content"
             >
-              Come faccio a fare delle cose con questa cosa?
+              <div
+                class="memori-expandable--inner"
+                style="max-height: 9999px;"
+              >
+                <div
+                  class="memori-chat--bubble-content"
+                  dir="auto"
+                >
+                  <p>
+                    Come faccio a fare delle cose con questa cosa?
+                  </p>
+                </div>
+              </div>
             </div>
           </div>
           <div
@@ -3507,7 +3660,7 @@ exports[`renders Chat with media unchanged 1`] = `
             />
           </picture>
           <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
+            class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
             <div
               class="memori-chat--bubble-content"
@@ -3517,6 +3670,43 @@ exports[`renders Chat with media unchanged 1`] = `
                 Ecco qui delle cose per te.
               </p>
             </div>
+            <div
+              class="memori-chat--bubble-addon"
+            >
+              <button
+                class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
+                title="copy"
+              >
+                <span
+                  class="memori-button--icon"
+                >
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    role="img"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="1.5"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <rect
+                      height="14"
+                      rx="2"
+                      ry="2"
+                      width="14"
+                      x="8"
+                      y="8"
+                    />
+                    <path
+                      d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+                    />
+                  </svg>
+                </span>
+              </button>
+            </div>
           </div>
         </div>
         <div
@@ -3526,7 +3716,7 @@ exports[`renders Chat with media unchanged 1`] = `
             class="memori-media-items"
           >
             <div
-              class="memori-media-items--grid"
+              class="memori-media-items--grid memori-media-items--agent"
             >
               <div
                 class="memori-media-item ease-out duration-500 delay-0 opacity-0 scale-95"
@@ -3726,7 +3916,7 @@ exports[`renders Chat with media unchanged 1`] = `
             class="memori-link-items"
           >
             <div
-              class="memori-link-items--grid"
+              class="memori-link-items--grid memori-link-items--agent"
             >
               <div
                 class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
@@ -4006,10 +4196,21 @@ exports[`renders Chat with media unchanged 1`] = `
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
             <div
-              class="memori-chat--bubble-content"
-              dir="auto"
+              class="memori-expandable memori-chat--bubble-content"
             >
-              Ah, grazie! Ciao!
+              <div
+                class="memori-expandable--inner"
+                style="max-height: 9999px;"
+              >
+                <div
+                  class="memori-chat--bubble-content"
+                  dir="auto"
+                >
+                  <p>
+                    Ah, grazie! Ciao!
+                  </p>
+                </div>
+              </div>
             </div>
           </div>
           <div
@@ -4045,7 +4246,7 @@ exports[`renders Chat with media unchanged 1`] = `
             />
           </picture>
           <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
+            class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
             <div
               class="memori-chat--bubble-content"
@@ -4055,6 +4256,43 @@ exports[`renders Chat with media unchanged 1`] = `
                 Arrivederci.
               </p>
             </div>
+            <div
+              class="memori-chat--bubble-addon"
+            >
+              <button
+                class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
+                title="copy"
+              >
+                <span
+                  class="memori-button--icon"
+                >
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    role="img"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="1.5"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <rect
+                      height="14"
+                      rx="2"
+                      ry="2"
+                      width="14"
+                      x="8"
+                      y="8"
+                    />
+                    <path
+                      d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+                    />
+                  </svg>
+                </span>
+              </button>
+            </div>
           </div>
         </div>
         <div
@@ -4069,29 +4307,6 @@ exports[`renders Chat with media unchanged 1`] = `
       class="memori-chat-inputs"
       id="chat-fieldset"
     >
-      <div
-        class="memori-send-on-enter-menu"
-        data-headlessui-state=""
-      >
-        <button
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="memori-button memori-button--circle memori-button--icon-only memori-share-button--button memori--conversation-button"
-          data-headlessui-state=""
-          id="headlessui-menu-button-:r6:"
-          type="button"
-        >
-          <div
-            class="memori-button--icon"
-          >
-            <span
-              style="display: block; width: 1rem; height: 1rem;"
-            >
-              …
-            </span>
-          </div>
-        </button>
-      </div>
       <div
         class="memori-chat-textarea"
         data-testid="chat-textarea"
@@ -4101,6 +4316,7 @@ exports[`renders Chat with media unchanged 1`] = `
         >
           <textarea
             class="memori-chat-textarea--input"
+            maxlength="100000"
           />
           <div
             class="memori-chat-textarea--expand"
@@ -4187,7 +4403,7 @@ exports[`renders Chat with memori typing unchanged 1`] = `
             />
           </picture>
           <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
+            class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
             <div
               class="memori-chat--bubble-content"
@@ -4197,6 +4413,43 @@ exports[`renders Chat with memori typing unchanged 1`] = `
                 Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
               </p>
             </div>
+            <div
+              class="memori-chat--bubble-addon"
+            >
+              <button
+                class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
+                title="copy"
+              >
+                <span
+                  class="memori-button--icon"
+                >
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    role="img"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="1.5"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <rect
+                      height="14"
+                      rx="2"
+                      ry="2"
+                      width="14"
+                      x="8"
+                      y="8"
+                    />
+                    <path
+                      d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+                    />
+                  </svg>
+                </span>
+              </button>
+            </div>
           </div>
         </div>
         <div
@@ -4209,10 +4462,21 @@ exports[`renders Chat with memori typing unchanged 1`] = `
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
             <div
-              class="memori-chat--bubble-content"
-              dir="auto"
+              class="memori-expandable memori-chat--bubble-content"
             >
-              Prova
+              <div
+                class="memori-expandable--inner"
+                style="max-height: 9999px;"
+              >
+                <div
+                  class="memori-chat--bubble-content"
+                  dir="auto"
+                >
+                  <p>
+                    Prova
+                  </p>
+                </div>
+              </div>
             </div>
           </div>
           <div
@@ -4248,7 +4512,7 @@ exports[`renders Chat with memori typing unchanged 1`] = `
             />
           </picture>
           <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
+            class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
             <div
               class="memori-chat--bubble-content"
@@ -4258,6 +4522,43 @@ exports[`renders Chat with memori typing unchanged 1`] = `
                 Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
               </p>
             </div>
+            <div
+              class="memori-chat--bubble-addon"
+            >
+              <button
+                class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
+                title="copy"
+              >
+                <span
+                  class="memori-button--icon"
+                >
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    role="img"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="1.5"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <rect
+                      height="14"
+                      rx="2"
+                      ry="2"
+                      width="14"
+                      x="8"
+                      y="8"
+                    />
+                    <path
+                      d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+                    />
+                  </svg>
+                </span>
+              </button>
+            </div>
           </div>
         </div>
         <div
@@ -4270,10 +4571,21 @@ exports[`renders Chat with memori typing unchanged 1`] = `
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
             <div
-              class="memori-chat--bubble-content"
-              dir="auto"
+              class="memori-expandable memori-chat--bubble-content"
             >
-              Come faccio a fare delle cose con questa cosa?
+              <div
+                class="memori-expandable--inner"
+                style="max-height: 9999px;"
+              >
+                <div
+                  class="memori-chat--bubble-content"
+                  dir="auto"
+                >
+                  <p>
+                    Come faccio a fare delle cose con questa cosa?
+                  </p>
+                </div>
+              </div>
             </div>
           </div>
           <div
@@ -4309,7 +4621,7 @@ exports[`renders Chat with memori typing unchanged 1`] = `
             />
           </picture>
           <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
+            class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
             <div
               class="memori-chat--bubble-content"
@@ -4319,6 +4631,43 @@ exports[`renders Chat with memori typing unchanged 1`] = `
                 Ecco qui come.
               </p>
             </div>
+            <div
+              class="memori-chat--bubble-addon"
+            >
+              <button
+                class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
+                title="copy"
+              >
+                <span
+                  class="memori-button--icon"
+                >
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    role="img"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="1.5"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <rect
+                      height="14"
+                      rx="2"
+                      ry="2"
+                      width="14"
+                      x="8"
+                      y="8"
+                    />
+                    <path
+                      d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+                    />
+                  </svg>
+                </span>
+              </button>
+            </div>
           </div>
         </div>
         <div
@@ -4328,7 +4677,7 @@ exports[`renders Chat with memori typing unchanged 1`] = `
             class="memori-link-items"
           >
             <div
-              class="memori-link-items--grid"
+              class="memori-link-items--grid memori-link-items--agent"
             >
               <div
                 class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
@@ -4407,10 +4756,21 @@ exports[`renders Chat with memori typing unchanged 1`] = `
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
             <div
-              class="memori-chat--bubble-content"
-              dir="auto"
+              class="memori-expandable memori-chat--bubble-content"
             >
-              Ah, grazie! Ciao!
+              <div
+                class="memori-expandable--inner"
+                style="max-height: 9999px;"
+              >
+                <div
+                  class="memori-chat--bubble-content"
+                  dir="auto"
+                >
+                  <p>
+                    Ah, grazie! Ciao!
+                  </p>
+                </div>
+              </div>
             </div>
           </div>
           <div
@@ -4446,7 +4806,7 @@ exports[`renders Chat with memori typing unchanged 1`] = `
             />
           </picture>
           <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
+            class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
             <div
               class="memori-chat--bubble-content"
@@ -4456,6 +4816,43 @@ exports[`renders Chat with memori typing unchanged 1`] = `
                 Arrivederci.
               </p>
             </div>
+            <div
+              class="memori-chat--bubble-addon"
+            >
+              <button
+                class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
+                title="copy"
+              >
+                <span
+                  class="memori-button--icon"
+                >
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    role="img"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="1.5"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <rect
+                      height="14"
+                      rx="2"
+                      ry="2"
+                      width="14"
+                      x="8"
+                      y="8"
+                    />
+                    <path
+                      d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+                    />
+                  </svg>
+                </span>
+              </button>
+            </div>
           </div>
         </div>
         <div
@@ -4491,29 +4888,6 @@ exports[`renders Chat with memori typing unchanged 1`] = `
       class="memori-chat-inputs"
       id="chat-fieldset"
     >
-      <div
-        class="memori-send-on-enter-menu"
-        data-headlessui-state=""
-      >
-        <button
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="memori-button memori-button--circle memori-button--icon-only memori-share-button--button memori--conversation-button"
-          data-headlessui-state=""
-          id="headlessui-menu-button-:r2:"
-          type="button"
-        >
-          <div
-            class="memori-button--icon"
-          >
-            <span
-              style="display: block; width: 1rem; height: 1rem;"
-            >
-              …
-            </span>
-          </div>
-        </button>
-      </div>
       <div
         class="memori-chat-textarea"
         data-testid="chat-textarea"
@@ -4523,6 +4897,7 @@ exports[`renders Chat with memori typing unchanged 1`] = `
         >
           <textarea
             class="memori-chat-textarea--input"
+            maxlength="100000"
           />
           <div
             class="memori-chat-textarea--expand"
@@ -4609,7 +4984,7 @@ exports[`renders Chat with user unchanged 1`] = `
             />
           </picture>
           <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
+            class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
             <div
               class="memori-chat--bubble-content"
@@ -4619,6 +4994,43 @@ exports[`renders Chat with user unchanged 1`] = `
                 Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
               </p>
             </div>
+            <div
+              class="memori-chat--bubble-addon"
+            >
+              <button
+                class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
+                title="copy"
+              >
+                <span
+                  class="memori-button--icon"
+                >
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    role="img"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="1.5"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <rect
+                      height="14"
+                      rx="2"
+                      ry="2"
+                      width="14"
+                      x="8"
+                      y="8"
+                    />
+                    <path
+                      d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+                    />
+                  </svg>
+                </span>
+              </button>
+            </div>
           </div>
         </div>
         <div
@@ -4631,10 +5043,21 @@ exports[`renders Chat with user unchanged 1`] = `
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
             <div
-              class="memori-chat--bubble-content"
-              dir="auto"
+              class="memori-expandable memori-chat--bubble-content"
             >
-              Prova
+              <div
+                class="memori-expandable--inner"
+                style="max-height: 9999px;"
+              >
+                <div
+                  class="memori-chat--bubble-content"
+                  dir="auto"
+                >
+                  <p>
+                    Prova
+                  </p>
+                </div>
+              </div>
             </div>
           </div>
           <picture
@@ -4664,7 +5087,7 @@ exports[`renders Chat with user unchanged 1`] = `
             />
           </picture>
           <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
+            class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
             <div
               class="memori-chat--bubble-content"
@@ -4674,6 +5097,43 @@ exports[`renders Chat with user unchanged 1`] = `
                 Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
               </p>
             </div>
+            <div
+              class="memori-chat--bubble-addon"
+            >
+              <button
+                class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
+                title="copy"
+              >
+                <span
+                  class="memori-button--icon"
+                >
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    role="img"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="1.5"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <rect
+                      height="14"
+                      rx="2"
+                      ry="2"
+                      width="14"
+                      x="8"
+                      y="8"
+                    />
+                    <path
+                      d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+                    />
+                  </svg>
+                </span>
+              </button>
+            </div>
           </div>
         </div>
         <div
@@ -4686,10 +5146,21 @@ exports[`renders Chat with user unchanged 1`] = `
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
             <div
-              class="memori-chat--bubble-content"
-              dir="auto"
+              class="memori-expandable memori-chat--bubble-content"
             >
-              Come faccio a fare delle cose con questa cosa?
+              <div
+                class="memori-expandable--inner"
+                style="max-height: 9999px;"
+              >
+                <div
+                  class="memori-chat--bubble-content"
+                  dir="auto"
+                >
+                  <p>
+                    Come faccio a fare delle cose con questa cosa?
+                  </p>
+                </div>
+              </div>
             </div>
           </div>
           <picture
@@ -4719,7 +5190,7 @@ exports[`renders Chat with user unchanged 1`] = `
             />
           </picture>
           <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
+            class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
             <div
               class="memori-chat--bubble-content"
@@ -4729,6 +5200,43 @@ exports[`renders Chat with user unchanged 1`] = `
                 Ecco qui come.
               </p>
             </div>
+            <div
+              class="memori-chat--bubble-addon"
+            >
+              <button
+                class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
+                title="copy"
+              >
+                <span
+                  class="memori-button--icon"
+                >
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    role="img"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="1.5"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <rect
+                      height="14"
+                      rx="2"
+                      ry="2"
+                      width="14"
+                      x="8"
+                      y="8"
+                    />
+                    <path
+                      d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+                    />
+                  </svg>
+                </span>
+              </button>
+            </div>
           </div>
         </div>
         <div
@@ -4738,7 +5246,7 @@ exports[`renders Chat with user unchanged 1`] = `
             class="memori-link-items"
           >
             <div
-              class="memori-link-items--grid"
+              class="memori-link-items--grid memori-link-items--agent"
             >
               <div
                 class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
@@ -4817,10 +5325,21 @@ exports[`renders Chat with user unchanged 1`] = `
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
             <div
-              class="memori-chat--bubble-content"
-              dir="auto"
+              class="memori-expandable memori-chat--bubble-content"
             >
-              Ah, grazie! Ciao!
+              <div
+                class="memori-expandable--inner"
+                style="max-height: 9999px;"
+              >
+                <div
+                  class="memori-chat--bubble-content"
+                  dir="auto"
+                >
+                  <p>
+                    Ah, grazie! Ciao!
+                  </p>
+                </div>
+              </div>
             </div>
           </div>
           <picture
@@ -4850,7 +5369,7 @@ exports[`renders Chat with user unchanged 1`] = `
             />
           </picture>
           <div
-            class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
+            class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
             <div
               class="memori-chat--bubble-content"
@@ -4860,6 +5379,43 @@ exports[`renders Chat with user unchanged 1`] = `
                 Arrivederci.
               </p>
             </div>
+            <div
+              class="memori-chat--bubble-addon"
+            >
+              <button
+                class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
+                title="copy"
+              >
+                <span
+                  class="memori-button--icon"
+                >
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    role="img"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="1.5"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <rect
+                      height="14"
+                      rx="2"
+                      ry="2"
+                      width="14"
+                      x="8"
+                      y="8"
+                    />
+                    <path
+                      d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+                    />
+                  </svg>
+                </span>
+              </button>
+            </div>
           </div>
         </div>
         <div
@@ -4874,29 +5430,6 @@ exports[`renders Chat with user unchanged 1`] = `
       class="memori-chat-inputs"
       id="chat-fieldset"
     >
-      <div
-        class="memori-send-on-enter-menu"
-        data-headlessui-state=""
-      >
-        <button
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="memori-button memori-button--circle memori-button--icon-only memori-share-button--button memori--conversation-button"
-          data-headlessui-state=""
-          id="headlessui-menu-button-:rg:"
-          type="button"
-        >
-          <div
-            class="memori-button--icon"
-          >
-            <span
-              style="display: block; width: 1rem; height: 1rem;"
-            >
-              …
-            </span>
-          </div>
-        </button>
-      </div>
       <div
         class="memori-chat-textarea"
         data-testid="chat-textarea"
@@ -4906,6 +5439,7 @@ exports[`renders Chat with user unchanged 1`] = `
         >
           <textarea
             class="memori-chat-textarea--input"
+            maxlength="100000"
           />
           <div
             class="memori-chat-textarea--expand"