diff --git a/src/apis/paths/knowledge.ts b/src/apis/paths/knowledge.ts
index 1a3421840fc8fd28fd3053a93b888e8dbca0f93d..d59c477bf95a35b551387c04b0418665784a68f9 100644
--- a/src/apis/paths/knowledge.ts
+++ b/src/apis/paths/knowledge.ts
@@ -10,23 +10,6 @@
 import { get, post } from 'src/apis/server';
 import type { FcResponse } from 'src/apis/server';
 
-/**
- * 验证用户信息
- * @returns
- */
-export const getKnowledgeList = (): Promise<
-  [
-    any,
-    (
-      | FcResponse<{
-        }>
-      | undefined
-    )
-  ]
-> => {
-  return get('/api/knowledge');
-};
-
 /**
  * USER登录
  * @returns
@@ -45,10 +28,7 @@ export const updateKnowledgeList = (params: {
   > => {
     return post('/api/knowledge', params);
   };
-  
-
 
 export const knowledgeApi = {
-    getKnowledgeList,
     updateKnowledgeList,
 };
diff --git a/src/assets/styles/theme.scss b/src/assets/styles/theme.scss
index 3156f92477133568703e345adb5f8b26f2ef30bb..ec12a6c1c66ee826f461415559b185c1f2aed13e 100644
--- a/src/assets/styles/theme.scss
+++ b/src/assets/styles/theme.scss
@@ -25,6 +25,7 @@ body[theme='dark'] {
   --o-think-border:#8d98aa;
   --o-think-header-bg:#2a2f37;
   --o-think-header-text:#e4e8ee;
+  --el-drawer-bg-color:#000000;
 }
 
 body[theme='light'] {
@@ -54,4 +55,6 @@ body[theme='light'] {
   --o-think-header-text:#8d98aa;
   --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-content-bg: rgb(244,246,250,0.5);
 }
diff --git a/src/components/Upload/index.vue b/src/components/Upload/index.vue
index e5b847036468a1e8ef5f685009d91a1c053f3587..32e10ec6c0142fd5fd6b4e556f93cacddb3efac2 100644
--- a/src/components/Upload/index.vue
+++ b/src/components/Upload/index.vue
@@ -2,11 +2,11 @@
 import { ElMessage } from 'element-plus';
 import { ref, watch } from 'vue';
 import * as jsYaml from 'js-yaml';
-import { IconUpload, IconVisible, IconDelete } from '@computing/opendesign-icons';
+import { IconUpload, IconVisible, IconDelete, IconCaretRight } from '@computing/opendesign-icons';
 import type { UploadFile, ElUploadProgressEvent, ElFile } from 'element-plus/es/components/upload/src/upload.type';
 import { Codemirror } from 'vue-codemirror';
 import { api } from 'src/apis';
-import { IconChevronDown } from '@computing/opendesign-icons';
+import { successMsg } from 'src/components/Message';
 
 const handleCreateapi = () => {
   api
@@ -68,8 +68,14 @@ const handleEditClose = () => {
 
 const handleEdit = () => {
   //edit数据
+  successMsg('可编辑');
   editable.value = true;
 };
+const data = [
+  {path:'212121',description:"23213123"},
+  {path:'ndie',description:"23213123"},
+  {path:'nidanide1',description:"23213123"},
+]
 
 const uploadtype = ref(props.type);
 const getServiceYaml = ref('');
@@ -251,14 +257,20 @@ watch(
         <template #title>
           <span>{{ item.name }}</span>
           <!-- 这里接口返回的需要限制最大位数 -->
-          <el-icon class="el-collapse-item__arrow">
-            <IconChevronDown></IconChevronDown>
+          <el-icon class="el-collapse-item__arrow" >
+            <IconCaretRight></IconCaretRight>
           </el-icon>
         </template>
         <div class="o-collapse-content">
           <div class="itemTitle">
-            <div class="subName">{{ item.path }}</div>
-            <div class="subName">{{ item.description }}</div>
+            <div class="subName">
+              <span>接口路径</span>
+              <span>{{ item.path }}</span>
+            </div>
+            <div class="subName">
+              <span>接口描述</span>
+              <span>{{ item.description }}</span>
+            </div>
           </div>
         </div>
       </el-collapse-item>
@@ -386,4 +398,26 @@ watch(
   right: 8px;
   bottom: 8px;
 }
+
+.json-container {
+  :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;
+  }
+  :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;
+  }
+}
+
+.o-collapse-content{
+  .subName{
+    span:first-child{
+      margin-right: 16px;
+      color:var(--o-font-size-subtitle);
+    }
+  }
+}
 </style>
diff --git a/src/components/dialoguePanel/DialoguePanel.vue b/src/components/dialoguePanel/DialoguePanel.vue
index e50b9f4ba26437de2a1e5e5afab5c1c7cd80a8a8..6abe12fad9ca11cfb76c01a27f8588876cd1e568 100644
--- a/src/components/dialoguePanel/DialoguePanel.vue
+++ b/src/components/dialoguePanel/DialoguePanel.vue
@@ -397,12 +397,6 @@ const selectQuestion = (item:Suggest) => {
   
 };
 
-// const selectQuestion = (item:object) => {
-//   let question = item.question;
-//   let user_selected_flow = item.flow;
-//   emits('handleSendMessage',question,user_selected_flow);
-// };
-
 const popperSize = () => {
   if(language.value == "EN"){
     size.width = 418;
diff --git a/src/store/conversation.ts b/src/store/conversation.ts
index 9057a9defb5afe9553276dfca69662f4a1a6f5a5..1d62d6eeae75fc46ee29016417b2970ad600438a 100644
--- a/src/store/conversation.ts
+++ b/src/store/conversation.ts
@@ -315,7 +315,7 @@ export const useSessionStore = defineStore('conversation', () => {
                 target.data.output = message.content
                 target.status = message.flow?.stepStatus;
                 // 工作流添加每阶段的时间耗时
-                target['costTime'] = message.time_cost;
+                target['costTime'] = message.metadata?.time_cost;
                 if(message.flow.step_status === "error"){
                   conversationItem.flowdata.status = message.flow?.stepStatus;
                 }
diff --git a/src/views/api/index.vue b/src/views/api/index.vue
index 185171b8896638f936373dd56583b38128da34d0..757a8432b481509b9f841b8aae010aee64522c7a 100644
--- a/src/views/api/index.vue
+++ b/src/views/api/index.vue
@@ -69,31 +69,23 @@
             </div>
           </div>
         </div>
-        
         <div class="appCenterNoData" v-else>
           <div class="noDataIcon"></div>
           <div class="desc">暂无数据</div>
         </div>
-        <el-pagination
-        v-if="totalCount >= 16"
-        v-model:current-page="currentPage"
-        v-model:page-size="currentPageSize"
-        :page-sizes="pagination.pageSizes"
-        :layout="pagination.layout"
-        :total="totalCount"
-        popper-class="appPagination"
-        @change="handleChangePage"
-      />
       </div>
     </div>
     <el-drawer
       class="el-drawer"
       v-model="drawer"
       :title="actionName"
+      show-close="false"
+      header-class="drawerHeader"
       destory-on-close="true"
       :direction="direction"
       :before-close="handleClose"
     >
+    <div class="drawerContent">
       <div v-if="actions === 'upload'">
         <Upload type="upload" @closeDrawer="handleClose" :serviceId="selectedServiceId" />
       </div>
@@ -103,8 +95,20 @@
       <div v-if="actions === 'edit'">
         <Upload type="edit" @closeDrawer="handleClose" :serviceId="selectedServiceId" :getServiceYaml="getServiceYaml"/>
       </div>
+    </div>
     </el-drawer>
   </div>
+  <el-pagination
+        class="pagination" 
+        v-if="totalCount >= 16" 
+        v-model:current-page="currentPage"
+        v-model:page-size="currentPageSize"
+        :page-sizes="pagination.pageSizes"
+        :layout="pagination.layout"
+        :total="totalCount"
+        popper-class="appPagination"
+        @change="handleChangePage"
+      />
 </template>
 <script setup lang="ts">
 import { IconCaretDown, IconSearch, IconFavorite, IconUnfavorite } from '@computing/opendesign-icons';
@@ -121,7 +125,7 @@ import { useAccountStore } from 'src/store';
 import { storeToRefs } from 'pinia';
 import * as jsYaml from 'js-yaml';
 
-const apiList = ref([1, 2, 3, 4, 5, 6, 7, 8, 9, 10]);
+const apiList = ref([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20]);
 const drawer = ref(false);
 const direction = ref('rtl');
 const actionName = ref('');
@@ -283,9 +287,29 @@ onMounted(() => {
 });
 </script>
 <style lang="scss" scoped>
+.pagination{
+  display: flex !important;
+  justify-self: center !important;
+}
+.drawerHeader{
+  color: pink;
+  margin-bottom: 0px !important;
+}
+.drawerContent{
+  overflow-y: auto;
+  height: calc(100% - 32px);
+}
 .el-drawer {
   margin: 0px;
   padding: 0px;
+  background-color: pink !important;
+  &::v-deep(.el-drawer__header) {
+    margin-bottom: 0px !important;
+  }
+  .el-drawer__header{
+    color: pink;
+    margin-bottom: 0px !important;
+  }
 }
 .apiCenterCardSingle {
   position: relative;
@@ -326,4 +350,30 @@ img {
   width: 100%;
   max-width: 430px;
 }
+.el-drawer__header {
+    padding: 24px 24px 16px;
+    margin-bottom: 0px;
+    .drawerHeader {
+      width: 100%;
+      height: 24px;
+      line-height: 24px;
+      color: var(--o-text-color-primary);
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
+  .el-drawer__body {
+    padding: 0px 24px 16px;
+    .drawerBody {
+      height: 100%;
+      textarea {
+        width: 100%;
+        height: 100%;
+      }
+    }
+  }
+:deep(.el-drawer__header){
+  margin-bottom: 0px !important;
+}
 </style>
diff --git a/src/views/api/style.scss b/src/views/api/style.scss
index 749fa9c9d448f29215bf3006917651c2ef793665..d5f1bf2f2f12d0fcf9cdc5855fdd9f7c258e04a0 100644
--- a/src/views/api/style.scss
+++ b/src/views/api/style.scss
@@ -59,14 +59,17 @@
     .apiCenterCardContainer {
       padding-top: 16px;
       max-width: 1336px;
-      max-height: calc(100vh - 327px);
-      overflow-y: scroll;
+      max-height: calc(100vh - 370px);
+      min-height: calc(100vh - 370px);
+      min-width: 1336px;
+      overflow-y: hidden;
       .apiCenterCardBox {
         width: fit-content;
         display: flex;
         flex-wrap: wrap;
         box-sizing: border-box;
         gap: 16px;
+        min-width: 1336px;
         .apiCenterCardSingle {
           box-sizing: border-box;
           border: 1px solid transparent;
@@ -186,7 +189,7 @@
       }
     }
 
-    .el-pagination {
+    :deep(.el-pagination) {
       margin-top: 16px;
       .el-select__wrapier {
         background-color: transparent;
diff --git a/src/views/createapp/components/appConfig.vue b/src/views/createapp/components/appConfig.vue
index b39a3ff5822c25928c809870ed93110bcb214f9b..04d25b770fa1fe1a1f0a7c960054716f395a3d1c 100644
--- a/src/views/createapp/components/appConfig.vue
+++ b/src/views/createapp/components/appConfig.vue
@@ -42,6 +42,7 @@ const permissionTypeList = [
     value: 'protected',
   },
 ];
+const base64Image: any = ref('');
 const permissionList = ref([]);
 const curPersonList = ref([]);
 const publishStatus = ref(false);
@@ -78,9 +79,22 @@ const searchPerson = () => {
   curPersonList.value = permissionList.value.filter(item => item?.userName?.toLowerCase()?.includes(searchName.value));
 };
 const handleAvatarSuccess = (res, file) => {
-  createAppForm.value.icon = URL.createObjectURL(file.raw);
+  convertToBase64(file.raw);
 };
 
+// 转为base64-仅限小图标，后续请改为上传图片接口
+const convertToBase64 = file => {
+  const reader = new FileReader();
+  reader.onload = e => {
+    base64Image.value = e.target?.result;
+  };
+  reader.readAsDataURL(file);
+};
+
+watch(() => base64Image.value, () => {
+  createAppForm.value.icon = base64Image.value;
+})
+
 watch(
   () => publishStatus.value,
   () => {
@@ -138,7 +152,7 @@ watch(
   async () => {
     if (createAppFormRef.value && props.handleValidateContent) {
       const formBalidate = await validateForm();
-      props.handleValidateContent(!formBalidate);
+      props.handleValidateContent(formBalidate);
     }
   },
   { deep: true, immediate: true },
diff --git a/src/views/createapp/components/codeMirror/nodeMirrorText.vue b/src/views/createapp/components/codeMirror/nodeMirrorText.vue
index e72724d1645cbb8f87735f7707b19e0e9ca64ae1..ba8073c0653b38401141036af90371e0c3fcab3b 100644
--- a/src/views/createapp/components/codeMirror/nodeMirrorText.vue
+++ b/src/views/createapp/components/codeMirror/nodeMirrorText.vue
@@ -5,7 +5,7 @@
     <el-collapse-item v-for="(item, index) in resultInfo.infoList" :key="index" :name="item.id">
       <template #title>
         <span class="icon" :class="`${resultInfo.status}Icon`"></span>
-        <span>{{ item.title }}</span>
+        <span>{{ resultInfo.title }}</span>
         <!-- 这里接口返回的需要限制最大位数 -->
         <span class="time" :class="`${resultInfo.status}Bg`" v-if="resultInfo.time">{{ resultInfo.time }}</span>
         <span class="flexRight">展开结果</span>
@@ -51,10 +51,10 @@ const nodeResult = ref();
 const resultInfo = ref({
   time: '3.1s',
   status: '', // 成功/失败/运行中三种状态
+  title: '运行成功',
   infoList: [
     {
       id: '1',
-      title: '运行成功',
       desc: [
         // 定义的假数据，后期由接口获取
         {
@@ -75,7 +75,7 @@ watch(
   () => {
     resultInfo.value.status = props.status;
     // 目前props.status只有success、error、running三种
-    resultInfo.value.infoList[0].title = StatusInfoTitle[props.status];
+    resultInfo.value.title = StatusInfoTitle[props.status];
     if (props?.inputAndOutput) {
 
       resultInfo.value.time = props.inputAndOutput.input_parameters.timeout ?? 0;
diff --git a/src/views/createapp/components/workFlow.vue b/src/views/createapp/components/workFlow.vue
index ae8ba3fafb7c96b2d63ee531654fa48cd33987b6..870da45017645ef36b665285f88275ba607064d3 100644
--- a/src/views/createapp/components/workFlow.vue
+++ b/src/views/createapp/components/workFlow.vue
@@ -42,7 +42,7 @@ const apiServiceList = ref([]);
 const allApiServiceList = ref([]);
 const yamlContent = ref();
 const nodeYamlId = ref();
-const emits = defineEmits(['validateConnect']);
+const emits = defineEmits(['validateConnect', 'updateFlowsDebug']);
 const route = useRoute();
 const workFlowList = ref([]);
 const props = defineProps(['flowList']);
@@ -80,7 +80,7 @@ const { onDragOver, onDrop, onDragLeave, onDragStart } = useDragAndDrop();
 // 这里是初始化的开始结束的节点
 const initNodes = ref([
   {
-    id: 'node1',
+    id: 'start',
     type: 'start',
     data: {
       name: '开始',
@@ -92,7 +92,7 @@ const initNodes = ref([
     position: { x: 100, y: 160 },
   },
   {
-    id: 'node2',
+    id: 'end',
     type: 'end',
     data: {
       name: '结束',
@@ -267,6 +267,11 @@ const searchApiList = () => {
 };
 
 const handleDebugDialogOps = (visible) => {
+  
+  // 这里将对应的保存
+  if (visible) {
+    saveFlow();
+  }
   debugDialogVisible.value = visible;
   // 调试弹窗关闭时---结果清空
   debugStatus.value = '';
@@ -276,7 +281,6 @@ const handleDebugDialogOps = (visible) => {
   })
   // 调试弹窗关闭时---需要将边状态清空
   getEdges.value.forEach(edge => {
-    console.log(edge, 'ecge')
     // 更新节点的起源与终点
     updateEdgeData(edge.id, {targetStatus: 'default'})
     updateEdgeData(edge.id, {sourceStatus: 'default'})
@@ -340,6 +344,8 @@ const queryFlow = (deal: string) => {
               choiceFlowId(workFlowList.value[0]);
             }
           }
+          // 更新当前publish状态
+          emits('updateFlowsDebug');
         }
       });
   }
@@ -395,6 +401,8 @@ const redrageFlow = (nodesList, edgesList) => {
         name: node.name,
         description: node.description,
         parameters: node.parameters,
+        nodeMetaDataId: node.nodeMetaDataId,
+        serviceId: node.serviceId,
       },
       position: node.position,
       deletable: true,
@@ -441,6 +449,7 @@ $bus.on('getNodesStatue', lines => {
         totalTime.value = 0;
         debugTime.value = '';
         debugStatus.value = newLines.data.flow?.stepStatus;
+        updateNodeFunc('start', 'success', '')
       }
       
       // 这里判断是否有调试状态的值，无值不处理
@@ -452,13 +461,15 @@ $bus.on('getNodesStatue', lines => {
           // output-节点运行结束时，获取节点运行的耗时
           let constTime = '';
           if (newLines.data.event === 'step.output') {
-            totalTime.value += newLines.data?.time_cost;
-            constTime = `${newLines.data?.time_cost?.toFixed(3)}s`
+            totalTime.value += newLines.data?.metadata?.time_cost;
+            constTime = `${newLines.data?.metadata?.time_cost?.toFixed(3)}s`
           }
           updateNodeFunc(newLines.data.flow.stepId, newLines.data.flow?.stepStatus, constTime);
       } else if (newLines?.data?.event === 'flow.stop') {
         debugStatus.value = newLines.data.flow?.stepStatus;
         debugTime.value = `${totalTime.value.toFixed(3)}s`
+        // 最后更新-调用一下接口
+        emits('updateFlowsDebug')
       } else {
         // do nothing
       }
@@ -503,6 +514,7 @@ const saveFlow = (updateNodeParameter?) => {
       position: item.position,
       apiId: item.data.nodeMetaDataId,
       serviceId: item.data.serviceId,
+      nodeMetaDataId: item.data.nodeMetaDataId,
       nodeId: item.id,
       ...item.data,
     };
@@ -548,7 +560,6 @@ const saveFlow = (updateNodeParameter?) => {
       }
     });
   }
-  // return;
   // 更新最新的节点与边的数据
   api
     .createOrUpdateFlowTopology(
@@ -779,10 +790,6 @@ defineExpose({
   ></EditYamlDrawer>
 </template>
 <style lang="scss">
-// @keyframes spin {
-//   0% {transform: rotate(0deg);}
-//   100% {transform: rotate(0deg);}
-// }
 .debugStatus {
   display: flex;
   height: 32px;
diff --git a/src/views/createapp/components/workFlowConfig/workFlowDialog.vue b/src/views/createapp/components/workFlowConfig/workFlowDialog.vue
index 8564ce75bf488b53065e357c14fbac6b61280bc5..0e4b34182b4da479a44a7d9e70c78a230e2e8ca5 100644
--- a/src/views/createapp/components/workFlowConfig/workFlowDialog.vue
+++ b/src/views/createapp/components/workFlowConfig/workFlowDialog.vue
@@ -92,13 +92,14 @@ const handleSubmit = (formEl: FormInstance | undefined) => {
               nodes: [
                 {
                   apiId: 'startId',
+                  nodeMetaDataId: 'start',
+                  serviceId: 'start',
                   name: '开始',
-                  serviceId: 'startService',
                   type: 'start',
                   description: 'startNode',
                   editable: false,
                   enable: true,
-                  nodeId: 'node1',
+                  nodeId: 'start',
                   position: {
                     x: 100,
                     y: 160,
@@ -106,13 +107,14 @@ const handleSubmit = (formEl: FormInstance | undefined) => {
                 },
                 {
                   apiId: 'endId',
+                  nodeMetaDataId: 'end',
+                  serviceId: 'end',
                   name: '结束',
-                  serviceId: 'endService',
                   type: 'end',
                   description: 'endNode',
                   editable: false,
                   enable: true,
-                  nodeId: 'node2',
+                  nodeId: 'end',
                   position: {
                     x: 600,
                     y: 160,
diff --git a/src/views/createapp/components/workFlowConfig/yamlEditDrawer.vue b/src/views/createapp/components/workFlowConfig/yamlEditDrawer.vue
index 79aff4d55d0958673d2c3be7e4b353eac66ea01d..8e5052f5c74adbcde13fb10b511f5b72a3900880 100644
--- a/src/views/createapp/components/workFlowConfig/yamlEditDrawer.vue
+++ b/src/views/createapp/components/workFlowConfig/yamlEditDrawer.vue
@@ -92,13 +92,13 @@ const updateNodeYaml = () => {
   let transResult;
   try {
     transResult = yaml.load(yamlExpress.value[0].yamlCode);
-  } catch(error) {
+    // 调用接口并更新
+    emits('saveNode', transResult, props.nodeYamlId);
+    closeDrawer();
+  } catch (error) {
     ElMessage.error('请检查格式是否正确');
   }
-  // 调用接口并更新
-  emits('saveNode', transResult, props.nodeYamlId);
-  closeDrawer();
-}
+};
 </script>
 
 <style lang="scss">
diff --git a/src/views/createapp/index.vue b/src/views/createapp/index.vue
index 8c1ccdff440b250b7b422bd8f23937acc487f3a7..461a8dec33b7ef9fe72968f02c0498b708431584 100644
--- a/src/views/createapp/index.vue
+++ b/src/views/createapp/index.vue
@@ -12,8 +12,8 @@ import { IconSuccess,  IconRemind} from '@computing/opendesign-icons';
 const router = useRouter();
 const route = useRoute();
 const publishStatus = ref('未发布');
-const publishValidate = ref(true);
-const appFormValidate = ref(true);
+const publishValidate = ref(false);
+const appFormValidate = ref(false);
 const createAppType = ref('appConfig');
 const appConfigRef = ref();
 const workFlowRef = ref();
@@ -42,19 +42,39 @@ const handlePulishApp = () => {
 
 const handleValidateContent = valid => {
   appFormValidate.value = valid;
-  // console.log(appFormValidate.value, 'value')
 };
 
 // 获取工作流组件中的节点连接状态校验
 const validateConnect = valid => {
-  publishValidate.value = !valid;
+  // publishValidate.value = !valid;
 };
 
+// 获取当前的应用中的各flowsDebug的情况
+const updateFlowsDebug = () => {
+  api.querySingleAppData({
+        id: route.query?.appId as string,
+      })
+      .then(res => {
+        if (res?.[1]?.result) {
+          const flowDataList = res?.[1]?.result?.workflows || [];
+          judgeAppFlowsDebug(flowDataList);
+        }
+      })
+}
+
 // 获取工作流列表
 const getFlowList = flowDataList => {
   flowList.value = flowDataList;
+  judgeAppFlowsDebug(flowDataList)
 };
 
+const judgeAppFlowsDebug = (flowDataList) => {
+  // 判断应用下的所有工作流当前是否debug通过
+  const flowsDebug = flowDataList.every(item => item?.debug);
+  // 初始化时，获取发布的校验结果---必须有工作流且所有工作流必须debug通过
+  publishValidate.value = flowDataList?.length > 0 && flowsDebug;
+}
+
 // 保存按钮
 const saveConfigOrFlow = () => {
   if (createAppType.value === 'appConfig') {
@@ -122,7 +142,9 @@ const handleJumperAppCenter = () => {
           <span>/</span>
           <span class="createAppContainerMenuText">创建应用</span>
         </div>
-        <div class="createAppContainerStatus" :class="{ debugSuccess: publishStatus === '已发布'}">{{ publishStatus }}</div>
+        <div class="createAppContainerStatus" :class="{ debugSuccess: publishStatus === '已发布' }">
+          {{ publishStatus }}
+        </div>
       </div>
       <div class="createAppContainerType">
         <div
@@ -131,34 +153,57 @@ const handleJumperAppCenter = () => {
           @click="handleChangeAppType('appConfig')"
         >
           <div>界面配置</div>
-          <el-icon class="warningRemind" v-if="appFormValidate">
-            <IconRemind />
-          </el-icon>
-          
-          <el-icon v-else>
+
+          <el-icon v-if="appFormValidate">
             <IconSuccess />
           </el-icon>
+          <el-icon v-else class="warningRemind">
+            <IconRemind />
+          </el-icon>
         </div>
         <div
           class="createAppBtn"
           :class="{ createAppBtnActive: createAppType !== 'appConfig' }"
           @click="handleChangeAppType('workFlow')"
         >
-          工作流编排<span>{{ flowValid }}</span>
+          <div>工作流编排</div>
+          <el-icon v-if="publishValidate">
+            <IconSuccess />
+          </el-icon>
+          <el-icon v-else class="warningRemind">
+            <IconRemind />
+          </el-icon>
         </div>
       </div>
     </div>
     <div class="createAppContainerMain" v-show="createAppType === 'appConfig'">
-      <AppConfig :handleValidateContent="handleValidateContent" @getFlowList="getFlowList" @getPublishStatus="getPublishStatus" ref="appConfigRef" />
+      <AppConfig
+        :handleValidateContent="handleValidateContent"
+        @getFlowList="getFlowList"
+        @getPublishStatus="getPublishStatus"
+        ref="appConfigRef"
+      />
     </div>
     <div class="createWorkFlowContainerMain" v-show="createAppType !== 'appConfig'">
-      <WorkFlow @validateConnect="validateConnect" :flowList="flowList" ref="workFlowRef" />
+      <WorkFlow
+        @validateConnect="validateConnect"
+        @updateFlowsDebug="updateFlowsDebug"
+        :flowList="flowList"
+        ref="workFlowRef"
+      />
     </div>
     <div class="createAppContainerFooter">
       <el-button @click="handleJumperAppCenter">取消</el-button>
-      <el-button @click="saveConfigOrFlow" :disabled="createAppType === 'appConfig' ? appFormValidate : false">保存</el-button>
+      <el-button @click="saveConfigOrFlow" :disabled="createAppType === 'appConfig' ? !appFormValidate : false"
+        >保存</el-button
+      >
       <el-button :disabled="true">预览</el-button>
-      <el-button type="primary" @click="handlePulishApp()">发布</el-button>
+      <el-tooltip :disabled="publishValidate" content="需要当前应用中所有工作流调试成功才能发布应用" placement="top">
+        <!-- 需要多一层，不然影响当前 -->
+        <div>
+          <el-button type="primary" :disabled="!publishValidate" @click="handlePulishApp()">发布</el-button>
+        </div>
+      </el-tooltip>
     </div>
   </div>
 </template>
diff --git a/src/views/dialogue/components/DialogueSession.vue b/src/views/dialogue/components/DialogueSession.vue
index 876a762b95e77805f5417674fabae90dffdcf4a8..28b1ec2200032abf45dc94e0baabf290e8e70efc 100644
--- a/src/views/dialogue/components/DialogueSession.vue
+++ b/src/views/dialogue/components/DialogueSession.vue
@@ -581,16 +581,6 @@ onMounted(() => {
   inputRef.value.focus();
 });
 
-watch(
-  () => props,
-  () => {
-    modeOptions.value = props.modeOptions;
-  },
-  {
-    deep: true,
-  },
-);
-
 watch(selectMode, (newValue, oldValue) => {
   user_selected_app.value = [];
   let first = true;
@@ -643,6 +633,9 @@ watch(selectMode, (newValue, oldValue) => {
     }
   });
 });
+const selectQuestion = (val: any) => {
+  dialogueInput.value = val;
+}
 /**
  * 暂停和重新生成问答
  */
@@ -686,7 +679,7 @@ const handlePauseAndReGenerate = (cid?: number) => {
           @clearSuggestion="clearSuggestion(index)"
         />
         <div v-if="conversationList.length === 0">
-          <InitalPanel />
+          <InitalPanel @selectQuestion="selectQuestion" />
         </div>
       </div>
       <div class="dialogue-interPreview-main" v-else>
diff --git a/src/views/dialogue/components/InitalPanel.vue b/src/views/dialogue/components/InitalPanel.vue
index 7ba4725bd1f168bcb39f530e8d6bc2735148a280..e103f9574d09b54829ca64a4e3a577d603af89f4 100644
--- a/src/views/dialogue/components/InitalPanel.vue
+++ b/src/views/dialogue/components/InitalPanel.vue
@@ -7,10 +7,10 @@ import router from 'src/router';
 const themeStore = useChangeThemeStore();
 import { useRoute } from 'vue-router';
 import { api } from 'src/apis';
+import { emit } from 'process';
 
 const route = useRoute();
-const appName = ref()
-
+const appName = ref();
 const questions = [
   {
     groupId: 0,
@@ -44,6 +44,11 @@ const questions = [
   },
 ];
 
+const emit = defineEmits(['selectQuestion']);
+
+const selectQuestions = (event) => {
+  emit('selectQuestion', event.target.innerText);
+}
 const routerToAppCenter = () => {
   router.push('/app');
 };
@@ -95,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>
-              {{ $t('question.' + item.question) }}
+              <span @click="selectQuestions">{{ $t('question.' + item.question) }}</span>
             </li>
           </ul>
         </div>
@@ -165,13 +170,13 @@ onMounted(() => {
   margin-top: 16px;
   li {
     margin-bottom: 16px;
-    span {
-      margin-right: 3px;
-    }
     .blue {
       color: #5ab3ff;
     }
   }
+  .question-number{
+    margin-right: 8px;
+  }
 }
 
 .container {
diff --git a/src/views/dialogue/dialogueView.vue b/src/views/dialogue/dialogueView.vue
index eb152e4fc7497483f5004e58890e085c07db7475..7f19f854b476e4e54d809d17fcd345d83ae52fdf 100644
--- a/src/views/dialogue/dialogueView.vue
+++ b/src/views/dialogue/dialogueView.vue
@@ -182,9 +182,6 @@ onMounted(() => {
   if (localStorage.getItem('theme')) {
     document.body.setAttribute('theme', localStorage.getItem('theme') || 'light');
   }
-  api.getKnowledgeList().then(res => {
-    ruleForm.value = res;
-  });
   if (localStorage.getItem('kb_id')) {
     ruleForm.kb_id = localStorage.getItem('kb_id');
   }
diff --git a/src/views/styles/createApp.scss b/src/views/styles/createApp.scss
index 1351166cd80abe9c765046c2fb7d0d70fb3a5ac3..3e03134da7e605c9ecaf406e2d35a6298127ab35 100644
--- a/src/views/styles/createApp.scss
+++ b/src/views/styles/createApp.scss
@@ -378,3 +378,15 @@
     height: 56px;
   }
 }
+
+// .json-container {
+//   :deep(.el-collapse-item){
+//     background-color: pink !important;
+//   }
+//   :deep(.el-collapse-item__header){
+//     background-color: pink !important;
+//   }
+//   :deep(.el-collapse-item__content){
+//     background-color: pink !important;
+//   }
+// }
diff --git a/src/views/styles/workFlowArrange.scss b/src/views/styles/workFlowArrange.scss
index 909414dde25f487645fd685069e8036cd0f07843..a1cf5b3c01db0fab693963acce864ba193c21bb5 100644
--- a/src/views/styles/workFlowArrange.scss
+++ b/src/views/styles/workFlowArrange.scss
@@ -90,6 +90,7 @@
   .apiCenterBox {
     height: 100%;
     display: flex;
+    min-width: 264px;
     flex-direction: column;
     .apiCenterTitle {
       color: var(--o-text-color-primary);