diff --git a/src/assets/styles/theme.scss b/src/assets/styles/theme.scss
index f3b6dfa64761c43810327219224cdb0c94224645..44dd7f5f762dfecfd075708e63d2066bae5f800b 100644
--- a/src/assets/styles/theme.scss
+++ b/src/assets/styles/theme.scss
@@ -27,6 +27,11 @@ body[theme='dark'] {
   --o-think-header-text:#e4e8ee;
   --el-drawer-bg-color:#000000;
   --el-bg-color:#1F2329;
+  --question-bg: linear-gradient(0deg, rgb(47, 57, 66), rgb(32, 35, 37) 33.232%, rgb(41, 43, 55) 85.699%);
+  --question-shadow: ;
+  --el-collapse-header-bg: rgb(42,47,55);
+  --el-collapse-border: rgb(62,69,81,0.5);
+  --el-collapse-content-bg: rgb(42,47,55,0.5);
 }
 
 body[theme='light'] {
@@ -57,5 +62,8 @@ body[theme='light'] {
   --flow-branch-node-error-node-cover-color: #edb3b3;
   --flow-branch-node-success-node-cover-color: #b3dbb8;
   --el-collapse-header-bg: rgb(244,246,250);
+  --el-collapse-border: rgb(223,229,239);
   --el-collapse-content-bg: rgb(244,246,250,0.5);
+  --question-bg: linear-gradient(270deg, rgb(227, 242, 255), rgb(195, 227, 255) 33.232%, rgb(197, 203, 249) 85.699%);
+  --question-shadow: rgba(221, 225, 240, 0.5);
 }
diff --git a/src/components/Upload/index.vue b/src/components/Upload/index.vue
index 71a761a57488a9474a232a77ba091db61c4dcef4..4efbfac77bf3b4128ee0139fb4377658aa791095 100644
--- a/src/components/Upload/index.vue
+++ b/src/components/Upload/index.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { ElMessage } from 'element-plus';
-import { ref, watch } from 'vue';
+import { ref, watch, onMounted } from 'vue';
 import * as jsYaml from 'js-yaml';
 import { IconUpload, IconVisible, IconDelete, IconCaretRight } from '@computing/opendesign-icons';
 import type { UploadFile, ElUploadProgressEvent, ElFile } from 'element-plus/es/components/upload/src/upload.type';
@@ -8,7 +8,10 @@ import { Codemirror } from 'vue-codemirror';
 import { api } from 'src/apis';
 import { errorMsg, successMsg } from 'src/components/Message';
 import { yaml } from "@codemirror/lang-yaml"
+import { oneDark } from '@codemirror/theme-one-dark';
+import { useChangeThemeStore } from 'src/store/conversation';
 
+const themeStore = useChangeThemeStore();
 const extensions = ref([yaml()]);
 const handleCreateapi = async () => {
   const [_, res] = await api.createOrUpdateApi({
@@ -204,6 +207,23 @@ watch(
     yamlToJsonContent.value = jsYaml.load(getServiceYaml.value);
   },
 );
+watch(
+  () => themeStore.theme,
+  newVal => {
+    if (themeStore.theme === 'dark') {
+      extensions.value = [yaml(), oneDark];
+    } else {
+      extensions.value = [yaml()];
+    }
+  },
+);
+onMounted(() => {
+  if (themeStore.theme === 'dark') {
+    extensions.value = [yaml(), oneDark];
+  } else {
+    extensions.value = [yaml()];
+  }
+});
 </script>
 <template>
   <el-upload
@@ -425,12 +445,14 @@ watch(
   :deep(.el-collapse-item__header) {
     background-color: var(--el-collapse-header-bg) !important;
     height: 32px;
-    border-bottom: 1px solid var(--el-collapse-border-color) !important;
+    border-bottom: 1px solid var(--el-collapse-border) !important;
+    border-bottom-color: var(--el-collapse-border) !important;
   }
   :deep(.el-collapse-item__content) {
     background-color: var(--el-collapse-content-bg) !important;
     margin: 0px;
-    border-bottom: 1px solid var(--el-collapse-border-color) !important;
+    border-bottom: 1px solid var(--el-collapse-border) !important;
+    border-bottom-color: var(--el-collapse-border) !important;
   }
 }
 
diff --git a/src/components/dialoguePanel/DialoguePanel.vue b/src/components/dialoguePanel/DialoguePanel.vue
index 02c7492d032a8bc80ba75d9cd22e54c6551188b6..b69fbe2fc2953f3e3e9b93daf37ae90316529821 100644
--- a/src/components/dialoguePanel/DialoguePanel.vue
+++ b/src/components/dialoguePanel/DialoguePanel.vue
@@ -516,7 +516,7 @@ const handleSendMessage = async (question, user_selected_flow, user_selected_app
                 src="@/assets/svgs/arror_right.svg"
               />
             </div>
-          <div class="regenerate-button" v-if="needRegernerate && isFinish" @click="handlePauseAndReGenerate(Number(cid))">
+          <div class="regenerate-button" v-if="needRegernerate && isFinish && !flowdata" @click="handlePauseAndReGenerate(Number(cid))">
             <img v-if="themeStore.theme === 'dark'" src="@/assets/svgs/dark_regenerate.svg" alt="">
             <img v-else src="@/assets/svgs/light_regenerate.svg" alt="">
             <div>{{$t('feedback.regenerate')}}</div>
diff --git a/src/store/conversation.ts b/src/store/conversation.ts
index 3d675f34bef220e69f3f708bc0c2da179ac9e7b0..dbd365d618ef1d1b9f84cdf93146f312aed73dd2 100644
--- a/src/store/conversation.ts
+++ b/src/store/conversation.ts
@@ -290,8 +290,6 @@ export const useSessionStore = defineStore('conversation', () => {
             } else if (message['event'] === 'flow.start') {
               //事件流开始--后续验证对话无下拉连接后则完全替换
               let flow = message.flow;
-              // 这里给工作流调试的对话id赋值，用于判断
-              workFlowId = flow?.flowId;
               conversationItem.flowdata = {
                 id: flow?.stepId || '',
                 title: i18n.global.t('flow.flow_start'),
@@ -339,15 +337,8 @@ export const useSessionStore = defineStore('conversation', () => {
                   display: true,
                   data: conversationItem?.flowdata?.data,
                 };
-              } else if (message.content.type !== 'schema') {
-                conversationItem.flowdata?.data[0].push({
-                  id: 'end',
-                  title: 'end',
-                  status: message.flow?.stepStatus,
-                  data: {
-                    input: message.content,
-                  },
-                });
+              }else if(message.content.type !== "schema"){
+                // 删除 end 逻辑
                 conversationItem.flowdata = {
                   id: flow?.stepId,
                   title: i18n.global.t('flow.flow_end'),
@@ -689,13 +680,36 @@ export const useSessionStore = defineStore('conversation', () => {
             conversationId: record.conversationId,
             groupId: record.groupId,
             metadata: record.metadata,
-          },
+            flowdata: record?.flow ? GenerateFlowData(record.flow) : undefined,
+          }
         );
         scrollBottom('auto');
       });
     }
   };
-
+  //将获取到的 flow 数据结构转换
+  const GenerateFlowData = (record: any): object => {
+    let flowData = {
+      id: record.recordId,
+      title: record.id,
+      status: "success",
+      display: true,
+      flowId: record.flowId,
+      data:[[]] as any[]
+    };
+    for (let i = 0; i < record.steps.length; i++) {
+      flowData.data[0].push({
+        id: record.steps[i].stepId,
+        title : record.steps[i].stepId,
+        status: record.steps[i].stepStatus,
+        data:{
+          input: record.steps[i].input,
+          output: record.steps[i].output,
+        }
+      });
+    }
+    return flowData;
+  }
   const comment = (cid: number, isSupport: boolean, index: number): void => {
     const ind = conversationList.value.find(item => item.cid === cid);
     // ind.message.items[index].is_like = isSupport;
diff --git a/src/views/dialogue/components/InitalPanel.vue b/src/views/dialogue/components/InitalPanel.vue
index b20058f12f983604f581caf13afa8fec69bad2b7..85bb807ec900f309a58186a500554cc1bd4c24a6 100644
--- a/src/views/dialogue/components/InitalPanel.vue
+++ b/src/views/dialogue/components/InitalPanel.vue
@@ -100,7 +100,7 @@ onMounted(() => {
           <ul class="question-list">
             <li class="question-item" v-for="item in questions" :key="item.id">
               <span class="question-number" :class="{ blue: item.id <= 3 }">{{ item.id }}</span>
-              <span @click="selectQuestions">{{ $t('question.' + item.question) }}</span>
+              <span class="question-des"  @click="selectQuestions">{{ $t('question.' + item.question) }}</span>
             </li>
           </ul>
         </div>
@@ -176,6 +176,10 @@ onMounted(() => {
   }
   .question-number{
     margin-right: 8px;
+    color: var(--o-text-color-secondary);
+  }
+  .question-des{
+    color: var(--o-text-color-secondary);
   }
 }
 
@@ -187,8 +191,8 @@ onMounted(() => {
     // display: block;
     width: 492px;
     height: auto;
-    box-shadow: 0px 5.18px 20.72px 0px rgba(221, 225, 240, 0.5);
-    background: linear-gradient(270deg, rgb(227, 242, 255), rgb(195, 227, 255) 33.232%, rgb(197, 203, 249) 85.699%);
+    box-shadow: 0px 5.18px 20.72px 0px var(--question-shadow);
+    background: var(--question-bg);
     // opacity: 0.5;
     border-radius: 8px;
     background-size: 100% 100%;
@@ -209,6 +213,7 @@ onMounted(() => {
       font-size: 14px;
       color: var(--o-text-color-secondary);
     }
+
   }
 }
 
diff --git a/src/views/dialogue/dialogueView.vue b/src/views/dialogue/dialogueView.vue
index 396c8a7ba09c44135cd7fd028fe89440c8396211..dd0367bbee1ff94add7e63b87fef838ac94a86cd 100644
--- a/src/views/dialogue/dialogueView.vue
+++ b/src/views/dialogue/dialogueView.vue
@@ -424,11 +424,6 @@ watch(
       <el-form ref="ruleFormRef" :model="ruleForm" :rules="rules" label-position="left" @validate="handleFormValidate">
         <el-form-item :label="$t('witChainD.witChainD_id')" prop="openai_api_key" class="docName">
           <el-input v-model="ruleForm.kb_id" :placeholder="$t('witChainD.describe_the_witChainD')">
-            <template #suffix>
-              <el-icon class="warning-icon" v-if="!formValidateStatus.kb_id">
-                <WarningFilled />
-              </el-icon>
-            </template>
           </el-input>
         </el-form-item>
         <el-form-item class="model-ops-btn">