diff --git a/ui/src/assets/logo/logo_dingtalk.svg b/ui/src/assets/logo/logo_dingtalk.svg
new file mode 100644
index 000000000..64d957d4f
--- /dev/null
+++ b/ui/src/assets/logo/logo_dingtalk.svg
@@ -0,0 +1,3 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M32.7371 16.6285C32.6394 16.9833 32.5125 17.3284 32.3563 17.6604H32.3595L32.34 17.7027C31.23 20.1961 28.3297 25.0917 28.3297 25.0917L28.3167 25.0591L27.4704 26.6085H31.5523L23.7531 37.5L25.5239 30.0915H22.3079L23.4244 25.1926C22.5195 25.4205 21.455 25.7362 20.1888 26.1626C20.1888 26.1626 18.4799 27.214 15.2607 24.138C15.2607 24.138 13.0895 22.1328 14.3492 21.6283C14.8831 21.4167 16.9468 21.1466 18.5711 20.9122C20.7617 20.5997 22.1126 20.4337 22.1126 20.4337C22.1126 20.4337 15.3518 20.5411 13.7471 20.2742C12.1423 20.0105 10.1112 17.1982 9.67497 14.7276C9.67497 14.7276 9.00443 13.3702 11.1137 14.0115C13.2262 14.6527 21.9661 16.5113 21.9661 16.5113C21.9661 16.5113 10.6027 12.8559 9.84749 11.964C9.09232 11.0721 7.62103 7.08794 7.81308 4.64339C7.81308 4.64339 7.89771 4.03144 8.49339 4.19419C8.49339 4.19419 16.898 8.23047 22.6431 10.4341C28.3883 12.6443 33.3816 13.7706 32.7371 16.6285Z" fill="#3296FA"/>
+</svg>
diff --git a/ui/src/assets/logo/logo_lark.svg b/ui/src/assets/logo/logo_lark.svg
new file mode 100644
index 000000000..938c5055d
--- /dev/null
+++ b/ui/src/assets/logo/logo_lark.svg
@@ -0,0 +1,12 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_7009_1160" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="4" y="6" width="34" height="28">
+<path d="M37.5349 6.66666H4.00006V33.3333H37.5349V6.66666Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_7009_1160)">
+<path d="M21.4253 20.6715C21.4526 20.644 21.4819 20.6185 21.5093 20.5911C21.5659 20.5381 21.6207 20.4833 21.6755 20.4284L21.7889 20.3171L22.1305 19.9789L22.5946 19.5204L22.9929 19.1257L23.3674 18.7548L23.7585 18.3693L24.1166 18.0148L24.6154 17.5215C24.7103 17.4284 24.8073 17.3369 24.9059 17.2475C25.0867 17.0812 25.2731 16.9223 25.465 16.7688C25.6403 16.6281 25.8213 16.4928 26.0039 16.3613C26.2615 16.1787 26.5283 16.0068 26.8006 15.8461C27.0674 15.6889 27.3414 15.5409 27.6227 15.4057C27.8859 15.2779 28.1563 15.1609 28.4303 15.0531C28.5838 14.9928 28.7373 14.9361 28.8945 14.8832C28.973 14.8557 29.0515 14.8301 29.1302 14.8064C28.4267 12.0365 27.1405 9.50052 25.4065 7.33532C25.0703 6.91146 24.555 6.66666 24.0106 6.66666H9.62754C9.36634 6.66666 9.25848 6.99919 9.46861 7.15266C14.3617 10.7393 18.4434 15.3637 21.3923 20.7025C21.4033 20.6933 21.4142 20.6824 21.4253 20.6715Z" fill="#00D6B9"/>
+<path d="M15.721 33.3333C23.1482 33.3333 29.6179 29.2351 32.9945 23.1764C33.1133 22.9645 33.2283 22.7489 33.3379 22.5315C33.1662 22.8603 32.9781 23.1709 32.7715 23.4633C32.6985 23.5675 32.6235 23.6697 32.545 23.7703C32.4482 23.8963 32.3477 24.0169 32.2454 24.1356C32.1631 24.2288 32.0809 24.3201 31.995 24.4097C31.8215 24.5907 31.6406 24.7605 31.4523 24.9213C31.3482 25.0108 31.2423 25.0967 31.1326 25.1808C31.0047 25.2776 30.875 25.3708 30.7435 25.4603C30.6594 25.5169 30.5754 25.5717 30.4895 25.6229C30.3999 25.6777 30.3105 25.7306 30.2173 25.7818C30.0309 25.886 29.8409 25.9811 29.6473 26.0688C29.4791 26.1455 29.3074 26.2149 29.1338 26.2788C28.9455 26.3483 28.7538 26.4085 28.5601 26.4633C28.2714 26.5437 27.979 26.6059 27.6794 26.6535C27.4638 26.6863 27.2463 26.7119 27.0253 26.7265C26.7951 26.7429 26.5613 26.7484 26.3255 26.7448C26.0679 26.741 25.8085 26.7247 25.5454 26.6955C25.3535 26.6753 25.1598 26.6461 24.9679 26.6132C24.7999 26.584 24.6318 26.5475 24.4619 26.5072C24.3723 26.4853 24.2846 26.4633 24.1951 26.4396C23.9466 26.372 23.6999 26.3044 23.4551 26.2332C23.3327 26.1984 23.2103 26.1619 23.0879 26.1253C22.9051 26.0705 22.7225 26.0157 22.5415 25.9591C22.3935 25.9135 22.2438 25.8659 22.0958 25.8165C21.9551 25.7709 21.8143 25.7252 21.6737 25.6777C21.5787 25.6448 21.4818 25.6137 21.3869 25.5809C21.2699 25.5407 21.1549 25.5005 21.0397 25.4603C20.9575 25.4311 20.8734 25.4018 20.7913 25.3727C20.6267 25.3141 20.4642 25.2539 20.3015 25.1936C20.2065 25.1588 20.1134 25.1223 20.0183 25.0857C19.8923 25.0383 19.7662 24.9889 19.6401 24.9396C19.5067 24.8865 19.3751 24.8355 19.2418 24.7807C19.1559 24.7459 19.0701 24.7112 18.9842 24.6747C18.8782 24.6308 18.7705 24.5869 18.6645 24.5413C18.5822 24.5065 18.5001 24.4719 18.4178 24.4371C18.3319 24.4005 18.2461 24.364 18.1619 24.3257C18.0889 24.2928 18.0139 24.2617 17.9409 24.2288C17.8733 24.1996 17.8057 24.1685 17.7381 24.1393C17.6705 24.1083 17.6011 24.0772 17.5335 24.0461C17.4622 24.0132 17.3927 23.9821 17.3215 23.9493C17.2319 23.9072 17.1443 23.8671 17.0547 23.8251C16.9615 23.7812 16.8685 23.7373 16.777 23.6935C16.6783 23.646 16.5797 23.5985 16.481 23.5492C16.397 23.5071 16.313 23.4669 16.2289 23.4249C11.7817 21.2013 7.83513 18.2377 4.46597 14.6475C4.29787 14.4684 4.00006 14.5872 4.00006 14.832L4.00737 27.5249V28.5554C4.00737 29.1529 4.30337 29.7156 4.80034 30.0464C7.92833 32.122 11.683 33.3333 15.721 33.3333Z" fill="#3370FF"/>
+<path d="M32.9945 23.1764C32.9909 23.1819 32.9871 23.1873 32.9854 23.1929L32.9945 23.1764L33.0621 23.0521C33.0383 23.0943 33.0163 23.1344 32.9945 23.1764Z" fill="#133C92"/>
+<path d="M33.3033 22.5954L33.3216 22.5625L33.3306 22.5461C33.3215 22.5625 33.3123 22.5789 33.3033 22.5954Z" fill="#133C92"/>
+<path d="M37.5348 15.4422C36.0292 14.7005 34.3355 14.2838 32.5431 14.2838C31.4779 14.2838 30.4475 14.43 29.4718 14.706C29.3586 14.737 29.2471 14.7717 29.1356 14.8064C29.0571 14.832 28.9784 14.8576 28.8999 14.8832C28.7428 14.9361 28.5892 14.9928 28.4358 15.053C28.1618 15.1609 27.8914 15.2778 27.6283 15.4057C27.3468 15.5409 27.0728 15.6889 26.806 15.8461C26.532 16.0068 26.2671 16.1786 26.0094 16.3613C25.8248 16.491 25.6458 16.6281 25.4704 16.7688C25.2786 16.9222 25.0922 17.083 24.9114 17.2474C24.8127 17.3369 24.7158 17.4284 24.6208 17.5214L24.122 18.0148L23.7639 18.3693L23.3728 18.7548L22.9983 19.1257L22.6 19.5204L22.1359 19.9789L21.7943 20.317L21.681 20.4284C21.6262 20.4833 21.5695 20.5362 21.5147 20.591C21.4874 20.6185 21.458 20.644 21.4307 20.6714C21.3887 20.7116 21.3466 20.7518 21.3046 20.792C21.2571 20.8358 21.2114 20.8797 21.1639 20.9236C19.9324 22.0545 18.5566 23.0321 17.0675 23.8232C17.1552 23.8652 17.2448 23.9073 17.3343 23.9474C17.4038 23.9804 17.475 24.0132 17.5463 24.0442C17.6139 24.0753 17.6832 24.1064 17.7508 24.1374C17.8184 24.1685 17.886 24.1977 17.9536 24.227C18.0268 24.2598 18.1016 24.2928 18.1748 24.3238C18.2607 24.3604 18.3447 24.3988 18.4306 24.4353C18.5128 24.47 18.595 24.5048 18.6772 24.5394C18.7832 24.585 18.891 24.6289 18.997 24.6728C19.0828 24.7076 19.1687 24.7422 19.2546 24.7788C19.3862 24.8317 19.5195 24.8848 19.6528 24.9377C19.779 24.987 19.9051 25.0364 20.0311 25.084C20.1262 25.1205 20.2194 25.1552 20.3143 25.1917C20.477 25.252 20.6395 25.3122 20.804 25.3708C20.8862 25.4 20.9684 25.4292 21.0524 25.4585C21.1676 25.4986 21.2846 25.5389 21.3996 25.579C21.4946 25.612 21.5915 25.6448 21.6864 25.6758C21.8271 25.7234 21.9679 25.769 22.1086 25.8148C22.2566 25.8622 22.4046 25.9097 22.5543 25.9573C22.7352 26.0138 22.9179 26.0688 23.1007 26.1236C23.2231 26.1601 23.3455 26.1966 23.4679 26.2313C23.7127 26.3026 23.9594 26.372 24.2079 26.4378C24.2974 26.4616 24.3851 26.4853 24.4747 26.5054C24.6446 26.5456 24.8127 26.5804 24.9807 26.6113C25.1744 26.6461 25.3663 26.6734 25.5582 26.6936C25.8194 26.7228 26.0807 26.7393 26.3383 26.7429C26.574 26.7466 26.806 26.741 27.038 26.7246C27.2591 26.7082 27.4766 26.6845 27.6922 26.6516C27.9918 26.6058 28.2842 26.542 28.5728 26.4616C28.7666 26.4085 28.9584 26.3465 29.1466 26.277C29.3202 26.213 29.4919 26.1436 29.66 26.0669C29.8536 25.9792 30.0436 25.8842 30.23 25.78C30.3214 25.7289 30.4127 25.6758 30.5023 25.621C30.5882 25.5681 30.6722 25.5133 30.7563 25.4585C30.8878 25.3689 31.0175 25.2757 31.1454 25.1789C31.2532 25.0949 31.361 25.009 31.4651 24.9194C31.6534 24.7586 31.8343 24.5869 32.0078 24.4078C32.0936 24.3184 32.1759 24.2288 32.2582 24.1338C32.3604 24.015 32.461 23.8945 32.5578 23.7684C32.6346 23.6678 32.7112 23.5656 32.7843 23.4614C32.989 23.1709 33.1754 22.8621 33.3452 22.5369L33.5371 22.1532L35.2766 18.6872L35.2728 18.6945C35.8192 17.474 36.592 16.3741 37.5348 15.4422Z" fill="#133C9A"/>
+</g>
+</svg>
diff --git a/ui/src/assets/logo/logo_slack.svg b/ui/src/assets/logo/logo_slack.svg
new file mode 100644
index 000000000..972c87fce
--- /dev/null
+++ b/ui/src/assets/logo/logo_slack.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 128 128"><path fill="#de1c59" d="M27.255 80.719c0 7.33-5.978 13.317-13.309 13.317S.63 88.049.63 80.719s5.987-13.317 13.317-13.317h13.309zm6.709 0c0-7.33 5.987-13.317 13.317-13.317s13.317 5.986 13.317 13.317v33.335c0 7.33-5.986 13.317-13.317 13.317c-7.33 0-13.317-5.987-13.317-13.317zm0 0"/><path fill="#35c5f0" d="M47.281 27.255c-7.33 0-13.317-5.978-13.317-13.309S39.951.63 47.281.63s13.317 5.987 13.317 13.317v13.309zm0 6.709c7.33 0 13.317 5.987 13.317 13.317s-5.986 13.317-13.317 13.317H13.946C6.616 60.598.63 54.612.63 47.281c0-7.33 5.987-13.317 13.317-13.317zm0 0"/><path fill="#2eb57d" d="M100.745 47.281c0-7.33 5.978-13.317 13.309-13.317s13.317 5.987 13.317 13.317s-5.987 13.317-13.317 13.317h-13.309zm-6.709 0c0 7.33-5.987 13.317-13.317 13.317s-13.317-5.986-13.317-13.317V13.946C67.402 6.616 73.388.63 80.719.63c7.33 0 13.317 5.987 13.317 13.317zm0 0"/><path fill="#ebb02e" d="M80.719 100.745c7.33 0 13.317 5.978 13.317 13.309s-5.987 13.317-13.317 13.317s-13.317-5.987-13.317-13.317v-13.309zm0-6.709c-7.33 0-13.317-5.987-13.317-13.317s5.986-13.317 13.317-13.317h33.335c7.33 0 13.317 5.986 13.317 13.317c0 7.33-5.987 13.317-13.317 13.317zm0 0"/></svg>
\ No newline at end of file
diff --git a/ui/src/assets/logo/logo_wechat-work.svg b/ui/src/assets/logo/logo_wechat-work.svg
new file mode 100644
index 000000000..ea8601249
--- /dev/null
+++ b/ui/src/assets/logo/logo_wechat-work.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 d="M26.9508 30.4241C26.7624 30.6118 26.7508 30.9095 26.9144 31.1116C26.9254 31.1254 26.9374 31.1388 26.9508 31.1522C26.9732 31.1746 26.9976 31.1938 27.0227 31.2117C27.0729 31.2584 27.1227 31.3066 27.1715 31.3554C28.1351 32.3193 28.7408 33.5049 28.9893 34.7479C28.9934 34.8177 29.001 34.8875 29.0127 34.9569C29.0247 35.0332 29.0409 35.1092 29.0612 35.1841C29.1564 35.5334 29.341 35.8637 29.6153 36.1381C30.4561 36.9789 31.8195 36.9789 32.6599 36.1381C33.5008 35.2972 33.5008 33.9342 32.6599 33.0934C32.3636 32.7967 32.002 32.6056 31.6218 32.518C31.5795 32.5083 31.5365 32.4997 31.4936 32.4929C31.4506 32.4856 31.4073 32.4795 31.3633 32.4746C30.0893 32.2375 28.8714 31.6263 27.8862 30.6407C27.815 30.5699 27.7459 30.4974 27.6792 30.4238L27.6789 30.4241C27.5782 30.3238 27.4465 30.2732 27.3149 30.2732C27.1829 30.2732 27.0512 30.3238 26.9508 30.4241Z" fill="#FB6500"/>
+<path d="M35.7037 27.0198C35.4074 27.3168 35.2163 27.6781 35.1286 28.0583C35.119 28.1006 35.1104 28.1436 35.1028 28.1865C35.096 28.2298 35.0898 28.2732 35.0853 28.3168C34.8481 29.5904 34.2369 30.8087 33.2514 31.7943C33.1802 31.8651 33.1077 31.9342 33.0345 32.0009L33.0348 32.0012C32.8337 32.2023 32.8337 32.5282 33.0348 32.7293C33.2225 32.9173 33.5198 32.9293 33.7223 32.7657C33.7357 32.7547 33.7495 32.7427 33.7625 32.7293C33.7849 32.7069 33.8045 32.6829 33.8223 32.6578C33.8691 32.6072 33.9165 32.5577 33.966 32.5086C34.9296 31.545 36.1152 30.9393 37.3582 30.6911C37.4284 30.687 37.4981 30.6795 37.5676 30.6678C37.6439 30.6557 37.7195 30.6396 37.7945 30.6186C38.1444 30.5234 38.4744 30.3395 38.7487 30.0652C39.5895 29.2243 39.5895 27.8613 38.7487 27.0198C38.3283 26.5994 37.7773 26.3894 37.2262 26.3894C36.6752 26.3894 36.1241 26.5994 35.7037 27.0198Z" fill="#3880E7"/>
+<path d="M29.6306 20.9315C28.7905 21.7723 28.7905 23.1357 29.6306 23.9765C29.9269 24.2728 30.2882 24.4643 30.6684 24.5516C30.7114 24.5612 30.7544 24.5698 30.7973 24.577C30.8406 24.5842 30.884 24.5904 30.9273 24.5949C32.2016 24.8324 33.4192 25.4433 34.4047 26.4288C34.4759 26.4997 34.545 26.5729 34.612 26.6458C34.8134 26.8469 35.139 26.8469 35.3404 26.6458C35.5285 26.4577 35.5401 26.1604 35.3765 25.9582C35.3648 25.9441 35.3531 25.9304 35.3404 25.9177C35.3181 25.895 35.2933 25.8757 35.2686 25.8585C35.218 25.8111 35.1685 25.763 35.1194 25.7142C34.1555 24.7506 33.5501 23.565 33.3013 22.3216C33.2978 22.2519 33.2899 22.1821 33.2789 22.113C33.2669 22.0367 33.25 21.9607 33.2301 21.8854C33.1342 21.5362 32.9499 21.2061 32.676 20.9315C32.2556 20.5111 31.7042 20.3007 31.1531 20.3007C30.6021 20.3007 30.051 20.5111 29.6306 20.9315Z" fill="#2DBC00"/>
+<path d="M28.5685 24.3038C28.5547 24.3155 28.541 24.3272 28.5283 24.3406C28.5056 24.3629 28.4863 24.3866 28.4684 24.4121C28.4217 24.4623 28.3739 24.5118 28.3248 24.5609C27.3612 25.5248 26.1756 26.1305 24.9322 26.3784C24.8624 26.3825 24.7927 26.3904 24.7232 26.4017C24.6469 26.4134 24.5709 26.4303 24.496 26.4509C24.1464 26.5461 23.8164 26.7304 23.5417 27.0043C22.7009 27.8455 22.7009 29.2089 23.5417 30.0497C24.3829 30.8905 25.7459 30.8905 26.5871 30.0497C26.883 29.7537 27.0749 29.3921 27.1625 29.0119C27.1718 28.9689 27.1807 28.9259 27.1873 28.883C27.1948 28.8397 27.2003 28.7964 27.2055 28.753C27.443 27.4791 28.0539 26.2611 29.0394 25.2753C29.1106 25.2044 29.1831 25.1357 29.2567 25.0687L29.2563 25.0683C29.4571 24.8672 29.4571 24.5413 29.2563 24.3406C29.1556 24.2399 29.024 24.1897 28.892 24.1897C28.7771 24.1897 28.6627 24.2278 28.5685 24.3038Z" fill="#FFCC00"/>
+<path d="M15.5511 5.69592C11.6835 6.11633 8.16861 7.77118 5.65369 10.3549C4.66092 11.3748 3.85206 12.5143 3.24911 13.7419C2.43097 15.407 2.01605 17.175 2.01605 18.9962C2.01605 21.341 2.72969 23.6527 4.07997 25.6823C4.7637 26.7105 5.8816 28.0054 6.91046 28.9177V28.9198L6.4457 32.5736C6.42714 32.6234 6.4072 32.6726 6.39586 32.7252C6.3852 32.7726 6.38211 32.8221 6.37695 32.8713C6.3742 32.9084 6.36595 32.9448 6.36595 32.9833C6.36595 33.0239 6.3742 33.0624 6.37798 33.1026C6.43917 33.7038 6.94037 34.1751 7.55776 34.1751C7.77295 34.1751 7.97198 34.1136 8.14592 34.0136C8.15142 34.0105 8.15761 34.0077 8.16277 34.0046C8.18855 33.9895 8.21433 33.9764 8.23874 33.9593L9.34907 33.402L12.6584 31.741C13.6096 32.0143 14.5536 32.1886 15.5487 32.2979C16.1957 32.369 16.8519 32.4055 17.5006 32.4055C18.1613 32.4055 18.8467 32.3656 19.5366 32.2872C20.8941 32.1329 22.1997 31.8197 23.439 31.3752C23.3049 31.3302 23.1733 31.2725 23.0457 31.1996C22.2874 30.7661 21.8952 29.9411 21.9729 29.1247C21.0873 29.4059 20.1623 29.6076 19.2066 29.7163C18.6264 29.7823 18.0523 29.8156 17.5006 29.8156C16.9578 29.8156 16.4088 29.7854 15.867 29.7259C15.7543 29.7139 15.6415 29.696 15.5288 29.6809C14.7849 29.5819 14.0499 29.4299 13.3394 29.2223C13.195 29.1762 13.0414 29.1525 12.8846 29.1525C12.6392 29.1525 12.4016 29.2175 12.161 29.3423C12.1297 29.3584 12.0984 29.3718 12.0672 29.39L9.34907 30.9919L9.23151 31.0617L9.22841 31.0631C9.16929 31.0975 9.13629 31.1105 9.10604 31.1105C9.006 31.1105 8.92522 31.0263 8.92522 30.9225L9.03007 30.4993C9.05963 30.3873 9.10122 30.2302 9.15072 30.0387C9.20985 29.8142 9.27895 29.5502 9.34907 29.2842C9.42642 28.9899 9.50376 28.6932 9.56976 28.4416C9.59727 28.3436 9.62511 28.2261 9.62511 28.0941C9.62511 27.7287 9.45082 27.3839 9.15966 27.1721C9.0115 27.0628 8.86369 26.948 8.70831 26.8215C8.47043 26.6273 8.24252 26.4255 8.02355 26.2179C7.40788 25.6338 6.86749 24.9965 6.41305 24.3134C5.34431 22.7064 4.77883 20.8827 4.77883 19.0395C4.77883 17.6088 5.10608 16.218 5.75097 14.9045C6.23326 13.9237 6.88193 13.0104 7.68048 12.1902C9.74783 10.0658 12.6553 8.70379 15.867 8.35487C16.4253 8.29437 16.9753 8.26309 17.5006 8.26309C18.052 8.26309 18.6257 8.29644 19.2066 8.36278C22.4032 8.72579 25.2935 10.095 27.3454 12.217C28.1402 13.0392 28.7858 13.9547 29.2643 14.9378C29.8989 16.2424 30.2206 17.6226 30.2206 19.0395C30.2206 19.1863 30.2113 19.3334 30.2045 19.4802C31.0333 18.9728 32.1288 19.0722 32.8473 19.7899C32.8834 19.8267 32.9139 19.8663 32.9466 19.9044C32.97 19.6026 32.9837 19.2997 32.9837 18.9962C32.9837 17.1918 32.5753 15.438 31.7703 13.7838C31.1721 12.5528 30.3671 11.4109 29.3787 10.3882C26.882 7.80658 23.3864 6.14314 19.5366 5.7052C18.8454 5.62682 18.1602 5.58694 17.5006 5.58694C16.8712 5.58694 16.2156 5.62338 15.5511 5.69592Z" fill="#0082EF"/>
+</svg>
diff --git a/ui/src/assets/logo/logo_wechat.svg b/ui/src/assets/logo/logo_wechat.svg
new file mode 100644
index 000000000..6c0e78de8
--- /dev/null
+++ b/ui/src/assets/logo/logo_wechat.svg
@@ -0,0 +1,3 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M26.4855 13.974C26.9025 13.974 27.3196 14.0125 27.7345 14.0489C26.6184 8.86961 21.0198 5 14.6421 5C7.51045 5.02502 1.66672 9.84509 1.66672 15.9656C1.66672 19.4941 3.61468 22.4043 6.85045 24.6575L5.54437 28.5227L10.0863 26.2719C11.7134 26.5901 13.0196 26.9084 14.6261 26.9084C15.0432 26.9084 15.4397 26.8902 15.8361 26.8538C15.5785 25.9748 15.4451 25.0642 15.4397 24.1483C15.4581 18.537 20.3208 13.9762 26.4878 13.9762L26.4855 13.974H26.4855ZM19.5051 10.4862C20.4905 10.4862 21.1321 11.1228 21.1321 12.1004C21.1321 13.0553 20.4905 13.7147 19.5051 13.7147C18.5402 13.7147 17.5571 13.0759 17.5571 12.1003C17.5571 11.1228 18.5402 10.4862 19.5051 10.4862ZM10.4231 13.7147C9.46072 13.7147 8.47535 13.0759 8.47535 12.1003C8.47535 11.1228 9.46072 10.4862 10.4231 10.4862C11.388 10.4862 12.0503 11.1228 12.0503 12.1004C12.0503 13.0553 11.4086 13.7147 10.4231 13.7147ZM38.3334 24.0141C38.3334 18.8712 33.1497 14.6674 27.3012 14.6674C21.1343 14.6674 16.2714 18.8712 16.2714 24.0141C16.2714 29.1752 21.1343 33.3631 27.3012 33.3631C28.5892 33.3631 29.8953 33.0448 31.1994 32.7243L34.756 34.6568L33.7729 31.4464C36.3854 29.4776 38.3334 26.9038 38.3334 24.0141ZM23.7262 22.3997C23.0846 22.3997 22.42 21.7632 22.42 21.1039C22.42 20.4673 23.0846 19.808 23.7262 19.808C24.7116 19.808 25.3534 20.4469 25.3534 21.1039C25.3534 21.7632 24.7116 22.3997 23.7262 22.3997ZM30.8602 22.3997C30.2163 22.3997 29.5722 21.7632 29.5722 21.1039C29.5722 20.4673 30.214 19.808 30.8602 19.808C31.8433 19.808 32.4872 20.4469 32.4872 21.1039C32.4872 21.7632 31.8433 22.3997 30.8602 22.3997Z" fill="#09BB07"/>
+</svg>
diff --git a/ui/src/components/ai-chat/component/ParagraphCard.vue b/ui/src/components/ai-chat/component/ParagraphCard.vue
index 67d4df538..01658fb9d 100644
--- a/ui/src/components/ai-chat/component/ParagraphCard.vue
+++ b/ui/src/components/ai-chat/component/ParagraphCard.vue
@@ -7,7 +7,7 @@
     :showIcon="false"
   >
     <template #icon>
-      <AppAvatar class="mr-12 avatar-light" :size="22"> {{ index + 1 + '' }}</AppAvatar>
+      <el-avatar class="mr-12 avatar-light" :size="22"> {{ index + 1 + '' }}</el-avatar>
     </template>
     <div class="active-button primary">{{ score?.toFixed(3) || data.similarity?.toFixed(3) }}</div>
     <template #description>
@@ -37,9 +37,9 @@
           </template>
         </el-text>
         <div class="flex align-center item" style="line-height: 32px">
-          <AppAvatar class="mr-8 avatar-blue" shape="square" :size="18">
+          <el-avatar class="mr-8 avatar-blue" shape="square" :size="18">
             <img src="@/assets/knowledge/icon_document.svg" style="width: 58%" alt="" />
-          </AppAvatar>
+          </el-avatar>
 
           <span class="ellipsis-1 break-all" :title="data?.dataset_name">
             {{ data?.dataset_name }}</span
diff --git a/ui/src/components/ai-chat/component/question-content/index.vue b/ui/src/components/ai-chat/component/question-content/index.vue
index e422cda19..a4a233d9b 100644
--- a/ui/src/components/ai-chat/component/question-content/index.vue
+++ b/ui/src/components/ai-chat/component/question-content/index.vue
@@ -88,9 +88,9 @@
         fit="cover"
         style="width: 28px; height: 28px; display: block"
       />
-      <AppAvatar v-else>
+      <el-avatar v-else>
         <img src="@/assets/user-icon.svg" style="width: 50%" alt="" />
-      </AppAvatar>
+      </el-avatar>
     </div>
   </div>
 </template>
diff --git a/ui/src/components/ai-chat/component/transition-content/index.vue b/ui/src/components/ai-chat/component/transition-content/index.vue
index a019ee5c0..b240e7842 100644
--- a/ui/src/components/ai-chat/component/transition-content/index.vue
+++ b/ui/src/components/ai-chat/component/transition-content/index.vue
@@ -13,9 +13,9 @@
         fit="cover"
         style="width: 28px; height: 28px; display: block"
       />
-      <AppAvatar v-else>
+      <el-avatar v-else>
         <img src="@/assets/user-icon.svg" style="width: 50%" alt="" />
-      </AppAvatar>
+      </el-avatar>
     </div>
   </div>
 </template>
diff --git a/ui/src/components/ai-chat/index.vue b/ui/src/components/ai-chat/index.vue
index e7efe3aa1..27f948a75 100644
--- a/ui/src/components/ai-chat/index.vue
+++ b/ui/src/components/ai-chat/index.vue
@@ -625,7 +625,7 @@ defineExpose({
 })
 </script>
 <style lang="scss">
-@import './index.scss';
+@use './index.scss';
 .firstUserInput {
   height: 100%;
   display: flex;
diff --git a/ui/src/components/app-icon/icons/chat.ts b/ui/src/components/app-icon/icons/chat.ts
new file mode 100644
index 000000000..7b6fd4426
--- /dev/null
+++ b/ui/src/components/app-icon/icons/chat.ts
@@ -0,0 +1,24 @@
+import { h } from 'vue'
+export default {
+  'app-reference-outlined': {
+    iconReader: () => {
+      return h('i', [
+        h(
+          'svg',
+          {
+            style: { height: '100%', width: '100%' },
+            viewBox: '0 0 1024 1024',
+            version: '1.1',
+            xmlns: 'http://www.w3.org/2000/svg',
+          },
+          [
+            h('path', {
+              d: 'M121.216 714.368c-7.082667-17.493333-7.466667-83.413333-7.424-104.32 0.341333-142.72 34.048-256.426667 88.32-330.112C262.4 198.229333 351.701333 161.024 460.8 172.8c7.893333 0.853333 11.946667 7.338667 10.581333 16.981333l-7.381333 51.285334c-1.749333 12.202667-9.813333 12.885333-17.621333 12.202666-138.709333-11.946667-232.576 84.053333-245.76 296.704a165.632 165.632 0 0 1 83.754666-22.528c91.050667 0 164.906667 72.96 164.906667 162.944C449.28 780.373333 375.466667 853.333333 284.373333 853.333333c-82.858667 0-151.424-60.330667-163.157333-138.965333z m438.570667 0c-7.082667-17.493333-7.509333-83.413333-7.466667-104.32 0.426667-142.72 34.090667-256.426667 88.405333-330.112 60.202667-81.706667 149.504-118.912 258.645334-107.136 7.893333 0.853333 11.946667 7.338667 10.581333 16.981333l-7.381333 51.285334c-1.749333 12.202667-9.813333 12.885333-17.621334 12.202666-138.752-11.946667-232.576 84.053333-245.76 296.704a165.632 165.632 0 0 1 83.712-22.528c91.093333 0 164.906667 72.96 164.906667 162.944 0 90.026667-73.813333 162.944-164.906667 162.944-82.773333 0-151.381333-60.330667-163.114666-138.965333z',
+              fill: 'currentColor',
+            }),
+          ],
+        ),
+      ])
+    },
+  },
+}
diff --git a/ui/src/layout/layout-header/avatar/index.vue b/ui/src/layout/layout-header/avatar/index.vue
index 6b058cfc0..ee2939b7a 100644
--- a/ui/src/layout/layout-header/avatar/index.vue
+++ b/ui/src/layout/layout-header/avatar/index.vue
@@ -21,7 +21,6 @@
           <div style="width: 90%">
             <p class="bold mb-4" style="font-size: 14px">{{ user.userInfo?.username }}</p>
             <template
-              v-for="item in user.userInfo?.role"
               v-if="user.userInfo?.role && user.userInfo.role.length > 0"
             >
               <el-tag size="small" class="default-tag">{{ user.userInfo?.role[0] }}</el-tag>
diff --git a/ui/src/views/application/ApplicationAccess.vue b/ui/src/views/application/ApplicationAccess.vue
index 4be0b2c65..8b020a6fd 100644
--- a/ui/src/views/application/ApplicationAccess.vue
+++ b/ui/src/views/application/ApplicationAccess.vue
@@ -54,7 +54,7 @@ import { t } from '@/locales'
 const platforms = reactive([
   {
     key: 'wecom',
-    logoSrc: new URL(`../../assets/logo_wechat-work.svg`, import.meta.url).href,
+    logoSrc: new URL(`../../assets/logo/logo_wechat-work.svg`, import.meta.url).href,
     name: t('views.application.applicationAccess.wecom'),
     description: t('views.application.applicationAccess.wecomTip'),
     isActive: false,
@@ -62,7 +62,7 @@ const platforms = reactive([
   },
   {
     key: 'dingtalk',
-    logoSrc: new URL(`../../assets/logo_dingtalk.svg`, import.meta.url).href,
+    logoSrc: new URL(`../../assets/logo/logo_dingtalk.svg`, import.meta.url).href,
     name: t('views.application.applicationAccess.dingtalk'),
     description: t('views.application.applicationAccess.dingtalkTip'),
     isActive: false,
@@ -70,7 +70,7 @@ const platforms = reactive([
   },
   {
     key: 'wechat',
-    logoSrc: new URL(`../../assets/logo_wechat.svg`, import.meta.url).href,
+    logoSrc: new URL(`../../assets/logo/logo_wechat.svg`, import.meta.url).href,
     name: t('views.application.applicationAccess.wechat'),
     description: t('views.application.applicationAccess.wechatTip'),
     isActive: false,
@@ -78,7 +78,7 @@ const platforms = reactive([
   },
   {
     key: 'feishu',
-    logoSrc: new URL(`../../assets/logo_lark.svg`, import.meta.url).href,
+    logoSrc: new URL(`../../assets/logo/logo_lark.svg`, import.meta.url).href,
     name: t('views.application.applicationAccess.lark'),
     description: t('views.application.applicationAccess.larkTip'),
     isActive: false,
@@ -86,7 +86,7 @@ const platforms = reactive([
   },
   {
     key: 'slack',
-    logoSrc: new URL(`../../assets/logo_slack.svg`, import.meta.url).href,
+    logoSrc: new URL(`../../assets/logo/logo_slack.svg`, import.meta.url).href,
     name: t('views.application.applicationAccess.slack'),
     description: t('views.application.applicationAccess.slackTip'),
     isActive: false,
diff --git a/ui/src/views/chat-log/component/EditContentDialog.vue b/ui/src/views/chat-log/component/EditContentDialog.vue
index 8d2304150..4102c0759 100644
--- a/ui/src/views/chat-log/component/EditContentDialog.vue
+++ b/ui/src/views/chat-log/component/EditContentDialog.vue
@@ -48,11 +48,11 @@
         >
         </el-input>
       </el-form-item>
-      <el-form-item :label="$t('views.chatLog.selectDataset')" prop="dataset_id">
+      <el-form-item :label="$t('views.chatLog.selectKnowledge')" prop="dataset_id">
         <el-select
           v-model="form.dataset_id"
           filterable
-          :placeholder="$t('views.chatLog.selectDatasetPlaceholder')"
+          :placeholder="$t('views.chatLog.selectKnowledgePlaceholder')"
           :loading="optionLoading"
           @change="changeDataset"
         >
@@ -160,7 +160,7 @@ const form = ref<any>({
 const rules = reactive<FormRules>({
   content: [{ required: true, message: t('views.chatLog.form.content.placeholder'), trigger: 'blur' }],
   dataset_id: [
-    { required: true, message: t('views.chatLog.selectDatasetPlaceholder'), trigger: 'change' },
+    { required: true, message: t('views.chatLog.selectKnowledgePlaceholder'), trigger: 'change' },
   ],
   document_id: [{ required: true, message: t('views.chatLog.documentPlaceholder'), trigger: 'change' }],
 })
@@ -229,7 +229,7 @@ function getDocument(dataset_id: string) {
 }
 
 function getDataset() {
-  application.asyncGetApplicationDataset(id, loading).then((res: any) => {
+  application.asyncGetApplicationKnowledge(id, loading).then((res: any) => {
     datasetList.value = res.data
     if (localStorage.getItem(id + 'chat_dataset_id')) {
       form.value.dataset_id = localStorage.getItem(id + 'chat_dataset_id') as string
diff --git a/ui/src/views/document/component/SelectDatasetDialog.vue b/ui/src/views/document/component/SelectDatasetDialog.vue
index b1fc5c3d6..b5f4937a5 100644
--- a/ui/src/views/document/component/SelectDatasetDialog.vue
+++ b/ui/src/views/document/component/SelectDatasetDialog.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog
-    :title="$t('views.chatLog.selectDataset')"
+    :title="$t('views.chatLog.selectKnowledge')"
     v-model="dialogVisible"
     width="600"
     class="select-dataset-dialog"
@@ -9,19 +9,19 @@
   >
     <template #header="{ titleId, titleClass }">
       <div class="my-header flex">
-        <h4 :id="titleId" :class="titleClass">{{ $t('views.chatLog.selectDataset') }}</h4>
+        <h4 :id="titleId" :class="titleClass">{{ $t('views.chatLog.selectKnowledge') }}</h4>
         <el-button link class="ml-16" @click="refresh">
           <el-icon class="mr-4"><Refresh /></el-icon>{{ $t('common.refresh') }}
         </el-button>
       </div>
     </template>
     <div class="content-height">
-      <el-radio-group v-model="selectDataset" class="card__radio">
+      <el-radio-group v-model="selectKnowledge" class="card__radio">
         <el-scrollbar height="500">
           <div class="p-16">
             <el-row :gutter="12" v-loading="loading">
               <el-col :span="12" v-for="(item, index) in datasetList" :key="index" class="mb-16">
-                <el-card shadow="never" :class="item.id === selectDataset ? 'active' : ''">
+                <el-card shadow="never" :class="item.id === selectKnowledge ? 'active' : ''">
                   <el-radio :value="item.id" size="large">
                     <div class="flex align-center">
                       <KnowledgeIcon :type="item.type" />
@@ -41,7 +41,7 @@
     <template #footer>
       <span class="dialog-footer">
         <el-button @click.prevent="dialogVisible = false"> {{ $t('common.cancel') }} </el-button>
-        <el-button type="primary" @click="submitHandle" :disabled="!selectDataset || loading">
+        <el-button type="primary" @click="submitHandle" :disabled="!selectKnowledge || loading">
           {{ $t('common.confirm') }}
         </el-button>
       </span>
@@ -65,13 +65,13 @@ const emit = defineEmits(['refresh'])
 const loading = ref<boolean>(false)
 
 const dialogVisible = ref<boolean>(false)
-const selectDataset = ref('')
+const selectKnowledge = ref('')
 const datasetList = ref<any>([])
 const documentList = ref<any>([])
 
 watch(dialogVisible, (bool) => {
   if (!bool) {
-    selectDataset.value = ''
+    selectKnowledge.value = ''
     datasetList.value = []
     documentList.value = []
   }
@@ -84,7 +84,7 @@ const open = (list: any) => {
 }
 const submitHandle = () => {
   documentApi
-    .putMigrateMulDocument(id, selectDataset.value, documentList.value, loading)
+    .putMigrateMulDocument(id, selectKnowledge.value, documentList.value, loading)
     .then((res) => {
       emit('refresh')
       dialogVisible.value = false
diff --git a/ui/src/views/document/index.vue b/ui/src/views/document/index.vue
index 47c4eaf0d..29cb8c451 100644
--- a/ui/src/views/document/index.vue
+++ b/ui/src/views/document/index.vue
@@ -525,7 +525,7 @@
     <ImportDocumentDialog ref="ImportDocumentDialogRef" :title="title" @refresh="refresh" />
     <SyncWebDialog ref="SyncWebDialogRef" @refresh="refresh" />
     <!-- 选择知识库 -->
-    <SelectDatasetDialog ref="SelectDatasetDialogRef" @refresh="refreshMigrate" />
+    <selectKnowledgeDialog ref="selectKnowledgeDialogRef" @refresh="refreshMigrate" />
     <GenerateRelatedDialog ref="GenerateRelatedDialogRef" @refresh="getList" />
   </div>
 </template>
@@ -536,7 +536,7 @@ import { ElTable } from 'element-plus'
 import documentApi from '@/api/knowledge/document'
 import ImportDocumentDialog from './component/ImportDocumentDialog.vue'
 import SyncWebDialog from '@/views/knowledge/component/SyncWebDialog.vue'
-import SelectDatasetDialog from './component/SelectDatasetDialog.vue'
+import selectKnowledgeDialog from './component/selectKnowledgeDialog.vue'
 import { numberFormat } from '@/utils/common'
 import { datetimeFormat } from '@/utils/time'
 import { hitHandlingMethod } from '@/enums/document'
@@ -599,7 +599,7 @@ const multipleTableRef = ref<InstanceType<typeof ElTable>>()
 const multipleSelection = ref<any[]>([])
 const title = ref('')
 
-const SelectDatasetDialogRef = ref()
+const selectKnowledgeDialogRef = ref()
 
 const exportDocument = (document: any) => {
   documentApi.exportDocument(document.name, document.dataset_id, document.id, loading).then(() => {
@@ -647,7 +647,7 @@ function openDatasetDialog(row?: any) {
     })
   }
 
-  SelectDatasetDialogRef.value.open(arr)
+  selectKnowledgeDialogRef.value.open(arr)
 }
 
 function dropdownHandle(obj: any) {
diff --git a/ui/src/views/paragraph/component/SelectDocumentDialog.vue b/ui/src/views/paragraph/component/SelectDocumentDialog.vue
index 8e56855ca..feb1ad5c4 100644
--- a/ui/src/views/paragraph/component/SelectDocumentDialog.vue
+++ b/ui/src/views/paragraph/component/SelectDocumentDialog.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog
-    :title="`${$t('views.chatLog.selectDataset')}/${$t('common.fileUpload.document')}`"
+    :title="`${$t('views.chatLog.selectKnowledge')}/${$t('common.fileUpload.document')}`"
     v-model="dialogVisible"
     width="500"
     :close-on-click-modal="false"
@@ -14,11 +14,11 @@
       :rules="rules"
       @submit.prevent
     >
-      <el-form-item :label="$t('views.chatLog.selectDataset')" prop="dataset_id">
+      <el-form-item :label="$t('views.chatLog.selectKnowledge')" prop="dataset_id">
         <el-select
           v-model="form.dataset_id"
           filterable
-          :placeholder="$t('views.chatLog.selectDatasetPlaceholder')"
+          :placeholder="$t('views.chatLog.selectKnowledgePlaceholder')"
           :loading="optionLoading"
           @change="changeDataset"
         >
@@ -86,7 +86,7 @@ const form = ref<any>({
 
 const rules = reactive<FormRules>({
   dataset_id: [
-    { required: true, message: t('views.chatLog.selectDatasetPlaceholder'), trigger: 'change' },
+    { required: true, message: t('views.chatLog.selectKnowledgePlaceholder'), trigger: 'change' },
   ],
   document_id: [{ required: true, message: t('views.chatLog.documentPlaceholder'), trigger: 'change' }],
 })
diff --git a/ui/src/workflow/nodes/search-dataset-node/index.vue b/ui/src/workflow/nodes/search-dataset-node/index.vue
index c6c0a2f32..5cb828c55 100644
--- a/ui/src/workflow/nodes/search-dataset-node/index.vue
+++ b/ui/src/workflow/nodes/search-dataset-node/index.vue
@@ -10,10 +10,10 @@
         label-width="auto"
         ref="DatasetNodeFormRef"
       >
-        <el-form-item :label="$t('views.chatLog.selectDataset')">
+        <el-form-item :label="$t('views.chatLog.selectKnowledge')">
           <template #label>
             <div class="flex-between">
-              <span>{{ $t('views.chatLog.selectDataset') }}</span>
+              <span>{{ $t('views.chatLog.selectKnowledge') }}</span>
               <el-button type="primary" link @click="openDatasetDialog">
                 <el-icon><Plus /></el-icon>
               </el-button>
@@ -185,7 +185,7 @@ function openDatasetDialog() {
 
 function getDataset() {
   if (id) {
-    application.asyncGetApplicationDataset(id, datasetLoading).then((res: any) => {
+    application.asyncGetApplicationKnowledge(id, datasetLoading).then((res: any) => {
       datasetList.value = res.data
     })
   } else {