@memori.ai/memori-react 8.38.4 → 9.0.0-alpha.0

package/src/components/layouts/__snapshots__/HiddenChat.test.tsx.snap

@@ -24,16 +24,16 @@ exports[`renders HIDDEN_CHAT layout unchanged 1`] = `
         for="memori-sidebar-toggle"
       >
         <svg
-          aria-hidden="true"
-          class="memori-icon"
+          aria-label="expand"
+          class="lucide lucide-circle-help memori-icon"
           fill="none"
-          focusable="false"
-          role="img"
+          height="24"
           stroke="currentColor"
           stroke-linecap="round"
           stroke-linejoin="round"
-          stroke-width="1.5"
+          stroke-width="2"
           viewBox="0 0 24 24"
+          width="24"
           xmlns="http://www.w3.org/2000/svg"
         >
           <circle
@@ -42,15 +42,15 @@ exports[`renders HIDDEN_CHAT layout unchanged 1`] = `
             r="10"
           />
           <path
-            d="M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3"
+            d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"
           />
           <path
-            d="M12 17L12.01 17"
+            d="M12 17h.01"
           />
         </svg>
       </label>
       <aside
-        class="memori-sidebar "
+        class="memori-sidebar memori-chat-layout "
       >
         <label
           class="memori-sidebar-toggle-label memori-close-label"
@@ -58,394 +58,522 @@ exports[`renders HIDDEN_CHAT layout unchanged 1`] = `
         >
           <span>
             <svg
-              aria-hidden="true"
-              class="memori-icon-close"
-              focusable="false"
-              role="img"
-              viewBox="0 0 1024 1024"
+              aria-label="collapse"
+              class="lucide lucide-x memori-icon-close"
+              fill="none"
+              height="24"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="2"
+              viewBox="0 0 24 24"
+              width="24"
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
-                d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                fill="currentColor"
-                stroke="none"
-                stroke-width="0"
+                d="M18 6 6 18"
+              />
+              <path
+                d="m6 6 12 12"
               />
             </svg>
           </span>
         </label>
         <div
-          class="memori-sidebar-content"
+          class="memori-hidden-chat-layout--controls memori-chat-layout--controls"
         >
           <div
-            class="memori-hidden-chat-layout--header"
+            class="memori-chat-layout--header"
           >
             <div
-              class="memori-header memori-hidden-chat-layout-header--layout"
+              class="memori-chat-layout--header-row"
             >
-              <button
-                class="memori-button memori-button--primary memori-button--circle memori-button--padded memori-button--icon-only memori-header--button memori-header--button--speaker"
-                title="Suono"
-              >
-                <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="M625.9 115c-5.9 0-11.9 1.6-17.4 5.3L254 352H90c-8.8 0-16 7.2-16 16v288c0 8.8 7.2 16 16 16h164l354.5 231.7c5.5 3.6 11.6 5.3 17.4 5.3 16.7 0 32.1-13.3 32.1-32.1V147.1c0-18.8-15.4-32.1-32.1-32.1zM586 803L293.4 611.7l-18-11.7H146V424h129.4l17.9-11.7L586 221v582zm348-327H806c-8.8 0-16 7.2-16 16v40c0 8.8 7.2 16 16 16h128c8.8 0 16-7.2 16-16v-40c0-8.8-7.2-16-16-16zm-41.9 261.8l-110.3-63.7a15.9 15.9 0 00-21.7 5.9l-19.9 34.5c-4.4 7.6-1.8 17.4 5.8 21.8L856.3 800a15.9 15.9 0 0021.7-5.9l19.9-34.5c4.4-7.6 1.7-17.4-5.8-21.8zM760 344a15.9 15.9 0 0021.7 5.9L892 286.2c7.6-4.4 10.2-14.2 5.8-21.8L878 230a15.9 15.9 0 00-21.7-5.9L746 287.8a15.99 15.99 0 00-5.8 21.8L760 344z"
-                    />
-                  </svg>
-                </span>
-              </button>
               <div
-                class="memori-share-button memori-share-button--align-left"
-                data-headlessui-state=""
+                class="memori-chat-layout--brand"
               >
-                <button
-                  aria-expanded="false"
-                  aria-haspopup="true"
-                  class="memori-button memori-button--circle memori-button--icon-only memori-share-button--button memori-header--button memori-header--button-share memori-button--primary"
-                  data-headlessui-state=""
-                  id="headlessui-menu-button-:r0:"
-                  title="Condividi"
-                  type="button"
-                >
-                  <div
-                    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="M752 664c-28.5 0-54.8 10-75.4 26.7L469.4 540.8a160.68 160.68 0 0 0 0-57.6l207.2-149.9C697.2 350 723.5 360 752 360c66.2 0 120-53.8 120-120s-53.8-120-120-120-120 53.8-120 120c0 11.6 1.6 22.7 4.7 33.3L439.9 415.8C410.7 377.1 364.3 352 312 352c-88.4 0-160 71.6-160 160s71.6 160 160 160c52.3 0 98.7-25.1 127.9-63.8l196.8 142.5c-3.1 10.6-4.7 21.8-4.7 33.3 0 66.2 53.8 120 120 120s120-53.8 120-120-53.8-120-120-120zm0-476c28.7 0 52 23.3 52 52s-23.3 52-52 52-52-23.3-52-52 23.3-52 52-52zM312 600c-48.5 0-88-39.5-88-88s39.5-88 88-88 88 39.5 88 88-39.5 88-88 88zm440 236c-28.7 0-52-23.3-52-52s23.3-52 52-52 52 23.3 52 52-23.3 52-52 52z"
-                      />
-                    </svg>
-                  </div>
-                </button>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          id="extension"
-        />
-        <div
-          class="memori-hidden-chat-layout--controls"
-        >
-          <div
-            class="memori-loading"
-          >
-            <div
-              class="memori--start-panel"
-            >
-              <div
-                class="memori--cover"
-              />
-              <picture
-                class="memori--avatar"
-              >
-                <source
-                  src="https://aisuru.com/images/aisuru/square_logo.png"
-                />
                 <img
-                  alt="Memori"
+                  alt=""
+                  class="memori-chat-layout--brand-avatar"
+                  role="presentation"
                   src="https://aisuru.com/images/aisuru/square_logo.png"
                 />
-              </picture>
-              <h2
-                class="memori--title"
-              >
-                Memori
-              </h2>
+                <div
+                  class="memori-chat-layout--brand-text"
+                />
+              </div>
               <div
-                class="memori--description"
+                class="memori-hidden-chat-layout--header-actions"
               >
-                <p>
-                  <div
-                    class="memori-expandable memori--description-text"
-                  >
-                    <div
-                      class="memori-expandable--inner"
-                      style="max-height: 9999px;"
-                    >
-                      Lorem ipsum.
-                    </div>
-                  </div>
-                </p>
                 <div
-                  class="memori--language-chooser"
+                  class="memori-header"
                 >
-                  <label
-                    for="user-lang-pref"
-                    id="user-lang-pref-label"
+                  <span
+                    class="styles-module__root___-ALla"
                   >
-                    Voglio parlare con Memori in
-                  </label>
-                  <select
-                    aria-labelledby="user-lang-pref-label"
-                    class="memori-select--button"
-                    id="user-lang-pref"
-                  >
-                    <optgroup
-                      label="Popolari"
-                    >
-                      <option
-                        aria-label="English"
-                        value="EN"
-                      >
-                        English
-                      </option>
-                      <option
-                        aria-label="Italiano"
-                        value="IT"
-                      >
-                        Italiano
-                      </option>
-                    </optgroup>
-                    <optgroup
-                      label="Tutte le lingue"
+                    <span
+                      class="styles-module__trigger___V2aIF"
+                      id="base-ui-:r1:"
                     >
-                      <option
-                        aria-label="العربية"
-                        value="AR"
-                      >
-                        العربية
-                      </option>
-                      <option
-                        aria-label="български"
-                        value="BG"
-                      >
-                        български
-                      </option>
-                      <option
-                        aria-label="Čeština / český jazyk"
-                        value="CS"
-                      >
-                        Čeština / český jazyk
-                      </option>
-                      <option
-                        aria-label="Dansk"
-                        value="DA"
-                      >
-                        Dansk
-                      </option>
-                      <option
-                        aria-label="Deutsch"
-                        value="DE"
-                      >
-                        Deutsch
-                      </option>
-                      <option
-                        aria-label="Ελληνικά"
-                        value="EL"
-                      >
-                        Ελληνικά
-                      </option>
-                      <option
-                        aria-label="Español"
-                        value="ES"
-                      >
-                        Español
-                      </option>
-                      <option
-                        aria-label="Eesti keel"
-                        value="ET"
-                      >
-                        Eesti keel
-                      </option>
-                      <option
-                        aria-label="Suomi"
-                        value="FI"
-                      >
-                        Suomi
-                      </option>
-                      <option
-                        aria-label="Français"
-                        value="FR"
-                      >
-                        Français
-                      </option>
-                      <option
-                        aria-label="Hrvatski"
-                        value="HR"
-                      >
-                        Hrvatski
-                      </option>
-                      <option
-                        aria-label="Magyar"
-                        value="HU"
-                      >
-                        Magyar
-                      </option>
-                      <option
-                        aria-label="日本語"
-                        value="JA"
-                      >
-                        日本語
-                      </option>
-                      <option
-                        aria-label="Lietuvių kalba"
-                        value="LT"
-                      >
-                        Lietuvių kalba
-                      </option>
-                      <option
-                        aria-label="Latvian"
-                        value="LV"
-                      >
-                        Latvian
-                      </option>
-                      <option
-                        aria-label="Nederlands"
-                        value="NL"
-                      >
-                        Nederlands
-                      </option>
-                      <option
-                        aria-label="Polski"
-                        value="PL"
-                      >
-                        Polski
-                      </option>
-                      <option
-                        aria-label="Português"
-                        value="PT"
+                      <span
+                        style="display: inline-flex;"
                       >
-                        Português
-                      </option>
-                      <option
-                        aria-label="Română"
-                        value="RO"
-                      >
-                        Română
-                      </option>
-                      <option
-                        aria-label="Русский"
-                        value="RU"
-                      >
-                        Русский
-                      </option>
-                      <option
-                        aria-label="Slovenčina"
-                        value="SK"
-                      >
-                        Slovenčina
-                      </option>
-                      <option
-                        aria-label="Slovenščina"
-                        value="SL"
-                      >
-                        Slovenščina
-                      </option>
-                      <option
-                        aria-label="Svenska"
-                        value="SV"
-                      >
-                        Svenska
-                      </option>
-                      <option
-                        aria-label="Українська"
-                        value="UK"
-                      >
-                        Українська
-                      </option>
-                      <option
-                        aria-label="中文"
-                        value="ZH"
-                      >
-                        中文
-                      </option>
-                    </optgroup>
-                  </select>
-                </div>
-                <div
-                  class="memori--start-privacy-explanation-container"
-                >
-                  <p
-                    class="memori--start-privacy-explanation"
-                  >
-                    Le conversazioni sono visibili all'autore dell'agente
-                  </p>
-                  <div
-                    class="memori-tooltip memori-tooltip--align-topLeft"
+                        <button
+                          aria-label="widget.sound"
+                          class="memori-button memori-button--outline memori-button--md memori-button--icon-only"
+                          tabindex="0"
+                          type="button"
+                        >
+                          <span
+                            class="memori-button__icon"
+                          >
+                            <svg
+                              class="lucide lucide-volume2"
+                              fill="none"
+                              height="24"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                              viewBox="0 0 24 24"
+                              width="24"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z"
+                              />
+                              <path
+                                d="M16 9a5 5 0 0 1 0 6"
+                              />
+                              <path
+                                d="M19.364 18.364a9 9 0 0 0 0-12.728"
+                              />
+                            </svg>
+                          </span>
+                        </button>
+                      </span>
+                    </span>
+                  </span>
+                  <button
+                    aria-label="widget.moreActions"
+                    class="memori-button memori-button--outline memori-button--md memori-button--icon-only memori-hidden-chat-layout--overflow-trigger "
+                    tabindex="0"
+                    type="button"
                   >
-                    <div
-                      class="memori-tooltip--trigger"
+                    <span
+                      class="memori-button__icon"
                     >
                       <svg
-                        aria-hidden="true"
-                        class="memori--start-privacy-explanation-icon"
+                        class="lucide lucide-ellipsis-vertical"
                         fill="none"
-                        focusable="false"
-                        role="img"
+                        height="24"
                         stroke="currentColor"
                         stroke-linecap="round"
                         stroke-linejoin="round"
-                        stroke-width="1.5"
+                        stroke-width="2"
                         viewBox="0 0 24 24"
+                        width="24"
                         xmlns="http://www.w3.org/2000/svg"
                       >
                         <circle
                           cx="12"
                           cy="12"
-                          r="10"
+                          r="1"
                         />
-                        <path
-                          d="M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3"
+                        <circle
+                          cx="12"
+                          cy="5"
+                          r="1"
                         />
-                        <path
-                          d="M12 17L12.01 17"
+                        <circle
+                          cx="12"
+                          cy="19"
+                          r="1"
                         />
                       </svg>
-                    </div>
-                  </div>
+                    </span>
+                  </button>
                 </div>
-                <button
-                  class="memori-button memori-button--primary memori-button--rounded memori-button--padded memori--start-button"
-                >
-                  INIZIAMO
-                </button>
+              </div>
+            </div>
+          </div>
+          <div
+            class="memori-chat-layout--body"
+          >
+            <div
+              class="memori-chat-layout--start-shell"
+            >
+              <div
+                class="memori-chat-layout--start-panel-wrap"
+              >
                 <div
-                  class="memori--completion-provider-status--loading"
+                  class="memori--start-panel"
                 >
                   <div
-                    class="memori-spin memori-spin--spinning"
+                    class="memori--cover"
+                  />
+                  <div
+                    class="memori--start-panel__body"
                   >
                     <div
-                      class="memori-spin--spinner"
+                      class="memori--title-container"
                     >
-                      <svg
-                        aria-hidden="true"
-                        class="memori-loading-icon"
-                        focusable="false"
-                        role="img"
-                        viewBox="0 0 1024 1024"
-                        xmlns="http://www.w3.org/2000/svg"
+                      <picture
+                        class="memori--avatar"
                       >
-                        <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"
+                        <source
+                          src="https://aisuru.com/images/aisuru/square_logo.png"
                         />
-                      </svg>
+                        <img
+                          alt="Memori"
+                          src="https://aisuru.com/images/aisuru/square_logo.png"
+                        />
+                      </picture>
+                      <div
+                        class="memori--title-container__content"
+                      >
+                        <h2
+                          class="memori--title"
+                        >
+                          Memori
+                        </h2>
+                        <div
+                          class="memori-expandable memori--description-text memori--description-text--collapsible"
+                        >
+                          <div
+                            class="memori-expandable__inner"
+                            style="max-height: 9999px;"
+                          >
+                            Lorem ipsum.
+                          </div>
+                        </div>
+                      </div>
+                      <div
+                        class="memori--completion-provider-status--loading"
+                      >
+                        <div
+                          class="memori-spin memori-spin--spinning"
+                        >
+                          <div
+                            aria-label="Loading"
+                            aria-live="polite"
+                            class="memori-spin__overlay"
+                            role="status"
+                          >
+                            <div
+                              class="memori-spin__container"
+                            >
+                              <svg
+                                aria-hidden="true"
+                                class="lucide lucide-loader-circle memori-spin__icon"
+                                fill="none"
+                                height="24"
+                                stroke="currentColor"
+                                stroke-linecap="round"
+                                stroke-linejoin="round"
+                                stroke-width="2"
+                                viewBox="0 0 24 24"
+                                width="24"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  d="M21 12a9 9 0 1 1-6.219-8.56"
+                                />
+                              </svg>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="memori--description"
+                    >
+                      <div
+                        class="memori--language-row"
+                      >
+                        <div
+                          class="memori-combobox memori-combobox--language-chooser memori--language-row__combobox"
+                        >
+                          <label
+                            class="memori-combobox__label"
+                            for=":r2:"
+                            id=":r2:-label"
+                          >
+                            write_and_speak.chatLanguageLabel
+                          </label>
+                          <button
+                            aria-expanded="false"
+                            aria-haspopup="dialog"
+                            aria-labelledby=":r2:-label"
+                            class="memori-combobox__trigger"
+                            id=":r2:"
+                            role="combobox"
+                            tabindex="0"
+                            type="button"
+                          >
+                            <span
+                              class="memori-combobox__value"
+                            >
+                              Italian
+                            </span>
+                            <span
+                              aria-hidden="true"
+                              class="memori-combobox__trigger-icon"
+                            >
+                              <svg
+                                aria-hidden="true"
+                                class="lucide lucide-chevron-down"
+                                fill="none"
+                                height="16"
+                                stroke="currentColor"
+                                stroke-linecap="round"
+                                stroke-linejoin="round"
+                                stroke-width="2"
+                                viewBox="0 0 24 24"
+                                width="16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  d="m6 9 6 6 6-6"
+                                />
+                              </svg>
+                            </span>
+                          </button>
+                          <input
+                            aria-hidden="true"
+                            id="base-ui-:r3:"
+                            name="user-lang-pref"
+                            style="overflow: hidden; white-space: nowrap; position: fixed; top: 0px; left: 0px; border: 0px; padding: 0px; width: 1px; height: 1px; margin: -1px;"
+                            tabindex="-1"
+                            value="IT"
+                          />
+                        </div>
+                      </div>
+                      <section
+                        class="memori--start-panel__mobile-info"
+                      >
+                        <div
+                          class="memori--start-panel__mobile-info-content"
+                        >
+                          <section
+                            class="memori--settings-section"
+                          >
+                            <div
+                              class="memori--settings-section__row"
+                            >
+                              <div
+                                aria-hidden="true"
+                                class="memori--settings-section__icon-box memori--settings-section__icon-box--neutral"
+                              >
+                                <svg
+                                  class="lucide lucide-eye memori--settings-section__icon"
+                                  fill="none"
+                                  height="24"
+                                  stroke="currentColor"
+                                  stroke-linecap="round"
+                                  stroke-linejoin="round"
+                                  stroke-width="2"
+                                  viewBox="0 0 24 24"
+                                  width="24"
+                                  xmlns="http://www.w3.org/2000/svg"
+                                >
+                                  <path
+                                    d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"
+                                  />
+                                  <circle
+                                    cx="12"
+                                    cy="12"
+                                    r="3"
+                                  />
+                                </svg>
+                              </div>
+                              <div
+                                class="memori--settings-section__content"
+                              >
+                                <div
+                                  class="memori--settings-section__title-inline"
+                                >
+                                  <p
+                                    class="memori--settings-section__title"
+                                  >
+                                    write_and_speak.pagePrivacyExplanation
+                                  </p>
+                                </div>
+                                <p
+                                  class="memori--settings-section__description"
+                                >
+                                  write_and_speak.pagePrivacyExplanationList.authorUsesInfo
+                                </p>
+                              </div>
+                              <span
+                                class="styles-module__root___-ALla"
+                              >
+                                <span
+                                  class="styles-module__trigger___V2aIF"
+                                  id="base-ui-:r6:"
+                                >
+                                  <button
+                                    aria-label="privacyPolicy"
+                                    class="memori-button memori-button--toolbar memori-button--sm memori--privacy-popover-trigger memori--settings-section__info-trigger"
+                                    tabindex="0"
+                                    type="button"
+                                  >
+                                    <span
+                                      class="memori-button__content"
+                                    >
+                                      <svg
+                                        class="lucide lucide-info memori--settings-section__inline-info-icon"
+                                        fill="none"
+                                        height="24"
+                                        stroke="currentColor"
+                                        stroke-linecap="round"
+                                        stroke-linejoin="round"
+                                        stroke-width="2"
+                                        viewBox="0 0 24 24"
+                                        width="24"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                      >
+                                        <circle
+                                          cx="12"
+                                          cy="12"
+                                          r="10"
+                                        />
+                                        <path
+                                          d="M12 16v-4"
+                                        />
+                                        <path
+                                          d="M12 8h.01"
+                                        />
+                                      </svg>
+                                    </span>
+                                  </button>
+                                </span>
+                              </span>
+                            </div>
+                          </section>
+                        </div>
+                      </section>
+                      <div
+                        class="memori--start-actions"
+                      >
+                        <button
+                          class="memori-button memori-button--primary memori-button--lg memori--start-actions__start"
+                          style="font-weight: var(--memori-text-weight-bold);"
+                          tabindex="0"
+                          type="button"
+                        >
+                          <span
+                            class="memori-button__content"
+                          >
+                            write_and_speak.tryMeButton
+                          </span>
+                        </button>
+                      </div>
+                      <p
+                        class="memori--start-description"
+                      >
+                        write_and_speak.pageTryMeExplanation
+                      </p>
                     </div>
                   </div>
                 </div>
-                <p
-                  class="memori--start-description"
+              </div>
+              <div
+                class="memori-chat-layout--prechat-inputs"
+              >
+                <div
+                  class="memori-chat-inputs-wrapper"
                 >
-                  Per parlare con me clicca sul pulsante INIZIAMO per cominciare
-                </p>
+                  <fieldset
+                    class="memori-chat-inputs"
+                    id="chat-fieldset"
+                  >
+                    <div
+                      class="memori-chat-inputs--container"
+                    >
+                      <div
+                        class="memori-chat-inputs--leading"
+                      />
+                      <div
+                        class="memori-chat-inputs--primary"
+                      >
+                        <div
+                          class="memori-chat-textarea memori-chat-textarea--disabled"
+                          data-testid="chat-textarea"
+                        >
+                          <div
+                            class="memori-chat-textarea--inner"
+                            style="height: 36px;"
+                          >
+                            <textarea
+                              aria-label="placeholder"
+                              class="memori-chat-textarea--input"
+                              disabled=""
+                              id="memori-chat-message"
+                              maxlength="100000"
+                              placeholder="placeholder"
+                              style="height: 36px;"
+                            />
+                          </div>
+                        </div>
+                      </div>
+                      <div
+                        class="memori-chat-inputs--trailing"
+                      >
+                        <div
+                          class="memori-chat-inputs--trailing-inner"
+                        >
+                          <span
+                            class="styles-module__root___-ALla memori-chat-inputs--send-btn-tooltip"
+                          >
+                            <span
+                              class="styles-module__trigger___V2aIF"
+                              id="base-ui-:rd:"
+                            >
+                              <button
+                                aria-label="send"
+                                class="memori-button memori-button--primary memori-button--sm memori-button--disabled memori-chat-inputs--send-btn memori-chat-inputs--send-btn--disabled"
+                                data-disabled=""
+                                disabled=""
+                                tabindex="0"
+                                title="send"
+                                type="button"
+                              >
+                                <span
+                                  class="memori-button__content"
+                                >
+                                  <svg
+                                    class="lucide lucide-send icon"
+                                    fill="none"
+                                    height="24"
+                                    stroke="currentColor"
+                                    stroke-linecap="round"
+                                    stroke-linejoin="round"
+                                    stroke-width="2"
+                                    viewBox="0 0 24 24"
+                                    width="24"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                  >
+                                    <path
+                                      d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"
+                                    />
+                                    <path
+                                      d="m21.854 2.147-10.94 10.939"
+                                    />
+                                  </svg>
+                                </span>
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </div>
+                    </div>
+                  </fieldset>
+                </div>
               </div>
             </div>
+            <div
+              id="extension"
+            />
           </div>
         </div>
       </aside>
@@ -456,5 +584,14 @@ exports[`renders HIDDEN_CHAT layout unchanged 1`] = `
       style="display: none;"
     />
   </div>
+  <div
+    aria-atomic="false"
+    aria-label="Notifications"
+    aria-live="polite"
+    aria-relevant="additions text"
+    class="memori-alert-viewport memori-alert-viewport--top-end"
+    role="region"
+    tabindex="-1"
+  />
 </div>
 `;