@ndscnj/roomkit-web-vue3 3.2.0

package/src/TUIRoom/components/Chat/ChatKit/assets/icon/forward-each.svg

@@ -0,0 +1,6 @@
+<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="&#231;&#188;&#150;&#231;&#187;&#132;">
+<circle id="&#230;&#164;&#173;&#229;&#156;&#134;&#229;&#189;&#162;" cx="40" cy="40" r="38" stroke="#444444" stroke-width="4"/>
+<path id="&#232;&#183;&#175;&#229;&#190;&#132;" d="M22.0393 54.5694C25.1584 49.9724 29.3723 46.8567 34.5689 45.3912L34.5713 45.3906C37.381 44.6019 39.8194 44.5066 41.2294 44.5448L43.1752 44.5974V46.544V53.6663L57.7786 38.3558L43.2517 23.0584V30.4668V32.3974L41.3223 32.4655C34.455 32.7081 29.5325 34.9563 26.3318 38.9079C25.0376 40.5119 24.0004 42.4338 23.2662 44.6457L22.0393 54.5694ZM22.0393 54.5694C21.9839 53.499 21.9695 52.0473 22.1147 50.3923C22.2993 48.3257 22.6869 46.3923 23.2661 44.6461L22.0393 54.5694Z" stroke="#444444" stroke-width="4"/>
+</g>
+</svg>

package/src/TUIRoom/components/Chat/ChatKit/assets/icon/forward-merge.svg

@@ -0,0 +1,8 @@
+<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="&#231;&#188;&#150;&#231;&#187;&#132;">
+<path id="&#232;&#183;&#175;&#229;&#190;&#132;" d="M21.7586 47.8445C24.2492 44.3734 27.5657 42.0119 31.6213 40.8833L31.6233 40.8827C33.8865 40.2558 35.8501 40.18 36.9868 40.2104L38.6862 40.2558V41.9558V47.2029L50.0059 35.4911L38.7474 23.7914V29.2632V30.9495L37.0622 31.0082C31.5917 31.1989 27.6967 32.965 25.1719 36.041C24.1502 37.2907 23.3303 38.7892 22.7494 40.5163L21.7586 47.8445ZM21.7586 47.8445C21.733 47.0661 21.7407 46.0942 21.837 45.0106C21.9836 43.392 22.291 41.8801 22.7493 40.5166L21.7586 47.8445Z" stroke="#444444" stroke-width="3.49206"/>
+<path id="&#231;&#159;&#169;&#229;&#189;&#162;" fill-rule="evenodd" clip-rule="evenodd" d="M43.5636 47.6924C43.5636 47.1401 44.0113 46.6924 44.5636 46.6924H59C59.5522 46.6924 60 47.1401 60 47.6924V49.7949C60 50.3472 59.5522 50.7949 59 50.7949H44.5636C44.0113 50.7949 43.5636 50.3472 43.5636 49.7949V47.6924Z" fill="#444444"/>
+<rect id="&#231;&#159;&#169;&#229;&#189;&#162;_2" x="20.1455" y="54.8975" width="39.8545" height="4.10256" rx="1" fill="#444444"/>
+<circle id="&#230;&#164;&#173;&#229;&#156;&#134;&#229;&#189;&#162;" cx="40" cy="40" r="38" stroke="#444444" stroke-width="4"/>
+</g>
+</svg>

package/src/TUIRoom/components/Chat/ChatKit/assets/icon/icon-arrow-left.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg class="icon" width="32px" height="32.00px" viewBox="0 0 1024 1024" version="1.1"
+  xmlns="http://www.w3.org/2000/svg">
+  <path fill="#444444"
+    d="M384 512L731.733333 202.666667c17.066667-14.933333 19.2-42.666667 4.266667-59.733334-14.933333-17.066667-42.666667-19.2-59.733333-4.266666l-384 341.333333c-10.666667 8.533333-14.933333 19.2-14.933334 32s4.266667 23.466667 14.933334 32l384 341.333333c8.533333 6.4 19.2 10.666667 27.733333 10.666667 12.8 0 23.466667-4.266667 32-14.933333 14.933333-17.066667 14.933333-44.8-4.266667-59.733334L384 512z" />
+</svg>

package/src/TUIRoom/components/Chat/ChatKit/assets/icon/icon-c2c.svg

@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="43px" height="42px" viewBox="0 0 43 42" version="1.1">
+  <title>编组 3</title>
+  <defs>
+    <path d="M52.1440033,262.168279 C53.7071313,260.607213 56.2397907,260.608885 57.8008563,262.172013 L57.8008563,262.172013 L71.61,275.999572 L301,276 C308.731986,276 315,282.268014 315,290 L315,449 C315,456.731986 308.731986,463 301,463 L29,463 C21.2680135,463 15,456.731986 15,449 L15,290 C15,282.268014 21.2680135,276 29,276 L38.33,275.999572 L52.1402692,262.172013 L52.1402692,262.172013 Z" id="path-1"></path>
+    <filter x="-6.7%" y="-7.9%" width="113.3%" height="119.8%" filterUnits="objectBoundingBox" id="filter-2">
+      <feOffset dx="0" dy="4" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+      <feGaussianBlur stdDeviation="6" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+      <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
+      <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.06 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+    </filter>
+  </defs>
+  <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <g id="信息页-发起聊天" transform="translate(-47.000000, -311.000000)">
+      <rect fill="#000000" x="0" y="0" width="750" height="1624"></rect>
+      <rect id="矩形" fill="#FFFFFF" x="0" y="0" width="750" height="1624"></rect>
+      <rect id="矩形" fill-opacity="0.1" fill="#FFFFFF" x="0" y="284" width="750" height="144"></rect>
+      <g id="编组-5" transform="translate(32.000000, 298.000000)">
+        <g id="位图" transform="translate(0.000000, 8.000000)">
+          <rect id="矩形" fill="#006EFF" x="0" y="0" width="96" height="96" rx="8"></rect>
+          <path d="M42.4156863,59.7575758 C42.5411765,59.6363636 42.7921569,59.6363636 42.917647,59.7575758 C42.917647,59.7575758 44.172549,60.8484849 47.0588235,60.8484849 C47.6862744,60.8484849 48.1882353,60.8484849 48.8156863,60.7272727 C52.9568628,60.2424242 53.9607843,58.5454545 53.9607843,58.5454545 C54.0862745,58.4242424 54.3372549,58.3030303 54.4627451,58.4242424 C54.5882353,58.5454545 54.7137255,58.6666666 54.7137255,58.9090909 C53.8352941,61.3333333 51.5764706,63.1515151 48.9411764,63.5151515 L48.0627451,63.5151515 C45.6784314,63.5151515 43.4196078,62.3030302 42.1647058,60.3636364 C42.2901961,60 42.2901961,59.8787878 42.4156863,59.7575758 L42.4156863,59.7575758 Z M47.5607843,21.3333333 C58.6039216,21.3333333 67.7647059,28.8484848 70.1490196,38.7878788 L70.2745098,38.7878788 C72.7843137,38.7878788 74.6666667,40.7272727 74.6666667,43.0303031 L74.6666667,51.5151515 C74.6666667,53.3333333 73.5372549,54.7878788 71.9058823,55.3939394 C70.1490196,64.969697 61.4901961,71.2727273 50.6980392,72.1212121 C50.1960784,73.5757576 48.8156863,74.6666667 47.0588235,74.6666667 C44.9254902,74.6666667 43.2941176,73.0909091 43.2941176,71.030303 C43.2941176,68.969697 45.0509803,67.3939394 47.0588235,67.3939394 C48.6901961,67.3939394 50.0705882,68.3636363 50.572549,69.6969697 C59.8588235,68.9696969 67.3882353,63.8787878 69.2705882,55.6363636 C68.1411764,55.3939394 67.1372549,54.7878788 66.5098039,53.8181818 C64.8784314,58.5454545 61.4901961,62.5454545 57.0980392,64.8484849 L56.972549,64.9696969 L56.5960784,64.9696969 C56.4915032,64.8686868 56.474074,64.8518518 56.4711692,64.7789001 L56.4705882,64.7272727 C56.4705882,64.6060606 56.4705882,64.6060606 56.5960784,64.4848485 C60.9882353,60.6060606 61.2392157,56.8484849 60.7372549,51.2727273 C60.3607843,46.4242424 57.3490196,41.8181818 55.9686275,39.7575758 L55.8431372,39.8787879 C55.717647,39.7575757 55.5921569,39.6363636 55.4666667,39.6363636 C55.2156863,39.6363636 55.0901961,39.7575758 54.9647058,40 C54.8392156,41.4545455 54.462745,42.4242424 54.2117647,42.9090909 C53.2078431,44.9696969 51.5764706,46.3030303 49.1921569,46.6666667 C45.427451,47.2727273 41.6627451,48.1212121 38.0235294,48.7272727 C35.6392156,49.0909091 33.6313725,51.6363636 34.1333333,54.3030303 C34.9926684,59.9947299 38.974432,64.1784384 40.2044901,65.1519921 L40.2153333,65.1603333 L40.2039215,65.1515151 C40.1568627,65.1212121 40.0941176,65.0909091 40.0313725,65.0909091 C39.9058824,65.0909091 39.9058823,65.2121212 39.7803922,65.2121212 C39.6549019,65.3333333 39.5294118,65.5757576 39.5294117,65.5757576 C34.6352941,63.5151515 30.745098,59.5151516 28.8627451,54.6666667 C28.1098039,55.6363636 26.8549019,56.2424243 25.6,56.2424242 C23.2156862,56.2424242 21.3333333,54.3030303 21.3333333,52 L21.3333333,43.6363636 C21.3333333,41.5757576 22.8392157,39.8787879 24.8470588,39.5151515 C26.8549019,29.2121212 36.2666666,21.3333333 47.5607843,21.3333333 Z M47.5607843,25.0909091 C38.0235294,25.0909091 29.9921569,31.8787879 28.4862745,40.7272727 C28.6117647,40.8484849 28.8627451,40.969697 28.9882352,41.2121212 C31.8745097,33.939394 39.1529411,28.7272727 47.6862745,28.7272727 C56.2196078,28.7272727 63.4980392,33.939394 66.3843137,41.3333333 L66.7607843,40.6060606 C65.0039216,31.7575757 57.0980392,25.0909091 47.5607843,25.0909091 Z" id="形状" fill="#FFFFFF" fill-rule="nonzero"></path>
+        </g>
+      </g>
+      <g id="形状结合">
+        <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+        <path stroke="#E0E0E0" stroke-width="2" d="M54.8888733,262.000133 C55.625226,261.979907 56.3673182,262.22911 56.9545645,262.748115 L56.9545645,262.748115 L71.1955708,276.999572 L301,277 C304.589851,277 307.839851,278.455075 310.192388,280.807612 C312.544925,283.160149 314,286.410149 314,290 L314,290 L314,449 C314,452.589851 312.544925,455.839851 310.192388,458.192388 C307.839851,460.544925 304.589851,462 301,462 L301,462 L29,462 C25.4101491,462 22.1601491,460.544925 19.8076118,458.192388 C17.4550746,455.839851 16,452.589851 16,449 L16,449 L16,290 C16,286.410149 17.4550746,283.160149 19.8076118,280.807612 C22.1601491,278.455075 25.4101491,277 29.0000458,277 L29.0000458,277 L38.7445991,276.999553 L52.8469102,262.879585 C53.4135391,262.313702 54.1483154,262.020475 54.8888733,262.000133 Z" stroke-linejoin="square" fill="#FFFFFF" fill-rule="evenodd"></path>
+      </g>
+      <g id="编组-3" transform="translate(47.000000, 305.000000)" stroke="#666666" stroke-width="4">
+        <g id="编组-24" transform="translate(6.142857, 11.000000)">
+          <path d="M18.7142857,22 C21.4757095,22 23.9757095,23.1192881 25.7853535,24.9289322 C27.5949976,26.7385763 28.7142857,29.2385763 28.7142857,32 L28.7142857,32 L2,32 L2.0057986,31.6562146 C2.09061716,29.145562 3.10093106,26.8695956 4.70635331,25.1587023 L4.92893219,24.9289322 C6.73857625,23.1192881 9.23857625,22 12,22 L12,22 Z" id="矩形"></path>
+          <ellipse id="椭圆形" cx="15.3571429" cy="9" rx="7.21428571" ry="7"></ellipse>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

package/src/TUIRoom/components/Chat/ChatKit/assets/icon/icon-close.svg

@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M9.30533 7.99984L15.7557 1.54943C16.0813 1.22383 16.0813 0.687032 15.7557 0.361432L15.7205 0.326232C15.3949 0.000631131 14.8581 0.000631131 14.5325 0.326232L8.08212 6.78544L1.63172 0.326232C1.30612 0.000631131 0.769316 0.000631131 0.443715 0.326232L0.408515 0.361432C0.0741147 0.687032 0.0741147 1.22383 0.408515 1.54943L6.85892 7.99984L0.408515 14.4502C0.0829148 14.7759 0.0829148 15.3126 0.408515 15.6383L0.443715 15.6735C0.769316 15.9991 1.30612 15.9991 1.63172 15.6735L8.08212 9.22304L14.5325 15.6735C14.8581 15.9991 15.3949 15.9991 15.7205 15.6735L15.7557 15.6383C16.0813 15.3126 16.0813 14.7759 15.7557 14.4502L9.30533 7.99984Z"
+    fill="#8F959E" />
+</svg>
+  

package/src/TUIRoom/components/Chat/ChatKit/assets/icon/image-dark.svg

@@ -0,0 +1,12 @@
+<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g id="&#231;&#188;&#150;&#231;&#187;&#132; 9" opacity="0.795169">
+    <circle id="&#230;&#164;&#173;&#229;&#156;&#134;&#229;&#189;&#162;" cx="5.5" cy="4.5" r="1" stroke="#D5E0F2" style="stroke:#D5E0F2;"/>
+    <rect id="&#231;&#159;&#169;&#229;&#189;&#162;" x="0.5" y="0.5" width="15" height="13" rx="1.75" stroke="#D5E0F2" style="stroke:#D5E0F2;"/>
+    <g id="&#232;&#183;&#175;&#229;&#190;&#132; 2">
+    <mask id="path-3-inside-1_2613_41437" fill="white">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M3 11L5.42403 8.9433C5.50934 8.87092 5.63487 8.87221 5.71867 8.94633L7.88124 10.8592C7.97058 10.9382 8.10606 10.9338 8.19006 10.8491L13 6"/>
+    </mask>
+    <path d="M2.35303 10.2375C1.93191 10.5948 1.88017 11.2258 2.23748 11.647C2.59479 12.0681 3.22584 12.1198 3.64697 11.7625L2.35303 10.2375ZM13.71 6.70423C14.0989 6.31213 14.0963 5.67897 13.7042 5.29003C13.3121 4.90109 12.679 4.90366 12.29 5.29577L13.71 6.70423ZM7.88124 10.8592L7.2187 11.6082L7.88124 10.8592ZM8.19006 10.8491L8.90003 11.5534L8.19006 10.8491ZM5.42403 8.9433L6.071 9.70582L5.42403 8.9433ZM5.71867 8.94633L6.38121 8.19731L5.71867 8.94633ZM3.64697 11.7625L6.071 9.70582L4.77706 8.18078L2.35303 10.2375L3.64697 11.7625ZM5.05613 9.69536L7.2187 11.6082L8.54378 10.1102L6.38121 8.19731L5.05613 9.69536ZM8.90003 11.5534L13.71 6.70423L12.29 5.29577L7.48009 10.1449L8.90003 11.5534ZM7.2187 11.6082C7.7051 12.0385 8.44272 12.0144 8.90003 11.5534L7.48009 10.1449C7.76941 9.85322 8.23606 9.83799 8.54378 10.1102L7.2187 11.6082ZM6.071 9.70582C5.77716 9.95513 5.34477 9.95068 5.05613 9.69536L6.38121 8.19731C5.92497 7.79374 5.24152 7.78671 4.77706 8.18078L6.071 9.70582Z" fill="#D5E0F2" style="fill:#D5E0F2;" mask="url(#path-3-inside-1_2613_41437)"/>
+    </g>
+    </g>
+    </svg>

package/src/TUIRoom/components/Chat/ChatKit/assets/icon/image-light.svg

@@ -0,0 +1,13 @@
+<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g id="&#231;&#188;&#150;&#231;&#187;&#132; 9" opacity="0.795169">
+    <circle id="&#230;&#164;&#173;&#229;&#156;&#134;&#229;&#189;&#162;" cx="5.5" cy="4.5" r="1" stroke="#232832" style="stroke:#232832;stroke:color(display-p3 0.1360 0.1574 0.1949);stroke-opacity:1;"/>
+    <rect id="&#231;&#159;&#169;&#229;&#189;&#162;" x="0.5" y="0.5" width="15" height="13" rx="1.75" stroke="#232832" style="stroke:#232832;stroke:color(display-p3 0.1360 0.1574 0.1949);stroke-opacity:1;"/>
+    <g id="&#232;&#183;&#175;&#229;&#190;&#132; 2">
+    <mask id="path-3-inside-1_2613_41437" fill="white">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M3 11L5.42403 8.9433C5.50934 8.87092 5.63487 8.87221 5.71867 8.94633L7.88124 10.8592C7.97058 10.9382 8.10606 10.9338 8.19006 10.8491L13 6"/>
+    </mask>
+    <path d="M2.35303 10.2375C1.93191 10.5948 1.88017 11.2258 2.23748 11.647C2.59479 12.0681 3.22584 12.1198 3.64697 11.7625L2.35303 10.2375ZM13.71 6.70423C14.0989 6.31213 14.0963 5.67897 13.7042 5.29003C13.3121 4.90109 12.679 4.90366 12.29 5.29577L13.71 6.70423ZM7.88124 10.8592L7.2187 11.6082L7.88124 10.8592ZM8.19006 10.8491L8.90003 11.5534L8.19006 10.8491ZM5.42403 8.9433L6.071 9.70582L5.42403 8.9433ZM5.71867 8.94633L6.38121 8.19731L5.71867 8.94633ZM3.64697 11.7625L6.071 9.70582L4.77706 8.18078L2.35303 10.2375L3.64697 11.7625ZM5.05613 9.69536L7.2187 11.6082L8.54378 10.1102L6.38121 8.19731L5.05613 9.69536ZM8.90003 11.5534L13.71 6.70423L12.29 5.29577L7.48009 10.1449L8.90003 11.5534ZM7.2187 11.6082C7.7051 12.0385 8.44272 12.0144 8.90003 11.5534L7.48009 10.1449C7.76941 9.85322 8.23606 9.83799 8.54378 10.1102L7.2187 11.6082ZM6.071 9.70582C5.77716 9.95513 5.34477 9.95068 5.05613 9.69536L6.38121 8.19731C5.92497 7.79374 5.24152 7.78671 4.77706 8.18078L6.071 9.70582Z" fill="#232832" style="fill:#232832;fill:color(display-p3 0.1360 0.1574 0.1949);fill-opacity:1;" mask="url(#path-3-inside-1_2613_41437)"/>
+    </g>
+    </g>
+    </svg>
+    

package/src/TUIRoom/components/Chat/ChatKit/assets/icon/input-close.svg

@@ -0,0 +1,3 @@
+<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14C11.366 14 14.5 10.866 14.5 7C14.5 3.13401 11.366 0 7.5 0C3.63401 0 0.5 3.13401 0.5 7C0.5 10.866 3.63401 14 7.5 14ZM9.98528 3.47487L11.0459 4.53553L8.57107 7.01041L11.0459 9.48528L9.98528 10.5459L7.51041 8.07107L5.03553 10.5459L3.97487 9.48528L6.44975 7.01041L3.97487 4.53553L5.03553 3.47487L7.51041 5.94975L9.98528 3.47487Z" fill="#B2B2B2" style="fill:#B2B2B2;fill:color(display-p3 0.6980 0.6980 0.6980);fill-opacity:1;"/>
+</svg>

package/src/TUIRoom/components/Chat/ChatKit/assets/icon/left-arrow.svg

@@ -0,0 +1,6 @@
+<svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+        d="M2.1614 7.00004L7.64211 12.2881L6.5614 13.3308L1.0807 8.04275L0 7.00004L1.0807 5.95733L6.5614 0.669312L7.64211 1.71202L2.1614 7.00004Z"
+        fill="#444444"
+        style="fill:#444444;fill:color(display-p3 0.2667 0.2667 0.2667);fill-opacity:1;" />
+</svg>

package/src/TUIRoom/components/Chat/ChatKit/assets/icon/minus.svg

@@ -0,0 +1,6 @@
+<svg width="36" height="4" viewBox="0 0 36 4" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M19.499 0.5L36 0.5V3.5H19.499H16.499H0V0.5L16.499 0.5H19.499Z" fill="#BBBBBB"
+        style="fill:#BBBBBB;fill:color(display-p3 0.7333 0.7333 0.7333);fill-opacity:1;" />
+</svg>
+    

package/src/TUIRoom/components/Chat/ChatKit/assets/icon/msg-audio.svg

@@ -0,0 +1 @@
+<svg width="62" height="78" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#prefix__clip0_1_7)"><path fill-rule="evenodd" clip-rule="evenodd" d="M28 39.5c0-6.638-2.558-12.755-7-17l5-5.5c5.936 5.662 9 13.637 9 22.5 0 8.604-3.364 16.373-9 22L21 56c4.225-4.22 7-10.048 7-16.5zm18.025 38.502L41 73c8.457-8.442 13.25-20.631 13.25-33.54C54.25 26.147 48.925 13.493 40 5l5.084-5C55.503 9.91 62 23.924 62 39.46c0 15.062-6.108 28.694-15.975 38.542zM7.75 47.23c4.28 0 7.75-3.479 7.75-7.77 0-4.29-3.47-7.77-7.75-7.77-4.28 0-7.75 3.48-7.75 7.77 0 4.291 3.47 7.77 7.75 7.77z" fill="#444"/></g><defs><clipPath id="prefix__clip0_1_7"><path fill="#fff" d="M0 0h62v78H0z"/></clipPath></defs></svg>

package/src/TUIRoom/components/Chat/ChatKit/assets/icon/msg-copy.svg

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="40px" height="40px" viewBox="0 0 40 40" version="1.1">
+  <title>编组 14</title>
+  <defs>
+    <path d="M467,0 C474.731986,-2.71135202e-14 481,6.2680135 481,14 L481,247 C481,254.731986 474.731986,261 467,261 L353.036,261 L340.862492,273.204941 C339.302377,274.769018 336.769719,274.77223 335.205642,273.212116 C335.203247,273.209727 335.200856,273.207335 335.198467,273.204941 L323.024,261 L14,261 C6.2680135,261 2.72325209e-15,254.731986 0,247 L0,14 C8.29461588e-16,6.2680135 6.2680135,3.19669972e-15 14,0 L467,0 Z" id="path-1"></path>
+    <filter x="-10.1%" y="-14.0%" width="120.2%" height="135.4%" filterUnits="objectBoundingBox" id="filter-2">
+      <feOffset dx="0" dy="10" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+      <feGaussianBlur stdDeviation="14.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+      <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.06 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+    </filter>
+  </defs>
+  <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <g id="消息状态" transform="translate(-541.000000, -196.000000)">
+      <g id="编组-11" transform="translate(499.000000, 163.000000)">
+        <g id="形状结合">
+          <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+          <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-1"></use>
+        </g>
+        <g id="编组-19" transform="translate(8.000000, 1.000000)" fill-rule="nonzero">
+          <g id="编组-17" transform="translate(34.000000, 32.000000)">
+            <g id="编组-14" transform="translate(0.000000, 0.249660)">
+              <rect id="矩形" stroke="#444444" stroke-width="4" x="6" y="11.7115453" width="20.4869565" height="24.5849258" rx="1"></rect>
+              <path d="M36,2.01560374 L36,28.7262543 C36,29.0023967 35.7761424,29.2262543 35.5,29.2262543 L32.4652074,29.2262543 C32.1890657,29.2262525 31.9652084,29.002396 31.9652057,28.7262543 L31.9651258,6.04681123 L31.9651258,6.04681123 L12.2913043,6.04719144 C12.015162,6.04720643 11.7913,5.82335314 11.7912947,5.54721076 C11.7912947,5.54720754 11.7912947,5.54720432 11.7913043,5.5472011 L11.7913043,2.51560374 C11.7913043,2.23946137 12.015162,2.01560374 12.2913043,2.01560374 L36,2.01560374 L36,2.01560374 Z" id="路径-3" fill="#444444"></path>
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

package/src/TUIRoom/components/Chat/ChatKit/assets/icon/msg-del.svg

@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="40px" height="40px" viewBox="0 0 40 40" version="1.1">
+  <title>矩形</title>
+  <defs>
+    <path d="M467,0 C474.731986,-2.71135202e-14 481,6.2680135 481,14 L481,247 C481,254.731986 474.731986,261 467,261 L353.036,261 L340.862492,273.204941 C339.302377,274.769018 336.769719,274.77223 335.205642,273.212116 C335.203247,273.209727 335.200856,273.207335 335.198467,273.204941 L323.024,261 L14,261 C6.2680135,261 2.72325209e-15,254.731986 0,247 L0,14 C8.29461588e-16,6.2680135 6.2680135,3.19669972e-15 14,0 L467,0 Z" id="path-1"></path>
+    <filter x="-10.1%" y="-14.0%" width="120.2%" height="135.4%" filterUnits="objectBoundingBox" id="filter-2">
+      <feOffset dx="0" dy="10" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+      <feGaussianBlur stdDeviation="14.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+      <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.06 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+    </filter>
+  </defs>
+  <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <g id="消息状态" transform="translate(-779.000000, -326.000000)">
+      <g id="编组-11" transform="translate(499.000000, 163.000000)">
+        <g id="形状结合">
+          <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+          <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-1"></use>
+        </g>
+        <g id="编组-13备份" transform="translate(246.000000, 131.583780)">
+          <g id="编组-17" transform="translate(34.000000, 31.416220)">
+            <g id="编组-18" transform="translate(4.000000, 2.847939)">
+              <path d="M27,8.04349833 L27,34.26099 L5,34.26099 L5,8.04349833 L27,8.04349833 Z" id="路径-5" stroke="#444444" stroke-width="4"></path>
+              <rect id="矩形" fill="#444444" x="9.14285714" y="0" width="14" height="4.02899889"></rect>
+              <rect id="矩形" fill="#444444" x="0" y="6.04349833" width="32" height="4.02899889"></rect>
+              <path d="M14,15.1087458 L14,27.1957425 L10,27.1957425 L10,15.1087458 L14,15.1087458 Z M22,15.1087458 L22,27.1957425 L18,27.1957425 L18,15.1087458 L22,15.1087458 Z" id="形状结合" fill="#444444"></path>
+            </g>
+          </g>
+        </g>
+        <g id="编组-19" transform="translate(8.000000, 1.000000)"></g>
+      </g>
+    </g>
+  </g>
+</svg>

package/src/TUIRoom/components/Chat/ChatKit/assets/icon/msg-forward.svg

@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="40px" height="40px" viewBox="0 0 40 40" version="1.1">
+  <title>编组</title>
+  <defs>
+    <path d="M467,0 C474.731986,-2.71135202e-14 481,6.2680135 481,14 L481,247 C481,254.731986 474.731986,261 467,261 L353.036,261 L340.862492,273.204941 C339.302377,274.769018 336.769719,274.77223 335.205642,273.212116 C335.203247,273.209727 335.200856,273.207335 335.198467,273.204941 L323.024,261 L14,261 C6.2680135,261 2.72325209e-15,254.731986 0,247 L0,14 C8.29461588e-16,6.2680135 6.2680135,3.19669972e-15 14,0 L467,0 Z" id="path-1"></path>
+    <filter x="-10.1%" y="-14.0%" width="120.2%" height="135.4%" filterUnits="objectBoundingBox" id="filter-2">
+      <feOffset dx="0" dy="10" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+      <feGaussianBlur stdDeviation="14.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+      <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.06 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+    </filter>
+  </defs>
+  <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <g id="消息状态" transform="translate(-660.000000, -196.000000)">
+      <g id="编组-11" transform="translate(499.000000, 163.000000)">
+        <g id="形状结合">
+          <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+          <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-1"></use>
+        </g>
+        <g id="编组-19" transform="translate(8.000000, 1.000000)" fill-rule="nonzero" stroke="#444444" stroke-width="4">
+          <g id="编组-13" transform="translate(119.000000, 0.000000)">
+            <g id="编组-17" transform="translate(34.000000, 32.000000)">
+              <g id="编组" transform="translate(0.000000, 0.249660)">
+                <path d="M23.1265517,6.28055724 L35.7271185,19.5748426 L23.0577232,32.8831329 L23.0577232,25.1147287 C22.2832234,25.0144246 21.6206186,24.9731478 21.1119625,24.9593482 C19.8469875,24.9250298 17.622079,25.0087745 15.0567889,25.7301995 C10.5501298,27.0035633 6.83444935,29.6335962 4.00998374,33.593477 C3.98525766,32.7188606 3.9976824,31.6416134 4.10230378,30.4471653 C4.26498285,28.6221312 4.60551504,26.8911737 5.12965716,25.3080362 C5.77312173,23.3656805 6.68732788,21.6451437 7.85433875,20.1962611 C11.1297915,16.1439451 16.3122766,14.2888953 23.1265517,14.4503809 L23.1265517,14.4503809 L23.1265517,6.28055724 Z" id="路径"></path>
+              </g>
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

package/src/TUIRoom/components/Chat/ChatKit/assets/icon/msg-quote.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 41" class="design-iconfont">
+  <g fill="none" fill-rule="evenodd">
+    <path d="M34,2 L34,28.6209709 L20.7153357,28.6209709 L17.9993455,31.4022694 L15.2847485,28.6219998 L2,28.6219998 L2,2 L34,2 Z" transform="translate(2 3.273066)" fill-rule="nonzero" stroke="#444" stroke-width="4"/>
+    <path fill="#444" d="M11 16.12483H15V20.15603749H11z" transform="translate(0 .24966)"/>
+    <path fill="#444" d="M18 16.12483H22V20.15603749H18z" transform="translate(0 .24966)"/>
+    <path fill="#444" d="M25 16.12483H29V20.15603749H25z" transform="translate(0 .24966)"/>
+  </g>
+</svg>

package/src/TUIRoom/components/Chat/ChatKit/assets/icon/msg-revoke.svg

@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="40px" height="40px" viewBox="0 0 40 40" version="1.1">
+  <title>矩形</title>
+  <defs>
+    <path d="M467,0 C474.731986,-2.71135202e-14 481,6.2680135 481,14 L481,247 C481,254.731986 474.731986,261 467,261 L353.036,261 L340.862492,273.204941 C339.302377,274.769018 336.769719,274.77223 335.205642,273.212116 C335.203247,273.209727 335.200856,273.207335 335.198467,273.204941 L323.024,261 L14,261 C6.2680135,261 2.72325209e-15,254.731986 0,247 L0,14 C8.29461588e-16,6.2680135 6.2680135,3.19669972e-15 14,0 L467,0 Z" id="path-1"></path>
+    <filter x="-10.1%" y="-14.0%" width="120.2%" height="135.4%" filterUnits="objectBoundingBox" id="filter-2">
+      <feOffset dx="0" dy="10" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+      <feGaussianBlur stdDeviation="14.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+      <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.06 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+    </filter>
+  </defs>
+  <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <g id="消息状态" transform="translate(-660.000000, -327.000000)">
+      <g id="编组-11" transform="translate(499.000000, 163.000000)">
+        <g id="形状结合">
+          <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+          <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-1"></use>
+        </g>
+        <g id="编组-19" transform="translate(8.000000, 1.000000)" fill="#444444" fill-rule="nonzero">
+          <g id="编组-13" transform="translate(119.000000, 131.000000)">
+            <g id="编组-21" transform="translate(34.000000, 32.000000)">
+              <path d="M9.94902685,18.825399 C9.94902685,19.1015414 9.72516923,19.325399 9.44902685,19.325399 C9.31552791,19.325399 9.18757266,19.2720125 9.09366105,19.1771306 L2.13687841,12.1484693 C1.94403281,11.9536312 1.94403281,11.6398441 2.13687841,11.445006 L9.09366105,4.41634471 C9.28791708,4.2200816 9.60449539,4.21845454 9.8007585,4.41271056 C9.89564042,4.50662217 9.94902685,4.63457741 9.94902685,4.76807636 L9.94824421,9.73507632 L22.6994692,9.73558854 C31.0812313,9.73558854 38,15.6504194 38,23.1330579 C38,30.5145797 31.2669616,36.3703807 23.0384554,36.5272976 L22.6994692,36.5305273 L10.4390092,36.5305273 C9.88672441,36.5305273 9.43900916,36.082812 9.43900916,35.5305273 L9.43900916,33.408229 C9.43900916,32.8559443 9.88672441,32.408229 10.4390092,32.408229 L22.6994692,32.408229 C28.9648068,32.408229 33.9198585,28.1721729 33.9198585,23.1330579 C33.9198585,18.1779281 29.1285988,13.9993117 23.0116273,13.861401 L22.6994692,13.8578868 L9.94824421,13.8570763 L9.94902685,18.825399 Z" id="路径"></path>
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

package/src/TUIRoom/components/Chat/ChatKit/assets/icon/multiple-select.svg

@@ -0,0 +1,5 @@
+<svg width="37" height="37" viewBox="0 0 37 37" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="&#231;&#188;&#150;&#231;&#187;&#132;">
+<path id="&#229;&#189;&#162;&#231;&#138;&#182;&#231;&#187;&#147;&#229;&#144;&#136;" fill-rule="evenodd" clip-rule="evenodd" d="M10.5826 0.46165C10.2025 0.0807196 9.58916 0.0688692 9.19464 0.434835L5.63779 3.73431L4.20962 2.56125C3.79371 2.21963 3.18202 2.26848 2.8256 2.67178L1.19197 4.52024C0.816905 4.94463 0.868823 5.59552 1.30642 5.95509L5.1484 9.11198C5.5349 9.42956 6.09662 9.41269 6.46335 9.07247L12.304 3.65419C12.7194 3.26888 12.732 2.61581 12.3318 2.21475L10.5826 0.46165ZM9.16745 14.027C9.56196 13.661 10.1753 13.6728 10.5554 14.0538L12.3046 15.8069C12.7048 16.2079 12.6922 16.861 12.2768 17.2463L6.43616 22.6646C6.06942 23.0048 5.5077 23.0217 5.1212 22.7041L1.27923 19.5472C0.841626 19.1876 0.789707 18.5368 1.16478 18.1124L2.7984 16.2639C3.15483 15.8606 3.76652 15.8118 4.18243 16.1534L5.61059 17.3264L9.16745 14.027ZM14.1637 16.0705C14.1637 15.7944 14.3876 15.5705 14.6637 15.5705H36.4728C36.7489 15.5705 36.9728 15.7944 36.9728 16.0705V19.4692C36.9728 19.7453 36.7489 19.9692 36.4728 19.9692H14.6637C14.3876 19.9692 14.1637 19.7453 14.1637 19.4692V16.0705ZM10.5554 27.6271C10.1753 27.2461 9.56196 27.2343 9.16745 27.6002L5.61059 30.8997L4.18243 29.7267C3.76652 29.385 3.15483 29.4339 2.7984 29.8372L1.16478 31.6857C0.789707 32.11 0.841626 32.7609 1.27923 33.1205L5.1212 36.2774C5.5077 36.595 6.06942 36.5781 6.43616 36.2379L12.2768 30.8196C12.6922 30.4343 12.7048 29.7812 12.3046 29.3802L10.5554 27.6271ZM14.6637 29.1438C14.3876 29.1438 14.1637 29.3677 14.1637 29.6438V33.0424C14.1637 33.3186 14.3876 33.5424 14.6637 33.5424H36.4728C36.7489 33.5424 36.9728 33.3186 36.9728 33.0424V29.6438C36.9728 29.3677 36.7489 29.1438 36.4728 29.1438H14.6637ZM14.6909 1.97839C14.4148 1.97839 14.1909 2.20225 14.1909 2.47839V5.87703C14.1909 6.15318 14.4148 6.37703 14.6909 6.37703H36.5C36.7761 6.37703 37 6.15318 37 5.87703V2.47839C37 2.20225 36.7761 1.97839 36.5 1.97839H14.6909Z" fill="#444444"/>
+</g>
+</svg>

package/src/TUIRoom/components/Chat/ChatKit/assets/icon/mute.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" class="design-iconfont">
+  <g fill="none" fill-rule="evenodd">
+    <path d="M4.13744611,6.61713753 L20.551,23 L0,23 L0,21 L3,21 L3,11 C3,9.40883362 3.41291862,7.91410954 4.13744611,6.61713753 Z M21.481,21 L24,21 L24,23 L23.485,23 L21.481,21 Z M12,2 C16.9705627,2 21,6.02943725 21,11 L21,20.52 L5.36684476,4.91705738 C7.01203082,3.12402075 9.37475086,2 12,2 Z" fill="#CCC" transform="translate(4 3)"/>
+    <path fill="#CCC" fill-rule="nonzero" d="M13 0L13 4 11 4 11 0z" transform="translate(4 3)"/>
+    <path stroke="#CCC" d="M8.5 24.5H15.5V25.5H8.5z" transform="translate(4 3)"/>
+    <path stroke="#CCC" stroke-width="2" transform="matrix(-1 0 0 1 31.089472 3)" d="M25.4499982 0.1546001L1.63947409 23.8855564"/>
+  </g>
+</svg>

package/src/TUIRoom/components/Chat/ChatKit/assets/icon/plus.svg

@@ -0,0 +1,7 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M21.5 0L21.499 18.5H40V21.5H21.499L21.5 40H18.5L18.499 21.5H0V18.5H18.499L18.5 0H21.5Z"
+        fill="#BBBBBB"
+        style="fill:#BBBBBB;fill:color(display-p3 0.7333 0.7333 0.7333);fill-opacity:1;" />
+</svg>
+    

package/src/TUIRoom/components/Chat/ChatKit/assets/icon/radio.svg

@@ -0,0 +1,6 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="&#231;&#188;&#150;&#231;&#187;&#132;">
+<circle id="&#230;&#164;&#173;&#229;&#156;&#134;&#229;&#189;&#162;" cx="22" cy="22" r="22" fill="#147AFF"/>
+<path id="&#232;&#183;&#175;&#229;&#190;&#132;" d="M29.8629 13.8987C30.2582 13.5129 30.8913 13.5206 31.277 13.9159L33.035 15.7172C33.4207 16.1124 33.4131 16.7454 33.0179 17.1312L19.0302 30.7857C18.6448 31.162 18.0305 31.1653 17.641 30.7933L10.9897 24.4405C10.5904 24.0591 10.5758 23.4262 10.9571 23.0268L12.6958 21.2055C13.0772 20.8061 13.7102 20.7914 14.1096 21.1727L18.3055 25.1785L29.8629 13.8987Z" fill="white"/>
+</g>
+</svg>

package/src/TUIRoom/components/Chat/ChatKit/assets/icon/right-arrow.svg

@@ -0,0 +1,14 @@
+<svg width="9" height="14" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_2200_23553)">
+        <path
+            d="M6.48068 6.83073L0.999983 12.1188L2.08069 13.1615L7.56139 7.87344L8.64209 6.83073L7.56139 5.78802L2.08069 0.5L0.999983 1.54271L6.48068 6.83073Z"
+            fill="#444444"
+            style="fill:#444444;fill:color(display-p3 0.2667 0.2667 0.2667);fill-opacity:1;" />
+    </g>
+    <defs>
+        <clipPath id="clip0_2200_23553">
+            <rect width="8" height="13" fill="white" style="fill:white;fill:white;fill-opacity:1;"
+                transform="matrix(-1 0 0 1 8.64209 0.5)" />
+        </clipPath>
+    </defs>
+</svg>

package/src/TUIRoom/components/Chat/ChatKit/assets/icon/right-icon.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 3L10 7.78045L5 12" stroke="#979797"/>
+</svg>

package/src/TUIRoom/components/Chat/ChatKit/assets/icon/rotate-left.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1"
+  xmlns="http://www.w3.org/2000/svg">
+  <path fill="#444444"
+    d="M672 418H144c-17.7 0-32 14.3-32 32v414c0 17.7 14.3 32 32 32h528c17.7 0 32-14.3 32-32V450c0-17.7-14.3-32-32-32z m-44 402H188V494h440v326zM819.3 328.5c-78.8-100.7-196-153.6-314.6-154.2l-0.2-64c0-6.5-7.6-10.1-12.6-6.1l-128 101c-4 3.1-3.9 9.1 0 12.3L492 318.6c5.1 4 12.7 0.4 12.6-6.1v-63.9c12.9 0.1 25.9 0.9 38.8 2.5 42.1 5.2 82.1 18.2 119 38.7 38.1 21.2 71.2 49.7 98.4 84.3 27.1 34.7 46.7 73.7 58.1 115.8 11 40.7 14 82.7 8.9 124.8-0.7 5.4-1.4 10.8-2.4 16.1h74.9c14.8-103.6-11.3-213-81-302.3z" />
+</svg>

package/src/TUIRoom/components/Chat/ChatKit/assets/icon/rotate-right.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1"
+  xmlns="http://www.w3.org/2000/svg">
+  <path fill="#444444"
+    d="M480.5 251.2c13-1.6 25.9-2.4 38.8-2.5v63.9c0 6.5 7.5 10.1 12.6 6.1L660 217.6c4-3.2 4-9.2 0-12.3l-128-101c-5.1-4-12.6-0.4-12.6 6.1l-0.2 64c-118.6 0.5-235.8 53.4-314.6 154.2-69.6 89.2-95.7 198.6-81.1 302.4h74.9c-0.9-5.3-1.7-10.7-2.4-16.1-5.1-42.1-2.1-84.1 8.9-124.8 11.4-42.2 31-81.1 58.1-115.8 27.2-34.7 60.3-63.2 98.4-84.3 37-20.6 76.9-33.6 119.1-38.8zM880 418H352c-17.7 0-32 14.3-32 32v414c0 17.7 14.3 32 32 32h528c17.7 0 32-14.3 32-32V450c0-17.7-14.3-32-32-32z m-44 402H396V494h440v326z" />
+</svg>

package/src/TUIRoom/components/Chat/ChatKit/assets/icon/search-default.svg

@@ -0,0 +1,52 @@
+<svg width="88" height="75" viewBox="0 0 88 75" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.0324 36.6614L35.4424 35.001L50.4526 36.6614C50.4526 36.6614 61.6001 37.9124 65.8807 45.5045C68.7348 50.5664 73.4912 61.1246 76.3444 67.5996C77.481 70.1789 75.5849 73.0524 72.7663 73.0524H4.77873C2.30474 73.0524 0.447615 70.7916 0.9281 68.3647L4.43639 50.6447C4.43639 50.6447 5.43423 45.2709 8.58023 41.2975C11.7262 37.3241 19.0324 36.6614 19.0324 36.6614Z" fill="url(#paint0_linear_2509_4462)" style=""/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M29.4653 35.914V25.3516H41.7997V35.914C41.7997 38.7814 39.0391 41.1059 35.6325 41.1059C32.2259 41.1059 29.4653 38.7814 29.4653 35.914Z" fill="#FEDFC7" style="fill:#FEDFC7;fill:color(display-p3 0.9961 0.8745 0.7804);fill-opacity:1;"/>
+<mask id="mask0_2509_4462" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="29" y="23" width="13" height="17">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M29.4653 33.8515V23.2891H41.7997V33.8515C41.7997 36.7189 39.0391 39.0434 35.6325 39.0434C32.2259 39.0434 29.4653 36.7189 29.4653 33.8515Z" fill="white" style="fill:white;fill:white;fill-opacity:1;"/>
+</mask>
+<g mask="url(#mask0_2509_4462)">
+<ellipse cx="36.872" cy="28.4332" rx="7.40667" ry="5.82872" fill="#FAB691" style="fill:#FAB691;fill:color(display-p3 0.9803 0.7141 0.5692);fill-opacity:1;"/>
+</g>
+<ellipse cx="2.55302" cy="2.69371" rx="2.55302" ry="2.69371" transform="matrix(-1 0 0 1 48.8064 17.5176)" fill="url(#paint1_linear_2509_4462)" style=""/>
+<ellipse cx="2.55302" cy="2.69371" rx="2.55302" ry="2.69371" transform="matrix(-1 0 0 1 48.8064 17.5176)" fill="url(#paint2_linear_2509_4462)" style=""/>
+<ellipse cx="2.32093" cy="2.69371" rx="2.32093" ry="2.69371" transform="matrix(-1 0 0 1 29.3105 17.5176)" fill="url(#paint3_linear_2509_4462)" style=""/>
+<ellipse cx="2.32093" cy="2.69371" rx="2.32093" ry="2.69371" transform="matrix(-1 0 0 1 29.3105 17.5176)" fill="url(#paint4_linear_2509_4462)" style=""/>
+<path d="M42.029 5.47949H31.4459C29.2411 5.47949 27.4538 7.20216 27.4538 9.32719V23.8464C27.4538 28.7882 31.6103 32.7944 36.7375 32.7944C41.8648 32.7944 46.0212 28.7882 46.0212 23.8464V9.32654C46.0209 7.2017 44.2336 5.4794 42.029 5.47949Z" fill="#FEDFC7" style="fill:#FEDFC7;fill:color(display-p3 0.9961 0.8745 0.7804);fill-opacity:1;"/>
+<path d="M47.8779 19.3691C47.8779 19.3691 46.9071 19.4131 46.5907 20.8378" stroke="#FDB99E" style="stroke:#FDB99E;stroke:color(display-p3 0.9922 0.7255 0.6196);stroke-opacity:1;" stroke-width="0.326414" stroke-linecap="round"/>
+<path d="M25.7024 19.3691C25.7024 19.3691 26.6733 19.4131 26.9897 20.8378" stroke="#FDB99E" style="stroke:#FDB99E;stroke:color(display-p3 0.9922 0.7255 0.6196);stroke-opacity:1;" stroke-width="0.326414" stroke-linecap="round"/>
+<path d="M49.3373 10.9928C49.68 8.25295 48.4022 6.54056 47.1459 6.88305C46.3236 2.49922 43.6055 1.17497 42.3492 1.06082C42.3492 1.17496 42.4863 1.67724 43.0345 2.77319C42.0066 1.74573 36.5247 -0.994149 31.0428 0.375792C25.5608 1.74573 24.533 4.8281 25.5609 7.56798C23.1625 7.56798 26.2461 17.8425 27.274 20.5824C27.9592 19.8975 27.4097 13.6994 27.7523 11.6445C33.5768 14.0419 43.1702 13.0144 45.5685 11.987C45.5685 13.3569 45.3401 18.2659 45.9111 20.8916C46.4822 18.9509 48.8838 14.6201 49.3373 10.9928Z" fill="#D9D9D9" style="fill:#D9D9D9;fill:color(display-p3 0.8510 0.8510 0.8510);fill-opacity:1;"/>
+<path d="M49.3373 10.9928C49.68 8.25295 48.4022 6.54056 47.1459 6.88305C46.3236 2.49922 43.6055 1.17497 42.3492 1.06082C42.3492 1.17496 42.4863 1.67724 43.0345 2.77319C42.0066 1.74573 36.5247 -0.994149 31.0428 0.375792C25.5608 1.74573 24.533 4.8281 25.5609 7.56798C23.1625 7.56798 26.2461 17.8425 27.274 20.5824C27.9592 19.8975 27.4097 13.6994 27.7523 11.6445C33.5768 14.0419 43.1702 13.0144 45.5685 11.987C45.5685 13.3569 45.3401 18.2659 45.9111 20.8916C46.4822 18.9509 48.8838 14.6201 49.3373 10.9928Z" fill="url(#paint5_linear_2509_4462)" style=""/>
+<path d="M50.9863 23.5074C51.3359 28.4883 47.5797 32.808 42.596 33.1552C37.6124 33.5024 33.2893 29.7455 32.9398 24.7647C32.5902 19.7838 36.3463 15.4641 41.33 15.1169C46.3137 14.7697 50.6367 18.5265 50.9863 23.5074Z" fill="#F8F8F8" stroke="#91BFFF" style="fill:#F8F8F8;fill:color(display-p3 0.9725 0.9725 0.9725);fill-opacity:1;stroke:#91BFFF;stroke:color(display-p3 0.5667 0.7492 1.0000);stroke-opacity:1;" stroke-width="1.47201"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M48.4159 29.3082L60.2204 38.4678C61.3743 39.3631 61.5388 41.0436 60.5804 42.1456C59.6221 43.2477 57.9344 43.3187 56.8868 42.3011L46.17 31.8909L48.4159 29.3082Z" fill="#90BFFF" style="fill:#90BFFF;fill:color(display-p3 0.5647 0.7490 1.0000);fill-opacity:1;"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M78.9297 72.6402C75.5063 73.9444 71.6515 72.4448 70.0094 69.1701L56.2831 41.7965L55.8309 42.2766C55.1445 43.0053 53.9303 42.7503 53.5952 41.8069L53.2897 41.8711C52.2475 42.09 51.2679 41.2948 51.2679 40.2299L50.6719 40.385C49.6992 40.6381 48.7617 39.8706 48.8178 38.867C47.3895 38.867 46.4368 37.3935 47.0229 36.0911L48.3905 33.0522C48.543 32.7133 48.7495 32.4014 49.0019 32.1287L50.3751 30.6449C51.2109 29.7419 52.3856 29.2285 53.6161 29.2285H56.5173C57.362 29.2285 58.1473 29.6631 58.5959 30.3788L63.0473 37.4796L81.9971 61.5573C84.9746 65.3406 83.4286 70.9262 78.9297 72.6402Z" fill="#FEDFC7" style="fill:#FEDFC7;fill:color(display-p3 0.9961 0.8745 0.7804);fill-opacity:1;"/>
+<path d="M52.1278 33.0801L51.0467 34.0849C49.6822 35.3531 48.8459 37.089 48.7043 38.9465V38.9465" stroke="#F6B997" style="stroke:#F6B997;stroke:color(display-p3 0.9647 0.7255 0.5922);stroke-opacity:1;" stroke-width="0.490671" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M54.084 35.5244L53.8408 35.6962C52.2892 36.7921 51.3035 38.5197 51.1497 40.4131V40.4131" stroke="#F6B997" style="stroke:#F6B997;stroke:color(display-p3 0.9647 0.7255 0.5922);stroke-opacity:1;" stroke-width="0.490671" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M56.0402 37.4795L55.7883 37.6882C54.5438 38.719 53.7558 40.1989 53.5952 41.8069V41.8069" stroke="#F6B997" style="stroke:#F6B997;stroke:color(display-p3 0.9647 0.7255 0.5922);stroke-opacity:1;" stroke-width="0.490671" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M58.9712 38.5423L59.3749 38.8928C60.4657 39.8399 60.4214 41.5464 59.283 42.4355L59.0719 42.6003C58.0981 43.3608 56.6781 43.0987 56.0401 42.0407L56.1418 41.7726C56.4194 41.0412 56.8225 40.3637 57.3328 39.7706C57.7399 39.2975 58.237 38.91 58.7951 38.6305L58.9712 38.5423Z" fill="#91BFFF" style="fill:#91BFFF;fill:color(display-p3 0.5667 0.7492 1.0000);fill-opacity:1;"/>
+<defs>
+<linearGradient id="paint0_linear_2509_4462" x1="39.3606" y1="35.001" x2="39.3606" y2="73.0524" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B9D8FF" style="stop-color:#B9D8FF;stop-color:color(display-p3 0.7255 0.8471 1.0000);stop-opacity:1;"/>
+<stop offset="1" stop-color="#B9D8FF" stop-opacity="0.31" style="stop-color:#B9D8FF;stop-color:color(display-p3 0.7255 0.8471 1.0000);stop-opacity:0.31;"/>
+</linearGradient>
+<linearGradient id="paint1_linear_2509_4462" x1="0" y1="5.38742" x2="5.10603" y2="5.38742" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FEDFC7" style="stop-color:#FEDFC7;stop-color:color(display-p3 0.9961 0.8745 0.7804);stop-opacity:1;"/>
+<stop offset="0.4456" stop-color="#FEC5A6" style="stop-color:#FEC5A6;stop-color:color(display-p3 0.9961 0.7725 0.6510);stop-opacity:1;"/>
+</linearGradient>
+<linearGradient id="paint2_linear_2509_4462" x1="5.91369" y1="-1.22972" x2="-1.55757" y2="-2.76772" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FEDFC7" style="stop-color:#FEDFC7;stop-color:color(display-p3 0.9961 0.8745 0.7804);stop-opacity:1;"/>
+<stop offset="1" stop-color="#FEC5A6" style="stop-color:#FEC5A6;stop-color:color(display-p3 0.9961 0.7725 0.6510);stop-opacity:1;"/>
+</linearGradient>
+<linearGradient id="paint3_linear_2509_4462" x1="0" y1="5.38742" x2="4.64185" y2="5.38742" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FEDFC7" style="stop-color:#FEDFC7;stop-color:color(display-p3 0.9961 0.8745 0.7804);stop-opacity:1;"/>
+<stop offset="0.4456" stop-color="#FEC5A6" style="stop-color:#FEC5A6;stop-color:color(display-p3 0.9961 0.7725 0.6510);stop-opacity:1;"/>
+</linearGradient>
+<linearGradient id="paint4_linear_2509_4462" x1="5.37609" y1="-1.22972" x2="-1.46424" y2="-2.50983" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FEDFC7" style="stop-color:#FEDFC7;stop-color:color(display-p3 0.9961 0.8745 0.7804);stop-opacity:1;"/>
+<stop offset="1" stop-color="#FEC5A6" style="stop-color:#FEC5A6;stop-color:color(display-p3 0.9961 0.7725 0.6510);stop-opacity:1;"/>
+</linearGradient>
+<linearGradient id="paint5_linear_2509_4462" x1="28.4809" y1="1.87559" x2="28.4809" y2="16.2776" gradientUnits="userSpaceOnUse">
+<stop stop-color="#757575" style="stop-color:#757575;stop-color:color(display-p3 0.4583 0.4583 0.4583);stop-opacity:1;"/>
+<stop offset="1" stop-color="#626262" style="stop-color:#626262;stop-color:color(display-p3 0.3833 0.3833 0.3833);stop-opacity:1;"/>
+</linearGradient>
+</defs>
+</svg>

package/src/TUIRoom/components/Chat/ChatKit/assets/icon/search-more.svg

@@ -0,0 +1,7 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 4.5C0.5 2.29086 2.29086 0.5 4.5 0.5L20.5 0.5C22.7091 0.5 24.5 2.29086 24.5 4.5V20.5C24.5 22.7091 22.7091 24.5 20.5 24.5H4.5C2.29086 24.5 0.5 22.7091 0.5 20.5V4.5Z" fill="#F4F5F9" style="fill:#F4F5F9;fill:color(display-p3 0.9569 0.9608 0.9765);fill-opacity:1;"/>
+<g opacity="0.80492">
+<rect x="5.75" y="12.25" width="13.5" height="0.5" rx="0.25" stroke="#232832" style="stroke:#232832;stroke:color(display-p3 0.1360 0.1574 0.1949);stroke-opacity:1;" stroke-width="0.5"/>
+<rect x="12.25" y="19.25" width="13.5" height="0.5" rx="0.25" transform="rotate(-90 12.25 19.25)" stroke="#232832" style="stroke:#232832;stroke:color(display-p3 0.1360 0.1574 0.1949);stroke-opacity:1;" stroke-width="0.5"/>
+</g>
+</svg>

package/src/TUIRoom/components/Chat/ChatKit/assets/icon/search.svg

@@ -0,0 +1,5 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.5">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.13523 8.8285C7.32854 9.49429 6.29431 9.89425 5.16667 9.89425C2.58933 9.89425 0.5 7.80491 0.5 5.22758C0.5 2.65025 2.58933 0.560913 5.16667 0.560913C7.744 0.560913 9.83333 2.65025 9.83333 5.22758C9.83333 6.38924 9.40889 7.45176 8.70662 8.26852L11.2138 10.7757C11.344 10.9059 11.344 11.1169 11.2138 11.2471L11.1195 11.3414C10.9894 11.4716 10.7783 11.4716 10.6481 11.3414L8.13523 8.8285ZM9.03333 5.22759C9.03333 7.36309 7.30217 9.09425 5.16666 9.09425C3.03116 9.09425 1.3 7.36309 1.3 5.22759C1.3 3.09208 3.03116 1.36092 5.16666 1.36092C7.30217 1.36092 9.03333 3.09208 9.03333 5.22759Z" fill="black" style="fill:black;fill:black;fill-opacity:1;"/>
+</g>
+</svg>

package/src/TUIRoom/components/Chat/ChatKit/assets/icon/selected.svg

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" viewBox="0 0 16 16" version="1.1">
+  <title>编组 14</title>
+  <defs>
+    <filter x="-10.6%" y="-5.4%" width="121.2%" height="110.9%" filterUnits="objectBoundingBox" id="filter-1">
+      <feOffset dx="0" dy="7" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+      <feGaussianBlur stdDeviation="10" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+      <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+      <feMerge>
+        <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+        <feMergeNode in="SourceGraphic"></feMergeNode>
+      </feMerge>
+    </filter>
+  </defs>
+  <g id="new" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <g id="自定义消息" transform="translate(-458.000000, -318.000000)">
+      <g id="编组-32" filter="url(#filter-1)" transform="translate(44.000000, 60.000000)">
+        <g id="编组-24" transform="translate(30.000000, 250.000000)">
+          <g id="编组-14" transform="translate(384.000000, 8.000000)">
+            <circle id="椭圆形" fill="#006EFF" fill-rule="nonzero" cx="8" cy="8" r="8"></circle>
+            <polyline id="路径-4" stroke="#FFFFFF" stroke-width="2" transform="translate(8.042641, 6.242641) rotate(-315.000000) translate(-8.042641, -6.242641) " points="6.04264069 10.2426407 10.0426407 10.2426407 10.0426407 2.24264069"></polyline>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

package/src/TUIRoom/components/Chat/ChatKit/assets/icon/setting.svg

@@ -0,0 +1,8 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g id="&#231;&#188;&#150;&#231;&#187;&#132; 14" opacity="0.802743">
+        <path id="&#229;&#189;&#162;&#231;&#138;&#182;&#231;&#187;&#147;&#229;&#144;&#136;"
+            fill-rule="evenodd" clip-rule="evenodd"
+            d="M6 10.5C6 11.3284 5.32843 12 4.5 12C3.67157 12 3 11.3284 3 10.5C3 9.67157 3.67157 9 4.5 9C5.32843 9 6 9.67157 6 10.5ZM12 10.5C12 11.3284 11.3284 12 10.5 12C9.67157 12 9 11.3284 9 10.5C9 9.67157 9.67157 9 10.5 9C11.3284 9 12 9.67157 12 10.5ZM16.5 12C17.3284 12 18 11.3284 18 10.5C18 9.67157 17.3284 9 16.5 9C15.6716 9 15 9.67157 15 10.5C15 11.3284 15.6716 12 16.5 12Z"
+            fill="#232832" />
+    </g>
+</svg>

package/src/TUIRoom/components/Chat/ChatKit/assets/icon/start-group.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
+  <circle r="2.61111" transform="matrix(1 0 0 -1 8.55545 3.88889)" stroke="#4C5059"></circle>
+  <circle r="2.61111" transform="matrix(1 0 0 -1 4.66678 3.88889)" fill="#F4F5F9" stroke="#4C5059"></circle>
+  <path d="M5.16675 11.7778C5.16675 9.84484 6.73375 8.27783 8.66675 8.27783H10.0001C11.9331 8.27783 13.5001 9.84484 13.5001 11.7778V12.7223H5.16675V11.7778Z" stroke="#4C5059"></path>
+  <path d="M0.5 11.7778C0.5 9.84484 2.067 8.27783 4 8.27783H5.33333C7.26633 8.27783 8.83333 9.84484 8.83333 11.7778V12.7223H0.5V11.7778Z" fill="#F4F5F9" stroke="#4C5059"></path>
+</svg>

package/src/TUIRoom/components/Chat/ChatKit/assets/icon/translate.svg

@@ -0,0 +1,12 @@
+<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_313_82772" fill="white">
+<rect x="7" y="7.62939e-06" width="12" height="12" rx="0.5"/>
+</mask>
+<rect x="7" y="7.62939e-06" width="12" height="12" rx="0.5" fill="#444444" stroke="#CCCCCC" stroke-width="4" mask="url(#path-1-inside-1_313_82772)"/>
+<path d="M12.7426 3.61601H12.6745L12.6496 3.67939L10.9636 7.96339L10.9098 8.10001H11.0566H11.5846H11.6536L11.6781 8.03553L12.1096 6.90001H13.9397L14.3712 8.03553L14.3957 8.10001H14.4646H14.9986H15.1455L15.0917 7.96339L13.4057 3.67939L13.3808 3.61601H13.3126H12.7426ZM13.7079 6.28601H12.3421L13.03 4.49341L13.7079 6.28601Z" fill="#CCCCCC" stroke="#CCCCCC" stroke-width="0.2"/>
+<mask id="path-3-inside-2_313_82772" fill="white">
+<rect y="6.00001" width="12" height="12" rx="0.5"/>
+</mask>
+<rect y="6.00001" width="12" height="12" rx="0.5" fill="#444444" stroke="#CCCCCC" stroke-width="4" mask="url(#path-3-inside-2_313_82772)"/>
+<path d="M5.77801 8.97401H5.67801V9.07401V10.054H3.63H3.53V10.154V12.974V13.074H3.63H4.062H4.162V12.974V12.696H5.67801V14.642V14.742H5.77801H6.222H6.322V14.642V12.696H7.84401V12.974V13.074H7.94401H8.37601H8.47601V12.974V10.154V10.054H8.37601H6.322V9.07401V8.97401H6.222H5.77801ZM4.162 12.076V10.674H5.67801V12.076H4.162ZM6.322 12.076V10.674H7.84401V12.076H6.322Z" fill="#CCCCCC" stroke="#CCCCCC" stroke-width="0.2"/>
+</svg>

package/src/TUIRoom/components/Chat/ChatKit/assets/icon/video-dark.svg

@@ -0,0 +1,11 @@
+<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g id="&#231;&#188;&#150;&#231;&#187;&#132; 9&#229;&#164;&#135;&#228;&#187;&#189;"
+        opacity="0.795169">
+        <rect id="&#231;&#159;&#169;&#229;&#189;&#162;" x="0.5" y="0.5" width="15" height="13"
+            rx="1.75" stroke="#D5E0F2"
+            style="stroke:#D5E0F2;" />
+        <path id="&#228;&#184;&#137;&#232;&#167;&#146;&#229;&#189;&#162;"
+            d="M10.0282 7L6.5 9.1169L6.5 4.8831L10.0282 7Z" stroke="#D5E0F2"
+            style="stroke:#D5E0F2;" />
+    </g>
+</svg>

package/src/TUIRoom/components/Chat/ChatKit/assets/icon/video-light.svg

@@ -0,0 +1,12 @@
+<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g id="&#231;&#188;&#150;&#231;&#187;&#132; 9&#229;&#164;&#135;&#228;&#187;&#189;"
+        opacity="0.795169">
+        <rect id="&#231;&#159;&#169;&#229;&#189;&#162;" x="0.5" y="0.5" width="15" height="13"
+            rx="1.75" stroke="#232832"
+            style="stroke:#232832;stroke:color(display-p3 0.1360 0.1574 0.1949);stroke-opacity:1;" />
+        <path id="&#228;&#184;&#137;&#232;&#167;&#146;&#229;&#189;&#162;"
+            d="M10.0282 7L6.5 9.1169L6.5 4.8831L10.0282 7Z" stroke="#232832"
+            style="stroke:#232832;stroke:color(display-p3 0.1360 0.1574 0.1949);stroke-opacity:1;" />
+    </g>
+</svg>
+    

package/src/TUIRoom/components/Chat/ChatKit/assets/icon/words-dark.svg

@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g id="&#231;&#188;&#150;&#231;&#187;&#132; 9&#229;&#164;&#135;&#228;&#187;&#189; 5" opacity="0.795169">
+    <path id="&#231;&#159;&#169;&#229;&#189;&#162;" d="M9.60349 12.4231H9.35784L9.20772 12.6175L8.01519 14.1621L6.92003 12.6321L6.77045 12.4231H6.51345H3.25C2.2835 12.4231 1.5 11.6396 1.5 10.6731V3.25C1.5 2.2835 2.2835 1.5 3.25 1.5H12.75C13.7165 1.5 14.5 2.2835 14.5 3.25V8.80223V10.6731C14.5 11.6396 13.7165 12.4231 12.75 12.4231H9.60349Z" stroke="#D5E0F2" style="stroke:#D5E0F2;"/>
+    <path id="&#232;&#183;&#175;&#229;&#190;&#132; 10" d="M9.29061 3.7428L5.97266 6.33122L9.88719 7.13347L6.61672 9.7428" stroke="#D5E0F2" style="stroke:#D5E0F2;" stroke-linecap="round" stroke-linejoin="round"/>
+    </g>
+    </svg>