From ba8563e85961d09a978a40f506aebc8b267fb0a0 Mon Sep 17 00:00:00 2001
From: li-shengren-123456 <lishengren@h-partners.com>
Date: Wed, 26 Feb 2025 01:58:06 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E8=AF=95=E6=8E=A5=E5=8F=A3=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Upload/index.vue               |   7 +-
 src/components/dialoguePanel/FlowCode.vue     | 129 +++++++++++-------
 src/components/sessionCard/SessionCard.vue    |   2 +-
 .../sessionCard/SessionDropDown.vue           |   2 +-
 src/store/conversation.ts                     |  35 ++++-
 src/store/historySession.ts                   |   1 +
 src/views/createapp/components/appConfig.vue  |  35 +++++
 .../components/codeMirror/nodeMirrorText.vue  |   2 +-
 .../components/workFlowConfig/useLayout.js    | 111 +++++++++++++--
 .../createapp/components/workFlowDebug.vue    |  10 +-
 src/views/createapp/index.vue                 |   2 +-
 src/views/dialogue/Copilot.vue                |  49 ++++++-
 .../dialogue/components/DialogueAside.vue     |  40 +++++-
 .../dialogue/components/DialogueSession.vue   |   9 +-
 .../dialogue/components/InterPreview.vue      |   7 +-
 src/views/dialogue/dialogueView.vue           |   4 +-
 16 files changed, 352 insertions(+), 93 deletions(-)

diff --git a/src/components/Upload/index.vue b/src/components/Upload/index.vue
index 32e10ec..41f12c1 100644
--- a/src/components/Upload/index.vue
+++ b/src/components/Upload/index.vue
@@ -81,6 +81,7 @@ const uploadtype = ref(props.type);
 const getServiceYaml = ref('');
 const yamlToJsonContent = ref('');
 const getServiceJson = ref('');
+const activeServiceName = ref('');
 const imageUrl = ref('');
 const progressVal = ref(0);
 const uploadDone = ref(false);
@@ -181,6 +182,10 @@ watch(
   () => {
     getServiceJson.value = props.getServiceJson;
     getServiceYaml.value = props.getServiceYaml;
+    console.log(props, 'props---result')
+    if (getServiceJson.value?.length) {
+      activeServiceName.value = getServiceJson.value?.[0]?.name;
+    }
     if (props.type === 'edit' && props) {
       getServiceYamlFun(props.serviceId);
     }
@@ -251,7 +256,7 @@ watch(
     />
   </div>
   <div class="json-container" v-if="uploadtype === 'get'">
-    <el-collapse v-model="getServiceJson" class="o-hpc-collapse" :prefix-icon="IconChevronDown">
+    <el-collapse v-model="activeServiceName" class="o-hpc-collapse" :prefix-icon="IconChevronDown">
       <!-- 这里直接展示输入和输出 -->
       <el-collapse-item v-for="(item, index) in getServiceJson" :key="index" :name="item.name">
         <template #title>
diff --git a/src/components/dialoguePanel/FlowCode.vue b/src/components/dialoguePanel/FlowCode.vue
index 9ebde49..1d9b42b 100644
--- a/src/components/dialoguePanel/FlowCode.vue
+++ b/src/components/dialoguePanel/FlowCode.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { ref, computed, onMounted, withDefaults, watch,shallowRef, reactive } from 'vue';
+import { ref, computed, onMounted, withDefaults, watch, shallowRef, reactive } from 'vue';
 import { Codemirror } from 'vue-codemirror';
 import { json } from '@codemirror/lang-json';
-import { oneDark } from '@codemirror/theme-one-dark'
+import { oneDark } from '@codemirror/theme-one-dark';
 import { useHistorySessionStore } from 'src/store';
 import { storeToRefs } from 'pinia';
-import { useChangeThemeStore } from "src/store/conversation";
+import { useChangeThemeStore } from 'src/store/conversation';
 const { params } = storeToRefs(useHistorySessionStore());
 const themeStore = useChangeThemeStore();
 const CODE_STYLE = {
@@ -15,7 +15,7 @@ const CODE_STYLE = {
   overflowY: 'auto',
   // backgroundColor: '#f4f6fa',
   fontSize: '14px',
-  lineHeight: '16px'
+  lineHeight: '16px',
 };
 const props = withDefaults(
   defineProps<{
@@ -25,55 +25,61 @@ const props = withDefaults(
   }>(),
   {
     needCheck: true,
-  }
+  },
 );
 
-const code =ref(JSON.stringify(props.code, null, 2))
+const code = ref(JSON.stringify(props.code, null, 2));
 
 const codeMirrorView = shallowRef();
 // const extensions = [StreamLanguage.define(json)];
 const extensions = ref([json()]);
-const handleReady = (payload) => {
+const handleReady = payload => {
   codeMirrorView.value = payload.view;
   setTimeout(() => {
     payload.view.scrollDOM.scrollTop = 0;
   }, 100);
 };
-const handleChange = (payload) => {
+const handleChange = payload => {
   params.value = payload;
 };
 
 const copy = () => {
-      if (codeMirrorView.value) {
-        navigator.clipboard.writeText(code.value)
-          .then(() => {
-            console.log('文本已复制到剪切板');
-          })
-          .catch(err => {
-            console.error('复制文本时出错:', err);
-          });
-      }
-    };
+  if (codeMirrorView.value) {
+    navigator.clipboard
+      .writeText(code.value)
+      .then(() => {
+        console.log('文本已复制到剪切板');
+      })
+      .catch(err => {
+        console.error('复制文本时出错:', err);
+      });
+  }
+};
 
-watch(() => code, (newVal) => {
-  params.value = code;
-})
+watch(
+  () => code,
+  newVal => {
+    params.value = code;
+  },
+);
 
-watch(() => themeStore.theme, (newVal) => {
-  if(themeStore.theme === 'dark') {
-    extensions.value = [json(),oneDark]
-  }else{
-    extensions.value = [json()];
-  }
-})
+watch(
+  () => themeStore.theme,
+  newVal => {
+    if (themeStore.theme === 'dark') {
+      extensions.value = [json(), oneDark];
+    } else {
+      extensions.value = [json()];
+    }
+  },
+);
 onMounted(() => {
-  if(themeStore.theme === 'dark') {
-    extensions.value = [json(),oneDark]
-  }else{
+  if (themeStore.theme === 'dark') {
+    extensions.value = [json(), oneDark];
+  } else {
     extensions.value = [json()];
   }
-})
-
+});
 </script>
 
 <template>
@@ -82,24 +88,24 @@ onMounted(() => {
       <span v-if="props.title === 'input'">输入</span>
       <span v-else-if="props.title === 'output'">输出</span>
       <span v-else-if="props.title === 'params'">参数</span>
-      <span v-else>补充参数</span>
-      <span @click="copy()">copy</span>
+      <span v-else>补充参数 {{ props.title }}</span>
+      <span @click="copy()" class="copyIcon"
+      :class="themeStore.theme === 'light' ? 'lightCopy' : 'darkCopy'"></span>
     </div>
     <div class="code-container">
       <Codemirror
-      v-model="code"
-      placeholder="Code goes here..."
-      :style="CODE_STYLE"
-      :autofocus="true"
-      :indent-with-tab="true"
-      :tab-size="2"
-      :extensions="extensions"
-      :disabled="disabled"
-      @ready="handleReady"
-      @change="handleChange"
-    />
+        v-model="code"
+        placeholder="Code goes here..."
+        :style="CODE_STYLE"
+        :autofocus="true"
+        :indent-with-tab="true"
+        :tab-size="2"
+        :extensions="extensions"
+        :disabled="disabled"
+        @ready="handleReady"
+        @change="handleChange"
+      />
     </div>
-
   </div>
   <div></div>
 </template>
@@ -115,6 +121,16 @@ onMounted(() => {
   margin: 0 auto;
 }
 
+.copyIcon {
+  width: 16px;
+}
+.lightCopy {
+  background: url(@/assets/svgs/light_copy.svg) center center no-repeat;
+}
+.darkCopy {
+  background: url(@/assets/svgs/light_copy.svg) center center no-repeat;
+}
+
 h2 {
   color: #333;
   text-align: center;
@@ -148,8 +164,8 @@ h2 {
   bottom: -2px;
   padding: 0px 16px;
   height: 32px;
-  span{
-    color:var(--o-text-color-primarys);
+  span {
+    color: var(--o-text-color-primarys);
     height: 32px;
     align-items: center;
     align-content: center;
@@ -171,8 +187,19 @@ pre {
     align-items: center;
     border-radius: 8px 8px 0 0;
     padding: 8px 12px 0 12px;
-    font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans',
-      'Droid Sans', 'Helvetica Neue', sans-serif;
+    font-family:
+      Inter,
+      -apple-system,
+      BlinkMacSystemFont,
+      'Segoe UI',
+      Roboto,
+      Oxygen,
+      Ubuntu,
+      Cantarell,
+      'Fira Sans',
+      'Droid Sans',
+      'Helvetica Neue',
+      sans-serif;
     .pre-copy {
       cursor: pointer;
       svg {
diff --git a/src/components/sessionCard/SessionCard.vue b/src/components/sessionCard/SessionCard.vue
index f12899b..9a6e06b 100644
--- a/src/components/sessionCard/SessionCard.vue
+++ b/src/components/sessionCard/SessionCard.vue
@@ -37,7 +37,7 @@ const iconRef = ref<HTMLInputElement | null>();
 
 const dropdownPosition = ref();
 
-const hoverFiles = ref();
+const hoverFiles = ref([]);
 
 const isFileVisible = ref<boolean>(false);
 
diff --git a/src/components/sessionCard/SessionDropDown.vue b/src/components/sessionCard/SessionDropDown.vue
index 12efb3f..6dcb507 100644
--- a/src/components/sessionCard/SessionDropDown.vue
+++ b/src/components/sessionCard/SessionDropDown.vue
@@ -29,7 +29,7 @@ const props = defineProps<{
   // 下拉文件列表
   fileList: Array<any>;
   // dropdown 挂载位置
-  dropPostion: DropPostion;
+  dropPostion: DropPostion | undefined;
   // 是否可见
   isFileVisible: boolean;
 }>();
diff --git a/src/store/conversation.ts b/src/store/conversation.ts
index 1d62d6e..3d3c6eb 100644
--- a/src/store/conversation.ts
+++ b/src/store/conversation.ts
@@ -26,7 +26,7 @@ import { storeToRefs } from 'pinia';
 import { Application } from 'src/apis/paths/type';
 import $bus from 'src/bus/index'
 const STREAM_URL = '/api/chat';
-const newStreamUrl = 'api/mock/chat';
+const newStreamUrl = 'api/chat';
 let controller = new AbortController();
 export var txt2imgPath = ref("");
 export var echartsObj = ref({});
@@ -147,10 +147,14 @@ export const useSessionStore = defineStore('conversation', () => {
             keepalive: true,
             headers: headers,
             body: JSON.stringify({
+              app: {
+                params: {},
+                appId:params.user_selected_app[0],
+                flowId: params.user_selected_flow,
+              },
               question: params.question,
-              appId:params.user_selected_app[0],
               conversationId: params.conversationId,
-              flowId: params.user_selected_flow,
+              debug: true,
             }),
           });
 
@@ -229,11 +233,12 @@ export const useSessionStore = defineStore('conversation', () => {
           break;
         }
         const { done, value } = await reader.read();
+        console.log(value, 'value')
         const decodedValue = decoder.decode(value, { stream: true });
         const isLegal = judgeMessage(answerIndex, decodedValue);
         if (!isLegal) {
           isEnd = false;
-          break;
+          break; 
         }
 
         if (done) {
@@ -246,8 +251,19 @@ export const useSessionStore = defineStore('conversation', () => {
           isAnswerGenerating.value = false;
           break;
         }
+        // 这里删除了\n\n
         const lines = decodedValue.split('\n\n').filter((line) => line.startsWith('data: {'));
+        // 这里删除'data: {'代替，再加上---测试使用
+        // const lines2 = decodedValue.split('data: {');
+        // const line3 = lines2.map(item => {
+        //   item = 'data: {' + item;
+        // })
+        console.log(decodedValue, '---finally')
+        // return;
         lines.forEach((line) => {
+          // const message = Object(JSON.parse(line.replace(/^data:\s*/, '').trim()));
+          // 这里json解析
+          console.log(line, 'lines=-------------------')   
           const message = Object(JSON.parse(line.replace(/^data:\s*/, '').trim()));
           if( 'metadata' in message){
             if(conversationItem.metadata?.time<message.metadata.time){
@@ -256,7 +272,7 @@ export const useSessionStore = defineStore('conversation', () => {
           }
           if('event' in message){
             if(message["event"] === "text.add"){
-              conversationItem.message[conversationItem.currentInd] += message.content.text;
+              conversationItem.message[conversationItem.currentInd] += message.content;
               scrollBottom();
               // conversationItem.message[conversationItem.currentInd] += message.content.text;
             }
@@ -370,6 +386,7 @@ export const useSessionStore = defineStore('conversation', () => {
         }
       }
     } catch (err: any) {
+      // console.log(err, 'errr')
       isPaused.value = true;
       isAnswerGenerating.value = false;
       (conversationList.value[answerIndex] as RobotConversationItem).isFinish = true;
@@ -691,6 +708,13 @@ export const useSessionStore = defineStore('conversation', () => {
     // ind.message.items[index].is_like = isSupport;
   };
 
+  /**
+   * 暂停流式返回
+   */
+  const stopDebug = async (): Promise<void> => {
+    await api.stopGeneration();
+  };
+
   const cancel = () => {
     controller.abort();
   };
@@ -703,6 +727,7 @@ export const useSessionStore = defineStore('conversation', () => {
     appList,
     sendQuestion,
     pausedStream,
+    stopDebug,
     prePage,
     nextPage,
     reGenerateAnswer,
diff --git a/src/store/historySession.ts b/src/store/historySession.ts
index 3d2a8c9..e645e59 100644
--- a/src/store/historySession.ts
+++ b/src/store/historySession.ts
@@ -186,6 +186,7 @@ export const useHistorySessionStore = defineStore('sessionStore', () => {
     if (!_ && res) {
       currentSelectedSession.value = res.result.conversationId;
       await getHistorySession();
+      return res.result.conversationId
     }
   };
 
diff --git a/src/views/createapp/components/appConfig.vue b/src/views/createapp/components/appConfig.vue
index 04d25b7..e791b7e 100644
--- a/src/views/createapp/components/appConfig.vue
+++ b/src/views/createapp/components/appConfig.vue
@@ -6,6 +6,8 @@ import { IconCaretRight, IconPlusCircle, IconDelete, IconSearch } from '@computi
 import DialogueSession from '../../dialogue/components/DialogueSession.vue';
 import { useRoute } from 'vue-router';
 import { api } from 'src/apis';
+import { ElMessage } from 'element-plus';
+import { fa } from 'element-plus/es/locale';
 const activeName = ref([1, 2, 3]);
 const activeNames = ref([1, 2, 3]);
 const route = useRoute();
@@ -51,6 +53,7 @@ const createAppRole = ref({
   name: [{ required: true, message: '应用名称不能为空', trigger: 'blur' }],
   description: [{ required: true, message: '应用简介不能为空', trigger: 'change' }],
   dialogRounds: [{ required: true, message: '对话轮次不能为空', trigger: 'change' }],
+  // links: [{required: true, message: '应用名称不能为空', trigger: 'blur'}]
 });
 const createAppFormRef = ref();
 const modeOptions = reactive([
@@ -147,6 +150,26 @@ onMounted(() => {
   });
 });
 
+// 正则校验url
+const checkUrl = (url) => {
+  // const pattern = new RegExp(
+  //   '^(https?:\\/\\/)?' + // protocol
+  //     '((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|' + // domain name
+  //     '((\\d{1,3}\\.){3}\\d{1,3}))' + // OR ip (v4) address
+  //     '(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*' + // port and path
+  //     '(\\?[;&a-z\\d%_.~+=-]*)?' + // query string
+  //     '(\\#[-a-z\\d_]*)?$', // fragment locator
+  //   'i'
+  // );
+  // const result = pattern.test(url);
+  // if (!result) {
+  //   ElMessage.warning('请填写正确的链接地址');
+  // }
+
+  // return result;
+  // 单独校验links字段
+}
+
 watch(
   () => createAppForm.value,
   async () => {
@@ -162,6 +185,16 @@ watch(
 const validateForm = async () => {
   try {
     const resulst = await createAppFormRef.value.validate();
+    // 判断links是否每项都符合格式
+    // let flag = true;
+    // createAppForm.value.links.forEach(item => {
+    //   if (!checkUrl(item)) {
+    //     flag = false;
+    //   }
+    // })
+    // if (!flag) {
+    //   ElMessage.warning('请填写正确的链接地址');
+    // }
     return true;
   } catch (error) {
     return false;
@@ -236,6 +269,7 @@ defineExpose({
               v-model="createAppForm.links[index]"
               placeholder="请输入"
               clearable
+              @blur="checkUrl(createAppForm.links[index])"
             ></el-input>
             <el-icon class="delIcon" @click="delConnectItem(index)">
               <IconDelete />
@@ -323,6 +357,7 @@ defineExpose({
   <div class="createAppContainerMainBox">
     <div class="previewTitle">界面预览</div>
     <div class="createAppContainerMainRight">
+      <!-- 明天问下这里为什么写死一个true传参,---预览页面输入框禁用 -->
       <DialogueSession :modeOptions="modeOptions" isCreateApp="true" :createAppForm="createAppForm" />
     </div>
   </div>
diff --git a/src/views/createapp/components/codeMirror/nodeMirrorText.vue b/src/views/createapp/components/codeMirror/nodeMirrorText.vue
index ba8073c..70d102f 100644
--- a/src/views/createapp/components/codeMirror/nodeMirrorText.vue
+++ b/src/views/createapp/components/codeMirror/nodeMirrorText.vue
@@ -22,7 +22,7 @@
             @click="handleCopy(subItem.code)"
           ></div>
         </div>
-        <MirrorText ref="textarea" :yamlCode="yaml.dump(subItem.code)" :disabled="true"></MirrorText>
+        <MirrorText ref="textarea" :class="{'outputMirror': idx === 1}" :yamlCode="yaml.dump(subItem.code)" :disabled="true"></MirrorText>
       </div>
     </el-collapse-item>
   </el-collapse>
diff --git a/src/views/createapp/components/workFlowConfig/useLayout.js b/src/views/createapp/components/workFlowConfig/useLayout.js
index cd5b987..d94ac2d 100644
--- a/src/views/createapp/components/workFlowConfig/useLayout.js
+++ b/src/views/createapp/components/workFlowConfig/useLayout.js
@@ -9,49 +9,54 @@ import { ref } from 'vue';
  * @see https://github.com/dagrejs/dagre/wiki
  */
 export function useLayout() {
-  const { findNode } = useVueFlow();
+  const {findNode} = useVueFlow();
 
   const graph = ref(new dagre.graphlib.Graph());
 
+  const previousDirection = ref('LR');
+
   function layout(nodes, edges, direction) {
-    // we create a new graph instance, in case some nodes/edges were removed, otherwise dagre would act as if they were still there
     const dagreGraph = new dagre.graphlib.Graph();
 
     graph.value = dagreGraph;
 
+    // 设置默认边标签
     dagreGraph.setDefaultEdgeLabel(() => ({}));
 
     const isHorizontal = direction === 'LR';
-    dagreGraph.setGraph({ rankdir: direction });
 
-    for (const node of nodes) {
-      // if you need width+height of nodes for your layout, you can use the dimensions property of the internal node (`GraphNode` type)
-      const graphNode = findNode(node.id);
+    // 设置图布局
+    dagreGraph.setGraph({rankdir: direction});
 
-      if (!graphNode) {
-        console.error(`Node with id ${node.id} not found in the graph`);
-        continue;
-      }
+    previousDirection.value = direction;
 
+    for (const node of nodes) {
+      // 查找到节点的信息
+      const graphNode = findNode(node.id)
+
+      // 设置节点
       dagreGraph.setNode(node.id, {
         width: graphNode.dimensions.width || 150,
         height: graphNode.dimensions.height || 50,
       });
     }
 
+    // 设置边
     for (const edge of edges) {
       dagreGraph.setEdge(edge.source, edge.target);
     }
 
-    dagre.layout(dagreGraph);
+    // 排版
+       dagre.layout(dagreGraph);
 
     // set nodes with updated positions
     return nodes.map(node => {
       const nodeWithPosition = dagreGraph.node(node.id);
       let position = { x: nodeWithPosition.x, y: nodeWithPosition.y }
-      if(['1','2'].includes(node.id)){
+      console.log(node, 'node, ', nodeWithPosition)
+      // if(['1','2'].includes(node.id)){
         
-      }
+      // }
       return {
         ...node,
         targetPosition: isHorizontal ? Position.Left : Position.Top,
@@ -61,5 +66,81 @@ export function useLayout() {
     });
   }
 
-  return { graph, layout };
-}
+  return { graph, layout, previousDirection };
+
+
+
+  }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+  // const { findNode } = useVueFlow();
+
+  // const graph = ref(new dagre.graphlib.Graph());
+
+  // function layout(nodes, edges, direction) {
+  //   // we create a new graph instance, in case some nodes/edges were removed, otherwise dagre would act as if they were still there
+  //   const dagreGraph = new dagre.graphlib.Graph();
+
+  //   graph.value = dagreGraph;
+
+  //   dagreGraph.setDefaultEdgeLabel(() => ({}));
+
+  //   const isHorizontal = direction === 'LR';
+  //   dagreGraph.setGraph({ rankdir: direction });
+
+  //   for (const node of nodes) {
+  //     // if you need width+height of nodes for your layout, you can use the dimensions property of the internal node (`GraphNode` type)
+  //     const graphNode = findNode(node.id);
+
+  //     if (!graphNode) {
+  //       console.error(`Node with id ${node.id} not found in the graph`);
+  //       continue;
+  //     }
+  //     console.log(node, 'node', graphNode.dimensions.width)
+  //     dagreGraph.setNode(node.id, {
+  //       width: graphNode.dimensions.width || 150,
+  //       height: graphNode.dimensions.height || 50,
+  //     });
+  //   }
+
+  //   for (const edge of edges) {
+  //     dagreGraph.setEdge(edge.source, edge.target);
+  //   }
+
+  //   dagre.layout(dagreGraph);
+
+  //   // set nodes with updated positions
+  //   return nodes.map(node => {
+  //     const nodeWithPosition = dagreGraph.node(node.id);
+  //     let position = { x: nodeWithPosition.x, y: nodeWithPosition.y }
+  //     if(['1','2'].includes(node.id)){
+        
+  //     }
+  //     return {
+  //       ...node,
+  //       targetPosition: isHorizontal ? Position.Left : Position.Top,
+  //       sourcePosition: isHorizontal ? Position.Right : Position.Bottom,
+  //       position: { x: nodeWithPosition.x, y: nodeWithPosition.y },
+  //     };
+  //   });
+  // }
+
+  // return { graph, layout };
+// }
diff --git a/src/views/createapp/components/workFlowDebug.vue b/src/views/createapp/components/workFlowDebug.vue
index fa31360..db54ce4 100644
--- a/src/views/createapp/components/workFlowDebug.vue
+++ b/src/views/createapp/components/workFlowDebug.vue
@@ -66,7 +66,7 @@ import { storeToRefs } from 'pinia';
 import { api } from '@/apis';
 import { onBeforeRouteLeave } from 'vue-router';
 // 对话列表
-const { sendQuestion } = useSessionStore();
+const { sendQuestion, stopDebug } = useSessionStore();
 const testFlag = ref(true);
 const { conversationList, isAnswerGenerating } = storeToRefs(useSessionStore());
 const { user_selected_app } = storeToRefs(useHistorySessionStore());
@@ -74,6 +74,7 @@ const { generateSession, generateSessionDebug } = useHistorySessionStore();
 const { historySession, currentSelectedSession, isSelectedAll, selectedSessionIds } = storeToRefs(useHistorySessionStore());
 const { app, appList } = storeToRefs(useSessionStore());
 const themeStore = useChangeThemeStore();
+const tmpConversationId = ref('');
 const props = defineProps({
   flowId: {
     default: '',
@@ -111,8 +112,10 @@ const handleSendMessage = async (groupId: string | undefined, question: string,
   const len = conversationList.value.length;
   if (len > 0 && !(conversationList.value[len - 1] as RobotConversationItem).isFinish) return;
   dialogueInput.value = '';
-  if (!currentSelectedSession.value) {
-    await generateSessionDebug({ debug: true });
+  // console.log(!currentSelectedSession.value, 'currentSelectedSession')
+  if (!tmpConversationId.value) {
+    const res = await generateSessionDebug({ debug: true });
+    tmpConversationId.value = res || 1;
   }
   await sendQuestion(groupId, question, [props.appId], undefined, undefined, props.flowId, undefined, true);
 };
@@ -138,6 +141,7 @@ const handleKeydown = (event: KeyboardEvent) => {
 
 const handleCloseDebugDialog = () => {
   testFlag.value = false
+  stopDebug();
   delChat();
   props.handleDebugDialogOps(false);
 };
diff --git a/src/views/createapp/index.vue b/src/views/createapp/index.vue
index 461a8de..bf2635a 100644
--- a/src/views/createapp/index.vue
+++ b/src/views/createapp/index.vue
@@ -199,7 +199,7 @@ const handleJumperAppCenter = () => {
       >
       <el-button :disabled="true">预览</el-button>
       <el-tooltip :disabled="publishValidate" content="需要当前应用中所有工作流调试成功才能发布应用" placement="top">
-        <!-- 需要多一层，不然影响当前 -->
+        <!-- 需要多一层，不然影响当前 :disabled="!publishValidate"-->
         <div>
           <el-button type="primary" :disabled="!publishValidate" @click="handlePulishApp()">发布</el-button>
         </div>
diff --git a/src/views/dialogue/Copilot.vue b/src/views/dialogue/Copilot.vue
index ff37da2..2f612d6 100644
--- a/src/views/dialogue/Copilot.vue
+++ b/src/views/dialogue/Copilot.vue
@@ -9,7 +9,10 @@ import { storeToRefs } from 'pinia';
 import { useRouter, useRoute } from 'vue-router';
 import { useSessionStore, useAccountStore } from 'src/store';
 
+import { api } from 'src/apis';
+
 const router = useRouter();
+const route = useRoute();
 const { updateAgreement } = useAccountStore();
 const { app } = storeToRefs(useSessionStore());
 const dialogVisible = ref(false);
@@ -20,6 +23,18 @@ const agreement = ref<string>('');
 const tip = ref<string>('');
 // 协议版本
 const agreementVersion = ref<string>(ARGEEMENT_VERSION);
+const createAppForm = ref({
+  icon: '',
+  name: '',
+  description: '',
+  links: [],
+  recommendedQuestions: [],
+  dialogRounds: 3,
+  permission: {
+    visibility: 'private',
+    authorizedUsers: [],
+  },
+});
 /**
  * 读取协议
  */
@@ -28,6 +43,38 @@ const readAgreement = async () => {
   agreement.value = marked.parse(response.default) as string;
 };
 
+watch(
+  () => router,
+  () => {
+  const currRoute = router.currentRoute;
+  if (currRoute.value.query.appId) {
+    // 判断是否编辑--是否需要查询回显数据
+    api
+      .querySingleAppData({
+        id: route.query?.appId as string,
+      })
+      .then(res => {
+        const appInfo = res?.[1]?.result;
+        if (appInfo) {
+          createAppForm.value = {
+            icon: appInfo?.icon,
+            name: appInfo?.name,
+            description: appInfo?.description,
+            links: appInfo?.links?.map(item => item.url),
+            recommendedQuestions: appInfo?.recommendedQuestions,
+            dialogRounds: appInfo?.dialogRounds,
+            permission: {
+              visibility: appInfo?.permission?.visibility,
+              authorizedUsers: appInfo?.permission?.authorizedUsers,
+            },
+          };
+        }
+      });
+    }
+  },
+  { deep: true, immediate: true },
+);
+
 /**
  * 处理服务协议是否显示
  * @param CheckedVersion
@@ -61,7 +108,7 @@ onMounted(async() => {
   <div class="copilot-container" :class="qiankunWindow.__POWERED_BY_QIANKUN__ ? 'micro-copilot-container' : ''">
     <div class="copilot-container-main">
       <DialogueAside />
-      <DialogueSession/>
+      <DialogueSession :createAppForm="createAppForm"/>
     </div>
   </div>
 
diff --git a/src/views/dialogue/components/DialogueAside.vue b/src/views/dialogue/components/DialogueAside.vue
index 724e2e5..5ad5889 100644
--- a/src/views/dialogue/components/DialogueAside.vue
+++ b/src/views/dialogue/components/DialogueAside.vue
@@ -243,22 +243,48 @@ function ensureAppAtFirstPosition() {
 
 onMounted(async() => {
   //获取 top5 list 
-  const [_, res] = await api.getTopFiveApp(5);
-  if(_ && res){
+  // const [_, res] = await api.getTopFiveApp(5);
+  // if (res?.result) {
+  //   appList.value = res.result.applications;
+  //   apps.value = res.result.applications;
+  // }
+  // // if(_ && res){
+  // //   appList.value = res.result.applications;
+  // //   apps.value = res.result.applications;
+  // // }
+  // // else {
+  // //   appList.value = apps.value;
+  // // }
+  // if(app.value.appId){
+  //   selectedAppId.value = app.value.appId;
+  // }
+});
+
+const getAppsValue = async () => {
+//获取 top5 list 
+const [_, res] = await api.getTopFiveApp(5);
+  if (res?.result) {
     appList.value = res.result.applications;
+    apps.value = res.result.applications;
   }
-  else {
-    appList.value = apps.value;
-  }
+  // if(_ && res){
+  //   appList.value = res.result.applications;
+  //   apps.value = res.result.applications;
+  // }
+  // else {
+  //   appList.value = apps.value;
+  // }
   if(app.value.appId){
     selectedAppId.value = app.value.appId;
   }
-});
+  
+  ensureAppAtFirstPosition();
+}
 
 watch(
   () => app,
   () => {
-    ensureAppAtFirstPosition();
+    getAppsValue();
   },
   {
     immediate: true,
diff --git a/src/views/dialogue/components/DialogueSession.vue b/src/views/dialogue/components/DialogueSession.vue
index 28b1ec2..31b48dd 100644
--- a/src/views/dialogue/components/DialogueSession.vue
+++ b/src/views/dialogue/components/DialogueSession.vue
@@ -24,7 +24,9 @@ export interface DialogueSession {
 }
 
 const props = withDefaults(defineProps<DialogueSession>(), {});
-
+// const props = withDefaults(defineProps<{
+//     createAppForm: any,
+// }>(), {});
 enum SupportMap {
   support = 1,
   against = 0,
@@ -33,6 +35,7 @@ enum SupportMap {
 const { pausedStream} = useSessionStore();
 const themeStore = useChangeThemeStore();
 const isCreateApp = ref(props?.isCreateApp);
+// const isCreateApp = ref(true);
 const questions = [
   {
     groupId: 0,
@@ -577,10 +580,14 @@ const clearSuggestion = (index: number): void => {
 onMounted(() => {
   // 全局数据初始化
   // getMode();
+  // isCreateApp.value = props.isCreateApp;
   if (!inputRef.value) return;
   inputRef.value.focus();
 });
 
+watch(() => props.createAppForm, () => {
+}, {deep: true, immediate: true})
+
 watch(selectMode, (newValue, oldValue) => {
   user_selected_app.value = [];
   let first = true;
diff --git a/src/views/dialogue/components/InterPreview.vue b/src/views/dialogue/components/InterPreview.vue
index b6709c9..5944c56 100644
--- a/src/views/dialogue/components/InterPreview.vue
+++ b/src/views/dialogue/components/InterPreview.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="interPreviewBox">
-    <div v-if="interPreviewInfo.name.length" class="preTop">
+    <div v-if="interPreviewInfo?.name?.length" class="preTop">
       <div class="preTopContent">
         <img src="@/assets/images/preTitleIcon.png" class="preTitleIcon" />
         <div class="preMainAppName">
@@ -80,8 +80,9 @@ watch(
   () => props.createAppForm,
   (newValue, oldValue) => {
     interPreviewInfo.value = props.createAppForm;
-    connnectLinkList.value = props.createAppForm.links.filter(item => item.length);
-    recommendQuestionList.value = props.createAppForm.recommendedQuestions.filter(item => item.length);
+    console.log(props.createAppForm, 'props.createAppForm')
+    connnectLinkList.value = props.createAppForm?.links?.filter(item => item.length);
+    recommendQuestionList.value = props.createAppForm?.recommendedQuestions?.filter(item => item.length);
   },
   {
     immediate: true,
diff --git a/src/views/dialogue/dialogueView.vue b/src/views/dialogue/dialogueView.vue
index 832a94d..4860212 100644
--- a/src/views/dialogue/dialogueView.vue
+++ b/src/views/dialogue/dialogueView.vue
@@ -211,7 +211,7 @@ watch(
 );
 
 const addNewSession = async (routerName: string) => {
-  if (router.currentRoute.value.name === routerName) {
+  if (routerName === 'dialogue') {
     await createNewSession();
   }
 };
@@ -247,7 +247,7 @@ watch(
       appId: String(currRoute.value.query.appId),
       name: String(currRoute.value.query.name),
     };
-  }
+    }
   },
   { deep: true, immediate: true },
 );
-- 
Gitee