diff --git a/src/components/dialoguePanel/DialoguePanel.vue b/src/components/dialoguePanel/DialoguePanel.vue
index a7df31a5b238a4fbfdc141c3fa1b017e66f9bc3c..e6a3f66b352cbc5c539d6f5fbac8ea4310450e49 100644
--- a/src/components/dialoguePanel/DialoguePanel.vue
+++ b/src/components/dialoguePanel/DialoguePanel.vue
@@ -10,6 +10,7 @@ import dayjs from "dayjs";
 import xss from "xss";
 import { errorMsg, successMsg } from "src/components/Message";
 import ReportPopover from "src/views/dialogue/components/ReportPopover.vue";
+import DialogueThought from "./DialogueThought.vue";
 import { onMounted, watch, onBeforeUnmount,reactive } from "vue";
 import * as echarts from 'echarts';
 import color from 'src/assets/color';
@@ -90,7 +91,7 @@ const props = withDefaults(defineProps<DialoguePanelProps>(), {
   // currentSelected: 0,
   needRegernerate: false,
 });
-
+const thoughtContent = ref('');
 const index = ref(0);
 const isLike = ref(props.isLikeList);
 const emits = defineEmits<{
@@ -133,6 +134,7 @@ const handlePauseAndReGenerate = (cid?: number) => {
   emits("clearSuggestion", props.key);
   if (props.isFinish) {
     // 重新生成
+    thoughtContent.value = "";
     reGenerateAnswer(cid, user_selected_app.value);
   } else {
     // 停止生成
@@ -240,21 +242,34 @@ const contentAfterMark = computed(() => {
   if (!props.content) {
     return "";
   }
+  //xxs将大于号转为html实体以防歧义；将< >替换为正常字符；
   let str = marked.parse(
     xss(props.content[props.currentSelected])
       .replace(/&gt;/g, ">")
       .replace(/&lt;/g, "<")
   )
+  //将table提取出来中加一个<div>父节点控制溢出
   let tableStart = str.indexOf('<table>');
   if(tableStart!== -1){
     str = str.slice(0, tableStart) + '<div class="overflowTable">' + str.slice(tableStart, str.indexOf('</table>') + '</table>'.length).replace('</table>', '</table></div>') + str.slice(str.indexOf('</table>') + '</table>'.length);
   }
-  //将table提取出来中加一个<div>父节点控制溢出
-  return `<pre>${str}</pre>`;
-  //xxs将大于号转为html实体以防歧义；将< >替换为正常字符；
+  //仅获取第一个遇到的 think 标签
+  const startIndex = str.indexOf('<think>');
+  const endIndex = str.indexOf('</think>');
+  if (startIndex !== -1 && endIndex === -1) {
+    // 计算 <a> 之后的字符串
+    const contentAfterA = str.substring(startIndex + 7); // +2 是因为我们要跳过 <a> 这两个字符
+    thoughtContent.value = contentAfterA;
+    return "";
+  }
+  else if(startIndex !== -1 && endIndex !== -1){
+  thoughtContent.value = str.match(/<think>([\s\S]*?)<\/think>/)[1];
+  }
+  return str.replace(/<think>([\s\S]*?)<\/think>/g,'');  
 });
 
 const prePageHandle = (cid: number) => {
+  thoughtContent.value = "";
   prePage(cid);
   if (index.value === 0) {
     index.value = 0;
@@ -265,6 +280,7 @@ const prePageHandle = (cid: number) => {
 };
 
 const nextPageHandle = (cid: number) => {
+  thoughtContent.value = "";
   nextPage(cid);
   if (index.value === (props.isLikeList as number[]).length - 1) {
     index.value = (props.isLikeList as number[]).length - 1;
@@ -452,11 +468,12 @@ const handleSendMessage = async (question, user_selected_flow, user_selected_app
     <div class="dialogue-panel__robot" v-else>
       <div class="dialogue-panel__robot-content">
         <!-- 这里是flowData -->
+      <DialogueThought :content=thoughtContent v-if="thoughtContent" />
       <DialogueFlow v-if="flowdata"  :flowdata="props.flowdata"/> 
       <div v-if="contentAfterMark" id="markdown-preview">
         <div v-html="contentAfterMark"></div>
       <a v-if="props.paramsList" @click="visible = true">补充参数</a>
-        <img class="answer_img" src="" alt="" @click="zoom_in($event)" />
+        <!-- <img class="answer_img" src="" alt="" @click="zoom_in($event)" /> -->
         <div class="loading-echarts">
           <div ref="echartsDraw"  class="draw" style=" color: grey ;"></div>
         </div>
@@ -478,7 +495,7 @@ const handleSendMessage = async (question, user_selected_flow, user_selected_app
         <el-button class="confirm-button"  @click="visible = false">{{$t('history.cancel')}}</el-button>
       </div>
     </el-dialog>
-      <div class="loading" v-if="!contentAfterMark && !isFinish && !$slots.default &&!flowdata">
+      <div class="loading" v-if="!contentAfterMark && !isFinish && !$slots.default &&!flowdata &&!thoughtContent">
         <img src="@/assets/images/loading.png" alt="" class="loading-icon">
         <div class="loading-text">{{$t('feedback.eulercopilot_is_thinking')}}</div>
       </div>
diff --git a/src/components/dialoguePanel/DialogueThought.vue b/src/components/dialoguePanel/DialogueThought.vue
new file mode 100644
index 0000000000000000000000000000000000000000..9c2b174fb46c6c8c2378fafd9da6d6d73ed4dcd6
--- /dev/null
+++ b/src/components/dialoguePanel/DialogueThought.vue
@@ -0,0 +1,108 @@
+<template>
+  <div class="dialogue-thought">
+    <div class="thought-header" @click="toggleCollapse">
+      <!-- <span class="think-label">think</span> -->
+      <div class="collapse-control">
+        <div :class="{ 'is-collapsed': isCollapsed }" class="collapse-icon">
+          <img src="@/assets/images/flow_arrow.png" alt="" class="o-collapse-icon" />
+        </div>
+        <span class="collapse-text">思考</span>
+      </div>
+    </div>
+    <transition name="collapse">
+      <div v-show="!isCollapsed" class="thought-content" v-html="contentAfterMark"></div>
+    </transition>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed } from 'vue';
+import marked from 'src/utils/marked.js';
+import xss from 'xss';
+const props = defineProps({
+  content: {
+    type: String,
+    required: true,
+  },
+});
+const isCollapsed = ref(false);
+const toggleCollapse = () => {
+  isCollapsed.value = !isCollapsed.value;
+};
+
+const contentAfterMark = computed(() => {
+  if (!props.content) {
+    return '';
+  }
+  //xxs将大于号转为html实体以防歧义；将< >替换为正常字符；
+  let str = marked.parse(xss(props.content).replace(/&gt;/g, '>').replace(/&lt;/g, '<'));
+  return str;
+});
+</script>
+
+<style lang="scss" scoped>
+.dialogue-thought {
+  background-color: var(--o-bg-color-base);
+  position: relative;
+  margin: 1rem 0;
+  border: 2px dashed var(--o-think-border);
+  border-radius: 8px;
+
+  .thought-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0.5rem 1rem;
+    cursor: pointer;
+    background-color: var(--o-think-header-bg);
+    .think-label {
+      font-weight: bold;
+      position: absolute;
+      top: -0.7rem;
+      left: 1rem;
+      padding: 0 0.5rem;
+    }
+    .collapse-control {
+      display: flex;
+      align-items: center;
+      transform-origin: center center;
+      .collapse-icon {
+        width: 1.2rem;
+        height: 1.2rem;
+        transition: transform 0.3s ease;
+        top: 6px;
+        &.is-collapsed {
+          top: 5px;
+          transform: rotate(-90deg);
+        }
+      }
+      .collapse-text {
+        color: var(--o-think-header-text);
+      }
+    }
+  }
+
+  .thought-content {
+    padding: 1rem;
+    // background-color: #fff;
+    border-bottom-left-radius: 6px;
+    border-bottom-right-radius: 6px;
+  }
+}
+
+.collapse-enter-active,
+.collapse-leave-active {
+  transition: max-height 0.3s ease-out;
+  overflow: hidden;
+}
+
+.collapse-enter-from,
+.collapse-leave-to {
+  max-height: 0;
+}
+
+.collapse-enter-to,
+.collapse-leave-from {
+  max-height: 1000px; // Adjust this value based on your content
+}
+</style>
diff --git a/src/components/sessionCard/SessionCard.vue b/src/components/sessionCard/SessionCard.vue
index f74406c17650ad55fb5fd29d6c7104bad843f5a9..f12899b83a8186ef118d2d1b755c573fba143165 100644
--- a/src/components/sessionCard/SessionCard.vue
+++ b/src/components/sessionCard/SessionCard.vue
@@ -57,7 +57,6 @@ const handleHover = async () => {
       x: rect?.x,
       y: rect?.y,
     };
-  } else {
   }
 };
 
diff --git a/src/views/createapp/components/workFlowDebug.vue b/src/views/createapp/components/workFlowDebug.vue
index 8b24c873ac9fd9d166df73c3a6303ab54025e462..588bbb14386178696ec828ede156f1cbcde2ada6 100644
--- a/src/views/createapp/components/workFlowDebug.vue
+++ b/src/views/createapp/components/workFlowDebug.vue
@@ -57,15 +57,13 @@
 </template>
 <script setup lang="ts">
 import '../../styles/workFlowDebug.scss';
-import { computed, watch, ref } from 'vue';
+import { ref } from 'vue';
 import { IconX } from '@computing/opendesign-icons';
 import DialoguePanel from 'src/components/dialoguePanel/DialoguePanel.vue';
 import type { ConversationItem, RobotConversationItem } from 'src/views/dialogue/types';
 import { useSessionStore, useChangeThemeStore } from 'src/store';
 import { useHistorySessionStore } from 'src/store/historySession';
-import { successMsg, errorMsg } from 'src/components/Message';
 import { storeToRefs } from 'pinia';
-import { api } from 'src/apis';
 // 对话列表
 const { sendQuestion } = useSessionStore();
 const { conversationList, isAnswerGenerating } = storeToRefs(useSessionStore());
diff --git a/src/views/dialogue/Copilot.vue b/src/views/dialogue/Copilot.vue
index d63e193044e7b5530b84b380c07d66d145adcd1e..9761e3dae343a104ff0acfbd282dc10a6f3d2187 100644
--- a/src/views/dialogue/Copilot.vue
+++ b/src/views/dialogue/Copilot.vue
@@ -110,11 +110,6 @@ onMounted(async() => {
     top: 0,
     left: 0,
   });
-  //获取 top5 list 
-  const [_, res] = await api.getTopFiveApp(5);
-  if(_ && res){
-    appList.value = res.result.applications;
-  }
 });
 
 watch(