@memori.ai/memori-react 9.0.0-alpha.2 → 9.0.0-alpha.21

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

@@ -9,26 +9,43 @@ exports[`renders Chat layout unchanged 1`] = `
     data-memori-integration="cb3c4776-7f0b-4f97-a773-c32a5d7a3bf1"
     data-memori-name="Memori"
     data-memori-secondary-id="25ced51c-3520-41af-8bbe-222d861b8e32"
+    data-theme="light"
     style="height: 100vh;"
   >
-    <style>
-      @layer integration {
+    <div
+      aria-atomic="false"
+      aria-label="Notifications"
+      aria-live="polite"
+      aria-relevant="additions text"
+      class="memori-alert-viewport memori-alert-viewport--top-end"
+      data-theme="light"
+      role="region"
+      style="z-index: 10002;"
+      tabindex="-1"
+    />
+    <div
+      class="memori-widget__surface"
+    >
+      <style>
+        @layer integration {
   body, .memori-client, .memori-widget, .memori-drawer, .memori-modal, .memori-header, .memori-dropdown, .memori-select {
     --memori-primary-color: #823ce1;
     --memori-primary: #823ce1;
     --memori-primary-content: #ffffff;
-    --memori-primary-hover: color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast-inverse, black) 15%);
-    --memori-primary-active: color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast-inverse, black) 25%);
+    --memori-primary-hover: color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast, black) 15%);
+    --memori-primary-active: color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast, black) 25%);
     --memori-primary-disabled: color-mix(in oklch, var(--memori-primary), transparent 60%);
-    --memori-primary-subtle: color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast, white) 60%);
-    --memori-primary-subtle-hover: color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast, white) 50%);
+    --memori-primary-subtle: color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast-inverse, white) 60%);
+    --memori-primary-subtle-hover: color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast-inverse, white) 50%);
     --memori-border-primary: color-mix(in oklch, var(--memori-primary), transparent 70%);
     --memori-border-primary-hover: color-mix(in oklch, var(--memori-primary), transparent 50%);
     --memori-focus-ring-color: color-mix(in oklch, var(--memori-primary), transparent 80%);
     --memori-focus-ring: 0 0 0 3px var(--memori-focus-ring-color);
     --memori-shadow-primary: 0 8px 16px -4px color-mix(in oklch, var(--memori-primary), transparent 70%);
-    --memori-skeleton-base: color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast, white) 85%);
-    --memori-skeleton-highlight: color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast, white) 75%);
+    --memori-skeleton-base: color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast-inverse, white) 85%);
+    --memori-skeleton-highlight: color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast-inverse, white) 75%);
+    --memori-icon-active-bg: color-mix(in oklch, var(--memori-primary) 12%, transparent);
+    --memori-icon-recording-bg: color-mix(in oklch, var(--memori-error, #dc2626) 12%, transparent);
   }
   [data-theme="dark"] .memori-widget,
   .memori-widget[data-theme="dark"],
@@ -37,710 +54,707 @@ exports[`renders Chat layout unchanged 1`] = `
     --memori-primary-color: #823ce1;
     --memori-primary: #823ce1;
     --memori-primary-content: #ffffff;
-    --memori-primary-hover: color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast-inverse, black) 15%);
-    --memori-primary-active: color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast-inverse, black) 25%);
+    --memori-primary-hover: color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast, black) 15%);
+    --memori-primary-active: color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast, black) 25%);
     --memori-primary-disabled: color-mix(in oklch, var(--memori-primary), transparent 60%);
-    --memori-primary-subtle: color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast, white) 60%);
-    --memori-primary-subtle-hover: color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast, white) 50%);
+    --memori-primary-subtle: color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast-inverse, white) 60%);
+    --memori-primary-subtle-hover: color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast-inverse, white) 50%);
     --memori-border-primary: color-mix(in oklch, var(--memori-primary), transparent 70%);
     --memori-border-primary-hover: color-mix(in oklch, var(--memori-primary), transparent 50%);
     --memori-focus-ring-color: color-mix(in oklch, var(--memori-primary), transparent 80%);
     --memori-focus-ring: 0 0 0 3px var(--memori-focus-ring-color);
     --memori-shadow-primary: 0 8px 16px -4px color-mix(in oklch, var(--memori-primary), transparent 70%);
-    --memori-skeleton-base: color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast, white) 85%);
-    --memori-skeleton-highlight: color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast, white) 75%);
+    --memori-skeleton-base: color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast-inverse, white) 85%);
+    --memori-skeleton-highlight: color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast-inverse, white) 75%);
+    --memori-icon-active-bg: color-mix(in oklch, var(--memori-primary) 12%, transparent);
+    --memori-icon-recording-bg: color-mix(in oklch, var(--memori-error, #dc2626) 12%, transparent);
   }
-  .memori-widget .memori--global-background { filter: blur(5px); }
 }
 
-    </style>
-    <div
-      class="memori--global-background"
-    >
+      </style>
       <div
-        class="memori--global-background-image"
-        style="background-image: url(https://assets.memori.ai/api/v2/asset/364e498c-11da-42d5-9e32-19e5d137d4b8.jpeg);"
+        class="memori--global-background no-background-image"
       />
-    </div>
-    <div
-      class="memori-spin memori-chat-layout"
-    >
       <div
-        class="memori--powered-by"
-      >
-        <svg
-          aria-hidden="true"
-          aria-label="Memori AI"
-          class="memori--powered-by-icon"
-          fill="currentColor"
-          height="800"
-          viewBox="0 0 670.70013 639.67999"
-          width="800"
-        >
-          <defs>
-            <style>
-              
-      .cls-1 {
-        fill: url(#Sfumatura_senza_nome_6);
-      }
-
-      .cls-1,
-      .cls-2 {
-        stroke-width: 0px;
-      }
-
-      .cls-2 {
-        fill: var(--memori-logo-text-color, '#744c99');
-      }
-    
-            </style>
-            <lineargradient
-              data-name="Sfumatura senza nome 6"
-              gradientTransform="translate(-304.65445,-80.16)"
-              gradientUnits="userSpaceOnUse"
-              id="Sfumatura_senza_nome_6"
-              x1="392.82999"
-              x2="786.29999"
-              y1="-13.83"
-              y2="628.33002"
-            >
-              <stop
-                id="stop1"
-                offset="0.18"
-                stop-color="#9ad2d5"
-              />
-              <stop
-                id="stop2"
-                offset="0.32"
-                stop-color="#26b5cb"
-              />
-              <stop
-                id="stop3"
-                offset="0.38"
-                stop-color="#379cbe"
-              />
-              <stop
-                id="stop4"
-                offset="0.46"
-                stop-color="#4c7eb0"
-              />
-              <stop
-                id="stop5"
-                offset="0.55"
-                stop-color="#5d66a4"
-              />
-              <stop
-                id="stop6"
-                offset="0.65"
-                stop-color="#69569c"
-              />
-              <stop
-                id="stop7"
-                offset="0.76"
-                stop-color="#704c97"
-              />
-              <stop
-                id="stop8"
-                offset="0.89"
-                stop-color="#734996"
-              />
-            </lineargradient>
-          </defs>
-          <g
-            id="g13"
-            transform="translate(-304.65445,-80.16)"
-          >
-            <path
-              class="cls-2"
-              d="m 451.79,434.96 v -78.79 c 0,-15.73 8.09,-25.54 22.73,-25.54 7.01,0 12.93,3.11 16.82,8.41 3.9,-5.29 9.81,-8.41 16.82,-8.41 14.64,0 22.74,9.81 22.74,25.54 v 78.79 c 0,3.27 -2.65,5.92 -5.92,5.92 -3.27,0 -5.92,-2.65 -5.92,-5.92 v -77.08 c 0,-11.21 -3.74,-16.35 -10.9,-16.35 -7.16,0 -10.9,5.14 -10.9,16.35 v 77.08 c 0,3.27 -2.65,5.92 -5.92,5.92 -3.27,0 -5.92,-2.65 -5.92,-5.92 v -77.08 c 0,-11.21 -3.74,-16.35 -10.9,-16.35 -7.16,0 -10.9,5.14 -10.9,16.35 v 77.08 c 0,3.27 -2.65,5.92 -5.92,5.92 -3.27,0 -5.92,-2.65 -5.92,-5.92 z"
-              id="path8"
-            />
-            <path
-              class="cls-2"
-              d="m 588.37,435.12 c 0,3.11 -2.65,5.45 -5.76,5.45 h -23.98 c -6.7,0 -9.5,-2.81 -9.5,-9.34 v -90.31 c 0,-6.54 2.8,-9.34 9.5,-9.34 h 23.98 c 3.11,0 5.76,2.33 5.76,5.45 0,3.12 -2.65,5.45 -5.76,5.45 h -21.65 v 32.7 h 19.31 c 3.11,0 5.76,2.33 5.76,5.45 0,3.12 -2.65,5.45 -5.76,5.45 h -19.31 v 43.6 h 21.65 c 3.11,0 5.76,2.33 5.76,5.45 z"
-              id="path9"
-            />
-            <path
-              class="cls-2"
-              d="m 599.59,434.96 v -78.79 c 0,-15.73 8.09,-25.54 22.73,-25.54 7.01,0 12.93,3.11 16.82,8.41 3.9,-5.29 9.81,-8.41 16.82,-8.41 14.64,0 22.74,9.81 22.74,25.54 v 78.79 c 0,3.27 -2.65,5.92 -5.92,5.92 -3.27,0 -5.92,-2.65 -5.92,-5.92 v -77.08 c 0,-11.21 -3.74,-16.35 -10.9,-16.35 -7.16,0 -10.9,5.14 -10.9,16.35 v 77.08 c 0,3.27 -2.65,5.92 -5.92,5.92 -3.27,0 -5.92,-2.65 -5.92,-5.92 v -77.08 c 0,-11.21 -3.74,-16.35 -10.9,-16.35 -7.16,0 -10.9,5.14 -10.9,16.35 v 77.08 c 0,3.27 -2.65,5.92 -5.92,5.92 -3.27,0 -5.92,-2.65 -5.92,-5.92 z"
-              id="path10"
-            />
-            <path
-              class="cls-2"
-              d="m 692.72,416.28 v -60.1 c 0,-15.73 8.09,-25.54 23.35,-25.54 15.26,0 23.36,9.81 23.36,25.54 v 60.1 c 0,15.73 -8.1,25.54 -23.36,25.54 -15.26,0 -23.35,-9.81 -23.35,-25.54 z m 34.88,-2.02 v -56.05 c 0,-11.68 -4.05,-16.35 -11.52,-16.35 -7.47,0 -11.52,4.67 -11.52,16.35 v 56.05 c 0,11.68 4.05,16.35 11.52,16.35 7.47,0 11.52,-4.67 11.52,-16.35 z"
-              id="path11"
-            />
-            <path
-              class="cls-2"
-              d="m 789.27,391.52 c 4.36,2.49 8.88,8.88 8.88,18.07 v 25.38 c 0,3.27 -2.65,5.92 -5.92,5.92 -3.27,0 -5.92,-2.65 -5.92,-5.92 v -22.11 c 0,-8.88 -4.67,-15.73 -12.3,-15.73 h -8.25 v 37.84 c 0,3.27 -2.65,5.92 -5.92,5.92 -3.27,0 -5.92,-2.65 -5.92,-5.92 v -94.05 c 0,-6.54 2.8,-9.34 9.5,-9.34 h 10.43 c 15.57,0 24.6,10.27 24.6,29.11 v 7.32 c 0,10.75 -2.81,18.69 -9.19,23.51 z m -2.33,-26 v -2.34 c 0,-14.02 -4.2,-20.71 -14.17,-20.71 h -7.01 v 43.75 h 7.01 c 9.97,0 14.17,-6.7 14.17,-20.71 z"
-              id="path12"
-            />
-            <path
-              class="cls-2"
-              d="m 812.95,434.96 v -98.1 c 0,-3.27 2.65,-5.92 5.92,-5.92 3.27,0 5.92,2.65 5.92,5.92 v 98.1 c 0,3.27 -2.65,5.92 -5.92,5.92 -3.27,0 -5.92,-2.65 -5.92,-5.92 z"
-              id="path13"
-            />
-          </g>
-          <path
-            class="cls-1"
-            d="m 667.73555,242.64 c -6.38,-56.35 -42.43,-113.07 -98.9,-155.61 -49.7,-37.44 -109.37,-60.33 -170.6,-65.94 C 364.22555,7.6 328.15555,0 291.96555,0 c -69.91,0 -135.47,27.64 -189.6,79.93 C 82.235546,99.38 55.165546,139 38.215546,191.67 c -9.13,16.42 -16.91,33.67 -23.02,51.57 -33.85,99.22 -10.5500001,199.69 63.94,275.65 9.79,9.98 26.710004,23.27 49.530004,36.03 70.06,71.95 151.03,84.76 199.59,84.76 45.54,0 92.21,-11.24 124.84,-30.07 28.3,-16.34 52.64,-36.17 72.92,-59.28 108.74,-60.36 157.72,-166.32 141.72,-307.69 z m -73.68,9.57 c -8.31,-61.54 -42.48,-119.59 -90.75,-164.46 37.26,23.3 66.15,54.54 87.71,91.36 27.6,47.13 46.44,143.64 0.76,233.55 9.47,-47.57 10.27,-101.25 2.28,-160.44 z m -11.27,1.52 c 10.34,76.59 5.37,140.08 -11.29,192.23 -24.15,33.64 -58.84,65.28 -107.4,91.69 -31.3,17.03 -61.5,28.71 -90.28,36.23 -8.25,-0.19 -16.63,-0.69 -25.09,-1.54 22.94,-3.81 46.17,-10.56 69.46,-20.26 96.74,-40.31 136.66,-112.17 153.12,-165.35 20.63,-66.68 13.55,-131.72 1.21,-167.16 -36.47,-104.77 -118.35,-165.33 -237.85,-176.66 46.26,0.76 86.54,8.18 121.19,21.31 67.54,45.83 117.02,116.16 126.92,189.52 z m -78.06,294.93 c -21.61,10.54 -52.6,19.64 -88.2,23.43 17.75,-6.76 35.44,-14.89 53.01,-24.45 35,-19.04 64.77,-41.9 88.88,-67.95 -10.72,23.16 -24.08,43.65 -39.67,61.68 -4.6,2.51 -9.26,4.97 -14.02,7.29 z m -368.96,-2.75 c -19.71,-20.45 -38.150004,-45.4 -54.570004,-75.6 -59.13,-108.81 -54.64,-204.44 -32.59,-273.88 40.79,-72.66 110.320004,-128.92 184.840004,-145.21 -6.05,2.97 -12.04,6.12 -17.94,9.49 -48.68,23.3 -93.61,65.79 -123.390004,119.76 -51.8,93.85 -49.11,199.1 7.38,288.77 23.170004,36.78 95.600004,106.18 204.320004,106.77 10.31,2.55 20.33,4.47 29.9,5.87 -15.51,2.15 -30.53,3.16 -44.97,3.16 -63.65,0 -116.29,-18.88 -152.97,-39.14 z m 169.2,18.75 c -62.68,-15.85 -125.37,-53.95 -169.73,-129.36 -100.020004,-170.04 3.83,-303.77 44.43,-336.4 14.06,-11.3 28.49,-21 43.15,-29.29 24.09,-11.11 49.2,-17.27 73.97,-17.27 0.69,0 1.41,0 2.1,0.02 148.62,2.08 228.54,72.27 262.89,170.95 25.29,72.64 20.48,248.09 -147.96,318.27 -39.5,16.46 -75.82,23.09 -108.64,23.09 -0.07,0 -0.14,0 -0.21,0 z m -50.13,-5.41 c -78.55,-17.09 -129.59,-70.46 -145.73,-96.07 -63.580004,-100.94 -49.220004,-209.44 0.22,-289.59 -5.85,11.99 -11.140004,24.86 -15.460004,38.56 -23.54,74.64 -12.63,153.8 31.560004,228.92 36.33,61.76 83.37,97.63 129.41,118.18 z m 93.31,-527.42 c 6.92,-0.48 13.83,-0.76 20.7,-0.76 9.21,0 18.36,0.43 27.44,1.24 5.8,2.34 11.5,4.89 17.15,7.57 -20.54,-4.36 -42.3,-7.05 -65.28,-8.06 z m -237.88,56.28 c 56.12,-54.22 119.7,-76.74 181.69,-76.74 22.56,0 44.9,3.01 66.59,8.54 -27.97,0.93 -55.36,5.59 -81.73,13.89 -9.47,0.87 -19.03,1.9 -28.75,3.25 -66.39,9.19 -130.73,49.37 -177.320004,106.6 13.93,-26.25 28.93,-45.3 39.520004,-55.54 z M 87.255546,510.92 C 8.3455459,430.46 -2.7544541,333.8 25.095546,249.55 c -9.9,74.5 5.8,152.05 46.09,226.19 9.7,17.85 20.01,33.8 30.760004,48.04 -5.970004,-4.67 -10.990004,-9.07 -14.700004,-12.85 z m 360.150004,88.83 c -27.18,15.69 -70.3,28.55 -119.16,28.55 -52.11,0 -110.74,-14.68 -163.49,-56.16 34.18,13.85 76.16,24.27 123.97,24.27 28.75,0 57.59,-3.76 86.33,-11.13 2.13,0.04 4.2,0.06 6.22,0.06 40.23,0 81.61,-7.43 114.06,-20.19 -14.66,13.13 -30.69,24.65 -47.93,34.6 z m 98.55,-75.09 c 10.02,-14.65 18.69,-30.34 25.92,-47.11 3.74,-8.67 7.06,-17.66 10.05,-26.89 17.66,-24.96 30.8,-52.23 38.94,-81.46 22.51,-80.87 3.27,-156.05 -20.04,-195.85 -33.54,-57.28 -80.82,-97.29 -141.07,-119.95 -8.19,-5.44 -16.61,-10.57 -25.24,-15.28 116.19,24.92 211.36,112.54 221.92,205.8 15.48,136.7 -31.24,226.21 -110.47,280.75 z"
-            id="path14"
-            style="fill: url(#Sfumatura_senza_nome_6);"
-          />
-        </svg>
-        <p
-          class="memori--powered-by-label"
-        >
-          <span>
-            Powered by 
-          </span>
-          <a
-            href="https://memori.ai/it?integrationID=cb3c4776-7f0b-4f97-a773-c32a5d7a3bf1&memori=aisuru.com-username-Memori"
-            rel="noopener noreferrer"
-            target="_blank"
-          >
-            Memori.AI
-          </a>
-        </p>
-      </div>
-      <div
-        id="extension"
-      />
-      <div
-        class="memori-chat-layout--main "
+        class="memori-spin memori-chat-layout"
       >
         <div
-          class="memori-chat-layout--controls "
+          id="extension"
+        />
+        <div
+          class="memori-chat-layout--header"
         >
           <div
-            class="memori-chat-layout--header "
+            class="memori-fullpage-header-row"
           >
             <div
-              class="memori-fullpage-header-row"
+              class="memori-fullpage-header-actions"
             >
               <div
-                class="memori-fullpage-header-brand"
-              >
-                <img
-                  alt=""
-                  class="memori-fullpage-header-brand-icon memori-fullpage-header-brand-icon--avatar"
-                  role="presentation"
-                  src="https://aisuru.com/images/aisuru/square_logo.png"
-                />
-              </div>
-              <div
-                class="memori-fullpage-header-actions"
+                class="memori-header memori-header--fullpage"
               >
                 <div
-                  class="memori-header memori-header--fullpage"
+                  class="memori-header--fullpage-secondary"
                 >
-                  <div
-                    class="memori-header--fullpage-secondary"
+                  <span
+                    class="memori-tooltip"
                   >
                     <span
-                      class="styles-module__root___-ALla"
+                      class="memori-tooltip__trigger"
+                      id="base-ui-:r1:"
                     >
                       <span
-                        class="styles-module__trigger___V2aIF"
-                        id="base-ui-:r1:"
+                        style="display: inline-flex;"
                       >
-                        <span
-                          style="display: inline-flex;"
+                        <button
+                          aria-label="widget.sound"
+                          class="memori-button memori-button--toolbar memori-button--sm memori-button--icon-only memori-icon-button"
+                          tabindex="0"
+                          title="widget.sound"
+                          type="button"
                         >
-                          <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"
                           >
-                            <span
-                              class="memori-button__icon"
+                            <svg
+                              aria-hidden="true"
+                              class="lucide lucide-volume2"
+                              fill="none"
+                              height="20"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                              viewBox="0 0 24 24"
+                              width="20"
+                              xmlns="http://www.w3.org/2000/svg"
                             >
-                              <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>
+                              <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>
-                    <div
-                      class="memori-dropdown memori-share-button memori-share-button--align-left"
+                  </span>
+                  <div
+                    class="memori-dropdown memori-share-button memori-share-button--align-left"
+                  >
+                    <span
+                      class="memori-tooltip"
                     >
                       <span
-                        class="styles-module__root___-ALla"
+                        class="memori-tooltip__trigger"
+                        id="base-ui-:r7:"
                       >
-                        <span
-                          class="styles-module__trigger___V2aIF"
-                          id="base-ui-:r7:"
+                        <button
+                          aria-expanded="false"
+                          aria-haspopup="menu"
+                          aria-label="widget.share"
+                          class="memori-button memori-button--toolbar memori-button--sm memori-button--icon-only memori-icon-button"
+                          id="base-ui-:r8:"
+                          tabindex="0"
+                          title="widget.share"
+                          type="button"
                         >
-                          <button
-                            aria-expanded="false"
-                            aria-haspopup="menu"
-                            aria-label="widget.share"
-                            class="memori-button memori-button--outline memori-button--md memori-button--icon-only"
-                            id="base-ui-:r8:"
-                            tabindex="0"
-                            type="button"
+                          <span
+                            class="memori-button__icon"
                           >
-                            <span
-                              class="memori-button__icon"
+                            <svg
+                              aria-hidden="true"
+                              class="lucide lucide-share2"
+                              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"
                             >
-                              <svg
-                                aria-hidden="true"
-                                class="lucide lucide-share2"
-                                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="18"
-                                  cy="5"
-                                  r="3"
-                                />
-                                <circle
-                                  cx="6"
-                                  cy="12"
-                                  r="3"
-                                />
-                                <circle
-                                  cx="18"
-                                  cy="19"
-                                  r="3"
-                                />
-                                <line
-                                  x1="8.59"
-                                  x2="15.42"
-                                  y1="13.51"
-                                  y2="17.49"
-                                />
-                                <line
-                                  x1="15.41"
-                                  x2="8.59"
-                                  y1="6.51"
-                                  y2="10.49"
-                                />
-                              </svg>
-                            </span>
-                          </button>
-                        </span>
+                              <circle
+                                cx="18"
+                                cy="5"
+                                r="3"
+                              />
+                              <circle
+                                cx="6"
+                                cy="12"
+                                r="3"
+                              />
+                              <circle
+                                cx="18"
+                                cy="19"
+                                r="3"
+                              />
+                              <line
+                                x1="8.59"
+                                x2="15.42"
+                                y1="13.51"
+                                y2="17.49"
+                              />
+                              <line
+                                x1="15.41"
+                                x2="8.59"
+                                y1="6.51"
+                                y2="10.49"
+                              />
+                            </svg>
+                          </span>
+                        </button>
                       </span>
-                    </div>
+                    </span>
                   </div>
                 </div>
               </div>
             </div>
           </div>
+        </div>
+        <div
+          class="memori-chat-layout--main memori-chat-layout--main--has-background"
+          style="--memori-chat-global-background: url(https://assets.memori.ai/api/v2/asset/364e498c-11da-42d5-9e32-19e5d137d4b8.jpeg);"
+        >
           <div
-            class="memori-chat-layout--body"
+            class="memori-chat-layout--controls"
           >
             <div
-              class="memori-chat-layout--start-shell"
-              id="chat-wrapper"
+              class="memori-conversation-column"
             >
               <div
-                class="memori-chat-layout--start-panel-wrap"
+                class="memori-chat-layout--body"
               >
                 <div
-                  class="memori--start-panel"
+                  class="memori-chat-layout--start-shell"
+                  id="chat-wrapper"
                 >
                   <div
-                    class="memori--cover"
-                  />
-                  <div
-                    class="memori--start-panel__body"
+                    class="memori-chat-layout--start-panel-wrap"
                   >
                     <div
-                      class="memori--title-container"
+                      class="memori--start-panel"
                     >
-                      <picture
-                        class="memori--avatar"
-                      >
-                        <source
-                          src="https://aisuru.com/images/aisuru/square_logo.png"
-                        />
-                        <img
-                          alt="Memori"
-                          src="https://aisuru.com/images/aisuru/square_logo.png"
-                        />
-                      </picture>
                       <div
-                        class="memori--title-container__content"
+                        class="memori--cover"
+                      />
+                      <div
+                        class="memori--start-panel__body"
                       >
-                        <h2
-                          class="memori--title"
-                        >
-                          Memori
-                        </h2>
                         <div
-                          class="memori-expandable memori--description-text memori--description-text--collapsible"
+                          class="memori--title-container"
                         >
+                          <picture
+                            class="memori--avatar"
+                          >
+                            <source
+                              src="https://aisuru.com/images/aisuru/square_logo.png"
+                            />
+                            <img
+                              alt="Memori"
+                              src="https://aisuru.com/images/aisuru/square_logo.png"
+                            />
+                          </picture>
                           <div
-                            class="memori-expandable__inner"
-                            style="max-height: 9999px;"
+                            class="memori--title-container__content"
                           >
-                            Lorem ipsum.
+                            <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>
-                      </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"
+                            class="memori--completion-provider-status--loading"
                           >
                             <div
-                              class="memori-spin__container"
+                              class="memori-spin memori-spin--spinning"
                             >
-                              <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"
+                              <div
+                                aria-label="Loading"
+                                aria-live="polite"
+                                class="memori-spin__overlay"
+                                role="status"
                               >
-                                <path
-                                  d="M21 12a9 9 0 1 1-6.219-8.56"
-                                />
-                              </svg>
+                                <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>
-                    </div>
-                    <div
-                      class="memori--description"
-                    >
-                      <div
-                        class="memori--language-row"
-                      >
                         <div
-                          class="memori-combobox memori-combobox--language-chooser memori--language-row__combobox"
+                          class="memori--description"
                         >
-                          <label
-                            class="memori-combobox__label"
-                            for=":ra:"
-                            id=":ra:-label"
-                          >
-                            write_and_speak.chatLanguageLabel
-                          </label>
-                          <button
-                            aria-expanded="false"
-                            aria-haspopup="dialog"
-                            aria-labelledby=":ra:-label"
-                            class="memori-combobox__trigger"
-                            id=":ra:"
-                            role="combobox"
-                            tabindex="0"
-                            type="button"
+                          <div
+                            class="memori--language-row"
                           >
-                            <span
-                              class="memori-combobox__value"
-                            >
-                              Italian
-                            </span>
-                            <span
-                              aria-hidden="true"
-                              class="memori-combobox__trigger-icon"
+                            <div
+                              class="memori-combobox memori-combobox--language-chooser memori--language-row__combobox"
                             >
-                              <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"
+                              <label
+                                class="memori-combobox__label"
+                                for=":ra:"
+                                id=":ra:-label"
                               >
-                                <path
-                                  d="m6 9 6 6 6-6"
-                                />
-                              </svg>
-                            </span>
-                          </button>
-                          <input
-                            aria-hidden="true"
-                            id="base-ui-:rb:"
-                            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"
-                        >
+                                write_and_speak.chatLanguageLabel
+                              </label>
+                              <button
+                                aria-expanded="false"
+                                aria-haspopup="dialog"
+                                aria-labelledby=":ra:-label"
+                                class="memori-combobox__trigger"
+                                id=":ra:"
+                                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-:rb:"
+                                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--settings-section"
+                            class="memori--start-panel__mobile-info"
                           >
                             <div
-                              class="memori--settings-section__row"
+                              class="memori--start-panel__mobile-info-content"
                             >
-                              <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"
+                              <section
+                                class="memori--settings-section"
                               >
                                 <div
-                                  class="memori--settings-section__title-inline"
+                                  class="memori--settings-section__row"
                                 >
-                                  <p
-                                    class="memori--settings-section__title"
+                                  <div
+                                    aria-hidden="true"
+                                    class="memori--settings-section__icon-box memori--settings-section__icon-box--neutral"
                                   >
-                                    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-:re:"
-                                >
-                                  <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"
+                                    <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="memori-tooltip"
                                   >
                                     <span
-                                      class="memori-button__content"
+                                      class="memori-tooltip__trigger"
+                                      id="base-ui-:re:"
                                     >
-                                      <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"
+                                      <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"
                                       >
-                                        <circle
-                                          cx="12"
-                                          cy="12"
-                                          r="10"
-                                        />
-                                        <path
-                                          d="M12 16v-4"
-                                        />
-                                        <path
-                                          d="M12 8h.01"
-                                        />
-                                      </svg>
+                                        <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>
-                                  </button>
-                                </span>
-                              </span>
+                                  </span>
+                                </div>
+                              </section>
                             </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"
+                          <div
+                            class="memori--start-actions"
                           >
-                            write_and_speak.tryMeButton
-                          </span>
-                        </button>
+                            <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>
+                        </div>
                       </div>
-                      <p
-                        class="memori--start-description"
-                      >
-                        write_and_speak.pageTryMeExplanation
-                      </p>
                     </div>
                   </div>
                 </div>
               </div>
               <div
-                class="memori-chat-layout--prechat-inputs"
+                class="memori-chat-inputs-wrapper"
               >
-                <div
-                  class="memori-chat-inputs-wrapper"
+                <fieldset
+                  class="memori-chat-inputs"
+                  id="chat-fieldset"
                 >
-                  <fieldset
-                    class="memori-chat-inputs"
-                    id="chat-fieldset"
+                  <div
+                    class="memori-chat-inputs--container"
                   >
                     <div
-                      class="memori-chat-inputs--container"
+                      class="memori-chat-inputs--leading"
+                    />
+                    <div
+                      class="memori-chat-inputs--primary"
                     >
                       <div
-                        class="memori-chat-inputs--leading"
-                      />
-                      <div
-                        class="memori-chat-inputs--primary"
+                        class="memori-chat-textarea memori-chat-textarea--disabled"
+                        data-testid="chat-textarea"
                       >
                         <div
-                          class="memori-chat-textarea memori-chat-textarea--disabled"
-                          data-testid="chat-textarea"
+                          class="memori-chat-textarea--inner"
+                          style="height: 36px;"
                         >
-                          <div
-                            class="memori-chat-textarea--inner"
+                          <textarea
+                            aria-label="placeholder"
+                            class="memori-chat-textarea--input"
+                            disabled=""
+                            id="memori-chat-message"
+                            maxlength="100000"
+                            placeholder="placeholder"
                             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>
+                    <div
+                      class="memori-chat-inputs--trailing"
+                    >
                       <div
-                        class="memori-chat-inputs--trailing"
+                        class="memori-chat-inputs--trailing-inner"
                       >
-                        <div
-                          class="memori-chat-inputs--trailing-inner"
+                        <span
+                          class="memori-tooltip memori-chat-inputs--send-btn-tooltip"
                         >
                           <span
-                            class="styles-module__root___-ALla memori-chat-inputs--send-btn-tooltip"
+                            class="memori-tooltip__trigger"
+                            id="base-ui-:rl:"
                           >
-                            <span
-                              class="styles-module__trigger___V2aIF"
-                              id="base-ui-:rl:"
+                            <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"
                             >
-                              <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"
                               >
-                                <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"
                                 >
-                                  <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>
+                                  <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>
-                        </div>
+                        </span>
                       </div>
                     </div>
-                  </fieldset>
+                  </div>
+                </fieldset>
+                <div
+                  class="memori-conversation-footer"
+                >
+                  <span
+                    aria-hidden="true"
+                    class="memori-chat-inputs--ai-note"
+                  />
+                  <div
+                    class="memori--powered-by"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      aria-label="Memori AI"
+                      class="memori--powered-by-icon"
+                      fill="currentColor"
+                      height="800"
+                      viewBox="0 0 670.70013 639.67999"
+                      width="800"
+                    >
+                      <defs>
+                        <style>
+                          
+      .cls-1 {
+        fill: url(#Sfumatura_senza_nome_6);
+      }
+
+      .cls-1,
+      .cls-2 {
+        stroke-width: 0px;
+      }
+
+      .cls-2 {
+        fill: var(--memori-logo-text-color, '#744c99');
+      }
+    
+                        </style>
+                        <lineargradient
+                          data-name="Sfumatura senza nome 6"
+                          gradientTransform="translate(-304.65445,-80.16)"
+                          gradientUnits="userSpaceOnUse"
+                          id="Sfumatura_senza_nome_6"
+                          x1="392.82999"
+                          x2="786.29999"
+                          y1="-13.83"
+                          y2="628.33002"
+                        >
+                          <stop
+                            id="stop1"
+                            offset="0.18"
+                            stop-color="#9ad2d5"
+                          />
+                          <stop
+                            id="stop2"
+                            offset="0.32"
+                            stop-color="#26b5cb"
+                          />
+                          <stop
+                            id="stop3"
+                            offset="0.38"
+                            stop-color="#379cbe"
+                          />
+                          <stop
+                            id="stop4"
+                            offset="0.46"
+                            stop-color="#4c7eb0"
+                          />
+                          <stop
+                            id="stop5"
+                            offset="0.55"
+                            stop-color="#5d66a4"
+                          />
+                          <stop
+                            id="stop6"
+                            offset="0.65"
+                            stop-color="#69569c"
+                          />
+                          <stop
+                            id="stop7"
+                            offset="0.76"
+                            stop-color="#704c97"
+                          />
+                          <stop
+                            id="stop8"
+                            offset="0.89"
+                            stop-color="#734996"
+                          />
+                        </lineargradient>
+                      </defs>
+                      <g
+                        id="g13"
+                        transform="translate(-304.65445,-80.16)"
+                      >
+                        <path
+                          class="cls-2"
+                          d="m 451.79,434.96 v -78.79 c 0,-15.73 8.09,-25.54 22.73,-25.54 7.01,0 12.93,3.11 16.82,8.41 3.9,-5.29 9.81,-8.41 16.82,-8.41 14.64,0 22.74,9.81 22.74,25.54 v 78.79 c 0,3.27 -2.65,5.92 -5.92,5.92 -3.27,0 -5.92,-2.65 -5.92,-5.92 v -77.08 c 0,-11.21 -3.74,-16.35 -10.9,-16.35 -7.16,0 -10.9,5.14 -10.9,16.35 v 77.08 c 0,3.27 -2.65,5.92 -5.92,5.92 -3.27,0 -5.92,-2.65 -5.92,-5.92 v -77.08 c 0,-11.21 -3.74,-16.35 -10.9,-16.35 -7.16,0 -10.9,5.14 -10.9,16.35 v 77.08 c 0,3.27 -2.65,5.92 -5.92,5.92 -3.27,0 -5.92,-2.65 -5.92,-5.92 z"
+                          id="path8"
+                        />
+                        <path
+                          class="cls-2"
+                          d="m 588.37,435.12 c 0,3.11 -2.65,5.45 -5.76,5.45 h -23.98 c -6.7,0 -9.5,-2.81 -9.5,-9.34 v -90.31 c 0,-6.54 2.8,-9.34 9.5,-9.34 h 23.98 c 3.11,0 5.76,2.33 5.76,5.45 0,3.12 -2.65,5.45 -5.76,5.45 h -21.65 v 32.7 h 19.31 c 3.11,0 5.76,2.33 5.76,5.45 0,3.12 -2.65,5.45 -5.76,5.45 h -19.31 v 43.6 h 21.65 c 3.11,0 5.76,2.33 5.76,5.45 z"
+                          id="path9"
+                        />
+                        <path
+                          class="cls-2"
+                          d="m 599.59,434.96 v -78.79 c 0,-15.73 8.09,-25.54 22.73,-25.54 7.01,0 12.93,3.11 16.82,8.41 3.9,-5.29 9.81,-8.41 16.82,-8.41 14.64,0 22.74,9.81 22.74,25.54 v 78.79 c 0,3.27 -2.65,5.92 -5.92,5.92 -3.27,0 -5.92,-2.65 -5.92,-5.92 v -77.08 c 0,-11.21 -3.74,-16.35 -10.9,-16.35 -7.16,0 -10.9,5.14 -10.9,16.35 v 77.08 c 0,3.27 -2.65,5.92 -5.92,5.92 -3.27,0 -5.92,-2.65 -5.92,-5.92 v -77.08 c 0,-11.21 -3.74,-16.35 -10.9,-16.35 -7.16,0 -10.9,5.14 -10.9,16.35 v 77.08 c 0,3.27 -2.65,5.92 -5.92,5.92 -3.27,0 -5.92,-2.65 -5.92,-5.92 z"
+                          id="path10"
+                        />
+                        <path
+                          class="cls-2"
+                          d="m 692.72,416.28 v -60.1 c 0,-15.73 8.09,-25.54 23.35,-25.54 15.26,0 23.36,9.81 23.36,25.54 v 60.1 c 0,15.73 -8.1,25.54 -23.36,25.54 -15.26,0 -23.35,-9.81 -23.35,-25.54 z m 34.88,-2.02 v -56.05 c 0,-11.68 -4.05,-16.35 -11.52,-16.35 -7.47,0 -11.52,4.67 -11.52,16.35 v 56.05 c 0,11.68 4.05,16.35 11.52,16.35 7.47,0 11.52,-4.67 11.52,-16.35 z"
+                          id="path11"
+                        />
+                        <path
+                          class="cls-2"
+                          d="m 789.27,391.52 c 4.36,2.49 8.88,8.88 8.88,18.07 v 25.38 c 0,3.27 -2.65,5.92 -5.92,5.92 -3.27,0 -5.92,-2.65 -5.92,-5.92 v -22.11 c 0,-8.88 -4.67,-15.73 -12.3,-15.73 h -8.25 v 37.84 c 0,3.27 -2.65,5.92 -5.92,5.92 -3.27,0 -5.92,-2.65 -5.92,-5.92 v -94.05 c 0,-6.54 2.8,-9.34 9.5,-9.34 h 10.43 c 15.57,0 24.6,10.27 24.6,29.11 v 7.32 c 0,10.75 -2.81,18.69 -9.19,23.51 z m -2.33,-26 v -2.34 c 0,-14.02 -4.2,-20.71 -14.17,-20.71 h -7.01 v 43.75 h 7.01 c 9.97,0 14.17,-6.7 14.17,-20.71 z"
+                          id="path12"
+                        />
+                        <path
+                          class="cls-2"
+                          d="m 812.95,434.96 v -98.1 c 0,-3.27 2.65,-5.92 5.92,-5.92 3.27,0 5.92,2.65 5.92,5.92 v 98.1 c 0,3.27 -2.65,5.92 -5.92,5.92 -3.27,0 -5.92,-2.65 -5.92,-5.92 z"
+                          id="path13"
+                        />
+                      </g>
+                      <path
+                        class="cls-1"
+                        d="m 667.73555,242.64 c -6.38,-56.35 -42.43,-113.07 -98.9,-155.61 -49.7,-37.44 -109.37,-60.33 -170.6,-65.94 C 364.22555,7.6 328.15555,0 291.96555,0 c -69.91,0 -135.47,27.64 -189.6,79.93 C 82.235546,99.38 55.165546,139 38.215546,191.67 c -9.13,16.42 -16.91,33.67 -23.02,51.57 -33.85,99.22 -10.5500001,199.69 63.94,275.65 9.79,9.98 26.710004,23.27 49.530004,36.03 70.06,71.95 151.03,84.76 199.59,84.76 45.54,0 92.21,-11.24 124.84,-30.07 28.3,-16.34 52.64,-36.17 72.92,-59.28 108.74,-60.36 157.72,-166.32 141.72,-307.69 z m -73.68,9.57 c -8.31,-61.54 -42.48,-119.59 -90.75,-164.46 37.26,23.3 66.15,54.54 87.71,91.36 27.6,47.13 46.44,143.64 0.76,233.55 9.47,-47.57 10.27,-101.25 2.28,-160.44 z m -11.27,1.52 c 10.34,76.59 5.37,140.08 -11.29,192.23 -24.15,33.64 -58.84,65.28 -107.4,91.69 -31.3,17.03 -61.5,28.71 -90.28,36.23 -8.25,-0.19 -16.63,-0.69 -25.09,-1.54 22.94,-3.81 46.17,-10.56 69.46,-20.26 96.74,-40.31 136.66,-112.17 153.12,-165.35 20.63,-66.68 13.55,-131.72 1.21,-167.16 -36.47,-104.77 -118.35,-165.33 -237.85,-176.66 46.26,0.76 86.54,8.18 121.19,21.31 67.54,45.83 117.02,116.16 126.92,189.52 z m -78.06,294.93 c -21.61,10.54 -52.6,19.64 -88.2,23.43 17.75,-6.76 35.44,-14.89 53.01,-24.45 35,-19.04 64.77,-41.9 88.88,-67.95 -10.72,23.16 -24.08,43.65 -39.67,61.68 -4.6,2.51 -9.26,4.97 -14.02,7.29 z m -368.96,-2.75 c -19.71,-20.45 -38.150004,-45.4 -54.570004,-75.6 -59.13,-108.81 -54.64,-204.44 -32.59,-273.88 40.79,-72.66 110.320004,-128.92 184.840004,-145.21 -6.05,2.97 -12.04,6.12 -17.94,9.49 -48.68,23.3 -93.61,65.79 -123.390004,119.76 -51.8,93.85 -49.11,199.1 7.38,288.77 23.170004,36.78 95.600004,106.18 204.320004,106.77 10.31,2.55 20.33,4.47 29.9,5.87 -15.51,2.15 -30.53,3.16 -44.97,3.16 -63.65,0 -116.29,-18.88 -152.97,-39.14 z m 169.2,18.75 c -62.68,-15.85 -125.37,-53.95 -169.73,-129.36 -100.020004,-170.04 3.83,-303.77 44.43,-336.4 14.06,-11.3 28.49,-21 43.15,-29.29 24.09,-11.11 49.2,-17.27 73.97,-17.27 0.69,0 1.41,0 2.1,0.02 148.62,2.08 228.54,72.27 262.89,170.95 25.29,72.64 20.48,248.09 -147.96,318.27 -39.5,16.46 -75.82,23.09 -108.64,23.09 -0.07,0 -0.14,0 -0.21,0 z m -50.13,-5.41 c -78.55,-17.09 -129.59,-70.46 -145.73,-96.07 -63.580004,-100.94 -49.220004,-209.44 0.22,-289.59 -5.85,11.99 -11.140004,24.86 -15.460004,38.56 -23.54,74.64 -12.63,153.8 31.560004,228.92 36.33,61.76 83.37,97.63 129.41,118.18 z m 93.31,-527.42 c 6.92,-0.48 13.83,-0.76 20.7,-0.76 9.21,0 18.36,0.43 27.44,1.24 5.8,2.34 11.5,4.89 17.15,7.57 -20.54,-4.36 -42.3,-7.05 -65.28,-8.06 z m -237.88,56.28 c 56.12,-54.22 119.7,-76.74 181.69,-76.74 22.56,0 44.9,3.01 66.59,8.54 -27.97,0.93 -55.36,5.59 -81.73,13.89 -9.47,0.87 -19.03,1.9 -28.75,3.25 -66.39,9.19 -130.73,49.37 -177.320004,106.6 13.93,-26.25 28.93,-45.3 39.520004,-55.54 z M 87.255546,510.92 C 8.3455459,430.46 -2.7544541,333.8 25.095546,249.55 c -9.9,74.5 5.8,152.05 46.09,226.19 9.7,17.85 20.01,33.8 30.760004,48.04 -5.970004,-4.67 -10.990004,-9.07 -14.700004,-12.85 z m 360.150004,88.83 c -27.18,15.69 -70.3,28.55 -119.16,28.55 -52.11,0 -110.74,-14.68 -163.49,-56.16 34.18,13.85 76.16,24.27 123.97,24.27 28.75,0 57.59,-3.76 86.33,-11.13 2.13,0.04 4.2,0.06 6.22,0.06 40.23,0 81.61,-7.43 114.06,-20.19 -14.66,13.13 -30.69,24.65 -47.93,34.6 z m 98.55,-75.09 c 10.02,-14.65 18.69,-30.34 25.92,-47.11 3.74,-8.67 7.06,-17.66 10.05,-26.89 17.66,-24.96 30.8,-52.23 38.94,-81.46 22.51,-80.87 3.27,-156.05 -20.04,-195.85 -33.54,-57.28 -80.82,-97.29 -141.07,-119.95 -8.19,-5.44 -16.61,-10.57 -25.24,-15.28 116.19,24.92 211.36,112.54 221.92,205.8 15.48,136.7 -31.24,226.21 -110.47,280.75 z"
+                        id="path14"
+                        style="fill: url(#Sfumatura_senza_nome_6);"
+                      />
+                    </svg>
+                    <p
+                      class="memori--powered-by-label"
+                    >
+                      <span>
+                        Powered by 
+                      </span>
+                      <a
+                        href="https://memori.ai/it?integrationID=cb3c4776-7f0b-4f97-a773-c32a5d7a3bf1&memori=aisuru.com-username-Memori"
+                        rel="noopener noreferrer"
+                        target="_blank"
+                      >
+                        Memori.AI
+                      </a>
+                    </p>
+                  </div>
                 </div>
               </div>
             </div>
           </div>
+          <div
+            class="memori--grid-column-artifact"
+          />
         </div>
       </div>
+      <audio
+        id="memori-audio"
+        src="https://aisuru.com/intro.mp3"
+        style="display: none;"
+      />
     </div>
-    <audio
-      id="memori-audio"
-      src="https://aisuru.com/intro.mp3"
-      style="display: none;"
-    />
   </div>
   <div
     aria-atomic="false"