From 6ca66c471f50edd1e3a0631d22270a0075548071 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Wed, 26 Mar 2025 20:40:42 +0800
Subject: [PATCH] fix: Update lark icon and dialog style

---
 .../ai-chat/ExecutionDetailDialog.vue         |   7 +-
 .../component/chat-input-operate/index.vue    |   2 +-
 ui/src/components/card-checkbox/index.vue     |   9 +
 ui/src/layout/components/breadcrumb/index.vue |  23 +-
 ui/src/styles/element-plus.scss               |  14 +-
 .../component/EditAvatarDialog.vue            |  19 +-
 .../component/XPackDisplaySettingDialog.vue   |   6 +-
 .../views/application/ApplicationSetting.vue  |  10 +-
 .../component/AIModeParamSettingDialog.vue    |   3 +-
 .../component/AddDatasetDialog.vue            |   2 +-
 .../component/McpServersDialog.vue            |   3 +-
 .../component/ParamSettingDialog.vue          | 340 +++++++++---------
 .../component/TTSModeParamSettingDialog.vue   |  14 +-
 .../component/EmbeddingContentDialog.vue      |   2 +-
 .../component/SelectDatasetDialog.vue         |  21 +-
 .../component/EditAvatarDialog.vue            |  93 ++---
 .../component/PermissionDialog.vue            |   2 +-
 .../views/log/component/EditContentDialog.vue |   9 +
 ui/src/views/log/index.vue                    |   9 +
 .../component/SelectDocumentDialog.vue        |  13 +-
 .../nodes/search-dataset-node/index.vue       |  18 +-
 21 files changed, 352 insertions(+), 267 deletions(-)

diff --git a/ui/src/components/ai-chat/ExecutionDetailDialog.vue b/ui/src/components/ai-chat/ExecutionDetailDialog.vue
index c36e36e52c6..0f2296439ae 100644
--- a/ui/src/components/ai-chat/ExecutionDetailDialog.vue
+++ b/ui/src/components/ai-chat/ExecutionDetailDialog.vue
@@ -720,14 +720,9 @@ defineExpose({ open })
 </script>
 <style lang="scss">
 .execution-details-dialog {
-  padding: 0;
 
   .el-dialog__header {
-    padding: 24px 24px 0 24px;
-  }
-
-  .el-dialog__body {
-    padding: 8px !important;
+    padding-bottom: 16px;
   }
 
   .execution-details {
diff --git a/ui/src/components/ai-chat/component/chat-input-operate/index.vue b/ui/src/components/ai-chat/component/chat-input-operate/index.vue
index b4a15a9dcd0..63c86451c3b 100644
--- a/ui/src/components/ai-chat/component/chat-input-operate/index.vue
+++ b/ui/src/components/ai-chat/component/chat-input-operate/index.vue
@@ -198,7 +198,7 @@
                       }}：{{ getAcceptList().replace(/\./g, '').replace(/,/g, '、').toUpperCase() }}
                     </div>
                   </template>
-                  <el-button text :disabled="checkMaxFilesLimit()" class="mt-4">
+                  <el-button text :disabled="checkMaxFilesLimit() || loading" class="mt-4">
                     <el-icon><Paperclip /></el-icon>
                   </el-button>
                 </el-tooltip>
diff --git a/ui/src/components/card-checkbox/index.vue b/ui/src/components/card-checkbox/index.vue
index d8f2176c941..8b676a40c9a 100644
--- a/ui/src/components/card-checkbox/index.vue
+++ b/ui/src/components/card-checkbox/index.vue
@@ -11,6 +11,15 @@
           <AppAvatar v-if="data.type === '1'" class="mr-8 avatar-purple" shape="square" :size="32">
             <img src="@/assets/icon_web.svg" style="width: 58%" alt="" />
           </AppAvatar>
+          <AppAvatar
+            v-else-if="data.type === '2'"
+            class="mr-8 avatar-purple"
+            shape="square"
+            :size="32"
+            style="background: none"
+          >
+            <img src="@/assets/logo_lark.svg" style="width: 100%" alt="" />
+          </AppAvatar>
 
           <AppAvatar v-else class="mr-12 avatar-blue" shape="square" :size="32">
             <img src="@/assets/icon_document.svg" style="width: 58%" alt="" />
diff --git a/ui/src/layout/components/breadcrumb/index.vue b/ui/src/layout/components/breadcrumb/index.vue
index 4fdb0fbd92e..9140e8209a8 100644
--- a/ui/src/layout/components/breadcrumb/index.vue
+++ b/ui/src/layout/components/breadcrumb/index.vue
@@ -36,10 +36,19 @@
           >
             <img src="@/assets/icon_web.svg" style="width: 58%" alt="" />
           </AppAvatar>
+          <AppAvatar
+            v-else-if="isDataset && current?.type === '2'"
+            class="mr-8 avatar-purple"
+            shape="square"
+            :size="24"
+            style="background: none"
+          >
+            <img src="@/assets/logo_lark.svg" style="width: 100%" alt="" />
+          </AppAvatar>
           <AppAvatar v-else class="mr-8 avatar-blue" shape="square" :size="24">
             <img src="@/assets/icon_document.svg" style="width: 58%" alt="" />
           </AppAvatar>
-          <div class="ellipsis">{{ current?.name }}</div>
+          <div class="ellipsis" :title="current?.name">{{ current?.name }}</div>
         </div>
 
         <el-button text>
@@ -63,6 +72,7 @@
                       >
                         <img :src="item?.icon" alt="" />
                       </AppAvatar>
+
                       <AppAvatar
                         v-else-if="isApplication"
                         :name="item.name"
@@ -79,10 +89,19 @@
                       >
                         <img src="@/assets/icon_web.svg" style="width: 58%" alt="" />
                       </AppAvatar>
+                      <AppAvatar
+                        v-else-if="isDataset && item.type === '2'"
+                        class="mr-8 avatar-purple"
+                        shape="square"
+                        :size="24"
+                        style="background: none"
+                      >
+                        <img src="@/assets/logo_lark.svg" style="width: 100%" alt="" />
+                      </AppAvatar>
                       <AppAvatar v-else class="mr-12 avatar-blue" shape="square" :size="24">
                         <img src="@/assets/icon_document.svg" style="width: 58%" alt="" />
                       </AppAvatar>
-                      <span class="ellipsis"> {{ item?.name }}</span>
+                      <span class="ellipsis" :title="item?.name"> {{ item?.name }}</span>
                     </div>
                   </el-dropdown-item>
                 </div>
diff --git a/ui/src/styles/element-plus.scss b/ui/src/styles/element-plus.scss
index dac94d8f951..049ad1b8277 100644
--- a/ui/src/styles/element-plus.scss
+++ b/ui/src/styles/element-plus.scss
@@ -93,6 +93,7 @@
 .el-dialog__header {
   padding-bottom: 24px;
   font-weight: 500;
+  margin-top: -5px;
 }
 .el-dialog__footer {
   padding-top: 0;
@@ -378,18 +379,7 @@
 
 // radio 一行一个样式
 .radio-block {
-  width: 100%;
-  display: block;
-  .el-radio {
-    align-items: flex-start;
-    height: 100%;
-    width: 100%;
-  }
-  .el-radio__label {
-    width: 100%;
-    margin-top: -8px;
-    line-height: 30px;
-  }
+  display: inline-grid;
 }
 
 // 提示横幅
diff --git a/ui/src/views/application-overview/component/EditAvatarDialog.vue b/ui/src/views/application-overview/component/EditAvatarDialog.vue
index c7f7a40d8ed..c78e9487cae 100644
--- a/ui/src/views/application-overview/component/EditAvatarDialog.vue
+++ b/ui/src/views/application-overview/component/EditAvatarDialog.vue
@@ -5,7 +5,7 @@
     :close-on-click-modal="false"
     :close-on-press-escape="false"
   >
-    <el-radio-group v-model="radioType" class="radio-block mb-16">
+    <el-radio-group v-model="radioType" class="radio-block-avatar mb-16">
       <div>
         <el-radio value="default">
           <p>{{ $t('views.applicationOverview.appInfo.EditAvatarDialog.default') }}</p>
@@ -139,4 +139,19 @@ function submit() {
 
 defineExpose({ open })
 </script>
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.radio-block-avatar {
+  width: 100%;
+  display: block;
+  .el-radio {
+    align-items: flex-start;
+    height: 100%;
+    width: 100%;
+  }
+  .el-radio__label {
+    width: 100%;
+    margin-top: -8px;
+    line-height: 30px;
+  }
+}
+</style>
diff --git a/ui/src/views/application-overview/component/XPackDisplaySettingDialog.vue b/ui/src/views/application-overview/component/XPackDisplaySettingDialog.vue
index 325e38cde65..ec8ab480d3d 100644
--- a/ui/src/views/application-overview/component/XPackDisplaySettingDialog.vue
+++ b/ui/src/views/application-overview/component/XPackDisplaySettingDialog.vue
@@ -585,7 +585,7 @@ const submit = async (formEl: FormInstance | undefined) => {
 
 defineExpose({ open })
 </script>
-<style lang="scss" scoped>
+<style lang="scss">
 .setting-preview {
   background: #f5f6f7;
   height: 570px;
@@ -621,11 +621,11 @@ defineExpose({ open })
 
 .display-setting-dialog {
   .el-dialog__header {
-    padding-right: 16px;
+    padding-right: 8px;
   }
 
   .el-dialog__headerbtn {
-    top: 13px;
+    top: 8px;
   }
 }
 </style>
diff --git a/ui/src/views/application/ApplicationSetting.vue b/ui/src/views/application/ApplicationSetting.vue
index 9cb34f64521..4de53bf1b50 100644
--- a/ui/src/views/application/ApplicationSetting.vue
+++ b/ui/src/views/application/ApplicationSetting.vue
@@ -204,7 +204,15 @@
                             >
                               <img src="@/assets/icon_web.svg" style="width: 58%" alt="" />
                             </AppAvatar>
-
+                            <AppAvatar
+                              v-if="relatedObject(datasetList, item, 'id')?.type === '2'"
+                              class="mr-8 avatar-purple"
+                              shape="square"
+                              :size="32"
+                              style="background: none"
+                            >
+                              <img src="@/assets/logo_lark.svg" style="width: 100%" alt="" />
+                            </AppAvatar>
                             <AppAvatar v-else class="mr-8 avatar-blue" shape="square" :size="32">
                               <img src="@/assets/icon_document.svg" style="width: 58%" alt="" />
                             </AppAvatar>
diff --git a/ui/src/views/application/component/AIModeParamSettingDialog.vue b/ui/src/views/application/component/AIModeParamSettingDialog.vue
index d561dcfead3..a14519c7993 100644
--- a/ui/src/views/application/component/AIModeParamSettingDialog.vue
+++ b/ui/src/views/application/component/AIModeParamSettingDialog.vue
@@ -2,7 +2,6 @@
   <el-dialog
     align-center
     :title="$t('common.paramSetting')"
-    class="param-dialog"
     v-model="dialogVisible"
     style="width: 550px"
     append-to-body
@@ -21,7 +20,7 @@
     </DynamicsForm>
 
     <template #footer>
-      <span class="dialog-footer p-16">
+      <span class="dialog-footer">
         <el-button @click.prevent="dialogVisible = false">
           {{ $t('common.cancel') }}
         </el-button>
diff --git a/ui/src/views/application/component/AddDatasetDialog.vue b/ui/src/views/application/component/AddDatasetDialog.vue
index 10536c16f72..f3c93e0f332 100644
--- a/ui/src/views/application/component/AddDatasetDialog.vue
+++ b/ui/src/views/application/component/AddDatasetDialog.vue
@@ -158,7 +158,7 @@ defineExpose({ open })
   }
 
   .el-dialog__headerbtn {
-    top: 13px;
+    top: 9px;
   }
   .max-height {
     max-height: calc(100vh - 260px);
diff --git a/ui/src/views/application/component/McpServersDialog.vue b/ui/src/views/application/component/McpServersDialog.vue
index c082a328c05..75e848cb286 100644
--- a/ui/src/views/application/component/McpServersDialog.vue
+++ b/ui/src/views/application/component/McpServersDialog.vue
@@ -2,7 +2,6 @@
   <el-dialog
     align-center
     :title="$t('common.setting')"
-    class="param-dialog"
     v-model="dialogVisible"
     style="width: 550px"
     append-to-body
@@ -34,7 +33,7 @@
     </el-form>
 
     <template #footer>
-      <span class="dialog-footer p-16">
+      <span class="dialog-footer">
         <el-button @click.prevent="dialogVisible = false">{{ $t('common.cancel') }}</el-button>
         <el-button type="primary" @click="submit()" :loading="loading">
           {{ $t('common.save') }}
diff --git a/ui/src/views/application/component/ParamSettingDialog.vue b/ui/src/views/application/component/ParamSettingDialog.vue
index 678e4db8a59..1ea02009328 100644
--- a/ui/src/views/application/component/ParamSettingDialog.vue
+++ b/ui/src/views/application/component/ParamSettingDialog.vue
@@ -9,181 +9,179 @@
     :close-on-click-modal="false"
     :close-on-press-escape="false"
   >
-    <div class="dialog-max-height">
-      <el-scrollbar>
-        <div class="p-16">
-          <el-form label-position="top" ref="paramFormRef" :model="form">
-            <el-form-item :label="$t('views.application.applicationForm.dialog.selectSearchMode')">
-              <el-radio-group
-                v-model="form.dataset_setting.search_mode"
-                class="card__radio"
-                @change="changeHandle"
+    <el-scrollbar max-height="550">
+      <div class="p-16">
+        <el-form label-position="top" ref="paramFormRef" :model="form">
+          <el-form-item :label="$t('views.application.applicationForm.dialog.selectSearchMode')">
+            <el-radio-group
+              v-model="form.dataset_setting.search_mode"
+              class="card__radio"
+              @change="changeHandle"
+            >
+              <el-card
+                shadow="never"
+                class="mb-16"
+                :class="form.search_mode === 'embedding' ? 'active' : ''"
               >
-                <el-card
-                  shadow="never"
-                  class="mb-16"
-                  :class="form.search_mode === 'embedding' ? 'active' : ''"
-                >
-                  <el-radio value="embedding" size="large">
-                    <p class="mb-4">
-                      {{ $t('views.application.applicationForm.dialog.vectorSearch') }}
-                    </p>
-                    <el-text type="info">{{
-                      $t('views.application.applicationForm.dialog.vectorSearchTooltip')
-                    }}</el-text>
-                  </el-radio>
-                </el-card>
-                <el-card
-                  shadow="never"
-                  class="mb-16"
-                  :class="form.dataset_setting.search_mode === 'keywords' ? 'active' : ''"
-                >
-                  <el-radio value="keywords" size="large">
-                    <p class="mb-4">
-                      {{ $t('views.application.applicationForm.dialog.fullTextSearch') }}
-                    </p>
-                    <el-text type="info">{{
-                      $t('views.application.applicationForm.dialog.fullTextSearchTooltip')
-                    }}</el-text>
-                  </el-radio>
-                </el-card>
-                <el-card
-                  shadow="never"
-                  :class="form.dataset_setting.search_mode === 'blend' ? 'active' : ''"
-                >
-                  <el-radio value="blend" size="large">
-                    <p class="mb-4">
-                      {{ $t('views.application.applicationForm.dialog.hybridSearch') }}
-                    </p>
-                    <el-text type="info">{{
-                      $t('views.application.applicationForm.dialog.hybridSearchTooltip')
-                    }}</el-text>
-                  </el-radio>
-                </el-card>
-              </el-radio-group>
-            </el-form-item>
-            <el-row :gutter="20">
-              <el-col :span="12">
-                <el-form-item>
-                  <template #label>
-                    <div class="flex align-center">
-                      <span class="mr-4">{{
-                        $t('views.application.applicationForm.dialog.similarityThreshold')
-                      }}</span>
-                      <el-tooltip
-                        effect="dark"
-                        :content="$t('views.application.applicationForm.dialog.similarityTooltip')"
-                        placement="right"
-                      >
-                        <AppIcon iconName="app-warning" class="app-warning-icon"></AppIcon>
-                      </el-tooltip>
-                    </div>
-                  </template>
-                  <el-input-number
-                    v-model="form.dataset_setting.similarity"
-                    :min="0"
-                    :max="form.search_mode === 'blend' ? 2 : 1"
-                    :precision="3"
-                    :step="0.1"
-                    :value-on-clear="0"
-                    controls-position="right"
-                    class="w-full"
-                  />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item :label="$t('views.application.applicationForm.dialog.topReferences')">
-                  <el-input-number
-                    v-model="form.dataset_setting.top_n"
-                    :min="1"
-                    :max="10000"
-                    :value-on-clear="1"
-                    controls-position="right"
-                    class="w-full"
-                  />
-                </el-form-item>
-              </el-col>
-            </el-row>
+                <el-radio value="embedding" size="large">
+                  <p class="mb-4">
+                    {{ $t('views.application.applicationForm.dialog.vectorSearch') }}
+                  </p>
+                  <el-text type="info">{{
+                    $t('views.application.applicationForm.dialog.vectorSearchTooltip')
+                  }}</el-text>
+                </el-radio>
+              </el-card>
+              <el-card
+                shadow="never"
+                class="mb-16"
+                :class="form.dataset_setting.search_mode === 'keywords' ? 'active' : ''"
+              >
+                <el-radio value="keywords" size="large">
+                  <p class="mb-4">
+                    {{ $t('views.application.applicationForm.dialog.fullTextSearch') }}
+                  </p>
+                  <el-text type="info">{{
+                    $t('views.application.applicationForm.dialog.fullTextSearchTooltip')
+                  }}</el-text>
+                </el-radio>
+              </el-card>
+              <el-card
+                shadow="never"
+                :class="form.dataset_setting.search_mode === 'blend' ? 'active' : ''"
+              >
+                <el-radio value="blend" size="large">
+                  <p class="mb-4">
+                    {{ $t('views.application.applicationForm.dialog.hybridSearch') }}
+                  </p>
+                  <el-text type="info">{{
+                    $t('views.application.applicationForm.dialog.hybridSearchTooltip')
+                  }}</el-text>
+                </el-radio>
+              </el-card>
+            </el-radio-group>
+          </el-form-item>
+          <el-row :gutter="20">
+            <el-col :span="12">
+              <el-form-item>
+                <template #label>
+                  <div class="flex align-center">
+                    <span class="mr-4">{{
+                      $t('views.application.applicationForm.dialog.similarityThreshold')
+                    }}</span>
+                    <el-tooltip
+                      effect="dark"
+                      :content="$t('views.application.applicationForm.dialog.similarityTooltip')"
+                      placement="right"
+                    >
+                      <AppIcon iconName="app-warning" class="app-warning-icon"></AppIcon>
+                    </el-tooltip>
+                  </div>
+                </template>
+                <el-input-number
+                  v-model="form.dataset_setting.similarity"
+                  :min="0"
+                  :max="form.search_mode === 'blend' ? 2 : 1"
+                  :precision="3"
+                  :step="0.1"
+                  :value-on-clear="0"
+                  controls-position="right"
+                  class="w-full"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item :label="$t('views.application.applicationForm.dialog.topReferences')">
+                <el-input-number
+                  v-model="form.dataset_setting.top_n"
+                  :min="1"
+                  :max="10000"
+                  :value-on-clear="1"
+                  controls-position="right"
+                  class="w-full"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-form-item :label="$t('views.application.applicationForm.dialog.maxCharacters')">
+            <el-slider
+              v-model="form.dataset_setting.max_paragraph_char_number"
+              show-input
+              :show-input-controls="false"
+              :min="500"
+              :max="100000"
+              class="custom-slider"
+            />
+          </el-form-item>
 
-            <el-form-item :label="$t('views.application.applicationForm.dialog.maxCharacters')">
-              <el-slider
-                v-model="form.dataset_setting.max_paragraph_char_number"
-                show-input
-                :show-input-controls="false"
-                :min="500"
-                :max="100000"
-                class="custom-slider"
-              />
-            </el-form-item>
-            <el-form-item
-              v-if="!isWorkflowType"
-              :label="$t('views.application.applicationForm.dialog.noReferencesAction')"
+          <el-form-item
+            v-if="!isWorkflowType"
+            :label="$t('views.application.applicationForm.dialog.noReferencesAction')"
+          >
+            <el-form
+              label-position="top"
+              ref="noReferencesformRef"
+              :model="noReferencesform"
+              :rules="noReferencesRules"
+              :hide-required-asterisk="true"
+              class="w-full"
             >
-              <el-form
-                label-position="top"
-                ref="noReferencesformRef"
-                :model="noReferencesform"
-                :rules="noReferencesRules"
-                class="w-full"
-                :hide-required-asterisk="true"
+              <el-radio-group
+                v-model="form.dataset_setting.no_references_setting.status"
+                class="radio-block"
               >
-                <el-radio-group
-                  v-model="form.dataset_setting.no_references_setting.status"
-                  class="radio-block"
-                >
-                  <el-radio value="ai_questioning">
-                    <p>
-                      {{ $t('views.application.applicationForm.dialog.continueQuestioning') }}
-                    </p>
-                  </el-radio>
+                <el-radio value="ai_questioning">
+                  <p>
+                    {{ $t('views.application.applicationForm.dialog.continueQuestioning') }}
+                  </p>
+                </el-radio>
 
-                  <el-radio value="designated_answer">
-                    <p>{{ $t('views.application.applicationForm.dialog.provideAnswer') }}</p>
-                    <el-form-item
-                      v-if="
-                        form.dataset_setting.no_references_setting.status === 'designated_answer'
-                      "
-                      prop="designated_answer"
-                    >
-                      <el-input
-                        v-model="noReferencesform.designated_answer"
-                        :rows="2"
-                        type="textarea"
-                        maxlength="2048"
-                        :placeholder="defaultValue['designated_answer']"
-                      />
-                    </el-form-item>
-                  </el-radio>
-                </el-radio-group>
-              </el-form>
-            </el-form-item>
+                <el-radio value="designated_answer">
+                  <p>{{ $t('views.application.applicationForm.dialog.provideAnswer') }}</p>
+                  <el-form-item
+                    v-if="form.dataset_setting.no_references_setting.status === 'designated_answer'"
+                    prop="designated_answer"
+                  >
+                    <el-input
+                      v-model="noReferencesform.designated_answer"
+                      :rows="2"
+                      type="textarea"
+                      maxlength="2048"
+                      :placeholder="defaultValue['designated_answer']"
+                    />
+                  </el-form-item>
+                </el-radio>
+              </el-radio-group>
+            </el-form>
+          </el-form-item>
+
+          <el-form-item @click.prevent v-if="!isWorkflowType">
+            <template #label>
+              <div class="flex align-center">
+                <span class="mr-4">{{
+                  $t('views.application.applicationForm.form.problemOptimization.label')
+                }}</span>
+              </div>
+            </template>
+            <el-switch size="small" v-model="form.problem_optimization"></el-switch>
+          </el-form-item>
+          <el-form-item
+            v-if="form.problem_optimization"
+            :label="$t('views.application.applicationForm.form.prompt.label')"
+          >
+            <el-input
+              v-model="form.problem_optimization_prompt"
+              :rows="6"
+              type="textarea"
+              maxlength="2048"
+              :placeholder="defaultPrompt"
+            />
+          </el-form-item>
+        </el-form>
+      </div>
+    </el-scrollbar>
 
-            <el-form-item @click.prevent v-if="!isWorkflowType">
-              <template #label>
-                <div class="flex align-center">
-                  <span class="mr-4">{{
-                    $t('views.application.applicationForm.form.problemOptimization.label')
-                  }}</span>
-                </div>
-              </template>
-              <el-switch size="small" v-model="form.problem_optimization"></el-switch>
-            </el-form-item>
-            <el-form-item
-              v-if="form.problem_optimization"
-              :label="$t('views.application.applicationForm.form.prompt.label')"
-            >
-              <el-input
-                v-model="form.problem_optimization_prompt"
-                :rows="6"
-                type="textarea"
-                maxlength="2048"
-                :placeholder="defaultPrompt"
-              />
-            </el-form-item>
-          </el-form>
-        </div>
-      </el-scrollbar>
-    </div>
     <template #footer>
       <span class="dialog-footer p-16">
         <el-button @click.prevent="dialogVisible = false">{{ $t('common.cancel') }}</el-button>
@@ -326,6 +324,4 @@ function changeHandle(val: string) {
 
 defineExpose({ open })
 </script>
-<style lang="scss">
-
-</style>
+<style lang="scss"></style>
diff --git a/ui/src/views/application/component/TTSModeParamSettingDialog.vue b/ui/src/views/application/component/TTSModeParamSettingDialog.vue
index dfd6d28871c..8015347d81b 100644
--- a/ui/src/views/application/component/TTSModeParamSettingDialog.vue
+++ b/ui/src/views/application/component/TTSModeParamSettingDialog.vue
@@ -4,7 +4,6 @@
     :title="$t('common.paramSetting')"
     v-model="dialogVisible"
     style="width: 550px"
-    class="param-dialog"
     append-to-body
     :close-on-click-modal="false"
     :close-on-press-escape="false"
@@ -21,13 +20,12 @@
 
     <template #footer>
       <div class="flex-between">
-        <span class="p-16">
-          <el-button @click="testPlay" :loading="playLoading">
-            <AppIcon iconName="app-video-play" class="mr-4"></AppIcon>
-            {{ $t('views.application.applicationForm.form.voicePlay.listeningTest') }}
-          </el-button>
-        </span>
-        <span class="dialog-footer p-16">
+        <el-button @click="testPlay" :loading="playLoading">
+          <AppIcon iconName="app-video-play" class="mr-4"></AppIcon>
+          {{ $t('views.application.applicationForm.form.voicePlay.listeningTest') }}
+        </el-button>
+
+        <span class="dialog-footer">
           <el-button @click.prevent="dialogVisible = false">
             {{ $t('common.cancel') }}
           </el-button>
diff --git a/ui/src/views/document/component/EmbeddingContentDialog.vue b/ui/src/views/document/component/EmbeddingContentDialog.vue
index 5286b36fe40..1aa740d6f7a 100644
--- a/ui/src/views/document/component/EmbeddingContentDialog.vue
+++ b/ui/src/views/document/component/EmbeddingContentDialog.vue
@@ -6,7 +6,7 @@
     width="450"
   >
     <el-radio-group v-model="state" class="radio-block">
-      <el-radio value="error" size="large" class="mb-16">{{
+      <el-radio value="error" size="large">{{
         $t('components.selectParagraph.error')
       }}</el-radio>
       <el-radio value="all" size="large">{{ $t('components.selectParagraph.all') }}</el-radio>
diff --git a/ui/src/views/document/component/SelectDatasetDialog.vue b/ui/src/views/document/component/SelectDatasetDialog.vue
index 73426f2d997..bae4ac2136a 100644
--- a/ui/src/views/document/component/SelectDatasetDialog.vue
+++ b/ui/src/views/document/component/SelectDatasetDialog.vue
@@ -9,7 +9,7 @@
   >
     <template #header="{ titleId, titleClass }">
       <div class="my-header flex">
-        <h4 :id="titleId" :class="titleClass">{{$t('views.log.selectDataset')}}</h4>
+        <h4 :id="titleId" :class="titleClass">{{ $t('views.log.selectDataset') }}</h4>
         <el-button link class="ml-16" @click="refresh">
           <el-icon class="mr-4"><Refresh /></el-icon>{{ $t('common.refresh') }}
         </el-button>
@@ -21,11 +21,7 @@
           <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="mb-8"
-                  :class="item.id === selectDataset ? 'active' : ''"
-                >
+                <el-card shadow="never" :class="item.id === selectDataset ? 'active' : ''">
                   <el-radio :value="item.id" size="large">
                     <div class="flex align-center">
                       <AppAvatar
@@ -44,7 +40,16 @@
                       >
                         <img src="@/assets/icon_web.svg" style="width: 58%" alt="" />
                       </AppAvatar>
-                      <span class="ellipsis">
+                      <AppAvatar
+                        v-if="item?.type === '2'"
+                        class="mr-8 avatar-purple"
+                        shape="square"
+                        :size="32"
+                        style="background: none"
+                      >
+                        <img src="@/assets/logo_lark.svg" style="width: 100%" alt="" />
+                      </AppAvatar>
+                      <span class="ellipsis" :title="item.name">
                         {{ item.name }}
                       </span>
                     </div>
@@ -121,7 +126,7 @@ const refresh = () => {
 
 defineExpose({ open })
 </script>
-<style lang="scss" scoped>
+<style lang="scss">
 .select-dataset-dialog {
   padding: 0;
   .el-dialog__header {
diff --git a/ui/src/views/function-lib/component/EditAvatarDialog.vue b/ui/src/views/function-lib/component/EditAvatarDialog.vue
index b9aba7f1ddb..3c2a512fd99 100644
--- a/ui/src/views/function-lib/component/EditAvatarDialog.vue
+++ b/ui/src/views/function-lib/component/EditAvatarDialog.vue
@@ -1,21 +1,21 @@
 <template>
   <el-dialog
-      :title="`Logo ${$t('common.setting')}`"
-      v-model="dialogVisible"
-      :close-on-click-modal="false"
-      :close-on-press-escape="false"
+    :title="`Logo ${$t('common.setting')}`"
+    v-model="dialogVisible"
+    :close-on-click-modal="false"
+    :close-on-press-escape="false"
   >
-    <el-radio-group v-model="radioType" class="radio-block mb-16">
+    <el-radio-group v-model="radioType" class="radio-block-avatar mb-16">
       <div>
         <el-radio value="default">
           <p>{{ $t('views.applicationOverview.appInfo.EditAvatarDialog.default') }}</p>
           <AppAvatar
-              v-if="detail?.name"
-              :name="detail?.name"
-              pinyinColor
-              class="mt-8 mb-8"
-              shape="square"
-              :size="32"
+            v-if="detail?.name"
+            :name="detail?.name"
+            pinyinColor
+            class="mt-8 mb-8"
+            shape="square"
+            :size="32"
           />
         </el-radio>
       </div>
@@ -24,25 +24,24 @@
           <p>{{ $t('views.applicationOverview.appInfo.EditAvatarDialog.customizeUpload') }}</p>
           <div class="flex mt-8">
             <AppAvatar
-                v-if="fileURL"
-                shape="square"
-                :size="32"
-                style="background: none"
-                class="mr-16"
+              v-if="fileURL"
+              shape="square"
+              :size="32"
+              style="background: none"
+              class="mr-16"
             >
-              <img :src="fileURL" alt=""/>
+              <img :src="fileURL" alt="" />
             </AppAvatar>
             <el-upload
-                ref="uploadRef"
-                action="#"
-                :auto-upload="false"
-                :show-file-list="false"
-                accept="image/jpeg, image/png, image/gif"
-                :on-change="onChange"
+              ref="uploadRef"
+              action="#"
+              :auto-upload="false"
+              :show-file-list="false"
+              accept="image/jpeg, image/png, image/gif"
+              :on-change="onChange"
             >
-              <el-button icon="Upload" :disabled="radioType !== 'custom'">{{
-                  $t('views.applicationOverview.appInfo.EditAvatarDialog.upload')
-                }}
+              <el-button icon="Upload" :disabled="radioType !== 'custom'"
+                >{{ $t('views.applicationOverview.appInfo.EditAvatarDialog.upload') }}
               </el-button>
             </el-upload>
           </div>
@@ -54,9 +53,7 @@
     </el-radio-group>
     <template #footer>
       <span class="dialog-footer">
-        <el-button @click.prevent="dialogVisible = false">
-          {{ $t('common.cancel') }}</el-button
-        >
+        <el-button @click.prevent="dialogVisible = false"> {{ $t('common.cancel') }}</el-button>
         <el-button type="primary" @click="submit" :loading="loading">
           {{ $t('common.save') }}</el-button
         >
@@ -65,12 +62,12 @@
   </el-dialog>
 </template>
 <script setup lang="ts">
-import {ref, watch} from 'vue'
+import { ref, watch } from 'vue'
 import functionLibApi from '@/api/function-lib'
-import {cloneDeep} from 'lodash'
-import {MsgError, MsgSuccess} from '@/utils/message'
-import {defaultIcon, isAppIcon} from '@/utils/application'
-import {t} from '@/locales'
+import { cloneDeep } from 'lodash'
+import { MsgError, MsgSuccess } from '@/utils/message'
+import { defaultIcon, isAppIcon } from '@/utils/application'
+import { t } from '@/locales'
 
 const emit = defineEmits(['refresh'])
 
@@ -116,16 +113,30 @@ function submit() {
   } else if (radioType.value === 'custom' && iconFile.value) {
     let fd = new FormData()
     fd.append('file', iconFile.value.raw)
-    functionLibApi.putFunctionLibIcon(detail.value.id, fd, loading)
-        .then((res: any) => {
-          emit('refresh', res.data)
-          dialogVisible.value = false
-        })
+    functionLibApi.putFunctionLibIcon(detail.value.id, fd, loading).then((res: any) => {
+      emit('refresh', res.data)
+      dialogVisible.value = false
+    })
   } else {
     MsgError(t('views.applicationOverview.appInfo.EditAvatarDialog.uploadImagePrompt'))
   }
 }
 
-defineExpose({open})
+defineExpose({ open })
 </script>
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.radio-block-avatar {
+  width: 100%;
+  display: block;
+  .el-radio {
+    align-items: flex-start;
+    height: 100%;
+    width: 100%;
+  }
+  .el-radio__label {
+    width: 100%;
+    margin-top: -8px;
+    line-height: 30px;
+  }
+}
+</style>
diff --git a/ui/src/views/function-lib/component/PermissionDialog.vue b/ui/src/views/function-lib/component/PermissionDialog.vue
index 910afc6cd88..829de9f076b 100644
--- a/ui/src/views/function-lib/component/PermissionDialog.vue
+++ b/ui/src/views/function-lib/component/PermissionDialog.vue
@@ -16,7 +16,7 @@
       require-asterisk-position="right"
     >
       <el-radio-group v-model="form.permission_type" class="radio-block">
-        <el-radio value="PRIVATE" size="large" class="mb-16">
+        <el-radio value="PRIVATE" size="large">
           {{ $t('common.private') }}
           <el-text type="info">{{
             $t('views.template.templateForm.form.permissionType.privateDesc')
diff --git a/ui/src/views/log/component/EditContentDialog.vue b/ui/src/views/log/component/EditContentDialog.vue
index be4af4c88fd..062c6e7fe9d 100644
--- a/ui/src/views/log/component/EditContentDialog.vue
+++ b/ui/src/views/log/component/EditContentDialog.vue
@@ -66,6 +66,15 @@
               >
                 <img src="@/assets/icon_web.svg" style="width: 58%" alt="" />
               </AppAvatar>
+              <AppAvatar
+                  v-if="!item.dataset_id && item.type === '2'"
+                  class="mr-8 avatar-purple"
+                  shape="square"
+                  :size="24"
+                  style="background: none"
+                >
+                  <img src="@/assets/logo_lark.svg" style="width: 100%" alt="" />
+                </AppAvatar>
               <AppAvatar
                 v-else-if="!item.dataset_id && item.type === '0'"
                 class="mr-12 avatar-blue"
diff --git a/ui/src/views/log/index.vue b/ui/src/views/log/index.vue
index 3c293019170..06bee1f7d84 100644
--- a/ui/src/views/log/index.vue
+++ b/ui/src/views/log/index.vue
@@ -231,6 +231,15 @@
                 >
                   <img src="@/assets/icon_web.svg" style="width: 58%" alt="" />
                 </AppAvatar>
+                <AppAvatar
+                  v-if="!item.dataset_id && item.type === '2'"
+                  class="mr-12 avatar-purple"
+                  shape="square"
+                  :size="24"
+                  style="background: none"
+                >
+                  <img src="@/assets/logo_lark.svg" style="width: 100%" alt="" />
+                </AppAvatar>
                 <AppAvatar
                   v-else-if="!item.dataset_id && item.type === '0'"
                   class="mr-12 avatar-blue"
diff --git a/ui/src/views/paragraph/component/SelectDocumentDialog.vue b/ui/src/views/paragraph/component/SelectDocumentDialog.vue
index 4f7bf0dee74..e846c3a2279 100644
--- a/ui/src/views/paragraph/component/SelectDocumentDialog.vue
+++ b/ui/src/views/paragraph/component/SelectDocumentDialog.vue
@@ -32,6 +32,15 @@
               >
                 <img src="@/assets/icon_web.svg" style="width: 58%" alt="" />
               </AppAvatar>
+              <AppAvatar
+                v-if="!item.dataset_id && item.type === '2'"
+                class="mr-12 avatar-purple"
+                shape="square"
+                :size="24"
+                style="background: none"
+              >
+                <img src="@/assets/logo_lark.svg" style="width: 100%" alt="" />
+              </AppAvatar>
               <AppAvatar
                 v-else-if="!item.dataset_id && item.type === '0'"
                 class="mr-12 avatar-blue"
@@ -99,7 +108,9 @@ const form = ref<any>({
 })
 
 const rules = reactive<FormRules>({
-  dataset_id: [{ required: true, message: t('views.log.selectDatasetPlaceholder'), trigger: 'change' }],
+  dataset_id: [
+    { required: true, message: t('views.log.selectDatasetPlaceholder'), trigger: 'change' }
+  ],
   document_id: [{ required: true, message: t('views.log.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 fdaa96eedc4..4ddc4f319f8 100644
--- a/ui/src/workflow/nodes/search-dataset-node/index.vue
+++ b/ui/src/workflow/nodes/search-dataset-node/index.vue
@@ -34,7 +34,15 @@
                   >
                     <img src="@/assets/icon_web.svg" style="width: 58%" alt="" />
                   </AppAvatar>
-
+                  <AppAvatar
+                    v-if="relatedObject(datasetList, item, 'id')?.type === '2'"
+                    class="mr-8 avatar-purple"
+                    shape="square"
+                    :size="20"
+                    style="background: none"
+                  >
+                    <img src="@/assets/logo_lark.svg" style="width: 100%" alt="" />
+                  </AppAvatar>
                   <AppAvatar v-else class="mr-8 avatar-blue" shape="square" :size="20">
                     <img src="@/assets/icon_document.svg" style="width: 58%" alt="" />
                   </AppAvatar>
@@ -92,7 +100,9 @@
           :label="$t('views.applicationWorkflow.nodes.searchDatasetNode.searchQuestion.label')"
           prop="question_reference_address"
           :rules="{
-            message: $t('views.applicationWorkflow.nodes.searchDatasetNode.searchQuestion.requiredMessage'),
+            message: $t(
+              'views.applicationWorkflow.nodes.searchDatasetNode.searchQuestion.requiredMessage'
+            ),
             trigger: 'blur',
             required: true
           }"
@@ -101,7 +111,9 @@
             ref="nodeCascaderRef"
             :nodeModel="nodeModel"
             class="w-full"
-            :placeholder="$t('views.applicationWorkflow.nodes.searchDatasetNode.searchQuestion.placeholder')"
+            :placeholder="
+              $t('views.applicationWorkflow.nodes.searchDatasetNode.searchQuestion.placeholder')
+            "
             v-model="form_data.question_reference_address"
           />
         </el-form-item>