@memori.ai/memori-react 6.8.1 → 6.8.4

package/src/components/StartPanel/__snapshots__/StartPanel.test.tsx.snap

@@ -74,11 +74,106 @@ exports[`renders StartPanel for board of experts unchanged 1`] = `
           Lorem ipsum.
         </span>
       </p>
+      <div
+        class="memori--start-privacy-explanation-container"
+      >
+        <p
+          class="memori--start-privacy-explanation"
+        >
+          write_and_speak.pagePrivacyExplanation
+        </p>
+        <div
+          class="memori-tooltip memori-tooltip--align-right"
+        >
+          <div
+            class="memori-tooltip--content"
+          >
+            <div
+              class="memori--privacy-tooltip-content"
+            >
+              <p>
+                 
+                write_and_speak.pagePrivacyExplanationList.allConversations
+              </p>
+              <ul
+                class="memori--privacy-tooltip-content-list"
+              >
+                <li>
+                  write_and_speak.pagePrivacyExplanationList.contentAndIpAddress
+                </li>
+              </ul>
+              <p>
+                write_and_speak.pagePrivacyExplanationList.authorUsesInfo
+              </p>
+              <a
+                href="https://memori.ai/en/privacy-policy"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                privacyPolicy
+              </a>
+            </div>
+          </div>
+          <div
+            class="memori-tooltip--trigger"
+          >
+            <svg
+              aria-hidden="true"
+              class="memori--start-privacy-explanation-icon"
+              fill="none"
+              focusable="false"
+              role="img"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.5"
+              viewBox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <circle
+                cx="12"
+                cy="12"
+                r="10"
+              />
+              <path
+                d="M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3"
+              />
+              <path
+                d="M12 17L12.01 17"
+              />
+            </svg>
+          </div>
+        </div>
+      </div>
       <button
         class="memori-button memori-button--primary memori-button--rounded memori-button--padded memori--start-button"
       >
         write_and_speak.tryMeButton
       </button>
+      <div
+        class="memori--completion-provider-status--loading"
+      >
+        <div
+          class="memori-spin memori-spin--spinning"
+        >
+          <div
+            class="memori-spin--spinner"
+          >
+            <svg
+              aria-hidden="true"
+              class="memori-loading-icon"
+              focusable="false"
+              role="img"
+              viewBox="0 0 1024 1024"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
+              />
+            </svg>
+          </div>
+        </div>
+      </div>
       <p
         class="memori--start-description"
       >
@@ -97,28 +192,6 @@ exports[`renders StartPanel on instruct unchanged 1`] = `
     <div
       class="memori--cover"
     >
-      <div
-        class="memori--gamification-badge"
-      >
-        <div
-          class="memori-tooltip memori-tooltip--align-left"
-        >
-          <div
-            class="memori-tooltip--content"
-          >
-            gamification.level 🌍, 61 gamification.points
-          </div>
-          <div
-            class="memori-tooltip--trigger"
-          >
-            <span
-              aria-label="gamification.level 🌍, 61 gamification.points"
-            >
-              🌍
-            </span>
-          </div>
-        </div>
-      </div>
       <div
         class="memori--completions-enabled"
       >
@@ -197,11 +270,106 @@ exports[`renders StartPanel on instruct unchanged 1`] = `
           Lorem ipsum.
         </span>
       </p>
+      <div
+        class="memori--start-privacy-explanation-container"
+      >
+        <p
+          class="memori--start-privacy-explanation"
+        >
+          write_and_speak.pagePrivacyExplanation
+        </p>
+        <div
+          class="memori-tooltip memori-tooltip--align-right"
+        >
+          <div
+            class="memori-tooltip--content"
+          >
+            <div
+              class="memori--privacy-tooltip-content"
+            >
+              <p>
+                 
+                write_and_speak.pagePrivacyExplanationList.allConversations
+              </p>
+              <ul
+                class="memori--privacy-tooltip-content-list"
+              >
+                <li>
+                  write_and_speak.pagePrivacyExplanationList.contentAndIpAddress
+                </li>
+              </ul>
+              <p>
+                write_and_speak.pagePrivacyExplanationList.authorUsesInfo
+              </p>
+              <a
+                href="https://memori.ai/en/privacy-policy"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                privacyPolicy
+              </a>
+            </div>
+          </div>
+          <div
+            class="memori-tooltip--trigger"
+          >
+            <svg
+              aria-hidden="true"
+              class="memori--start-privacy-explanation-icon"
+              fill="none"
+              focusable="false"
+              role="img"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.5"
+              viewBox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <circle
+                cx="12"
+                cy="12"
+                r="10"
+              />
+              <path
+                d="M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3"
+              />
+              <path
+                d="M12 17L12.01 17"
+              />
+            </svg>
+          </div>
+        </div>
+      </div>
       <button
         class="memori-button memori-button--primary memori-button--rounded memori-button--padded memori--start-button"
       >
         write_and_speak.instructButton
       </button>
+      <div
+        class="memori--completion-provider-status--loading"
+      >
+        <div
+          class="memori-spin memori-spin--spinning"
+        >
+          <div
+            class="memori-spin--spinner"
+          >
+            <svg
+              aria-hidden="true"
+              class="memori-loading-icon"
+              focusable="false"
+              role="img"
+              viewBox="0 0 1024 1024"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
+              />
+            </svg>
+          </div>
+        </div>
+      </div>
       <p
         class="memori--start-description"
       >
@@ -298,11 +466,106 @@ exports[`renders StartPanel unchanged 1`] = `
           Lorem ipsum.
         </span>
       </p>
+      <div
+        class="memori--start-privacy-explanation-container"
+      >
+        <p
+          class="memori--start-privacy-explanation"
+        >
+          write_and_speak.pagePrivacyExplanation
+        </p>
+        <div
+          class="memori-tooltip memori-tooltip--align-right"
+        >
+          <div
+            class="memori-tooltip--content"
+          >
+            <div
+              class="memori--privacy-tooltip-content"
+            >
+              <p>
+                 
+                write_and_speak.pagePrivacyExplanationList.allConversations
+              </p>
+              <ul
+                class="memori--privacy-tooltip-content-list"
+              >
+                <li>
+                  write_and_speak.pagePrivacyExplanationList.contentAndIpAddress
+                </li>
+              </ul>
+              <p>
+                write_and_speak.pagePrivacyExplanationList.authorUsesInfo
+              </p>
+              <a
+                href="https://memori.ai/en/privacy-policy"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                privacyPolicy
+              </a>
+            </div>
+          </div>
+          <div
+            class="memori-tooltip--trigger"
+          >
+            <svg
+              aria-hidden="true"
+              class="memori--start-privacy-explanation-icon"
+              fill="none"
+              focusable="false"
+              role="img"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.5"
+              viewBox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <circle
+                cx="12"
+                cy="12"
+                r="10"
+              />
+              <path
+                d="M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3"
+              />
+              <path
+                d="M12 17L12.01 17"
+              />
+            </svg>
+          </div>
+        </div>
+      </div>
       <button
         class="memori-button memori-button--primary memori-button--rounded memori-button--padded memori--start-button"
       >
         write_and_speak.tryMeButton
       </button>
+      <div
+        class="memori--completion-provider-status--loading"
+      >
+        <div
+          class="memori-spin memori-spin--spinning"
+        >
+          <div
+            class="memori-spin--spinner"
+          >
+            <svg
+              aria-hidden="true"
+              class="memori-loading-icon"
+              focusable="false"
+              role="img"
+              viewBox="0 0 1024 1024"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
+              />
+            </svg>
+          </div>
+        </div>
+      </div>
       <p
         class="memori--start-description"
       >
@@ -399,20 +662,91 @@ exports[`renders StartPanel with completion provider down unchanged 1`] = `
           Lorem ipsum.
         </span>
       </p>
+      <div
+        class="memori--start-privacy-explanation-container"
+      >
+        <p
+          class="memori--start-privacy-explanation"
+        >
+          write_and_speak.pagePrivacyExplanation
+        </p>
+        <div
+          class="memori-tooltip memori-tooltip--align-right"
+        >
+          <div
+            class="memori-tooltip--content"
+          >
+            <div
+              class="memori--privacy-tooltip-content"
+            >
+              <p>
+                 
+                write_and_speak.pagePrivacyExplanationList.allConversations
+              </p>
+              <ul
+                class="memori--privacy-tooltip-content-list"
+              >
+                <li>
+                  write_and_speak.pagePrivacyExplanationList.contentAndIpAddress
+                </li>
+              </ul>
+              <p>
+                write_and_speak.pagePrivacyExplanationList.authorUsesInfo
+              </p>
+              <a
+                href="https://memori.ai/en/privacy-policy"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                privacyPolicy
+              </a>
+            </div>
+          </div>
+          <div
+            class="memori-tooltip--trigger"
+          >
+            <svg
+              aria-hidden="true"
+              class="memori--start-privacy-explanation-icon"
+              fill="none"
+              focusable="false"
+              role="img"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.5"
+              viewBox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <circle
+                cx="12"
+                cy="12"
+                r="10"
+              />
+              <path
+                d="M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3"
+              />
+              <path
+                d="M12 17L12.01 17"
+              />
+            </svg>
+          </div>
+        </div>
+      </div>
       <button
         class="memori-button memori-button--primary memori-button--rounded memori-button--padded memori--start-button"
       >
         write_and_speak.tryMeButton
       </button>
       <div
-        class="memori-tooltip memori-tooltip--align-topLeft memori--completion-provider-status--tooltip"
+        class="memori-tooltip memori-tooltip--align-right memori--completion-provider-status--tooltip"
       >
         <div
           class="memori-tooltip--content"
         >
           <div>
             <p>
-              completionProviderDown
+              completionProviderMajorOutage
             </p>
             <p>
               <a
@@ -430,14 +764,20 @@ exports[`renders StartPanel with completion provider down unchanged 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="memori--completion-provider-status--icon"
-            focusable="false"
-            role="img"
-            viewBox="0 0 1024 1024"
+            class="memori--completion-provider-status--icon memori--completion-provider-status--icon-error"
+            color="currentColor"
+            fill="none"
+            height="800px"
+            viewBox="0 0 24 24"
+            width="800px"
             xmlns="http://www.w3.org/2000/svg"
           >
             <path
-              d="M464 720a48 48 0 1096 0 48 48 0 10-96 0zm16-304v184c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V416c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8zm475.7 440l-416-720c-6.2-10.7-16.9-16-27.7-16s-21.6 5.3-27.7 16l-416 720C56 877.4 71.4 904 96 904h832c24.6 0 40-26.6 27.7-48zm-783.5-27.9L512 239.9l339.8 588.2H172.2z"
+              d="M12 16H12.01M12 8V12M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="2"
             />
           </svg>
         </div>
@@ -538,24 +878,119 @@ exports[`renders StartPanel with completions enabled unchanged 1`] = `
           Lorem ipsum.
         </span>
       </p>
-      <button
-        class="memori-button memori-button--primary memori-button--rounded memori-button--padded memori--start-button"
-      >
-        write_and_speak.tryMeButton
-      </button>
-      <p
-        class="memori--start-description"
+      <div
+        class="memori--start-privacy-explanation-container"
       >
-        write_and_speak.pageTryMeExplanation
-      </p>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`renders StartPanel with deep thought but unlogged unchanged 1`] = `
-<div>
-  <div
+        <p
+          class="memori--start-privacy-explanation"
+        >
+          write_and_speak.pagePrivacyExplanation
+        </p>
+        <div
+          class="memori-tooltip memori-tooltip--align-right"
+        >
+          <div
+            class="memori-tooltip--content"
+          >
+            <div
+              class="memori--privacy-tooltip-content"
+            >
+              <p>
+                 
+                write_and_speak.pagePrivacyExplanationList.allConversations
+              </p>
+              <ul
+                class="memori--privacy-tooltip-content-list"
+              >
+                <li>
+                  write_and_speak.pagePrivacyExplanationList.contentAndIpAddress
+                </li>
+              </ul>
+              <p>
+                write_and_speak.pagePrivacyExplanationList.authorUsesInfo
+              </p>
+              <a
+                href="https://memori.ai/en/privacy-policy"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                privacyPolicy
+              </a>
+            </div>
+          </div>
+          <div
+            class="memori-tooltip--trigger"
+          >
+            <svg
+              aria-hidden="true"
+              class="memori--start-privacy-explanation-icon"
+              fill="none"
+              focusable="false"
+              role="img"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.5"
+              viewBox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <circle
+                cx="12"
+                cy="12"
+                r="10"
+              />
+              <path
+                d="M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3"
+              />
+              <path
+                d="M12 17L12.01 17"
+              />
+            </svg>
+          </div>
+        </div>
+      </div>
+      <button
+        class="memori-button memori-button--primary memori-button--rounded memori-button--padded memori--start-button"
+      >
+        write_and_speak.tryMeButton
+      </button>
+      <div
+        class="memori--completion-provider-status--loading"
+      >
+        <div
+          class="memori-spin memori-spin--spinning"
+        >
+          <div
+            class="memori-spin--spinner"
+          >
+            <svg
+              aria-hidden="true"
+              class="memori-loading-icon"
+              focusable="false"
+              role="img"
+              viewBox="0 0 1024 1024"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
+              />
+            </svg>
+          </div>
+        </div>
+      </div>
+      <p
+        class="memori--start-description"
+      >
+        write_and_speak.pageTryMeExplanation
+      </p>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`renders StartPanel with deep thought but unlogged unchanged 1`] = `
+<div>
+  <div
     class="memori--start-panel"
   >
     <div
@@ -639,11 +1074,106 @@ exports[`renders StartPanel with deep thought but unlogged unchanged 1`] = `
           Lorem ipsum.
         </span>
       </p>
+      <div
+        class="memori--start-privacy-explanation-container"
+      >
+        <p
+          class="memori--start-privacy-explanation"
+        >
+          write_and_speak.pagePrivacyExplanation
+        </p>
+        <div
+          class="memori-tooltip memori-tooltip--align-right"
+        >
+          <div
+            class="memori-tooltip--content"
+          >
+            <div
+              class="memori--privacy-tooltip-content"
+            >
+              <p>
+                 
+                write_and_speak.pagePrivacyExplanationList.allConversations
+              </p>
+              <ul
+                class="memori--privacy-tooltip-content-list"
+              >
+                <li>
+                  write_and_speak.pagePrivacyExplanationList.contentAndIpAddress
+                </li>
+              </ul>
+              <p>
+                write_and_speak.pagePrivacyExplanationList.authorUsesInfo
+              </p>
+              <a
+                href="https://memori.ai/en/privacy-policy"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                privacyPolicy
+              </a>
+            </div>
+          </div>
+          <div
+            class="memori-tooltip--trigger"
+          >
+            <svg
+              aria-hidden="true"
+              class="memori--start-privacy-explanation-icon"
+              fill="none"
+              focusable="false"
+              role="img"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.5"
+              viewBox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <circle
+                cx="12"
+                cy="12"
+                r="10"
+              />
+              <path
+                d="M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3"
+              />
+              <path
+                d="M12 17L12.01 17"
+              />
+            </svg>
+          </div>
+        </div>
+      </div>
       <button
         class="memori-button memori-button--primary memori-button--rounded memori-button--padded memori--start-button"
       >
         write_and_speak.tryMeButton
       </button>
+      <div
+        class="memori--completion-provider-status--loading"
+      >
+        <div
+          class="memori-spin memori-spin--spinning"
+        >
+          <div
+            class="memori-spin--spinner"
+          >
+            <svg
+              aria-hidden="true"
+              class="memori-loading-icon"
+              focusable="false"
+              role="img"
+              viewBox="0 0 1024 1024"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
+              />
+            </svg>
+          </div>
+        </div>
+      </div>
       <p
         class="memori--start-description"
       >
@@ -709,7 +1239,7 @@ exports[`renders StartPanel with deep thought but unlogged unchanged 1`] = `
           <button
             class="memori-button memori-button--outlined memori-button--rounded"
           >
-            Login
+            login.login
           </button>
         </p>
         <p
@@ -809,11 +1339,106 @@ exports[`renders StartPanel with deep thought enabled but without permission fla
           Lorem ipsum.
         </span>
       </p>
+      <div
+        class="memori--start-privacy-explanation-container"
+      >
+        <p
+          class="memori--start-privacy-explanation"
+        >
+          write_and_speak.pagePrivacyExplanation
+        </p>
+        <div
+          class="memori-tooltip memori-tooltip--align-right"
+        >
+          <div
+            class="memori-tooltip--content"
+          >
+            <div
+              class="memori--privacy-tooltip-content"
+            >
+              <p>
+                 
+                write_and_speak.pagePrivacyExplanationList.allConversations
+              </p>
+              <ul
+                class="memori--privacy-tooltip-content-list"
+              >
+                <li>
+                  write_and_speak.pagePrivacyExplanationList.contentAndUsername
+                </li>
+              </ul>
+              <p>
+                write_and_speak.pagePrivacyExplanationList.authorUsesInfo
+              </p>
+              <a
+                href="https://memori.ai/en/privacy-policy"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                privacyPolicy
+              </a>
+            </div>
+          </div>
+          <div
+            class="memori-tooltip--trigger"
+          >
+            <svg
+              aria-hidden="true"
+              class="memori--start-privacy-explanation-icon"
+              fill="none"
+              focusable="false"
+              role="img"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.5"
+              viewBox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <circle
+                cx="12"
+                cy="12"
+                r="10"
+              />
+              <path
+                d="M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3"
+              />
+              <path
+                d="M12 17L12.01 17"
+              />
+            </svg>
+          </div>
+        </div>
+      </div>
       <button
         class="memori-button memori-button--primary memori-button--rounded memori-button--padded memori--start-button"
       >
         write_and_speak.tryMeButton
       </button>
+      <div
+        class="memori--completion-provider-status--loading"
+      >
+        <div
+          class="memori-spin memori-spin--spinning"
+        >
+          <div
+            class="memori-spin--spinner"
+          >
+            <svg
+              aria-hidden="true"
+              class="memori-loading-icon"
+              focusable="false"
+              role="img"
+              viewBox="0 0 1024 1024"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
+              />
+            </svg>
+          </div>
+        </div>
+      </div>
       <p
         class="memori--start-description"
       >
@@ -837,56 +1462,507 @@ exports[`renders StartPanel with deep thought enabled but without permission fla
               aria-hidden="true"
               fill="none"
               focusable="false"
-              height="20"
+              height="20"
+              role="img"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="3"
+              viewBox="0 0 48 48"
+              width="20"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M30.106 48v-2.745a2.213 2.213 0 012.213-2.212h6.11a2.392 2.392 0 002.326-2.466v-3.223a1.834 1.834 0 01.459-1.145 2.912 2.912 0 00.712-1.926l-.007-.667a1.016 1.016 0 01.651-.952h1.067a1.363 1.363 0 001.051-.456 1.304 1.304 0 00.19-1.395 67.032 67.032 0 01-3.037-7.51 4.767 4.767 0 01-.217-1.507l-.002-4.994a14.513 14.513 0 00-.552-3.963l-.006-.022a13.959 13.959 0 00-3.137-5.702q-.479-.516-1.006-1.003a17.67 17.67 0 00-.677-.623A18.303 18.303 0 0024.194 1a19.617 19.617 0 00-12.539 4.489 17.555 17.555 0 00-3.945 21.69C9.945 31.507 11.694 38.622 12.14 46v2"
+                stroke-miterlimit="10"
+              />
+              <path
+                d="M27.917 12L31.417 12"
+              />
+              <path
+                d="M27.917 26L31.417 26"
+              />
+              <path
+                d="M29.667 12L29.667 26"
+              />
+              <path
+                d="M23.992 26L19.904 12 19.226 12 15.159 26"
+              />
+              <path
+                d="M16.854 21.133L22.276 21.133"
+              />
+            </svg>
+          </div>
+        </div>
+        <h2>
+          deepThought
+        </h2>
+        <p>
+          deepThoughtPreDisclaimerNotAllowed
+        </p>
+        <p
+          class="memori--deep-thought-disclaimer-text"
+        >
+          deepThoughtDisclaimer
+        </p>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`renders StartPanel with deep thought enabled unchanged 1`] = `
+<div>
+  <div
+    class="memori--start-panel"
+  >
+    <div
+      class="memori--cover"
+    >
+      <div
+        class="memori--completions-enabled"
+      >
+        <div
+          class="memori-tooltip memori-tooltip--align-left"
+        >
+          <div
+            class="memori-tooltip--content"
+          >
+            completionsEnabled
+          </div>
+          <div
+            class="memori-tooltip--trigger"
+          >
+            <span
+              aria-label="completionsEnabled"
+            >
+              <svg
+                aria-hidden="true"
+                fill="none"
+                focusable="false"
+                role="img"
+                viewBox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <g
+                  clip-rule="evenodd"
+                  fill="currentColor"
+                  fill-rule="evenodd"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M0 4a4 4 0 014-4h16a4 4 0 014 4v16a4 4 0 01-4 4H4a4 4 0 01-4-4zm4-2.4A2.4 2.4 0 001.6 4v16A2.4 2.4 0 004 22.4h16a2.4 2.4 0 002.4-2.4V4A2.4 2.4 0 0020 1.6z"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M9.715 8.442a.798.798 0 00-1.43 0l-3.2 6.4a.799.799 0 101.431.716l.579-1.158h3.811l.578 1.158a.8.8 0 001.431-.716zm.391 4.358L9 10.589 7.894 12.8z"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M17 8c.552 0 1 .358 1 .8v6.4c0 .442-.448.8-1 .8s-1-.358-1-.8V8.8c0-.442.448-.8 1-.8z"
+                    fill-rule="evenodd"
+                  />
+                </g>
+              </svg>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <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>
+    <h2
+      class="memori--title"
+    >
+      Memori
+    </h2>
+    <div
+      class="memori--description"
+    >
+      <p>
+        <span
+          class="memori--description-text"
+        >
+          Lorem ipsum.
+        </span>
+      </p>
+      <div
+        class="memori--start-privacy-explanation-container"
+      >
+        <p
+          class="memori--start-privacy-explanation"
+        >
+          write_and_speak.pagePrivacyExplanation
+        </p>
+        <div
+          class="memori-tooltip memori-tooltip--align-right"
+        >
+          <div
+            class="memori-tooltip--content"
+          >
+            <div
+              class="memori--privacy-tooltip-content"
+            >
+              <p>
+                 
+                write_and_speak.pagePrivacyExplanationList.allConversations
+              </p>
+              <ul
+                class="memori--privacy-tooltip-content-list"
+              >
+                <li>
+                  write_and_speak.pagePrivacyExplanationList.contentAndUsername
+                </li>
+              </ul>
+              <p>
+                write_and_speak.pagePrivacyExplanationList.authorUsesInfo
+              </p>
+              <a
+                href="https://memori.ai/en/privacy-policy"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                privacyPolicy
+              </a>
+            </div>
+          </div>
+          <div
+            class="memori-tooltip--trigger"
+          >
+            <svg
+              aria-hidden="true"
+              class="memori--start-privacy-explanation-icon"
+              fill="none"
+              focusable="false"
+              role="img"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.5"
+              viewBox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <circle
+                cx="12"
+                cy="12"
+                r="10"
+              />
+              <path
+                d="M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3"
+              />
+              <path
+                d="M12 17L12.01 17"
+              />
+            </svg>
+          </div>
+        </div>
+      </div>
+      <button
+        class="memori-button memori-button--primary memori-button--rounded memori-button--padded memori--start-button"
+      >
+        write_and_speak.tryMeButton
+      </button>
+      <div
+        class="memori--completion-provider-status--loading"
+      >
+        <div
+          class="memori-spin memori-spin--spinning"
+        >
+          <div
+            class="memori-spin--spinner"
+          >
+            <svg
+              aria-hidden="true"
+              class="memori-loading-icon"
+              focusable="false"
+              role="img"
+              viewBox="0 0 1024 1024"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
+              />
+            </svg>
+          </div>
+        </div>
+      </div>
+      <p
+        class="memori--start-description"
+      >
+        write_and_speak.pageTryMeExplanation
+      </p>
+      <div
+        class="memori--deep-thought-disclaimer"
+      >
+        <div
+          class="memori-tooltip memori-tooltip--align-left"
+        >
+          <div
+            class="memori-tooltip--content"
+          >
+            deepThoughtHelper
+          </div>
+          <div
+            class="memori-tooltip--trigger"
+          >
+            <svg
+              aria-hidden="true"
+              fill="none"
+              focusable="false"
+              height="20"
+              role="img"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="3"
+              viewBox="0 0 48 48"
+              width="20"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M30.106 48v-2.745a2.213 2.213 0 012.213-2.212h6.11a2.392 2.392 0 002.326-2.466v-3.223a1.834 1.834 0 01.459-1.145 2.912 2.912 0 00.712-1.926l-.007-.667a1.016 1.016 0 01.651-.952h1.067a1.363 1.363 0 001.051-.456 1.304 1.304 0 00.19-1.395 67.032 67.032 0 01-3.037-7.51 4.767 4.767 0 01-.217-1.507l-.002-4.994a14.513 14.513 0 00-.552-3.963l-.006-.022a13.959 13.959 0 00-3.137-5.702q-.479-.516-1.006-1.003a17.67 17.67 0 00-.677-.623A18.303 18.303 0 0024.194 1a19.617 19.617 0 00-12.539 4.489 17.555 17.555 0 00-3.945 21.69C9.945 31.507 11.694 38.622 12.14 46v2"
+                stroke-miterlimit="10"
+              />
+              <path
+                d="M27.917 12L31.417 12"
+              />
+              <path
+                d="M27.917 26L31.417 26"
+              />
+              <path
+                d="M29.667 12L29.667 26"
+              />
+              <path
+                d="M23.992 26L19.904 12 19.226 12 15.159 26"
+              />
+              <path
+                d="M16.854 21.133L22.276 21.133"
+              />
+            </svg>
+          </div>
+        </div>
+        <h2>
+          deepThoughtDisclaimerTitle
+        </h2>
+        <p
+          class="memori--deep-thought-disclaimer-text"
+        >
+          deepThoughtDisclaimer
+        </p>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`renders StartPanel with existing sessionunchanged 1`] = `
+<div>
+  <div
+    class="memori--start-panel"
+  >
+    <div
+      class="memori--cover"
+    >
+      <div
+        class="memori--completions-enabled"
+      >
+        <div
+          class="memori-tooltip memori-tooltip--align-left"
+        >
+          <div
+            class="memori-tooltip--content"
+          >
+            completionsEnabled
+          </div>
+          <div
+            class="memori-tooltip--trigger"
+          >
+            <span
+              aria-label="completionsEnabled"
+            >
+              <svg
+                aria-hidden="true"
+                fill="none"
+                focusable="false"
+                role="img"
+                viewBox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <g
+                  clip-rule="evenodd"
+                  fill="currentColor"
+                  fill-rule="evenodd"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M0 4a4 4 0 014-4h16a4 4 0 014 4v16a4 4 0 01-4 4H4a4 4 0 01-4-4zm4-2.4A2.4 2.4 0 001.6 4v16A2.4 2.4 0 004 22.4h16a2.4 2.4 0 002.4-2.4V4A2.4 2.4 0 0020 1.6z"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M9.715 8.442a.798.798 0 00-1.43 0l-3.2 6.4a.799.799 0 101.431.716l.579-1.158h3.811l.578 1.158a.8.8 0 001.431-.716zm.391 4.358L9 10.589 7.894 12.8z"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M17 8c.552 0 1 .358 1 .8v6.4c0 .442-.448.8-1 .8s-1-.358-1-.8V8.8c0-.442.448-.8 1-.8z"
+                    fill-rule="evenodd"
+                  />
+                </g>
+              </svg>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <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>
+    <h2
+      class="memori--title"
+    >
+      Memori
+    </h2>
+    <div
+      class="memori--description"
+    >
+      <p>
+        <span
+          class="memori--description-text"
+        >
+          Lorem ipsum.
+        </span>
+      </p>
+      <div
+        class="memori--start-privacy-explanation-container"
+      >
+        <p
+          class="memori--start-privacy-explanation"
+        >
+          write_and_speak.pagePrivacyExplanation
+        </p>
+        <div
+          class="memori-tooltip memori-tooltip--align-right"
+        >
+          <div
+            class="memori-tooltip--content"
+          >
+            <div
+              class="memori--privacy-tooltip-content"
+            >
+              <p>
+                 
+                write_and_speak.pagePrivacyExplanationList.allConversations
+              </p>
+              <ul
+                class="memori--privacy-tooltip-content-list"
+              >
+                <li>
+                  write_and_speak.pagePrivacyExplanationList.contentAndIpAddress
+                </li>
+              </ul>
+              <p>
+                write_and_speak.pagePrivacyExplanationList.authorUsesInfo
+              </p>
+              <a
+                href="https://memori.ai/en/privacy-policy"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                privacyPolicy
+              </a>
+            </div>
+          </div>
+          <div
+            class="memori-tooltip--trigger"
+          >
+            <svg
+              aria-hidden="true"
+              class="memori--start-privacy-explanation-icon"
+              fill="none"
+              focusable="false"
               role="img"
               stroke="currentColor"
               stroke-linecap="round"
               stroke-linejoin="round"
-              stroke-width="3"
-              viewBox="0 0 48 48"
-              width="20"
+              stroke-width="1.5"
+              viewBox="0 0 24 24"
               xmlns="http://www.w3.org/2000/svg"
             >
-              <path
-                d="M30.106 48v-2.745a2.213 2.213 0 012.213-2.212h6.11a2.392 2.392 0 002.326-2.466v-3.223a1.834 1.834 0 01.459-1.145 2.912 2.912 0 00.712-1.926l-.007-.667a1.016 1.016 0 01.651-.952h1.067a1.363 1.363 0 001.051-.456 1.304 1.304 0 00.19-1.395 67.032 67.032 0 01-3.037-7.51 4.767 4.767 0 01-.217-1.507l-.002-4.994a14.513 14.513 0 00-.552-3.963l-.006-.022a13.959 13.959 0 00-3.137-5.702q-.479-.516-1.006-1.003a17.67 17.67 0 00-.677-.623A18.303 18.303 0 0024.194 1a19.617 19.617 0 00-12.539 4.489 17.555 17.555 0 00-3.945 21.69C9.945 31.507 11.694 38.622 12.14 46v2"
-                stroke-miterlimit="10"
-              />
-              <path
-                d="M27.917 12L31.417 12"
-              />
-              <path
-                d="M27.917 26L31.417 26"
+              <circle
+                cx="12"
+                cy="12"
+                r="10"
               />
               <path
-                d="M29.667 12L29.667 26"
+                d="M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3"
               />
               <path
-                d="M23.992 26L19.904 12 19.226 12 15.159 26"
+                d="M12 17L12.01 17"
               />
+            </svg>
+          </div>
+        </div>
+      </div>
+      <button
+        class="memori-button memori-button--primary memori-button--rounded memori-button--padded memori--start-button"
+      >
+        write_and_speak.resumeButton
+      </button>
+      <div
+        class="memori--completion-provider-status--loading"
+      >
+        <div
+          class="memori-spin memori-spin--spinning"
+        >
+          <div
+            class="memori-spin--spinner"
+          >
+            <svg
+              aria-hidden="true"
+              class="memori-loading-icon"
+              focusable="false"
+              role="img"
+              viewBox="0 0 1024 1024"
+              xmlns="http://www.w3.org/2000/svg"
+            >
               <path
-                d="M16.854 21.133L22.276 21.133"
+                d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
               />
             </svg>
           </div>
         </div>
-        <h2>
-          deepThought
-        </h2>
-        <p>
-          deepThoughtPreDisclaimerNotAllowed
-        </p>
-        <p
-          class="memori--deep-thought-disclaimer-text"
-        >
-          deepThoughtDisclaimer
-        </p>
       </div>
+      <p
+        class="memori--start-description"
+      >
+        write_and_speak.pageTryMeExplanation
+      </p>
     </div>
   </div>
 </div>
 `;
 
-exports[`renders StartPanel with deep thought enabled unchanged 1`] = `
+exports[`renders StartPanel with integrationConfig unchanged 1`] = `
 <div>
   <div
     class="memori--start-panel"
@@ -972,81 +2048,117 @@ exports[`renders StartPanel with deep thought enabled unchanged 1`] = `
           Lorem ipsum.
         </span>
       </p>
-      <button
-        class="memori-button memori-button--primary memori-button--rounded memori-button--padded memori--start-button"
-      >
-        write_and_speak.tryMeButton
-      </button>
-      <p
-        class="memori--start-description"
-      >
-        write_and_speak.pageTryMeExplanation
-      </p>
       <div
-        class="memori--deep-thought-disclaimer"
+        class="memori--start-privacy-explanation-container"
       >
+        <p
+          class="memori--start-privacy-explanation"
+        >
+          write_and_speak.pagePrivacyExplanation
+        </p>
         <div
-          class="memori-tooltip memori-tooltip--align-left"
+          class="memori-tooltip memori-tooltip--align-right"
         >
           <div
             class="memori-tooltip--content"
           >
-            deepThoughtHelper
+            <div
+              class="memori--privacy-tooltip-content"
+            >
+              <p>
+                 
+                write_and_speak.pagePrivacyExplanationList.allConversations
+              </p>
+              <ul
+                class="memori--privacy-tooltip-content-list"
+              >
+                <li>
+                  write_and_speak.pagePrivacyExplanationList.contentAndIpAddress
+                </li>
+              </ul>
+              <p>
+                write_and_speak.pagePrivacyExplanationList.authorUsesInfo
+              </p>
+              <a
+                href="https://memori.ai/en/privacy-policy"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                privacyPolicy
+              </a>
+            </div>
           </div>
           <div
             class="memori-tooltip--trigger"
           >
             <svg
               aria-hidden="true"
+              class="memori--start-privacy-explanation-icon"
               fill="none"
               focusable="false"
-              height="20"
               role="img"
               stroke="currentColor"
               stroke-linecap="round"
               stroke-linejoin="round"
-              stroke-width="3"
-              viewBox="0 0 48 48"
-              width="20"
+              stroke-width="1.5"
+              viewBox="0 0 24 24"
               xmlns="http://www.w3.org/2000/svg"
             >
-              <path
-                d="M30.106 48v-2.745a2.213 2.213 0 012.213-2.212h6.11a2.392 2.392 0 002.326-2.466v-3.223a1.834 1.834 0 01.459-1.145 2.912 2.912 0 00.712-1.926l-.007-.667a1.016 1.016 0 01.651-.952h1.067a1.363 1.363 0 001.051-.456 1.304 1.304 0 00.19-1.395 67.032 67.032 0 01-3.037-7.51 4.767 4.767 0 01-.217-1.507l-.002-4.994a14.513 14.513 0 00-.552-3.963l-.006-.022a13.959 13.959 0 00-3.137-5.702q-.479-.516-1.006-1.003a17.67 17.67 0 00-.677-.623A18.303 18.303 0 0024.194 1a19.617 19.617 0 00-12.539 4.489 17.555 17.555 0 00-3.945 21.69C9.945 31.507 11.694 38.622 12.14 46v2"
-                stroke-miterlimit="10"
-              />
-              <path
-                d="M27.917 12L31.417 12"
+              <circle
+                cx="12"
+                cy="12"
+                r="10"
               />
               <path
-                d="M27.917 26L31.417 26"
-              />
-              <path
-                d="M29.667 12L29.667 26"
+                d="M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3"
               />
               <path
-                d="M23.992 26L19.904 12 19.226 12 15.159 26"
+                d="M12 17L12.01 17"
               />
+            </svg>
+          </div>
+        </div>
+      </div>
+      <button
+        class="memori-button memori-button--primary memori-button--rounded memori-button--padded memori--start-button"
+      >
+        write_and_speak.tryMeButton
+      </button>
+      <div
+        class="memori--completion-provider-status--loading"
+      >
+        <div
+          class="memori-spin memori-spin--spinning"
+        >
+          <div
+            class="memori-spin--spinner"
+          >
+            <svg
+              aria-hidden="true"
+              class="memori-loading-icon"
+              focusable="false"
+              role="img"
+              viewBox="0 0 1024 1024"
+              xmlns="http://www.w3.org/2000/svg"
+            >
               <path
-                d="M16.854 21.133L22.276 21.133"
+                d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
               />
             </svg>
           </div>
         </div>
-        <h2>
-          deepThoughtDisclaimerTitle
-        </h2>
-        <p
-          class="memori--deep-thought-disclaimer-text"
-        >
-          deepThoughtDisclaimer
-        </p>
       </div>
+      <p
+        class="memori--start-description"
+      >
+        write_and_speak.pageTryMeExplanation
+      </p>
     </div>
   </div>
 </div>
 `;
 
-exports[`renders StartPanel with gamification level unchanged 1`] = `
+exports[`renders StartPanel with login required unchanged 1`] = `
 <div>
   <div
     class="memori--start-panel"
@@ -1054,28 +2166,6 @@ exports[`renders StartPanel with gamification level unchanged 1`] = `
     <div
       class="memori--cover"
     >
-      <div
-        class="memori--gamification-badge"
-      >
-        <div
-          class="memori-tooltip memori-tooltip--align-left"
-        >
-          <div
-            class="memori-tooltip--content"
-          >
-            gamification.level 🌍, 61 gamification.points
-          </div>
-          <div
-            class="memori-tooltip--trigger"
-          >
-            <span
-              aria-label="gamification.level 🌍, 61 gamification.points"
-            >
-              🌍
-            </span>
-          </div>
-        </div>
-      </div>
       <div
         class="memori--completions-enabled"
       >
@@ -1145,31 +2235,37 @@ exports[`renders StartPanel with gamification level unchanged 1`] = `
       Memori
     </h2>
     <div
-      class="memori--description"
+      class="memori--needsLogin"
     >
       <p>
-        <span
-          class="memori--description-text"
-        >
-          Lorem ipsum.
-        </span>
+        write_and_speak.requirePositionHelp
       </p>
       <button
-        class="memori-button memori-button--primary memori-button--rounded memori-button--padded memori--start-button"
+        class="memori-button memori-button--primary memori-button--rounded memori-button--padded memori-button--with-icon memori--start-button"
       >
-        write_and_speak.tryMeButton
+        <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="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"
+            />
+          </svg>
+        </span>
+        login.login
       </button>
-      <p
-        class="memori--start-description"
-      >
-        write_and_speak.pageTryMeExplanation
-      </p>
     </div>
   </div>
 </div>
 `;
 
-exports[`renders StartPanel with integrationConfig unchanged 1`] = `
+exports[`renders StartPanel with multilangual unchanged 1`] = `
 <div>
   <div
     class="memori--start-panel"
@@ -1355,11 +2451,106 @@ exports[`renders StartPanel with integrationConfig unchanged 1`] = `
           </option>
         </select>
       </div>
+      <div
+        class="memori--start-privacy-explanation-container"
+      >
+        <p
+          class="memori--start-privacy-explanation"
+        >
+          write_and_speak.pagePrivacyExplanation
+        </p>
+        <div
+          class="memori-tooltip memori-tooltip--align-right"
+        >
+          <div
+            class="memori-tooltip--content"
+          >
+            <div
+              class="memori--privacy-tooltip-content"
+            >
+              <p>
+                 
+                write_and_speak.pagePrivacyExplanationList.allConversations
+              </p>
+              <ul
+                class="memori--privacy-tooltip-content-list"
+              >
+                <li>
+                  write_and_speak.pagePrivacyExplanationList.contentAndIpAddress
+                </li>
+              </ul>
+              <p>
+                write_and_speak.pagePrivacyExplanationList.authorUsesInfo
+              </p>
+              <a
+                href="https://memori.ai/en/privacy-policy"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                privacyPolicy
+              </a>
+            </div>
+          </div>
+          <div
+            class="memori-tooltip--trigger"
+          >
+            <svg
+              aria-hidden="true"
+              class="memori--start-privacy-explanation-icon"
+              fill="none"
+              focusable="false"
+              role="img"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.5"
+              viewBox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <circle
+                cx="12"
+                cy="12"
+                r="10"
+              />
+              <path
+                d="M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3"
+              />
+              <path
+                d="M12 17L12.01 17"
+              />
+            </svg>
+          </div>
+        </div>
+      </div>
       <button
         class="memori-button memori-button--primary memori-button--rounded memori-button--padded memori--start-button"
       >
         write_and_speak.tryMeButton
       </button>
+      <div
+        class="memori--completion-provider-status--loading"
+      >
+        <div
+          class="memori-spin memori-spin--spinning"
+        >
+          <div
+            class="memori-spin--spinner"
+          >
+            <svg
+              aria-hidden="true"
+              class="memori-loading-icon"
+              focusable="false"
+              role="img"
+              viewBox="0 0 1024 1024"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
+              />
+            </svg>
+          </div>
+        </div>
+      </div>
       <p
         class="memori--start-description"
       >
@@ -1378,28 +2569,6 @@ exports[`renders StartPanel with position required unchanged 1`] = `
     <div
       class="memori--cover"
     >
-      <div
-        class="memori--gamification-badge"
-      >
-        <div
-          class="memori-tooltip memori-tooltip--align-left"
-        >
-          <div
-            class="memori-tooltip--content"
-          >
-            gamification.level 🌍, 61 gamification.points
-          </div>
-          <div
-            class="memori-tooltip--trigger"
-          >
-            <span
-              aria-label="gamification.level 🌍, 61 gamification.points"
-            >
-              🌍
-            </span>
-          </div>
-        </div>
-      </div>
       <div
         class="memori--completions-enabled"
       >