From df9b7f208b4cc187079cafd135f717cda3cc7798 Mon Sep 17 00:00:00 2001
From: zhangzhanwei <zhanwei.zhang@fit2cloud.com>
Date: Mon, 14 Jul 2025 16:55:09 +0800
Subject: [PATCH] feat: Simple application execution details

---
 .../ExecutionDetailContent.vue                | 445 ++++++++----------
 ui/src/locales/lang/en-US/ai-chat.ts          |   6 +
 ui/src/locales/lang/zh-CN/ai-chat.ts          |   6 +
 ui/src/locales/lang/zh-Hant/ai-chat.ts        |   6 +
 ui/src/router/index.ts                        |  13 +-
 ui/src/router/routes.ts                       |   1 +
 6 files changed, 234 insertions(+), 243 deletions(-)

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 29a01cb18..12600de3c 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,37 +1,25 @@
 <template>
   <el-scrollbar>
     <div class="execution-details p-8">
-      <template
-        v-if="isWorkFlow(props.type)"
-        v-for="(item, index) in arraySort(props.detail ?? [], 'index')"
-        :key="index"
-      >
+      <template v-if="isWorkFlow(props.type)" 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"
-              />
+              <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" 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 />
@@ -45,9 +33,7 @@
             <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"
-                >
+                <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') }}
@@ -56,8 +42,7 @@
                     <div class="p-8-12 border-t-dashed lighter">
                       <div class="mb-8">
                         <span class="color-secondary">
-                          {{ $t('chat.paragraphSource.question') }}:</span
-                        >
+                          {{ $t('chat.paragraphSource.question') }}:</span>
 
                         {{ item.question || '-' }}
                       </div>
@@ -70,11 +55,7 @@
 
                         <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"
-                            >
+                            <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">
@@ -90,13 +71,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"
-                            />
+                            <el-image :src="f.url" alt="" fit="cover" style="width: 40px; height: 40px; display: block"
+                              class="border-r-6" />
                           </template>
                         </el-space>
                       </div>
@@ -107,12 +83,7 @@
 
                         <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>
@@ -121,11 +92,7 @@
 
                         <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"
-                            >
+                            <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">
@@ -153,19 +120,12 @@
                     </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 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>
@@ -184,13 +144,11 @@
                   </div>
                 </template>
                 <!-- AI 对话 / 问题优化-->
-                <template
-                  v-if="
-                    item.type == WorkflowType.AiChat ||
-                    item.type == WorkflowType.Question ||
-                    item.type == WorkflowType.Application
-                  "
-                >
+                <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') }}
@@ -199,29 +157,20 @@
                       {{ item.system || '-' }}
                     </div>
                   </div>
-                  <div
-                    class="card-never border-r-6 mt-8"
-                    v-if="item.type !== WorkflowType.Application"
-                  >
+                  <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 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"
-                  >
+                  <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>
@@ -246,14 +195,8 @@
                       }}
                     </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
-                      />
+                      <MdPreview v-if="item.answer" ref="editorRef" editorId="preview-only" :modelValue="item.answer"
+                        style="background: none" noImgZoomIn />
                       <template v-else> -</template>
                     </div>
                   </div>
@@ -267,14 +210,8 @@
                     </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
-                        />
+                        <MdPreview v-if="item.answer" ref="editorRef" editorId="preview-only" :modelValue="item.answer"
+                          style="background: none" noImgZoomIn />
                         <template v-else> -</template>
                       </el-scrollbar>
                     </div>
@@ -287,31 +224,17 @@
                     <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"
-                      >
+                      <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
-                          />
+                        <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>
@@ -332,12 +255,7 @@
 
                           <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>
@@ -349,21 +267,10 @@
                       {{ $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
-                        />
+                      <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>
@@ -381,13 +288,8 @@
                           {{ $t('chat.executionDetails.textContent') }}:
                         </p>
                         <div v-if="item.content">
-                          <MdPreview
-                            ref="editorRef"
-                            editorId="preview-only"
-                            :modelValue="item.content"
-                            style="background: none"
-                            noImgZoomIn
-                          />
+                          <MdPreview ref="editorRef" editorId="preview-only" :modelValue="item.content"
+                            style="background: none" noImgZoomIn />
                         </div>
                       </div>
                     </div>
@@ -406,11 +308,9 @@
                 </template>
 
                 <!-- 工具库 -->
-                <template
-                  v-if="
-                    item.type === WorkflowType.ToolLib || item.type === WorkflowType.ToolLibCustom
-                  "
-                >
+                <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">
@@ -438,15 +338,9 @@
                     </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 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>
@@ -458,16 +352,9 @@
                     </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 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>
@@ -482,20 +369,13 @@
                       {{ $t('common.param.outputParam')
                       }}<span style="color: #f54a45">{{
                         item.is_submit ? '' : `(${$t('chat.executionDetails.noSubmit')})`
-                      }}</span>
+                        }}</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>
+                      <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>
@@ -509,30 +389,18 @@
                       {{ item.system || '-' }}
                     </div>
                   </div>
-                  <div
-                    class="card-never border-r-6 mt-8"
-                    v-if="item.type !== WorkflowType.Application"
-                  >
+                  <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"
-                        >
+                        <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"
-                              />
+                              <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>
@@ -552,13 +420,8 @@
                       <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"
-                            />
+                            <el-image :src="f.url" alt="" fit="cover" style="width: 40px; height: 40px; display: block"
+                              class="border-r-6" />
                           </template>
                         </el-space>
                       </div>
@@ -576,14 +439,8 @@
                       }}
                     </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
-                      />
+                      <MdPreview v-if="item.answer" ref="editorRef" editorId="preview-only" :modelValue="item.answer"
+                        style="background: none" noImgZoomIn />
                       <template v-else> -</template>
                     </div>
                   </div>
@@ -615,14 +472,8 @@
                       }}
                     </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
-                      />
+                      <MdPreview v-if="item.answer" ref="editorRef" editorId="preview-only" :modelValue="item.answer"
+                        style="background: none" noImgZoomIn />
                       <template v-else> -</template>
                     </div>
                   </div>
@@ -699,30 +550,71 @@
           </el-collapse-transition>
         </el-card>
       </template>
-      <template v-else v-for="(item, index) in arraySort(props.detail ?? [], 'index')">
+      <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">
-            <div class="mb-8">
-              <span class="color-secondary"> {{ $t('chat.paragraphSource.question') }}:</span>
 
-              {{ item.question || '-' }}
+            <span class="mb-8">user: {{ problem }}</span>
+
+          </div>
+        </div>
+        <div v-if="paddedProblem" class="card-never border-r-6 mb-12">
+          <h5 class="p-8-12">
+            {{ $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">
+          <h5 class="p-8-12">
+            {{ $t('chat.paragraphSource.system') }}
+          </h5>
+          <div class="p-8-12 border-t-dashed lighter">
+
+            <span class="mb-8">{{ system }}</span>
+
+          </div>
+        </div>
+
+        <div class="card-never border-r-6 mb-12">
+          <h5 class="p-8-12">
+            {{ $t('chat.paragraphSource.historyRecord') }}
+          </h5>
+          <div class="p-8-12 border-t-dashed lighter">
+            <div v-for="(msg, index) in historyRecord" :key="index">
+              <span>{{ msg.role }}: </span>
+              <span>{{ msg.content }}</span>
             </div>
 
-            <template v-if="item.message_list?.length > 0">
-              <p
-                class="mt-4 mb-4"
-                v-for="(content, contentIndex) in item.message_list"
-                :key="contentIndex"
-              >
-                <span class="color-secondary mr-4">{{ content.role }}:</span
-                ><span>{{ content.content }}</span>
-              </p>
-            </template>
-            <template v-else> -</template>
+          </div>
+        </div>
+
+        <div class="card-never border-r-6 mb-12">
+          <h5 class="p-8-12">
+            {{ $t('chat.paragraphSource.currentChat') }}
+          </h5>
+          <div class="p-8-12 border-t-dashed lighter">
+            <div class="mb-8">{{ $t('chat.paragraphSource.knowedMessage') }}:</div>
+            <div v-for="(msg, index) in currentChat" :key="index">
+              <span>{{ msg.content }}</span>
+            </div>
+          </div>
+        </div>
+
+        <div class="card-never border-r-6 mb-12">
+          <h5 class="p-8-12">
+            {{ $t('chat.paragraphSource.AiResponse') }}
+          </h5>
+          <div class="p-8-12 border-t-dashed lighter">
+            <div v-for="(msg, index) in AiResponse" :key="index">
+              <span>{{ msg.content }}</span>
+            </div>
           </div>
         </div>
       </template>
@@ -730,7 +622,7 @@
   </el-scrollbar>
 </template>
 <script setup lang="ts">
-import { ref } from 'vue'
+import { ref, computed } from 'vue'
 import ParagraphCard from '@/components/ai-chat/component/knowledge-source-component/ParagraphCard.vue'
 import { arraySort } from '@/utils/array'
 import { iconComponent } from '@/workflow/icons/utils'
@@ -744,6 +636,75 @@ const props = defineProps<{
   type?: string
 }>()
 
+console.log(props)
+
+const messageList = computed(() => {
+  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")
+}
+
+const get_padded_problem = () => {
+  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
+  }
+})
+
+const problem = computed(() => {
+  const problem_padding = get_padding_problem()
+  if (problem_padding) {
+    return problem_padding.problem_text
+  }
+  const user_list = messageList.value.filter((item: any) => item.role == "user")
+  if (user_list.length > 0) {
+    return user_list[user_list.length - 1].content
+  }
+})
+
+const system = computed(() => {
+  const user_list = messageList.value.filter((item: any) => item.role == "system")
+  if (user_list.length > 0) {
+    return user_list[user_list.length - 1].content
+  }
+})
+
+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")
+console.log(messages)
+
+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 AiResponse = computed(() => {
+  if (messageList.value) {
+    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>
diff --git a/ui/src/locales/lang/en-US/ai-chat.ts b/ui/src/locales/lang/en-US/ai-chat.ts
index 267433067..06abb6853 100644
--- a/ui/src/locales/lang/en-US/ai-chat.ts
+++ b/ui/src/locales/lang/en-US/ai-chat.ts
@@ -98,6 +98,12 @@ export default {
     title: 'Knowledge Quote',
     question: 'User Question',
     optimizationQuestion: 'Optimized Question',
+    questionPadded: 'Padded Question',
+    system: 'Role Setting',
+    historyRecord: 'History Record',
+    currentChat: 'Current Chat',
+    AiResponse: 'AiResponse',
+    knowedMessage: 'Knowed Information',
   },
   editTitle: 'Edit Title',
 }
diff --git a/ui/src/locales/lang/zh-CN/ai-chat.ts b/ui/src/locales/lang/zh-CN/ai-chat.ts
index 5186b22ba..e058b618d 100644
--- a/ui/src/locales/lang/zh-CN/ai-chat.ts
+++ b/ui/src/locales/lang/zh-CN/ai-chat.ts
@@ -100,6 +100,12 @@ export default {
     title: '知识库引用',
     question: '用户问题',
     optimizationQuestion: '优化后问题',
+    questionPadded: '优化后问题',
+    system: '角色设定',
+    historyRecord: '历史记录',
+    currentChat: '本次对话',
+    AiResponse: 'AI 回答',
+    knowedMessage: '已知信息',
   },
   editTitle: '编辑标题',
 }
diff --git a/ui/src/locales/lang/zh-Hant/ai-chat.ts b/ui/src/locales/lang/zh-Hant/ai-chat.ts
index 3d750943a..db20402bf 100644
--- a/ui/src/locales/lang/zh-Hant/ai-chat.ts
+++ b/ui/src/locales/lang/zh-Hant/ai-chat.ts
@@ -96,6 +96,12 @@ export default {
     title: '知識庫引用',
     question: '用戶問題',
     optimizationQuestion: '優化後問題',
+    questionPadded: '優化後問題',
+    system: '角色設定',
+    historyRecord: '歷史記錄',
+    currentChat: '本次對話',
+    AiResponse: 'AI 回答',
+    knowedMessage: '已知資訊' 
   },
   editTitle: '編輯標題',
 }
diff --git a/ui/src/router/index.ts b/ui/src/router/index.ts
index b713a8997..00285f41d 100644
--- a/ui/src/router/index.ts
+++ b/ui/src/router/index.ts
@@ -46,7 +46,18 @@ router.beforeEach(
     set_next_route(to)
     // 判断是否有菜单权限
     if (to.meta.permission ? hasPermission(to.meta.permission as any, 'OR') : true) {
-      next()
+      if(to.name=='noPermissionD'){
+         const n = getPermissionRoute(routes, to)
+         if(n.name=='noPermission'){
+          next()
+          return
+         }else{
+          next(n)
+          return
+         }
+      }else{
+        next()
+      }
     } else {
       const n = getPermissionRoute(routes, to)
       next(n)
diff --git a/ui/src/router/routes.ts b/ui/src/router/routes.ts
index e1aa8cd9c..e4246d179 100644
--- a/ui/src/router/routes.ts
+++ b/ui/src/router/routes.ts
@@ -20,6 +20,7 @@ export const routes: Array<RouteRecordRaw> = [
           {
             path: '/no-permission',
             name: 'noPermissionD',
+            meta: {},
             component: () => import('@/views/error/NoPermission.vue'),
           },
         ],