From 7fcd8d4fce90652d42972b757afc322a80b9ec09 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <79562285+wangdan-fit2cloud@users.noreply.github.com>
Date: Tue, 19 Aug 2025 18:51:09 +0800
Subject: [PATCH] perf: Optimize front-end code

---
 .../component/chat-input-operate/index.vue    |    4 +-
 .../ai-chat/component/control/index.vue       |    2 +-
 .../ExecutionDetailContent.vue                | 1232 +++++++++--------
 .../ai-chat/component/user-form/index.vue     |   10 +-
 ui/src/components/ai-chat/index.vue           |    4 +-
 ui/src/components/back-button/index.vue       |    6 +-
 ui/src/components/folder-tree/index.vue       |    2 +
 ui/src/components/markdown/EchartsRander.vue  |    3 +-
 ui/src/components/markdown/HtmlRander.vue     |    2 +-
 .../components/markdown/MdEditorMagnify.vue   |    2 +-
 .../select-knowledge-document/index.vue       |    4 +-
 .../component/APIKeyDialog.vue                |    3 +-
 .../component/DisplaySettingDialog.vue        |    2 +-
 .../component/LimitDialog.vue                 |    2 +-
 .../component/SettingAPIKeyDialog.vue         |    2 +-
 .../component/StatisticsCharts.vue            |    1 -
 ui/src/views/application-overview/index.vue   |    2 -
 .../XPackDisplaySettingDialog.vue             |    2 -
 .../xpack-component/XPackLimitDrawer.vue      |    1 -
 ui/src/views/application-workflow/index.vue   |   10 +-
 .../views/application/ApplicationSetting.vue  |    1 -
 .../component/CopyApplicationDialog.vue       |    3 +-
 .../component/CreateApplicationDialog.vue     |    1 -
 .../component/ParamSettingDialog.vue          |    1 -
 ui/src/views/chat-log/index.vue               |    1 -
 .../model/component/CreateModelDialog.vue     |    2 +-
 ui/src/views/model/component/EditModel.vue    |    2 +-
 .../paragraph/component/ParagraphDialog.vue   |    2 +-
 .../paragraph/component/ProblemComponent.vue  |    6 +-
 ui/src/views/paragraph/index.vue              |    2 +-
 .../problem/component/RelateProblemDialog.vue |    9 +-
 .../ApplicationResourceIndex.vue              |    1 -
 .../ModelResourceIndex.vue                    |    2 +-
 ui/src/views/system-setting/theme/index.vue   |    1 -
 .../AuthorizedWorkspaceDialog.vue             |    9 +-
 .../system-shared/KnowLedgeSharedIndex.vue    |    4 +-
 .../views/system-shared/ModelSharedIndex.vue  |    3 +-
 .../views/system-shared/ToolSharedIndex.vue   |    3 +-
 ui/src/views/system/operate-log/index.vue     |    5 +-
 .../views/tool/component/EditAvatarDialog.vue |    1 -
 40 files changed, 751 insertions(+), 604 deletions(-)

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 dcdb8aa9f..f1c4dfaea 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
@@ -372,7 +372,7 @@ const imageExtensions = ['JPG', 'JPEG', 'PNG', 'GIF', 'BMP']
 const documentExtensions = ['PDF', 'DOCX', 'TXT', 'XLS', 'XLSX', 'MD', 'HTML', 'CSV']
 const videoExtensions: any = []
 const audioExtensions = ['MP3', 'WAV', 'OGG', 'AAC', 'M4A']
-let otherExtensions = ref(['PPT', 'DOC'])
+const otherExtensions = ref(['PPT', 'DOC'])
 
 const getAcceptList = () => {
   const { image, document, audio, video, other } = props.applicationDetails.file_upload_setting
@@ -554,7 +554,7 @@ const switchMicrophone = (status: boolean) => {
   }
 }
 
-const TouchEnd = (bool?: Boolean) => {
+const TouchEnd = (bool?: boolean) => {
   if (bool) {
     stopRecording()
     recorderStatus.value = 'STOP'
diff --git a/ui/src/components/ai-chat/component/control/index.vue b/ui/src/components/ai-chat/component/control/index.vue
index 4b4645b16..bb9a3ce54 100644
--- a/ui/src/components/ai-chat/component/control/index.vue
+++ b/ui/src/components/ai-chat/component/control/index.vue
@@ -99,7 +99,7 @@ const menus = ref([
  */
 const clearSelectedText = () => {
   if (window.getSelection) {
-    var selection = window.getSelection()
+    const selection = window.getSelection()
     if (selection) {
       selection.removeAllRanges()
     }
diff --git a/ui/src/components/ai-chat/component/knowledge-source-component/ExecutionDetailContent.vue b/ui/src/components/ai-chat/component/knowledge-source-component/ExecutionDetailContent.vue
index c777f25ac..26065a81c 100644
--- a/ui/src/components/ai-chat/component/knowledge-source-component/ExecutionDetailContent.vue
+++ b/ui/src/components/ai-chat/component/knowledge-source-component/ExecutionDetailContent.vue
@@ -1,253 +1,106 @@
 <template>
   <el-scrollbar>
     <div class="execution-details p-8">
-      <template v-if="isWorkFlow(props.appType)" v-for="(item, index) in arraySort(props.detail ?? [], 'index')"
-        :key="index">
-        <el-card class="mb-8" shadow="never" style="--el-card-padding: 12px 16px">
-          <div class="flex-between cursor" @click="item['show'] = !item['show']">
-            <div class="flex align-center">
-              <el-icon class="mr-8 arrow-icon" :class="item['show'] ? 'rotate-90' : ''">
-                <CaretRight />
-              </el-icon>
-              <component :is="iconComponent(`${item.type}-icon`)" class="mr-8" :size="24" :item="item.info" />
-              <h4>{{ item.name }}</h4>
+      <div v-if="isWorkFlow(props.appType)">
+        <template v-for="(item, index) in arraySort(props.detail ?? [], 'index')" :key="index">
+          <el-card class="mb-8" shadow="never" style="--el-card-padding: 12px 16px">
+            <div class="flex-between cursor" @click="item['show'] = !item['show']">
+              <div class="flex align-center">
+                <el-icon class="mr-8 arrow-icon" :class="item['show'] ? 'rotate-90' : ''">
+                  <CaretRight />
+                </el-icon>
+                <component
+                  :is="iconComponent(`${item.type}-icon`)"
+                  class="mr-8"
+                  :size="24"
+                  :item="item.info"
+                />
+                <h4>{{ item.name }}</h4>
+              </div>
+              <div class="flex align-center">
+                <span
+                  class="mr-16 color-secondary"
+                  v-if="
+                    item.type === WorkflowType.Question ||
+                    item.type === WorkflowType.AiChat ||
+                    item.type === WorkflowType.ImageUnderstandNode ||
+                    item.type === WorkflowType.ImageGenerateNode ||
+                    item.type === WorkflowType.Application
+                  "
+                  >{{ item?.message_tokens + item?.answer_tokens }} tokens</span
+                >
+                <span class="mr-16 color-secondary">{{ item?.run_time?.toFixed(2) || 0.0 }} s</span>
+                <el-icon class="color-success" :size="16" v-if="item.status === 200">
+                  <CircleCheck />
+                </el-icon>
+                <el-icon class="color-danger" :size="16" v-else>
+                  <CircleClose />
+                </el-icon>
+              </div>
             </div>
-            <div class="flex align-center">
-              <span class="mr-16 color-secondary" v-if="
-                item.type === WorkflowType.Question ||
-                item.type === WorkflowType.AiChat ||
-                item.type === WorkflowType.ImageUnderstandNode ||
-                item.type === WorkflowType.ImageGenerateNode ||
-                item.type === WorkflowType.Application
-              ">{{ item?.message_tokens + item?.answer_tokens }} tokens</span>
-              <span class="mr-16 color-secondary">{{ item?.run_time?.toFixed(2) || 0.0 }} s</span>
-              <el-icon class="color-success" :size="16" v-if="item.status === 200">
-                <CircleCheck />
-              </el-icon>
-              <el-icon class="color-danger" :size="16" v-else>
-                <CircleClose />
-              </el-icon>
-            </div>
-          </div>
-          <el-collapse-transition>
-            <div class="mt-12" v-if="item['show']">
-              <template v-if="item.status === 200">
-                <!-- 开始 -->
-                <template v-if="item.type === WorkflowType.Start || item.type === WorkflowType.Application">
-                  <div class="card-never border-r-6">
-                    <h5 class="p-8-12">
-                      {{ $t('common.param.inputParam') }}
-                    </h5>
+            <el-collapse-transition>
+              <div class="mt-12" v-if="item['show']">
+                <template v-if="item.status === 200">
+                  <!-- 开始 -->
+                  <template
+                    v-if="
+                      item.type === WorkflowType.Start || item.type === WorkflowType.Application
+                    "
+                  >
+                    <div class="card-never border-r-6">
+                      <h5 class="p-8-12">
+                        {{ $t('common.param.inputParam') }}
+                      </h5>
 
-                    <div class="p-8-12 border-t-dashed lighter">
-                      <div class="mb-8">
-                        <span class="color-secondary">
-                          {{ $t('chat.paragraphSource.question') }}:</span>
+                      <div class="p-8-12 border-t-dashed lighter">
+                        <div class="mb-8">
+                          <span class="color-secondary">
+                            {{ $t('chat.paragraphSource.question') }}:</span
+                          >
 
-                        {{ item.question || '-' }}
-                      </div>
+                          {{ item.question || '-' }}
+                        </div>
 
-                      <div v-for="(f, i) in item.global_fields" :key="i" class="mb-8">
-                        <span class="color-secondary">{{ f.label }}:</span> {{ f.value }}
-                      </div>
-                      <div v-if="item.document_list?.length > 0">
-                        <p class="mb-8 color-secondary">{{ $t('common.fileUpload.document') }}:</p>
+                        <div v-for="(f, i) in item.global_fields" :key="i" class="mb-8">
+                          <span class="color-secondary">{{ f.label }}:</span> {{ f.value }}
+                        </div>
+                        <div v-if="item.document_list?.length > 0">
+                          <p class="mb-8 color-secondary">
+                            {{ $t('common.fileUpload.document') }}:
+                          </p>
 
-                        <el-space wrap>
-                          <template v-for="(f, i) in item.document_list" :key="i">
-                            <el-card shadow="never" style="--el-card-padding: 8px" class="file cursor">
-                              <div class="flex align-center">
-                                <img :src="getImgUrl(f && f?.name)" alt="" width="24" />
-                                <div class="ml-4 ellipsis" :title="f && f?.name">
-                                  {{ f && f?.name }}
+                          <el-space wrap>
+                            <template v-for="(f, i) in item.document_list" :key="i">
+                              <el-card
+                                shadow="never"
+                                style="--el-card-padding: 8px"
+                                class="file cursor"
+                              >
+                                <div class="flex align-center">
+                                  <img :src="getImgUrl(f && f?.name)" alt="" width="24" />
+                                  <div class="ml-4 ellipsis" :title="f && f?.name">
+                                    {{ f && f?.name }}
+                                  </div>
                                 </div>
-                              </div>
-                            </el-card>
-                          </template>
-                        </el-space>
-                      </div>
-                      <div v-if="item.image_list?.length > 0">
-                        <p class="mb-8 color-secondary">{{ $t('common.fileUpload.image') }}:</p>
+                              </el-card>
+                            </template>
+                          </el-space>
+                        </div>
+                        <div v-if="item.image_list?.length > 0">
+                          <p class="mb-8 color-secondary">{{ $t('common.fileUpload.image') }}:</p>
 
-                        <el-space wrap>
-                          <template v-for="(f, i) in item.image_list" :key="i">
-                            <el-image :src="f.url" alt="" fit="cover" style="width: 40px; height: 40px; display: block"
-                              class="border-r-6" />
-                          </template>
-                        </el-space>
-                      </div>
-                      <div v-if="item.audio_list?.length > 0">
-                        <p class="mb-8 color-secondary">
-                          {{ $t('chat.executionDetails.audioFile') }}:
-                        </p>
-
-                        <el-space wrap>
-                          <template v-for="(f, i) in item.audio_list" :key="i">
-                            <audio :src="f.url" controls style="width: 300px; height: 43px" class="border-r-6" />
-                          </template>
-                        </el-space>
-                      </div>
-                      <div v-if="item.other_list?.length > 0">
-                        <p class="mb-8 color-secondary">{{ $t('common.fileUpload.document') }}:</p>
-
-                        <el-space wrap>
-                          <template v-for="(f, i) in item.other_list" :key="i">
-                            <el-card shadow="never" style="--el-card-padding: 8px" class="file cursor">
-                              <div class="flex align-center">
-                                <img :src="getImgUrl(f && f?.name)" alt="" width="24" />
-                                <div class="ml-4 ellipsis" :title="f && f?.name">
-                                  {{ f && f?.name }}
-                                </div>
-                              </div>
-                            </el-card>
-                          </template>
-                        </el-space>
-                      </div>
-                    </div>
-                  </div>
-                </template>
-                <!-- 知识库检索 -->
-                <template v-if="item.type == WorkflowType.SearchKnowledge">
-                  <div class="card-never border-r-6">
-                    <h5 class="p-8-12">
-                      {{ $t('chat.executionDetails.searchContent') }}
-                    </h5>
-                    <div class="p-8-12 border-t-dashed lighter">{{ item.question || '-' }}</div>
-                  </div>
-                  <div class="card-never border-r-6 mt-8">
-                    <h5 class="p-8-12">
-                      {{ $t('chat.executionDetails.searchResult') }}
-                    </h5>
-                    <div class="p-8-12 border-t-dashed lighter">
-                      <template v-if="item.paragraph_list?.length > 0">
-                        <template v-for="(paragraph, paragraphIndex) in arraySort(
-                          item.paragraph_list,
-                          'similarity',
-                          true,
-                        )" :key="paragraphIndex">
-                          <ParagraphCard :data="paragraph" :content="paragraph.content" :index="paragraphIndex" />
-                        </template>
-                      </template>
-                      <template v-else> -</template>
-                    </div>
-                  </div>
-                </template>
-                <!-- 判断器 -->
-                <template v-if="item.type == WorkflowType.Condition">
-                  <div class="card-never border-r-6">
-                    <h5 class="p-8-12">
-                      {{ $t('chat.executionDetails.conditionResult') }}
-                    </h5>
-                    <div class="p-8-12 border-t-dashed lighter">
-                      {{ item.branch_name || '-' }}
-                    </div>
-                  </div>
-                </template>
-                <!-- AI 对话 / 问题优化-->
-                <template v-if="
-                  item.type == WorkflowType.AiChat ||
-                  item.type == WorkflowType.Question ||
-                  item.type == WorkflowType.Application
-                ">
-                  <div class="card-never border-r-6" v-if="item.type !== WorkflowType.Application">
-                    <h5 class="p-8-12">
-                      {{ $t('views.application.form.roleSettings.label') }}
-                    </h5>
-                    <div class="p-8-12 border-t-dashed lighter">
-                      {{ item.system || '-' }}
-                    </div>
-                  </div>
-                  <div class="card-never border-r-6 mt-8" v-if="item.type !== WorkflowType.Application">
-                    <h5 class="p-8-12">{{ $t('chat.history') }}</h5>
-                    <div class="p-8-12 border-t-dashed lighter">
-                      <template v-if="item.history_message?.length > 0">
-                        <p class="mt-4 mb-4" v-for="(history, historyIndex) in item.history_message"
-                          :key="historyIndex">
-                          <span class="color-secondary mr-4">{{ history.role }}:</span><span>{{ history.content
-                            }}</span>
-                        </p>
-                      </template>
-                      <template v-else> -</template>
-                    </div>
-                  </div>
-                  <div class="card-never border-r-6 mt-8" v-if="item.type !== WorkflowType.Application">
-                    <h5 class="p-8-12">
-                      {{ $t('chat.executionDetails.currentChat') }}
-                    </h5>
-                    <div class="p-8-12 border-t-dashed lighter pre-wrap">
-                      {{ item.question || '-' }}
-                    </div>
-                  </div>
-                  <div class="card-never border-r-6 mt-8" v-if="item.type == WorkflowType.AiChat">
-                    <h5 class="p-8-12">
-                      {{ $t('views.applicationWorkflow.nodes.aiChatNode.think') }}
-                    </h5>
-                    <div class="p-8-12 border-t-dashed lighter pre-wrap">
-                      {{ item.reasoning_content || '-' }}
-                    </div>
-                  </div>
-                  <div class="card-never border-r-6 mt-8">
-                    <h5 class="p-8-12">
-                      {{
-                        item.type == WorkflowType.Application
-                          ? $t('common.param.outputParam')
-                          : $t('chat.executionDetails.answer')
-                      }}
-                    </h5>
-                    <div class="p-8-12 border-t-dashed lighter">
-                      <MdPreview v-if="item.answer" ref="editorRef" editorId="preview-only" :modelValue="item.answer"
-                        style="background: none" noImgZoomIn />
-                      <template v-else> -</template>
-                    </div>
-                  </div>
-                </template>
-
-                <!-- 指定回复 -->
-                <template v-if="item.type === WorkflowType.Reply">
-                  <div class="card-never border-r-6">
-                    <h5 class="p-8-12">
-                      {{ $t('chat.executionDetails.replyContent') }}
-                    </h5>
-                    <div class="p-8-12 border-t-dashed lighter">
-                      <el-scrollbar height="150">
-                        <MdPreview v-if="item.answer" ref="editorRef" editorId="preview-only" :modelValue="item.answer"
-                          style="background: none" noImgZoomIn />
-                        <template v-else> -</template>
-                      </el-scrollbar>
-                    </div>
-                  </div>
-                </template>
-
-                <!-- 文档内容提取 -->
-                <template v-if="item.type === WorkflowType.DocumentExtractNode">
-                  <div class="card-never border-r-6">
-                    <h5 class="p-8-12 flex align-center">
-                      <span class="mr-4"> {{ $t('common.param.outputParam') }}</span>
-
-                      <el-tooltip effect="dark" :content="$t('chat.executionDetails.paramOutputTooltip')"
-                        placement="right">
-                        <AppIcon iconName="app-warning" class="app-warning-icon"></AppIcon>
-                      </el-tooltip>
-                    </h5>
-                    <div class="p-8-12 border-t-dashed lighter">
-                      <el-scrollbar height="150">
-                        <el-card shadow="never" style="--el-card-padding: 8px"
-                          v-for="(file_content, index) in item.content" :key="index" class="mb-8">
-                          <MdPreview v-if="file_content" ref="editorRef" editorId="preview-only"
-                            :modelValue="file_content" style="background: none" noImgZoomIn />
-                          <template v-else> -</template>
-                        </el-card>
-                      </el-scrollbar>
-                    </div>
-                  </div>
-                </template>
-                <template v-if="item.type === WorkflowType.SpeechToTextNode">
-                  <div class="card-never border-r-6">
-                    <h5 class="p-8-12">
-                      {{ $t('common.param.inputParam') }}
-                    </h5>
-                    <div class="p-8-12 border-t-dashed lighter">
-                      <div class="mb-8">
+                          <el-space wrap>
+                            <template v-for="(f, i) in item.image_list" :key="i">
+                              <el-image
+                                :src="f.url"
+                                alt=""
+                                fit="cover"
+                                style="width: 40px; height: 40px; display: block"
+                                class="border-r-6"
+                              />
+                            </template>
+                          </el-space>
+                        </div>
                         <div v-if="item.audio_list?.length > 0">
                           <p class="mb-8 color-secondary">
                             {{ $t('chat.executionDetails.audioFile') }}:
@@ -255,310 +108,619 @@
 
                           <el-space wrap>
                             <template v-for="(f, i) in item.audio_list" :key="i">
-                              <audio :src="f.url" controls style="width: 300px; height: 43px" class="border-r-6" />
+                              <audio
+                                :src="f.url"
+                                controls
+                                style="width: 300px; height: 43px"
+                                class="border-r-6"
+                              />
+                            </template>
+                          </el-space>
+                        </div>
+                        <div v-if="item.other_list?.length > 0">
+                          <p class="mb-8 color-secondary">
+                            {{ $t('common.fileUpload.document') }}:
+                          </p>
+
+                          <el-space wrap>
+                            <template v-for="(f, i) in item.other_list" :key="i">
+                              <el-card
+                                shadow="never"
+                                style="--el-card-padding: 8px"
+                                class="file cursor"
+                              >
+                                <div class="flex align-center">
+                                  <img :src="getImgUrl(f && f?.name)" alt="" width="24" />
+                                  <div class="ml-4 ellipsis" :title="f && f?.name">
+                                    {{ f && f?.name }}
+                                  </div>
+                                </div>
+                              </el-card>
                             </template>
                           </el-space>
                         </div>
                       </div>
                     </div>
-                  </div>
-                  <div class="card-never border-r-6">
-                    <h5 class="p-8-12">
-                      {{ $t('common.param.outputParam') }}
-                    </h5>
-                    <div class="p-8-12 border-t-dashed lighter">
-                      <el-card shadow="never" style="--el-card-padding: 8px"
-                        v-for="(file_content, index) in item.content" :key="index" class="mb-8">
-                        <MdPreview v-if="file_content" ref="editorRef" editorId="preview-only"
-                          :modelValue="file_content" style="background: none" noImgZoomIn />
-                        <template v-else> -</template>
-                      </el-card>
+                  </template>
+                  <!-- 知识库检索 -->
+                  <template v-if="item.type == WorkflowType.SearchKnowledge">
+                    <div class="card-never border-r-6">
+                      <h5 class="p-8-12">
+                        {{ $t('chat.executionDetails.searchContent') }}
+                      </h5>
+                      <div class="p-8-12 border-t-dashed lighter">{{ item.question || '-' }}</div>
                     </div>
-                  </div>
-                </template>
-
-                <template v-if="item.type === WorkflowType.TextToSpeechNode">
-                  <div class="card-never border-r-6">
-                    <h5 class="p-8-12">
-                      {{ $t('common.param.inputParam') }}
-                    </h5>
-                    <div class="p-8-12 border-t-dashed lighter">
+                    <div class="card-never border-r-6 mt-8">
+                      <h5 class="p-8-12">
+                        {{ $t('chat.executionDetails.searchResult') }}
+                      </h5>
                       <div class="p-8-12 border-t-dashed lighter">
-                        <p class="mb-8 color-secondary">
-                          {{ $t('chat.executionDetails.textContent') }}:
-                        </p>
-                        <div v-if="item.content">
-                          <MdPreview ref="editorRef" editorId="preview-only" :modelValue="item.content"
-                            style="background: none" noImgZoomIn />
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div class="card-never border-r-6">
-                    <h5 class="p-8-12">
-                      {{ $t('common.param.outputParam') }}
-                    </h5>
-                    <div class="p-8-12 border-t-dashed lighter">
-                      <p class="mb-8 color-secondary">
-                        {{ $t('chat.executionDetails.audioFile') }}:
-                      </p>
-                      <div v-if="item.answer" v-html="item.answer"></div>
-                    </div>
-                  </div>
-                </template>
-
-                <!-- 工具库 -->
-                <template v-if="
-                  item.type === WorkflowType.ToolLib || item.type === WorkflowType.ToolLibCustom
-                ">
-                  <div class="card-never border-r-6 mt-8">
-                    <h5 class="p-8-12">{{ $t('chat.executionDetails.input') }}</h5>
-                    <div class="p-8-12 border-t-dashed lighter pre-wrap">
-                      {{ item.params || '-' }}
-                    </div>
-                  </div>
-                  <div class="card-never border-r-6 mt-8">
-                    <h5 class="p-8-12">{{ $t('chat.executionDetails.output') }}</h5>
-                    <div class="p-8-12 border-t-dashed lighter pre-wrap">
-                      {{ item.result || '-' }}
-                    </div>
-                  </div>
-                </template>
-                <!-- 多路召回 -->
-                <template v-if="item.type == WorkflowType.RrerankerNode">
-                  <div class="card-never border-r-6">
-                    <h5 class="p-8-12">
-                      {{ $t('chat.executionDetails.searchContent') }}
-                    </h5>
-                    <div class="p-8-12 border-t-dashed lighter">{{ item.question || '-' }}</div>
-                  </div>
-                  <div class="card-never border-r-6 mt-8">
-                    <h5 class="p-8-12">
-                      {{ $t('chat.executionDetails.rerankerContent') }}
-                    </h5>
-                    <div class="p-8-12 border-t-dashed lighter">
-                      <template v-if="item.document_list?.length > 0">
-                        <template v-for="(paragraph, paragraphIndex) in item.document_list" :key="paragraphIndex">
-                          <ParagraphCard :data="paragraph.metadata" :content="paragraph.page_content"
-                            :index="paragraphIndex" />
-                        </template>
-                      </template>
-                      <template v-else> -</template>
-                    </div>
-                  </div>
-                  <div class="card-never border-r-6 mt-8">
-                    <h5 class="p-8-12">
-                      {{ $t('chat.executionDetails.rerankerResult') }}
-                    </h5>
-                    <div class="p-8-12 border-t-dashed lighter">
-                      <template v-if="item.result_list?.length > 0">
-                        <template v-for="(paragraph, paragraphIndex) in item.result_list" :key="paragraphIndex">
-                          <ParagraphCard :data="paragraph.metadata" :content="paragraph.page_content"
-                            :index="paragraphIndex" :score="paragraph.metadata?.relevance_score" />
-                        </template>
-                      </template>
-                      <template v-else> -</template>
-                    </div>
-                  </div>
-                </template>
-
-                <!-- 表单收集 -->
-                <template v-if="item.type === WorkflowType.FormNode">
-                  <div class="card-never border-r-6">
-                    <h5 class="p-8-12">
-                      {{ $t('common.param.outputParam')
-                      }}<span style="color: #f54a45">{{
-                        item.is_submit ? '' : `(${$t('chat.executionDetails.noSubmit')})`
-                        }}</span>
-                    </h5>
-
-                    <div class="p-8-12 border-t-dashed lighter">
-                      <DynamicsForm :disabled="true" label-position="top" require-asterisk-position="right"
-                        ref="dynamicsFormRef" :render_data="item.form_field_list" label-suffix=":"
-                        v-model="item.form_data" :model="item.form_data"></DynamicsForm>
-                    </div>
-                  </div>
-                </template>
-                <!-- 图片理解 -->
-                <template v-if="item.type == WorkflowType.ImageUnderstandNode">
-                  <div class="card-never border-r-6" v-if="item.type !== WorkflowType.Application">
-                    <h5 class="p-8-12">
-                      {{ $t('views.application.form.roleSettings.label') }}
-                    </h5>
-                    <div class="p-8-12 border-t-dashed lighter">
-                      {{ item.system || '-' }}
-                    </div>
-                  </div>
-                  <div class="card-never border-r-6 mt-8" v-if="item.type !== WorkflowType.Application">
-                    <h5 class="p-8-12">{{ $t('chat.history') }}</h5>
-                    <div class="p-8-12 border-t-dashed lighter">
-                      <template v-if="item.history_message?.length > 0">
-                        <p class="mt-4 mb-4" v-for="(history, historyIndex) in item.history_message"
-                          :key="historyIndex">
-                          <span class="color-secondary mr-4">{{ history.role }}:</span>
-
-                          <span v-if="Array.isArray(history.content)">
-                            <template v-for="(h, i) in history.content" :key="i">
-                              <el-image v-if="h.type === 'image_url'" :src="h.image_url.url" alt="" fit="cover"
-                                style="width: 40px; height: 40px; display: inline-block" class="border-r-6 mr-8" />
-
-                              <span v-else>{{ h.text }}<br /></span>
-                            </template>
-                          </span>
-
-                          <span v-else>{{ history.content }}</span>
-                        </p>
-                      </template>
-                      <template v-else> -</template>
-                    </div>
-                  </div>
-                  <div class="card-never border-r-6 mt-8">
-                    <h5 class="p-8-12">
-                      {{ $t('chat.executionDetails.currentChat') }}
-                    </h5>
-                    <div class="p-8-12 border-t-dashed lighter pre-wrap">
-                      <div v-if="item.image_list?.length > 0">
-                        <el-space wrap>
-                          <template v-for="(f, i) in item.image_list" :key="i">
-                            <el-image :src="f.url" alt="" fit="cover" style="width: 40px; height: 40px; display: block"
-                              class="border-r-6" />
+                        <template v-if="item.paragraph_list?.length > 0">
+                          <template
+                            v-for="(paragraph, paragraphIndex) in arraySort(
+                              item.paragraph_list,
+                              'similarity',
+                              true,
+                            )"
+                            :key="paragraphIndex"
+                          >
+                            <ParagraphCard
+                              :data="paragraph"
+                              :content="paragraph.content"
+                              :index="paragraphIndex"
+                            />
                           </template>
-                        </el-space>
+                        </template>
+                        <template v-else> -</template>
                       </div>
-                      <div>
+                    </div>
+                  </template>
+                  <!-- 判断器 -->
+                  <template v-if="item.type == WorkflowType.Condition">
+                    <div class="card-never border-r-6">
+                      <h5 class="p-8-12">
+                        {{ $t('chat.executionDetails.conditionResult') }}
+                      </h5>
+                      <div class="p-8-12 border-t-dashed lighter">
+                        {{ item.branch_name || '-' }}
+                      </div>
+                    </div>
+                  </template>
+                  <!-- AI 对话 / 问题优化-->
+                  <template
+                    v-if="
+                      item.type == WorkflowType.AiChat ||
+                      item.type == WorkflowType.Question ||
+                      item.type == WorkflowType.Application
+                    "
+                  >
+                    <div
+                      class="card-never border-r-6"
+                      v-if="item.type !== WorkflowType.Application"
+                    >
+                      <h5 class="p-8-12">
+                        {{ $t('views.application.form.roleSettings.label') }}
+                      </h5>
+                      <div class="p-8-12 border-t-dashed lighter">
+                        {{ item.system || '-' }}
+                      </div>
+                    </div>
+                    <div
+                      class="card-never border-r-6 mt-8"
+                      v-if="item.type !== WorkflowType.Application"
+                    >
+                      <h5 class="p-8-12">{{ $t('chat.history') }}</h5>
+                      <div class="p-8-12 border-t-dashed lighter">
+                        <template v-if="item.history_message?.length > 0">
+                          <p
+                            class="mt-4 mb-4"
+                            v-for="(history, historyIndex) in item.history_message"
+                            :key="historyIndex"
+                          >
+                            <span class="color-secondary mr-4">{{ history.role }}:</span
+                            ><span>{{ history.content }}</span>
+                          </p>
+                        </template>
+                        <template v-else> -</template>
+                      </div>
+                    </div>
+                    <div
+                      class="card-never border-r-6 mt-8"
+                      v-if="item.type !== WorkflowType.Application"
+                    >
+                      <h5 class="p-8-12">
+                        {{ $t('chat.executionDetails.currentChat') }}
+                      </h5>
+                      <div class="p-8-12 border-t-dashed lighter pre-wrap">
                         {{ item.question || '-' }}
                       </div>
                     </div>
-                  </div>
-                  <div class="card-never border-r-6 mt-8">
-                    <h5 class="p-8-12">
-                      {{
-                        item.type == WorkflowType.Application
-                          ? $t('common.param.outputParam')
-                          : $t('chat.executionDetails.answer')
-                      }}
-                    </h5>
-                    <div class="p-8-12 border-t-dashed lighter">
-                      <MdPreview v-if="item.answer" ref="editorRef" editorId="preview-only" :modelValue="item.answer"
-                        style="background: none" noImgZoomIn />
-                      <template v-else> -</template>
+                    <div class="card-never border-r-6 mt-8" v-if="item.type == WorkflowType.AiChat">
+                      <h5 class="p-8-12">
+                        {{ $t('views.applicationWorkflow.nodes.aiChatNode.think') }}
+                      </h5>
+                      <div class="p-8-12 border-t-dashed lighter pre-wrap">
+                        {{ item.reasoning_content || '-' }}
+                      </div>
                     </div>
-                  </div>
-                </template>
-                <!-- 图片生成 -->
-                <template v-if="item.type == WorkflowType.ImageGenerateNode">
-                  <div class="card-never border-r-6 mt-8">
-                    <h5 class="p-8-12">
-                      {{ $t('chat.executionDetails.currentChat') }}
-                    </h5>
-                    <div class="p-8-12 border-t-dashed lighter pre-wrap">
-                      {{ item.question || '-' }}
+                    <div class="card-never border-r-6 mt-8">
+                      <h5 class="p-8-12">
+                        {{
+                          item.type == WorkflowType.Application
+                            ? $t('common.param.outputParam')
+                            : $t('chat.executionDetails.answer')
+                        }}
+                      </h5>
+                      <div class="p-8-12 border-t-dashed lighter">
+                        <MdPreview
+                          v-if="item.answer"
+                          ref="editorRef"
+                          editorId="preview-only"
+                          :modelValue="item.answer"
+                          style="background: none"
+                          noImgZoomIn
+                        />
+                        <template v-else> -</template>
+                      </div>
                     </div>
-                  </div>
-                  <div class="card-never border-r-6 mt-8">
-                    <h5 class="p-8-12">
-                      {{ $t('views.applicationWorkflow.nodes.imageGenerateNode.negative_prompt.label') }}
-                    </h5>
-                    <div class="p-8-12 border-t-dashed lighter pre-wrap">
-                      {{ item.negative_prompt || '-' }}
-                    </div>
-                  </div>
-                  <div class="card-never border-r-6 mt-8">
-                    <h5 class="p-8-12">
-                      {{
-                        item.type == WorkflowType.Application
-                          ? $t('common.param.outputParam')
-                          : $t('chat.executionDetails.answer')
-                      }}
-                    </h5>
-                    <div class="p-8-12 border-t-dashed lighter">
-                      <MdPreview v-if="item.answer" ref="editorRef" editorId="preview-only" :modelValue="item.answer"
-                        style="background: none" noImgZoomIn />
-                      <template v-else> -</template>
-                    </div>
-                  </div>
-                </template>
+                  </template>
 
-                <!-- 变量赋值 -->
-                <template v-if="item.type === WorkflowType.VariableAssignNode">
-                  <div class="card-never border-r-6">
-                    <h5 class="p-8-12">
-                      {{ $t('common.param.inputParam') }}
-                    </h5>
-                    <div class="p-8-12 border-t-dashed lighter">
-                      <div v-for="(f, i) in item.result_list" :key="i" class="mb-8">
-                        <span class="color-secondary">{{ f.name }}:</span> {{ f.input_value }}
+                  <!-- 指定回复 -->
+                  <template v-if="item.type === WorkflowType.Reply">
+                    <div class="card-never border-r-6">
+                      <h5 class="p-8-12">
+                        {{ $t('chat.executionDetails.replyContent') }}
+                      </h5>
+                      <div class="p-8-12 border-t-dashed lighter">
+                        <el-scrollbar height="150">
+                          <MdPreview
+                            v-if="item.answer"
+                            ref="editorRef"
+                            editorId="preview-only"
+                            :modelValue="item.answer"
+                            style="background: none"
+                            noImgZoomIn
+                          />
+                          <template v-else> -</template>
+                        </el-scrollbar>
                       </div>
                     </div>
-                  </div>
-                  <div class="card-never border-r-6">
-                    <h5 class="p-8-12">
-                      {{ $t('common.param.outputParam') }}
-                    </h5>
-                    <div class="p-8-12 border-t-dashed lighter">
-                      <div v-for="(f, i) in item.result_list" :key="i" class="mb-8">
-                        <span class="color-secondary">{{ f.name }}:</span> {{ f.output_value }}
-                      </div>
-                    </div>
-                  </div>
-                </template>
+                  </template>
 
-                <!-- MCP 节点 -->
-                <template v-if="item.type === WorkflowType.McpNode">
-                  <div class="card-never border-r-6">
-                    <h5 class="p-8-12">
-                      {{ $t('views.applicationWorkflow.nodes.mcpNode.tool') }}
-                    </h5>
-                    <div class="p-8-12 border-t-dashed lighter">
-                      <div class="mb-8">
-                        <span class="color-secondary">
-                          {{ $t('views.applicationWorkflow.nodes.mcpNode.tool') }}:
-                        </span>
-                        {{ item.mcp_tool }}
+                  <!-- 文档内容提取 -->
+                  <template v-if="item.type === WorkflowType.DocumentExtractNode">
+                    <div class="card-never border-r-6">
+                      <h5 class="p-8-12 flex align-center">
+                        <span class="mr-4"> {{ $t('common.param.outputParam') }}</span>
+
+                        <el-tooltip
+                          effect="dark"
+                          :content="$t('chat.executionDetails.paramOutputTooltip')"
+                          placement="right"
+                        >
+                          <AppIcon iconName="app-warning" class="app-warning-icon"></AppIcon>
+                        </el-tooltip>
+                      </h5>
+                      <div class="p-8-12 border-t-dashed lighter">
+                        <el-scrollbar height="150">
+                          <el-card
+                            shadow="never"
+                            style="--el-card-padding: 8px"
+                            v-for="(file_content, index) in item.content"
+                            :key="index"
+                            class="mb-8"
+                          >
+                            <MdPreview
+                              v-if="file_content"
+                              ref="editorRef"
+                              editorId="preview-only"
+                              :modelValue="file_content"
+                              style="background: none"
+                              noImgZoomIn
+                            />
+                            <template v-else> -</template>
+                          </el-card>
+                        </el-scrollbar>
                       </div>
                     </div>
-                  </div>
-                  <div class="card-never border-r-6">
-                    <h5 class="p-8-12">
-                      {{ $t('views.applicationWorkflow.nodes.mcpNode.toolParam') }}
-                    </h5>
-                    <div class="p-8-12 border-t-dashed lighter">
-                      <div v-for="(value, name) in item.tool_params" :key="name" class="mb-8">
-                        <span class="color-secondary">{{ name }}:</span> {{ value }}
+                  </template>
+                  <template v-if="item.type === WorkflowType.SpeechToTextNode">
+                    <div class="card-never border-r-6">
+                      <h5 class="p-8-12">
+                        {{ $t('common.param.inputParam') }}
+                      </h5>
+                      <div class="p-8-12 border-t-dashed lighter">
+                        <div class="mb-8">
+                          <div v-if="item.audio_list?.length > 0">
+                            <p class="mb-8 color-secondary">
+                              {{ $t('chat.executionDetails.audioFile') }}:
+                            </p>
+
+                            <el-space wrap>
+                              <template v-for="(f, i) in item.audio_list" :key="i">
+                                <audio
+                                  :src="f.url"
+                                  controls
+                                  style="width: 300px; height: 43px"
+                                  class="border-r-6"
+                                />
+                              </template>
+                            </el-space>
+                          </div>
+                        </div>
                       </div>
                     </div>
-                  </div>
-                  <div class="card-never border-r-6">
-                    <h5 class="p-8-12">
-                      {{ $t('common.param.outputParam') }}
-                    </h5>
-                    <div class="p-8-12 border-t-dashed lighter">
-                      <div v-for="(f, i) in item.result" :key="i" class="mb-8">
-                        <span class="color-secondary">result:</span> {{ f }}
+                    <div class="card-never border-r-6">
+                      <h5 class="p-8-12">
+                        {{ $t('common.param.outputParam') }}
+                      </h5>
+                      <div class="p-8-12 border-t-dashed lighter">
+                        <el-card
+                          shadow="never"
+                          style="--el-card-padding: 8px"
+                          v-for="(file_content, index) in item.content"
+                          :key="index"
+                          class="mb-8"
+                        >
+                          <MdPreview
+                            v-if="file_content"
+                            ref="editorRef"
+                            editorId="preview-only"
+                            :modelValue="file_content"
+                            style="background: none"
+                            noImgZoomIn
+                          />
+                          <template v-else> -</template>
+                        </el-card>
                       </div>
                     </div>
+                  </template>
+
+                  <template v-if="item.type === WorkflowType.TextToSpeechNode">
+                    <div class="card-never border-r-6">
+                      <h5 class="p-8-12">
+                        {{ $t('common.param.inputParam') }}
+                      </h5>
+                      <div class="p-8-12 border-t-dashed lighter">
+                        <div class="p-8-12 border-t-dashed lighter">
+                          <p class="mb-8 color-secondary">
+                            {{ $t('chat.executionDetails.textContent') }}:
+                          </p>
+                          <div v-if="item.content">
+                            <MdPreview
+                              ref="editorRef"
+                              editorId="preview-only"
+                              :modelValue="item.content"
+                              style="background: none"
+                              noImgZoomIn
+                            />
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="card-never border-r-6">
+                      <h5 class="p-8-12">
+                        {{ $t('common.param.outputParam') }}
+                      </h5>
+                      <div class="p-8-12 border-t-dashed lighter">
+                        <p class="mb-8 color-secondary">
+                          {{ $t('chat.executionDetails.audioFile') }}:
+                        </p>
+                        <div v-if="item.answer" v-html="item.answer"></div>
+                      </div>
+                    </div>
+                  </template>
+
+                  <!-- 工具库 -->
+                  <template
+                    v-if="
+                      item.type === WorkflowType.ToolLib || item.type === WorkflowType.ToolLibCustom
+                    "
+                  >
+                    <div class="card-never border-r-6 mt-8">
+                      <h5 class="p-8-12">{{ $t('chat.executionDetails.input') }}</h5>
+                      <div class="p-8-12 border-t-dashed lighter pre-wrap">
+                        {{ item.params || '-' }}
+                      </div>
+                    </div>
+                    <div class="card-never border-r-6 mt-8">
+                      <h5 class="p-8-12">{{ $t('chat.executionDetails.output') }}</h5>
+                      <div class="p-8-12 border-t-dashed lighter pre-wrap">
+                        {{ item.result || '-' }}
+                      </div>
+                    </div>
+                  </template>
+                  <!-- 多路召回 -->
+                  <template v-if="item.type == WorkflowType.RrerankerNode">
+                    <div class="card-never border-r-6">
+                      <h5 class="p-8-12">
+                        {{ $t('chat.executionDetails.searchContent') }}
+                      </h5>
+                      <div class="p-8-12 border-t-dashed lighter">{{ item.question || '-' }}</div>
+                    </div>
+                    <div class="card-never border-r-6 mt-8">
+                      <h5 class="p-8-12">
+                        {{ $t('chat.executionDetails.rerankerContent') }}
+                      </h5>
+                      <div class="p-8-12 border-t-dashed lighter">
+                        <template v-if="item.document_list?.length > 0">
+                          <template
+                            v-for="(paragraph, paragraphIndex) in item.document_list"
+                            :key="paragraphIndex"
+                          >
+                            <ParagraphCard
+                              :data="paragraph.metadata"
+                              :content="paragraph.page_content"
+                              :index="paragraphIndex"
+                            />
+                          </template>
+                        </template>
+                        <template v-else> -</template>
+                      </div>
+                    </div>
+                    <div class="card-never border-r-6 mt-8">
+                      <h5 class="p-8-12">
+                        {{ $t('chat.executionDetails.rerankerResult') }}
+                      </h5>
+                      <div class="p-8-12 border-t-dashed lighter">
+                        <template v-if="item.result_list?.length > 0">
+                          <template
+                            v-for="(paragraph, paragraphIndex) in item.result_list"
+                            :key="paragraphIndex"
+                          >
+                            <ParagraphCard
+                              :data="paragraph.metadata"
+                              :content="paragraph.page_content"
+                              :index="paragraphIndex"
+                              :score="paragraph.metadata?.relevance_score"
+                            />
+                          </template>
+                        </template>
+                        <template v-else> -</template>
+                      </div>
+                    </div>
+                  </template>
+
+                  <!-- 表单收集 -->
+                  <template v-if="item.type === WorkflowType.FormNode">
+                    <div class="card-never border-r-6">
+                      <h5 class="p-8-12">
+                        {{ $t('common.param.outputParam')
+                        }}<span style="color: #f54a45">{{
+                          item.is_submit ? '' : `(${$t('chat.executionDetails.noSubmit')})`
+                        }}</span>
+                      </h5>
+
+                      <div class="p-8-12 border-t-dashed lighter">
+                        <DynamicsForm
+                          :disabled="true"
+                          label-position="top"
+                          require-asterisk-position="right"
+                          ref="dynamicsFormRef"
+                          :render_data="item.form_field_list"
+                          label-suffix=":"
+                          v-model="item.form_data"
+                          :model="item.form_data"
+                        ></DynamicsForm>
+                      </div>
+                    </div>
+                  </template>
+                  <!-- 图片理解 -->
+                  <template v-if="item.type == WorkflowType.ImageUnderstandNode">
+                    <div
+                      class="card-never border-r-6"
+                      v-if="item.type !== WorkflowType.Application"
+                    >
+                      <h5 class="p-8-12">
+                        {{ $t('views.application.form.roleSettings.label') }}
+                      </h5>
+                      <div class="p-8-12 border-t-dashed lighter">
+                        {{ item.system || '-' }}
+                      </div>
+                    </div>
+                    <div
+                      class="card-never border-r-6 mt-8"
+                      v-if="item.type !== WorkflowType.Application"
+                    >
+                      <h5 class="p-8-12">{{ $t('chat.history') }}</h5>
+                      <div class="p-8-12 border-t-dashed lighter">
+                        <template v-if="item.history_message?.length > 0">
+                          <p
+                            class="mt-4 mb-4"
+                            v-for="(history, historyIndex) in item.history_message"
+                            :key="historyIndex"
+                          >
+                            <span class="color-secondary mr-4">{{ history.role }}:</span>
+
+                            <span v-if="Array.isArray(history.content)">
+                              <template v-for="(h, i) in history.content" :key="i">
+                                <el-image
+                                  v-if="h.type === 'image_url'"
+                                  :src="h.image_url.url"
+                                  alt=""
+                                  fit="cover"
+                                  style="width: 40px; height: 40px; display: inline-block"
+                                  class="border-r-6 mr-8"
+                                />
+
+                                <span v-else>{{ h.text }}<br /></span>
+                              </template>
+                            </span>
+
+                            <span v-else>{{ history.content }}</span>
+                          </p>
+                        </template>
+                        <template v-else> -</template>
+                      </div>
+                    </div>
+                    <div class="card-never border-r-6 mt-8">
+                      <h5 class="p-8-12">
+                        {{ $t('chat.executionDetails.currentChat') }}
+                      </h5>
+                      <div class="p-8-12 border-t-dashed lighter pre-wrap">
+                        <div v-if="item.image_list?.length > 0">
+                          <el-space wrap>
+                            <template v-for="(f, i) in item.image_list" :key="i">
+                              <el-image
+                                :src="f.url"
+                                alt=""
+                                fit="cover"
+                                style="width: 40px; height: 40px; display: block"
+                                class="border-r-6"
+                              />
+                            </template>
+                          </el-space>
+                        </div>
+                        <div>
+                          {{ item.question || '-' }}
+                        </div>
+                      </div>
+                    </div>
+                    <div class="card-never border-r-6 mt-8">
+                      <h5 class="p-8-12">
+                        {{
+                          item.type == WorkflowType.Application
+                            ? $t('common.param.outputParam')
+                            : $t('chat.executionDetails.answer')
+                        }}
+                      </h5>
+                      <div class="p-8-12 border-t-dashed lighter">
+                        <MdPreview
+                          v-if="item.answer"
+                          ref="editorRef"
+                          editorId="preview-only"
+                          :modelValue="item.answer"
+                          style="background: none"
+                          noImgZoomIn
+                        />
+                        <template v-else> -</template>
+                      </div>
+                    </div>
+                  </template>
+                  <!-- 图片生成 -->
+                  <template v-if="item.type == WorkflowType.ImageGenerateNode">
+                    <div class="card-never border-r-6 mt-8">
+                      <h5 class="p-8-12">
+                        {{ $t('chat.executionDetails.currentChat') }}
+                      </h5>
+                      <div class="p-8-12 border-t-dashed lighter pre-wrap">
+                        {{ item.question || '-' }}
+                      </div>
+                    </div>
+                    <div class="card-never border-r-6 mt-8">
+                      <h5 class="p-8-12">
+                        {{
+                          $t(
+                            'views.applicationWorkflow.nodes.imageGenerateNode.negative_prompt.label',
+                          )
+                        }}
+                      </h5>
+                      <div class="p-8-12 border-t-dashed lighter pre-wrap">
+                        {{ item.negative_prompt || '-' }}
+                      </div>
+                    </div>
+                    <div class="card-never border-r-6 mt-8">
+                      <h5 class="p-8-12">
+                        {{
+                          item.type == WorkflowType.Application
+                            ? $t('common.param.outputParam')
+                            : $t('chat.executionDetails.answer')
+                        }}
+                      </h5>
+                      <div class="p-8-12 border-t-dashed lighter">
+                        <MdPreview
+                          v-if="item.answer"
+                          ref="editorRef"
+                          editorId="preview-only"
+                          :modelValue="item.answer"
+                          style="background: none"
+                          noImgZoomIn
+                        />
+                        <template v-else> -</template>
+                      </div>
+                    </div>
+                  </template>
+
+                  <!-- 变量赋值 -->
+                  <template v-if="item.type === WorkflowType.VariableAssignNode">
+                    <div class="card-never border-r-6">
+                      <h5 class="p-8-12">
+                        {{ $t('common.param.inputParam') }}
+                      </h5>
+                      <div class="p-8-12 border-t-dashed lighter">
+                        <div v-for="(f, i) in item.result_list" :key="i" class="mb-8">
+                          <span class="color-secondary">{{ f.name }}:</span> {{ f.input_value }}
+                        </div>
+                      </div>
+                    </div>
+                    <div class="card-never border-r-6">
+                      <h5 class="p-8-12">
+                        {{ $t('common.param.outputParam') }}
+                      </h5>
+                      <div class="p-8-12 border-t-dashed lighter">
+                        <div v-for="(f, i) in item.result_list" :key="i" class="mb-8">
+                          <span class="color-secondary">{{ f.name }}:</span> {{ f.output_value }}
+                        </div>
+                      </div>
+                    </div>
+                  </template>
+
+                  <!-- MCP 节点 -->
+                  <template v-if="item.type === WorkflowType.McpNode">
+                    <div class="card-never border-r-6">
+                      <h5 class="p-8-12">
+                        {{ $t('views.applicationWorkflow.nodes.mcpNode.tool') }}
+                      </h5>
+                      <div class="p-8-12 border-t-dashed lighter">
+                        <div class="mb-8">
+                          <span class="color-secondary">
+                            {{ $t('views.applicationWorkflow.nodes.mcpNode.tool') }}:
+                          </span>
+                          {{ item.mcp_tool }}
+                        </div>
+                      </div>
+                    </div>
+                    <div class="card-never border-r-6">
+                      <h5 class="p-8-12">
+                        {{ $t('views.applicationWorkflow.nodes.mcpNode.toolParam') }}
+                      </h5>
+                      <div class="p-8-12 border-t-dashed lighter">
+                        <div v-for="(value, name) in item.tool_params" :key="name" class="mb-8">
+                          <span class="color-secondary">{{ name }}:</span> {{ value }}
+                        </div>
+                      </div>
+                    </div>
+                    <div class="card-never border-r-6">
+                      <h5 class="p-8-12">
+                        {{ $t('common.param.outputParam') }}
+                      </h5>
+                      <div class="p-8-12 border-t-dashed lighter">
+                        <div v-for="(f, i) in item.result" :key="i" class="mb-8">
+                          <span class="color-secondary">result:</span> {{ f }}
+                        </div>
+                      </div>
+                    </div>
+                  </template>
+                </template>
+                <template v-else>
+                  <div class="card-never border-r-6">
+                    <h5 class="p-8-12">{{ $t('chat.executionDetails.errMessage') }}</h5>
+                    <div class="p-8-12 border-t-dashed lighter">{{ item.err_message || '-' }}</div>
                   </div>
                 </template>
-              </template>
-              <template v-else>
-                <div class="card-never border-r-6">
-                  <h5 class="p-8-12">{{ $t('chat.executionDetails.errMessage') }}</h5>
-                  <div class="p-8-12 border-t-dashed lighter">{{ item.err_message || '-' }}</div>
-                </div>
-              </template>
-            </div>
-          </el-collapse-transition>
-        </el-card>
-      </template>
+              </div>
+            </el-collapse-transition>
+          </el-card>
+        </template>
+      </div>
+
       <template v-else>
         <div class="card-never border-r-6 mb-12">
           <h5 class="p-8-12">
             {{ $t('chat.paragraphSource.question') }}
           </h5>
           <div class="p-8-12 border-t-dashed lighter">
-
             <span class="mb-8">user: {{ problem }}</span>
-
           </div>
         </div>
         <div v-if="paddedProblem" class="card-never border-r-6 mb-12">
@@ -566,9 +728,7 @@
             {{ $t('chat.paragraphSource.questionPadded') }}
           </h5>
           <div class="p-8-12 border-t-dashed lighter">
-
             <span class="mb-8">user: {{ paddedProblem }}</span>
-
           </div>
         </div>
         <div v-if="system" class="card-never border-r-6 mb-12">
@@ -576,9 +736,7 @@
             {{ $t('chat.paragraphSource.system') }}
           </h5>
           <div class="p-8-12 border-t-dashed lighter">
-
             <span class="mb-8">{{ system }}</span>
-
           </div>
         </div>
 
@@ -591,7 +749,6 @@
               <span>{{ msg.role }}: </span>
               <span>{{ msg.content }}</span>
             </div>
-
           </div>
         </div>
 
@@ -636,26 +793,27 @@ const props = defineProps<{
   appType?: string
 }>()
 
-
 const messageList = computed(() => {
-  const chat_step = props.detail?.find(item => item.step_type == "chat_step")
+  const chat_step = props.detail?.find((item) => item.step_type == 'chat_step')
   if (chat_step) {
     return chat_step.message_list
   }
   return []
 })
 const get_padding_problem = () => {
-  return props.detail?.find(item => item.step_type == "problem_padding")
+  return props.detail?.find((item) => item.step_type == 'problem_padding')
 }
 
 const get_padded_problem = () => {
-  return props.detail?.find(item => item.step_type == "problem_padding")
+  return props.detail?.find((item) => item.step_type == 'problem_padding')
 }
 
 const paddedProblem = computed(() => {
   const problem_padded = get_padded_problem()
   if (problem_padded) {
     return problem_padded.padding_problem_text
+  } else {
+    return ''
   }
 })
 
@@ -664,46 +822,40 @@ const problem = computed(() => {
   if (problem_padding) {
     return problem_padding.problem_text
   }
-  const user_list = messageList.value.filter((item: any) => item.role == "user")
+  const user_list = messageList.value.filter((item: any) => item.role == 'user')
   if (user_list.length > 0) {
     return user_list[user_list.length - 1].content
+  } else {
+    return ''
   }
 })
 
 const system = computed(() => {
-  const user_list = messageList.value.filter((item: any) => item.role == "system")
+  const user_list = messageList.value.filter((item: any) => item.role == 'system')
   if (user_list.length > 0) {
     return user_list[user_list.length - 1].content
+  } else {
+    return ''
   }
 })
 
 const historyRecord = computed<any>(() => {
-
-  if (messageList.value) {
-    const messages = messageList.value.filter((item: any) => item.role != "system")
-    if (messages.length > 2) {
-      return messages.slice(0, messages.length - 2)
-    }
-    return []
+  const messages = messageList.value.filter((item: any) => item.role != 'system')
+  if (messages.length > 2) {
+    return messages.slice(0, messages.length - 2)
   }
+  return []
 })
-const messages = messageList.value.filter((item: any) => item.role != "system")
 
 const currentChat = computed(() => {
-  if (messageList.value) {
-    const messages = messageList.value.filter((item: any) => item.role != "system")
-    return messages.slice(messages.length - 2, messages.length - 1)
-  }
+  const messages = messageList.value.filter((item: any) => item.role != 'system')
+  return messages.slice(messages.length - 2, messages.length - 1)
 })
 
 const AiResponse = computed(() => {
-  if (messageList.value) {
-    const messages = messageList.value.filter((item: any) => item.role != "system")
-    return messages.slice(messages.length - 1, messages.length)
-  }
+  const messages = messageList.value?.filter((item: any) => item.role != 'system')
+  return messages.slice(messages.length - 1, messages.length)
 })
-
-const current = ref<number | string>('')
 </script>
 <style lang="scss" scoped>
 .execution-details {
diff --git a/ui/src/components/ai-chat/component/user-form/index.vue b/ui/src/components/ai-chat/component/user-form/index.vue
index f423ee9ea..9d1ac8726 100644
--- a/ui/src/components/ai-chat/component/user-form/index.vue
+++ b/ui/src/components/ai-chat/component/user-form/index.vue
@@ -106,7 +106,7 @@ watch(
 
 function handleInputFieldList() {
   dynamicsFormRefresh.value++
-  let default_value: any = {}
+  const default_value: any = {}
   props.application.work_flow?.nodes
     ?.filter((v: any) => v.id === 'base-node')
     .map((v: any) => {
@@ -312,8 +312,8 @@ const validate = () => {
 }
 const validate_query = () => {
   // 浏览器query参数找到接口传参
-  let msg = []
-  for (let f of apiInputFieldList.value) {
+  const msg = []
+  for (const f of apiInputFieldList.value) {
     if (f.required && !api_form_data_context.value[f.field]) {
       msg.push(f.field)
     }
@@ -328,9 +328,9 @@ const validate_query = () => {
 }
 
 const initRouteQueryValue = () => {
-  for (let f of apiInputFieldList.value) {
+  for (const f of apiInputFieldList.value) {
     if (!api_form_data_context.value[f.field]) {
-      let _value = getRouteQueryValue(f.field)
+      const _value = getRouteQueryValue(f.field)
       if (_value != null) {
         api_form_data_context.value[f.field] = _value
       }
diff --git a/ui/src/components/ai-chat/index.vue b/ui/src/components/ai-chat/index.vue
index af33fcb27..30ef6051b 100644
--- a/ui/src/components/ai-chat/index.vue
+++ b/ui/src/components/ai-chat/index.vue
@@ -277,7 +277,7 @@ function sendMessage(val: string, other_params_data?: any, chat?: chatType): Pro
       return userFormRef.value
         ?.validate()
         .then((ok) => {
-          let userFormData = accessToken
+          const userFormData = accessToken
             ? JSON.parse(localStorage.getItem(`${accessToken}userForm`) || '{}')
             : {}
           const newData = Object.keys(form_data.value).reduce((result: any, key: string) => {
@@ -640,7 +640,7 @@ const handleScroll = () => {
 
 onMounted(() => {
   if (isUserInput.value && localStorage.getItem(`${accessToken}userForm`)) {
-    let userFormData = JSON.parse(localStorage.getItem(`${accessToken}userForm`) || '{}')
+    const userFormData = JSON.parse(localStorage.getItem(`${accessToken}userForm`) || '{}')
     form_data.value = userFormData
   }
   if (window.speechSynthesis) {
diff --git a/ui/src/components/back-button/index.vue b/ui/src/components/back-button/index.vue
index 0a0ea69bb..0d15d40b3 100644
--- a/ui/src/components/back-button/index.vue
+++ b/ui/src/components/back-button/index.vue
@@ -19,7 +19,11 @@ const emit = defineEmits(['click'])
 const back: any = router.options.history.state.back
 function jump() {
   if (props.to === '-1') {
-    back ? router.push(back) : router.go(-1)
+    if (back) {
+      router.push(back)
+    } else {
+      router.go(-1)
+    }
   } else if (props.to) {
     router.push(props.to as RouteLocationRaw)
   } else {
diff --git a/ui/src/components/folder-tree/index.vue b/ui/src/components/folder-tree/index.vue
index 6e7a051b5..2a5d89833 100644
--- a/ui/src/components/folder-tree/index.vue
+++ b/ui/src/components/folder-tree/index.vue
@@ -149,6 +149,8 @@ const resourceType = computed(() => {
     return 'model'
   } else if (props.source === 'TOOL') {
     return 'tool'
+  } else {
+    return 'application'
   }
 })
 
diff --git a/ui/src/components/markdown/EchartsRander.vue b/ui/src/components/markdown/EchartsRander.vue
index f008cdaa0..1f1f2da79 100644
--- a/ui/src/components/markdown/EchartsRander.vue
+++ b/ui/src/components/markdown/EchartsRander.vue
@@ -44,8 +44,7 @@ function evalParseOption(option_json: any) {
   if (option_json.style) {
     style.value = option_json.style
   }
-  let option = {}
-  echarts
+  const option = {}
   tmp.value = echarts
   eval(option_json.option)
   return option
diff --git a/ui/src/components/markdown/HtmlRander.vue b/ui/src/components/markdown/HtmlRander.vue
index a8be05959..857dc5e84 100644
--- a/ui/src/components/markdown/HtmlRander.vue
+++ b/ui/src/components/markdown/HtmlRander.vue
@@ -20,7 +20,7 @@ onMounted(() => {
     range.selectNode(htmlRef.value)
     const scripts = htmlRef.value.getElementsByTagName('script')
     if (scripts) {
-      var documentFragment = range.createContextualFragment(
+      const documentFragment = range.createContextualFragment(
         [...scripts]
           .map((item: HTMLElement) => {
             htmlRef.value?.removeChild(item)
diff --git a/ui/src/components/markdown/MdEditorMagnify.vue b/ui/src/components/markdown/MdEditorMagnify.vue
index e8555abe3..07ac1c0dc 100644
--- a/ui/src/components/markdown/MdEditorMagnify.vue
+++ b/ui/src/components/markdown/MdEditorMagnify.vue
@@ -28,7 +28,7 @@
 import { ref, computed, watch } from 'vue'
 defineOptions({ name: 'MdEditorMagnify' })
 const props = defineProps<{
-  title: String
+  title: string
   modelValue: any
 }>()
 const emit = defineEmits(['update:modelValue', 'submitDialog'])
diff --git a/ui/src/components/select-knowledge-document/index.vue b/ui/src/components/select-knowledge-document/index.vue
index 783d5564a..65bef7ca8 100644
--- a/ui/src/components/select-knowledge-document/index.vue
+++ b/ui/src/components/select-knowledge-document/index.vue
@@ -61,8 +61,8 @@ import useStore from '@/stores'
 import { t } from '@/locales'
 const props = defineProps<{
   data?: {
-    type: Object
-    default: () => {}
+    type: object
+    default: () => null
   }
   apiType: 'systemShare' | 'workspace' | 'systemManage'
   isApplication?: boolean,
diff --git a/ui/src/views/application-overview/component/APIKeyDialog.vue b/ui/src/views/application-overview/component/APIKeyDialog.vue
index 345927a36..2ae444545 100644
--- a/ui/src/views/application-overview/component/APIKeyDialog.vue
+++ b/ui/src/views/application-overview/component/APIKeyDialog.vue
@@ -98,13 +98,12 @@ function settingApiKey(row: any) {
 
 function deleteApiKey(row: any) {
   MsgConfirm(
-    // @ts-ignore
     `${t('views.applicationOverview.appInfo.APIKeyDialog.msgConfirm1')}: ${row.secret_key}?`,
     t('views.applicationOverview.appInfo.APIKeyDialog.msgConfirm2'),
     {
       confirmButtonText: t('common.confirm'),
       cancelButtonText: t('common.cancel'),
-      confirmButtonClass: 'color-danger',
+      confirmButtonClass: 'danger',
     },
   )
     .then(() => {
diff --git a/ui/src/views/application-overview/component/DisplaySettingDialog.vue b/ui/src/views/application-overview/component/DisplaySettingDialog.vue
index 94c18dde8..33f18f9ce 100644
--- a/ui/src/views/application-overview/component/DisplaySettingDialog.vue
+++ b/ui/src/views/application-overview/component/DisplaySettingDialog.vue
@@ -104,7 +104,7 @@ const submit = async (formEl: FormInstance | undefined) => {
         .putAccessToken(id as string, form.value, loading)
         .then(() => {
           emit('refresh')
-          // @ts-ignore
+
           MsgSuccess(t('common.settingSuccess'))
           dialogVisible.value = false
         })
diff --git a/ui/src/views/application-overview/component/LimitDialog.vue b/ui/src/views/application-overview/component/LimitDialog.vue
index ab4861371..9460f5370 100644
--- a/ui/src/views/application-overview/component/LimitDialog.vue
+++ b/ui/src/views/application-overview/component/LimitDialog.vue
@@ -118,7 +118,7 @@ const submit = async (formEl: FormInstance | undefined) => {
         .putAccessToken(id as string, obj, loading)
         .then(() => {
           emit('refresh')
-          // @ts-ignore
+
           MsgSuccess(t('common.settingSuccess'))
           dialogVisible.value = false
         })
diff --git a/ui/src/views/application-overview/component/SettingAPIKeyDialog.vue b/ui/src/views/application-overview/component/SettingAPIKeyDialog.vue
index e62fc9a19..3c8c7fed2 100644
--- a/ui/src/views/application-overview/component/SettingAPIKeyDialog.vue
+++ b/ui/src/views/application-overview/component/SettingAPIKeyDialog.vue
@@ -113,7 +113,7 @@ const submit = async (formEl: FormInstance | undefined) => {
 
       apiCall.then(() => {
         emit('refresh')
-        //@ts-ignore
+
         MsgSuccess(t('common.settingSuccess'))
         dialogVisible.value = false
       })
diff --git a/ui/src/views/application-overview/component/StatisticsCharts.vue b/ui/src/views/application-overview/component/StatisticsCharts.vue
index 4db95ad8f..0a4cde803 100644
--- a/ui/src/views/application-overview/component/StatisticsCharts.vue
+++ b/ui/src/views/application-overview/component/StatisticsCharts.vue
@@ -68,7 +68,6 @@ const props = defineProps({
 const statisticsType = computed(() => [
   {
     id: 'customerCharts',
-    // @ts-ignore
     name: t('views.applicationOverview.monitor.charts.customerTotal'),
     icon: 'app-user',
     background: '#EBF1FF',
diff --git a/ui/src/views/application-overview/index.vue b/ui/src/views/application-overview/index.vue
index fd07b151c..a513128c0 100644
--- a/ui/src/views/application-overview/index.vue
+++ b/ui/src/views/application-overview/index.vue
@@ -255,7 +255,6 @@ const shareUrl = computed(
 const dayOptions = [
   {
     value: 7,
-    // @ts-ignore
     label: t('views.applicationOverview.monitor.pastDayOptions.past7Days'),
   },
   {
@@ -373,7 +372,6 @@ function refreshAccessToken() {
       const obj = {
         access_token_reset: true,
       }
-      // @ts-ignore
       const str = t('views.applicationOverview.appInfo.refreshToken.refreshSuccess')
       updateAccessToken(obj, str)
     })
diff --git a/ui/src/views/application-overview/xpack-component/XPackDisplaySettingDialog.vue b/ui/src/views/application-overview/xpack-component/XPackDisplaySettingDialog.vue
index 6b9612cd7..2b9fcd67e 100644
--- a/ui/src/views/application-overview/xpack-component/XPackDisplaySettingDialog.vue
+++ b/ui/src/views/application-overview/xpack-component/XPackDisplaySettingDialog.vue
@@ -603,7 +603,6 @@ const onChange = (file: any, fileList: UploadFiles, attr: string) => {
   //1、判断文件大小是否合法，文件限制不能大于 10 MB
   const isLimit = file?.size / 1024 / 1024 < 10
   if (!isLimit) {
-    // @ts-ignore
     MsgError(t('common.EditAvatarDialog.fileSizeExceeded'))
     return false
   } else {
@@ -675,7 +674,6 @@ const submit = async (formEl: FormInstance | undefined) => {
         .putXpackAccessToken(id as string, fd, loading)
         .then(() => {
           emit('refresh')
-          // @ts-ignore
           MsgSuccess(t('common.settingSuccess'))
           dialogVisible.value = false
         })
diff --git a/ui/src/views/application-overview/xpack-component/XPackLimitDrawer.vue b/ui/src/views/application-overview/xpack-component/XPackLimitDrawer.vue
index f46c9e5b9..18a5faabe 100644
--- a/ui/src/views/application-overview/xpack-component/XPackLimitDrawer.vue
+++ b/ui/src/views/application-overview/xpack-component/XPackLimitDrawer.vue
@@ -227,7 +227,6 @@ const submit = async (formEl: FormInstance | undefined) => {
         .putAccessToken(id as string, obj, loading)
         .then(() => {
           emit('refresh')
-          // @ts-ignore
           MsgSuccess(t('common.settingSuccess'))
           dialogVisible.value = false
         })
diff --git a/ui/src/views/application-workflow/index.vue b/ui/src/views/application-workflow/index.vue
index 6bb30583d..79cbef5b3 100644
--- a/ui/src/views/application-workflow/index.vue
+++ b/ui/src/views/application-workflow/index.vue
@@ -218,7 +218,9 @@ function back() {
         saveApplication(true, true)
       })
       .catch((action: Action) => {
-        action === 'cancel' && go()
+        if (action === 'cancel') {
+          go()
+        }
       })
   } else {
     go()
@@ -275,7 +277,11 @@ function openHistory() {
 }
 
 function changeSave(bool: boolean) {
-  bool ? initInterval() : closeInterval()
+  if (bool) {
+    initInterval()
+  } else {
+    closeInterval()
+  }
   localStorage.setItem('workflowAutoSave', bool.toString())
 }
 
diff --git a/ui/src/views/application/ApplicationSetting.vue b/ui/src/views/application/ApplicationSetting.vue
index 21c645a0d..e7c6c2ff0 100644
--- a/ui/src/views/application/ApplicationSetting.vue
+++ b/ui/src/views/application/ApplicationSetting.vue
@@ -474,7 +474,6 @@ const permissionPrecise = computed(() => {
   return permissionMap['application'][apiType.value]
 })
 
-// @ts-ignore
 const defaultPrompt = t('views.application.form.prompt.defaultPrompt', {
   data: '{data}',
   question: '{question}',
diff --git a/ui/src/views/application/component/CopyApplicationDialog.vue b/ui/src/views/application/component/CopyApplicationDialog.vue
index 37ee54120..8f2a8858c 100644
--- a/ui/src/views/application/component/CopyApplicationDialog.vue
+++ b/ui/src/views/application/component/CopyApplicationDialog.vue
@@ -60,7 +60,6 @@ import useStore from '@/stores'
 const router = useRouter()
 const { common, user } = useStore()
 
-// @ts-ignore
 const defaultPrompt = t('views.application.form.prompt.defaultPrompt', {
   data: '{data}',
   question: '{question}',
@@ -69,7 +68,7 @@ const applicationFormRef = ref()
 
 const loading = ref(false)
 const dialogVisible = ref<boolean>(false)
-// @ts-ignore
+
 const applicationForm = ref<ApplicationFormType>({
   name: '',
   desc: '',
diff --git a/ui/src/views/application/component/CreateApplicationDialog.vue b/ui/src/views/application/component/CreateApplicationDialog.vue
index 249b99bc8..eaf2a3437 100644
--- a/ui/src/views/application/component/CreateApplicationDialog.vue
+++ b/ui/src/views/application/component/CreateApplicationDialog.vue
@@ -109,7 +109,6 @@ const { user } = useStore()
 const router = useRouter()
 const emit = defineEmits(['refresh'])
 
-// @ts-ignore
 const defaultPrompt = t('views.application.form.prompt.defaultPrompt', {
   data: '{data}',
   question: '{question}',
diff --git a/ui/src/views/application/component/ParamSettingDialog.vue b/ui/src/views/application/component/ParamSettingDialog.vue
index 46b99890b..48f93d9bb 100644
--- a/ui/src/views/application/component/ParamSettingDialog.vue
+++ b/ui/src/views/application/component/ParamSettingDialog.vue
@@ -205,7 +205,6 @@ const noReferencesformRef = ref()
 
 const defaultValue = {
   ai_questioning: '{question}',
-  // @ts-ignore
   designated_answer: t('views.application.dialog.designated_answer'),
 }
 
diff --git a/ui/src/views/chat-log/index.vue b/ui/src/views/chat-log/index.vue
index 03d37f601..8e775ac62 100644
--- a/ui/src/views/chat-log/index.vue
+++ b/ui/src/views/chat-log/index.vue
@@ -259,7 +259,6 @@ const formRef = ref()
 const dayOptions = [
   {
     value: 7,
-    // @ts-ignore
     label: t('views.applicationOverview.monitor.pastDayOptions.past7Days'), // 使用 t 方法来国际化显示文本
   },
   {
diff --git a/ui/src/views/model/component/CreateModelDialog.vue b/ui/src/views/model/component/CreateModelDialog.vue
index 5a08d3a0a..23cfff192 100644
--- a/ui/src/views/model/component/CreateModelDialog.vue
+++ b/ui/src/views/model/component/CreateModelDialog.vue
@@ -8,7 +8,7 @@
     :before-close="close"
     append-to-body
   >
-    <template #header="{ close, titleId, titleClass }">
+    <template #header>
       <el-breadcrumb separator=">">
         <el-breadcrumb-item>
           <span @click="toSelectProvider" class="select-provider">
diff --git a/ui/src/views/model/component/EditModel.vue b/ui/src/views/model/component/EditModel.vue
index 4f24958dc..b41817ce4 100644
--- a/ui/src/views/model/component/EditModel.vue
+++ b/ui/src/views/model/component/EditModel.vue
@@ -7,7 +7,7 @@
     :destroy-on-close="true"
     :before-close="close"
   >
-    <template #header="{ close, titleId, titleClass }">
+    <template #header>
       <el-breadcrumb separator=">">
         <el-breadcrumb-item
           ><span class="active-breadcrumb">{{
diff --git a/ui/src/views/paragraph/component/ParagraphDialog.vue b/ui/src/views/paragraph/component/ParagraphDialog.vue
index 3c51bbea9..ff21cccfb 100644
--- a/ui/src/views/paragraph/component/ParagraphDialog.vue
+++ b/ui/src/views/paragraph/component/ParagraphDialog.vue
@@ -66,7 +66,7 @@ import { loadSharedApi } from '@/utils/dynamics-api/shared-api'
 import permissionMap from '@/permission'
 
 const props = defineProps<{
-  title: String
+  title: string
   apiType: 'systemShare' | 'workspace' | 'systemManage'
 }>()
 
diff --git a/ui/src/views/paragraph/component/ProblemComponent.vue b/ui/src/views/paragraph/component/ProblemComponent.vue
index 09001d375..4d8679c07 100644
--- a/ui/src/views/paragraph/component/ProblemComponent.vue
+++ b/ui/src/views/paragraph/component/ProblemComponent.vue
@@ -64,9 +64,9 @@ import permissionMap from '@/permission'
 
 
 const props = defineProps<{
-  paragraphId: String
-  docId: String
-  knowledgeId: String
+  paragraphId: string
+  docId: string
+  knowledgeId: string
   apiType: 'systemShare' | 'workspace' | 'systemManage'
 }>()
 
diff --git a/ui/src/views/paragraph/index.vue b/ui/src/views/paragraph/index.vue
index 82a6e1177..cfb1d1623 100644
--- a/ui/src/views/paragraph/index.vue
+++ b/ui/src/views/paragraph/index.vue
@@ -62,7 +62,7 @@
                 container=".paragraph-scollbar"
                 @click="handleClick"
               >
-                <template v-for="(item, index) in paragraphDetail" :key="item.id">
+                <template v-for="(item) in paragraphDetail" :key="item.id">
                   <el-anchor-link :href="`#m${item.id}`" :title="item.title" v-if="item.title">
                     <span :title="item.title">
                       {{ item.title }}
diff --git a/ui/src/views/problem/component/RelateProblemDialog.vue b/ui/src/views/problem/component/RelateProblemDialog.vue
index 45c7c45fc..97bc963ec 100644
--- a/ui/src/views/problem/component/RelateProblemDialog.vue
+++ b/ui/src/views/problem/component/RelateProblemDialog.vue
@@ -204,7 +204,9 @@ function associationClick(item: any) {
 function searchHandle() {
   paginationConfig.current_page = 1
   paragraphList.value = []
-  currentDocument.value && getParagraphList(currentDocument.value)
+  if (currentDocument.value) {
+    getParagraphList(currentDocument.value)
+  }
 }
 
 function clickDocumentHandle(item: any) {
@@ -222,7 +224,10 @@ function getDocument() {
       documentList.value = res.data
       currentDocument.value =
         cloneDocumentList.value?.length > 0 ? cloneDocumentList.value[0].id : ''
-      currentDocument.value && getParagraphList(currentDocument.value)
+
+      if (currentDocument.value) {
+        getParagraphList(currentDocument.value)
+      }
     })
 }
 
diff --git a/ui/src/views/system-resource-management/ApplicationResourceIndex.vue b/ui/src/views/system-resource-management/ApplicationResourceIndex.vue
index b7c86c50f..7917f17ce 100644
--- a/ui/src/views/system-resource-management/ApplicationResourceIndex.vue
+++ b/ui/src/views/system-resource-management/ApplicationResourceIndex.vue
@@ -363,7 +363,6 @@ function mapToUrlParams(map: any[]) {
 
 function deleteApplication(row: any) {
   MsgConfirm(
-    // @ts-ignore
     `${t('views.application.delete.confirmTitle')}${row.name} ?`,
     t('views.application.delete.confirmMessage'),
     {
diff --git a/ui/src/views/system-resource-management/ModelResourceIndex.vue b/ui/src/views/system-resource-management/ModelResourceIndex.vue
index 5ff036e50..a62fe0b3c 100644
--- a/ui/src/views/system-resource-management/ModelResourceIndex.vue
+++ b/ui/src/views/system-resource-management/ModelResourceIndex.vue
@@ -367,7 +367,7 @@ const search_type_change = () => {
 }
 
 function getRequestParams() {
-  let obj: any = {
+  const obj: any = {
     name: model_search_form.value.name,
     create_user: model_search_form.value.create_user,
     model_type: model_search_form.value.model_type,
diff --git a/ui/src/views/system-setting/theme/index.vue b/ui/src/views/system-setting/theme/index.vue
index 5d432f842..81f983b6e 100644
--- a/ui/src/views/system-setting/theme/index.vue
+++ b/ui/src/views/system-setting/theme/index.vue
@@ -313,7 +313,6 @@ const rules = reactive<FormRules>({
 const onChange = (file: any, fileList: UploadFiles, attr: string) => {
   const isLimit = file?.size / 1024 / 1024 < 10
   if (!isLimit) {
-    // @ts-ignore
     MsgError(t('theme.fileMessageError'))
     return false
   } else {
diff --git a/ui/src/views/system-shared/AuthorizedWorkspaceDialog.vue b/ui/src/views/system-shared/AuthorizedWorkspaceDialog.vue
index 9adfd976f..4d3cf0264 100644
--- a/ui/src/views/system-shared/AuthorizedWorkspaceDialog.vue
+++ b/ui/src/views/system-shared/AuthorizedWorkspaceDialog.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog modal-class="authorized-workspace" v-model="centerDialogVisible" width="840">
-    <template #header="{ titleId, titleClass }">
+    <template #header>
       <h4 class="mb-8">{{ $t('views.shared.authorized_workspace') }}</h4>
       <el-text class="color-secondary lighter">{{ $t('views.shared.authorized_tip') }}</el-text>
     </template>
@@ -11,7 +11,7 @@
       <el-radio value="BLACK_LIST">{{ $t('views.shared.BLACK_LIST') }}</el-radio>
     </el-radio-group>
     <p class="mb-8 lighter mt-16">{{ $t('views.shared.select_workspace') }}</p>
-    <div class="flex border" v-loading="loading" style="overflow: hidden;">
+    <div class="flex border" v-loading="loading" style="overflow: hidden">
       <div class="border-r">
         <el-input
           v-model="search"
@@ -69,7 +69,7 @@
           </el-button>
         </div>
         <el-scrollbar max-height="250" wrap-class="p-16 pt-0">
-          <template v-for="ele in checkedWorkspace">
+          <template v-for="(ele, index) in checkedWorkspace" :key="index">
             <div class="flex-between">
               <div class="flex align-center">
                 <AppIcon iconName="app-workspace"></AppIcon>
@@ -97,7 +97,6 @@
 import { ref, computed } from 'vue'
 import type { CheckboxValueType } from 'element-plus'
 import authorizationApi from '@/api/system-shared/authorization'
-import workspaceApi from '@/api/workspace/workspace'
 import { loadPermissionApi } from '@/utils/dynamics-api/permission-api.ts'
 
 const checkAll = ref(false)
@@ -137,7 +136,7 @@ const open = async ({ id }: any, type = 'Knowledge') => {
   ])
   workspace.value = systemWorkspaceList.data as any
   listType.value = (authList.data || {}).authentication_type || 'WHITE_LIST'
-  let workspace_id_list = (authList.data || {}).workspace_id_list || []
+  const workspace_id_list = (authList.data || {}).workspace_id_list || []
   checkedWorkspace.value = workspace.value.filter((ele) => workspace_id_list.includes(ele.id))
   handleCheckedWorkspaceChange(checkedWorkspace.value)
   loading.value = false
diff --git a/ui/src/views/system-shared/KnowLedgeSharedIndex.vue b/ui/src/views/system-shared/KnowLedgeSharedIndex.vue
index 61d273641..f0d975b4e 100644
--- a/ui/src/views/system-shared/KnowLedgeSharedIndex.vue
+++ b/ui/src/views/system-shared/KnowLedgeSharedIndex.vue
@@ -3,7 +3,7 @@
     <KnowledgeListContainer>
       <template #header>
         <el-breadcrumb separator-icon="ArrowRight">
-          <el-breadcrumb-item>{{ t('views.shared.shared_resources') }}</el-breadcrumb-item>
+          <el-breadcrumb-item>{{ $t('views.shared.shared_resources') }}</el-breadcrumb-item>
           <el-breadcrumb-item>
             <h5 class="ml-4 color-text-primary">{{ t('views.knowledge.title') }}</h5>
           </el-breadcrumb-item>
@@ -18,8 +18,6 @@ import { onMounted, ref, reactive, computed } from 'vue'
 
 import KnowledgeListContainer from '@/views/knowledge/component/KnowledgeListContainer.vue'
 
-import { t } from '@/locales'
-
 onMounted(() => {})
 </script>
 
diff --git a/ui/src/views/system-shared/ModelSharedIndex.vue b/ui/src/views/system-shared/ModelSharedIndex.vue
index 4b9ac909d..51a42c21e 100644
--- a/ui/src/views/system-shared/ModelSharedIndex.vue
+++ b/ui/src/views/system-shared/ModelSharedIndex.vue
@@ -3,7 +3,7 @@
     <ContentContainer>
       <template #header>
         <el-breadcrumb separator-icon="ArrowRight">
-          <el-breadcrumb-item>{{ t('views.shared.shared_resources') }}</el-breadcrumb-item>
+          <el-breadcrumb-item>{{ $t('views.shared.shared_resources') }}</el-breadcrumb-item>
           <el-breadcrumb-item>
             <h5 class="ml-4 color-text-primary">{{ t('views.model.title') }}</h5>
           </el-breadcrumb-item>
@@ -18,7 +18,6 @@
 
 <script lang="ts" setup>
 import { onMounted, ref, computed } from 'vue'
-import { t } from '@/locales'
 import modelListContainer from '@/views/model/index.vue'
 
 onMounted(() => {})
diff --git a/ui/src/views/system-shared/ToolSharedIndex.vue b/ui/src/views/system-shared/ToolSharedIndex.vue
index e1d6ce0e4..27031e657 100644
--- a/ui/src/views/system-shared/ToolSharedIndex.vue
+++ b/ui/src/views/system-shared/ToolSharedIndex.vue
@@ -4,7 +4,7 @@
       <template #header>
         <el-space wrap>
           <el-breadcrumb separator-icon="ArrowRight">
-            <el-breadcrumb-item>{{ t('views.shared.shared_resources') }}</el-breadcrumb-item>
+            <el-breadcrumb-item>{{ $t('views.shared.shared_resources') }}</el-breadcrumb-item>
             <el-breadcrumb-item>
               <h5 class="ml-4 color-text-primary">{{ t('views.tool.title') }}</h5>
             </el-breadcrumb-item>
@@ -26,7 +26,6 @@ import { onMounted, ref, reactive, computed } from 'vue'
 
 import ToolListContainer from '@/views/tool/component/ToolListContainer.vue'
 
-import { t } from '@/locales'
 import useStore from '@/stores'
 
 const { tool } = useStore()
diff --git a/ui/src/views/system/operate-log/index.vue b/ui/src/views/system/operate-log/index.vue
index 74a641194..fa0d620a9 100644
--- a/ui/src/views/system/operate-log/index.vue
+++ b/ui/src/views/system/operate-log/index.vue
@@ -281,7 +281,6 @@ const daterangeValue = ref('')
 const dayOptions = [
   {
     value: 7,
-    // @ts-ignore
     label: t('views.applicationOverview.monitor.pastDayOptions.past7Days'), // 使用 t 方法来国际化显示文本
   },
   {
@@ -380,7 +379,7 @@ function handleSizeChange() {
 }
 
 function getRequestParams() {
-  let obj: any = {
+  const obj: any = {
     start_time: daterange.value.start_time,
     end_time: daterange.value.end_time,
   }
@@ -408,7 +407,7 @@ function getList() {
 
 function getMenuList() {
   return operateLog.getMenuList().then((res) => {
-    let arr: any[] = res.data
+    const arr: any[] = res.data
     arr
       .filter((item, index, self) => index === self.findIndex((i) => i['menu'] === item['menu']))
       .forEach((ele) => {
diff --git a/ui/src/views/tool/component/EditAvatarDialog.vue b/ui/src/views/tool/component/EditAvatarDialog.vue
index 923f613f9..c06506d6d 100644
--- a/ui/src/views/tool/component/EditAvatarDialog.vue
+++ b/ui/src/views/tool/component/EditAvatarDialog.vue
@@ -106,7 +106,6 @@ const onChange = (file: any) => {
   //1、判断文件大小是否合法，文件限制不能大于10MB
   const isLimit = file?.size / 1024 / 1024 < 10
   if (!isLimit) {
-    // @ts-ignore
     MsgError(t('common.EditAvatarDialog.fileSizeExceeded'))
     return false
   } else {