From c7e1f59c47f9df85462b8636ad2d7c7d45e6aeb1 Mon Sep 17 00:00:00 2001
From: mortalYoung <yangwei1@outlook.com>
Date: Fri, 18 Apr 2025 14:57:36 +0800
Subject: [PATCH] test(chat): update tests for chat

---
 .../__snapshots__/content.test.tsx.snap       |   44 +-
 .../__snapshots__/icon.test.tsx.snap          |  167 +-
 .../__snapshots__/input.test.tsx.snap         |   72 +-
 .../__snapshots__/markdown.test.tsx.snap      |    6 +
 .../__snapshots__/message.test.tsx.snap       | 1497 ++++++++++++++++-
 .../__snapshots__/welcome.test.tsx.snap       |  345 ++++
 src/chat/__tests__/content.test.tsx           |    9 +-
 src/chat/__tests__/icon.test.tsx              |   13 +-
 src/chat/__tests__/input.test.tsx             |   13 +
 src/chat/__tests__/markdown.test.tsx          |    8 +-
 src/chat/__tests__/welcome.test.tsx           |   49 +
 11 files changed, 2007 insertions(+), 216 deletions(-)
 create mode 100644 src/chat/__tests__/__snapshots__/welcome.test.tsx.snap
 create mode 100644 src/chat/__tests__/welcome.test.tsx

diff --git a/src/chat/__tests__/__snapshots__/content.test.tsx.snap b/src/chat/__tests__/__snapshots__/content.test.tsx.snap
index 292a87573..b3806e773 100644
--- a/src/chat/__tests__/__snapshots__/content.test.tsx.snap
+++ b/src/chat/__tests__/__snapshots__/content.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`Test Chat Content Match snapshot: normal 1`] = `
 <DocumentFragment>
   <div
-    class="dtc__aigc__content__container dtc__aigc__content__container--valid"
+    class="dtc__aigc__content__container"
   >
     <div
       class="dtc__aigc__content__inner__holder"
@@ -48,48 +48,6 @@ exports[`Test Chat Content Match snapshot: placeholder 1`] = `
     <div>
       placeholder
     </div>
-    <span
-      class="dtc__icon"
-      style="font-size: 200px; position: absolute; right: 0px; bottom: -100px;"
-    >
-      <svg
-        fill="none"
-        height="1em"
-        viewBox="0 0 268 265"
-        width="1em"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          clip-rule="evenodd"
-          d="M210.656 14.094c0-7.266-5.89-13.156-13.156-13.156-7.266 0-13.156 5.89-13.156 13.156V27.25h-72.36c-14.532 0-26.312 11.78-26.312 26.313V237.75c0 14.532 11.78 26.313 26.312 26.313h171.032c14.532 0 26.312-11.781 26.312-26.313V53.562c0-14.531-11.78-26.312-26.312-26.312h-72.36V14.094zm72.36 39.468H111.984V237.75h171.032V53.562zm-111.828 85.516c0 10.899-8.836 19.735-19.735 19.735s-19.734-8.836-19.734-19.735 8.835-19.734 19.734-19.734c10.899 0 19.735 8.835 19.735 19.734zm-105.25-32.89c0-7.267-5.89-13.157-13.157-13.157-7.266 0-13.156 5.89-13.156 13.157v78.937c0 7.266 5.89 13.156 13.156 13.156 7.266 0 13.157-5.89 13.157-13.156v-78.937zm-52.626 13.156c7.266 0 13.157 5.89 13.157 13.156v26.313c0 7.266-5.89 13.156-13.157 13.156-7.265 0-13.156-5.89-13.156-13.156V132.5c0-7.266 5.89-13.156 13.156-13.156zM394.844 132.5c0-7.266-5.89-13.156-13.156-13.156-7.266 0-13.157 5.89-13.157 13.156v26.313c0 7.266 5.891 13.156 13.157 13.156s13.156-5.89 13.156-13.156V132.5zm-52.625-39.469c7.266 0 13.156 5.89 13.156 13.157v78.937c0 7.266-5.89 13.156-13.156 13.156-7.266 0-13.156-5.89-13.156-13.156v-78.937c0-7.267 5.89-13.157 13.156-13.157zm-98.672 65.782c10.899 0 19.734-8.836 19.734-19.735s-8.835-19.734-19.734-19.734c-10.899 0-19.734 8.835-19.734 19.734 0 10.899 8.835 19.735 19.734 19.735z"
-          fill="url(#paint0_linear_1290_3143)"
-          fill-opacity="0.03"
-          fill-rule="evenodd"
-        />
-        <defs>
-          <lineargradient
-            gradientUnits="userSpaceOnUse"
-            id="paint0_linear_1290_3143"
-            x1="0.156"
-            x2="415.745"
-            y1="0.938"
-            y2="225.356"
-          >
-            <stop
-              stop-color="#00BAC6"
-            />
-            <stop
-              offset="0.5"
-              stop-color="#0067FF"
-            />
-            <stop
-              offset="1"
-              stop-color="#450FDE"
-            />
-          </lineargradient>
-        </defs>
-      </svg>
-    </span>
   </div>
 </DocumentFragment>
 `;
diff --git a/src/chat/__tests__/__snapshots__/icon.test.tsx.snap b/src/chat/__tests__/__snapshots__/icon.test.tsx.snap
index ee756b444..26dc9abfb 100644
--- a/src/chat/__tests__/__snapshots__/icon.test.tsx.snap
+++ b/src/chat/__tests__/__snapshots__/icon.test.tsx.snap
@@ -1,50 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Test Chat Icon Match Snapshots: AssistantAvatarIcon 1`] = `
-<DocumentFragment>
-  <span
-    class="dtc__icon"
-  >
-    <svg
-      fill="none"
-      height="1em"
-      viewBox="0 0 16 16"
-      width="1em"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        clip-rule="evenodd"
-        d="M13.2249 2.24668C12.5545 1.83267 11.6454 1.84694 10.6692 2.13558C10.482 1.96208 10.2315 1.85602 9.95613 1.85602C9.37667 1.85602 8.90692 2.32577 8.90692 2.90523C8.90692 3.48469 9.37667 3.95444 9.95613 3.95444C10.475 3.95444 10.9058 3.57787 10.9903 3.08314C11.8066 2.84774 12.3783 2.89916 12.6994 3.09749C13.0386 3.307 13.2721 3.81542 13.0387 4.82216C12.8098 5.80962 12.1687 7.04337 11.19 8.30528C10.2872 9.46932 9.1701 10.563 8.00924 11.4242C7.85403 11.309 7.69829 11.1888 7.54246 11.0635C6.45332 10.1883 5.44006 9.13558 4.63395 8.04889C5.08983 7.43435 5.61835 6.82198 6.2003 6.24003C6.39556 6.04477 6.39556 5.72819 6.2003 5.53293C6.00504 5.33766 5.68846 5.33766 5.49319 5.53293C4.96591 6.06021 4.47627 6.61494 4.03849 7.17937C3.33769 6.06253 2.95286 5.05034 2.89459 4.28651C2.86262 3.86738 2.9324 3.5722 3.04732 3.37607C3.15616 3.19032 3.3283 3.05298 3.5965 2.98067C4.17696 2.82416 5.14096 2.99647 6.36827 3.63487C7.57146 4.26073 8.8626 5.24974 10.0126 6.43768C10.2047 6.63609 10.5212 6.64122 10.7196 6.44915C10.918 6.25708 10.9232 5.94054 10.7311 5.74214C9.52047 4.49158 8.14491 3.43182 6.82973 2.74771C5.53869 2.07616 4.28848 1.75838 3.33617 2.01515C2.83799 2.14947 2.43782 2.43823 2.18452 2.87052C1.9373 3.29243 1.85513 3.80725 1.89749 4.36257C1.97977 5.44118 2.53563 6.74106 3.41055 8.04888C3.09627 8.51867 2.82218 8.98889 2.59626 9.44961C1.96985 10.727 1.6998 11.9623 2.02581 12.8839C2.197 13.3679 2.52392 13.7358 2.97831 13.9516C3.42032 14.1615 3.94762 14.2116 4.513 14.1415C5.55132 14.0129 6.77601 13.4726 8.00924 12.6476C8.97593 13.2942 9.9375 13.7661 10.8079 14.0017C11.9796 14.3189 13.0998 14.2252 13.7179 13.4017C14.2314 12.7178 14.2295 11.7357 13.9168 10.6895C14.0549 10.5119 14.1371 10.2887 14.1371 10.0463C14.1371 9.46682 13.6673 8.99707 13.0878 8.99707C12.5084 8.99707 12.0386 9.46682 12.0386 10.0463C12.0386 10.5935 12.4576 11.0429 12.9922 11.0912C13.2261 11.9404 13.141 12.5046 12.9182 12.8014C12.6798 13.119 12.1181 13.3204 11.0692 13.0365C10.4136 12.859 9.66391 12.5122 8.87876 12.0196C10.0149 11.1384 11.0939 10.0608 11.9802 8.91814C13.009 7.59159 13.7396 6.22667 14.0129 5.04802C14.2817 3.88865 14.1168 2.79755 13.2249 2.24668ZM3.49412 9.88989C3.64988 9.57224 3.83234 9.24694 4.03848 8.91841C4.86023 9.97789 5.85456 10.99 6.91605 11.843C6.99046 11.9028 7.06503 11.9617 7.13973 12.0196C6.09871 12.6728 5.14128 13.0561 4.39004 13.1491C3.94819 13.2039 3.62654 13.1524 3.4073 13.0483C3.20043 12.95 3.05381 12.7914 2.96856 12.5504C2.7817 12.0222 2.89898 11.1035 3.49412 9.88989ZM7.18854 7.99999C7.18854 7.5518 7.55186 7.18848 8.00005 7.18848C8.44824 7.18848 8.81157 7.5518 8.81157 7.99999C8.81157 8.44818 8.44824 8.81151 8.00005 8.81151C7.55186 8.81151 7.18854 8.44818 7.18854 7.99999ZM8.00005 6.18848C6.99958 6.18848 6.18854 6.99952 6.18854 7.99999C6.18854 9.00046 6.99958 9.81151 8.00005 9.81151C9.00052 9.81151 9.81157 9.00046 9.81157 7.99999C9.81157 6.99952 9.00052 6.18848 8.00005 6.18848Z"
-        fill="url(#paint0_linear_5380_77452)"
-        fill-rule="evenodd"
-      />
-      <defs>
-        <lineargradient
-          gradientUnits="userSpaceOnUse"
-          id="paint0_linear_5380_77452"
-          x1="1.88672"
-          x2="16.6535"
-          y1="1.85602"
-          y2="7.14405"
-        >
-          <stop
-            stop-color="#00BAC6"
-          />
-          <stop
-            offset="0.5"
-            stop-color="#0067FF"
-          />
-          <stop
-            offset="1"
-            stop-color="#450FDE"
-          />
-        </lineargradient>
-      </defs>
-    </svg>
-  </span>
-</DocumentFragment>
-`;
-
 exports[`Test Chat Icon Match Snapshots: CopyIcon 1`] = `
 <DocumentFragment>
   <span
@@ -199,7 +154,7 @@ exports[`Test Chat Icon Match Snapshots: ReloadIcon 1`] = `
 </DocumentFragment>
 `;
 
-exports[`Test Chat Icon Match Snapshots: RobotIcon 1`] = `
+exports[`Test Chat Icon Match Snapshots: SendIcon 1`] = `
 <DocumentFragment>
   <span
     class="dtc__icon"
@@ -207,25 +162,24 @@ exports[`Test Chat Icon Match Snapshots: RobotIcon 1`] = `
     <svg
       fill="none"
       height="1em"
-      viewBox="0 0 268 265"
+      viewBox="0 0 24 24"
       width="1em"
       xmlns="http://www.w3.org/2000/svg"
     >
       <path
         clip-rule="evenodd"
-        d="M210.656 14.094c0-7.266-5.89-13.156-13.156-13.156-7.266 0-13.156 5.89-13.156 13.156V27.25h-72.36c-14.532 0-26.312 11.78-26.312 26.313V237.75c0 14.532 11.78 26.313 26.312 26.313h171.032c14.532 0 26.312-11.781 26.312-26.313V53.562c0-14.531-11.78-26.312-26.312-26.312h-72.36V14.094zm72.36 39.468H111.984V237.75h171.032V53.562zm-111.828 85.516c0 10.899-8.836 19.735-19.735 19.735s-19.734-8.836-19.734-19.735 8.835-19.734 19.734-19.734c10.899 0 19.735 8.835 19.735 19.734zm-105.25-32.89c0-7.267-5.89-13.157-13.157-13.157-7.266 0-13.156 5.89-13.156 13.157v78.937c0 7.266 5.89 13.156 13.156 13.156 7.266 0 13.157-5.89 13.157-13.156v-78.937zm-52.626 13.156c7.266 0 13.157 5.89 13.157 13.156v26.313c0 7.266-5.89 13.156-13.157 13.156-7.265 0-13.156-5.89-13.156-13.156V132.5c0-7.266 5.89-13.156 13.156-13.156zM394.844 132.5c0-7.266-5.89-13.156-13.156-13.156-7.266 0-13.157 5.89-13.157 13.156v26.313c0 7.266 5.891 13.156 13.157 13.156s13.156-5.89 13.156-13.156V132.5zm-52.625-39.469c7.266 0 13.156 5.89 13.156 13.157v78.937c0 7.266-5.89 13.156-13.156 13.156-7.266 0-13.156-5.89-13.156-13.156v-78.937c0-7.267 5.89-13.157 13.156-13.157zm-98.672 65.782c10.899 0 19.734-8.836 19.734-19.735s-8.835-19.734-19.734-19.734c-10.899 0-19.734 8.835-19.734 19.734 0 10.899 8.835 19.735 19.734 19.735z"
-        fill="url(#paint0_linear_1290_3143)"
-        fill-opacity="0.03"
+        d="M17.999 3.858 3.35 9.204a1.66 1.66 0 0 0-1.095 1.458 1.66 1.66 0 0 0 .862 1.602l4.454 2.44c.27.143.593.098.808-.118l.737-.72 4.508-4.428a.677.677 0 0 1 .952.018c.26.261.26.693-.009.954l-4.562 4.473-.61.603a.68.68 0 0 0-.118.828l2.64 4.626c.315.513.845.81 1.429.81.063 0 .117 0 .18-.009a1.68 1.68 0 0 0 1.41-1.107L20.153 6a1.69 1.69 0 0 0-.404-1.764 1.64 1.64 0 0 0-1.751-.378"
+        fill="currentColor"
         fill-rule="evenodd"
       />
       <defs>
         <lineargradient
           gradientUnits="userSpaceOnUse"
-          id="paint0_linear_1290_3143"
-          x1="0.156"
-          x2="415.745"
-          y1="0.938"
-          y2="225.356"
+          id="paint0_linear_3878_6538"
+          x1="2.25"
+          x2="23.921"
+          y1="3.75"
+          y2="11.552"
         >
           <stop
             stop-color="#00BAC6"
@@ -240,31 +194,28 @@ exports[`Test Chat Icon Match Snapshots: RobotIcon 1`] = `
           />
         </lineargradient>
       </defs>
-    </svg>
-  </span>
-</DocumentFragment>
-`;
-
-exports[`Test Chat Icon Match Snapshots: SendIcon 1`] = `
-<DocumentFragment>
-  <span
-    class="dtc__icon"
-  >
-    <svg
-      fill="none"
-      height="1em"
-      viewBox="0 0 16 16"
-      width="1em"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M13.07 1.662a.547.547 0 11.86.676l-6.884 8.765v3.147a.547.547 0 01-.507.545l-.04.002a.547.547 0 01-.546-.547v-3.336c0-.123.041-.241.117-.338l7-8.914z"
-        fill="currentColor"
-      />
-      <path
-        d="M13.488 1.271a.547.547 0 01.804.548L12.81 13.57a.547.547 0 01-.799.415l-3.81-2.027a.547.547 0 11.513-.965l3.11 1.654 1.25-9.902-9.92 5.425 2.169 1.149c.255.135.36.442.245.702l-.018.037a.547.547 0 01-.739.227L1.744 8.661a.547.547 0 01-.006-.963l11.75-6.427z"
-        fill="currentColor"
-      />
+      <defs>
+        <lineargradient
+          gradientUnits="userSpaceOnUse"
+          id="paint0_linear_3878_6538_hover"
+          x1="2.25"
+          x2="23.921"
+          y1="3.75"
+          y2="11.552"
+        >
+          <stop
+            stop-color="#08C4FF"
+          />
+          <stop
+            offset="0.5"
+            stop-color="#4892FF"
+          />
+          <stop
+            offset="1"
+            stop-color="#8A61FF"
+          />
+        </lineargradient>
+      </defs>
     </svg>
   </span>
 </DocumentFragment>
@@ -278,18 +229,60 @@ exports[`Test Chat Icon Match Snapshots: SendIcon with gradient 1`] = `
     <svg
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
       xmlns="http://www.w3.org/2000/svg"
     >
       <path
-        d="M13.07 1.662a.547.547 0 11.86.676l-6.884 8.765v3.147a.547.547 0 01-.507.545l-.04.002a.547.547 0 01-.546-.547v-3.336c0-.123.041-.241.117-.338l7-8.914z"
-        fill="url(#secondary_linear_gradient)"
-      />
-      <path
-        d="M13.488 1.271a.547.547 0 01.804.548L12.81 13.57a.547.547 0 01-.799.415l-3.81-2.027a.547.547 0 11.513-.965l3.11 1.654 1.25-9.902-9.92 5.425 2.169 1.149c.255.135.36.442.245.702l-.018.037a.547.547 0 01-.739.227L1.744 8.661a.547.547 0 01-.006-.963l11.75-6.427z"
-        fill="url(#secondary_linear_gradient)"
+        clip-rule="evenodd"
+        d="M17.999 3.858 3.35 9.204a1.66 1.66 0 0 0-1.095 1.458 1.66 1.66 0 0 0 .862 1.602l4.454 2.44c.27.143.593.098.808-.118l.737-.72 4.508-4.428a.677.677 0 0 1 .952.018c.26.261.26.693-.009.954l-4.562 4.473-.61.603a.68.68 0 0 0-.118.828l2.64 4.626c.315.513.845.81 1.429.81.063 0 .117 0 .18-.009a1.68 1.68 0 0 0 1.41-1.107L20.153 6a1.69 1.69 0 0 0-.404-1.764 1.64 1.64 0 0 0-1.751-.378"
+        fill="url(#paint0_linear_3878_6538)"
+        fill-rule="evenodd"
       />
+      <defs>
+        <lineargradient
+          gradientUnits="userSpaceOnUse"
+          id="paint0_linear_3878_6538"
+          x1="2.25"
+          x2="23.921"
+          y1="3.75"
+          y2="11.552"
+        >
+          <stop
+            stop-color="#00BAC6"
+          />
+          <stop
+            offset="0.5"
+            stop-color="#0067FF"
+          />
+          <stop
+            offset="1"
+            stop-color="#450FDE"
+          />
+        </lineargradient>
+      </defs>
+      <defs>
+        <lineargradient
+          gradientUnits="userSpaceOnUse"
+          id="paint0_linear_3878_6538_hover"
+          x1="2.25"
+          x2="23.921"
+          y1="3.75"
+          y2="11.552"
+        >
+          <stop
+            stop-color="#08C4FF"
+          />
+          <stop
+            offset="0.5"
+            stop-color="#4892FF"
+          />
+          <stop
+            offset="1"
+            stop-color="#8A61FF"
+          />
+        </lineargradient>
+      </defs>
     </svg>
   </span>
 </DocumentFragment>
diff --git a/src/chat/__tests__/__snapshots__/input.test.tsx.snap b/src/chat/__tests__/__snapshots__/input.test.tsx.snap
index 3f9450d02..e4f3dcbf5 100644
--- a/src/chat/__tests__/__snapshots__/input.test.tsx.snap
+++ b/src/chat/__tests__/__snapshots__/input.test.tsx.snap
@@ -2,8 +2,74 @@
 
 exports[`Test Chat Input Match snapshot 1`] = `
 <DocumentFragment>
-  <textarea
-    class="ant-input aigc-textarea"
-  />
+  <div
+    class="dtc__chat__textarea__container"
+  >
+    <textarea
+      class="ant-input dtc__chat__textarea"
+    />
+    <span
+      class="dtc__icon dtc__chat__textarea__send"
+    >
+      <svg
+        fill="none"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          clip-rule="evenodd"
+          d="M17.999 3.858 3.35 9.204a1.66 1.66 0 0 0-1.095 1.458 1.66 1.66 0 0 0 .862 1.602l4.454 2.44c.27.143.593.098.808-.118l.737-.72 4.508-4.428a.677.677 0 0 1 .952.018c.26.261.26.693-.009.954l-4.562 4.473-.61.603a.68.68 0 0 0-.118.828l2.64 4.626c.315.513.845.81 1.429.81.063 0 .117 0 .18-.009a1.68 1.68 0 0 0 1.41-1.107L20.153 6a1.69 1.69 0 0 0-.404-1.764 1.64 1.64 0 0 0-1.751-.378"
+          fill="url(#paint0_linear_3878_6538)"
+          fill-rule="evenodd"
+        />
+        <defs>
+          <lineargradient
+            gradientUnits="userSpaceOnUse"
+            id="paint0_linear_3878_6538"
+            x1="2.25"
+            x2="23.921"
+            y1="3.75"
+            y2="11.552"
+          >
+            <stop
+              stop-color="#00BAC6"
+            />
+            <stop
+              offset="0.5"
+              stop-color="#0067FF"
+            />
+            <stop
+              offset="1"
+              stop-color="#450FDE"
+            />
+          </lineargradient>
+        </defs>
+        <defs>
+          <lineargradient
+            gradientUnits="userSpaceOnUse"
+            id="paint0_linear_3878_6538_hover"
+            x1="2.25"
+            x2="23.921"
+            y1="3.75"
+            y2="11.552"
+          >
+            <stop
+              stop-color="#08C4FF"
+            />
+            <stop
+              offset="0.5"
+              stop-color="#4892FF"
+            />
+            <stop
+              offset="1"
+              stop-color="#8A61FF"
+            />
+          </lineargradient>
+        </defs>
+      </svg>
+    </span>
+  </div>
 </DocumentFragment>
 `;
diff --git a/src/chat/__tests__/__snapshots__/markdown.test.tsx.snap b/src/chat/__tests__/__snapshots__/markdown.test.tsx.snap
index 9d6a2ed29..5727e8911 100644
--- a/src/chat/__tests__/__snapshots__/markdown.test.tsx.snap
+++ b/src/chat/__tests__/__snapshots__/markdown.test.tsx.snap
@@ -8,6 +8,12 @@ exports[`Test Chat Markdown Match Snapshots: default 1`] = `
     <h1>
       title
     </h1>
+    
+
+    <hr
+      class="dtc__aigc__markdown__hr"
+      color="#ebecf0"
+    />
   </div>
 </DocumentFragment>
 `;
diff --git a/src/chat/__tests__/__snapshots__/message.test.tsx.snap b/src/chat/__tests__/__snapshots__/message.test.tsx.snap
index 215030c95..13b6655f2 100644
--- a/src/chat/__tests__/__snapshots__/message.test.tsx.snap
+++ b/src/chat/__tests__/__snapshots__/message.test.tsx.snap
@@ -14,24 +14,291 @@ exports[`Test Chat Message Match Snapshots: default 1`] = `
         <svg
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 20 20"
           width="1em"
           xmlns="http://www.w3.org/2000/svg"
         >
-          <path
-            clip-rule="evenodd"
-            d="M13.2249 2.24668C12.5545 1.83267 11.6454 1.84694 10.6692 2.13558C10.482 1.96208 10.2315 1.85602 9.95613 1.85602C9.37667 1.85602 8.90692 2.32577 8.90692 2.90523C8.90692 3.48469 9.37667 3.95444 9.95613 3.95444C10.475 3.95444 10.9058 3.57787 10.9903 3.08314C11.8066 2.84774 12.3783 2.89916 12.6994 3.09749C13.0386 3.307 13.2721 3.81542 13.0387 4.82216C12.8098 5.80962 12.1687 7.04337 11.19 8.30528C10.2872 9.46932 9.1701 10.563 8.00924 11.4242C7.85403 11.309 7.69829 11.1888 7.54246 11.0635C6.45332 10.1883 5.44006 9.13558 4.63395 8.04889C5.08983 7.43435 5.61835 6.82198 6.2003 6.24003C6.39556 6.04477 6.39556 5.72819 6.2003 5.53293C6.00504 5.33766 5.68846 5.33766 5.49319 5.53293C4.96591 6.06021 4.47627 6.61494 4.03849 7.17937C3.33769 6.06253 2.95286 5.05034 2.89459 4.28651C2.86262 3.86738 2.9324 3.5722 3.04732 3.37607C3.15616 3.19032 3.3283 3.05298 3.5965 2.98067C4.17696 2.82416 5.14096 2.99647 6.36827 3.63487C7.57146 4.26073 8.8626 5.24974 10.0126 6.43768C10.2047 6.63609 10.5212 6.64122 10.7196 6.44915C10.918 6.25708 10.9232 5.94054 10.7311 5.74214C9.52047 4.49158 8.14491 3.43182 6.82973 2.74771C5.53869 2.07616 4.28848 1.75838 3.33617 2.01515C2.83799 2.14947 2.43782 2.43823 2.18452 2.87052C1.9373 3.29243 1.85513 3.80725 1.89749 4.36257C1.97977 5.44118 2.53563 6.74106 3.41055 8.04888C3.09627 8.51867 2.82218 8.98889 2.59626 9.44961C1.96985 10.727 1.6998 11.9623 2.02581 12.8839C2.197 13.3679 2.52392 13.7358 2.97831 13.9516C3.42032 14.1615 3.94762 14.2116 4.513 14.1415C5.55132 14.0129 6.77601 13.4726 8.00924 12.6476C8.97593 13.2942 9.9375 13.7661 10.8079 14.0017C11.9796 14.3189 13.0998 14.2252 13.7179 13.4017C14.2314 12.7178 14.2295 11.7357 13.9168 10.6895C14.0549 10.5119 14.1371 10.2887 14.1371 10.0463C14.1371 9.46682 13.6673 8.99707 13.0878 8.99707C12.5084 8.99707 12.0386 9.46682 12.0386 10.0463C12.0386 10.5935 12.4576 11.0429 12.9922 11.0912C13.2261 11.9404 13.141 12.5046 12.9182 12.8014C12.6798 13.119 12.1181 13.3204 11.0692 13.0365C10.4136 12.859 9.66391 12.5122 8.87876 12.0196C10.0149 11.1384 11.0939 10.0608 11.9802 8.91814C13.009 7.59159 13.7396 6.22667 14.0129 5.04802C14.2817 3.88865 14.1168 2.79755 13.2249 2.24668ZM3.49412 9.88989C3.64988 9.57224 3.83234 9.24694 4.03848 8.91841C4.86023 9.97789 5.85456 10.99 6.91605 11.843C6.99046 11.9028 7.06503 11.9617 7.13973 12.0196C6.09871 12.6728 5.14128 13.0561 4.39004 13.1491C3.94819 13.2039 3.62654 13.1524 3.4073 13.0483C3.20043 12.95 3.05381 12.7914 2.96856 12.5504C2.7817 12.0222 2.89898 11.1035 3.49412 9.88989ZM7.18854 7.99999C7.18854 7.5518 7.55186 7.18848 8.00005 7.18848C8.44824 7.18848 8.81157 7.5518 8.81157 7.99999C8.81157 8.44818 8.44824 8.81151 8.00005 8.81151C7.55186 8.81151 7.18854 8.44818 7.18854 7.99999ZM8.00005 6.18848C6.99958 6.18848 6.18854 6.99952 6.18854 7.99999C6.18854 9.00046 6.99958 9.81151 8.00005 9.81151C9.00052 9.81151 9.81157 9.00046 9.81157 7.99999C9.81157 6.99952 9.00052 6.18848 8.00005 6.18848Z"
-            fill="url(#paint0_linear_5380_77452)"
-            fill-rule="evenodd"
-          />
+          <g
+            clip-path="url(#clip0_3878_7498)"
+            id="AiAvatar"
+          >
+            <path
+              d="M1.664 4.428c-1.896-2.292 1.08-5.1 3.18-2.172.324.58.87 1.584 1.074 2.292-.72.492-1.536.972-2.136 1.392-.358-1.084-1.116-.907-1.71-1.192a1.2 1.2 0 0 1-.408-.32"
+              fill="#F2F7FA"
+              id="Vector 13"
+            />
+            <path
+              clip-rule="evenodd"
+              d="M2.791 4.502a8 8 0 0 1 .228-.285c.282.082.61.074.886-.058a.95.95 0 0 0 .497-.555c.06-.18.07-.375.037-.577.064-.054.136-.104.228-.158.251.463.537 1.024.716 1.496-.26.171-.527.341-.792.51l-.027.016c-.203.129-.405.257-.598.383a1.64 1.64 0 0 0-.78-.646 3 3 0 0 0-.395-.126m1.365-2.376c-.2.124-.382.266-.558.478a.45.45 0 0 0-.082.427c.058.18.04.263.033.284-.004.012-.008.02-.032.032a.33.33 0 0 1-.163.021.4.4 0 0 1-.109-.023.47.47 0 0 0-.404-.108.5.5 0 0 0-.127.045.8.8 0 0 0-.19.144 4 4 0 0 0-.292.33 10 10 0 0 0-.26.338c-.75-.949-.489-1.91.066-2.36.286-.23.66-.34 1.065-.256.317.066.683.256 1.053.648M3.285.597c.682.14 1.35.597 1.924 1.396l.015.021.013.022c.317.569.893 1.62 1.114 2.387l.09.313-.269.183c-.357.244-.736.485-1.094.712l-.032.02c-.37.235-.716.455-1.006.658l-.495.346-.19-.574a1.16 1.16 0 0 0-.237-.438.74.74 0 0 0-.273-.182 3 3 0 0 0-.385-.115l-.03-.007a3 3 0 0 1-.553-.185l.195-.406-.195.406a1.6 1.6 0 0 1-.56-.44c-1.099-1.328-.82-2.89.155-3.68A2.16 2.16 0 0 1 3.285.597"
+              fill="#64698B"
+              fill-rule="evenodd"
+              id="Vector 13 (Stroke)"
+            />
+            <path
+              d="M18.465 4.428c1.896-2.292-1.08-5.1-3.18-2.172-.324.58-.87 1.584-1.075 2.292.72.492 1.536.972 2.136 1.392.358-1.084 1.116-.907 1.711-1.192a1.2 1.2 0 0 0 .408-.32"
+              fill="#F2F7FA"
+              id="Vector 13_2"
+            />
+            <path
+              clip-rule="evenodd"
+              d="M17.338 4.502a8 8 0 0 0-.228-.285c-.282.082-.61.074-.886-.058a.95.95 0 0 1-.497-.555 1.2 1.2 0 0 1-.037-.577 1.7 1.7 0 0 0-.229-.158c-.25.463-.536 1.024-.715 1.496.26.171.527.341.792.51l.026.016q.308.194.599.383.086-.134.189-.244c.184-.198.39-.32.59-.402.135-.055.273-.095.396-.126m-1.366-2.376c.2.124.383.266.559.478a.45.45 0 0 1 .082.427c-.058.18-.04.263-.033.284.004.012.008.02.032.032a.33.33 0 0 0 .163.021.4.4 0 0 0 .109-.023.47.47 0 0 1 .404-.108.5.5 0 0 1 .127.045.8.8 0 0 1 .19.144c.087.085.192.207.292.33.084.105.175.222.26.338.75-.949.488-1.91-.066-2.36-.286-.23-.66-.34-1.065-.256-.317.066-.683.256-1.054.648m.986 1.927.003.002zM16.843.597c-.681.14-1.35.597-1.924 1.396l-.014.021-.013.022c-.317.569-.893 1.62-1.114 2.387l-.09.313.268.183c.357.244.737.485 1.095.712l.031.02c.371.235.716.455 1.006.658l.496.346.19-.574c.073-.222.158-.354.236-.438a.74.74 0 0 1 .274-.182c.11-.046.229-.076.385-.115l.03-.007c.159-.04.358-.092.552-.185l-.194-.406.194.406c.197-.094.389-.231.56-.44 1.1-1.328.82-2.89-.154-3.68a2.16 2.16 0 0 0-1.814-.437"
+              fill="#64698B"
+              fill-rule="evenodd"
+              id="Vector 13 (Stroke)_2"
+            />
+            <path
+              d="M18.782 11.28c1.332 7.656-3.852 8.124-8.736 8.124s-9.883-.588-8.928-7.5c.804-5.82 4.044-8.268 8.928-8.268s7.82 2.376 8.736 7.644"
+              fill="#F2F7FA"
+              id="Ellipse 1"
+            />
+            <path
+              clip-rule="evenodd"
+              d="M4.35 5.925c-1.417 1.247-2.394 3.201-2.786 6.04-.232 1.678-.096 2.927.277 3.86.37.924.985 1.571 1.777 2.032 1.622.942 3.973 1.097 6.428 1.097 1.218 0 2.43-.03 3.55-.189s2.116-.444 2.913-.935c.786-.485 1.39-1.179 1.73-2.194.344-1.026.425-2.41.1-4.28-.447-2.567-1.375-4.369-2.73-5.532s-3.193-1.738-5.563-1.738c-2.368 0-4.281.592-5.697 1.839m-.596-.675c1.627-1.433 3.776-2.064 6.292-2.064 2.514 0 4.585.612 6.149 1.955 1.562 1.341 2.56 3.361 3.03 6.062.341 1.958.274 3.504-.132 4.719a4.86 4.86 0 0 1-2.111 2.674c-.944.582-2.076.892-3.26 1.06-1.185.169-2.451.198-3.676.198-2.43 0-5.02-.14-6.88-1.22-.948-.55-1.709-1.345-2.16-2.475-.449-1.122-.58-2.538-.334-4.317.412-2.98 1.457-5.16 3.082-6.592"
+              fill="#64698B"
+              fill-rule="evenodd"
+              id="Ellipse 1 (Stroke)"
+            />
+            <g
+              filter="url(#filter0_d_3878_7498)"
+              id="Union"
+            >
+              <path
+                clip-rule="evenodd"
+                d="M5.534 16.853q.162 0 .318-.014c.148-.013.295-.027.443-.027h7.769a.002.002 0 0 0 .002-.003q0-.001.003-.002.193.022.393.022c1.903 0 3.445-1.526 3.445-3.408s-1.427-3.3-2.82-2.928l-.08.021c-.204.055-.444.119-.704.196-.608.18-1.276.075-1.76-.334a2 2 0 0 0-.258-.18l-.853-.486a2.88 2.88 0 0 0-2.864.006l-.835.48q-.135.08-.253.18a1.77 1.77 0 0 1-1.632.342q-.42-.119-.89-.242c-1.393-.373-2.868 1.087-2.868 2.97 0 1.881 1.542 3.407 3.444 3.407"
+                fill="url(#paint0_linear_3878_7498)"
+                fill-rule="evenodd"
+              />
+            </g>
+            <g
+              filter="url(#filter1_d_3878_7498)"
+              id="Union (Stroke)"
+            >
+              <path
+                clip-rule="evenodd"
+                d="M5.534 16.153q.129 0 .255-.011l.02-.002c.138-.012.31-.028.486-.028h7.69a.7.7 0 0 1 .162 0q.154.017.316.017c1.522 0 2.743-1.22 2.743-2.708 0-.767-.29-1.414-.687-1.82s-.853-.538-1.252-.432l-.08.022c-.204.054-.435.116-.685.19-.804.238-1.724.11-2.41-.47q-.073-.06-.154-.107l-.853-.486a2.18 2.18 0 0 0-2.168.005l-.834.48a1 1 0 0 0-.147.104c-.638.548-1.501.703-2.278.485a70 70 0 0 0-.88-.24c-.393-.105-.861.03-1.276.453-.412.42-.712 1.079-.712 1.84 0 1.489 1.222 2.708 2.744 2.708m8.53.659a.002.002 0 0 0 .002-.003q0-.001.003-.002l.015.002a3.5 3.5 0 0 0 .682.007c1.76-.152 3.14-1.614 3.14-3.395 0-1.882-1.426-3.3-2.82-2.928l-.08.021c-.203.055-.443.119-.703.196-.608.18-1.276.075-1.76-.334a2 2 0 0 0-.258-.18l-.853-.486a2.88 2.88 0 0 0-2.864.006l-.835.48q-.135.08-.253.18a1.77 1.77 0 0 1-1.632.342q-.42-.119-.89-.242c-1.393-.373-2.868 1.087-2.868 2.97 0 1.881 1.542 3.407 3.444 3.407q.162 0 .318-.014l.012-.001c.144-.013.287-.026.431-.026z"
+                fill="url(#paint1_linear_3878_7498)"
+                fill-rule="evenodd"
+              />
+            </g>
+            <path
+              clip-rule="evenodd"
+              d="M3.906 12.127c.377-.328.863-.43 1.196-.427a.2.2 0 1 1-.003.4c-.265-.002-.647.082-.93.329-.272.236-.483.645-.377 1.362a.2.2 0 1 1-.395.059c-.123-.831.12-1.384.51-1.723"
+              fill="#fff"
+              fill-rule="evenodd"
+              id="Vector 17 (Stroke)"
+            />
+            <g
+              filter="url(#filter2_d_3878_7498)"
+              id="Vector 18 (Stroke)"
+            >
+              <path
+                clip-rule="evenodd"
+                d="M13.12 12.25a.75.75 0 0 1 .75.75v.936a.75.75 0 0 1-1.5 0V13a.75.75 0 0 1 .75-.75"
+                fill="#fff"
+                fill-rule="evenodd"
+              />
+            </g>
+            <g
+              filter="url(#filter3_d_3878_7498)"
+              id="Vector 19 (Stroke)"
+            >
+              <path
+                clip-rule="evenodd"
+                d="M6.88 12.25a.75.75 0 0 1 .75.75v.936a.75.75 0 0 1-1.5 0V13a.75.75 0 0 1 .75-.75"
+                fill="#fff"
+                fill-rule="evenodd"
+              />
+            </g>
+          </g>
           <defs>
+            <filter
+              color-interpolation-filters="sRGB"
+              filterUnits="userSpaceOnUse"
+              height="9.922"
+              id="filter0_d_3878_7498"
+              width="18.216"
+              x="0.89"
+              y="8.132"
+            >
+              <feflood
+                flood-opacity="0"
+                result="BackgroundImageFix"
+              />
+              <fecolormatrix
+                in="SourceAlpha"
+                result="hardAlpha"
+                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+              />
+              <feoffset />
+              <fegaussianblur
+                stdDeviation="0.6"
+              />
+              <fecomposite
+                in2="hardAlpha"
+                operator="out"
+              />
+              <fecolormatrix
+                values="0 0 0 0 0.233659 0 0 0 0 0.448234 0 0 0 0 1 0 0 0 0.2 0"
+              />
+              <feblend
+                in2="BackgroundImageFix"
+                result="effect1_dropShadow_3878_7498"
+              />
+              <feblend
+                in="SourceGraphic"
+                in2="effect1_dropShadow_3878_7498"
+                result="shape"
+              />
+            </filter>
+            <filter
+              color-interpolation-filters="sRGB"
+              filterUnits="userSpaceOnUse"
+              height="9.922"
+              id="filter1_d_3878_7498"
+              width="18.216"
+              x="0.89"
+              y="8.132"
+            >
+              <feflood
+                flood-opacity="0"
+                result="BackgroundImageFix"
+              />
+              <fecolormatrix
+                in="SourceAlpha"
+                result="hardAlpha"
+                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+              />
+              <feoffset />
+              <fegaussianblur
+                stdDeviation="0.6"
+              />
+              <fecomposite
+                in2="hardAlpha"
+                operator="out"
+              />
+              <fecolormatrix
+                values="0 0 0 0 0.233659 0 0 0 0 0.448234 0 0 0 0 1 0 0 0 0.2 0"
+              />
+              <feblend
+                in2="BackgroundImageFix"
+                result="effect1_dropShadow_3878_7498"
+              />
+              <feblend
+                in="SourceGraphic"
+                in2="effect1_dropShadow_3878_7498"
+                result="shape"
+              />
+            </filter>
+            <filter
+              color-interpolation-filters="sRGB"
+              filterUnits="userSpaceOnUse"
+              height="3.876"
+              id="filter2_d_3878_7498"
+              width="2.94"
+              x="11.65"
+              y="11.53"
+            >
+              <feflood
+                flood-opacity="0"
+                result="BackgroundImageFix"
+              />
+              <fecolormatrix
+                in="SourceAlpha"
+                result="hardAlpha"
+                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+              />
+              <feoffset />
+              <fegaussianblur
+                stdDeviation="0.36"
+              />
+              <fecomposite
+                in2="hardAlpha"
+                operator="out"
+              />
+              <fecolormatrix
+                values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.8 0"
+              />
+              <feblend
+                in2="BackgroundImageFix"
+                result="effect1_dropShadow_3878_7498"
+              />
+              <feblend
+                in="SourceGraphic"
+                in2="effect1_dropShadow_3878_7498"
+                result="shape"
+              />
+            </filter>
+            <filter
+              color-interpolation-filters="sRGB"
+              filterUnits="userSpaceOnUse"
+              height="3.876"
+              id="filter3_d_3878_7498"
+              width="2.94"
+              x="5.41"
+              y="11.53"
+            >
+              <feflood
+                flood-opacity="0"
+                result="BackgroundImageFix"
+              />
+              <fecolormatrix
+                in="SourceAlpha"
+                result="hardAlpha"
+                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+              />
+              <feoffset />
+              <fegaussianblur
+                stdDeviation="0.36"
+              />
+              <fecomposite
+                in2="hardAlpha"
+                operator="out"
+              />
+              <fecolormatrix
+                values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.8 0"
+              />
+              <feblend
+                in2="BackgroundImageFix"
+                result="effect1_dropShadow_3878_7498"
+              />
+              <feblend
+                in="SourceGraphic"
+                in2="effect1_dropShadow_3878_7498"
+                result="shape"
+              />
+            </filter>
+            <lineargradient
+              gradientUnits="userSpaceOnUse"
+              id="paint0_linear_3878_7498"
+              x1="2.739"
+              x2="15.115"
+              y1="10.208"
+              y2="18.018"
+            >
+              <stop
+                offset="0.025"
+                stop-color="#EBFEFF"
+              />
+              <stop
+                offset="0.339"
+                stop-color="#8CCFFF"
+              />
+              <stop
+                offset="0.708"
+                stop-color="#B399FF"
+              />
+              <stop
+                offset="1"
+                stop-color="#BDA6FF"
+              />
+            </lineargradient>
             <lineargradient
               gradientUnits="userSpaceOnUse"
-              id="paint0_linear_5380_77452"
-              x1="1.88672"
-              x2="16.6535"
-              y1="1.85602"
-              y2="7.14405"
+              id="paint1_linear_3878_7498"
+              x1="2.09"
+              x2="15.765"
+              y1="9.332"
+              y2="19.683"
             >
               <stop
                 stop-color="#00BAC6"
@@ -45,6 +312,14 @@ exports[`Test Chat Message Match Snapshots: default 1`] = `
                 stop-color="#450FDE"
               />
             </lineargradient>
+            <clippath
+              id="clip0_3878_7498"
+            >
+              <path
+                d="M0 0h20v20H0z"
+                fill="#fff"
+              />
+            </clippath>
           </defs>
         </svg>
       </span>
@@ -68,7 +343,6 @@ exports[`Test Chat Message Match Snapshots: default 1`] = `
       >
         <span
           class="dtc-copy dtc__message__icon"
-          style="font-size: 16px;"
         >
           <span
             class="dtc__icon"
@@ -125,24 +399,291 @@ exports[`Test Chat Message Match Snapshots: empty 1`] = `
         <svg
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 20 20"
           width="1em"
           xmlns="http://www.w3.org/2000/svg"
         >
-          <path
-            clip-rule="evenodd"
-            d="M13.2249 2.24668C12.5545 1.83267 11.6454 1.84694 10.6692 2.13558C10.482 1.96208 10.2315 1.85602 9.95613 1.85602C9.37667 1.85602 8.90692 2.32577 8.90692 2.90523C8.90692 3.48469 9.37667 3.95444 9.95613 3.95444C10.475 3.95444 10.9058 3.57787 10.9903 3.08314C11.8066 2.84774 12.3783 2.89916 12.6994 3.09749C13.0386 3.307 13.2721 3.81542 13.0387 4.82216C12.8098 5.80962 12.1687 7.04337 11.19 8.30528C10.2872 9.46932 9.1701 10.563 8.00924 11.4242C7.85403 11.309 7.69829 11.1888 7.54246 11.0635C6.45332 10.1883 5.44006 9.13558 4.63395 8.04889C5.08983 7.43435 5.61835 6.82198 6.2003 6.24003C6.39556 6.04477 6.39556 5.72819 6.2003 5.53293C6.00504 5.33766 5.68846 5.33766 5.49319 5.53293C4.96591 6.06021 4.47627 6.61494 4.03849 7.17937C3.33769 6.06253 2.95286 5.05034 2.89459 4.28651C2.86262 3.86738 2.9324 3.5722 3.04732 3.37607C3.15616 3.19032 3.3283 3.05298 3.5965 2.98067C4.17696 2.82416 5.14096 2.99647 6.36827 3.63487C7.57146 4.26073 8.8626 5.24974 10.0126 6.43768C10.2047 6.63609 10.5212 6.64122 10.7196 6.44915C10.918 6.25708 10.9232 5.94054 10.7311 5.74214C9.52047 4.49158 8.14491 3.43182 6.82973 2.74771C5.53869 2.07616 4.28848 1.75838 3.33617 2.01515C2.83799 2.14947 2.43782 2.43823 2.18452 2.87052C1.9373 3.29243 1.85513 3.80725 1.89749 4.36257C1.97977 5.44118 2.53563 6.74106 3.41055 8.04888C3.09627 8.51867 2.82218 8.98889 2.59626 9.44961C1.96985 10.727 1.6998 11.9623 2.02581 12.8839C2.197 13.3679 2.52392 13.7358 2.97831 13.9516C3.42032 14.1615 3.94762 14.2116 4.513 14.1415C5.55132 14.0129 6.77601 13.4726 8.00924 12.6476C8.97593 13.2942 9.9375 13.7661 10.8079 14.0017C11.9796 14.3189 13.0998 14.2252 13.7179 13.4017C14.2314 12.7178 14.2295 11.7357 13.9168 10.6895C14.0549 10.5119 14.1371 10.2887 14.1371 10.0463C14.1371 9.46682 13.6673 8.99707 13.0878 8.99707C12.5084 8.99707 12.0386 9.46682 12.0386 10.0463C12.0386 10.5935 12.4576 11.0429 12.9922 11.0912C13.2261 11.9404 13.141 12.5046 12.9182 12.8014C12.6798 13.119 12.1181 13.3204 11.0692 13.0365C10.4136 12.859 9.66391 12.5122 8.87876 12.0196C10.0149 11.1384 11.0939 10.0608 11.9802 8.91814C13.009 7.59159 13.7396 6.22667 14.0129 5.04802C14.2817 3.88865 14.1168 2.79755 13.2249 2.24668ZM3.49412 9.88989C3.64988 9.57224 3.83234 9.24694 4.03848 8.91841C4.86023 9.97789 5.85456 10.99 6.91605 11.843C6.99046 11.9028 7.06503 11.9617 7.13973 12.0196C6.09871 12.6728 5.14128 13.0561 4.39004 13.1491C3.94819 13.2039 3.62654 13.1524 3.4073 13.0483C3.20043 12.95 3.05381 12.7914 2.96856 12.5504C2.7817 12.0222 2.89898 11.1035 3.49412 9.88989ZM7.18854 7.99999C7.18854 7.5518 7.55186 7.18848 8.00005 7.18848C8.44824 7.18848 8.81157 7.5518 8.81157 7.99999C8.81157 8.44818 8.44824 8.81151 8.00005 8.81151C7.55186 8.81151 7.18854 8.44818 7.18854 7.99999ZM8.00005 6.18848C6.99958 6.18848 6.18854 6.99952 6.18854 7.99999C6.18854 9.00046 6.99958 9.81151 8.00005 9.81151C9.00052 9.81151 9.81157 9.00046 9.81157 7.99999C9.81157 6.99952 9.00052 6.18848 8.00005 6.18848Z"
-            fill="url(#paint0_linear_5380_77452)"
-            fill-rule="evenodd"
-          />
+          <g
+            clip-path="url(#clip0_3878_7498)"
+            id="AiAvatar"
+          >
+            <path
+              d="M1.664 4.428c-1.896-2.292 1.08-5.1 3.18-2.172.324.58.87 1.584 1.074 2.292-.72.492-1.536.972-2.136 1.392-.358-1.084-1.116-.907-1.71-1.192a1.2 1.2 0 0 1-.408-.32"
+              fill="#F2F7FA"
+              id="Vector 13"
+            />
+            <path
+              clip-rule="evenodd"
+              d="M2.791 4.502a8 8 0 0 1 .228-.285c.282.082.61.074.886-.058a.95.95 0 0 0 .497-.555c.06-.18.07-.375.037-.577.064-.054.136-.104.228-.158.251.463.537 1.024.716 1.496-.26.171-.527.341-.792.51l-.027.016c-.203.129-.405.257-.598.383a1.64 1.64 0 0 0-.78-.646 3 3 0 0 0-.395-.126m1.365-2.376c-.2.124-.382.266-.558.478a.45.45 0 0 0-.082.427c.058.18.04.263.033.284-.004.012-.008.02-.032.032a.33.33 0 0 1-.163.021.4.4 0 0 1-.109-.023.47.47 0 0 0-.404-.108.5.5 0 0 0-.127.045.8.8 0 0 0-.19.144 4 4 0 0 0-.292.33 10 10 0 0 0-.26.338c-.75-.949-.489-1.91.066-2.36.286-.23.66-.34 1.065-.256.317.066.683.256 1.053.648M3.285.597c.682.14 1.35.597 1.924 1.396l.015.021.013.022c.317.569.893 1.62 1.114 2.387l.09.313-.269.183c-.357.244-.736.485-1.094.712l-.032.02c-.37.235-.716.455-1.006.658l-.495.346-.19-.574a1.16 1.16 0 0 0-.237-.438.74.74 0 0 0-.273-.182 3 3 0 0 0-.385-.115l-.03-.007a3 3 0 0 1-.553-.185l.195-.406-.195.406a1.6 1.6 0 0 1-.56-.44c-1.099-1.328-.82-2.89.155-3.68A2.16 2.16 0 0 1 3.285.597"
+              fill="#64698B"
+              fill-rule="evenodd"
+              id="Vector 13 (Stroke)"
+            />
+            <path
+              d="M18.465 4.428c1.896-2.292-1.08-5.1-3.18-2.172-.324.58-.87 1.584-1.075 2.292.72.492 1.536.972 2.136 1.392.358-1.084 1.116-.907 1.711-1.192a1.2 1.2 0 0 0 .408-.32"
+              fill="#F2F7FA"
+              id="Vector 13_2"
+            />
+            <path
+              clip-rule="evenodd"
+              d="M17.338 4.502a8 8 0 0 0-.228-.285c-.282.082-.61.074-.886-.058a.95.95 0 0 1-.497-.555 1.2 1.2 0 0 1-.037-.577 1.7 1.7 0 0 0-.229-.158c-.25.463-.536 1.024-.715 1.496.26.171.527.341.792.51l.026.016q.308.194.599.383.086-.134.189-.244c.184-.198.39-.32.59-.402.135-.055.273-.095.396-.126m-1.366-2.376c.2.124.383.266.559.478a.45.45 0 0 1 .082.427c-.058.18-.04.263-.033.284.004.012.008.02.032.032a.33.33 0 0 0 .163.021.4.4 0 0 0 .109-.023.47.47 0 0 1 .404-.108.5.5 0 0 1 .127.045.8.8 0 0 1 .19.144c.087.085.192.207.292.33.084.105.175.222.26.338.75-.949.488-1.91-.066-2.36-.286-.23-.66-.34-1.065-.256-.317.066-.683.256-1.054.648m.986 1.927.003.002zM16.843.597c-.681.14-1.35.597-1.924 1.396l-.014.021-.013.022c-.317.569-.893 1.62-1.114 2.387l-.09.313.268.183c.357.244.737.485 1.095.712l.031.02c.371.235.716.455 1.006.658l.496.346.19-.574c.073-.222.158-.354.236-.438a.74.74 0 0 1 .274-.182c.11-.046.229-.076.385-.115l.03-.007c.159-.04.358-.092.552-.185l-.194-.406.194.406c.197-.094.389-.231.56-.44 1.1-1.328.82-2.89-.154-3.68a2.16 2.16 0 0 0-1.814-.437"
+              fill="#64698B"
+              fill-rule="evenodd"
+              id="Vector 13 (Stroke)_2"
+            />
+            <path
+              d="M18.782 11.28c1.332 7.656-3.852 8.124-8.736 8.124s-9.883-.588-8.928-7.5c.804-5.82 4.044-8.268 8.928-8.268s7.82 2.376 8.736 7.644"
+              fill="#F2F7FA"
+              id="Ellipse 1"
+            />
+            <path
+              clip-rule="evenodd"
+              d="M4.35 5.925c-1.417 1.247-2.394 3.201-2.786 6.04-.232 1.678-.096 2.927.277 3.86.37.924.985 1.571 1.777 2.032 1.622.942 3.973 1.097 6.428 1.097 1.218 0 2.43-.03 3.55-.189s2.116-.444 2.913-.935c.786-.485 1.39-1.179 1.73-2.194.344-1.026.425-2.41.1-4.28-.447-2.567-1.375-4.369-2.73-5.532s-3.193-1.738-5.563-1.738c-2.368 0-4.281.592-5.697 1.839m-.596-.675c1.627-1.433 3.776-2.064 6.292-2.064 2.514 0 4.585.612 6.149 1.955 1.562 1.341 2.56 3.361 3.03 6.062.341 1.958.274 3.504-.132 4.719a4.86 4.86 0 0 1-2.111 2.674c-.944.582-2.076.892-3.26 1.06-1.185.169-2.451.198-3.676.198-2.43 0-5.02-.14-6.88-1.22-.948-.55-1.709-1.345-2.16-2.475-.449-1.122-.58-2.538-.334-4.317.412-2.98 1.457-5.16 3.082-6.592"
+              fill="#64698B"
+              fill-rule="evenodd"
+              id="Ellipse 1 (Stroke)"
+            />
+            <g
+              filter="url(#filter0_d_3878_7498)"
+              id="Union"
+            >
+              <path
+                clip-rule="evenodd"
+                d="M5.534 16.853q.162 0 .318-.014c.148-.013.295-.027.443-.027h7.769a.002.002 0 0 0 .002-.003q0-.001.003-.002.193.022.393.022c1.903 0 3.445-1.526 3.445-3.408s-1.427-3.3-2.82-2.928l-.08.021c-.204.055-.444.119-.704.196-.608.18-1.276.075-1.76-.334a2 2 0 0 0-.258-.18l-.853-.486a2.88 2.88 0 0 0-2.864.006l-.835.48q-.135.08-.253.18a1.77 1.77 0 0 1-1.632.342q-.42-.119-.89-.242c-1.393-.373-2.868 1.087-2.868 2.97 0 1.881 1.542 3.407 3.444 3.407"
+                fill="url(#paint0_linear_3878_7498)"
+                fill-rule="evenodd"
+              />
+            </g>
+            <g
+              filter="url(#filter1_d_3878_7498)"
+              id="Union (Stroke)"
+            >
+              <path
+                clip-rule="evenodd"
+                d="M5.534 16.153q.129 0 .255-.011l.02-.002c.138-.012.31-.028.486-.028h7.69a.7.7 0 0 1 .162 0q.154.017.316.017c1.522 0 2.743-1.22 2.743-2.708 0-.767-.29-1.414-.687-1.82s-.853-.538-1.252-.432l-.08.022c-.204.054-.435.116-.685.19-.804.238-1.724.11-2.41-.47q-.073-.06-.154-.107l-.853-.486a2.18 2.18 0 0 0-2.168.005l-.834.48a1 1 0 0 0-.147.104c-.638.548-1.501.703-2.278.485a70 70 0 0 0-.88-.24c-.393-.105-.861.03-1.276.453-.412.42-.712 1.079-.712 1.84 0 1.489 1.222 2.708 2.744 2.708m8.53.659a.002.002 0 0 0 .002-.003q0-.001.003-.002l.015.002a3.5 3.5 0 0 0 .682.007c1.76-.152 3.14-1.614 3.14-3.395 0-1.882-1.426-3.3-2.82-2.928l-.08.021c-.203.055-.443.119-.703.196-.608.18-1.276.075-1.76-.334a2 2 0 0 0-.258-.18l-.853-.486a2.88 2.88 0 0 0-2.864.006l-.835.48q-.135.08-.253.18a1.77 1.77 0 0 1-1.632.342q-.42-.119-.89-.242c-1.393-.373-2.868 1.087-2.868 2.97 0 1.881 1.542 3.407 3.444 3.407q.162 0 .318-.014l.012-.001c.144-.013.287-.026.431-.026z"
+                fill="url(#paint1_linear_3878_7498)"
+                fill-rule="evenodd"
+              />
+            </g>
+            <path
+              clip-rule="evenodd"
+              d="M3.906 12.127c.377-.328.863-.43 1.196-.427a.2.2 0 1 1-.003.4c-.265-.002-.647.082-.93.329-.272.236-.483.645-.377 1.362a.2.2 0 1 1-.395.059c-.123-.831.12-1.384.51-1.723"
+              fill="#fff"
+              fill-rule="evenodd"
+              id="Vector 17 (Stroke)"
+            />
+            <g
+              filter="url(#filter2_d_3878_7498)"
+              id="Vector 18 (Stroke)"
+            >
+              <path
+                clip-rule="evenodd"
+                d="M13.12 12.25a.75.75 0 0 1 .75.75v.936a.75.75 0 0 1-1.5 0V13a.75.75 0 0 1 .75-.75"
+                fill="#fff"
+                fill-rule="evenodd"
+              />
+            </g>
+            <g
+              filter="url(#filter3_d_3878_7498)"
+              id="Vector 19 (Stroke)"
+            >
+              <path
+                clip-rule="evenodd"
+                d="M6.88 12.25a.75.75 0 0 1 .75.75v.936a.75.75 0 0 1-1.5 0V13a.75.75 0 0 1 .75-.75"
+                fill="#fff"
+                fill-rule="evenodd"
+              />
+            </g>
+          </g>
           <defs>
+            <filter
+              color-interpolation-filters="sRGB"
+              filterUnits="userSpaceOnUse"
+              height="9.922"
+              id="filter0_d_3878_7498"
+              width="18.216"
+              x="0.89"
+              y="8.132"
+            >
+              <feflood
+                flood-opacity="0"
+                result="BackgroundImageFix"
+              />
+              <fecolormatrix
+                in="SourceAlpha"
+                result="hardAlpha"
+                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+              />
+              <feoffset />
+              <fegaussianblur
+                stdDeviation="0.6"
+              />
+              <fecomposite
+                in2="hardAlpha"
+                operator="out"
+              />
+              <fecolormatrix
+                values="0 0 0 0 0.233659 0 0 0 0 0.448234 0 0 0 0 1 0 0 0 0.2 0"
+              />
+              <feblend
+                in2="BackgroundImageFix"
+                result="effect1_dropShadow_3878_7498"
+              />
+              <feblend
+                in="SourceGraphic"
+                in2="effect1_dropShadow_3878_7498"
+                result="shape"
+              />
+            </filter>
+            <filter
+              color-interpolation-filters="sRGB"
+              filterUnits="userSpaceOnUse"
+              height="9.922"
+              id="filter1_d_3878_7498"
+              width="18.216"
+              x="0.89"
+              y="8.132"
+            >
+              <feflood
+                flood-opacity="0"
+                result="BackgroundImageFix"
+              />
+              <fecolormatrix
+                in="SourceAlpha"
+                result="hardAlpha"
+                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+              />
+              <feoffset />
+              <fegaussianblur
+                stdDeviation="0.6"
+              />
+              <fecomposite
+                in2="hardAlpha"
+                operator="out"
+              />
+              <fecolormatrix
+                values="0 0 0 0 0.233659 0 0 0 0 0.448234 0 0 0 0 1 0 0 0 0.2 0"
+              />
+              <feblend
+                in2="BackgroundImageFix"
+                result="effect1_dropShadow_3878_7498"
+              />
+              <feblend
+                in="SourceGraphic"
+                in2="effect1_dropShadow_3878_7498"
+                result="shape"
+              />
+            </filter>
+            <filter
+              color-interpolation-filters="sRGB"
+              filterUnits="userSpaceOnUse"
+              height="3.876"
+              id="filter2_d_3878_7498"
+              width="2.94"
+              x="11.65"
+              y="11.53"
+            >
+              <feflood
+                flood-opacity="0"
+                result="BackgroundImageFix"
+              />
+              <fecolormatrix
+                in="SourceAlpha"
+                result="hardAlpha"
+                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+              />
+              <feoffset />
+              <fegaussianblur
+                stdDeviation="0.36"
+              />
+              <fecomposite
+                in2="hardAlpha"
+                operator="out"
+              />
+              <fecolormatrix
+                values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.8 0"
+              />
+              <feblend
+                in2="BackgroundImageFix"
+                result="effect1_dropShadow_3878_7498"
+              />
+              <feblend
+                in="SourceGraphic"
+                in2="effect1_dropShadow_3878_7498"
+                result="shape"
+              />
+            </filter>
+            <filter
+              color-interpolation-filters="sRGB"
+              filterUnits="userSpaceOnUse"
+              height="3.876"
+              id="filter3_d_3878_7498"
+              width="2.94"
+              x="5.41"
+              y="11.53"
+            >
+              <feflood
+                flood-opacity="0"
+                result="BackgroundImageFix"
+              />
+              <fecolormatrix
+                in="SourceAlpha"
+                result="hardAlpha"
+                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+              />
+              <feoffset />
+              <fegaussianblur
+                stdDeviation="0.36"
+              />
+              <fecomposite
+                in2="hardAlpha"
+                operator="out"
+              />
+              <fecolormatrix
+                values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.8 0"
+              />
+              <feblend
+                in2="BackgroundImageFix"
+                result="effect1_dropShadow_3878_7498"
+              />
+              <feblend
+                in="SourceGraphic"
+                in2="effect1_dropShadow_3878_7498"
+                result="shape"
+              />
+            </filter>
+            <lineargradient
+              gradientUnits="userSpaceOnUse"
+              id="paint0_linear_3878_7498"
+              x1="2.739"
+              x2="15.115"
+              y1="10.208"
+              y2="18.018"
+            >
+              <stop
+                offset="0.025"
+                stop-color="#EBFEFF"
+              />
+              <stop
+                offset="0.339"
+                stop-color="#8CCFFF"
+              />
+              <stop
+                offset="0.708"
+                stop-color="#B399FF"
+              />
+              <stop
+                offset="1"
+                stop-color="#BDA6FF"
+              />
+            </lineargradient>
             <lineargradient
               gradientUnits="userSpaceOnUse"
-              id="paint0_linear_5380_77452"
-              x1="1.88672"
-              x2="16.6535"
-              y1="1.85602"
-              y2="7.14405"
+              id="paint1_linear_3878_7498"
+              x1="2.09"
+              x2="15.765"
+              y1="9.332"
+              y2="19.683"
             >
               <stop
                 stop-color="#00BAC6"
@@ -156,6 +697,14 @@ exports[`Test Chat Message Match Snapshots: empty 1`] = `
                 stop-color="#450FDE"
               />
             </lineargradient>
+            <clippath
+              id="clip0_3878_7498"
+            >
+              <path
+                d="M0 0h20v20H0z"
+                fill="#fff"
+              />
+            </clippath>
           </defs>
         </svg>
       </span>
@@ -192,24 +741,291 @@ exports[`Test Chat Message Match Snapshots: generating 1`] = `
         <svg
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 20 20"
           width="1em"
           xmlns="http://www.w3.org/2000/svg"
         >
-          <path
-            clip-rule="evenodd"
-            d="M13.2249 2.24668C12.5545 1.83267 11.6454 1.84694 10.6692 2.13558C10.482 1.96208 10.2315 1.85602 9.95613 1.85602C9.37667 1.85602 8.90692 2.32577 8.90692 2.90523C8.90692 3.48469 9.37667 3.95444 9.95613 3.95444C10.475 3.95444 10.9058 3.57787 10.9903 3.08314C11.8066 2.84774 12.3783 2.89916 12.6994 3.09749C13.0386 3.307 13.2721 3.81542 13.0387 4.82216C12.8098 5.80962 12.1687 7.04337 11.19 8.30528C10.2872 9.46932 9.1701 10.563 8.00924 11.4242C7.85403 11.309 7.69829 11.1888 7.54246 11.0635C6.45332 10.1883 5.44006 9.13558 4.63395 8.04889C5.08983 7.43435 5.61835 6.82198 6.2003 6.24003C6.39556 6.04477 6.39556 5.72819 6.2003 5.53293C6.00504 5.33766 5.68846 5.33766 5.49319 5.53293C4.96591 6.06021 4.47627 6.61494 4.03849 7.17937C3.33769 6.06253 2.95286 5.05034 2.89459 4.28651C2.86262 3.86738 2.9324 3.5722 3.04732 3.37607C3.15616 3.19032 3.3283 3.05298 3.5965 2.98067C4.17696 2.82416 5.14096 2.99647 6.36827 3.63487C7.57146 4.26073 8.8626 5.24974 10.0126 6.43768C10.2047 6.63609 10.5212 6.64122 10.7196 6.44915C10.918 6.25708 10.9232 5.94054 10.7311 5.74214C9.52047 4.49158 8.14491 3.43182 6.82973 2.74771C5.53869 2.07616 4.28848 1.75838 3.33617 2.01515C2.83799 2.14947 2.43782 2.43823 2.18452 2.87052C1.9373 3.29243 1.85513 3.80725 1.89749 4.36257C1.97977 5.44118 2.53563 6.74106 3.41055 8.04888C3.09627 8.51867 2.82218 8.98889 2.59626 9.44961C1.96985 10.727 1.6998 11.9623 2.02581 12.8839C2.197 13.3679 2.52392 13.7358 2.97831 13.9516C3.42032 14.1615 3.94762 14.2116 4.513 14.1415C5.55132 14.0129 6.77601 13.4726 8.00924 12.6476C8.97593 13.2942 9.9375 13.7661 10.8079 14.0017C11.9796 14.3189 13.0998 14.2252 13.7179 13.4017C14.2314 12.7178 14.2295 11.7357 13.9168 10.6895C14.0549 10.5119 14.1371 10.2887 14.1371 10.0463C14.1371 9.46682 13.6673 8.99707 13.0878 8.99707C12.5084 8.99707 12.0386 9.46682 12.0386 10.0463C12.0386 10.5935 12.4576 11.0429 12.9922 11.0912C13.2261 11.9404 13.141 12.5046 12.9182 12.8014C12.6798 13.119 12.1181 13.3204 11.0692 13.0365C10.4136 12.859 9.66391 12.5122 8.87876 12.0196C10.0149 11.1384 11.0939 10.0608 11.9802 8.91814C13.009 7.59159 13.7396 6.22667 14.0129 5.04802C14.2817 3.88865 14.1168 2.79755 13.2249 2.24668ZM3.49412 9.88989C3.64988 9.57224 3.83234 9.24694 4.03848 8.91841C4.86023 9.97789 5.85456 10.99 6.91605 11.843C6.99046 11.9028 7.06503 11.9617 7.13973 12.0196C6.09871 12.6728 5.14128 13.0561 4.39004 13.1491C3.94819 13.2039 3.62654 13.1524 3.4073 13.0483C3.20043 12.95 3.05381 12.7914 2.96856 12.5504C2.7817 12.0222 2.89898 11.1035 3.49412 9.88989ZM7.18854 7.99999C7.18854 7.5518 7.55186 7.18848 8.00005 7.18848C8.44824 7.18848 8.81157 7.5518 8.81157 7.99999C8.81157 8.44818 8.44824 8.81151 8.00005 8.81151C7.55186 8.81151 7.18854 8.44818 7.18854 7.99999ZM8.00005 6.18848C6.99958 6.18848 6.18854 6.99952 6.18854 7.99999C6.18854 9.00046 6.99958 9.81151 8.00005 9.81151C9.00052 9.81151 9.81157 9.00046 9.81157 7.99999C9.81157 6.99952 9.00052 6.18848 8.00005 6.18848Z"
-            fill="url(#paint0_linear_5380_77452)"
-            fill-rule="evenodd"
-          />
+          <g
+            clip-path="url(#clip0_3878_7498)"
+            id="AiAvatar"
+          >
+            <path
+              d="M1.664 4.428c-1.896-2.292 1.08-5.1 3.18-2.172.324.58.87 1.584 1.074 2.292-.72.492-1.536.972-2.136 1.392-.358-1.084-1.116-.907-1.71-1.192a1.2 1.2 0 0 1-.408-.32"
+              fill="#F2F7FA"
+              id="Vector 13"
+            />
+            <path
+              clip-rule="evenodd"
+              d="M2.791 4.502a8 8 0 0 1 .228-.285c.282.082.61.074.886-.058a.95.95 0 0 0 .497-.555c.06-.18.07-.375.037-.577.064-.054.136-.104.228-.158.251.463.537 1.024.716 1.496-.26.171-.527.341-.792.51l-.027.016c-.203.129-.405.257-.598.383a1.64 1.64 0 0 0-.78-.646 3 3 0 0 0-.395-.126m1.365-2.376c-.2.124-.382.266-.558.478a.45.45 0 0 0-.082.427c.058.18.04.263.033.284-.004.012-.008.02-.032.032a.33.33 0 0 1-.163.021.4.4 0 0 1-.109-.023.47.47 0 0 0-.404-.108.5.5 0 0 0-.127.045.8.8 0 0 0-.19.144 4 4 0 0 0-.292.33 10 10 0 0 0-.26.338c-.75-.949-.489-1.91.066-2.36.286-.23.66-.34 1.065-.256.317.066.683.256 1.053.648M3.285.597c.682.14 1.35.597 1.924 1.396l.015.021.013.022c.317.569.893 1.62 1.114 2.387l.09.313-.269.183c-.357.244-.736.485-1.094.712l-.032.02c-.37.235-.716.455-1.006.658l-.495.346-.19-.574a1.16 1.16 0 0 0-.237-.438.74.74 0 0 0-.273-.182 3 3 0 0 0-.385-.115l-.03-.007a3 3 0 0 1-.553-.185l.195-.406-.195.406a1.6 1.6 0 0 1-.56-.44c-1.099-1.328-.82-2.89.155-3.68A2.16 2.16 0 0 1 3.285.597"
+              fill="#64698B"
+              fill-rule="evenodd"
+              id="Vector 13 (Stroke)"
+            />
+            <path
+              d="M18.465 4.428c1.896-2.292-1.08-5.1-3.18-2.172-.324.58-.87 1.584-1.075 2.292.72.492 1.536.972 2.136 1.392.358-1.084 1.116-.907 1.711-1.192a1.2 1.2 0 0 0 .408-.32"
+              fill="#F2F7FA"
+              id="Vector 13_2"
+            />
+            <path
+              clip-rule="evenodd"
+              d="M17.338 4.502a8 8 0 0 0-.228-.285c-.282.082-.61.074-.886-.058a.95.95 0 0 1-.497-.555 1.2 1.2 0 0 1-.037-.577 1.7 1.7 0 0 0-.229-.158c-.25.463-.536 1.024-.715 1.496.26.171.527.341.792.51l.026.016q.308.194.599.383.086-.134.189-.244c.184-.198.39-.32.59-.402.135-.055.273-.095.396-.126m-1.366-2.376c.2.124.383.266.559.478a.45.45 0 0 1 .082.427c-.058.18-.04.263-.033.284.004.012.008.02.032.032a.33.33 0 0 0 .163.021.4.4 0 0 0 .109-.023.47.47 0 0 1 .404-.108.5.5 0 0 1 .127.045.8.8 0 0 1 .19.144c.087.085.192.207.292.33.084.105.175.222.26.338.75-.949.488-1.91-.066-2.36-.286-.23-.66-.34-1.065-.256-.317.066-.683.256-1.054.648m.986 1.927.003.002zM16.843.597c-.681.14-1.35.597-1.924 1.396l-.014.021-.013.022c-.317.569-.893 1.62-1.114 2.387l-.09.313.268.183c.357.244.737.485 1.095.712l.031.02c.371.235.716.455 1.006.658l.496.346.19-.574c.073-.222.158-.354.236-.438a.74.74 0 0 1 .274-.182c.11-.046.229-.076.385-.115l.03-.007c.159-.04.358-.092.552-.185l-.194-.406.194.406c.197-.094.389-.231.56-.44 1.1-1.328.82-2.89-.154-3.68a2.16 2.16 0 0 0-1.814-.437"
+              fill="#64698B"
+              fill-rule="evenodd"
+              id="Vector 13 (Stroke)_2"
+            />
+            <path
+              d="M18.782 11.28c1.332 7.656-3.852 8.124-8.736 8.124s-9.883-.588-8.928-7.5c.804-5.82 4.044-8.268 8.928-8.268s7.82 2.376 8.736 7.644"
+              fill="#F2F7FA"
+              id="Ellipse 1"
+            />
+            <path
+              clip-rule="evenodd"
+              d="M4.35 5.925c-1.417 1.247-2.394 3.201-2.786 6.04-.232 1.678-.096 2.927.277 3.86.37.924.985 1.571 1.777 2.032 1.622.942 3.973 1.097 6.428 1.097 1.218 0 2.43-.03 3.55-.189s2.116-.444 2.913-.935c.786-.485 1.39-1.179 1.73-2.194.344-1.026.425-2.41.1-4.28-.447-2.567-1.375-4.369-2.73-5.532s-3.193-1.738-5.563-1.738c-2.368 0-4.281.592-5.697 1.839m-.596-.675c1.627-1.433 3.776-2.064 6.292-2.064 2.514 0 4.585.612 6.149 1.955 1.562 1.341 2.56 3.361 3.03 6.062.341 1.958.274 3.504-.132 4.719a4.86 4.86 0 0 1-2.111 2.674c-.944.582-2.076.892-3.26 1.06-1.185.169-2.451.198-3.676.198-2.43 0-5.02-.14-6.88-1.22-.948-.55-1.709-1.345-2.16-2.475-.449-1.122-.58-2.538-.334-4.317.412-2.98 1.457-5.16 3.082-6.592"
+              fill="#64698B"
+              fill-rule="evenodd"
+              id="Ellipse 1 (Stroke)"
+            />
+            <g
+              filter="url(#filter0_d_3878_7498)"
+              id="Union"
+            >
+              <path
+                clip-rule="evenodd"
+                d="M5.534 16.853q.162 0 .318-.014c.148-.013.295-.027.443-.027h7.769a.002.002 0 0 0 .002-.003q0-.001.003-.002.193.022.393.022c1.903 0 3.445-1.526 3.445-3.408s-1.427-3.3-2.82-2.928l-.08.021c-.204.055-.444.119-.704.196-.608.18-1.276.075-1.76-.334a2 2 0 0 0-.258-.18l-.853-.486a2.88 2.88 0 0 0-2.864.006l-.835.48q-.135.08-.253.18a1.77 1.77 0 0 1-1.632.342q-.42-.119-.89-.242c-1.393-.373-2.868 1.087-2.868 2.97 0 1.881 1.542 3.407 3.444 3.407"
+                fill="url(#paint0_linear_3878_7498)"
+                fill-rule="evenodd"
+              />
+            </g>
+            <g
+              filter="url(#filter1_d_3878_7498)"
+              id="Union (Stroke)"
+            >
+              <path
+                clip-rule="evenodd"
+                d="M5.534 16.153q.129 0 .255-.011l.02-.002c.138-.012.31-.028.486-.028h7.69a.7.7 0 0 1 .162 0q.154.017.316.017c1.522 0 2.743-1.22 2.743-2.708 0-.767-.29-1.414-.687-1.82s-.853-.538-1.252-.432l-.08.022c-.204.054-.435.116-.685.19-.804.238-1.724.11-2.41-.47q-.073-.06-.154-.107l-.853-.486a2.18 2.18 0 0 0-2.168.005l-.834.48a1 1 0 0 0-.147.104c-.638.548-1.501.703-2.278.485a70 70 0 0 0-.88-.24c-.393-.105-.861.03-1.276.453-.412.42-.712 1.079-.712 1.84 0 1.489 1.222 2.708 2.744 2.708m8.53.659a.002.002 0 0 0 .002-.003q0-.001.003-.002l.015.002a3.5 3.5 0 0 0 .682.007c1.76-.152 3.14-1.614 3.14-3.395 0-1.882-1.426-3.3-2.82-2.928l-.08.021c-.203.055-.443.119-.703.196-.608.18-1.276.075-1.76-.334a2 2 0 0 0-.258-.18l-.853-.486a2.88 2.88 0 0 0-2.864.006l-.835.48q-.135.08-.253.18a1.77 1.77 0 0 1-1.632.342q-.42-.119-.89-.242c-1.393-.373-2.868 1.087-2.868 2.97 0 1.881 1.542 3.407 3.444 3.407q.162 0 .318-.014l.012-.001c.144-.013.287-.026.431-.026z"
+                fill="url(#paint1_linear_3878_7498)"
+                fill-rule="evenodd"
+              />
+            </g>
+            <path
+              clip-rule="evenodd"
+              d="M3.906 12.127c.377-.328.863-.43 1.196-.427a.2.2 0 1 1-.003.4c-.265-.002-.647.082-.93.329-.272.236-.483.645-.377 1.362a.2.2 0 1 1-.395.059c-.123-.831.12-1.384.51-1.723"
+              fill="#fff"
+              fill-rule="evenodd"
+              id="Vector 17 (Stroke)"
+            />
+            <g
+              filter="url(#filter2_d_3878_7498)"
+              id="Vector 18 (Stroke)"
+            >
+              <path
+                clip-rule="evenodd"
+                d="M13.12 12.25a.75.75 0 0 1 .75.75v.936a.75.75 0 0 1-1.5 0V13a.75.75 0 0 1 .75-.75"
+                fill="#fff"
+                fill-rule="evenodd"
+              />
+            </g>
+            <g
+              filter="url(#filter3_d_3878_7498)"
+              id="Vector 19 (Stroke)"
+            >
+              <path
+                clip-rule="evenodd"
+                d="M6.88 12.25a.75.75 0 0 1 .75.75v.936a.75.75 0 0 1-1.5 0V13a.75.75 0 0 1 .75-.75"
+                fill="#fff"
+                fill-rule="evenodd"
+              />
+            </g>
+          </g>
           <defs>
+            <filter
+              color-interpolation-filters="sRGB"
+              filterUnits="userSpaceOnUse"
+              height="9.922"
+              id="filter0_d_3878_7498"
+              width="18.216"
+              x="0.89"
+              y="8.132"
+            >
+              <feflood
+                flood-opacity="0"
+                result="BackgroundImageFix"
+              />
+              <fecolormatrix
+                in="SourceAlpha"
+                result="hardAlpha"
+                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+              />
+              <feoffset />
+              <fegaussianblur
+                stdDeviation="0.6"
+              />
+              <fecomposite
+                in2="hardAlpha"
+                operator="out"
+              />
+              <fecolormatrix
+                values="0 0 0 0 0.233659 0 0 0 0 0.448234 0 0 0 0 1 0 0 0 0.2 0"
+              />
+              <feblend
+                in2="BackgroundImageFix"
+                result="effect1_dropShadow_3878_7498"
+              />
+              <feblend
+                in="SourceGraphic"
+                in2="effect1_dropShadow_3878_7498"
+                result="shape"
+              />
+            </filter>
+            <filter
+              color-interpolation-filters="sRGB"
+              filterUnits="userSpaceOnUse"
+              height="9.922"
+              id="filter1_d_3878_7498"
+              width="18.216"
+              x="0.89"
+              y="8.132"
+            >
+              <feflood
+                flood-opacity="0"
+                result="BackgroundImageFix"
+              />
+              <fecolormatrix
+                in="SourceAlpha"
+                result="hardAlpha"
+                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+              />
+              <feoffset />
+              <fegaussianblur
+                stdDeviation="0.6"
+              />
+              <fecomposite
+                in2="hardAlpha"
+                operator="out"
+              />
+              <fecolormatrix
+                values="0 0 0 0 0.233659 0 0 0 0 0.448234 0 0 0 0 1 0 0 0 0.2 0"
+              />
+              <feblend
+                in2="BackgroundImageFix"
+                result="effect1_dropShadow_3878_7498"
+              />
+              <feblend
+                in="SourceGraphic"
+                in2="effect1_dropShadow_3878_7498"
+                result="shape"
+              />
+            </filter>
+            <filter
+              color-interpolation-filters="sRGB"
+              filterUnits="userSpaceOnUse"
+              height="3.876"
+              id="filter2_d_3878_7498"
+              width="2.94"
+              x="11.65"
+              y="11.53"
+            >
+              <feflood
+                flood-opacity="0"
+                result="BackgroundImageFix"
+              />
+              <fecolormatrix
+                in="SourceAlpha"
+                result="hardAlpha"
+                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+              />
+              <feoffset />
+              <fegaussianblur
+                stdDeviation="0.36"
+              />
+              <fecomposite
+                in2="hardAlpha"
+                operator="out"
+              />
+              <fecolormatrix
+                values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.8 0"
+              />
+              <feblend
+                in2="BackgroundImageFix"
+                result="effect1_dropShadow_3878_7498"
+              />
+              <feblend
+                in="SourceGraphic"
+                in2="effect1_dropShadow_3878_7498"
+                result="shape"
+              />
+            </filter>
+            <filter
+              color-interpolation-filters="sRGB"
+              filterUnits="userSpaceOnUse"
+              height="3.876"
+              id="filter3_d_3878_7498"
+              width="2.94"
+              x="5.41"
+              y="11.53"
+            >
+              <feflood
+                flood-opacity="0"
+                result="BackgroundImageFix"
+              />
+              <fecolormatrix
+                in="SourceAlpha"
+                result="hardAlpha"
+                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+              />
+              <feoffset />
+              <fegaussianblur
+                stdDeviation="0.36"
+              />
+              <fecomposite
+                in2="hardAlpha"
+                operator="out"
+              />
+              <fecolormatrix
+                values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.8 0"
+              />
+              <feblend
+                in2="BackgroundImageFix"
+                result="effect1_dropShadow_3878_7498"
+              />
+              <feblend
+                in="SourceGraphic"
+                in2="effect1_dropShadow_3878_7498"
+                result="shape"
+              />
+            </filter>
             <lineargradient
               gradientUnits="userSpaceOnUse"
-              id="paint0_linear_5380_77452"
-              x1="1.88672"
-              x2="16.6535"
-              y1="1.85602"
-              y2="7.14405"
+              id="paint0_linear_3878_7498"
+              x1="2.739"
+              x2="15.115"
+              y1="10.208"
+              y2="18.018"
+            >
+              <stop
+                offset="0.025"
+                stop-color="#EBFEFF"
+              />
+              <stop
+                offset="0.339"
+                stop-color="#8CCFFF"
+              />
+              <stop
+                offset="0.708"
+                stop-color="#B399FF"
+              />
+              <stop
+                offset="1"
+                stop-color="#BDA6FF"
+              />
+            </lineargradient>
+            <lineargradient
+              gradientUnits="userSpaceOnUse"
+              id="paint1_linear_3878_7498"
+              x1="2.09"
+              x2="15.765"
+              y1="9.332"
+              y2="19.683"
             >
               <stop
                 stop-color="#00BAC6"
@@ -223,6 +1039,14 @@ exports[`Test Chat Message Match Snapshots: generating 1`] = `
                 stop-color="#450FDE"
               />
             </lineargradient>
+            <clippath
+              id="clip0_3878_7498"
+            >
+              <path
+                d="M0 0h20v20H0z"
+                fill="#fff"
+              />
+            </clippath>
           </defs>
         </svg>
       </span>
@@ -287,24 +1111,291 @@ exports[`Test Chat Message Match Snapshots: pending 1`] = `
         <svg
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 20 20"
           width="1em"
           xmlns="http://www.w3.org/2000/svg"
         >
-          <path
-            clip-rule="evenodd"
-            d="M13.2249 2.24668C12.5545 1.83267 11.6454 1.84694 10.6692 2.13558C10.482 1.96208 10.2315 1.85602 9.95613 1.85602C9.37667 1.85602 8.90692 2.32577 8.90692 2.90523C8.90692 3.48469 9.37667 3.95444 9.95613 3.95444C10.475 3.95444 10.9058 3.57787 10.9903 3.08314C11.8066 2.84774 12.3783 2.89916 12.6994 3.09749C13.0386 3.307 13.2721 3.81542 13.0387 4.82216C12.8098 5.80962 12.1687 7.04337 11.19 8.30528C10.2872 9.46932 9.1701 10.563 8.00924 11.4242C7.85403 11.309 7.69829 11.1888 7.54246 11.0635C6.45332 10.1883 5.44006 9.13558 4.63395 8.04889C5.08983 7.43435 5.61835 6.82198 6.2003 6.24003C6.39556 6.04477 6.39556 5.72819 6.2003 5.53293C6.00504 5.33766 5.68846 5.33766 5.49319 5.53293C4.96591 6.06021 4.47627 6.61494 4.03849 7.17937C3.33769 6.06253 2.95286 5.05034 2.89459 4.28651C2.86262 3.86738 2.9324 3.5722 3.04732 3.37607C3.15616 3.19032 3.3283 3.05298 3.5965 2.98067C4.17696 2.82416 5.14096 2.99647 6.36827 3.63487C7.57146 4.26073 8.8626 5.24974 10.0126 6.43768C10.2047 6.63609 10.5212 6.64122 10.7196 6.44915C10.918 6.25708 10.9232 5.94054 10.7311 5.74214C9.52047 4.49158 8.14491 3.43182 6.82973 2.74771C5.53869 2.07616 4.28848 1.75838 3.33617 2.01515C2.83799 2.14947 2.43782 2.43823 2.18452 2.87052C1.9373 3.29243 1.85513 3.80725 1.89749 4.36257C1.97977 5.44118 2.53563 6.74106 3.41055 8.04888C3.09627 8.51867 2.82218 8.98889 2.59626 9.44961C1.96985 10.727 1.6998 11.9623 2.02581 12.8839C2.197 13.3679 2.52392 13.7358 2.97831 13.9516C3.42032 14.1615 3.94762 14.2116 4.513 14.1415C5.55132 14.0129 6.77601 13.4726 8.00924 12.6476C8.97593 13.2942 9.9375 13.7661 10.8079 14.0017C11.9796 14.3189 13.0998 14.2252 13.7179 13.4017C14.2314 12.7178 14.2295 11.7357 13.9168 10.6895C14.0549 10.5119 14.1371 10.2887 14.1371 10.0463C14.1371 9.46682 13.6673 8.99707 13.0878 8.99707C12.5084 8.99707 12.0386 9.46682 12.0386 10.0463C12.0386 10.5935 12.4576 11.0429 12.9922 11.0912C13.2261 11.9404 13.141 12.5046 12.9182 12.8014C12.6798 13.119 12.1181 13.3204 11.0692 13.0365C10.4136 12.859 9.66391 12.5122 8.87876 12.0196C10.0149 11.1384 11.0939 10.0608 11.9802 8.91814C13.009 7.59159 13.7396 6.22667 14.0129 5.04802C14.2817 3.88865 14.1168 2.79755 13.2249 2.24668ZM3.49412 9.88989C3.64988 9.57224 3.83234 9.24694 4.03848 8.91841C4.86023 9.97789 5.85456 10.99 6.91605 11.843C6.99046 11.9028 7.06503 11.9617 7.13973 12.0196C6.09871 12.6728 5.14128 13.0561 4.39004 13.1491C3.94819 13.2039 3.62654 13.1524 3.4073 13.0483C3.20043 12.95 3.05381 12.7914 2.96856 12.5504C2.7817 12.0222 2.89898 11.1035 3.49412 9.88989ZM7.18854 7.99999C7.18854 7.5518 7.55186 7.18848 8.00005 7.18848C8.44824 7.18848 8.81157 7.5518 8.81157 7.99999C8.81157 8.44818 8.44824 8.81151 8.00005 8.81151C7.55186 8.81151 7.18854 8.44818 7.18854 7.99999ZM8.00005 6.18848C6.99958 6.18848 6.18854 6.99952 6.18854 7.99999C6.18854 9.00046 6.99958 9.81151 8.00005 9.81151C9.00052 9.81151 9.81157 9.00046 9.81157 7.99999C9.81157 6.99952 9.00052 6.18848 8.00005 6.18848Z"
-            fill="url(#paint0_linear_5380_77452)"
-            fill-rule="evenodd"
-          />
+          <g
+            clip-path="url(#clip0_3878_7498)"
+            id="AiAvatar"
+          >
+            <path
+              d="M1.664 4.428c-1.896-2.292 1.08-5.1 3.18-2.172.324.58.87 1.584 1.074 2.292-.72.492-1.536.972-2.136 1.392-.358-1.084-1.116-.907-1.71-1.192a1.2 1.2 0 0 1-.408-.32"
+              fill="#F2F7FA"
+              id="Vector 13"
+            />
+            <path
+              clip-rule="evenodd"
+              d="M2.791 4.502a8 8 0 0 1 .228-.285c.282.082.61.074.886-.058a.95.95 0 0 0 .497-.555c.06-.18.07-.375.037-.577.064-.054.136-.104.228-.158.251.463.537 1.024.716 1.496-.26.171-.527.341-.792.51l-.027.016c-.203.129-.405.257-.598.383a1.64 1.64 0 0 0-.78-.646 3 3 0 0 0-.395-.126m1.365-2.376c-.2.124-.382.266-.558.478a.45.45 0 0 0-.082.427c.058.18.04.263.033.284-.004.012-.008.02-.032.032a.33.33 0 0 1-.163.021.4.4 0 0 1-.109-.023.47.47 0 0 0-.404-.108.5.5 0 0 0-.127.045.8.8 0 0 0-.19.144 4 4 0 0 0-.292.33 10 10 0 0 0-.26.338c-.75-.949-.489-1.91.066-2.36.286-.23.66-.34 1.065-.256.317.066.683.256 1.053.648M3.285.597c.682.14 1.35.597 1.924 1.396l.015.021.013.022c.317.569.893 1.62 1.114 2.387l.09.313-.269.183c-.357.244-.736.485-1.094.712l-.032.02c-.37.235-.716.455-1.006.658l-.495.346-.19-.574a1.16 1.16 0 0 0-.237-.438.74.74 0 0 0-.273-.182 3 3 0 0 0-.385-.115l-.03-.007a3 3 0 0 1-.553-.185l.195-.406-.195.406a1.6 1.6 0 0 1-.56-.44c-1.099-1.328-.82-2.89.155-3.68A2.16 2.16 0 0 1 3.285.597"
+              fill="#64698B"
+              fill-rule="evenodd"
+              id="Vector 13 (Stroke)"
+            />
+            <path
+              d="M18.465 4.428c1.896-2.292-1.08-5.1-3.18-2.172-.324.58-.87 1.584-1.075 2.292.72.492 1.536.972 2.136 1.392.358-1.084 1.116-.907 1.711-1.192a1.2 1.2 0 0 0 .408-.32"
+              fill="#F2F7FA"
+              id="Vector 13_2"
+            />
+            <path
+              clip-rule="evenodd"
+              d="M17.338 4.502a8 8 0 0 0-.228-.285c-.282.082-.61.074-.886-.058a.95.95 0 0 1-.497-.555 1.2 1.2 0 0 1-.037-.577 1.7 1.7 0 0 0-.229-.158c-.25.463-.536 1.024-.715 1.496.26.171.527.341.792.51l.026.016q.308.194.599.383.086-.134.189-.244c.184-.198.39-.32.59-.402.135-.055.273-.095.396-.126m-1.366-2.376c.2.124.383.266.559.478a.45.45 0 0 1 .082.427c-.058.18-.04.263-.033.284.004.012.008.02.032.032a.33.33 0 0 0 .163.021.4.4 0 0 0 .109-.023.47.47 0 0 1 .404-.108.5.5 0 0 1 .127.045.8.8 0 0 1 .19.144c.087.085.192.207.292.33.084.105.175.222.26.338.75-.949.488-1.91-.066-2.36-.286-.23-.66-.34-1.065-.256-.317.066-.683.256-1.054.648m.986 1.927.003.002zM16.843.597c-.681.14-1.35.597-1.924 1.396l-.014.021-.013.022c-.317.569-.893 1.62-1.114 2.387l-.09.313.268.183c.357.244.737.485 1.095.712l.031.02c.371.235.716.455 1.006.658l.496.346.19-.574c.073-.222.158-.354.236-.438a.74.74 0 0 1 .274-.182c.11-.046.229-.076.385-.115l.03-.007c.159-.04.358-.092.552-.185l-.194-.406.194.406c.197-.094.389-.231.56-.44 1.1-1.328.82-2.89-.154-3.68a2.16 2.16 0 0 0-1.814-.437"
+              fill="#64698B"
+              fill-rule="evenodd"
+              id="Vector 13 (Stroke)_2"
+            />
+            <path
+              d="M18.782 11.28c1.332 7.656-3.852 8.124-8.736 8.124s-9.883-.588-8.928-7.5c.804-5.82 4.044-8.268 8.928-8.268s7.82 2.376 8.736 7.644"
+              fill="#F2F7FA"
+              id="Ellipse 1"
+            />
+            <path
+              clip-rule="evenodd"
+              d="M4.35 5.925c-1.417 1.247-2.394 3.201-2.786 6.04-.232 1.678-.096 2.927.277 3.86.37.924.985 1.571 1.777 2.032 1.622.942 3.973 1.097 6.428 1.097 1.218 0 2.43-.03 3.55-.189s2.116-.444 2.913-.935c.786-.485 1.39-1.179 1.73-2.194.344-1.026.425-2.41.1-4.28-.447-2.567-1.375-4.369-2.73-5.532s-3.193-1.738-5.563-1.738c-2.368 0-4.281.592-5.697 1.839m-.596-.675c1.627-1.433 3.776-2.064 6.292-2.064 2.514 0 4.585.612 6.149 1.955 1.562 1.341 2.56 3.361 3.03 6.062.341 1.958.274 3.504-.132 4.719a4.86 4.86 0 0 1-2.111 2.674c-.944.582-2.076.892-3.26 1.06-1.185.169-2.451.198-3.676.198-2.43 0-5.02-.14-6.88-1.22-.948-.55-1.709-1.345-2.16-2.475-.449-1.122-.58-2.538-.334-4.317.412-2.98 1.457-5.16 3.082-6.592"
+              fill="#64698B"
+              fill-rule="evenodd"
+              id="Ellipse 1 (Stroke)"
+            />
+            <g
+              filter="url(#filter0_d_3878_7498)"
+              id="Union"
+            >
+              <path
+                clip-rule="evenodd"
+                d="M5.534 16.853q.162 0 .318-.014c.148-.013.295-.027.443-.027h7.769a.002.002 0 0 0 .002-.003q0-.001.003-.002.193.022.393.022c1.903 0 3.445-1.526 3.445-3.408s-1.427-3.3-2.82-2.928l-.08.021c-.204.055-.444.119-.704.196-.608.18-1.276.075-1.76-.334a2 2 0 0 0-.258-.18l-.853-.486a2.88 2.88 0 0 0-2.864.006l-.835.48q-.135.08-.253.18a1.77 1.77 0 0 1-1.632.342q-.42-.119-.89-.242c-1.393-.373-2.868 1.087-2.868 2.97 0 1.881 1.542 3.407 3.444 3.407"
+                fill="url(#paint0_linear_3878_7498)"
+                fill-rule="evenodd"
+              />
+            </g>
+            <g
+              filter="url(#filter1_d_3878_7498)"
+              id="Union (Stroke)"
+            >
+              <path
+                clip-rule="evenodd"
+                d="M5.534 16.153q.129 0 .255-.011l.02-.002c.138-.012.31-.028.486-.028h7.69a.7.7 0 0 1 .162 0q.154.017.316.017c1.522 0 2.743-1.22 2.743-2.708 0-.767-.29-1.414-.687-1.82s-.853-.538-1.252-.432l-.08.022c-.204.054-.435.116-.685.19-.804.238-1.724.11-2.41-.47q-.073-.06-.154-.107l-.853-.486a2.18 2.18 0 0 0-2.168.005l-.834.48a1 1 0 0 0-.147.104c-.638.548-1.501.703-2.278.485a70 70 0 0 0-.88-.24c-.393-.105-.861.03-1.276.453-.412.42-.712 1.079-.712 1.84 0 1.489 1.222 2.708 2.744 2.708m8.53.659a.002.002 0 0 0 .002-.003q0-.001.003-.002l.015.002a3.5 3.5 0 0 0 .682.007c1.76-.152 3.14-1.614 3.14-3.395 0-1.882-1.426-3.3-2.82-2.928l-.08.021c-.203.055-.443.119-.703.196-.608.18-1.276.075-1.76-.334a2 2 0 0 0-.258-.18l-.853-.486a2.88 2.88 0 0 0-2.864.006l-.835.48q-.135.08-.253.18a1.77 1.77 0 0 1-1.632.342q-.42-.119-.89-.242c-1.393-.373-2.868 1.087-2.868 2.97 0 1.881 1.542 3.407 3.444 3.407q.162 0 .318-.014l.012-.001c.144-.013.287-.026.431-.026z"
+                fill="url(#paint1_linear_3878_7498)"
+                fill-rule="evenodd"
+              />
+            </g>
+            <path
+              clip-rule="evenodd"
+              d="M3.906 12.127c.377-.328.863-.43 1.196-.427a.2.2 0 1 1-.003.4c-.265-.002-.647.082-.93.329-.272.236-.483.645-.377 1.362a.2.2 0 1 1-.395.059c-.123-.831.12-1.384.51-1.723"
+              fill="#fff"
+              fill-rule="evenodd"
+              id="Vector 17 (Stroke)"
+            />
+            <g
+              filter="url(#filter2_d_3878_7498)"
+              id="Vector 18 (Stroke)"
+            >
+              <path
+                clip-rule="evenodd"
+                d="M13.12 12.25a.75.75 0 0 1 .75.75v.936a.75.75 0 0 1-1.5 0V13a.75.75 0 0 1 .75-.75"
+                fill="#fff"
+                fill-rule="evenodd"
+              />
+            </g>
+            <g
+              filter="url(#filter3_d_3878_7498)"
+              id="Vector 19 (Stroke)"
+            >
+              <path
+                clip-rule="evenodd"
+                d="M6.88 12.25a.75.75 0 0 1 .75.75v.936a.75.75 0 0 1-1.5 0V13a.75.75 0 0 1 .75-.75"
+                fill="#fff"
+                fill-rule="evenodd"
+              />
+            </g>
+          </g>
           <defs>
+            <filter
+              color-interpolation-filters="sRGB"
+              filterUnits="userSpaceOnUse"
+              height="9.922"
+              id="filter0_d_3878_7498"
+              width="18.216"
+              x="0.89"
+              y="8.132"
+            >
+              <feflood
+                flood-opacity="0"
+                result="BackgroundImageFix"
+              />
+              <fecolormatrix
+                in="SourceAlpha"
+                result="hardAlpha"
+                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+              />
+              <feoffset />
+              <fegaussianblur
+                stdDeviation="0.6"
+              />
+              <fecomposite
+                in2="hardAlpha"
+                operator="out"
+              />
+              <fecolormatrix
+                values="0 0 0 0 0.233659 0 0 0 0 0.448234 0 0 0 0 1 0 0 0 0.2 0"
+              />
+              <feblend
+                in2="BackgroundImageFix"
+                result="effect1_dropShadow_3878_7498"
+              />
+              <feblend
+                in="SourceGraphic"
+                in2="effect1_dropShadow_3878_7498"
+                result="shape"
+              />
+            </filter>
+            <filter
+              color-interpolation-filters="sRGB"
+              filterUnits="userSpaceOnUse"
+              height="9.922"
+              id="filter1_d_3878_7498"
+              width="18.216"
+              x="0.89"
+              y="8.132"
+            >
+              <feflood
+                flood-opacity="0"
+                result="BackgroundImageFix"
+              />
+              <fecolormatrix
+                in="SourceAlpha"
+                result="hardAlpha"
+                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+              />
+              <feoffset />
+              <fegaussianblur
+                stdDeviation="0.6"
+              />
+              <fecomposite
+                in2="hardAlpha"
+                operator="out"
+              />
+              <fecolormatrix
+                values="0 0 0 0 0.233659 0 0 0 0 0.448234 0 0 0 0 1 0 0 0 0.2 0"
+              />
+              <feblend
+                in2="BackgroundImageFix"
+                result="effect1_dropShadow_3878_7498"
+              />
+              <feblend
+                in="SourceGraphic"
+                in2="effect1_dropShadow_3878_7498"
+                result="shape"
+              />
+            </filter>
+            <filter
+              color-interpolation-filters="sRGB"
+              filterUnits="userSpaceOnUse"
+              height="3.876"
+              id="filter2_d_3878_7498"
+              width="2.94"
+              x="11.65"
+              y="11.53"
+            >
+              <feflood
+                flood-opacity="0"
+                result="BackgroundImageFix"
+              />
+              <fecolormatrix
+                in="SourceAlpha"
+                result="hardAlpha"
+                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+              />
+              <feoffset />
+              <fegaussianblur
+                stdDeviation="0.36"
+              />
+              <fecomposite
+                in2="hardAlpha"
+                operator="out"
+              />
+              <fecolormatrix
+                values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.8 0"
+              />
+              <feblend
+                in2="BackgroundImageFix"
+                result="effect1_dropShadow_3878_7498"
+              />
+              <feblend
+                in="SourceGraphic"
+                in2="effect1_dropShadow_3878_7498"
+                result="shape"
+              />
+            </filter>
+            <filter
+              color-interpolation-filters="sRGB"
+              filterUnits="userSpaceOnUse"
+              height="3.876"
+              id="filter3_d_3878_7498"
+              width="2.94"
+              x="5.41"
+              y="11.53"
+            >
+              <feflood
+                flood-opacity="0"
+                result="BackgroundImageFix"
+              />
+              <fecolormatrix
+                in="SourceAlpha"
+                result="hardAlpha"
+                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+              />
+              <feoffset />
+              <fegaussianblur
+                stdDeviation="0.36"
+              />
+              <fecomposite
+                in2="hardAlpha"
+                operator="out"
+              />
+              <fecolormatrix
+                values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.8 0"
+              />
+              <feblend
+                in2="BackgroundImageFix"
+                result="effect1_dropShadow_3878_7498"
+              />
+              <feblend
+                in="SourceGraphic"
+                in2="effect1_dropShadow_3878_7498"
+                result="shape"
+              />
+            </filter>
+            <lineargradient
+              gradientUnits="userSpaceOnUse"
+              id="paint0_linear_3878_7498"
+              x1="2.739"
+              x2="15.115"
+              y1="10.208"
+              y2="18.018"
+            >
+              <stop
+                offset="0.025"
+                stop-color="#EBFEFF"
+              />
+              <stop
+                offset="0.339"
+                stop-color="#8CCFFF"
+              />
+              <stop
+                offset="0.708"
+                stop-color="#B399FF"
+              />
+              <stop
+                offset="1"
+                stop-color="#BDA6FF"
+              />
+            </lineargradient>
             <lineargradient
               gradientUnits="userSpaceOnUse"
-              id="paint0_linear_5380_77452"
-              x1="1.88672"
-              x2="16.6535"
-              y1="1.85602"
-              y2="7.14405"
+              id="paint1_linear_3878_7498"
+              x1="2.09"
+              x2="15.765"
+              y1="9.332"
+              y2="19.683"
             >
               <stop
                 stop-color="#00BAC6"
@@ -318,6 +1409,14 @@ exports[`Test Chat Message Match Snapshots: pending 1`] = `
                 stop-color="#450FDE"
               />
             </lineargradient>
+            <clippath
+              id="clip0_3878_7498"
+            >
+              <path
+                d="M0 0h20v20H0z"
+                fill="#fff"
+              />
+            </clippath>
           </defs>
         </svg>
       </span>
@@ -389,24 +1488,291 @@ exports[`Test Chat Message Match Snapshots: stopped 1`] = `
         <svg
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 20 20"
           width="1em"
           xmlns="http://www.w3.org/2000/svg"
         >
-          <path
-            clip-rule="evenodd"
-            d="M13.2249 2.24668C12.5545 1.83267 11.6454 1.84694 10.6692 2.13558C10.482 1.96208 10.2315 1.85602 9.95613 1.85602C9.37667 1.85602 8.90692 2.32577 8.90692 2.90523C8.90692 3.48469 9.37667 3.95444 9.95613 3.95444C10.475 3.95444 10.9058 3.57787 10.9903 3.08314C11.8066 2.84774 12.3783 2.89916 12.6994 3.09749C13.0386 3.307 13.2721 3.81542 13.0387 4.82216C12.8098 5.80962 12.1687 7.04337 11.19 8.30528C10.2872 9.46932 9.1701 10.563 8.00924 11.4242C7.85403 11.309 7.69829 11.1888 7.54246 11.0635C6.45332 10.1883 5.44006 9.13558 4.63395 8.04889C5.08983 7.43435 5.61835 6.82198 6.2003 6.24003C6.39556 6.04477 6.39556 5.72819 6.2003 5.53293C6.00504 5.33766 5.68846 5.33766 5.49319 5.53293C4.96591 6.06021 4.47627 6.61494 4.03849 7.17937C3.33769 6.06253 2.95286 5.05034 2.89459 4.28651C2.86262 3.86738 2.9324 3.5722 3.04732 3.37607C3.15616 3.19032 3.3283 3.05298 3.5965 2.98067C4.17696 2.82416 5.14096 2.99647 6.36827 3.63487C7.57146 4.26073 8.8626 5.24974 10.0126 6.43768C10.2047 6.63609 10.5212 6.64122 10.7196 6.44915C10.918 6.25708 10.9232 5.94054 10.7311 5.74214C9.52047 4.49158 8.14491 3.43182 6.82973 2.74771C5.53869 2.07616 4.28848 1.75838 3.33617 2.01515C2.83799 2.14947 2.43782 2.43823 2.18452 2.87052C1.9373 3.29243 1.85513 3.80725 1.89749 4.36257C1.97977 5.44118 2.53563 6.74106 3.41055 8.04888C3.09627 8.51867 2.82218 8.98889 2.59626 9.44961C1.96985 10.727 1.6998 11.9623 2.02581 12.8839C2.197 13.3679 2.52392 13.7358 2.97831 13.9516C3.42032 14.1615 3.94762 14.2116 4.513 14.1415C5.55132 14.0129 6.77601 13.4726 8.00924 12.6476C8.97593 13.2942 9.9375 13.7661 10.8079 14.0017C11.9796 14.3189 13.0998 14.2252 13.7179 13.4017C14.2314 12.7178 14.2295 11.7357 13.9168 10.6895C14.0549 10.5119 14.1371 10.2887 14.1371 10.0463C14.1371 9.46682 13.6673 8.99707 13.0878 8.99707C12.5084 8.99707 12.0386 9.46682 12.0386 10.0463C12.0386 10.5935 12.4576 11.0429 12.9922 11.0912C13.2261 11.9404 13.141 12.5046 12.9182 12.8014C12.6798 13.119 12.1181 13.3204 11.0692 13.0365C10.4136 12.859 9.66391 12.5122 8.87876 12.0196C10.0149 11.1384 11.0939 10.0608 11.9802 8.91814C13.009 7.59159 13.7396 6.22667 14.0129 5.04802C14.2817 3.88865 14.1168 2.79755 13.2249 2.24668ZM3.49412 9.88989C3.64988 9.57224 3.83234 9.24694 4.03848 8.91841C4.86023 9.97789 5.85456 10.99 6.91605 11.843C6.99046 11.9028 7.06503 11.9617 7.13973 12.0196C6.09871 12.6728 5.14128 13.0561 4.39004 13.1491C3.94819 13.2039 3.62654 13.1524 3.4073 13.0483C3.20043 12.95 3.05381 12.7914 2.96856 12.5504C2.7817 12.0222 2.89898 11.1035 3.49412 9.88989ZM7.18854 7.99999C7.18854 7.5518 7.55186 7.18848 8.00005 7.18848C8.44824 7.18848 8.81157 7.5518 8.81157 7.99999C8.81157 8.44818 8.44824 8.81151 8.00005 8.81151C7.55186 8.81151 7.18854 8.44818 7.18854 7.99999ZM8.00005 6.18848C6.99958 6.18848 6.18854 6.99952 6.18854 7.99999C6.18854 9.00046 6.99958 9.81151 8.00005 9.81151C9.00052 9.81151 9.81157 9.00046 9.81157 7.99999C9.81157 6.99952 9.00052 6.18848 8.00005 6.18848Z"
-            fill="url(#paint0_linear_5380_77452)"
-            fill-rule="evenodd"
-          />
+          <g
+            clip-path="url(#clip0_3878_7498)"
+            id="AiAvatar"
+          >
+            <path
+              d="M1.664 4.428c-1.896-2.292 1.08-5.1 3.18-2.172.324.58.87 1.584 1.074 2.292-.72.492-1.536.972-2.136 1.392-.358-1.084-1.116-.907-1.71-1.192a1.2 1.2 0 0 1-.408-.32"
+              fill="#F2F7FA"
+              id="Vector 13"
+            />
+            <path
+              clip-rule="evenodd"
+              d="M2.791 4.502a8 8 0 0 1 .228-.285c.282.082.61.074.886-.058a.95.95 0 0 0 .497-.555c.06-.18.07-.375.037-.577.064-.054.136-.104.228-.158.251.463.537 1.024.716 1.496-.26.171-.527.341-.792.51l-.027.016c-.203.129-.405.257-.598.383a1.64 1.64 0 0 0-.78-.646 3 3 0 0 0-.395-.126m1.365-2.376c-.2.124-.382.266-.558.478a.45.45 0 0 0-.082.427c.058.18.04.263.033.284-.004.012-.008.02-.032.032a.33.33 0 0 1-.163.021.4.4 0 0 1-.109-.023.47.47 0 0 0-.404-.108.5.5 0 0 0-.127.045.8.8 0 0 0-.19.144 4 4 0 0 0-.292.33 10 10 0 0 0-.26.338c-.75-.949-.489-1.91.066-2.36.286-.23.66-.34 1.065-.256.317.066.683.256 1.053.648M3.285.597c.682.14 1.35.597 1.924 1.396l.015.021.013.022c.317.569.893 1.62 1.114 2.387l.09.313-.269.183c-.357.244-.736.485-1.094.712l-.032.02c-.37.235-.716.455-1.006.658l-.495.346-.19-.574a1.16 1.16 0 0 0-.237-.438.74.74 0 0 0-.273-.182 3 3 0 0 0-.385-.115l-.03-.007a3 3 0 0 1-.553-.185l.195-.406-.195.406a1.6 1.6 0 0 1-.56-.44c-1.099-1.328-.82-2.89.155-3.68A2.16 2.16 0 0 1 3.285.597"
+              fill="#64698B"
+              fill-rule="evenodd"
+              id="Vector 13 (Stroke)"
+            />
+            <path
+              d="M18.465 4.428c1.896-2.292-1.08-5.1-3.18-2.172-.324.58-.87 1.584-1.075 2.292.72.492 1.536.972 2.136 1.392.358-1.084 1.116-.907 1.711-1.192a1.2 1.2 0 0 0 .408-.32"
+              fill="#F2F7FA"
+              id="Vector 13_2"
+            />
+            <path
+              clip-rule="evenodd"
+              d="M17.338 4.502a8 8 0 0 0-.228-.285c-.282.082-.61.074-.886-.058a.95.95 0 0 1-.497-.555 1.2 1.2 0 0 1-.037-.577 1.7 1.7 0 0 0-.229-.158c-.25.463-.536 1.024-.715 1.496.26.171.527.341.792.51l.026.016q.308.194.599.383.086-.134.189-.244c.184-.198.39-.32.59-.402.135-.055.273-.095.396-.126m-1.366-2.376c.2.124.383.266.559.478a.45.45 0 0 1 .082.427c-.058.18-.04.263-.033.284.004.012.008.02.032.032a.33.33 0 0 0 .163.021.4.4 0 0 0 .109-.023.47.47 0 0 1 .404-.108.5.5 0 0 1 .127.045.8.8 0 0 1 .19.144c.087.085.192.207.292.33.084.105.175.222.26.338.75-.949.488-1.91-.066-2.36-.286-.23-.66-.34-1.065-.256-.317.066-.683.256-1.054.648m.986 1.927.003.002zM16.843.597c-.681.14-1.35.597-1.924 1.396l-.014.021-.013.022c-.317.569-.893 1.62-1.114 2.387l-.09.313.268.183c.357.244.737.485 1.095.712l.031.02c.371.235.716.455 1.006.658l.496.346.19-.574c.073-.222.158-.354.236-.438a.74.74 0 0 1 .274-.182c.11-.046.229-.076.385-.115l.03-.007c.159-.04.358-.092.552-.185l-.194-.406.194.406c.197-.094.389-.231.56-.44 1.1-1.328.82-2.89-.154-3.68a2.16 2.16 0 0 0-1.814-.437"
+              fill="#64698B"
+              fill-rule="evenodd"
+              id="Vector 13 (Stroke)_2"
+            />
+            <path
+              d="M18.782 11.28c1.332 7.656-3.852 8.124-8.736 8.124s-9.883-.588-8.928-7.5c.804-5.82 4.044-8.268 8.928-8.268s7.82 2.376 8.736 7.644"
+              fill="#F2F7FA"
+              id="Ellipse 1"
+            />
+            <path
+              clip-rule="evenodd"
+              d="M4.35 5.925c-1.417 1.247-2.394 3.201-2.786 6.04-.232 1.678-.096 2.927.277 3.86.37.924.985 1.571 1.777 2.032 1.622.942 3.973 1.097 6.428 1.097 1.218 0 2.43-.03 3.55-.189s2.116-.444 2.913-.935c.786-.485 1.39-1.179 1.73-2.194.344-1.026.425-2.41.1-4.28-.447-2.567-1.375-4.369-2.73-5.532s-3.193-1.738-5.563-1.738c-2.368 0-4.281.592-5.697 1.839m-.596-.675c1.627-1.433 3.776-2.064 6.292-2.064 2.514 0 4.585.612 6.149 1.955 1.562 1.341 2.56 3.361 3.03 6.062.341 1.958.274 3.504-.132 4.719a4.86 4.86 0 0 1-2.111 2.674c-.944.582-2.076.892-3.26 1.06-1.185.169-2.451.198-3.676.198-2.43 0-5.02-.14-6.88-1.22-.948-.55-1.709-1.345-2.16-2.475-.449-1.122-.58-2.538-.334-4.317.412-2.98 1.457-5.16 3.082-6.592"
+              fill="#64698B"
+              fill-rule="evenodd"
+              id="Ellipse 1 (Stroke)"
+            />
+            <g
+              filter="url(#filter0_d_3878_7498)"
+              id="Union"
+            >
+              <path
+                clip-rule="evenodd"
+                d="M5.534 16.853q.162 0 .318-.014c.148-.013.295-.027.443-.027h7.769a.002.002 0 0 0 .002-.003q0-.001.003-.002.193.022.393.022c1.903 0 3.445-1.526 3.445-3.408s-1.427-3.3-2.82-2.928l-.08.021c-.204.055-.444.119-.704.196-.608.18-1.276.075-1.76-.334a2 2 0 0 0-.258-.18l-.853-.486a2.88 2.88 0 0 0-2.864.006l-.835.48q-.135.08-.253.18a1.77 1.77 0 0 1-1.632.342q-.42-.119-.89-.242c-1.393-.373-2.868 1.087-2.868 2.97 0 1.881 1.542 3.407 3.444 3.407"
+                fill="url(#paint0_linear_3878_7498)"
+                fill-rule="evenodd"
+              />
+            </g>
+            <g
+              filter="url(#filter1_d_3878_7498)"
+              id="Union (Stroke)"
+            >
+              <path
+                clip-rule="evenodd"
+                d="M5.534 16.153q.129 0 .255-.011l.02-.002c.138-.012.31-.028.486-.028h7.69a.7.7 0 0 1 .162 0q.154.017.316.017c1.522 0 2.743-1.22 2.743-2.708 0-.767-.29-1.414-.687-1.82s-.853-.538-1.252-.432l-.08.022c-.204.054-.435.116-.685.19-.804.238-1.724.11-2.41-.47q-.073-.06-.154-.107l-.853-.486a2.18 2.18 0 0 0-2.168.005l-.834.48a1 1 0 0 0-.147.104c-.638.548-1.501.703-2.278.485a70 70 0 0 0-.88-.24c-.393-.105-.861.03-1.276.453-.412.42-.712 1.079-.712 1.84 0 1.489 1.222 2.708 2.744 2.708m8.53.659a.002.002 0 0 0 .002-.003q0-.001.003-.002l.015.002a3.5 3.5 0 0 0 .682.007c1.76-.152 3.14-1.614 3.14-3.395 0-1.882-1.426-3.3-2.82-2.928l-.08.021c-.203.055-.443.119-.703.196-.608.18-1.276.075-1.76-.334a2 2 0 0 0-.258-.18l-.853-.486a2.88 2.88 0 0 0-2.864.006l-.835.48q-.135.08-.253.18a1.77 1.77 0 0 1-1.632.342q-.42-.119-.89-.242c-1.393-.373-2.868 1.087-2.868 2.97 0 1.881 1.542 3.407 3.444 3.407q.162 0 .318-.014l.012-.001c.144-.013.287-.026.431-.026z"
+                fill="url(#paint1_linear_3878_7498)"
+                fill-rule="evenodd"
+              />
+            </g>
+            <path
+              clip-rule="evenodd"
+              d="M3.906 12.127c.377-.328.863-.43 1.196-.427a.2.2 0 1 1-.003.4c-.265-.002-.647.082-.93.329-.272.236-.483.645-.377 1.362a.2.2 0 1 1-.395.059c-.123-.831.12-1.384.51-1.723"
+              fill="#fff"
+              fill-rule="evenodd"
+              id="Vector 17 (Stroke)"
+            />
+            <g
+              filter="url(#filter2_d_3878_7498)"
+              id="Vector 18 (Stroke)"
+            >
+              <path
+                clip-rule="evenodd"
+                d="M13.12 12.25a.75.75 0 0 1 .75.75v.936a.75.75 0 0 1-1.5 0V13a.75.75 0 0 1 .75-.75"
+                fill="#fff"
+                fill-rule="evenodd"
+              />
+            </g>
+            <g
+              filter="url(#filter3_d_3878_7498)"
+              id="Vector 19 (Stroke)"
+            >
+              <path
+                clip-rule="evenodd"
+                d="M6.88 12.25a.75.75 0 0 1 .75.75v.936a.75.75 0 0 1-1.5 0V13a.75.75 0 0 1 .75-.75"
+                fill="#fff"
+                fill-rule="evenodd"
+              />
+            </g>
+          </g>
           <defs>
+            <filter
+              color-interpolation-filters="sRGB"
+              filterUnits="userSpaceOnUse"
+              height="9.922"
+              id="filter0_d_3878_7498"
+              width="18.216"
+              x="0.89"
+              y="8.132"
+            >
+              <feflood
+                flood-opacity="0"
+                result="BackgroundImageFix"
+              />
+              <fecolormatrix
+                in="SourceAlpha"
+                result="hardAlpha"
+                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+              />
+              <feoffset />
+              <fegaussianblur
+                stdDeviation="0.6"
+              />
+              <fecomposite
+                in2="hardAlpha"
+                operator="out"
+              />
+              <fecolormatrix
+                values="0 0 0 0 0.233659 0 0 0 0 0.448234 0 0 0 0 1 0 0 0 0.2 0"
+              />
+              <feblend
+                in2="BackgroundImageFix"
+                result="effect1_dropShadow_3878_7498"
+              />
+              <feblend
+                in="SourceGraphic"
+                in2="effect1_dropShadow_3878_7498"
+                result="shape"
+              />
+            </filter>
+            <filter
+              color-interpolation-filters="sRGB"
+              filterUnits="userSpaceOnUse"
+              height="9.922"
+              id="filter1_d_3878_7498"
+              width="18.216"
+              x="0.89"
+              y="8.132"
+            >
+              <feflood
+                flood-opacity="0"
+                result="BackgroundImageFix"
+              />
+              <fecolormatrix
+                in="SourceAlpha"
+                result="hardAlpha"
+                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+              />
+              <feoffset />
+              <fegaussianblur
+                stdDeviation="0.6"
+              />
+              <fecomposite
+                in2="hardAlpha"
+                operator="out"
+              />
+              <fecolormatrix
+                values="0 0 0 0 0.233659 0 0 0 0 0.448234 0 0 0 0 1 0 0 0 0.2 0"
+              />
+              <feblend
+                in2="BackgroundImageFix"
+                result="effect1_dropShadow_3878_7498"
+              />
+              <feblend
+                in="SourceGraphic"
+                in2="effect1_dropShadow_3878_7498"
+                result="shape"
+              />
+            </filter>
+            <filter
+              color-interpolation-filters="sRGB"
+              filterUnits="userSpaceOnUse"
+              height="3.876"
+              id="filter2_d_3878_7498"
+              width="2.94"
+              x="11.65"
+              y="11.53"
+            >
+              <feflood
+                flood-opacity="0"
+                result="BackgroundImageFix"
+              />
+              <fecolormatrix
+                in="SourceAlpha"
+                result="hardAlpha"
+                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+              />
+              <feoffset />
+              <fegaussianblur
+                stdDeviation="0.36"
+              />
+              <fecomposite
+                in2="hardAlpha"
+                operator="out"
+              />
+              <fecolormatrix
+                values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.8 0"
+              />
+              <feblend
+                in2="BackgroundImageFix"
+                result="effect1_dropShadow_3878_7498"
+              />
+              <feblend
+                in="SourceGraphic"
+                in2="effect1_dropShadow_3878_7498"
+                result="shape"
+              />
+            </filter>
+            <filter
+              color-interpolation-filters="sRGB"
+              filterUnits="userSpaceOnUse"
+              height="3.876"
+              id="filter3_d_3878_7498"
+              width="2.94"
+              x="5.41"
+              y="11.53"
+            >
+              <feflood
+                flood-opacity="0"
+                result="BackgroundImageFix"
+              />
+              <fecolormatrix
+                in="SourceAlpha"
+                result="hardAlpha"
+                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+              />
+              <feoffset />
+              <fegaussianblur
+                stdDeviation="0.36"
+              />
+              <fecomposite
+                in2="hardAlpha"
+                operator="out"
+              />
+              <fecolormatrix
+                values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.8 0"
+              />
+              <feblend
+                in2="BackgroundImageFix"
+                result="effect1_dropShadow_3878_7498"
+              />
+              <feblend
+                in="SourceGraphic"
+                in2="effect1_dropShadow_3878_7498"
+                result="shape"
+              />
+            </filter>
             <lineargradient
               gradientUnits="userSpaceOnUse"
-              id="paint0_linear_5380_77452"
-              x1="1.88672"
-              x2="16.6535"
-              y1="1.85602"
-              y2="7.14405"
+              id="paint0_linear_3878_7498"
+              x1="2.739"
+              x2="15.115"
+              y1="10.208"
+              y2="18.018"
+            >
+              <stop
+                offset="0.025"
+                stop-color="#EBFEFF"
+              />
+              <stop
+                offset="0.339"
+                stop-color="#8CCFFF"
+              />
+              <stop
+                offset="0.708"
+                stop-color="#B399FF"
+              />
+              <stop
+                offset="1"
+                stop-color="#BDA6FF"
+              />
+            </lineargradient>
+            <lineargradient
+              gradientUnits="userSpaceOnUse"
+              id="paint1_linear_3878_7498"
+              x1="2.09"
+              x2="15.765"
+              y1="9.332"
+              y2="19.683"
             >
               <stop
                 stop-color="#00BAC6"
@@ -420,6 +1786,14 @@ exports[`Test Chat Message Match Snapshots: stopped 1`] = `
                 stop-color="#450FDE"
               />
             </lineargradient>
+            <clippath
+              id="clip0_3878_7498"
+            >
+              <path
+                d="M0 0h20v20H0z"
+                fill="#fff"
+              />
+            </clippath>
           </defs>
         </svg>
       </span>
@@ -449,7 +1823,6 @@ exports[`Test Chat Message Match Snapshots: stopped 1`] = `
       >
         <span
           class="dtc-copy dtc__message__icon"
-          style="font-size: 16px;"
         >
           <span
             class="dtc__icon"
diff --git a/src/chat/__tests__/__snapshots__/welcome.test.tsx.snap b/src/chat/__tests__/__snapshots__/welcome.test.tsx.snap
new file mode 100644
index 000000000..3eb106ea6
--- /dev/null
+++ b/src/chat/__tests__/__snapshots__/welcome.test.tsx.snap
@@ -0,0 +1,345 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Test Welcome Component matches the snapshot with default props: default welcome 1`] = `
+<DocumentFragment>
+  <div
+    class="dtc__welcome"
+  >
+    <div
+      class="dtc__welcome__content"
+    >
+      <section
+        class="dtc-flex"
+        style="flex-wrap: nowrap; justify-content: normal; align-items: center; gap: 8px;"
+      >
+        <span
+          class="dtc__icon"
+          style="font-size: 24px;"
+        >
+          <svg
+            fill="none"
+            height="1em"
+            viewBox="0 0 20 20"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <g
+              clip-path="url(#clip0_3878_7498)"
+              id="AiAvatar"
+            >
+              <path
+                d="M1.664 4.428c-1.896-2.292 1.08-5.1 3.18-2.172.324.58.87 1.584 1.074 2.292-.72.492-1.536.972-2.136 1.392-.358-1.084-1.116-.907-1.71-1.192a1.2 1.2 0 0 1-.408-.32"
+                fill="#F2F7FA"
+                id="Vector 13"
+              />
+              <path
+                clip-rule="evenodd"
+                d="M2.791 4.502a8 8 0 0 1 .228-.285c.282.082.61.074.886-.058a.95.95 0 0 0 .497-.555c.06-.18.07-.375.037-.577.064-.054.136-.104.228-.158.251.463.537 1.024.716 1.496-.26.171-.527.341-.792.51l-.027.016c-.203.129-.405.257-.598.383a1.64 1.64 0 0 0-.78-.646 3 3 0 0 0-.395-.126m1.365-2.376c-.2.124-.382.266-.558.478a.45.45 0 0 0-.082.427c.058.18.04.263.033.284-.004.012-.008.02-.032.032a.33.33 0 0 1-.163.021.4.4 0 0 1-.109-.023.47.47 0 0 0-.404-.108.5.5 0 0 0-.127.045.8.8 0 0 0-.19.144 4 4 0 0 0-.292.33 10 10 0 0 0-.26.338c-.75-.949-.489-1.91.066-2.36.286-.23.66-.34 1.065-.256.317.066.683.256 1.053.648M3.285.597c.682.14 1.35.597 1.924 1.396l.015.021.013.022c.317.569.893 1.62 1.114 2.387l.09.313-.269.183c-.357.244-.736.485-1.094.712l-.032.02c-.37.235-.716.455-1.006.658l-.495.346-.19-.574a1.16 1.16 0 0 0-.237-.438.74.74 0 0 0-.273-.182 3 3 0 0 0-.385-.115l-.03-.007a3 3 0 0 1-.553-.185l.195-.406-.195.406a1.6 1.6 0 0 1-.56-.44c-1.099-1.328-.82-2.89.155-3.68A2.16 2.16 0 0 1 3.285.597"
+                fill="#64698B"
+                fill-rule="evenodd"
+                id="Vector 13 (Stroke)"
+              />
+              <path
+                d="M18.465 4.428c1.896-2.292-1.08-5.1-3.18-2.172-.324.58-.87 1.584-1.075 2.292.72.492 1.536.972 2.136 1.392.358-1.084 1.116-.907 1.711-1.192a1.2 1.2 0 0 0 .408-.32"
+                fill="#F2F7FA"
+                id="Vector 13_2"
+              />
+              <path
+                clip-rule="evenodd"
+                d="M17.338 4.502a8 8 0 0 0-.228-.285c-.282.082-.61.074-.886-.058a.95.95 0 0 1-.497-.555 1.2 1.2 0 0 1-.037-.577 1.7 1.7 0 0 0-.229-.158c-.25.463-.536 1.024-.715 1.496.26.171.527.341.792.51l.026.016q.308.194.599.383.086-.134.189-.244c.184-.198.39-.32.59-.402.135-.055.273-.095.396-.126m-1.366-2.376c.2.124.383.266.559.478a.45.45 0 0 1 .082.427c-.058.18-.04.263-.033.284.004.012.008.02.032.032a.33.33 0 0 0 .163.021.4.4 0 0 0 .109-.023.47.47 0 0 1 .404-.108.5.5 0 0 1 .127.045.8.8 0 0 1 .19.144c.087.085.192.207.292.33.084.105.175.222.26.338.75-.949.488-1.91-.066-2.36-.286-.23-.66-.34-1.065-.256-.317.066-.683.256-1.054.648m.986 1.927.003.002zM16.843.597c-.681.14-1.35.597-1.924 1.396l-.014.021-.013.022c-.317.569-.893 1.62-1.114 2.387l-.09.313.268.183c.357.244.737.485 1.095.712l.031.02c.371.235.716.455 1.006.658l.496.346.19-.574c.073-.222.158-.354.236-.438a.74.74 0 0 1 .274-.182c.11-.046.229-.076.385-.115l.03-.007c.159-.04.358-.092.552-.185l-.194-.406.194.406c.197-.094.389-.231.56-.44 1.1-1.328.82-2.89-.154-3.68a2.16 2.16 0 0 0-1.814-.437"
+                fill="#64698B"
+                fill-rule="evenodd"
+                id="Vector 13 (Stroke)_2"
+              />
+              <path
+                d="M18.782 11.28c1.332 7.656-3.852 8.124-8.736 8.124s-9.883-.588-8.928-7.5c.804-5.82 4.044-8.268 8.928-8.268s7.82 2.376 8.736 7.644"
+                fill="#F2F7FA"
+                id="Ellipse 1"
+              />
+              <path
+                clip-rule="evenodd"
+                d="M4.35 5.925c-1.417 1.247-2.394 3.201-2.786 6.04-.232 1.678-.096 2.927.277 3.86.37.924.985 1.571 1.777 2.032 1.622.942 3.973 1.097 6.428 1.097 1.218 0 2.43-.03 3.55-.189s2.116-.444 2.913-.935c.786-.485 1.39-1.179 1.73-2.194.344-1.026.425-2.41.1-4.28-.447-2.567-1.375-4.369-2.73-5.532s-3.193-1.738-5.563-1.738c-2.368 0-4.281.592-5.697 1.839m-.596-.675c1.627-1.433 3.776-2.064 6.292-2.064 2.514 0 4.585.612 6.149 1.955 1.562 1.341 2.56 3.361 3.03 6.062.341 1.958.274 3.504-.132 4.719a4.86 4.86 0 0 1-2.111 2.674c-.944.582-2.076.892-3.26 1.06-1.185.169-2.451.198-3.676.198-2.43 0-5.02-.14-6.88-1.22-.948-.55-1.709-1.345-2.16-2.475-.449-1.122-.58-2.538-.334-4.317.412-2.98 1.457-5.16 3.082-6.592"
+                fill="#64698B"
+                fill-rule="evenodd"
+                id="Ellipse 1 (Stroke)"
+              />
+              <g
+                filter="url(#filter0_d_3878_7498)"
+                id="Union"
+              >
+                <path
+                  clip-rule="evenodd"
+                  d="M5.534 16.853q.162 0 .318-.014c.148-.013.295-.027.443-.027h7.769a.002.002 0 0 0 .002-.003q0-.001.003-.002.193.022.393.022c1.903 0 3.445-1.526 3.445-3.408s-1.427-3.3-2.82-2.928l-.08.021c-.204.055-.444.119-.704.196-.608.18-1.276.075-1.76-.334a2 2 0 0 0-.258-.18l-.853-.486a2.88 2.88 0 0 0-2.864.006l-.835.48q-.135.08-.253.18a1.77 1.77 0 0 1-1.632.342q-.42-.119-.89-.242c-1.393-.373-2.868 1.087-2.868 2.97 0 1.881 1.542 3.407 3.444 3.407"
+                  fill="url(#paint0_linear_3878_7498)"
+                  fill-rule="evenodd"
+                />
+              </g>
+              <g
+                filter="url(#filter1_d_3878_7498)"
+                id="Union (Stroke)"
+              >
+                <path
+                  clip-rule="evenodd"
+                  d="M5.534 16.153q.129 0 .255-.011l.02-.002c.138-.012.31-.028.486-.028h7.69a.7.7 0 0 1 .162 0q.154.017.316.017c1.522 0 2.743-1.22 2.743-2.708 0-.767-.29-1.414-.687-1.82s-.853-.538-1.252-.432l-.08.022c-.204.054-.435.116-.685.19-.804.238-1.724.11-2.41-.47q-.073-.06-.154-.107l-.853-.486a2.18 2.18 0 0 0-2.168.005l-.834.48a1 1 0 0 0-.147.104c-.638.548-1.501.703-2.278.485a70 70 0 0 0-.88-.24c-.393-.105-.861.03-1.276.453-.412.42-.712 1.079-.712 1.84 0 1.489 1.222 2.708 2.744 2.708m8.53.659a.002.002 0 0 0 .002-.003q0-.001.003-.002l.015.002a3.5 3.5 0 0 0 .682.007c1.76-.152 3.14-1.614 3.14-3.395 0-1.882-1.426-3.3-2.82-2.928l-.08.021c-.203.055-.443.119-.703.196-.608.18-1.276.075-1.76-.334a2 2 0 0 0-.258-.18l-.853-.486a2.88 2.88 0 0 0-2.864.006l-.835.48q-.135.08-.253.18a1.77 1.77 0 0 1-1.632.342q-.42-.119-.89-.242c-1.393-.373-2.868 1.087-2.868 2.97 0 1.881 1.542 3.407 3.444 3.407q.162 0 .318-.014l.012-.001c.144-.013.287-.026.431-.026z"
+                  fill="url(#paint1_linear_3878_7498)"
+                  fill-rule="evenodd"
+                />
+              </g>
+              <path
+                clip-rule="evenodd"
+                d="M3.906 12.127c.377-.328.863-.43 1.196-.427a.2.2 0 1 1-.003.4c-.265-.002-.647.082-.93.329-.272.236-.483.645-.377 1.362a.2.2 0 1 1-.395.059c-.123-.831.12-1.384.51-1.723"
+                fill="#fff"
+                fill-rule="evenodd"
+                id="Vector 17 (Stroke)"
+              />
+              <g
+                filter="url(#filter2_d_3878_7498)"
+                id="Vector 18 (Stroke)"
+              >
+                <path
+                  clip-rule="evenodd"
+                  d="M13.12 12.25a.75.75 0 0 1 .75.75v.936a.75.75 0 0 1-1.5 0V13a.75.75 0 0 1 .75-.75"
+                  fill="#fff"
+                  fill-rule="evenodd"
+                />
+              </g>
+              <g
+                filter="url(#filter3_d_3878_7498)"
+                id="Vector 19 (Stroke)"
+              >
+                <path
+                  clip-rule="evenodd"
+                  d="M6.88 12.25a.75.75 0 0 1 .75.75v.936a.75.75 0 0 1-1.5 0V13a.75.75 0 0 1 .75-.75"
+                  fill="#fff"
+                  fill-rule="evenodd"
+                />
+              </g>
+            </g>
+            <defs>
+              <filter
+                color-interpolation-filters="sRGB"
+                filterUnits="userSpaceOnUse"
+                height="9.922"
+                id="filter0_d_3878_7498"
+                width="18.216"
+                x="0.89"
+                y="8.132"
+              >
+                <feflood
+                  flood-opacity="0"
+                  result="BackgroundImageFix"
+                />
+                <fecolormatrix
+                  in="SourceAlpha"
+                  result="hardAlpha"
+                  values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+                />
+                <feoffset />
+                <fegaussianblur
+                  stdDeviation="0.6"
+                />
+                <fecomposite
+                  in2="hardAlpha"
+                  operator="out"
+                />
+                <fecolormatrix
+                  values="0 0 0 0 0.233659 0 0 0 0 0.448234 0 0 0 0 1 0 0 0 0.2 0"
+                />
+                <feblend
+                  in2="BackgroundImageFix"
+                  result="effect1_dropShadow_3878_7498"
+                />
+                <feblend
+                  in="SourceGraphic"
+                  in2="effect1_dropShadow_3878_7498"
+                  result="shape"
+                />
+              </filter>
+              <filter
+                color-interpolation-filters="sRGB"
+                filterUnits="userSpaceOnUse"
+                height="9.922"
+                id="filter1_d_3878_7498"
+                width="18.216"
+                x="0.89"
+                y="8.132"
+              >
+                <feflood
+                  flood-opacity="0"
+                  result="BackgroundImageFix"
+                />
+                <fecolormatrix
+                  in="SourceAlpha"
+                  result="hardAlpha"
+                  values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+                />
+                <feoffset />
+                <fegaussianblur
+                  stdDeviation="0.6"
+                />
+                <fecomposite
+                  in2="hardAlpha"
+                  operator="out"
+                />
+                <fecolormatrix
+                  values="0 0 0 0 0.233659 0 0 0 0 0.448234 0 0 0 0 1 0 0 0 0.2 0"
+                />
+                <feblend
+                  in2="BackgroundImageFix"
+                  result="effect1_dropShadow_3878_7498"
+                />
+                <feblend
+                  in="SourceGraphic"
+                  in2="effect1_dropShadow_3878_7498"
+                  result="shape"
+                />
+              </filter>
+              <filter
+                color-interpolation-filters="sRGB"
+                filterUnits="userSpaceOnUse"
+                height="3.876"
+                id="filter2_d_3878_7498"
+                width="2.94"
+                x="11.65"
+                y="11.53"
+              >
+                <feflood
+                  flood-opacity="0"
+                  result="BackgroundImageFix"
+                />
+                <fecolormatrix
+                  in="SourceAlpha"
+                  result="hardAlpha"
+                  values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+                />
+                <feoffset />
+                <fegaussianblur
+                  stdDeviation="0.36"
+                />
+                <fecomposite
+                  in2="hardAlpha"
+                  operator="out"
+                />
+                <fecolormatrix
+                  values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.8 0"
+                />
+                <feblend
+                  in2="BackgroundImageFix"
+                  result="effect1_dropShadow_3878_7498"
+                />
+                <feblend
+                  in="SourceGraphic"
+                  in2="effect1_dropShadow_3878_7498"
+                  result="shape"
+                />
+              </filter>
+              <filter
+                color-interpolation-filters="sRGB"
+                filterUnits="userSpaceOnUse"
+                height="3.876"
+                id="filter3_d_3878_7498"
+                width="2.94"
+                x="5.41"
+                y="11.53"
+              >
+                <feflood
+                  flood-opacity="0"
+                  result="BackgroundImageFix"
+                />
+                <fecolormatrix
+                  in="SourceAlpha"
+                  result="hardAlpha"
+                  values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+                />
+                <feoffset />
+                <fegaussianblur
+                  stdDeviation="0.36"
+                />
+                <fecomposite
+                  in2="hardAlpha"
+                  operator="out"
+                />
+                <fecolormatrix
+                  values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.8 0"
+                />
+                <feblend
+                  in2="BackgroundImageFix"
+                  result="effect1_dropShadow_3878_7498"
+                />
+                <feblend
+                  in="SourceGraphic"
+                  in2="effect1_dropShadow_3878_7498"
+                  result="shape"
+                />
+              </filter>
+              <lineargradient
+                gradientUnits="userSpaceOnUse"
+                id="paint0_linear_3878_7498"
+                x1="2.739"
+                x2="15.115"
+                y1="10.208"
+                y2="18.018"
+              >
+                <stop
+                  offset="0.025"
+                  stop-color="#EBFEFF"
+                />
+                <stop
+                  offset="0.339"
+                  stop-color="#8CCFFF"
+                />
+                <stop
+                  offset="0.708"
+                  stop-color="#B399FF"
+                />
+                <stop
+                  offset="1"
+                  stop-color="#BDA6FF"
+                />
+              </lineargradient>
+              <lineargradient
+                gradientUnits="userSpaceOnUse"
+                id="paint1_linear_3878_7498"
+                x1="2.09"
+                x2="15.765"
+                y1="9.332"
+                y2="19.683"
+              >
+                <stop
+                  stop-color="#00BAC6"
+                />
+                <stop
+                  offset="0.5"
+                  stop-color="#0067FF"
+                />
+                <stop
+                  offset="1"
+                  stop-color="#450FDE"
+                />
+              </lineargradient>
+              <clippath
+                id="clip0_3878_7498"
+              >
+                <path
+                  d="M0 0h20v20H0z"
+                  fill="#fff"
+                />
+              </clippath>
+            </defs>
+          </svg>
+        </span>
+        <span
+          class="dtc__welcome__title"
+        >
+          Welcome Title
+        </span>
+      </section>
+      <div
+        class="dtc__welcome__description"
+      >
+        This is a description
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/src/chat/__tests__/content.test.tsx b/src/chat/__tests__/content.test.tsx
index 71aa82ca2..776556ad0 100644
--- a/src/chat/__tests__/content.test.tsx
+++ b/src/chat/__tests__/content.test.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-non-null-assertion */
 import React from 'react';
 import { act, cleanup, fireEvent, render } from '@testing-library/react';
 import { produce } from 'immer';
@@ -94,14 +95,6 @@ describe('Test Chat Content', () => {
         ).toMatchSnapshot('normal');
     });
 
-    it('Should support hidden robot icon', () => {
-        const { container } = render(
-            <Content data={[]} placeholder={<div>placeholder</div>} robotIcon={false} />
-        );
-
-        expect(container.querySelector('.dtc__icon')).toBeNull();
-    });
-
     it('Should disabled', () => {
         const { container } = render(
             <Content data={[]} placeholder={<div>placeholder</div>} scrollable={false} />
diff --git a/src/chat/__tests__/icon.test.tsx b/src/chat/__tests__/icon.test.tsx
index f3804c447..df9354573 100644
--- a/src/chat/__tests__/icon.test.tsx
+++ b/src/chat/__tests__/icon.test.tsx
@@ -1,25 +1,14 @@
 import React from 'react';
 import { cleanup, render } from '@testing-library/react';
 
-import {
-    AssistantAvatarIcon,
-    CopyIcon,
-    GradientDotIcon,
-    PauseIcon,
-    ReloadIcon,
-    RobotIcon,
-    SendIcon,
-    ShiningIcon,
-} from '../icon';
+import { CopyIcon, GradientDotIcon, PauseIcon, ReloadIcon, SendIcon, ShiningIcon } from '../icon';
 
 describe('Test Chat Icon', () => {
     beforeEach(cleanup);
 
     it('Match Snapshots', () => {
-        expect(render(<AssistantAvatarIcon />).asFragment()).toMatchSnapshot('AssistantAvatarIcon');
         expect(render(<ReloadIcon />).asFragment()).toMatchSnapshot('ReloadIcon');
         expect(render(<PauseIcon />).asFragment()).toMatchSnapshot('PauseIcon');
-        expect(render(<RobotIcon />).asFragment()).toMatchSnapshot('RobotIcon');
         expect(render(<SendIcon />).asFragment()).toMatchSnapshot('SendIcon');
         expect(render(<SendIcon gradient />).asFragment()).toMatchSnapshot(
             'SendIcon with gradient'
diff --git a/src/chat/__tests__/input.test.tsx b/src/chat/__tests__/input.test.tsx
index d9cb0d9ba..c3cc65771 100644
--- a/src/chat/__tests__/input.test.tsx
+++ b/src/chat/__tests__/input.test.tsx
@@ -56,4 +56,17 @@ describe('Test Chat Input', () => {
         expect(onChange).not.toBeCalled();
         expect(onPressEnter).toBeCalledTimes(1);
     });
+
+    it('Should call onSubmit', () => {
+        const onSubmit = jest.fn();
+        const { container, rerender } = render(<Input onSubmit={onSubmit} />);
+        const ele = container.querySelector<HTMLSpanElement>('.dtc__chat__textarea__send')!;
+        fireEvent.click(ele);
+        expect(onSubmit).toBeCalled();
+
+        onSubmit.mockClear();
+        rerender(<Input button={{ disabled: true }} onSubmit={onSubmit} />);
+        fireEvent.click(ele);
+        expect(onSubmit).not.toBeCalled();
+    });
 });
diff --git a/src/chat/__tests__/markdown.test.tsx b/src/chat/__tests__/markdown.test.tsx
index 050f3488a..04364e153 100644
--- a/src/chat/__tests__/markdown.test.tsx
+++ b/src/chat/__tests__/markdown.test.tsx
@@ -6,11 +6,17 @@ import Markdown from '../markdown';
 
 jest.mock('remark-gfm', () => () => {});
 
+const markdown = `
+# title
+
+---
+`;
+
 describe('Test Chat Markdown', () => {
     beforeEach(cleanup);
 
     it('Match Snapshots', () => {
-        expect(render(<Markdown># title</Markdown>).asFragment()).toMatchSnapshot('default');
+        expect(render(<Markdown>{markdown}</Markdown>).asFragment()).toMatchSnapshot('default');
         expect(
             render(
                 <Markdown typing className="test">
diff --git a/src/chat/__tests__/welcome.test.tsx b/src/chat/__tests__/welcome.test.tsx
new file mode 100644
index 000000000..2a0b3cdd7
--- /dev/null
+++ b/src/chat/__tests__/welcome.test.tsx
@@ -0,0 +1,49 @@
+import React from 'react';
+import { cleanup, render } from '@testing-library/react';
+import '@testing-library/jest-dom';
+
+import Welcome, { type IWelcomeProps } from '../welcome';
+
+describe('Test Welcome Component', () => {
+    beforeEach(() => cleanup());
+
+    const defaultProps: IWelcomeProps = {
+        title: 'Welcome Title',
+        description: 'This is a description',
+    };
+
+    it('matches the snapshot with default props', () => {
+        const { asFragment } = render(<Welcome {...defaultProps} />);
+        expect(asFragment()).toMatchSnapshot('default welcome');
+    });
+
+    it('renders with a custom icon', () => {
+        const customIcon = <div data-testid="custom-icon">Custom Icon</div>;
+        const { getByTestId } = render(<Welcome {...defaultProps} icon={customIcon} />);
+        expect(getByTestId('custom-icon')).toBeInTheDocument();
+    });
+
+    it('applies custom className and style', () => {
+        const { container } = render(
+            <Welcome
+                {...defaultProps}
+                className="custom-class"
+                style={{ backgroundColor: 'red' }}
+            />
+        );
+        expect(container.firstChild).toHaveClass('custom-class');
+        expect(container.firstChild).toHaveStyle('background-color: red');
+    });
+
+    it('renders title and description correctly', () => {
+        const { getByText } = render(<Welcome {...defaultProps} />);
+        expect(getByText('Welcome Title')).toBeInTheDocument();
+        expect(getByText('This is a description')).toBeInTheDocument();
+    });
+
+    it('renders without description when not provided', () => {
+        const { queryByText } = render(<Welcome title="Title Only" />);
+        expect(queryByText('Title Only')).toBeInTheDocument();
+        expect(queryByText('This is a description')).not.toBeInTheDocument();
+    });
+});