diff --git a/package.json b/package.json
index cf1244b9c587f72e09c0f8fc7712c27a0ae6c45c..b5e698249b3446c795f4fc4e91caafd9a2d1c54c 100644
--- a/package.json
+++ b/package.json
@@ -20,6 +20,7 @@
     "@babel/plugin-transform-runtime": "^7.25.9",
     "@babel/preset-env": "^7.26.0",
     "@codemirror/lang-json": "^6.0.1",
+    "@codemirror/lang-yaml": "^6.1.2",
     "@codemirror/theme-one-dark": "^6.1.2",
     "@computing/opendesign-icons": "file:lib\\opendesign-icons-1.0.3.tgz",
     "@computing/opendesign2": "file:lib\\opendesign2-2.0.11.tgz",
@@ -31,6 +32,7 @@
     "echarts": "^5.5.1",
     "element-plus": "2.8.0",
     "highlight.js": "11.10.0",
+    "js-yaml": "^4.1.0",
     "marked": "4.3",
     "pinia": "2.1.6",
     "sass": "1.62.0",
diff --git a/src/views/createapp/components/codeMirror/mirrorTextArea.vue b/src/views/createapp/components/codeMirror/mirrorTextArea.vue
new file mode 100644
index 0000000000000000000000000000000000000000..36d5b0b0cb873d687accd3312a35cbfd688b347c
--- /dev/null
+++ b/src/views/createapp/components/codeMirror/mirrorTextArea.vue
@@ -0,0 +1,40 @@
+<template>
+  <codemirror
+    v-model="code"
+    ref="mycodemirror"
+    :autofocus="true"
+    :extensions="extensions"
+    :indent-with-tab="true"
+    @change="handleChange"
+    :tab-size="2"
+  />
+</template>
+<script lang="ts" setup>
+import { ref } from 'vue';
+import { Codemirror } from 'vue-codemirror';
+import { yaml } from '@codemirror/lang-yaml';
+
+const emits = defineEmits(['update:updateVal']);
+const code = ref('');
+const extensions = [yaml()];
+const handleChange = (e: string) => {
+  code.value = e;
+  emits('update:updateVal', code.value);
+};
+</script>
+<style lang="scss">
+.v-codemirror {
+  height: 100%;
+  width: 100%;
+  .cm-editor {
+    height: 100%;
+    border: 1px solid var(--o-time-text);
+    .cm-gutters {
+      background-color: var(--o-bash-bg);
+    }
+  }
+  .cm-focused {
+    outline: none;
+  }
+}
+</style>
diff --git a/src/views/createapp/components/workFlow.vue b/src/views/createapp/components/workFlow.vue
index 0e20d77d40d1b368badcf62d94340ba572fe53ed..e7b01047d194a46ec11ef9db2f0a1fdabf25fa1f 100644
--- a/src/views/createapp/components/workFlow.vue
+++ b/src/views/createapp/components/workFlow.vue
@@ -14,6 +14,8 @@ import useDragAndDrop from './workFlowConfig/useDnD';
 import WorkFlowDialog from './workFlowConfig/workFlowDialog.vue';
 import { useLayout } from './workFlowConfig/useLayout';
 import { IconSearch, IconCaretRight, IconCaretDown, IconPlusCircle } from '@computing/opendesign-icons';
+import EditYamlDrawer from './workFlowConfig/yamlEditDrawer.vue';
+
 const { t } = useI18n();
 const copilotAside = ref<HTMLElement>();
 const isCopilotAsideVisible = ref(true);
@@ -24,6 +26,7 @@ const workFlowItem = ref();
 const isAddWorkFlow = ref(false);
 const editData = ref();
 const dialogType = ref('');
+const isEditYaml = ref(false);
 const flowZoom = ref(1);
 function hanleAsideVisible(): void {
   if (!copilotAside.value) return;
@@ -132,6 +135,14 @@ const delNode = id => {
     node ? removeNodes(node) : '';
   }
 };
+// 编辑yaml
+const editYamlDrawer = id => {
+  isEditYaml.value = true;
+};
+// 关闭抽屉
+const closeDrawer = () => {
+  isEditYaml.value = false;
+};
 
 const handleZommOnScroll = () => {
   const zoomObj = getViewport();
@@ -213,7 +224,7 @@ async function layoutGraph(direction) {
         <CustomControl :handleChangeZoom="handleChangeZoom" :flowZoom="flowZoom" :layoutGraph="layoutGraph" />
         <!-- 自定义节点 -->
         <template #node-custom="customNodeProps">
-          <CustomNode v-bind="customNodeProps" @delNode="delNode"></CustomNode>
+          <CustomNode v-bind="customNodeProps" @delNode="delNode" @editYamlDrawer="editYamlDrawer"></CustomNode>
         </template>
 
         <template #node-custom-start="customNodeStartProps">
@@ -258,6 +269,7 @@ async function layoutGraph(direction) {
       @handleClose="handleClose"
     ></WorkFlowDialog>
   </div>
+  <EditYamlDrawer v-if="isEditYaml"  @closeDrawer="closeDrawer"></EditYamlDrawer>
 </template>
 <style lang="scss" scoped>
 .stancesItem {
diff --git a/src/views/createapp/components/workFlowConfig/CustomNode.vue b/src/views/createapp/components/workFlowConfig/CustomNode.vue
index 2c46dd67784f5dabf7e6c44d336d64afc43794f1..f4dc8d27220a58d4ccf4b2e1844cec49a6f3c886 100644
--- a/src/views/createapp/components/workFlowConfig/CustomNode.vue
+++ b/src/views/createapp/components/workFlowConfig/CustomNode.vue
@@ -23,7 +23,7 @@ const props = defineProps({
     required: false,
   },
 });
-const emits = defineEmits(['delNode']);
+const emits = defineEmits(['delNode', 'editYamlDrawer']);
 
 const statusList = ref(['waiting', 'success', 'error', 'default']);
 
@@ -45,6 +45,11 @@ watch(
 const delNode = id => {
   emits('delNode', id);
 };
+
+// 编辑yaml
+const editYaml = id => {
+  emits('editYamlDrawer', id);
+};
 </script>
 
 <template>
@@ -58,7 +63,7 @@ const delNode = id => {
         <div class="moreTip">
           <el-popover placement="right" trigger="hover" popper-class="nodeDealPopper">
             <template #reference>···</template>
-            <el-button text class="dealItem" disabled>编辑</el-button>
+            <el-button text class="dealItem" @click="editYaml(props.id)">编辑</el-button>
             <el-button text class="dealItem" @click="delNode(props.id)">删除</el-button>
           </el-popover>
         </div>
diff --git a/src/views/createapp/components/workFlowConfig/yamlEditDrawer.vue b/src/views/createapp/components/workFlowConfig/yamlEditDrawer.vue
new file mode 100644
index 0000000000000000000000000000000000000000..e2f71a456be361e9f55ce632454e16af78e069fd
--- /dev/null
+++ b/src/views/createapp/components/workFlowConfig/yamlEditDrawer.vue
@@ -0,0 +1,73 @@
+<template>
+  <div class="configYaml">
+    <el-drawer
+      v-model="visible"
+      :show-close="false"
+      :wrapperClosable="false"
+      :modal="true"
+      class="flowDrawer"
+      :before-close="closeDrawer"
+    >
+      <template #header>
+        <div class="drawerHeader">步骤配置-LLM</div>
+      </template>
+      <template #default>
+        <div class="drawerBody">
+          <MirrorText ref="textarea" v-model:updateVal="yamlCode"></MirrorText>
+        </div>
+      </template>
+      <template #footer>
+        <div class="drawerFooter">
+          <el-button @click="closeDrawer">关闭</el-button>
+          <el-button type="primary" @click="closeDrawer">完成</el-button>
+        </div>
+      </template>
+    </el-drawer>
+  </div>
+</template>
+<script lang="ts" setup>
+import { ref } from 'vue';
+import MirrorText from '../codeMirror/mirrorTextArea.vue';
+const visible = ref(true);
+const yamlCode = ref();
+const emits = defineEmits(['closeDrawer']);
+const closeDrawer = () => {
+  emits('closeDrawer');
+};
+</script>
+
+<style lang="scss">
+.flowDrawer {
+  padding: 0px;
+  background-color: var(--o-bg-color-base);
+  .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%;
+      }
+    }
+  }
+  .el-drawer__footer {
+    box-shadow: 0px -4px 10px 0px rgba(0, 0, 0, 0.1);
+    padding: 0px 24px;
+    height: 48px;
+    line-height: 47px;
+  }
+}
+</style>