diff --git a/src/store/historySession.ts b/src/store/historySession.ts
index 6a0c5ea7293f560e761b5f486f2004b52f397c69..eb9638aea3f1a8e33f3de8469a2938a84055e683 100644
--- a/src/store/historySession.ts
+++ b/src/store/historySession.ts
@@ -216,9 +216,9 @@ export const useHistorySessionStore = defineStore(
     /**
      * 创建一个新的会话
      */
-    const generateSession = async (): Promise<void> => {
+    const generateSession = async (isDebug): Promise<void> => {
       const appId = user_selected_app.value ?? '';
-      const [_, res] = await api.createSession(appId);
+      const [_, res] = await api.createSession({appId, debug: isDebug});
       if (!_ && res) {
         currentSelectedSession.value = res.result.conversationId;
         await getHistorySession();
diff --git a/src/views/api/components/ActiveModel.vue b/src/views/api/components/ActiveModel.vue
index e71f9b18c7e1f6df5d7202dbcd1dfcefc0c28870..835e22ceb05d94d029b978f63297fb26775ec4e6 100644
--- a/src/views/api/components/ActiveModel.vue
+++ b/src/views/api/components/ActiveModel.vue
@@ -38,15 +38,27 @@ const form = reactive({});
 const formRef = ref<FormInstance>();
 const rules = computed<FormRules<typeof form>>(() => {
   const rulesObj = {};
-  Object.keys(props.item.data.env).forEach((key) => {
-    rulesObj[key] = [
-      {
-        required: true,
-        message: t('semantic.pleaseEnter'), // 使用统一的提示信息
-        trigger: 'blur',
-      },
-    ];
-  });
+  if (props.item.data.env) {
+    Object.keys(props.item.data.env).forEach((key) => {
+      rulesObj[key] = [
+        {
+          required: true,
+          message: t('semantic.pleaseEnter'), // 使用统一的提示信息
+          trigger: 'blur',
+        },
+      ];
+    });
+  } else if (props.item.data.headers) {
+    Object.keys(props.item.data.headers).forEach((key) => {
+      rulesObj[key] = [
+        {
+          required: true,
+          message: t('semantic.pleaseEnter'), // 使用统一的提示信息
+          trigger: 'blur',
+        },
+      ];
+    });
+  }
 
   return rulesObj;
 });
@@ -78,7 +90,16 @@ async function onConfirm(formEl: FormInstance | undefined) {
         <div class="text">
           {{ props.item.description }}
         </div>
-        <template v-for="(value, key) in item.data.env" :key="key">
+        <template v-for="(value, key) in item.data?.env" :key="key">
+          <el-form-item :label="key" :prop="key">
+            <el-input
+              v-model="form[key]"
+              clearable
+              :placeholder="t('semantic.pleaseEnter')"
+            />
+          </el-form-item>
+        </template>
+        <template v-for="(value, key) in item.data?.headers" :key="key">
           <el-form-item :label="key" :prop="key">
             <el-input
               v-model="form[key]"
diff --git a/src/views/api/components/McpDrawer.vue b/src/views/api/components/McpDrawer.vue
index f54c049d48b2416073c7c9a34e6a905509f715f0..e421cd9e29aef5a1c066cadada5802bbb3fe0372 100644
--- a/src/views/api/components/McpDrawer.vue
+++ b/src/views/api/components/McpDrawer.vue
@@ -34,7 +34,7 @@ const COMMAND_TEMPLATE = {
   env: {},
 };
 const URL_TEMPLATE = {
-  headers: '',
+  headers: {},
   url: '',
 };
 const STREAM = {};
diff --git a/src/views/createapp/components/AgentAppConfig.vue b/src/views/createapp/components/AgentAppConfig.vue
index ae87ec80aed85f14733f6c6f359f8dd752f7721f..6a69f199912336e4451c8126eedfbf794afd49e5 100644
--- a/src/views/createapp/components/AgentAppConfig.vue
+++ b/src/views/createapp/components/AgentAppConfig.vue
@@ -36,6 +36,7 @@ const props = withDefaults(
   defineProps<{
     handleValidateContent: (val: any) => void;
     onDebug: (status: boolean) => void;
+    saveConfig: () => void;
   }>(),
   {},
 );
@@ -115,6 +116,8 @@ function onMcpServiceSelected(mcps: Mcp[]) {
     createAppForm.mcps = mcps.map((item) => item.mcpserviceId);
     isMcpDrawerVisible.value = false;
   }
+  
+  props.saveConfig();
 }
 
 function onDeleteMcp(mcp: any) {
diff --git a/src/views/createapp/components/DebugApp.vue b/src/views/createapp/components/DebugApp.vue
index 9110ef5ec244814f23c9895ac2b87fa338e81aed..763755d1acf4ea95dd74c89f5997d6fc3b8b31c0 100644
--- a/src/views/createapp/components/DebugApp.vue
+++ b/src/views/createapp/components/DebugApp.vue
@@ -66,7 +66,7 @@ const { currentSelectedSession, historySession } = storeToRefs(
 const { generateSession, getHistorySession } = useHistorySessionStore();
 
 async function initDebugSession() {
-  await generateSession();
+  await generateSession(true);
   await getHistorySession();
   currentSelectedSession.value = historySession.value[0].conversationId;
 }
diff --git a/src/views/createapp/index.vue b/src/views/createapp/index.vue
index 987f71d3b73cbfb9ce22ff72ccb4f492b18e096e..22f6a8d9b0675fbfb6418ac48977b9fc87ded457 100644
--- a/src/views/createapp/index.vue
+++ b/src/views/createapp/index.vue
@@ -142,6 +142,7 @@ const saveApp = async (type: 'agent' | 'flow') => {
         appType: type,
         icon: formData.icon,
         name: formData.name,
+        llm: formData.model,
         description: formData.description,
         dialogRounds: formData.dialogRounds,
         mcpService: formData.mcps,
@@ -171,6 +172,10 @@ const getPublishStatus = (status) => {
   }
 };
 
+const saveConfig = () => {
+  saveApp(appType.value as 'agent' | 'flow');
+};
+
 const handleJumperAppCenter = () => {
   router.push('/app?to=createdByMe');
 };
@@ -256,6 +261,7 @@ function onDebugSuccess(status: boolean) {
         v-else-if="appType === 'agent'"
         :handleValidateContent="handleValidateContent"
         :onDebug="onDebugSuccess"
+        :saveConfig="saveConfig"
       />
     </div>
     <div