diff --git a/.env.micro b/.env.micro
index 79b12e939ef8e3680f37fa5c70b8c307ca325a4c..d9d530cdcf0fa679c052bd03f4867be923a8df1b 100755
--- a/.env.micro
+++ b/.env.micro
@@ -1,3 +1,5 @@
 VITE_BASE_URL=/copilot/
 VITE_MICRO_ROUTER_URL=/eulercopilot/
 VITE_BASE_PROXY_URL=http://10.211.55.10:8002
+
+VITE_WITCHAIND_PROXY_URL=http://10.211.55.10:9988
\ No newline at end of file
diff --git a/.env.tmp b/.env.tmp
new file mode 100644
index 0000000000000000000000000000000000000000..5f4505610e48cef3635b5a437d4f57632bd15105
--- /dev/null
+++ b/.env.tmp
@@ -0,0 +1,5 @@
+VITE_BASE_URL=/copilot/
+VITE_MICRO_ROUTER_URL=/eulercopilot/
+VITE_BASE_PROXY_URL=http://10.211.55.10:8002
+
+VITE_WITCHAIND_PROXY_URL=http://10.211.55.10:9988
diff --git a/env.d.ts b/env.d.ts
index 43df7b98287cdcdfc7b3a48603a071a08312bde7..22da69e82e65fad96211cc6979bc4e637cdfaab1 100644
--- a/env.d.ts
+++ b/env.d.ts
@@ -8,6 +8,18 @@
 // PURPOSE.
 // See the Mulan PSL v2 for more details.
 /// <reference types="vite/client" />
+
+declare module '*.svg' {
+  const content: string
+  export default content
+}
+
+declare module '*.svg?component' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}
+
 declare interface Window {
   onHtmlEventDispatch: any;
   eulercopilot: any;
@@ -38,4 +50,6 @@ declare interface ImportMetaEnv {
   readonly VITE_MAIL_URL: string;
   readonly VITE_BULLETIN_URL: string;
   readonly VITE_HISS_URL: string;
+  
+  readonly VITE_WITCHAIND_PROXY_URL: string;
 }
diff --git a/src/apis/index.ts b/src/apis/index.ts
index 9791c928b8a2eb230a416d6b7a2b9f1efc048077..f6e27f0aa681b66b61ca1b0d8cbf64f9e49f6285 100644
--- a/src/apis/index.ts
+++ b/src/apis/index.ts
@@ -18,6 +18,7 @@ import {
   modelApi,
   mcpApi,
   llmApi,
+  documentApi,
 } from './paths';
 import { workFlowApi } from './workFlow';
 import { appCenterApi, promptApi, kbApi } from './appCenter';
@@ -35,6 +36,7 @@ export const api = {
   ...modelApi,
   ...mcpApi,
   ...llmApi,
+  ...documentApi,
   ...promptApi,
   ...kbApi,
 };
diff --git a/src/apis/paths/README-file-upload.md b/src/apis/paths/README-file-upload.md
new file mode 100644
index 0000000000000000000000000000000000000000..9dbdf5ccec12115ca083b596f4c0fda20093eb77
--- /dev/null
+++ b/src/apis/paths/README-file-upload.md
@@ -0,0 +1,173 @@
+# 文件上传API使用指南
+
+## 概述
+
+该项目提供了两种方式来处理文件类型变量的上传：
+
+1. **查询参数方式**（推荐）- 符合当前后端接口设计
+2. **Form字段方式**（备用方案）- 适用于后端修改为使用Form()注解的情况
+
+## API接口说明
+
+### 1. 查询参数方式（当前使用）
+
+```typescript
+export const uploadFilesForVariable = (
+  formData: FormData,
+  sessionId: string,
+  varName: string,
+  varType: string,
+  scope: string = 'conversation'
+)
+```
+
+**特点：**
+- `scope`、`var_name`、`var_type` 作为URL查询参数传递
+- 文件通过FormData传递
+- 符合当前后端接口设计：`scope: str = "system"`
+
+**请求示例：**
+```
+POST /api/document/{conversation_id}?scope=conversation&var_name=myFile&var_type=file
+Content-Type: multipart/form-data
+
+[FormData with files]
+```
+
+### 2. Form字段方式（备用方案）
+
+```typescript
+export const uploadFilesForVariableWithFormFields = (
+  files: File | File[],
+  sessionId: string,
+  varName: string,
+  varType: string,
+  scope: string = 'conversation'
+)
+```
+
+**特点：**
+- 所有参数都作为FormData字段传递
+- 适用于后端使用`Form()`注解的情况
+
+**请求示例：**
+```
+POST /api/document/{conversation_id}
+Content-Type: multipart/form-data
+
+------WebKitFormBoundary
+Content-Disposition: form-data; name="documents"; filename="file.pdf"
+Content-Type: application/pdf
+
+[文件内容]
+------WebKitFormBoundary
+Content-Disposition: form-data; name="scope"
+
+conversation
+------WebKitFormBoundary
+Content-Disposition: form-data; name="var_name"
+
+myFile
+------WebKitFormBoundary
+Content-Disposition: form-data; name="var_type"
+
+file
+------WebKitFormBoundary--
+```
+
+## 使用配置
+
+在组件中通过 `USE_FORM_FIELDS` 常量来控制使用哪种方式：
+
+```typescript
+// 配置：选择使用查询参数还是Form字段方式
+const USE_FORM_FIELDS = false // true: 使用Form字段, false: 使用查询参数（推荐）
+```
+
+## 后端兼容性
+
+### 当前后端设计
+
+```python
+async def document_upload(
+    conversation_id: str,
+    documents: Annotated[list[UploadFile], File(...)],
+    scope: str = "system",          # 默认参数 = 查询参数
+    var_name: Optional[str] = None, # 默认参数 = 查询参数  
+    var_type: Optional[str] = None, # 默认参数 = 查询参数
+)
+```
+
+### 如果后端改为Form字段
+
+```python
+async def document_upload(
+    conversation_id: str,
+    documents: Annotated[list[UploadFile], File(...)],
+    scope: Annotated[str, Form()] = "system",          # Form字段
+    var_name: Annotated[Optional[str], Form()] = None, # Form字段
+    var_type: Annotated[Optional[str], Form()] = None, # Form字段
+)
+```
+
+## FastAPI Form处理最佳实践
+
+### 1. 混合文件和表单数据
+
+当需要同时处理文件和表单数据时：
+
+```python
+from fastapi import FastAPI, Form, File, UploadFile
+
+@app.post("/upload/")
+async def upload_file(
+    file: UploadFile = File(...),
+    scope: str = Form(...),      # 必须使用Form()
+    var_name: str = Form(...),   # 必须使用Form()
+    var_type: str = Form(...)    # 必须使用Form()
+):
+    return {"filename": file.filename, "scope": scope}
+```
+
+### 2. 前端FormData构造
+
+```javascript
+const formData = new FormData();
+
+// 添加文件
+formData.append('documents', file);
+
+// 添加表单字段
+formData.append('scope', 'conversation');
+formData.append('var_name', 'myFile');
+formData.append('var_type', 'file');
+
+// 发送请求
+fetch('/api/document/123', {
+  method: 'POST',
+  body: formData,
+  // 不要手动设置Content-Type，让浏览器自动设置
+});
+```
+
+### 3. 注意事项
+
+1. **Content-Type**: 不要手动设置`Content-Type: multipart/form-data`，让浏览器自动设置边界
+2. **参数类型**: Form字段只能是简单类型（string, number, boolean）
+3. **文件数组**: 多个文件使用相同的字段名`documents`
+4. **后端兼容**: 确保前端发送方式与后端接收方式匹配
+
+## 切换指南
+
+如果需要从查询参数方式切换到Form字段方式：
+
+1. 修改后端接口，添加`Form()`注解
+2. 修改前端配置：`USE_FORM_FIELDS = true`
+3. 测试文件上传功能
+
+## 调试建议
+
+1. 使用浏览器开发者工具查看Network请求
+2. 检查Content-Type和请求体格式
+3. 对比后端接口期望的参数格式
+4. 查看后端日志确认参数接收情况 
\ No newline at end of file
diff --git a/src/apis/paths/conversation.ts b/src/apis/paths/conversation.ts
index 8c3057bff8a692ffa90b3a1044a9ebfc1b7d7dd0..1527ebb87d3dc6a3506cabdf95f16dd24023858d 100644
--- a/src/apis/paths/conversation.ts
+++ b/src/apis/paths/conversation.ts
@@ -257,6 +257,92 @@ export const uploadFiles = (
   );
 };
 
+// 新增：专门用于变量文件上传的API
+export const uploadFilesForVariable = (
+  formData,
+  sessionId,
+  varName,
+  varType,
+  scope = 'conversation',
+  flowId?: string
+): Promise<
+  [
+    any,
+    (
+      | FcResponse<{
+          documents: Array<any>;
+        }>
+      | undefined
+    ),
+  ]
+> => {
+  // 方式1：URL查询参数（推荐，符合后端接口定义）
+  const params = new URLSearchParams({
+    scope,
+    var_name: varName,
+    var_type: varType
+  });
+  
+  // 如果提供了flowId，添加到查询参数中
+  if (flowId) {
+    params.append('flow_id', flowId);
+  }
+  
+  return post(
+    `/api/document/${sessionId}?${params.toString()}`,
+    formData,
+    {},
+    {
+      'Content-Type': 'multipart/form-data',
+    },
+  );
+};
+
+// 新增：支持Form字段方式的文件上传API（备用方案）
+export const uploadFilesForVariableWithFormFields = (
+  files,
+  sessionId,
+  varName,
+  varType,
+  scope = 'conversation'
+): Promise<
+  [
+    any,
+    (
+      | FcResponse<{
+          documents: Array<any>;
+        }>
+      | undefined
+    ),
+  ]
+> => {
+  // 方式2：Form字段方式
+  const formData = new FormData();
+  
+  // 添加文件
+  if (Array.isArray(files)) {
+    files.forEach(file => {
+      formData.append('documents', file);
+    });
+  } else {
+    formData.append('documents', files);
+  }
+  
+  // 添加变量相关参数作为Form字段
+  formData.append('scope', scope);
+  formData.append('var_name', varName);
+  formData.append('var_type', varType);
+  
+  return post(
+    `/api/document/${sessionId}`,
+    formData as any,
+    {},
+    {
+      'Content-Type': 'multipart/form-data',
+    },
+  );
+};
+
 export const deleteUploadedFile = (
   documentId: any,
 ): Promise<[any, FcResponse<any> | undefined]> => {
@@ -275,5 +361,7 @@ export const sessionApi = {
   stopGeneration: stopGeneration,
   getUploadFiles,
   uploadFiles,
+  uploadFilesForVariable,
+  uploadFilesForVariableWithFormFields,
   deleteUploadedFile,
 };
diff --git a/src/apis/paths/document.ts b/src/apis/paths/document.ts
new file mode 100644
index 0000000000000000000000000000000000000000..368f28f48a683187fed746f0921179c875da56b8
--- /dev/null
+++ b/src/apis/paths/document.ts
@@ -0,0 +1,33 @@
+// Copyright (c) Huawei Technologies Co., Ltd. 2023-2025. All rights reserved.
+// licensed under the Mulan PSL v2.
+// You can use this software according to the terms and conditions of the Mulan PSL v2.
+// You may obtain a copy of Mulan PSL v2 at:
+//      http://license.coscl.org.cn/MulanPSL2
+// THIS SOFTWARE IS PROVIDED ON AN 'AS IS' BASIS, WITHOUT WARRANTIES OF ANY KIND, EITHER EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT, MERCHANTABILITY OR FIT FOR A PARTICULAR
+// PURPOSE.
+// See the Mulan PSL v2 for more details.
+import { witchainDGet } from 'src/apis/server';
+import type { FcResponse } from 'src/apis/server';
+
+/**
+ * 获取文档解析方法列表
+ * @returns Promise<[any, FcResponse<ParseMethod[]> | undefined]>
+ */
+export const getParseMethodList = (): Promise<[any, FcResponse<string[]> | undefined]> => {
+  return witchainDGet('/witchainD/other/parse_method');
+};
+
+/**
+ * 文档解析方法接口类型定义
+ */
+export interface ParseMethod {
+  id: string;
+  name: string;
+  description?: string;
+  supported_formats?: string[];
+}
+
+export const documentApi = {
+  getParseMethodList,
+}; 
\ No newline at end of file
diff --git a/src/apis/paths/index.ts b/src/apis/paths/index.ts
index ddf41fa545611e17388959db525a4f5b42c43619..2b705945a8ae70f6bd8e1c24118fea5a397308f6 100644
--- a/src/apis/paths/index.ts
+++ b/src/apis/paths/index.ts
@@ -17,3 +17,4 @@ export * from './api';
 export * from './model';
 export * from './mcp';
 export * from './llm';
+export * from './document';
diff --git a/src/apis/server.ts b/src/apis/server.ts
index 6b059ea89987a072560ff4a2aaab52b579567b0f..cb783568932df3074ae1e6fa3f3749600d5c2982 100644
--- a/src/apis/server.ts
+++ b/src/apis/server.ts
@@ -18,7 +18,7 @@ import type {
 } from 'axios';
 import { ElMessage } from 'element-plus';
 import { successMsg } from 'src/components/Message';
-import { getBaseProxyUrl } from 'src/utils/tools';
+import { getBaseProxyUrl, getWitchainDProxyUrl } from 'src/utils/tools';
 import i18n from 'src/i18n';
 
 export interface FcResponse<T> {
@@ -44,69 +44,85 @@ if (import.meta.env.MODE === 'electron-production') {
   });
 }
 
-let server: ReturnType<typeof axios.create>; // axios 实例
+let server: ReturnType<typeof axios.create>; // 主API服务 axios 实例
+let witchainDServer: ReturnType<typeof axios.create>; // WitchainD服务 axios 实例
 
 export const initServer = async () => {
   const baseURL = await getBaseProxyUrl();
+  const witchainDURL = await getWitchainDProxyUrl();
+  
+  // 初始化主API服务实例
   server = axios.create({
     baseURL,
-    // API 请求的默认前缀
     timeout: 60 * 1000, // 请求超时时间
   });
+  
+  // 初始化WitchainD服务实例
+  witchainDServer = axios.create({
+    baseURL: witchainDURL,
+    timeout: 60 * 1000, // 请求超时时间
+  });
+
+  // 设置拦截器的通用函数
+  const setupInterceptors = (axiosInstance: ReturnType<typeof axios.create>) => {
+    // request interceptor
+    axiosInstance.interceptors.request.use(
+      (
+        config: InternalAxiosRequestConfig<any>,
+      ):
+        | InternalAxiosRequestConfig<any>
+        | Promise<InternalAxiosRequestConfig<any>> => {
+        return handleChangeRequestHeader(config);
+      },
+      (error) => {
+        return Promise.reject(error);
+      },
+    );
 
-  // request interceptor
-  server.interceptors.request.use(
-    (
-      config: InternalAxiosRequestConfig<any>,
-    ):
-      | InternalAxiosRequestConfig<any>
-      | Promise<InternalAxiosRequestConfig<any>> => {
-      return handleChangeRequestHeader(config);
-    },
-    (error) => {
-      return Promise.reject(error);
-    },
-  );
-
-  // response interceptor
-  server.interceptors.response.use(
-    (response: AxiosResponse): AxiosResponse | Promise<AxiosResponse> => {
-      if (response.status !== 200) {
-        ElMessage({
-          showClose: true,
-          message: response.statusText,
-          icon: IconError,
-          customClass: 'o-message--error',
-          duration: 3000,
-        });
-        return Promise.reject(new Error(response.statusText));
-      }
-      return Promise.resolve(response);
-    },
-    async (error: AxiosError) => {
-      if (
-        error.status !== 401 &&
-        error.status !== 403 &&
-        error.status !== 409
-      ) {
-        ElMessage({
-          showClose: true,
-          message:
-            ((error as any)?.response?.data?.message as string) ||
-            error.message,
-          icon: IconError,
-          customClass: 'o-message--error',
-          duration: 3000,
-        });
-      }
-      if (error.status === 409) {
-        // 处理错误码为409的情况
-        successMsg(i18n.global.t('history.latestConversation'));
-        return Promise.reject(error as any);
-      }
-      return await handleStatusError(error);
-    },
-  );
+    // response interceptor
+    axiosInstance.interceptors.response.use(
+      (response: AxiosResponse): AxiosResponse | Promise<AxiosResponse> => {
+        if (response.status !== 200) {
+          ElMessage({
+            showClose: true,
+            message: response.statusText,
+            icon: IconError,
+            customClass: 'o-message--error',
+            duration: 3000,
+          });
+          return Promise.reject(new Error(response.statusText));
+        }
+        return Promise.resolve(response);
+      },
+      async (error: AxiosError) => {
+        if (
+          error.status !== 401 &&
+          error.status !== 403 &&
+          error.status !== 409
+        ) {
+          ElMessage({
+            showClose: true,
+            message:
+              ((error as any)?.response?.data?.message as string) ||
+              error.message,
+            icon: IconError,
+            customClass: 'o-message--error',
+            duration: 3000,
+          });
+        }
+        if (error.status === 409) {
+          // 处理错误码为409的情况
+          successMsg(i18n.global.t('history.latestConversation'));
+          return Promise.reject(error as any);
+        }
+        return await handleStatusError(error);
+      },
+    );
+  };
+
+  // 为两个服务实例设置拦截器
+  setupInterceptors(server);
+  setupInterceptors(witchainDServer);
 };
 /**
  * request with get
@@ -188,3 +204,44 @@ export const del = async <T>(
     return [error as IError, undefined];
   }
 };
+
+// WitchainD 服务专用方法
+/**
+ * WitchainD service - request with get
+ */
+export const witchainDGet = async <T>(
+  url: string,
+  params: IAnyObj = {},
+): Promise<[IError, FcResponse<T> | undefined]> => {
+  try {
+    const result = await witchainDServer.get(url, { params: params });
+    return [null, result.data as FcResponse<T>];
+  } catch (error) {
+    return [error as IError, undefined];
+  }
+};
+
+/**
+ * WitchainD service - request with post
+ */
+export const witchainDPost = async <T>(
+  url: string,
+  data: IAnyObj = {},
+  params: IAnyObj = {},
+  headers: IAnyObj = {},
+): Promise<[IError, FcResponse<T> | undefined]> => {
+  try {
+    const result = await witchainDServer.post(url, data, {
+      params: params,
+      headers: headers as AxiosHeaders,
+    });
+    return [null, result.data as FcResponse<T>];
+  } catch (error) {
+    return [error as IError, undefined];
+  }
+};
+
+/**
+ * 获取 WitchainD axios 实例（用于更复杂的请求）
+ */
+export const getWitchainDServer = () => witchainDServer;
diff --git a/src/assets/svgs/audio.svg b/src/assets/svgs/audio.svg
new file mode 100644
index 0000000000000000000000000000000000000000..f5222acef003639f6f5e047b0158cbc54e221d4e
--- /dev/null
+++ b/src/assets/svgs/audio.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M19.41 7.41l-4.83-4.83c-.37-.37-.88-.58-1.41-.58H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8.83c0-.53-.21-1.04-.59-1.42zM15 13h-2v3.61c0 1.28-1 2.41-2.28 2.39a2.259 2.259 0 0 1-2.13-2.91c.21-.72.8-1.31 1.53-1.51c.7-.19 1.36-.05 1.88.29V12c0-.55.45-1 1-1h2c.55 0 1 .45 1 1s-.45 1-1 1zm-1-4c-.55 0-1-.45-1-1V3.5L18.5 9H14z" fill="currentColor"/>
+</svg> 
\ No newline at end of file
diff --git a/src/assets/svgs/document.svg b/src/assets/svgs/document.svg
new file mode 100644
index 0000000000000000000000000000000000000000..a85fc4eb0f9fb793b006850c3998fee6624981af
--- /dev/null
+++ b/src/assets/svgs/document.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8.83c0-.53-.21-1.04-.59-1.41l-4.83-4.83c-.37-.38-.88-.59-1.41-.59H6zm7 6V3.5L18.5 9H14c-.55 0-1-.45-1-1z" fill="currentColor"/>
+</svg> 
\ No newline at end of file
diff --git a/src/assets/svgs/image.svg b/src/assets/svgs/image.svg
new file mode 100644
index 0000000000000000000000000000000000000000..7e43f5498ceb2a7bf60b16aee22ab6b0a10ba958
--- /dev/null
+++ b/src/assets/svgs/image.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.9 13.98l2.1 2.53l3.1-3.99c.2-.26.6-.26.8.01l3.51 4.68a.5.5 0 0 1-.4.8H6.02c-.42 0-.65-.48-.39-.81L8.12 14c.19-.26.57-.27.78-.02z" fill="currentColor"/>
+</svg> 
\ No newline at end of file
diff --git a/src/assets/svgs/other-file.svg b/src/assets/svgs/other-file.svg
new file mode 100644
index 0000000000000000000000000000000000000000..6043296abd79c08745f2b9f45600741c392f6460
--- /dev/null
+++ b/src/assets/svgs/other-file.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M480 580H372a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8h108v108a8 8 0 0 0 8 8h48a8 8 0 0 0 8-8V644h108a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8H544V472a8 8 0 0 0-8-8h-48a8 8 0 0 0-8 8v108zm374.6-291.3c6 6 9.4 14.1 9.4 22.6V928c0 17.7-14.3 32-32 32H192c-17.7 0-32-14.3-32-32V96c0-17.7 14.3-32 32-32h424.7c8.5 0 16.7 3.4 22.7 9.4l215.2 215.3zM790.2 326L602 137.8V326h188.2z" fill="currentColor"/>
+</svg> 
\ No newline at end of file
diff --git a/src/assets/svgs/video.svg b/src/assets/svgs/video.svg
new file mode 100644
index 0000000000000000000000000000000000000000..8144b18f3f72dbab054d89fbf7289a2e78832840
--- /dev/null
+++ b/src/assets/svgs/video.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M14 2H6.01a2 2 0 0 0-2 2L4 20c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm-1 7V3.5L18.5 9H13zm1 5l2-1.06v4.12L14 16v1c0 .55-.45 1-1 1H9c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h4c.55 0 1 .45 1 1v1z" fill="currentColor"/>
+</svg> 
\ No newline at end of file
diff --git a/src/components/VariableChooser.vue b/src/components/VariableChooser.vue
index 3f0f3bcb8bfd8ebedf2fc6679f50ac1aec5db3d4..2cc4c945df3853260b91e050fa6bcf83d1b38a46 100644
--- a/src/components/VariableChooser.vue
+++ b/src/components/VariableChooser.vue
@@ -30,6 +30,8 @@
                 </el-icon>
                 {{ modelValue || getVariableDisplayName(selectedVariable) }}
               </span>
+              <!-- 显示变量实际类型 -->
+              <span class="type-suffix">{{ getVariableTypeDisplay(selectedVariable.var_type) }}</span>
               <button 
                 class="clear-btn"
                 @click="clearVariable"
@@ -46,7 +48,7 @@
         <div v-else class="variable-selector">
           <VariableSelector
             model-value=""
-            :placeholder="selectorPlaceholder"
+            :placeholder="computedPlaceholder"
             :supported-scopes="supportedScopes"
             :flow-id="flowId"
             :conversation-id="conversationId"
@@ -54,6 +56,8 @@
             :self-variables="selfVariables"
             :self-scope-label="selfScopeLabel"
             :show-variable-reference="showVariableReference"
+            :type-filter="typeFilter"
+            :suffix-tags="computedSuffixTags"
             @variable-selected="handleVariableSelected"
           />
         </div>
@@ -137,6 +141,7 @@ interface Props {
   currentStepId?: string          // 当前步骤ID
   selfVariables?: any[]           // 当前节点定义的变量列表
   selfScopeLabel?: string         // 当前节点变量分组的标签
+  typeFilter?: string[]           // 变量类型过滤器
   
   // 显示控制
   showVariableName?: boolean      // 是否显示变量名输入
@@ -154,9 +159,11 @@ interface Props {
   transparentBackground?: boolean // 是否使用透明背景
   customClass?: string           // 自定义CSS类名
   
-  // 占位符
+  // 占位符和标签
   placeholder?: string           // 变量名输入框占位符
   selectorPlaceholder?: string   // 变量选择器占位符
+  prefixIcon?: string            // 前缀图标
+  suffixLabel?: string          // 后缀标签
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -169,6 +176,7 @@ const props = withDefaults(defineProps<Props>(), {
   currentStepId: '',
   selfVariables: () => [],
   selfScopeLabel: '',
+  typeFilter: () => [],
   showVariableName: false,
   showLabel: true,
   showActions: true,
@@ -180,7 +188,9 @@ const props = withDefaults(defineProps<Props>(), {
   transparentBackground: false,
   customClass: '',
   placeholder: '输入变量名称',
-  selectorPlaceholder: '选择变量'
+  selectorPlaceholder: '选择变量',
+  prefixIcon: '',
+  suffixLabel: ''
 })
 
 const emit = defineEmits<{
@@ -510,6 +520,25 @@ const getScopeTagType = (scope: string): 'primary' | 'success' | 'info' | 'warni
   return typeMap[scope] || 'primary'
 }
 
+// 计算placeholder
+const computedPlaceholder = computed(() => {
+  let placeholder = props.selectorPlaceholder
+  
+  if (props.prefixIcon) {
+    placeholder = `{${props.prefixIcon}} ${placeholder}`
+  }
+  
+  return placeholder
+})
+
+// 计算后缀标签数组
+const computedSuffixTags = computed(() => {
+  if (props.suffixLabel) {
+    return props.suffixLabel.split(' | ')
+  }
+  return []
+})
+
 // 计算样式类
 const selectorClasses = computed(() => {
   const classes: Record<string, boolean> = {
@@ -613,11 +642,11 @@ const selectorClasses = computed(() => {
       align-items: center;
       
         .variable-tag {
-          display: inline-flex !important;
+          display: flex !important;
           align-items: center !important;
           justify-content: space-between !important;
           height: 22px;
-          width: 140px;
+          width: 100%;
           padding: 2px 6px 2px 10px;
           background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
           color: white;
@@ -627,7 +656,6 @@ const selectorClasses = computed(() => {
           cursor: default;
           user-select: none;
           vertical-align: middle;
-          max-width: 100%;
           box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
           transition: all 0.2s ease;
           white-space: nowrap;
@@ -636,13 +664,31 @@ const selectorClasses = computed(() => {
             display: flex;
             align-items: center;
             gap: 8px;
-            margin-right: 6px;
             white-space: nowrap;
             overflow: hidden;
             text-overflow: ellipsis;
             line-height: 1.2;
-            max-width: calc(100% - 24px); // 为按钮留出空间
-            flex-shrink: 1;
+            flex: 1;
+            min-width: 0;
+          }
+          
+          .type-suffix {
+            font-size: 10px;
+            font-weight: 400;
+            white-space: nowrap;
+            margin-left: auto;
+            margin-right: 8px;
+            flex-shrink: 0;
+            background: rgba(255, 255, 255, 0.2);
+            color: rgba(255, 255, 255, 0.9);
+            padding: 2px 6px;
+            border-radius: 3px;
+            border: 1px solid rgba(255, 255, 255, 0.3);
+            font-size: 10px;
+            height: 16px;
+            line-height: 12px;
+            display: flex;
+            align-items: center;
           }
           
           .clear-btn {
@@ -654,12 +700,14 @@ const selectorClasses = computed(() => {
             margin: 0;
             width: 16px;
             height: 16px;
-            display: inline-flex !important;
+            display: flex !important;
             align-items: center !important;
             justify-content: center !important;
             border-radius: 2px;
             transition: all 0.2s ease;
             flex-shrink: 0;
+            position: relative;
+            z-index: 1;
             
             .el-icon {
               font-size: 12px;
diff --git a/src/components/VariableRichTextEditor.vue b/src/components/VariableRichTextEditor.vue
index 10b6ba5c2d22c24c191263b245dfbbe707aee817..8dd6316ad2c3c8cdc23aae077f73caf0c759f245 100644
--- a/src/components/VariableRichTextEditor.vue
+++ b/src/components/VariableRichTextEditor.vue
@@ -344,6 +344,127 @@ const handleVariablesLoaded = (variables: Variable[]) => {
 const handleVariableSelection = (variable: Variable) => {
   isSelectingVariable.value = true
   
+  // 检查是否为文件类型变量
+  if (variable.var_type === 'file' || variable.var_type === 'array[file]') {
+    // 对于文件类型变量，需要删除触发字符，然后发送特殊事件给父组件
+    
+    // 删除触发字符的逻辑
+    let triggerDeleted = false
+    
+    // 优先使用triggerCursorPosition（实时位置）
+    if (displayMode.value === 'tag' && triggerCursorPosition && tagEditorRef.value) {
+      try {
+        if (triggerCursorPosition.node.parentNode) {
+          const nodeText = triggerCursorPosition.node.textContent || ''
+          const beforeOffset = nodeText.substring(0, triggerCursorPosition.offset)
+          
+          if (beforeOffset.endsWith(triggerCursorPosition.triggerChar)) {
+            const range = document.createRange()
+            const triggerLength = triggerCursorPosition.triggerChar.length
+            
+            range.setStart(triggerCursorPosition.node, triggerCursorPosition.offset - triggerLength)
+            range.setEnd(triggerCursorPosition.node, triggerCursorPosition.offset)
+            range.deleteContents()
+            
+            // 设置光标位置
+            const selection = window.getSelection()
+            if (selection) {
+              selection.removeAllRanges()
+              selection.addRange(range)
+            }
+            
+            triggerDeleted = true
+          }
+        }
+      } catch (error) {
+        console.error('删除触发字符失败:', error)
+      }
+    }
+    
+    // 如果triggerCursorPosition删除失败，尝试使用blurCursorPosition
+    if (!triggerDeleted && displayMode.value === 'tag' && blurCursorPosition !== null && tagEditorRef.value) {
+      try {
+        // 恢复到blur时的位置
+        restoreCursorPosition(blurCursorPosition)
+        
+        const selection = window.getSelection()
+        if (selection && selection.rangeCount > 0) {
+          const range = selection.getRangeAt(0)
+          const startContainer = range.startContainer
+          
+          if (startContainer.nodeType === Node.TEXT_NODE) {
+            const nodeText = startContainer.textContent || ''
+            const beforeOffset = nodeText.substring(0, range.startOffset)
+            
+            // 检查是否以触发字符结尾
+            if (beforeOffset.endsWith('/') || beforeOffset.endsWith('{{')) {
+              const triggerChar = beforeOffset.endsWith('{{') ? '{{' : '/'
+              const triggerLength = triggerChar.length
+              
+              const deleteRange = document.createRange()
+              deleteRange.setStart(startContainer, range.startOffset - triggerLength)
+              deleteRange.setEnd(startContainer, range.startOffset)
+              deleteRange.deleteContents()
+              
+              // 重新设置光标位置
+              const newRange = document.createRange()
+              newRange.setStart(startContainer, range.startOffset - triggerLength)
+              newRange.setEnd(startContainer, range.startOffset - triggerLength)
+              selection.removeAllRanges()
+              selection.addRange(newRange)
+              
+              triggerDeleted = true
+            }
+          }
+        }
+      } catch (error) {
+        console.error('使用保存位置删除触发字符失败:', error)
+      }
+    }
+    
+    // 处理文本模式
+    if (!triggerDeleted && displayMode.value === 'text' && textEditorRef.value) {
+      try {
+        const textarea = textEditorRef.value.$refs?.textarea
+        if (textarea) {
+          const cursorPos = textarea.selectionStart
+          const text = textContent.value
+          const beforeCursor = text.substring(0, cursorPos)
+          
+          // 检查是否以触发字符结尾
+          if (beforeCursor.endsWith('/') || beforeCursor.endsWith('{{')) {
+            const triggerLength = beforeCursor.endsWith('{{') ? 2 : 1
+            const newText = text.substring(0, cursorPos - triggerLength) + text.substring(cursorPos)
+            textContent.value = newText
+            emit('update:modelValue', newText)
+            
+            // 重新设置光标位置
+            setTimeout(() => {
+              textarea.setSelectionRange(cursorPos - triggerLength, cursorPos - triggerLength)
+            }, 0)
+            triggerDeleted = true
+          }
+        }
+      } catch (error) {
+        console.error('删除文本模式触发字符失败:', error)
+      }
+    }
+    
+    // 立即更新modelValue以确保删除生效
+    if (triggerDeleted && displayMode.value === 'tag') {
+      const updatedContent = getTagEditorContent()
+      emit('update:modelValue', updatedContent)
+    }
+    
+    emit('variable-inserted', variable)
+    showVariableDropdown.value = false
+    triggerCursorPosition = null
+    blurCursorPosition = null
+    isSelectingVariable.value = false
+    ElMessage.success(`文件变量 ${variable.name} 已添加为附件`)
+    return
+  }
+  
   const variableName = getVariableInsertName(variable)
   
   try {
@@ -762,7 +883,7 @@ const getTagEditorContent = (): string => {
 }
 
 const handleTagInput = () => {
-  if (isComposing.value) return
+  if (isComposing.value || isSelectingVariable.value) return
   
   const triggerInfo = checkAndSaveVariableTrigger()
   const cursorPos = saveCursorPosition()
diff --git a/src/components/VariableSelector.vue b/src/components/VariableSelector.vue
index 84d4f03f3858dfe84ebb2f292f2ceb0ab4afaf5f..61ab5184b5f9f898e2896b060616ee6bca952248 100644
--- a/src/components/VariableSelector.vue
+++ b/src/components/VariableSelector.vue
@@ -25,6 +25,8 @@ interface Props {
   currentStepId?: string
   selfVariables?: any[]
   selfScopeLabel?: string
+  typeFilter?: string[]
+  suffixTags?: string[]
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -34,7 +36,9 @@ const props = withDefaults(defineProps<Props>(), {
   supportedScopes: () => ['conversation', 'system', 'env', 'user'],
   showVariableReference: true,
   selfVariables: () => [],
-  selfScopeLabel: ''
+  selfScopeLabel: '',
+  typeFilter: () => [],
+  suffixTags: () => []
 })
 
 const emit = defineEmits<{
@@ -61,6 +65,23 @@ const filteredVariables = computed(() => {
   )
 })
 
+// 类型过滤函数
+const filterByType = (variable: Variable): boolean => {
+  if (!props.typeFilter || props.typeFilter.length === 0) return true
+  return props.typeFilter.includes(variable.var_type)
+}
+
+// 搜索和类型过滤函数
+const filterVariable = (variable: Variable): boolean => {
+  const searchMatch = !searchText.value || 
+    variable.name.toLowerCase().includes(searchText.value.toLowerCase()) ||
+    (variable.description?.toLowerCase().includes(searchText.value.toLowerCase()) ?? false)
+  
+  const typeMatch = filterByType(variable)
+  
+  return searchMatch && typeMatch
+}
+
 const groupedVariables = computed(() => {
   const groups = {
     conversation: conversationVariables.value,
@@ -88,11 +109,7 @@ const groupedVariables = computed(() => {
         value: `{{self.${v.name}}}`,
         description: `${props.selfScopeLabel}: ${v.name}`
       }))
-      .filter(variable => 
-        !searchText.value || 
-        variable.name.toLowerCase().includes(searchText.value.toLowerCase()) ||
-        variable.description?.toLowerCase().includes(searchText.value.toLowerCase())
-      )
+      .filter(filterVariable)
     
     if (selfVars.length > 0) {
       result.push({
@@ -112,11 +129,7 @@ const groupedVariables = computed(() => {
       const nodeGroups = groupConversationVariablesByNode(variables)
       
       for (const nodeGroup of nodeGroups) {
-        const filteredVariables = nodeGroup.variables.filter(variable => 
-          !searchText.value || 
-          variable.name.toLowerCase().includes(searchText.value.toLowerCase()) ||
-          variable.description?.toLowerCase().includes(searchText.value.toLowerCase())
-        )
+        const filteredVariables = nodeGroup.variables.filter(filterVariable)
         
         if (filteredVariables.length > 0) {
           result.push({
@@ -130,11 +143,7 @@ const groupedVariables = computed(() => {
       }
     } else {
       // 其他作用域保持原有逻辑
-    const filteredVariables = variables.filter(variable => 
-      !searchText.value || 
-      variable.name.toLowerCase().includes(searchText.value.toLowerCase()) ||
-      variable.description?.toLowerCase().includes(searchText.value.toLowerCase())
-    )
+    const filteredVariables = variables.filter(filterVariable)
       
       if (filteredVariables.length > 0) {
         result.push({
@@ -393,7 +402,20 @@ watch([() => props.flowId, () => props.conversationId, () => props.currentStepId
           clearable
         >
           <template #suffix>
-            <ElIcon class="cursor-pointer"><Search /></ElIcon>
+            <div class="input-suffix">
+              <div v-if="suffixTags.length > 0" class="suffix-tags">
+                <ElTag
+                  v-for="tag in suffixTags"
+                  :key="tag"
+                  size="small"
+                  type="info"
+                  class="suffix-tag"
+                >
+                  {{ tag }}
+                </ElTag>
+              </div>
+              <ElIcon class="cursor-pointer search-icon"><Search /></ElIcon>
+            </div>
           </template>
         </ElInput>
       </template>
@@ -462,6 +484,34 @@ watch([() => props.flowId, () => props.conversationId, () => props.currentStepId
 <style lang="scss" scoped>
 .variable-selector {
   width: 100%;
+  
+  .input-suffix {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    
+    .suffix-tags {
+      display: flex;
+      gap: 4px;
+      
+      .suffix-tag {
+        --el-tag-bg-color: var(--el-color-info-light-9);
+        --el-tag-border-color: var(--el-color-info-light-7);
+        --el-tag-text-color: var(--el-color-info);
+        font-size: 10px;
+        height: 18px;
+        line-height: 16px;
+        padding: 0 4px;
+      }
+    }
+    
+    .search-icon {
+      color: var(--el-text-color-placeholder);
+      &:hover {
+        color: var(--el-color-primary);
+      }
+    }
+  }
 }
 
 .variable-list {
diff --git a/src/components/dialoguePanel/DialogueFlow.vue b/src/components/dialoguePanel/DialogueFlow.vue
index 11115469b43e576f3ae9f89f57df99d05b82ef21..210d7f0b3cced1cc96fa9425a79f34bc444cf1f0 100644
--- a/src/components/dialoguePanel/DialogueFlow.vue
+++ b/src/components/dialoguePanel/DialogueFlow.vue
@@ -191,7 +191,13 @@ watch(
                   class="o-collapse-content"
                 >
                   <div class="code-bar">
-                    <FlowCode :code="debugCode(desc, String(index))" :title="String(index)" :disabled="true" />
+                    <FlowCode 
+                      :code="debugCode(desc, String(index))" 
+                      :title="String(index)" 
+                      :disabled="true"
+                      :stepStatus="secItem.status"
+                      :error="secItem.error || secItem.message"
+                    />
                   </div>
                 </div>
               </el-collapse-item>
diff --git a/src/components/dialoguePanel/DialoguePanel.vue b/src/components/dialoguePanel/DialoguePanel.vue
index 31ac2250af975f0c2eae144760d8fa80036f3047..d1934102da1de7f156e5a9867d01d14c3b55d260 100644
--- a/src/components/dialoguePanel/DialoguePanel.vue
+++ b/src/components/dialoguePanel/DialoguePanel.vue
@@ -11,7 +11,7 @@ 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 { onMounted, watch, onBeforeUnmount, reactive, computed, watchEffect } from 'vue';
 import * as echarts from 'echarts';
 import color from 'src/assets/color';
 import i18n from 'src/i18n';
@@ -55,12 +55,15 @@ export interface DialoguePanelProps {
   isWorkFlowDebug: boolean;
   // 是否隐藏输入参数（用于对话页面）
   hideInputParams?: boolean;
+  // 🔑 新增：当前QA的附件列表
+  files?: any[];
 }
 import JsonFormComponent from './JsonFormComponent.vue';
 import { Metadata } from 'src/apis/paths/type';
 import DialogueFlow from './DialogueFlow.vue';
 import { api } from 'src/apis';
 import { MessageArray } from 'src/views/dialogue/types';
+import FileAttachment from './FileAttachment.vue';
 var option = ref();
 var show = ref(false);
 const size = reactive({
@@ -70,13 +73,51 @@ const size = reactive({
 const themeStore = useChangeThemeStore();
 var myChart;
 const { pausedStream, reGenerateAnswer, prePage, nextPage } = useSessionStore();
+
 const props = withDefaults(defineProps<DialoguePanelProps>(), {
   isFinish: false,
   needRegernerate: false,
 });
-const messageArray = ref<MessageArray>(props.messageArray);
+
+const messageArray = ref<MessageArray[]>(props.messageArray || []);
 const thoughtContent = ref('');
 const contentAfterMark = ref('');
+
+  // 🔑 强制刷新触发器，必须在globalAttachments之前定义
+  const refreshTrigger = ref(0);
+
+  // 收集所有FlowCode组件的文件附件（只在对话完成时）
+  const globalAttachments = computed(() => {
+    // 依赖刷新触发器，确保能响应外部事件
+    const _ = refreshTrigger.value;
+    
+    if (!props.isFinish) {
+      return [];
+    }
+    
+    // 直接使用当前QA的files作为附件来源
+    return props.files || [];
+  });
+
+// 🔑 监听全局附件变化
+watchEffect(() => {
+  const attachments = globalAttachments.value;
+  // 静默监听，不输出日志
+});
+
+// 🔑 强制刷新机制：监听FlowCode的附件添加事件
+onMounted(() => {
+  const handleAttachmentAdded = (event: CustomEvent) => {
+    // 触发globalAttachments重新计算
+    refreshTrigger.value++;
+  };
+  
+  window.addEventListener('flowCodeAttachmentAdded', handleAttachmentAdded as EventListener);
+  
+  onBeforeUnmount(() => {
+    window.removeEventListener('flowCodeAttachmentAdded', handleAttachmentAdded as EventListener);
+  });
+});
 const index = ref(0);
 const isComment = ref('none');
 
@@ -200,7 +241,7 @@ watch(
   { immediate: true, deep: true },
 );
 const emits = defineEmits<{
-  (e: 'handleReport', qaRecordId: string, reason?: string): void;
+  (e: 'handleReport', qaRecordId: string, reason_type?: string, reason?: string): void;
   (
     e: 'handleSendMessage',
     groupId: string | undefined,
@@ -216,7 +257,16 @@ const handleCopy = (): void => {
     errorMsg(i18n.global.t('feedback.copied_failed'));
     return;
   }
-  writeText(props.content[props.currentSelected]);
+  if (props.currentSelected === undefined || props.currentSelected < 0 || props.currentSelected >= props.content.length) {
+    errorMsg(i18n.global.t('feedback.copied_failed'));
+    return;
+  }
+  const selectedContent = props.content[props.currentSelected];
+  if (selectedContent === undefined) {
+    errorMsg(i18n.global.t('feedback.copied_failed')); 
+    return;
+  }
+  writeText(selectedContent);
   successMsg(i18n.global.t('feedback.copied_successfully'));
   return;
 };
@@ -225,6 +275,9 @@ const handleCopy = (): void => {
 const handleLike = async (
   type: 'liked' | 'disliked' | 'report',
 ): Promise<void> => {
+  if (!props.recordList || !props.recordList[index.value]) {
+    return;
+  }
   const qaRecordId = props.recordList[index.value];
   if (type === 'liked') {
     await api
@@ -235,11 +288,12 @@ const handleLike = async (
         groupId: props.groupId,
       })
       .then((res) => {
-        if (res[1].code === 200) {
+        if (res && res[1] && res[1].code === 200) {
           isSupport.value = isSupport.value ? false : true;
           isAgainst.value = false;
-          messageArray.value.getAllItems()[index.value].comment =
-            isSupport.value ? 'liked' : 'none';
+          if (messageArray.value && Array.isArray(messageArray.value) && messageArray.value[index.value]) {
+            (messageArray.value as any)[index.value].comment = isSupport.value ? 'liked' : 'none';
+          }
         }
       });
   } else if (type === 'disliked') {
@@ -252,10 +306,12 @@ const handleLike = async (
           groupId: props.groupId,
         })
         .then((res) => {
-          if (res[1].code === 200) {
+          if (res && res[1] && res[1].code === 200) {
             isAgainst.value = false;
             isSupport.value = false;
-            messageArray.value.getAllItems()[index.value].comment = 'none';
+            if (messageArray.value && Array.isArray(messageArray.value) && messageArray.value[index.value]) {
+              (messageArray.value as any)[index.value].comment = 'none';
+            }
           }
         });
     } else {
@@ -272,6 +328,9 @@ const handleDislike = async (
   reasionLink?: string,
   reasonDescription?: string,
 ): Promise<void> => {
+  if (!props.recordList || !props.recordList[index.value]) {
+    return;
+  }
   const qaRecordId = props.recordList[index.value];
   await api
     .commentConversation({
@@ -284,13 +343,15 @@ const handleDislike = async (
       reasonDescription: reasonDescription,
     })
     .then((res) => {
-      if (res[1].code === 200) {
+      if (res && res[1] && res[1].code === 200) {
         isAgainstVisible.value = false;
         isAgainst.value = isAgainst.value ? false : true;
         isSupport.value = false;
-        messageArray.value.getAllItems()[index.value].comment = isAgainst.value
-          ? 'disliked'
-          : 'none';
+        if (messageArray.value && Array.isArray(messageArray.value) && messageArray.value[index.value]) {
+          (messageArray.value as any)[index.value].comment = isAgainst.value
+            ? 'disliked'
+            : 'none';
+        }
       }
     });
 };
@@ -312,6 +373,9 @@ const handleReport = async (
   reason_type: string,
   reason: string,
 ): Promise<void> => {
+  if (!props.recordList || !props.recordList[index.value]) {
+    return;
+  }
   const qaRecordId = props.recordList[index.value];
   emits('handleReport', qaRecordId, reason_type, reason);
   isAgainstVisible.value = false;
@@ -340,7 +404,9 @@ const prePageHandle = (cid: number) => {
     index.value = 0;
   } else {
     index.value--;
-    isComment.value = messageArray.value.getAllItems()[index.value].comment;
+    if (messageArray.value && Array.isArray(messageArray.value) && messageArray.value[index.value]) {
+      isComment.value = (messageArray.value as any)[index.value].comment;
+    }
     handleIsLike();
   }
 };
@@ -352,7 +418,9 @@ const nextPageHandle = (cid: number) => {
     index.value = (props.content as string[]).length - 1;
   } else {
     index.value++;
-    isComment.value = messageArray.value.getAllItems()[index.value].comment;
+    if (messageArray.value && Array.isArray(messageArray.value) && messageArray.value[index.value]) {
+      isComment.value = (messageArray.value as any)[index.value].comment;
+    }
     handleIsLike();
   }
 };
@@ -376,8 +444,8 @@ const handleIsLike = () => {
 };
 
 onMounted(() => {
-  if (props.messageArray?.value) {
-    isComment.value = props.messageArray.value.getCommentbyIndex(index.value);
+  if (props.messageArray && Array.isArray(props.messageArray) && props.messageArray[index.value]) {
+    isComment.value = (props.messageArray as any)[index.value].comment;
   }
   popperSize();
   setTimeout(() => {
@@ -389,12 +457,12 @@ watch(
   () => props.messageArray,
   () => {
     index.value = 0;
-    if (props.messageArray) {
-      index.value = props.messageArray?.getAllItems().length - 1;
+    if (props.messageArray && Array.isArray(props.messageArray)) {
+      index.value = props.messageArray.length - 1;
     }
-    messageArray.value = props.messageArray;
-    if (props.messageArray) {
-      isComment.value = props.messageArray.getAllItems()[index.value].comment;
+    messageArray.value = props.messageArray || [];
+    if (props.messageArray && Array.isArray(props.messageArray) && props.messageArray[index.value]) {
+      isComment.value = (props.messageArray as any)[index.value].comment;
     }
     handleIsLike();
   },
@@ -520,7 +588,7 @@ const chatWithParams = async () => {
     <div class="dialogue-panel__user" v-if="props.type === 'user'">
       <div class="dialogue-panel__user-time" v-if="createdAt">
         <div class="centerTimeStyle">
-          {{ dayjs(createdAt * 1000).format('YYYY-MM-DD HH:mm:ss') }}
+          {{ dayjs((typeof createdAt === 'number' ? createdAt : new Date(createdAt).getTime() / 1000) * 1000).format('YYYY-MM-DD HH:mm:ss') }}
         </div>
       </div>
       <div class="dialogue-panel__user-time" v-else>
@@ -576,6 +644,13 @@ const chatWithParams = async () => {
             <div ref="echartsDraw" class="draw" style="color: grey"></div>
           </div>
         </div>
+        
+        <!-- 🔑 新增：对话附件显示 -->
+        <FileAttachment 
+          v-if="globalAttachments && globalAttachments.length > 0"
+          :files="globalAttachments"
+          style="margin-top: 16px;"
+        />
         <el-dialog
           :model-value="visible"
           :show-close="false"
@@ -585,7 +660,6 @@ const chatWithParams = async () => {
           :close-on-press-escape="false"
           :close-on-click-modal="false"
           align-center
-          overflow="scroll"
         >
           <JsonFormComponent
             :code="props.paramsList"
diff --git a/src/components/dialoguePanel/FileAttachment.vue b/src/components/dialoguePanel/FileAttachment.vue
new file mode 100644
index 0000000000000000000000000000000000000000..3e5262e6b651a6a63749346ce600b29b60e2e7d8
--- /dev/null
+++ b/src/components/dialoguePanel/FileAttachment.vue
@@ -0,0 +1,198 @@
+<template>
+  <div class="file-attachment">
+    <div class="file-header">
+      <el-icon class="file-icon"><Document /></el-icon>
+      <span class="file-title">附件列表</span>
+    </div>
+    <div class="file-list">
+      <div 
+        v-for="file in files" 
+        :key="file.file_id"
+        class="file-item"
+        @click="downloadFile(file)"
+      >
+        <div class="file-info">
+          <el-icon class="file-type-icon"><Document /></el-icon>
+          <div class="file-details">
+            <div class="file-name">{{ file.filename }}</div>
+            <div class="file-meta">
+              <span class="file-size">{{ formatFileSize(file.file_size) }}</span>
+              <span class="file-variable">来自变量: {{ file.variable_name }}</span>
+            </div>
+          </div>
+        </div>
+        <el-icon class="download-icon"><Download /></el-icon>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { Document, Download } from '@element-plus/icons-vue'
+import { ElMessage } from 'element-plus'
+
+interface FileAttachment {
+  file_id: string
+  filename: string
+  file_type: string
+  file_size: number
+  content: string // base64编码的内容
+  variable_name: string
+}
+
+interface Props {
+  files: FileAttachment[]
+}
+
+const props = defineProps<Props>()
+
+// 格式化文件大小
+const formatFileSize = (bytes: number): string => {
+  if (bytes === 0) return '0 B'
+  const k = 1024
+  const sizes = ['B', 'KB', 'MB', 'GB']
+  const i = Math.floor(Math.log(bytes) / Math.log(k))
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(1)) + ' ' + sizes[i]
+}
+
+// 下载文件
+const downloadFile = (file: FileAttachment) => {
+  try {
+    // 将base64内容转换为Blob
+    const binaryString = atob(file.content)
+    const bytes = new Uint8Array(binaryString.length)
+    for (let i = 0; i < binaryString.length; i++) {
+      bytes[i] = binaryString.charCodeAt(i)
+    }
+    
+    const blob = new Blob([bytes], { type: file.file_type })
+    
+    // 创建下载链接
+    const url = window.URL.createObjectURL(blob)
+    const link = document.createElement('a')
+    link.href = url
+    link.download = file.filename
+    
+    // 触发下载
+    document.body.appendChild(link)
+    link.click()
+    document.body.removeChild(link)
+    
+    // 释放URL对象
+    window.URL.revokeObjectURL(url)
+    
+    ElMessage.success(`文件 ${file.filename} 下载成功`)
+  } catch (error) {
+    console.error('文件下载失败:', error)
+    ElMessage.error(`文件 ${file.filename} 下载失败`)
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.file-attachment {
+  margin: 12px 0;
+  border: 1px solid var(--el-border-color-light);
+  border-radius: 8px;
+  background: var(--el-fill-color-extra-light);
+  overflow: hidden;
+  
+  .file-header {
+    display: flex;
+    align-items: center;
+    padding: 12px 16px;
+    background: var(--el-fill-color-light);
+    border-bottom: 1px solid var(--el-border-color-lighter);
+    
+    .file-icon {
+      font-size: 16px;
+      color: var(--el-color-primary);
+      margin-right: 8px;
+    }
+    
+    .file-title {
+      font-size: 14px;
+      font-weight: 600;
+      color: var(--el-text-color-primary);
+    }
+  }
+  
+  .file-list {
+    .file-item {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 12px 16px;
+      cursor: pointer;
+      transition: all 0.2s ease;
+      border-bottom: 1px solid var(--el-border-color-lighter);
+      
+      &:last-child {
+        border-bottom: none;
+      }
+      
+      &:hover {
+        background: var(--el-color-primary-light-9);
+        
+        .download-icon {
+          color: var(--el-color-primary);
+        }
+      }
+      
+      .file-info {
+        display: flex;
+        align-items: center;
+        flex: 1;
+        min-width: 0;
+        
+        .file-type-icon {
+          font-size: 24px;
+          color: var(--el-color-info);
+          margin-right: 12px;
+          flex-shrink: 0;
+        }
+        
+        .file-details {
+          flex: 1;
+          min-width: 0;
+          
+          .file-name {
+            font-size: 14px;
+            font-weight: 500;
+            color: var(--el-text-color-primary);
+            margin-bottom: 4px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+          }
+          
+          .file-meta {
+            display: flex;
+            align-items: center;
+            gap: 12px;
+            font-size: 12px;
+            color: var(--el-text-color-secondary);
+            
+            .file-size {
+              padding: 2px 6px;
+              background: var(--el-fill-color);
+              border-radius: 4px;
+            }
+            
+            .file-variable {
+              color: var(--el-color-primary);
+            }
+          }
+        }
+      }
+      
+      .download-icon {
+        font-size: 18px;
+        color: var(--el-text-color-placeholder);
+        transition: color 0.2s ease;
+        flex-shrink: 0;
+      }
+    }
+  }
+}
+</style> 
\ No newline at end of file
diff --git a/src/components/dialoguePanel/FlowCode.vue b/src/components/dialoguePanel/FlowCode.vue
index 3816293f456aeadff1312e604c4bd7e5e6ed7962..f0520bc6a33f7a0b7fab4c817e00357af6039484 100644
--- a/src/components/dialoguePanel/FlowCode.vue
+++ b/src/components/dialoguePanel/FlowCode.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ref, watch, computed, nextTick, onMounted, onBeforeUnmount } from 'vue';
 import JSONMonacoEditor from '@/components/JSONMonacoEditor.vue';
+import FileAttachment from './FileAttachment.vue';
 import { storeToRefs } from 'pinia';
 import { useChangeThemeStore, useHistorySessionStore } from '@/store/';
 
@@ -21,9 +22,13 @@ const props = withDefaults(
     code: object;
     title: string;
     disabled?: boolean;
+    error?: string;  // 新增：错误信息
+    stepStatus?: string;  // 新增：步骤状态
   }>(),
   {
     disabled: false,
+    error: '',
+    stepStatus: 'success',
   },
 );
 
@@ -31,6 +36,52 @@ const code = ref('');
 const monacoEditorRef = ref();
 const showMonacoEditor = ref(false);
 const useTextarea = ref(false);
+const fileAttachments = ref<any[]>([]);
+
+// 计算属性：判断是否为错误状态
+const isErrorState = computed(() => {
+  return props.stepStatus === 'error' || props.stepStatus === 'failed' || !!props.error;
+});
+
+// 计算属性：获取显示的错误信息
+const displayError = computed(() => {
+  if (props.error) {
+    return props.error;
+  }
+  
+  // 如果没有显式的错误信息，但状态是失败，尝试从code中提取错误信息
+  if (isErrorState.value && typeof props.code === 'object' && props.code) {
+    if ((props.code as any).message) {
+      return (props.code as any).message;
+    }
+    if ((props.code as any).error) {
+      return (props.code as any).error;
+    }
+  }
+  
+  return '';
+});
+
+// 🔑 获取当前对话ID的函数
+const getCurrentConversationId = (): string => {
+  // 尝试从多个可能的来源获取对话ID
+  const urlParams = new URLSearchParams(window.location.search);
+  const conversationId = urlParams.get('conversation_id') || 
+                         sessionStorage.getItem('currentConversationId') ||
+                         localStorage.getItem('currentConversationId') ||
+                         (window as any).currentConversationId ||
+                         Date.now().toString(); // 如果都没有，生成一个基于时间的ID
+  return conversationId;
+};
+
+// 🔑 每个FlowCode组件实例的唯一ID（只生成一次）
+const panelInstanceId = `panel_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+
+// 🔑 获取当前DialoguePanel实例ID的函数
+const getCurrentPanelInstanceId = (): string => {
+  return panelInstanceId;
+};
+
 let updateTimer: NodeJS.Timeout | null = null;
 let lastUpdateTime = 0;
 const UPDATE_DEBOUNCE_DELAY = 300; // 防抖延迟
@@ -48,12 +99,132 @@ const getGlobalMonacoCount = () => {
 
 // 智能处理不同类型的数据
 const formatCodeData = (data: any) => {
-  // 移除详细日志，只在出错时记录
   
   if (data === null || data === undefined) {
     return '{}';
   }
   
+  // 🔑 新增：检测DirectReply输出中的文件附件（多文件格式）
+  if (typeof data === 'object' && data.type === 'files' && data.files && Array.isArray(data.files)) {
+    
+    // 将文件数据添加到本地文件附件列表（仅用于FlowCode组件内显示）
+    data.files.forEach((fileData: any) => {
+      if (fileData.file_id && fileData.filename && fileData.content) {
+        fileAttachments.value.push({
+          file_id: fileData.file_id,
+          filename: fileData.filename,
+          file_type: fileData.file_type,
+          file_size: fileData.file_size,
+          variable_name: fileData.variable_name,
+          content: fileData.content
+        });
+      }
+    });
+    
+    // 🔑 移除全局收集器添加逻辑，文件收集统一由DebugApp的step.output事件处理
+    // 避免重复添加到全局收集器
+    
+    // 创建一个不含base64内容的显示版本
+    const displayData = {
+      type: 'files',
+      variable_name: data.variable_name,
+      file_count: data.files.length,
+      files: data.files.map((file: any) => ({
+        file_id: file.file_id,
+        filename: file.filename,
+        file_type: file.file_type,
+        file_size: file.file_size,
+        variable_name: file.variable_name,
+        _note: `文件内容已在下方文件附件区域显示`
+      }))
+    };
+    
+    return JSON.stringify(displayData, null, 2);
+  }
+
+  // 🔑 保留：检测DirectReply输出中的文件附件（旧格式兼容）
+  if (typeof data === 'object' && data.files && Array.isArray(data.files)) {
+    // 将文件数据添加到本地文件附件列表（仅用于FlowCode组件内显示）
+    data.files.forEach((fileData: any) => {
+      if (fileData.file_id && fileData.filename && fileData.content) {
+        fileAttachments.value.push({
+          file_id: fileData.file_id,
+          filename: fileData.filename,
+          file_type: fileData.file_type,
+          file_size: fileData.file_size,
+          variable_name: fileData.variable_name,
+          content: fileData.content
+        });
+      }
+    });
+    
+    // 🔑 移除全局收集器添加逻辑，避免重复
+    
+    // 创建一个不含base64内容的显示版本
+    const displayData = {
+      ...data,
+      files: data.files.map((file: any) => ({
+        file_id: file.file_id,
+        filename: file.filename,
+        file_type: file.file_type,
+        file_size: file.file_size,
+        variable_name: file.variable_name,
+        _note: `文件内容已在下方文件附件区域显示`
+      }))
+    };
+    
+    return JSON.stringify(displayData, null, 2);
+  }
+  
+  // 🔑 新增：检测单个文件对象（DirectReply FILE类型输出）
+  if (typeof data === 'object' && data.file_id && data.filename && data.content) {
+
+    
+    // 将文件数据添加到本地文件附件列表（仅用于FlowCode组件内显示）
+    fileAttachments.value.push({
+      file_id: data.file_id,
+      filename: data.filename,
+      file_type: data.file_type,
+      file_size: data.file_size,
+      variable_name: data.variable_name,
+      content: data.content
+    });
+    
+    // 🔑 移除全局收集器添加逻辑，文件收集统一由DebugApp的step.output事件处理
+    // 避免重复添加到全局收集器
+    
+    // 返回文件信息的摘要，不显示base64内容
+    return JSON.stringify({
+      type: 'file',
+      file_id: data.file_id,
+      filename: data.filename,
+      file_type: data.file_type,
+      file_size: data.file_size,
+      variable_name: data.variable_name,
+      _note: '文件内容已在下方文件附件区域显示'
+    }, null, 2);
+  }
+  
+  // 🔑 新增：检测旧格式的FILE类型输出（向后兼容）
+  if (typeof data === 'object' && data.type === 'file' && data.content) {
+    // 将文件数据添加到文件附件列表
+    const fileData = data.content;
+    if (fileData.file_id && fileData.filename && fileData.content) {
+      fileAttachments.value.push(fileData);
+    }
+    
+    // 返回文件信息的摘要，不显示base64内容
+    return JSON.stringify({
+      type: 'file',
+      file_id: fileData.file_id,
+      filename: fileData.filename,
+      file_type: fileData.file_type,
+      file_size: fileData.file_size,
+      variable_name: fileData.variable_name,
+      _note: '文件内容已在下方文件附件区域显示'
+    }, null, 2);
+  }
+  
   if (typeof data === 'string') {
     // 如果是字符串，检查是否是有效的JSON
     try {
@@ -224,6 +395,9 @@ const fallbackCopy = (text: string) => {
 watch(
   () => props.code,
   (newCode) => {
+    // 重置文件附件
+    fileAttachments.value = [];
+    
     const formattedCode = formatCodeData(newCode);
     code.value = formattedCode;
     
@@ -257,9 +431,12 @@ onBeforeUnmount(() => {
 
 <template>
   <div class="json-display">
-    <div class="json-header">
+    <div class="json-header" :class="{ 'error-header': isErrorState }">
       <span v-if="props.title === 'input'">{{ $t('flow.input')}}</span>
-      <span v-else-if="props.title === 'output'">{{ $t('flow.output')}}</span>
+      <span v-else-if="props.title === 'output'">
+        {{ $t('flow.output')}}
+        <span v-if="isErrorState" class="error-badge">❌ 失败</span>
+      </span>
       <span v-else-if="props.title === 'params'">{{ $t('flow.params')}}</span>
       <span v-else>{{ $t('flow.supplementaryParameters')}} {{ props.title }}</span>
       <span
@@ -274,10 +451,22 @@ onBeforeUnmount(() => {
         :class="themeStore.theme === 'light' ? 'lightCopy' : 'darkCopy'"
       ></span>
     </div>
-    <div class="code-container">
+    
+    <!-- 错误信息显示区域 -->
+    <div v-if="isErrorState && displayError" class="error-container">
+      <div class="error-header">
+        <span class="error-icon">⚠️</span>
+        <span class="error-title">执行失败</span>
+      </div>
+      <div class="error-content">
+        {{ displayError }}
+      </div>
+    </div>
+    
+    <div class="code-container" :class="{ 'error-state': isErrorState }">
       <!-- 调试信息：显示当前数据和编辑器类型 -->
       <div v-if="code && code.trim() !== '{}'" style="background: #e8f5e8; padding: 4px; font-size: 10px; border-bottom: 1px solid #ccc; color: #666;">
-        ✅ 数据: {{ code.length }} 字符 | {{ showMonacoEditor ? 'Monaco' : 'Textarea' }}
+        {{ isErrorState ? '❌' : '✅' }} 数据: {{ code.length }} 字符 | {{ showMonacoEditor ? 'Monaco' : 'Textarea' }}
       </div>
       
       <!-- Monaco Editor（当实例数量允许时） -->
@@ -308,6 +497,12 @@ onBeforeUnmount(() => {
         加载中...
       </div>
     </div>
+    
+    <!-- 🔑 新增：文件附件区域 -->
+    <FileAttachment
+      v-if="fileAttachments.length > 0"
+      :files="fileAttachments"
+    />
   </div>
 </template>
 
@@ -372,6 +567,63 @@ h2 {
     align-content: center;
   }
 }
+
+.json-header.error-header {
+  background-color: #fef2f2 !important;
+  border-color: #fecaca;
+  color: #dc2626;
+}
+
+.error-badge {
+  font-size: 12px;
+  color: #dc2626;
+  background-color: #fee2e2;
+  padding: 2px 6px;
+  border-radius: 3px;
+  margin-left: 8px;
+}
+
+.error-container {
+  background-color: #fef2f2;
+  border: 1px solid #fecaca;
+  border-top: none;
+  padding: 12px 16px;
+  font-size: 14px;
+}
+
+.error-header {
+  display: flex;
+  align-items: center;
+  margin-bottom: 8px;
+  font-weight: 600;
+  color: #dc2626;
+}
+
+.error-icon {
+  margin-right: 8px;
+  font-size: 16px;
+}
+
+.error-title {
+  font-size: 14px;
+}
+
+.error-content {
+  color: #dc2626;
+  line-height: 1.5;
+  background-color: #fee2e2;
+  padding: 8px 12px;
+  border-radius: 4px;
+  border-left: 4px solid #dc2626;
+  font-family: monospace;
+  font-size: 13px;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
+.code-container.error-state {
+  border-color: #fecaca;
+}
 pre {
   overflow-wrap: break-word;
   word-break: break-all;
diff --git a/src/components/icons/AttachmentIcon.vue b/src/components/icons/AttachmentIcon.vue
new file mode 100644
index 0000000000000000000000000000000000000000..67e9384b691cb84ed9f691d334cd173e7f363050
--- /dev/null
+++ b/src/components/icons/AttachmentIcon.vue
@@ -0,0 +1,9 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
+    <path d="M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V5a2.5 2.5 0 0 1 5 0v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5a2.5 2.5 0 0 0 5 0V5c0-2.21-1.79-4-4-4S7 2.79 7 5v12.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V6h-1.5z" fill="currentColor"></path>
+  </svg>
+</template>
+
+<script setup lang="ts">
+// 附件图标组件
+</script> 
\ No newline at end of file
diff --git a/src/components/icons/MultipleFilesIcon.vue b/src/components/icons/MultipleFilesIcon.vue
new file mode 100644
index 0000000000000000000000000000000000000000..3abd67c91e825731185d605fd8aea72a69e9c0cc
--- /dev/null
+++ b/src/components/icons/MultipleFilesIcon.vue
@@ -0,0 +1,11 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512">
+    <path d="M479.66 268.7l-32-151.81C441.48 83.77 417.68 64 384 64H128c-16.8 0-31 4.69-42.1 13.94s-18.37 22.31-21.58 38.89l-32 151.87A16.65 16.65 0 0 0 32 272v112a64 64 0 0 0 64 64h320a64 64 0 0 0 64-64V272a16.65 16.65 0 0 0-.34-3.3zm-384-145.4v-.28c3.55-18.43 13.81-27 32.29-27H384c18.61 0 28.87 8.55 32.27 26.91c0 .13.05.26.07.39l26.93 127.88a4 4 0 0 1-3.92 4.82H320a15.92 15.92 0 0 0-16 15.82a48 48 0 1 1-96 0A15.92 15.92 0 0 0 192 256H72.65a4 4 0 0 1-3.92-4.82z" fill="currentColor"></path>
+    <path d="M368 160H144a16 16 0 0 1 0-32h224a16 16 0 0 1 0 32z" fill="currentColor"></path>
+    <path d="M384 224H128a16 16 0 0 1 0-32h256a16 16 0 0 1 0 32z" fill="currentColor"></path>
+  </svg>
+</template>
+
+<script setup lang="ts">
+// 多文件图标组件
+</script> 
\ No newline at end of file
diff --git a/src/components/icons/SingleFileIcon.vue b/src/components/icons/SingleFileIcon.vue
new file mode 100644
index 0000000000000000000000000000000000000000..23bcc84b19947bbfae7ebe93e9f84edb2bb15f09
--- /dev/null
+++ b/src/components/icons/SingleFileIcon.vue
@@ -0,0 +1,31 @@
+<template>
+  <svg width="16.000000" height="16.000000" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <defs>
+      <clipPath id="single-file-clip">
+        <rect width="16.000000" height="16.000000" fill="white" fill-opacity="0"/>
+      </clipPath>
+      <linearGradient x1="1.063380" y1="3.596241" x2="14.425048" y2="16.000114" id="single-file-gradient-1" gradientUnits="userSpaceOnUse">
+        <stop stop-color="#6D75FA"/>
+        <stop offset="1.000000" stop-color="#5AB3FF"/>
+      </linearGradient>
+      <linearGradient x1="10.226416" y1="1.089998" x2="14.666415" y2="5.630780" id="single-file-gradient-2" gradientUnits="userSpaceOnUse">
+        <stop stop-color="#FFFFFF"/>
+        <stop offset="1.000000" stop-color="#FFFFFF" stop-opacity="0.054902"/>
+        <stop offset="1.000000" stop-color="#FFFFFF" stop-opacity="0.000000"/>
+      </linearGradient>
+    </defs>
+    <g clip-path="url(#single-file-clip)">
+      <rect width="16.000000" height="16.000000" fill="#FFFFFF" fill-opacity="0"/>
+      <path d="M14.66 4.64L14.66 13.75C14.66 14.99 13.65 16 12.41 16L3.58 16C2.33 16 1.33 14.99 1.33 13.75L1.33 2.25C1.33 1 2.33 0 3.58 0L9.91 -0.01C10.1 -0.01 10.3 0.07 10.43 0.2L14.43 4.11C14.58 4.25 14.66 4.44 14.66 4.64Z" fill="url(#single-file-gradient-1)" fill-opacity="0.600000" fill-rule="evenodd"/>
+      <g opacity="0.600000">
+        <path d="M10.22 0L14.66 4.33L11.72 4.33C10.89 4.33 10.22 3.66 10.22 2.83L10.22 0Z" fill="url(#single-file-gradient-2)" fill-opacity="1.000000" fill-rule="evenodd"/>
+      </g>
+      <path id="直线 20 (边框)" d="M4 6.5C3.72 6.5 3.5 6.72 3.5 7C3.5 7.27 3.72 7.5 4 7.5L9 7.5C9.27 7.5 9.5 7.27 9.5 7C9.5 6.72 9.27 6.5 9 6.5L4 6.5Z" fill="#FDFEFF" fill-opacity="1.000000" fill-rule="evenodd"/>
+      <path id="直线 21 (边框)" d="M4 9.5C3.72 9.5 3.5 9.72 3.5 10C3.5 10.27 3.72 10.5 4 10.5L12 10.5C12.27 10.5 12.5 10.27 12.5 10C12.5 9.72 12.27 9.5 12 9.5L4 9.5Z" fill="#FDFEFF" fill-opacity="1.000000" fill-rule="evenodd"/>
+    </g>
+  </svg>
+</template>
+
+<script setup lang="ts">
+// 单文件图标组件
+</script> 
\ No newline at end of file
diff --git a/src/store/conversation.ts b/src/store/conversation.ts
index e5fcf972575c83159aab8f8970266806542f0074..999a2e5d5c375ad7f208c515c34de459a54929c5 100644
--- a/src/store/conversation.ts
+++ b/src/store/conversation.ts
@@ -22,7 +22,7 @@ import {
   FlowType,
 } from 'src/views/dialogue/types';
 import { api } from 'src/apis';
-import { successMsg } from 'src/components/Message';
+import { successMsg, errorMsg } from 'src/components/Message';
 import i18n from 'src/i18n';
 import { Application } from 'src/apis/paths/type';
 import { handleAuthorize } from 'src/apis/tools';
@@ -66,6 +66,8 @@ export const useSessionStore = defineStore('conversation', () => {
   // ai回复是否还在生成中
   const isAnswerGenerating = ref(false);
 
+  // 🔑 移除全局收集器，改为在每个conversationItem中存储文件
+
   // 方法集合 - 用于处理不同类型的event message
   const dataTransfers = {
     textAdd: (
@@ -142,7 +144,77 @@ export const useSessionStore = defineStore('conversation', () => {
         (item) => item.id === flow.stepId,
       );
       if (target) {
+        
+        // 统一的文件收集逻辑，存储到当前conversationItem.files中
+        const addFileToConversationItem = (fileData: any) => {
+          // 确保conversationItem.files是数组
+          if (!conversationItem.files) {
+            conversationItem.files = [];
+          }
+          
+          // 严格的去重检查：基于file_id和filename
+          const existingFile = conversationItem.files.find((item: any) => 
+            item.file_id === fileData.file_id && item.filename === fileData.filename
+          );
+          
+          if (!existingFile) {
+            const fileItem = {
+              file_id: fileData.file_id,
+              filename: fileData.filename,
+              file_type: fileData.file_type,
+              file_size: fileData.file_size,
+              variable_name: fileData.variable_name,
+              content: fileData.content,
+              step_name: target.title // 记录来源步骤
+            };
+            
+            conversationItem.files.push(fileItem);
+            return true;
+          } else {
+            return false;
+          }
+        };
+        
+        // 🔑 检查不同的文件格式并收集
+        let hasFileData = false;
+        
+        // 格式1：单个文件对象
+        if (typeof message.content === 'object' && message.content && 
+            (message.content as any).file_id && (message.content as any).filename && (message.content as any).content) {
+          addFileToConversationItem(message.content);
+          hasFileData = true;
+        }
+        // 格式2：多文件格式 {type: 'files', files: [...]}
+        else if (typeof message.content === 'object' && message.content && 
+                 (message.content as any).type === 'files' && (message.content as any).files && 
+                 Array.isArray((message.content as any).files)) {
+          (message.content as any).files.forEach((fileData: any) => {
+            if (fileData.file_id && fileData.filename && fileData.content) {
+              addFileToConversationItem(fileData);
+              hasFileData = true;
+            }
+          });
+        }
+        // 格式3：旧格式文件 {files: [...]}
+        else if (typeof message.content === 'object' && message.content && 
+                 (message.content as any).files && Array.isArray((message.content as any).files)) {
+          (message.content as any).files.forEach((fileData: any) => {
+            if (fileData.file_id && fileData.filename && fileData.content) {
+              addFileToConversationItem(fileData);
+              hasFileData = true;
+            }
+          });
+        }
+        
+        // 设置步骤输出显示
+        if (hasFileData) {
+          // 保持原始文件格式，让FlowCode能够检测和显示
         target.data.output = message.content;
+        } else {
+          // 普通数据输出
+          target.data.output = message.content;
+        }
+        
         target.status = flow.stepStatus;
         // 工作流添加每阶段的时间耗时
         target['costTime'] = metadata.timeCost;
@@ -275,7 +347,7 @@ export const useSessionStore = defineStore('conversation', () => {
   };
 
   // chat message回调
-  const handleMsgDataShow = (
+  const handleMsgDataShow = async (
     params: Record<string, unknown>,
     msgData: Record<string, unknown>,
     conversationItem: RobotConversationItem,
@@ -292,23 +364,51 @@ export const useSessionStore = defineStore('conversation', () => {
       return;
     }
 
-    // 🔑 处理特殊的错误标识
-    if (rawMsgData === '[ERROR]') {
-      console.error('❌ 收到[ERROR]事件，停止对话生成');
+
+
+    // 🔑 重要修复：处理带详细信息的ERROR消息
+    if (rawMsgData.startsWith('[ERROR]')) {
+      console.error('❌ 收到ERROR事件，停止对话生成:', rawMsgData);
       conversationItem.isFinish = true;
       isAnswerGenerating.value = false;
       
-      // 🔑 改进：不在工作流调试中显示错误消息，因为可能是正常的逻辑节点完成
-      const isFlowDebug = !!params.type;
-      if (!isFlowDebug) {
-        // 只在非工作流调试模式下显示错误消息
-        if (conversationItem.message && conversationItem.message.length > 0) {
-          const currentIndex = conversationItem.currentInd || 0;
-          if (conversationItem.message[currentIndex]) {
-            conversationItem.message[currentIndex] += '\n\n❌ 系统错误，请稍后再试';
-          }
+      // 🔑 重要：按正确顺序停止对话
+      // 1. 首先中断前端fetchEventSource连接
+      controller.abort();
+      
+      // 2. 然后调用后端停止接口，清理后端WebSocket连接
+      try {
+        const resp = await api.stopGeneration();
+        if (resp?.[1]?.code === 200) {
+          // 后端停止成功
         }
+      } catch (stopError) {
+        console.error('调用停止接口失败:', stopError);
+        // 即使停止接口失败，也继续处理错误显示
       }
+      
+      // 提取错误信息
+      const errorMessage = rawMsgData.replace('[ERROR]', '').trim();
+      
+      // 🔑 修复：确保错误信息正确显示在对话内容中
+      // 初始化message数组和currentInd，如果不存在的话
+      if (!conversationItem.message || conversationItem.message.length === 0) {
+        conversationItem.message = [''];
+        conversationItem.currentInd = 0;
+      }
+      
+      const currentIndex = conversationItem.currentInd || 0;
+      
+      // 确保currentIndex对应的message元素存在
+      if (!conversationItem.message[currentIndex]) {
+        conversationItem.message[currentIndex] = '';
+      }
+      
+      // 设置错误信息到对话内容中
+      conversationItem.message[currentIndex] = errorMessage || '系统错误，请稍后再试';
+      
+      // 🔑 重要：显示错误提示给用户
+      errorMsg(errorMessage || '系统错误，请稍后再试');
       return;
     }
 
@@ -567,7 +667,7 @@ export const useSessionStore = defineStore('conversation', () => {
           resp = response;
         },
         onmessage: async (ev) => {
-          handleMsgDataShow(params, ev, conversationItem);
+          await handleMsgDataShow(params, ev, conversationItem);
         },
       };
 
diff --git a/src/utils/tools.ts b/src/utils/tools.ts
index dcfd9a6960fd1066abe203fb86bbb5405eb4ef71..063cfc43e18a0b7a2ccaea9954df126adc1fb5d0 100644
--- a/src/utils/tools.ts
+++ b/src/utils/tools.ts
@@ -127,3 +127,31 @@ export async function getBaseUrl(): Promise<string> {
   const viteProxyUrl = import.meta.env.VITE_BASE_PROXY_URL;
   return typeof viteProxyUrl === 'string' && viteProxyUrl ? viteProxyUrl : '';
 }
+
+/**
+ * 获取 WitchainD 服务的代理URL
+ */
+export async function getWitchainDProxyUrl(): Promise<string> {
+  // Electron 生产环境（file:协议）读取配置
+  if (window.eulercopilot && window.location.protocol === 'file:') {
+    try {
+      if (typeof window.eulercopilot.config?.get === 'function') {
+        const config = await window.eulercopilot.config.get();
+        if (config?.witchaind_url) {
+          return config.witchaind_url;
+        }
+      }
+    } catch (error) {
+      console.warn('Failed to get WitchainD URL from config:', error);
+    }
+  }
+  
+  // 本地开发环境（localhost:3000），直接返回空字符串，确保 axios 只拼接 path
+  if (window.location.hostname === 'localhost') {
+    return '';
+  }
+  
+  // 生产环境直接使用配置的代理URL
+  const witchainDUrl = import.meta.env.WITCHAIND_PROXY_URL;
+  return typeof witchainDUrl === 'string' && witchainDUrl ? witchainDUrl : '';
+}
diff --git a/src/views/chat/index.vue b/src/views/chat/index.vue
index d73b5b240262fcbcd5dfea21fb8e9cf0c0bf915b..f1396d00b4e8f29a59e09d22e6e8021c803c2ac9 100644
--- a/src/views/chat/index.vue
+++ b/src/views/chat/index.vue
@@ -22,6 +22,7 @@ import { storeToRefs } from 'pinia';
 import { getCookie } from '@/apis/tools';
 import { useScrollBottom } from '@/hooks/useScrollBottom';
 import { api } from 'src/apis';
+import { ElMessage } from 'element-plus';
 
 onMounted(() => {
   if (window.eulercopilot?.chat?.onCleanStorage) {
@@ -104,32 +105,77 @@ function useStream() {
         max_tokens: 2048,
       },
     };
-    const resp = await fetch('/api/chat', {
-      method: 'POST',
-      body: JSON.stringify(body),
-      headers,
-    });
-    for await (const chunk of fetchStream({
-      readableStream: resp.body!,
-    })) {
-      if (!chunk.data) {
-        break;
-      }
-      if (chunk.data.trim() === '[ERROR]') {
-        isStreaming.value = false;
-        const conversation =
-          conversations.value[conversations.value.length - 1];
-        conversation.content = '系统错误，请稍后再试';
-        break;
+    
+    // 🔑 重要修复：添加AbortController来支持主动中断请求
+    const abortController = new AbortController();
+    
+    try {
+      const resp = await fetch('/api/chat', {
+        method: 'POST',
+        body: JSON.stringify(body),
+        headers,
+        signal: abortController.signal, // 添加signal支持中断
+      });
+      
+      for await (const chunk of fetchStream({
+        readableStream: resp.body!,
+      })) {
+        // 检查停止状态
+        if (!isStreaming.value) {
+          abortController.abort()
+          break
+        }
+        
+        if (chunk.data.trim() === '[DONE]') {
+          isStreaming.value = false
+          break
+        }
+
+        // 🔑 重要修复：检查是否是ERROR消息（支持带详细信息的错误）
+        if (chunk.data.trim().startsWith('[ERROR]')) {
+          isStreaming.value = false
+          const conversation = conversations.value[conversations.value.length - 1]
+          
+          if (conversation) {
+            // 提取错误信息并显示
+            const errorMsg = chunk.data.trim().replace('[ERROR]', '').trim()
+            conversation.content = errorMsg || '系统错误，请稍后再试'
+            
+            // 🔑 重要：显示错误提示给用户
+            ElMessage.error(conversation.content)
+          } else {
+            // 如果没有对话记录，直接显示错误
+            const errorMsg = chunk.data.trim().replace('[ERROR]', '').trim()
+            ElMessage.error(errorMsg || '系统错误，请稍后再试')
+          }
+          
+          // 🔑 重要：按正确顺序停止对话
+          // 1. 首先中断前端fetchEventSource连接
+          abortController.abort()
+          
+          // 2. 然后调用后端停止接口，清理后端连接
+          try {
+            const [, res] = await api.stopGeneration()
+            if (res && res.code === 200) {
+              // 后端停止成功
+            }
+          } catch (stopError) {
+            console.error('调用停止接口失败:', stopError)
+          }
+          
+          break
+        }
+        setConversations(chunk.data, q);
       }
-      if (chunk.data.trim() === '[DONE]') {
-        isStreaming.value = false;
-        setTimeout(() => {
-          scrollToBottom(true);
-        }, 100);
-        break;
+    } catch (error: any) {
+      // 🔑 处理中断的情况
+      if (error.name === 'AbortError') {
+        console.log('✅ Stream已被成功中断');
+      } else {
+        console.error('❌ Stream处理出错:', error);
+        ElMessage.error('连接错误，请稍后重试');
       }
-      setConversations(chunk.data);
+      isStreaming.value = false;
     }
   };
 
@@ -167,7 +213,7 @@ function useConversations() {
 
   const conversations = ref<Conversation[]>([]);
 
-  const setConversations = (data: string) => {
+  const setConversations = (data: string, q: string) => {
     const conversation = conversations.value[conversations.value.length - 1];
     const { id, event, content, metadata } = JSON.parse(data) as StreamChunk;
     if (event === 'init') {
diff --git a/src/views/createapp/components/DebugApp.vue b/src/views/createapp/components/DebugApp.vue
index 0d2b070055d90321015a3738a898c0487aeaf8bb..c2b03bf9578d20a05af8ae7fde9f8ae42fdb7db9 100644
--- a/src/views/createapp/components/DebugApp.vue
+++ b/src/views/createapp/components/DebugApp.vue
@@ -2,6 +2,7 @@
 import CommonFooter from '@/components/commonFooter/CommonFooter.vue';
 import Bubble from '@/components/bubble/index.vue';
 import DialogueFlow from '@/components/dialoguePanel/DialogueFlow.vue';
+import FileAttachment from '@/components/dialoguePanel/FileAttachment.vue';
 import {
   useHistorySessionStore,
   useLangStore,
@@ -9,7 +10,7 @@ import {
   useChangeThemeStore,
 } from '@/store';
 import { storeToRefs } from 'pinia';
-import { computed, h, ref, watch } from 'vue';
+import { computed, h, ref, watch, onMounted } from 'vue';
 import { api } from '@/apis';
 import marked from '@/utils/marked';
 import userAvatar from '@/assets/svgs/dark_user.svg';
@@ -21,6 +22,7 @@ import { fetchStream } from '@/utils/fetchStream';
 import { useScrollBottom } from '@/hooks/useScrollBottom';
 import dayjs from 'dayjs';
 import { useRoute } from 'vue-router';
+import { ElMessage } from 'element-plus';
 
 
 let isDebugSuccess = false;
@@ -97,10 +99,6 @@ const { scrollToBottom } = useScrollBottom(chatContainerRef, {
   threshold: 15,
 });
 
-const { conversations, setConversations, stopMemoryMonitoring } = useConversations();
-
-const { isStreaming, queryStream, stopStream } = useStream();
-
 function useStream() {
   const isStreaming = ref(false);
 
@@ -161,23 +159,53 @@ function useStream() {
       for await (const chunk of fetchStream({
         readableStream: resp.body!,
       })) {
-        if (!chunk.data) {
-          break;
-        }
-        if (chunk.data.trim() === '[ERROR]') {
-          isStreaming.value = false;
-          const conversation =
-            conversations.value[conversations.value.length - 1];
-          conversation.answer[conversation.answerIndex].content =
-            '系统错误，请稍后再试';
-          break;
+        // 检查停止状态
+        if (!isStreaming.value) {
+          controller.abort()
+          break
         }
+        
         if (chunk.data.trim() === '[DONE]') {
-          isStreaming.value = false;
+          isStreaming.value = false
           setTimeout(() => {
-            scrollToBottom(true);
-          }, 100);
-          break;
+            scrollToBottom(true)
+          }, 100)
+          break
+        }
+        
+        // 🔑 重要修复：检查是否是ERROR消息（支持带详细信息的错误）
+        if (chunk.data.trim().startsWith('[ERROR]')) {
+          isStreaming.value = false
+          const conversation = conversations.value[conversations.value.length - 1]
+          
+          if (conversation && conversation.answer && conversation.answer[conversation.answerIndex]) {
+            // 提取错误信息并显示
+            const errorMsg = chunk.data.trim().replace('[ERROR]', '').trim()
+            conversation.answer[conversation.answerIndex].content = errorMsg || '系统错误，请稍后再试'
+            
+            // 🔑 重要：显示错误提示给用户
+            ElMessage.error(conversation.answer[conversation.answerIndex].content)
+          } else {
+            // 如果没有对话记录，直接显示错误
+            const errorMsg = chunk.data.trim().replace('[ERROR]', '').trim()
+            ElMessage.error(errorMsg || '系统错误，请稍后再试')
+          }
+          
+          // 🔑 重要：按正确顺序停止对话
+          // 1. 首先中断前端fetch连接
+          controller.abort()
+          
+          // 2. 然后调用后端停止接口，清理后端连接
+          try {
+            const [, res] = await api.stopGeneration()
+            if (res) {
+              // 后端停止成功
+            }
+          } catch (stopError) {
+            console.error('调用停止接口失败:', stopError)
+          }
+          
+          break
         }
 
         let conversation = conversations.value.find((item) => item.id === cId);
@@ -254,6 +282,26 @@ function useConversations() {
 
   const conversations = ref<Conversation[]>([]);
   
+  // 🔑 新增：当前对话的附件收集器
+  const currentConversationAttachments = ref<{
+    file_id: string;
+    filename: string;
+    file_type: string;
+    file_size: number;
+    variable_name: string;
+    content: string;
+    step_name: string;
+  }[]>([]);
+  
+  // 🔑 立即导出到全局，以便DialoguePanel可以访问
+  (window as any).currentConversationAttachments = currentConversationAttachments;
+  
+  // 🔑 在组件挂载时确保全局收集器可用
+  onMounted(() => {
+    // 再次确保全局收集器设置正确
+    (window as any).currentConversationAttachments = currentConversationAttachments;
+  });
+  
   // 添加消息防抖机制
   let messageQueue: StreamChunk[] = [];
   let processingTimer: NodeJS.Timeout | null = null;
@@ -347,6 +395,17 @@ function useConversations() {
     let shouldScroll = false;
 
     if (event === 'init') {
+      // 🔑 重置所有附件收集器（开始新对话时）
+      currentConversationAttachments.value = [];
+      
+      // 🔑 重要：强制重新创建flowCodeAttachments数组，确保完全清空
+      const oldBackupCount = (window as any).flowCodeAttachments?.length || 0;
+      const isProtected = (window as any).flowCodeAttachmentsProtected;
+      
+      if (!isProtected || oldBackupCount === 0) {
+        (window as any).flowCodeAttachments = [];
+      }
+      
       const conversation = conversations.value.find(c => c.id === id);
       if (conversation) {
         conversation.answer.push({
@@ -369,6 +428,9 @@ function useConversations() {
       shouldScroll = true;
     }
     
+    // 🔑 移除全局事件监控中的文件收集逻辑，避免重复添加
+    // 文件收集统一在step.output事件中处理
+    
     if (event === 'text.add') {
       if (!isDebugSuccess) {
         isDebugSuccess = true;
@@ -412,6 +474,7 @@ function useConversations() {
       }
     }
     
+
     if (event === 'step.input') {
       const c = conversations.value[conversations.value.length - 1];
       
@@ -448,10 +511,82 @@ function useConversations() {
         const target = c.flowdata.data[0].find((item) => item.id === flow.stepId);
         
         if (target) {
-          target.data.output = content;
+          
+          // 🔑 统一的文件收集逻辑，带严格去重检查
+          const addFileToCollector = (fileData: any) => {
+            // 严格的去重检查：基于file_id和filename
+            const existingFile = currentConversationAttachments.value.find((item: any) => 
+              item.file_id === fileData.file_id && item.filename === fileData.filename
+            );
+            
+            if (!existingFile) {
+            currentConversationAttachments.value.push({
+                file_id: fileData.file_id,
+                filename: fileData.filename,
+                file_type: fileData.file_type,
+                file_size: fileData.file_size,
+                variable_name: fileData.variable_name,
+                content: fileData.content,
+              step_name: target.stepName // 记录来源步骤
+            });
+              return true;
+            } else {
+              return false;
+            }
+          };
+          
+          // 🔑 检查不同的文件格式并收集
+          let hasFileData = false;
+          
+          // 格式1：单个文件对象
+          if (typeof content === 'object' && content.file_id && content.filename && content.content) {
+            addFileToCollector(content);
+            hasFileData = true;
+          }
+          // 格式2：多文件格式 {type: 'files', files: [...]}
+          else if (typeof content === 'object' && content.type === 'files' && content.files && Array.isArray(content.files)) {
+            content.files.forEach((fileData: any) => {
+              if (fileData.file_id && fileData.filename && fileData.content) {
+                addFileToCollector(fileData);
+                hasFileData = true;
+              }
+            });
+          }
+          // 格式3：旧格式文件 {files: [...]}
+          else if (typeof content === 'object' && content.files && Array.isArray(content.files)) {
+            content.files.forEach((fileData: any) => {
+              if (fileData.file_id && fileData.filename && fileData.content) {
+                addFileToCollector(fileData);
+                hasFileData = true;
+              }
+            });
+          }
+          
+          // 设置步骤输出显示
+          if (hasFileData) {
+            // 在步骤输出中显示简要信息
+            target.data.output = {
+              type: 'file_reference',
+              message: `文件附件已添加到对话回复中`,
+              file_count: currentConversationAttachments.value.length
+            };
+          } else {
+            // 普通数据输出
+            target.data.output = content;
+          }
+          
           target.status = flow.stepStatus;
           target.costTime = metadata?.timeCost;
           
+          // 如果是错误状态，设置错误信息
+          if (flow.stepStatus === 'error') {
+            // 从content中提取错误信息
+            if (typeof content === 'object' && content) {
+              target.error = content.error || content.message || '';
+              target.message = content.message || content.error || '';
+            }
+          }
+          
           // 更新单个步骤状态后，检查整体工作流状态
           if (flow.stepStatus === 'error') {
             c.flowdata.status = flow.stepStatus;
@@ -509,9 +644,20 @@ function useConversations() {
         return;
       }
       
-      if (data.trim() === '[ERROR]') {
-        console.error('❌ [DebugApp.vue] 收到[ERROR]事件');
-        // 这里可以添加特殊的错误处理逻辑
+      // 🔑 重要修复：检查是否是ERROR消息（支持带详细信息的错误）
+      if (data.trim().startsWith('[ERROR]')) {
+        console.error('❌ [DebugApp.vue] 收到ERROR事件');
+        
+        // 提取错误信息并显示
+        const errorMsg = data.trim().replace('[ERROR]', '').trim();
+        ElMessage.error(errorMsg || '系统错误，请稍后再试');
+        
+        // 如果有对话对象，更新其内容
+        if (conversation && conversation.answer && conversation.answer[conversation.answerIndex]) {
+          conversation.answer[conversation.answerIndex].content = errorMsg || '系统错误，请稍后再试';
+        }
+        
+        console.log('❌ 处理错误消息:', errorMsg);
         return;
       }
       
@@ -558,9 +704,26 @@ function useConversations() {
     }
   };
 
-  return { conversations, setConversations, stopMemoryMonitoring };
+  defineExpose({
+    currentConversationAttachments // 导出附件收集器
+  });
+
+  return { conversations, setConversations, stopMemoryMonitoring, currentConversationAttachments };
 }
 
+// 🔑 计算属性：获取当前对话的附件（只在对话完成时显示）
+const { conversations, setConversations, stopMemoryMonitoring, currentConversationAttachments } = useConversations();
+
+const getCurrentAttachments = computed(() => {
+  if (isStreaming.value) {
+    return [];
+  }
+  
+  return currentConversationAttachments.value || [];
+});
+
+const { isStreaming, queryStream, stopStream } = useStream();
+
 async function onSend(q: string) {
   if (isStreaming.value) return;
   
@@ -776,6 +939,14 @@ watch(
                   :isWorkFlowDebug="true"
                 />
               </div>
+              
+              <!-- 🔑 附件显示 -->
+              <FileAttachment 
+                v-if="getCurrentAttachments.length > 0 && idx === conversations.length - 1"
+                :files="getCurrentAttachments"
+                style="margin-top: 16px; margin-bottom: 16px;"
+              />
+              
               <div class="bubble-footer">
                 <div class="action-toolbar">
                   <div class="left">
diff --git a/src/views/createapp/components/types.ts b/src/views/createapp/components/types.ts
index 9e452c60d5bbd9ce652853fb25e8c3908e09729d..ce88543b8ae2334781778a6e0901644887ff0946 100644
--- a/src/views/createapp/components/types.ts
+++ b/src/views/createapp/components/types.ts
@@ -34,6 +34,8 @@ import USER_DOCUMENT_CLASS from '@/assets/svgs/userDatabaseClass.svg';
 // 引入图片--循环控制相关图标
 import REFRESH from '@/assets/svgs/Refresh.svg';
 import STOP_FILLED from '@/assets/svgs/StopFilled.svg';
+// 引入图片--文件处理相关图标
+import DOCUMENT from '@/assets/svgs/document.svg';
 // 工具类型
 export type LinkType = 'redirect' | 'action';
 
@@ -84,6 +86,9 @@ export const nodeTypeToIcon = {
   STOP_FILLED,
   continue: REFRESH,
   break: STOP_FILLED,
+  
+  // 文件处理相关图标
+  DOCUMENT,
 };
 
 // 这里是对应的图标
@@ -120,6 +125,12 @@ export const iconTypeList = [
     icon: CODE, // 暂时使用CODE图标，与菜单保持一致
     class: 'systemNode',
   },
+  {
+    name: '文件提取器',
+    value: 'FileExtract',
+    icon: CODE,
+    class: 'systemNode',
+  },
 ];
 
 // 根据类型获取类名
diff --git a/src/views/createapp/components/workFlow.vue b/src/views/createapp/components/workFlow.vue
index 8e454be186fdd641358f7c6e578f85ba690ae0ed..8e0a04759d778dc2995eea90f355c1767c728a9b 100644
--- a/src/views/createapp/components/workFlow.vue
+++ b/src/views/createapp/components/workFlow.vue
@@ -35,6 +35,7 @@ import CodeNodeDrawer from './workFlowConfig/CodeNodeDrawer.vue';
 import DirectReplyDrawer from './workFlowConfig/DirectReplyDrawer.vue';
 import ChoiceBranchDrawer from './workFlowConfig/ChoiceBranchDrawer.vue';
 import VariableAssignNodeDrawer from './workFlowConfig/VariableAssignNodeDrawer.vue';
+import FileExtractorDrawer from './workFlowConfig/FileExtractorDrawer.vue';
 import InsertNodeMenu from './workFlowConfig/insertNodeMenu.vue';
 import { api } from 'src/apis';
 // 导入变量API
@@ -66,6 +67,7 @@ const isEditChoiceBranchNode = ref(false);
 const isEditVariableAssignNode = ref(false);
 const isEditLoopNode = ref(false);
 const isEditEnvironmentVariables = ref(false);
+const isEditFileExtractorNode = ref(false);
 const nodeName = ref('');
 const nodeDesc = ref('');
 const currentCodeNodeData = ref({});
@@ -73,6 +75,7 @@ const currentDirectReplyNodeData = ref({});
 const currentChoiceBranchNodeData = ref({});
 const currentVariableAssignNodeData = ref({});
 const currentLoopNodeData = ref({});
+const currentFileExtractorNodeData = ref({});
 const flowZoom = ref(1);
 const debugDialogVisible = ref(false);
 const apiServiceList = ref([]);
@@ -130,6 +133,18 @@ const insertMenuData = ref<{
   direction: 'right'
 });
 
+// 额外的内置节点类型
+const extraNodeTypes = ref([
+  {
+    nodeId: 'FileExtract',
+    callId: 'FileExtract',
+    name: '文件提取器',
+    description: '从文件中提取文本内容，支持多种文件格式',
+    type: 'transform',
+    serviceId: 'system'
+  }
+]);
+
 const hanleAsideVisible = () => {
   if (!copilotAside.value) return;
   if (isCopilotAsideVisible.value) {
@@ -324,6 +339,7 @@ const editYamlDrawer = (name, desc, yamlCode, nodeId) => {
   isEditChoiceBranchNode.value = false;
   isEditVariableAssignNode.value = false;
   isEditLoopNode.value = false;
+  isEditFileExtractorNode.value = false;
   
   // 查找当前节点
   const currentNode = findNode(nodeId);
@@ -363,7 +379,8 @@ const editYamlDrawer = (name, desc, yamlCode, nodeId) => {
       callId: currentNode.data.callId,
       parameters: {
         input_parameters: {
-          answer: currentNode.data.parameters?.input_parameters?.answer || ''
+          answer: currentNode.data.parameters?.input_parameters?.answer || '',
+          attachment: currentNode.data.parameters?.input_parameters?.attachment || {}
         },
         output_parameters: currentNode.data.parameters?.output_parameters || {}
       }
@@ -413,6 +430,32 @@ const editYamlDrawer = (name, desc, yamlCode, nodeId) => {
     selectedNodeId.value = nodeId;
     isEditVariableAssignNode.value = true;
     
+    // 编辑时，需要debug 后才可发布
+    emits('updateFlowsDebug', false);
+    return;
+  } else if (currentNode && currentNode.data.callId === 'FileExtract') {
+    // 打开文件提取器节点编辑器
+    currentFileExtractorNodeData.value = {
+      name: currentNode.data.name,
+      description: currentNode.data.description,
+      callId: currentNode.data.callId,
+      parameters: {
+        input_parameters: currentNode.data.parameters?.input_parameters || { 
+          parse_method: '',
+          input_file: '' 
+        },
+        output_parameters: currentNode.data.parameters?.output_parameters || {
+          text: {
+            type: 'string',
+            description: '提取的文本内容'
+          }
+        }
+      }
+    };
+    nodeYamlId.value = nodeId;
+    selectedNodeId.value = nodeId;
+    isEditFileExtractorNode.value = true;
+    
     // 编辑时，需要debug 后才可发布
     emits('updateFlowsDebug', false);
     return;
@@ -527,6 +570,16 @@ const closeVariableAssignDrawer = () => {
   currentLoopNodeId.value = '';
 };
 
+// 关闭文件提取器节点抽屉
+const closeFileExtractorDrawer = () => {
+  isEditFileExtractorNode.value = false;
+  selectedNodeId.value = '';
+  currentFileExtractorNodeData.value = {};
+  // 清除子工作流节点标识
+  isEditingSubFlowNode.value = false;
+  currentLoopNodeId.value = '';
+};
+
 // 保存条件分支节点
 const saveChoiceBranchNode = (nodeData, nodeId) => {
   if (isEditingSubFlowNode.value) {
@@ -571,6 +624,28 @@ const saveVariableAssignNode = (nodeData, nodeId) => {
   }
 };
 
+// 保存文件提取器节点
+const saveFileExtractorNode = (nodeData, nodeId) => {
+  if (isEditingSubFlowNode.value) {
+    // 如果是子工作流节点，使用LoopNode的保存方法
+    saveSubFlowNode(nodeData, nodeId);
+  } else {
+    // 外部节点，使用原有逻辑
+    const updateNodeParameter = {
+      id: nodeId,
+      ...nodeData,
+    };
+    
+    // 调用保存接口
+    saveFlow(updateNodeParameter);
+    
+    // 关闭抽屉
+    closeFileExtractorDrawer();
+    
+    ElMessage.success('文件提取器节点保存成功');
+  }
+};
+
 // 编辑Loop节点
 const editLoopNode = (name, desc, parameters, nodeId) => {
   // 查找当前节点
@@ -673,6 +748,8 @@ const saveSubFlowNode = async (nodeData, nodeId) => {
         closeChoiceBranchDrawer();
       } else if (isEditVariableAssignNode.value) {
         closeVariableAssignDrawer();
+      } else if (isEditFileExtractorNode.value) {
+        closeFileExtractorDrawer();
       } else if (isEditLoopNode.value) {
         closeLoopNodeDrawer();
       } else if (isEditYaml.value) {
@@ -701,6 +778,8 @@ const editSubFlowNode = (nodeName, nodeDesc, nodeParameters, nodeId, loopNodeId)
   isEditCodeNode.value = false;
   isEditDirectReplyNode.value = false;
   isEditChoiceBranchNode.value = false;
+  isEditVariableAssignNode.value = false;
+  isEditFileExtractorNode.value = false;
   isEditLoopNode.value = false;
   
   switch (callId) {
@@ -736,7 +815,8 @@ const editSubFlowNode = (nodeName, nodeDesc, nodeParameters, nodeId, loopNodeId)
         callId: callId,
         parameters: {
           input_parameters: {
-            answer: nodeParameters?.input_parameters?.answer || ''
+            answer: nodeParameters?.input_parameters?.answer || '',
+            attachment: nodeParameters?.input_parameters?.attachment || {}
           },
           output_parameters: nodeParameters?.output_parameters || {}
         }
@@ -783,6 +863,30 @@ const editSubFlowNode = (nodeName, nodeDesc, nodeParameters, nodeId, loopNodeId)
         isEditVariableAssignNode.value = true;
         break;
       
+      case 'FileExtract':
+        // 打开文件提取器节点编辑器
+        currentFileExtractorNodeData.value = {
+          name: nodeName,
+          description: nodeDesc,
+          callId: callId,
+          parameters: {
+            input_parameters: nodeParameters?.input_parameters || { 
+              parse_method: '',
+              input_file: '' 
+            },
+            output_parameters: nodeParameters?.output_parameters || {
+              text: {
+                type: 'string',
+                description: '提取的文本内容'
+              }
+            }
+          }
+        };
+        nodeYamlId.value = nodeId;
+        selectedNodeId.value = nodeId;
+        isEditFileExtractorNode.value = true;
+        break;
+      
     case 'Loop':
       // 打开循环节点编辑器
       currentLoopNodeData.value = {
@@ -1959,6 +2063,13 @@ const saveFlow = async (updateNodeParameter?, debug?) => {
             }
             item.parameters.input_parameters = updateNodeParameter.parameters.input_parameters;
             item.parameters.output_parameters = updateNodeParameter.parameters.output_parameters || {};
+          } else if (item.callId === 'FileExtract') {
+            // 文件提取器节点
+            if (!item.parameters) {
+              item.parameters = {};
+            }
+            item.parameters.input_parameters = updateNodeParameter.parameters.input_parameters;
+            item.parameters.output_parameters = updateNodeParameter.parameters.output_parameters;
           } else if (item.type === 'start') {
             item.variables == updateNodeParameter.variables;
           } else if (item.type === 'Loop') {
@@ -2099,6 +2210,7 @@ defineExpose({
               :search-placeholder="$t('semantic.interface_search')"
               :enable-drag="true"
               :on-drag-start="handleNodeDragStart"
+              :extra-node-types="extraNodeTypes"
             />
           </div>
         </div>
@@ -2455,6 +2567,19 @@ defineExpose({
     @saveNode="saveVariableAssignNode"
   />
   
+  <!-- 文件提取器节点编辑器 -->
+  <FileExtractorDrawer
+    :visible="isEditFileExtractorNode"
+    :nodeData="currentFileExtractorNodeData"
+    :nodeId="nodeYamlId"
+    :flowId="flowObj?.flowId"
+    :conversationId="conversationId"
+    :isSubFlowNode="isEditingSubFlowNode"
+    :loopNodeId="currentLoopNodeId"
+    @update:visible="closeFileExtractorDrawer"
+    @saveNode="saveFileExtractorNode"
+  />
+  
   <!-- 循环节点编辑器 -->
   <LoopNodeDrawer
     :visible="isEditLoopNode"
diff --git a/src/views/createapp/components/workFlowConfig/DebugVariablePanel.vue b/src/views/createapp/components/workFlowConfig/DebugVariablePanel.vue
index 9ebb79cb8e35792ea9225bfb23c7441f23cd192e..c0e91422d8001f76a029dd01774b3143779c876a 100644
--- a/src/views/createapp/components/workFlowConfig/DebugVariablePanel.vue
+++ b/src/views/createapp/components/workFlowConfig/DebugVariablePanel.vue
@@ -26,8 +26,8 @@
     <!-- 面板内容 -->
     <transition name="panel-slide">
       <div v-if="visible" class="panel-content">
-                 <div class="variable-list" v-loading="variablesLoading || false">
-          <!-- 对话变量展示 -->
+        <div class="variable-list" v-loading="variablesLoading || false">
+          <!-- 变量展示 -->
           <div 
             v-for="variable in internalVariables" 
             :key="`conv_${variable.name}`"
@@ -38,11 +38,11 @@
                 <div class="variable-icon-small">{x}</div>
                 <div class="variable-details">
                   <div class="variable-name">{{ variable.name }}</div>
-                  <div class="variable-type">{{ getVariableTypeDisplay(variable.var_type) }}</div>
+                  <div class="variable-type">{{ VARIABLE_TYPE_MAP[variable.var_type] || variable.var_type }}</div>
                 </div>
               </div>
               <div class="variable-value-section">
-                <!-- String 和 Number 类型：普通输入框 -->
+                <!-- String 和 Number 类型 -->
                 <el-input
                   v-if="variable.var_type === 'string' || variable.var_type === 'number'"
                   v-model="variable.displayValue"
@@ -53,18 +53,18 @@
                   class="variable-input"
                 />
                 
-                <!-- Boolean 类型：开关 -->
+                <!-- Boolean 类型 -->
                 <el-switch
                   v-else-if="variable.var_type === 'boolean'"
                   v-model="variable.booleanValue"
                   active-text="true"
                   inactive-text="false"
                   size="small"
-                  @change="updateBooleanVariable(variable)"
+                  @change="handleVariableUpdate(variable)"
                   class="variable-switch"
                 />
                 
-                <!-- Object 类型：文本域 -->
+                <!-- Object 类型 -->
                 <el-input
                   v-else-if="variable.var_type === 'object'"
                   v-model="variable.displayValue"
@@ -76,34 +76,61 @@
                   class="variable-textarea"
                 />
                 
-                <!-- File 类型：文件上传 -->
+                <!-- File 类型 -->
                 <div v-else-if="variable.var_type === 'file'" class="file-upload-section">
                   <el-upload
                     class="variable-file-upload"
                     :auto-upload="false"
                     :show-file-list="false"
                     :on-change="(file) => handleFileChange(variable, file)"
-                    :accept="getFileAcceptTypes()"
+                    :accept="FILE_ACCEPT_TYPES"
+                    drag
                   >
-                    <el-button size="small" type="primary">
-                      <el-icon><IconUpload /></el-icon>
-                      选择文件
-                    </el-button>
+                    <template #trigger>
+                      <div class="upload-trigger">
+                        <el-icon class="upload-icon"><IconUpload /></el-icon>
+                        <div class="upload-text">
+                          <span>点击上传</span>
+                          <span class="upload-hint">或将文件拖拽到此处</span>
+                        </div>
+                      </div>
+                    </template>
+                    <template #tip>
+                      <div class="upload-tip">
+                        {{ getFileUploadTip(variable) }}
+                      </div>
+                    </template>
                   </el-upload>
-                  <div v-if="variable.fileName" class="selected-file">
+                  
+                  <!-- 已选择的文件列表 -->
+                  <div v-if="variable.fileName" class="file-list">
+                    <div class="file-item">
+                      <div class="file-info">
+                        <el-icon class="file-icon"><Document /></el-icon>
                     <span class="file-name">{{ variable.fileName }}</span>
+                        <span v-if="variable.fileUploaded" class="file-status success">
+                          <el-icon><CircleCheck /></el-icon>
+                          已上传
+                        </span>
+                        <span v-else class="file-status pending">
+                          <el-icon><Loading /></el-icon>
+                          待上传
+                        </span>
+                      </div>
                     <el-button
                       size="small"
                       type="danger"
                       text
                       @click="clearFileVariable(variable)"
+                        class="file-remove"
                     >
                       <el-icon><IconDelete /></el-icon>
                     </el-button>
+                    </div>
                   </div>
                 </div>
                 
-                <!-- Array[File] 类型：多文件上传 -->
+                <!-- Array[File] 类型 -->
                 <div v-else-if="variable.var_type === 'array[file]'" class="file-array-upload-section">
                   <el-upload
                     class="variable-file-upload"
@@ -111,21 +138,46 @@
                     :show-file-list="false"
                     :multiple="true"
                     :on-change="(file, fileList) => handleFileArrayChange(variable, fileList)"
-                    :accept="getFileAcceptTypes()"
+                    :accept="FILE_ACCEPT_TYPES"
+                    drag
                   >
-                    <el-button size="small" type="primary">
-                      <el-icon><IconUpload /></el-icon>
-                      选择多个文件
-                    </el-button>
+                    <template #trigger>
+                      <div class="upload-trigger">
+                        <el-icon class="upload-icon"><IconUpload /></el-icon>
+                        <div class="upload-text">
+                          <span>点击上传</span>
+                          <span class="upload-hint">或将文件拖拽到此处</span>
+                        </div>
+                      </div>
+                    </template>
+                    <template #tip>
+                      <div class="upload-tip">
+                        {{ getFileUploadTip(variable) }}
+                      </div>
+                    </template>
                   </el-upload>
-                  <div v-if="variable.fileList && variable.fileList.length > 0" class="selected-files">
+                  
+                  <!-- 已选择的文件列表 -->
+                  <div v-if="variable.fileList && variable.fileList.length > 0" class="file-list">
                     <div v-for="(file, index) in variable.fileList" :key="index" class="file-item">
+                      <div class="file-info">
+                        <el-icon class="file-icon"><Document /></el-icon>
                       <span class="file-name">{{ file.name }}</span>
+                        <span v-if="variable.fileListUploaded" class="file-status success">
+                          <el-icon><CircleCheck /></el-icon>
+                          已上传
+                        </span>
+                        <span v-else class="file-status pending">
+                          <el-icon><Loading /></el-icon>
+                          待上传
+                        </span>
+                      </div>
                       <el-button
                         size="small"
                         type="danger"
                         text
                         @click="removeFileFromArray(variable, index)"
+                        class="file-remove"
                       >
                         <el-icon><IconDelete /></el-icon>
                       </el-button>
@@ -133,7 +185,7 @@
                   </div>
                 </div>
                 
-                <!-- Array[String] 类型：标签输入 -->
+                <!-- Array[String] 类型 -->
                 <div v-else-if="variable.var_type === 'array[string]'" class="string-array-section">
                   <el-input
                     v-model="variable.stringArrayInput"
@@ -155,7 +207,7 @@
                   </div>
                 </div>
                 
-                <!-- Secret 类型：密码输入 -->
+                <!-- Secret 类型 -->
                 <el-input
                   v-else-if="variable.var_type === 'secret'"
                   v-model="variable.displayValue"
@@ -167,7 +219,7 @@
                   class="variable-input"
                 />
                 
-                <!-- 其他类型：默认输入框 -->
+                <!-- 其他类型 -->
                 <el-input
                   v-else
                   v-model="variable.displayValue"
@@ -196,7 +248,41 @@
 import { ref, computed, watch } from 'vue'
 import { ElMessage, ElTag, ElSwitch, ElUpload } from 'element-plus'
 import { IconCaretRight, IconCaretDown, IconUpload, IconDelete } from '@computing/opendesign-icons'
+import { Document, CircleCheck, Loading } from '@element-plus/icons-vue'
 import { updateVariable } from '@/api/variable'
+import { uploadFilesForVariable, deleteSession } from '@/apis/paths/conversation'
+
+// 常量定义
+const VARIABLE_TYPE_MAP: Record<string, string> = {
+  'string': 'String',
+  'number': 'Number', 
+  'boolean': 'Boolean',
+  'object': 'Object',
+  'array': 'Array',
+  'file': 'File',
+  'array[file]': 'File[]',
+  'array[string]': 'String[]',
+  'secret': 'Secret'
+}
+
+const PLACEHOLDER_MAP: Record<string, string> = {
+  'string': '请输入文本值',
+  'number': '请输入数字',
+  'boolean': 'true 或 false',
+  'object': '请输入JSON格式',
+  'secret': '请输入密钥',
+  'array[string]': '输入字符串值'
+}
+
+const FILE_ACCEPT_TYPES = '.pdf,.docx,.doc,.txt,.md,.xlsx'
+
+const SYSTEM_VARIABLE_PATTERNS = [
+  /^[a-f0-9]{8}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{12}\.result$/i,
+  /^[a-f0-9]{8}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{12}\./i,
+  /^node_\d+\./i,
+  /^sys\./i,
+  /^_/i
+]
 
 interface Variable {
   name: string
@@ -207,7 +293,10 @@ interface Variable {
   displayValue?: string
   booleanValue?: boolean
   fileName?: string
-  fileList?: Array<{ name: string; file: File }>
+  fileObject?: File
+  fileUploaded?: boolean
+  fileList?: Array<{ name: string; file?: File }>
+  fileListUploaded?: boolean
   stringArray?: string[]
   stringArrayInput?: string
 }
@@ -223,202 +312,400 @@ interface Props {
 const props = defineProps<Props>()
 const emit = defineEmits(['toggleVisibility', 'variableUpdated'])
 
-// 内部独立的变量状态（与外部props解耦）
+// 内部状态
 const internalVariables = ref<Variable[]>([])
 
-// 计算属性：检查是否应该默认折叠
-const shouldDefaultCollapse = computed(() => {
-  return internalVariables.value.length === 0
-})
+// 计算属性
+const shouldDefaultCollapse = computed(() => internalVariables.value.length === 0)
 
-// 检查是否是用户可编辑的变量
+// 工具函数
 const isEditableVariable = (variable: Variable): boolean => {
-  // 必须是 conversation 类型
-  if (variable.scope !== 'conversation') {
-    return false
+  if (variable.scope !== 'conversation') return false
+  return !SYSTEM_VARIABLE_PATTERNS.some(pattern => pattern.test(variable.name))
+}
+
+const getVariableDisplayValue = (value: any): string => {
+  if (value === null || value === undefined) return ''
+  if (typeof value === 'object') return JSON.stringify(value)
+  return String(value)
+}
+
+
+
+const getVariablePlaceholder = (variable: Variable): string => {
+  return PLACEHOLDER_MAP[variable.var_type] || '请输入变量值'
+}
+
+// 获取文件接受类型
+const getFileAcceptTypes = (): string => {
+  return FILE_ACCEPT_TYPES
+}
+
+// 获取文件上传提示信息
+const getFileUploadTip = (variable: Variable): string => {
+  if (variable.var_type === 'file') {
+    return `${FILE_ACCEPT_TYPES} 文件，单个文件不超过 ${getVariableMaxFileSize(variable)}MB`
+  } else if (variable.var_type === 'array[file]') {
+    return `${FILE_ACCEPT_TYPES} 文件，最多 ${getVariableMaxFiles(variable)} 个文件，单个文件不超过 ${getVariableMaxFileSize(variable)}MB`
   }
-  
-  // 排除 UUID.result 格式的变量名（这些是 node 执行结果）
-  const uuidResultPattern = /^[a-f0-9]{8}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{12}\.result$/i
-  if (uuidResultPattern.test(variable.name)) {
-    return false
+  return `${FILE_ACCEPT_TYPES} 文件`
+}
+
+// 获取变量的最大文件数
+const getVariableMaxFiles = (variable: Variable): number => {
+  if (variable.value && typeof variable.value === 'object' && 'max_files' in variable.value) {
+    return variable.value.max_files
   }
-  
-  // 排除其他系统变量格式
-  const systemVariablePatterns = [
-    /^[a-f0-9]{8}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{12}\./i, // UUID.xxx 格式
-    /^node_\d+\./i, // node_xxx.xxx 格式
-    /^sys\./i, // sys.xxx 格式
-    /^_/i // 下划线开头的内部变量
-  ]
-  
-  for (const pattern of systemVariablePatterns) {
-    if (pattern.test(variable.name)) {
-      return false
-    }
+  return variable.var_type === 'file' ? 1 : 10
+}
+
+// 获取变量的最大文件大小（MB）
+const getVariableMaxFileSize = (variable: Variable): number => {
+  if (variable.value && typeof variable.value === 'object' && 'max_file_size' in variable.value) {
+    return Math.round(variable.value.max_file_size / (1024 * 1024))
   }
-  
-  return true
+  return 10 // 默认10MB
 }
 
 // 初始化内部变量状态
 const initializeInternalVariables = () => {
-  // 只显示用户可编辑的 conversation 变量，过滤掉系统变量和 node 变量
   const editableVariables = props.conversationVariables.filter(isEditableVariable)
   
-  internalVariables.value = editableVariables.map(variable => ({
+  // 保存当前的文件变量状态
+  const currentFileStates = new Map<string, { fileName?: string; fileObject?: File; fileUploaded?: boolean; fileList?: Array<{ name: string; file?: File }>; fileListUploaded?: boolean }>()
+  
+  // 保存现有的文件变量状态
+  internalVariables.value.forEach(variable => {
+    if (variable.var_type === 'file' || variable.var_type === 'array[file]') {
+      currentFileStates.set(variable.name, {
+        fileName: variable.fileName,
+        fileObject: variable.fileObject,
+        fileUploaded: variable.fileUploaded,
+        fileList: variable.fileList,
+        fileListUploaded: variable.fileListUploaded
+      })
+    }
+  })
+  
+  internalVariables.value = editableVariables.map(variable => {
+    // 处理文件类型变量的特殊逻辑
+    let fileName: string | undefined = undefined
+    let fileList: Array<{ name: string; file?: File }> = []
+    let fileObject: File | undefined = undefined
+    let fileUploaded: boolean = false
+    let fileListUploaded: boolean = false
+    
+    // 🔑 重要：优先使用用户已输入的文件状态
+    const existingFileState = currentFileStates.get(variable.name)
+    if (existingFileState) {
+      fileName = existingFileState.fileName
+      fileObject = existingFileState.fileObject
+      fileUploaded = existingFileState.fileUploaded || false
+      fileList = existingFileState.fileList || []
+      fileListUploaded = existingFileState.fileListUploaded || false
+    } else if (variable.var_type === 'file' && variable.value) {
+      // 从后端返回的文件变量数据中提取文件名
+      try {
+        let fileValue = variable.value
+        if (typeof fileValue === 'string') {
+          // 如果value是字符串，尝试解析JSON
+          fileValue = JSON.parse(fileValue)
+        }
+        
+        if (typeof fileValue === 'object' && fileValue !== null) {
+          // 如果有file_id，说明文件已上传，需要显示文件名
+          if (fileValue.file_id) {
+            // 🔑 重要：这里应该根据file_id获取文件名，但暂时使用file_id作为显示
+            // 在实际应用中，可能需要调用文件服务API获取文件名
+            fileName = `已上传文件 (${fileValue.file_id.substring(0, 8)}...)`
+            // 标记为已上传状态
+            fileUploaded = true
+          }
+        }
+              } catch (e) {
+        // 解析失败，使用默认值
+      }
+    } else if (variable.var_type === 'array[file]' && variable.value) {
+      // 处理文件数组类型
+      try {
+        let fileValue = variable.value
+        if (typeof fileValue === 'string') {
+          fileValue = JSON.parse(fileValue)
+        }
+        
+        if (typeof fileValue === 'object' && fileValue !== null && Array.isArray(fileValue.file_ids)) {
+          // 如果有file_ids，说明文件已上传
+          fileList = fileValue.file_ids.map((fileId: string) => ({
+            name: `已上传文件 (${fileId.substring(0, 8)}...)`
+          }))
+          // 标记为已上传状态
+          fileListUploaded = true
+        }
+      } catch (e) {
+        // 解析失败，使用默认值
+      }
+    }
+    
+    return {
     ...variable,
     displayValue: getVariableDisplayValue(variable.value),
-    // 初始化特殊类型的属性
     booleanValue: variable.var_type === 'boolean' ? (variable.value === true || variable.value === 'true') : undefined,
-    fileName: variable.var_type === 'file' && variable.value?.name ? variable.value.name : undefined,
-    fileList: variable.var_type === 'array[file]' && Array.isArray(variable.value) 
-      ? variable.value.map(v => ({ name: v.name || v, file: v })) 
-      : [],
+      fileName: fileName,
+      fileObject: fileObject,
+      fileUploaded: fileUploaded,
+      fileList: fileList,
+      fileListUploaded: fileListUploaded,
     stringArray: variable.var_type === 'array[string]' && Array.isArray(variable.value) 
       ? [...variable.value] 
       : [],
     stringArrayInput: ''
-  }))
+    }
+  })
 }
 
-// 获取变量显示值
-const getVariableDisplayValue = (value: any): string => {
-  if (value === null || value === undefined) return ''
-  if (typeof value === 'object') return JSON.stringify(value)
-  return String(value)
-}
+// 这个函数已被新的两阶段批量处理逻辑替代，不再需要
 
-// 获取变量类型显示
-const getVariableTypeDisplay = (type: string): string => {
-  const typeMap: Record<string, string> = {
-    'string': 'String',
-    'number': 'Number', 
-    'boolean': 'Boolean',
-    'object': 'Object',
-    'array': 'Array'
+// 从变量中提取文件配置信息（不包括file_id/file_ids）
+const getFileConfigFromVariable = (variable: Variable): any => {
+  try {
+    if (variable.value && typeof variable.value === 'object') {
+      const { file_id, file_ids, ...config } = variable.value
+      return config
+    }
+  } catch (e) {
+    // 解析失败，返回默认配置
+  }
+  
+  // 返回默认文件配置
+  return {
+    supported_types: [],
+    upload_methods: ["manual"],
+    max_files: variable.var_type === 'file' ? 1 : 10,
+    max_file_size: 10 * 1024 * 1024, // 10MB
+    required: false
   }
-  return typeMap[type] || type
 }
 
-// 获取变量占位符
-const getVariablePlaceholder = (variable: Variable): string => {
+// 处理变量值
+const processVariableValue = (variable: Variable): any => {
   switch (variable.var_type) {
-    case 'string':
-      return '请输入文本值'
-    case 'number':
-      return '请输入数字'
     case 'boolean':
-      return 'true 或 false'
+      return variable.booleanValue
+    case 'number': {
+      const numValue = Number(variable.displayValue)
+      return isNaN(numValue) ? variable.value : numValue
+    }
     case 'object':
-      return '请输入JSON格式'
-    case 'secret':
-      return '请输入密钥'
+      try {
+        return JSON.parse(variable.displayValue || '{}')
+      } catch {
+        return variable.displayValue
+      }
     case 'array[string]':
-      return '输入字符串值'
+      return variable.stringArray || []
     default:
-      return '请输入变量值'
+      return variable.displayValue || variable.value
   }
 }
 
-// 获取文件接受类型
-const getFileAcceptTypes = (): string => {
-  return '.pdf,.docx,.doc,.txt,.md,.xlsx'
-}
-
 // 批量更新所有变量到后端
 const batchUpdateVariables = async (conversationId: string) => {
-  if (!conversationId) {
-    return false;
-  }
+  if (!conversationId) return false
 
-  // 只更新用户可编辑的变量
   const editableVariables = internalVariables.value.filter(isEditableVariable)
-
-  if (editableVariables.length === 0) {
-    return true;
-  }
+  if (editableVariables.length === 0) return true
 
   try {
-    const updatePromises = editableVariables.map(async (variable) => {
-      const updateParams = {
-        name: variable.name,
-        scope: 'conversation',
-        conversation_id: conversationId,
-        flow_id: props.flowId
-      };
-      
-      // 根据变量类型处理值
-      let processedValue = variable.displayValue || variable.value;
-      
-      // 特殊类型的值处理
-      if (variable.var_type === 'boolean') {
-        processedValue = variable.booleanValue;
-      } else if (variable.var_type === 'number' && variable.displayValue) {
-        const numValue = Number(variable.displayValue);
-        processedValue = isNaN(numValue) ? variable.value : numValue;
-      } else if (variable.var_type === 'object' && variable.displayValue) {
-        try {
-          processedValue = JSON.parse(variable.displayValue);
-        } catch (error) {
-          console.warn(`⚠️ 变量 ${variable.name} JSON 解析失败，使用原始值`);
-          processedValue = variable.displayValue;
-        }
-      } else if (variable.var_type === 'array[string]') {
-        processedValue = variable.stringArray || [];
-      } else if (variable.var_type === 'file') {
-        processedValue = variable.fileName ? { name: variable.fileName } : null;
-      } else if (variable.var_type === 'array[file]') {
-        processedValue = variable.fileList ? variable.fileList.map(f => ({ name: f.name })) : [];
-      }
-      
-      const updateData = {
-        value: processedValue,
-        var_type: variable.var_type,
-        description: variable.description
-      };
-      
+    // 🔑 新的两阶段处理流程
+    
+    // 第一阶段：更新所有变量（包括清空文件变量的file_id）
+    const updateResults: Array<{ success: boolean; variable: string; error?: any }> = []
+    
+    for (const variable of editableVariables) {
       try {
-        const result = await updateVariable(updateParams, updateData);
-        return { success: true, variable: variable.name };
+        let processedValue
+        
+        if (variable.var_type === 'file' || variable.var_type === 'array[file]') {
+          // 文件变量：清空file_id但保留配置
+          const isArrayType = variable.var_type === 'array[file]'
+          processedValue = isArrayType ? 
+            { file_ids: [], ...getFileConfigFromVariable(variable) } : 
+            { file_id: "", ...getFileConfigFromVariable(variable) }
+        } else {
+          // 非文件变量：正常处理值
+          processedValue = processVariableValue(variable)
+        }
+        
+        await updateVariable(
+          { 
+            name: variable.name, 
+            scope: 'conversation',
+            conversation_id: conversationId,
+            flow_id: props.flowId
+          },
+          { 
+            value: processedValue,
+            var_type: variable.var_type,
+            description: variable.description
+          }
+        )
+        
+        updateResults.push({ success: true, variable: variable.name })
       } catch (error) {
-        console.error(`❌ 变量 ${variable.name} 更新失败:`, error);
-        return { success: false, variable: variable.name, error };
+        console.error(`变量 ${variable.name} 更新失败:`, error)
+        updateResults.push({ success: false, variable: variable.name, error })
       }
-    });
+    }
+    
+    // 检查第一阶段是否有失败
+    const failedUpdates = updateResults.filter(r => !r.success)
+    if (failedUpdates.length > 0) {
+      ElMessage.error(`变量更新失败: ${failedUpdates.map(r => r.variable).join(', ')}`)
+      return false
+    }
+    
+    // 第二阶段：处理文件上传
+    const fileVariables = editableVariables.filter(v => v.var_type === 'file' || v.var_type === 'array[file]')
+    const fileVariablesWithFiles = fileVariables.filter(v => 
+      (v.var_type === 'file' && v.fileName) || 
+      (v.var_type === 'array[file]' && v.fileList && v.fileList.length > 0)
+    )
     
-    const results = await Promise.all(updatePromises);
-    const successCount = results.filter(r => r.success).length;
-    const failCount = results.length - successCount;
+    if (fileVariablesWithFiles.length > 0) {
+      for (const variable of fileVariablesWithFiles) {
+        const isArrayType = variable.var_type === 'array[file]'
+        const isUploaded = isArrayType ? variable.fileListUploaded : variable.fileUploaded
         
-    if (successCount > 0) {
-      emit('variableUpdated');
+        if (!isUploaded) {
+          try {
+            // 准备上传数据
+            const formData = new FormData()
+            if (isArrayType) {
+              variable.fileList?.forEach(fileItem => {
+                if (fileItem.file) formData.append('documents', fileItem.file)
+              })
+            } else if (variable.fileObject) {
+              formData.append('documents', variable.fileObject)
+            }
+
+            // 上传文件
+            const [error] = await uploadFilesForVariable(
+              formData,
+              conversationId,
+              variable.name,
+              variable.var_type,
+              'conversation',
+              props.flowId
+            )
+
+            if (error) {
+              // 提取具体的错误信息
+              let errorMessage = '文件上传失败'
+              
+              try {
+                if (error?.response?.data) {
+                  const responseData = error.response.data
+                  if (typeof responseData === 'string') {
+                    try {
+                      const parsedData = JSON.parse(responseData)
+                      if (parsedData.detail) {
+                        errorMessage = parsedData.detail
+                      } else if (parsedData.message) {
+                        errorMessage = parsedData.message
+                      }
+                    } catch (jsonError) {
+                      errorMessage = responseData
+                    }
+                  } else if (typeof responseData === 'object') {
+                    if (responseData.detail) {
+                      errorMessage = responseData.detail
+                    } else if (responseData.message) {
+                      errorMessage = responseData.message
+                    }
+                  }
+                } else if (error?.response?.statusText) {
+                  errorMessage = error.response.statusText
+                } else if (error?.detail) {
+                  errorMessage = error.detail
+                } else if (error?.message) {
+                  errorMessage = error.message
+                }
+              } catch (parseError) {
+                // 解析错误信息时出错，使用默认消息
+              }
+              
+              ElMessage.error(errorMessage)
+              
+              // 清空文件缓存
+              if (isArrayType) {
+                variable.fileList = []
+                variable.fileListUploaded = false
+              } else {
+                variable.fileName = undefined
+                variable.fileObject = undefined
+                variable.fileUploaded = false
+              }
+              
+              // 文件上传失败时，清理可能已创建的无效会话
+              try {
+                await deleteSession({ conversationList: [conversationId] })
+              } catch (cleanupError) {
+                // 清理无效会话失败，静默处理
+              }
+              
+              return false
+            }
+
+            // 标记上传完成
+            if (isArrayType) {
+              variable.fileListUploaded = true
+            } else {
+              variable.fileUploaded = true
+            }
+          } catch (error) {
+            console.error(`文件变量 ${variable.name} 上传失败:`, error)
+            ElMessage.error(`文件变量 ${variable.name} 上传失败`)
+            return false
+          }
+        }
+      }
     }
     
-    return successCount > 0; // 只要有一个成功就继续
+    emit('variableUpdated')
+    return true
   } catch (error) {
-    console.error('❌ 批量更新变量失败:', error);
-    return false;
+    console.error('批量更新变量失败:', error)
+    ElMessage.error('变量更新失败，无法开始对话')
+    return false
   }
-};
+}
 
 // 处理变量输入事件（不触发API调用）
 const handleVariableInput = (variable: Variable) => {
   // 只做本地状态更新，不调用API
-};
-
-// 暴露方法给父组件调用
-defineExpose({
-  batchUpdateVariables
-});
+}
 
-// 更新布尔变量
-const updateBooleanVariable = async (variable: Variable) => {
+// 处理变量更新
+const handleVariableUpdate = async (variable: Variable) => {
+  // 🔑 重要设计决策：
+  // 1. 如果没有conversationId（配置阶段），只做前端缓存更新，不调用后端
+  // 2. 如果有conversationId（运行阶段），保持即时更新以支持调试
+  // 3. 文件变量的删除操作统一延迟到批量更新，避免复杂的状态管理
+  
   if (!props.conversationId) {
-    ElMessage.error('缺少对话ID，无法保存变量')
+    // 配置阶段：只做前端缓存，不调用后端
+    ElMessage.success('变量值已更新，开始对话时将同步到后端')
     return
   }
-
+  
+  // 运行阶段：对非文件变量提供即时更新支持
+  if (variable.var_type === 'file' || variable.var_type === 'array[file]') {
+    // 文件变量：不做即时更新，等待批量处理
+    ElMessage.success('文件变量已更新，开始对话时将同步到后端')
+    return
+  }
+  
+  // 非文件变量：提供即时更新（支持调试模式）
   try {
     await updateVariable(
       { 
@@ -428,174 +715,105 @@ const updateBooleanVariable = async (variable: Variable) => {
         flow_id: props.flowId
       },
       { 
-        value: variable.booleanValue,
+        value: processVariableValue(variable),
         var_type: variable.var_type,
         description: variable.description
       }
     )
-
     ElMessage.success('变量值已更新')
     emit('variableUpdated')
   } catch (error) {
-    console.error('更新变量失败:', error)
     ElMessage.error('更新变量失败')
   }
 }
 
+// 暴露方法给父组件调用
+defineExpose({ batchUpdateVariables })
+
 // 处理文件选择
 const handleFileChange = async (variable: Variable, file: any) => {
   if (!file) return
   
   variable.fileName = file.name
-  // 这里可以添加文件上传逻辑
-  try {
-    // 模拟文件处理，实际需要根据API调整
-    await updateVariable(
-      { 
-        name: variable.name, 
-        scope: 'conversation',
-        conversation_id: props.conversationId,
-        flow_id: props.flowId
-      },
-      { 
-        value: { name: file.name, size: file.size },
-        var_type: variable.var_type,
-        description: variable.description
-      }
-    )
-    
-    ElMessage.success('文件已选择')
-    emit('variableUpdated')
-  } catch (error) {
-    console.error('处理文件失败:', error)
-    ElMessage.error('处理文件失败')
-  }
+  variable.fileObject = file.raw || file
+  variable.fileUploaded = false
+  
+  // 🔑 与新的两阶段处理设计保持一致：
+  // 文件选择只做前端缓存，不立即调用后端API
+  // 后端状态将在开始对话时通过两阶段处理统一更新
+  ElMessage.success('文件已选择，开始对话时将上传')
 }
 
 // 清除文件变量
 const clearFileVariable = async (variable: Variable) => {
+  // 🔑 重要优化：只做前端缓存清理，不立即调用后端API
+  // 后端状态将在开始对话时通过两阶段处理统一更新
   variable.fileName = undefined
+  variable.fileObject = undefined
+  variable.fileUploaded = false
   
-  try {
-    await updateVariable(
-      { 
-        name: variable.name, 
-        scope: 'conversation',
-        conversation_id: props.conversationId,
-        flow_id: props.flowId
-      },
-      { 
-        value: null,
-        var_type: variable.var_type,
-        description: variable.description
-      }
-    )
-    
-    ElMessage.success('文件已清除')
-    emit('variableUpdated')
-  } catch (error) {
-    console.error('清除文件失败:', error)
-    ElMessage.error('清除文件失败')
-  }
+  // 🔑 与新的两阶段处理设计保持一致：
+  // 1. 删除操作只影响前端缓存
+  // 2. 后端变量池的更新留给batchUpdateVariables处理
+  // 3. 这样确保所有变量更新都在同一个事务中，避免状态冲突
+  
+  ElMessage.success('文件已移除，开始对话时将同步到后端')
 }
 
 // 处理文件数组选择
 const handleFileArrayChange = async (variable: Variable, fileList: any[]) => {
-  if (!variable.fileList) {
-    variable.fileList = []
-  }
+  if (!variable.fileList) variable.fileList = []
   
-  variable.fileList = fileList.map(file => ({
-    name: file.name,
-    file: file.raw || file
-  }))
+  // 🔑 重要修复：过滤掉已经在内部列表中的文件，避免重复
+  const existingFileNames = new Set(variable.fileList.map(f => f.name))
+  const newFiles = fileList.filter(file => !existingFileNames.has(file.name))
   
-  try {
-    const fileData = variable.fileList.map(f => ({ name: f.name, size: f.file.size }))
-    await updateVariable(
-      { 
-        name: variable.name, 
-        scope: 'conversation',
-        conversation_id: props.conversationId,
-        flow_id: props.flowId
-      },
-      { 
-        value: fileData,
-        var_type: variable.var_type,
-        description: variable.description
-      }
-    )
-    
-    ElMessage.success('文件列表已更新')
-    emit('variableUpdated')
-  } catch (error) {
-    console.error('更新文件列表失败:', error)
-    ElMessage.error('更新文件列表失败')
-  }
+  // 🔑 只添加新文件，保持现有文件
+  newFiles.forEach(file => {
+    variable.fileList!.push({
+      name: file.name,
+      file: file.raw || file
+    })
+  })
+  
+  variable.fileListUploaded = false
+  
+  // 🔑 与新的两阶段处理设计保持一致：
+  // 文件选择只做前端缓存，不立即调用后端API
+  // 后端状态将在开始对话时通过两阶段处理统一更新
+  ElMessage.success('文件已选择，开始对话时将上传')
 }
 
 // 从文件数组中移除文件
 const removeFileFromArray = async (variable: Variable, index: number) => {
   if (!variable.fileList) return
   
+  // 🔑 重要优化：只做前端缓存清理，不立即调用后端API
+  // 后端状态将在开始对话时通过两阶段处理统一更新
+  const removedFile = variable.fileList[index]
   variable.fileList.splice(index, 1)
   
-  try {
-    const fileData = variable.fileList.map(f => ({ name: f.name, size: f.file.size }))
-    await updateVariable(
-      { 
-        name: variable.name, 
-        scope: 'conversation',
-        conversation_id: props.conversationId,
-        flow_id: props.flowId
-      },
-      { 
-        value: fileData,
-        var_type: variable.var_type,
-        description: variable.description
-      }
-    )
-    
-    ElMessage.success('文件已移除')
-    emit('variableUpdated')
-  } catch (error) {
-    console.error('移除文件失败:', error)
-    ElMessage.error('移除文件失败')
-  }
+  // 🔑 与新的两阶段处理设计保持一致：
+  // 1. 删除操作只影响前端缓存
+  // 2. 后端变量池的更新留给batchUpdateVariables处理
+  // 3. 这样确保所有变量更新都在同一个事务中，避免状态冲突
+  
+  ElMessage.success(`文件 "${removedFile.name}" 已移除，开始对话时将同步到后端`)
 }
 
 // 添加字符串到数组
 const addStringToArray = (variable: Variable) => {
-  if (!variable.stringArrayInput || !variable.stringArrayInput.trim()) return
+  if (!variable.stringArrayInput?.trim()) return
   
-  if (!variable.stringArray) {
-    variable.stringArray = []
-  }
+  if (!variable.stringArray) variable.stringArray = []
   
   const value = variable.stringArrayInput.trim()
   if (!variable.stringArray.includes(value)) {
     variable.stringArray.push(value)
     variable.stringArrayInput = ''
-    updateStringArrayVariable(variable)
-  }
-}
-
-// 处理字符串数组输入（支持逗号分隔）
-const processStringArrayInput = (variable: Variable) => {
-  if (!variable.stringArrayInput || !variable.stringArrayInput.trim()) return
-  
-  if (!variable.stringArray) {
-    variable.stringArray = []
-  }
-  
-  const values = variable.stringArrayInput.split(',')
-    .map(v => v.trim())
-    .filter(v => v && !variable.stringArray!.includes(v))
-  
-  if (values.length > 0) {
-    variable.stringArray.push(...values)
-    variable.stringArrayInput = ''
-    updateStringArrayVariable(variable)
+    if (props.conversationId) {
+      handleVariableUpdate(variable)
+    }
   }
 }
 
@@ -604,106 +822,38 @@ const removeStringFromArray = (variable: Variable, index: number) => {
   if (!variable.stringArray) return
   
   variable.stringArray.splice(index, 1)
-  updateStringArrayVariable(variable)
-}
-
-// 更新字符串数组变量
-const updateStringArrayVariable = async (variable: Variable) => {
-  if (!props.conversationId) {
-    ElMessage.error('缺少对话ID，无法保存变量')
-    return
-  }
-
-  try {
-    await updateVariable(
-      { 
-        name: variable.name, 
-        scope: 'conversation',
-        conversation_id: props.conversationId,
-        flow_id: props.flowId
-      },
-      { 
-        value: variable.stringArray || [],
-        var_type: variable.var_type,
-        description: variable.description
-      }
-    )
-
-    ElMessage.success('字符串数组已更新')
-    emit('variableUpdated')
-  } catch (error) {
-    console.error('更新字符串数组失败:', error)
-    ElMessage.error('更新字符串数组失败')
+  if (props.conversationId) {
+    handleVariableUpdate(variable)
   }
 }
 
-// 更新变量值
-const updateVariableValue = async (variable: Variable) => {
-  if (!props.conversationId) {
-    ElMessage.error('缺少对话ID，无法保存变量')
-    return
-  }
-
-  try {
-    const displayValue = variable.displayValue || ''
-    let value: any = displayValue
-
-    // 根据变量类型转换值
-    if (variable.var_type === 'number') {
-      const numValue = Number(displayValue)
-      if (isNaN(numValue)) {
-        ElMessage.error('请输入有效的数字')
-        return
-      }
-      value = numValue
-    } else if (variable.var_type === 'boolean') {
-      if (displayValue === 'true' || displayValue === '1') {
-        value = true
-      } else if (displayValue === 'false' || displayValue === '0') {
-        value = false
-      } else {
-        ElMessage.error('布尔值请输入 true 或 false')
-        return
-      }
-    } else if (variable.var_type === 'object') {
-      try {
-        value = JSON.parse(displayValue)
-      } catch (error) {
-        ElMessage.error('JSON格式不正确')
-        return
-      }
-    }
 
-    // 调用API更新变量
-    await updateVariable(
-      { 
-        name: variable.name, 
-        scope: 'conversation',
-        conversation_id: props.conversationId,
-        flow_id: props.flowId
-      },
-      { 
-        value,
-        var_type: variable.var_type,
-        description: variable.description
-      }
-    )
-
-    ElMessage.success('变量值已更新')
-    emit('variableUpdated')
-  } catch (error) {
-    console.error('更新变量失败:', error)
-    ElMessage.error('更新变量失败')
-  }
-}
 
 // 监听props变化，重新初始化内部变量（只在外部数据源变化时）
 watch(
   () => props.conversationVariables,
-  (newVariables) => {
-    if (newVariables && newVariables.length >= 0) {
+  (newVariables, oldVariables) => {
+    // 🔑 重要修复：只在以下情况重新初始化
+    // 1. 首次加载（immediate: true）
+    // 2. 变量数量发生变化（新增或删除变量）
+    // 3. 变量类型发生变化
+    if (!oldVariables || newVariables.length !== oldVariables.length) {
+      initializeInternalVariables();
+      return;
+    }
+    
+    // 检查变量类型是否发生变化
+    const hasTypeChange = newVariables.some((newVar, index) => {
+      const oldVar = oldVariables[index];
+      return oldVar && (newVar.name !== oldVar.name || newVar.var_type !== oldVar.var_type);
+    });
+    
+    if (hasTypeChange) {
       initializeInternalVariables();
+      return;
     }
+    
+    // 如果只是变量值的变化，不重新初始化，保持用户输入的状态
   },
   { immediate: true }
 )
@@ -879,28 +1029,144 @@ watch(
                 :deep(.el-upload) {
                   width: 100%;
                 }
+                
+                :deep(.el-upload-dragger) {
+                  width: 100%;
+                  height: 120px;
+                  border: 2px dashed var(--el-border-color);
+                  border-radius: 8px;
+                  background: var(--el-fill-color-extra-light);
+                  transition: all 0.3s ease;
+                  
+                  &:hover {
+                    border-color: var(--el-color-primary);
+                    background: var(--el-color-primary-light-9);
+                  }
+                  
+                  &.is-dragover {
+                    border-color: var(--el-color-primary);
+                    background: var(--el-color-primary-light-8);
+                  }
+                }
+                
+                .upload-trigger {
+                  display: flex;
+                  flex-direction: column;
+                  align-items: center;
+                  justify-content: center;
+                  height: 100%;
+                  padding: 20px;
+                  
+                  .upload-icon {
+                    font-size: 28px;
+                    color: var(--el-color-primary);
+                    margin-bottom: 8px;
+                  }
+                  
+                  .upload-text {
+                    text-align: center;
+                    
+                    span {
+                      display: block;
+                      font-size: 14px;
+                      color: var(--el-text-color-primary);
+                      margin-bottom: 4px;
+                    }
+                    
+                    .upload-hint {
+                      font-size: 12px;
+                      color: var(--el-text-color-secondary);
+                    }
+                  }
+                }
+                
+                .upload-tip {
+                margin-top: 8px;
+                  font-size: 12px;
+                  color: var(--el-text-color-secondary);
+                  text-align: center;
+                }
               }
 
-              .selected-file,
-              .selected-files {
-                margin-top: 8px;
+              .file-list {
+                margin-top: 12px;
                 
                 .file-item {
                   display: flex;
                   align-items: center;
                   justify-content: space-between;
-                  padding: 4px 8px;
+                  padding: 8px 12px;
                   background: var(--el-fill-color-extra-light);
-                  border-radius: 4px;
-                  margin-bottom: 4px;
+                  border: 1px solid var(--el-border-color-lighter);
+                  border-radius: 6px;
+                  margin-bottom: 8px;
+                  transition: all 0.2s ease;
+                  
+                  &:hover {
+                    background: var(--el-fill-color-light);
+                    border-color: var(--el-color-primary-light-7);
+                  }
+                  
+                  &:last-child {
+                    margin-bottom: 0;
+                  }
+                  
+                  .file-info {
+                    display: flex;
+                    align-items: center;
+                    flex: 1;
+                    min-width: 0;
+                    
+                    .file-icon {
+                      font-size: 16px;
+                      color: var(--el-color-primary);
+                      margin-right: 8px;
+                      flex-shrink: 0;
+                    }
                   
                   .file-name {
-                    font-size: 12px;
-                    color: var(--el-text-color-regular);
+                      font-size: 13px;
+                      color: var(--el-text-color-primary);
                     flex: 1;
                     overflow: hidden;
                     text-overflow: ellipsis;
                     white-space: nowrap;
+                      margin-right: 8px;
+                    }
+                    
+                    .file-status {
+                      display: flex;
+                      align-items: center;
+                      font-size: 12px;
+                      padding: 2px 6px;
+                      border-radius: 4px;
+                      flex-shrink: 0;
+                      
+                      .el-icon {
+                        margin-right: 4px;
+                        font-size: 12px;
+                      }
+                      
+                      &.success {
+                        color: var(--el-color-success);
+                        background: var(--el-color-success-light-9);
+                      }
+                      
+                      &.pending {
+                        color: var(--el-color-warning);
+                        background: var(--el-color-warning-light-9);
+                      }
+                    }
+                  }
+                  
+                  .file-remove {
+                    flex-shrink: 0;
+                    margin-left: 8px;
+                    
+                    &:hover {
+                      color: var(--el-color-danger);
+                      background: var(--el-color-danger-light-9);
+                    }
                   }
                 }
               }
@@ -956,7 +1222,7 @@ watch(
 // 面板展开/收起动画
 .panel-slide-enter-active,
 .panel-slide-leave-active {
-  transition: all 0.3s ease;
+  transition: all 0.15s ease;
 }
 
 .panel-slide-enter-from,
diff --git a/src/views/createapp/components/workFlowConfig/DirectReplyDrawer.vue b/src/views/createapp/components/workFlowConfig/DirectReplyDrawer.vue
index 4bc11a554dde32ce4a9f4e7eb32ffe935c336cec..6ace1af81222e064fd80469aa1093c3d83558c15 100644
--- a/src/views/createapp/components/workFlowConfig/DirectReplyDrawer.vue
+++ b/src/views/createapp/components/workFlowConfig/DirectReplyDrawer.vue
@@ -70,12 +70,56 @@
                    :flow-id="flowId"
                    :current-step-id="nodeId"
                    placeholder="请输入回复内容，可以使用变量插入功能..."
+                   @variable-inserted="handleFileVariableInserted"
                  />
                 
                 <!-- 字符统计 -->
                 <div class="char-count">
                   {{ getCharCount() }} 字符
                 </div>
+                
+
+                
+                <!-- 文件变量附件区域 -->
+                <div v-if="nodeConfig.fileVariables && nodeConfig.fileVariables.length > 0" class="file-variables-section">
+                  <div class="file-variables-header">
+                    <span class="header-icon">
+                      <AttachmentIcon />
+                    </span>
+                    <span class="header-title">附件变量</span>
+                    <span class="file-count">({{ nodeConfig.fileVariables.length }})</span>
+                  </div>
+                  <div class="file-variables-list">
+                    <div 
+                      v-for="(fileVar, index) in nodeConfig.fileVariables" 
+                      :key="fileVar.variableName"
+                      class="file-variable-card"
+                    >
+                      <div class="file-icon">
+                        <SingleFileIcon v-if="fileVar.fileType === 'file'" />
+                        <MultipleFilesIcon v-else-if="fileVar.fileType === 'array[file]'" />
+                        <AttachmentIcon v-else />
+                      </div>
+                      <div class="file-info">
+                        <div class="file-name">{{ fileVar.displayName }}</div>
+                        <div class="file-variable">{{ formatVariableDisplay(fileVar.variableName) }}</div>
+                        <div class="file-type">{{ fileVar.fileType === 'file' ? '单文件' : '多文件' }}</div>
+                      </div>
+                      <div class="file-actions">
+                        <el-button 
+                          size="small" 
+                          type="danger" 
+                          text 
+                          @click="removeFileVariable(index)"
+                          title="移除附件变量"
+                        >
+                          ✕
+                        </el-button>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                
               </div>
             </el-collapse-item>
           </el-collapse>
@@ -100,6 +144,9 @@ import { ElMessage } from 'element-plus'
 import { useI18n } from 'vue-i18n'
 import { IconCaretRight } from '@computing/opendesign-icons'
 import VariableRichTextEditor from '@/components/VariableRichTextEditor.vue'
+import AttachmentIcon from '@/components/icons/AttachmentIcon.vue'
+import SingleFileIcon from '@/components/icons/SingleFileIcon.vue'
+import MultipleFilesIcon from '@/components/icons/MultipleFilesIcon.vue'
 
 
 
@@ -107,6 +154,12 @@ interface NodeConfig {
   name: string
   description: string
   answer: string
+  fileVariables?: Array<{
+    variableName: string
+    fileName: string
+    fileType: string
+    displayName: string
+  }>
 }
 
 interface Props {
@@ -119,7 +172,7 @@ interface Props {
 const props = defineProps<Props>()
 const emit = defineEmits(['update:visible', 'saveNode'])
 
-const { t } = useI18n()
+// const { t } = useI18n() // 暂时不使用
 
 // 响应式数据
 const drawerVisible = ref(false)
@@ -133,7 +186,8 @@ const textEditorRef = ref()
 const nodeConfig = ref<NodeConfig>({
   name: '回答',
   description: '',
-  answer: ''
+  answer: '',
+  fileVariables: []
 })
 
 // 监听显示状态
@@ -153,17 +207,34 @@ watch(drawerVisible, (newVal) => {
 // 初始化节点数据
 const initializeNodeData = () => {
   if (props.nodeData) {
+    // 从attachment字典中恢复fileVariables数组
+    const attachment = props.nodeData.parameters?.input_parameters?.attachment
+    
+    let fileVariables: any[] = []
+    
+    if (attachment && typeof attachment === 'object' && !Array.isArray(attachment)) {
+      // 新格式：attachment是对象字典
+      fileVariables = Object.entries(attachment).map(([key, varInfo]: [string, any]) => {
+        return {
+          variableName: varInfo.variableName || key,
+          fileName: varInfo.variableName || key,
+          fileType: varInfo.fileType || 'file',
+          displayName: varInfo.displayName || `conversation.${key}`
+        }
+      })
+    }
+    
     nodeConfig.value = {
       name: props.nodeData.name || '回答',
       description: props.nodeData.description || '',
-      answer: props.nodeData.parameters?.input_parameters?.answer || ''
+      answer: props.nodeData.parameters?.input_parameters?.answer || '',
+      fileVariables: fileVariables
     }
+
     nodeName.value = nodeConfig.value.name
   }
 }
 
-
-
 const getCharCount = (): number => {
   if (!nodeConfig.value.answer) return 0
   // 移除变量标签，只计算实际文本字符数
@@ -171,6 +242,76 @@ const getCharCount = (): number => {
   return textOnly.length
 }
 
+// 处理文件变量插入
+const handleFileVariableInserted = (variable: any) => {
+  // 如果传入的是Variable对象
+  if (typeof variable === 'object' && variable.var_type) {
+    if (variable.var_type === 'file' || variable.var_type === 'array[file]') {
+      // 检查是否已存在相同的文件变量
+      const existingIndex = nodeConfig.value.fileVariables?.findIndex(f => f.variableName === variable.name)
+      if (existingIndex !== undefined && existingIndex >= 0) {
+        ElMessage.warning(`文件变量 ${variable.name} 已存在，无需重复添加`)
+        return
+      }
+      
+      // 添加到文件变量列表中而不是插入到文本编辑器
+      const fileVar = {
+        variableName: variable.name,
+        fileName: variable.name,
+        fileType: variable.var_type,
+        displayName: getVariableDisplayName(variable)
+      }
+      
+      // 添加新的文件变量
+      if (!nodeConfig.value.fileVariables) {
+        nodeConfig.value.fileVariables = []
+      }
+      nodeConfig.value.fileVariables.push(fileVar)
+    }
+  }
+  // 如果传入的是字符串变量名（向后兼容）
+  else if (typeof variable === 'string') {
+    // 这里需要根据变量名查找变量类型，暂时跳过
+    console.log('收到字符串变量名:', variable)
+  }
+}
+
+// 获取变量显示名称
+const getVariableDisplayName = (variable: any): string => {
+  if (variable.scope === 'system') {
+    const nameMap: Record<string, string> = {
+      'query': 'system.query',
+      'files': 'system.files',
+      'dialogue_count': 'system.dialogue_count',
+      'app_id': 'system.app_id',
+      'flow_id': 'system.flow_id',
+      'user_id': 'system.user_id',
+      'session_id': 'system.session_id',
+      'timestamp': 'system.timestamp'
+    }
+    return nameMap[variable.name] || `system.${variable.name}`
+  }
+  
+  // 特殊处理具备step_id的conversation变量
+  if (variable.scope === 'conversation' && variable.step_id && variable.step) {
+    return `${variable.step}.${variable.name}`
+  }
+  
+  return `${variable.scope}.${variable.name}`
+}
+
+// 移除文件变量
+const removeFileVariable = (index: number) => {
+  if (nodeConfig.value.fileVariables) {
+    nodeConfig.value.fileVariables.splice(index, 1)
+  }
+}
+
+// 格式化变量显示
+const formatVariableDisplay = (variableName: string) => {
+  return `变量: {{${variableName}}}`
+}
+
 const closeDrawer = () => {
   drawerVisible.value = false
 }
@@ -189,7 +330,15 @@ const saveNode = () => {
     callId: 'DirectReply',
     parameters: {
       input_parameters: {
-        answer: nodeConfig.value.answer
+        answer: nodeConfig.value.answer,
+        attachment: nodeConfig.value.fileVariables?.reduce((acc, fileVar) => {
+          acc[fileVar.variableName] = {
+            variableName: fileVar.variableName,
+            displayName: fileVar.displayName,
+            fileType: fileVar.fileType
+          }
+          return acc
+        }, {} as Record<string, any>) || {}
       },
       output_parameters: {}
     }
@@ -199,6 +348,8 @@ const saveNode = () => {
   closeDrawer()
 }
 
+
+
 // 生命周期
 onMounted(() => {
   if (props.visible) {
@@ -250,6 +401,116 @@ onMounted(() => {
         color: #909399;
         margin-top: 8px;
       }
+      
+      .file-variables-section {
+        margin-top: 16px;
+        padding-top: 16px;
+        border-top: 1px solid #ebeef5;
+        
+        .file-variables-header {
+          display: flex;
+          align-items: center;
+          gap: 8px;
+          margin-bottom: 12px;
+          font-size: 14px;
+          font-weight: 500;
+          color: #303133;
+          
+          .header-icon {
+            width: 16px;
+            height: 16px;
+            color: #606266;
+            
+            svg {
+              width: 100%;
+              height: 100%;
+            }
+          }
+          
+          .file-count {
+            color: #909399;
+            font-weight: normal;
+          }
+        }
+        
+        .file-variables-list {
+          display: flex;
+          flex-direction: column;
+          gap: 8px;
+        }
+        
+        .file-variable-card {
+          display: flex;
+          align-items: center;
+          gap: 12px;
+          padding: 12px;
+          border: 1px solid #e4e7ed;
+          border-radius: 6px;
+          background-color: #f8f9fa;
+          transition: all 0.2s ease;
+          
+          &:hover {
+            border-color: #c0c4cc;
+            background-color: #f5f7fa;
+          }
+          
+          .file-icon {
+            width: 20px;
+            height: 20px;
+            min-width: 20px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            color: #409eff;
+            
+            svg {
+              width: 100%;
+              height: 100%;
+            }
+          }
+          
+          .file-info {
+            flex: 1;
+            min-width: 0;
+            
+            .file-name {
+              font-size: 14px;
+              font-weight: 500;
+              color: #303133;
+              white-space: nowrap;
+              overflow: hidden;
+              text-overflow: ellipsis;
+            }
+            
+            .file-variable {
+              font-size: 12px;
+              color: #606266;
+              margin-top: 2px;
+              font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+              background-color: #f1f2f3;
+              padding: 2px 6px;
+              border-radius: 3px;
+              display: inline-block;
+            }
+            
+            .file-type {
+              font-size: 12px;
+              color: #909399;
+              margin-top: 4px;
+            }
+          }
+          
+          .file-actions {
+            .el-button {
+              padding: 4px 8px;
+              
+              &:hover {
+                color: #f56c6c;
+              }
+            }
+          }
+        }
+      }
     }
   }
 
diff --git a/src/views/createapp/components/workFlowConfig/FileExtractorDrawer.vue b/src/views/createapp/components/workFlowConfig/FileExtractorDrawer.vue
new file mode 100644
index 0000000000000000000000000000000000000000..b47cb5dc6a6819f2391c2c5a1b18958d5b2a9cb8
--- /dev/null
+++ b/src/views/createapp/components/workFlowConfig/FileExtractorDrawer.vue
@@ -0,0 +1,471 @@
+<template>
+  <el-drawer
+    :model-value="visible"
+    @update:model-value="emit('update:visible', $event)"
+    title="配置文件提取器"
+    direction="rtl"
+    size="600px"
+    :before-close="handleClose"
+    class="file-extractor-drawer"
+  >
+    <div class="drawer-content">
+      <!-- 基本信息 -->
+      <div class="section">
+        <h3 class="section-title">基本信息</h3>
+        <el-form :model="formData" label-width="120px">
+          <el-form-item label="节点名称" required>
+            <el-input v-model="formData.name" placeholder="请输入节点名称" />
+          </el-form-item>
+          <el-form-item label="节点描述">
+            <el-input
+              v-model="formData.description"
+              type="textarea"
+              :rows="2"
+              placeholder="请输入节点描述"
+            />
+          </el-form-item>
+        </el-form>
+      </div>
+
+      <!-- 输入变量配置 -->
+      <div class="section">
+        <h3 class="section-title">输入变量</h3>
+        <div class="input-variable-section">
+          <el-form :model="formData" label-width="120px">
+            <el-form-item label="解析方法" required>
+              <el-select 
+                v-model="formData.parseMethod" 
+                placeholder="请选择文件解析方法"
+                :loading="parseMethodLoading"
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="option in parseMethodOptions"
+                  :key="option.value"
+                  :label="option.label"
+                  :value="option.value"
+                >
+                  <div class="parse-method-option">
+                    <div class="option-label">{{ option.label }}</div>
+                    <div v-if="option.description" class="option-description">
+                      {{ option.description }}
+                    </div>
+                  </div>
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item required>
+              <template #label>
+                <div class="label-with-tooltip">
+                  <span>输入文件</span>
+                  <el-tooltip 
+                    :content="`支持的文件类型：${supportedFileTypes.join(', ')}`"
+                    placement="top"
+                  >
+                    <el-icon class="help-icon">
+                      <QuestionFilled />
+                    </el-icon>
+                  </el-tooltip>
+                </div>
+              </template>
+              <VariableChooser
+                v-model="formData.target"
+                :flow-id="flowId"
+                :conversation-id="conversationId"
+                :current-step-id="nodeId"
+                placeholder="选择文件变量"
+                selector-placeholder="选择文件或文件数组变量"
+                :show-variable-name="false"
+                :show-label="false"
+                :show-actions="false"
+                :show-variable-info="false"
+                :type-filter="['file', 'array[file]']"
+                output-format="wrapped"
+                style="width: 100%"
+                prefix-icon="x"
+                suffix-label="File | Array[File]"
+                @variable-selected="handleTargetSelected"
+              />
+            </el-form-item>
+          </el-form>
+        </div>
+      </div>
+
+      <!-- 输出变量 -->
+      <div class="section">
+        <h3 class="section-title">输出变量</h3>
+        <div class="output-variable-section">
+          <div class="output-info">
+            <div class="output-item">
+              <div class="output-label">变量名</div>
+              <div class="output-value">text</div>
+            </div>
+            <div class="output-item">
+              <div class="output-label">类型</div>
+              <div class="output-value">
+                <el-tag type="primary">字符串</el-tag>
+              </div>
+            </div>
+            <div class="output-item">
+              <div class="output-label">描述</div>
+              <div class="output-value">提取的文本内容</div>
+            </div>
+          </div>
+          
+          <div class="output-info" style="margin-top: 12px;">
+            <div class="output-item">
+              <div class="output-label">变量名</div>
+              <div class="output-value">error</div>
+            </div>
+            <div class="output-item">
+              <div class="output-label">类型</div>
+              <div class="output-value">
+                <el-tag type="warning">字符串</el-tag>
+              </div>
+            </div>
+            <div class="output-item">
+              <div class="output-label">描述</div>
+              <div class="output-value">错误信息（如果有的话）</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 操作按钮 -->
+    <template #footer>
+      <div class="drawer-footer">
+        <el-button @click="handleClose">取消</el-button>
+        <el-button type="primary" @click="saveNode">保存</el-button>
+      </div>
+    </template>
+  </el-drawer>
+</template>
+
+<script setup lang="ts">
+import { ref, watch, nextTick } from 'vue';
+import { ElMessage } from 'element-plus';
+import { QuestionFilled } from '@element-plus/icons-vue';
+import VariableChooser from '@/components/VariableChooser.vue';
+import { api } from 'src/apis';
+
+const props = defineProps({
+  visible: {
+    type: Boolean,
+    default: false,
+  },
+  nodeData: {
+    type: Object,
+    default: () => ({}),
+  },
+  nodeId: {
+    type: String,
+    default: '',
+  },
+  flowId: {
+    type: String,
+    default: '',
+  },
+  conversationId: {
+    type: String,
+    default: '',
+  },
+  isSubFlowNode: {
+    type: Boolean,
+    default: false,
+  },
+  loopNodeId: {
+    type: String,
+    default: '',
+  },
+});
+
+const emit = defineEmits(['update:visible', 'saveNode']);
+
+// 支持的文件类型列表
+const supportedFileTypes = [
+  'txt', 'markdown', 'pdf', 'html', 'xlsx', 'xls', 
+  'doc', 'docx', 'csv', 'pptx', 'xml', 'ppt', 'md'
+];
+
+// 表单数据
+const formData = ref({
+  name: '',
+  description: '',
+  parseMethod: '',
+  target: '',
+});
+
+// 解析方法选项
+const parseMethodOptions = ref<Array<{value: string, label: string, description?: string}>>([]);
+const parseMethodLoading = ref(false);
+
+// 初始化表单数据
+const initFormData = () => {
+  if (props.nodeData) {
+    formData.value = {
+      name: props.nodeData.name || '文件提取器',
+      description: props.nodeData.description || '',
+      parseMethod: props.nodeData.parameters?.input_parameters?.parse_method || '',
+      target: props.nodeData.parameters?.input_parameters?.target || '',
+    };
+  } else {
+    formData.value = {
+      name: '文件提取器',
+      description: '',
+      parseMethod: '',
+      target: '',
+    };
+  }
+};
+
+// 加载解析方法列表
+const loadParseMethodList = async () => {
+  parseMethodLoading.value = true;
+  try {
+    const [error, response] = await api.getParseMethodList();
+    if (error) {
+      console.error('获取解析方法列表失败:', error);
+      ElMessage.error('获取解析方法列表失败');
+      return;
+    }
+    
+    if (response?.result) {
+      parseMethodOptions.value = response.result.map(method => ({
+        value: method,
+        label: method,
+        description: `从文件中提取文本内容，支持多种文件格式的解析`
+      }));
+    }
+  } catch (error) {
+    console.error('获取解析方法列表失败:', error);
+    ElMessage.error('获取解析方法列表失败');
+  } finally {
+    parseMethodLoading.value = false;
+  }
+};
+
+// 处理目标文件选择
+const handleTargetSelected = (variable, reference) => {
+  formData.value.target = reference;
+};
+
+// 表单验证
+const validateForm = () => {
+  if (!formData.value.name || formData.value.name.trim() === '') {
+    ElMessage.error('请填写节点名称');
+    return false;
+  }
+  
+  if (!formData.value.parseMethod || formData.value.parseMethod.trim() === '') {
+    ElMessage.error('请选择文件解析方法');
+    return false;
+  }
+  
+  if (!formData.value.target || formData.value.target.trim() === '') {
+    ElMessage.error('请选择输入文件变量');
+    return false;
+  }
+  
+  return true;
+};
+
+// 保存节点
+const saveNode = () => {
+  if (!validateForm()) {
+    return;
+  }
+  
+  const nodeData = {
+    name: formData.value.name,
+    description: formData.value.description,
+    callId: 'FileExtract',
+    parameters: {
+      input_parameters: {
+        parse_method: formData.value.parseMethod,
+        target: formData.value.target,
+      },
+      output_parameters: {
+        text: {
+          type: 'string',
+          description: '提取的文本内容'
+        },
+        error: {
+          type: 'string',
+          description: '错误信息（如果有的话）'
+        }
+      },
+    },
+  };
+  
+  emit('saveNode', nodeData, props.nodeId);
+  handleClose();
+};
+
+// 关闭抽屉
+const handleClose = () => {
+  emit('update:visible', false);
+};
+
+// 组件挂载时加载解析方法列表 - 移除，改为在抽屉打开时加载
+// onMounted(() => {
+//   loadParseMethodList();
+// });
+
+// 监听visible变化
+watch(
+  () => props.visible,
+  (newVal) => {
+    if (newVal) {
+      // 抽屉打开时加载解析方法列表和初始化表单数据
+      nextTick(() => {
+        initFormData();
+        loadParseMethodList();
+      });
+    }
+  },
+  { immediate: true }
+);
+</script>
+
+<style lang="scss" scoped>
+.file-extractor-drawer {
+  :deep(.el-drawer__body) {
+    padding: 0;
+  }
+}
+
+.drawer-content {
+  height: 100%;
+  overflow-y: auto;
+  padding: 20px;
+}
+
+.section {
+  margin-bottom: 24px;
+  
+  .section-title {
+    font-size: 16px;
+    font-weight: 600;
+    color: #303133;
+    margin: 0 0 16px 0;
+  }
+}
+
+.input-variable-section {
+  .label-with-tooltip {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    
+    .help-icon {
+      font-size: 14px;
+      color: #909399;
+      cursor: pointer;
+      
+      &:hover {
+        color: #409eff;
+      }
+    }
+  }
+  
+  .parse-method-option {
+    .option-label {
+      font-size: 14px;
+      font-weight: 500;
+      color: #303133;
+    }
+    
+    .option-description {
+      font-size: 12px;
+      color: #909399;
+      margin-top: 2px;
+      line-height: 1.4;
+    }
+  }
+}
+
+.output-variable-section {
+  .output-info {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    padding: 16px;
+    background: #f8f9fa;
+    border-radius: 8px;
+    border: 1px solid #e9ecef;
+    
+    .output-item {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      
+      .output-label {
+        font-size: 14px;
+        font-weight: 500;
+        color: #495057;
+        min-width: 80px;
+      }
+      
+      .output-value {
+        font-size: 14px;
+        color: #212529;
+        
+        .el-tag {
+          font-weight: 500;
+        }
+      }
+    }
+  }
+}
+
+.drawer-footer {
+  padding: 16px 20px;
+  border-top: 1px solid #e4e7ed;
+  background: #f8f9fa;
+  display: flex;
+  justify-content: flex-end;
+  gap: 12px;
+}
+
+// 深色主题支持
+.dark {
+  .file-extractor-drawer {
+    .drawer-content {
+      background: #1a1a1a;
+    }
+    
+    .section-title {
+      color: #e5e7eb;
+    }
+    
+    .input-variable-section {
+      .help-icon {
+        color: #9ca3af;
+        
+        &:hover {
+          color: #60a5fa;
+        }
+      }
+    }
+    
+    .output-info {
+      background: #374151;
+      border-color: #4b5563;
+      
+      .output-label {
+        color: #e5e7eb;
+      }
+      
+      .output-value {
+        color: #f3f4f6;
+      }
+    }
+    
+    .drawer-footer {
+      background: #374151;
+      border-color: #4b5563;
+    }
+  }
+}
+</style> 
\ No newline at end of file
diff --git a/src/views/createapp/components/workFlowConfig/NodeListPanel.vue b/src/views/createapp/components/workFlowConfig/NodeListPanel.vue
index d6802fcd842e12e4babb378d78cc25a66494263a..372205970e8bb5c0ca33c641decb092c62a21647 100644
--- a/src/views/createapp/components/workFlowConfig/NodeListPanel.vue
+++ b/src/views/createapp/components/workFlowConfig/NodeListPanel.vue
@@ -397,6 +397,10 @@ defineExpose({
         .special-icon-wrapper {
           background-color: #f59e0b; /* 保持橙色，在深色主题下也是橙色 */
         }
+
+        .system-icon-wrapper {
+          background-color: #6366f1; /* 保持蓝色，在深色主题下也是蓝色 */
+        }
         
         .node-info {
           .node-name {
diff --git a/src/views/createapp/components/workFlowConfig/VariableBasedStartNodeDrawer.vue b/src/views/createapp/components/workFlowConfig/VariableBasedStartNodeDrawer.vue
index b5af84ab2c5ed48da0915a09141ec2c9f1b64701..2a7eed44c8e4fc6ee068348570e50ea2581f1093 100644
--- a/src/views/createapp/components/workFlowConfig/VariableBasedStartNodeDrawer.vue
+++ b/src/views/createapp/components/workFlowConfig/VariableBasedStartNodeDrawer.vue
@@ -122,69 +122,313 @@
     <el-dialog
       v-model="showVariableDialog"
       :title="isEditingVariable ? '编辑变量' : '添加变量'"
-      width="500px"
+      width="600px"
       :close-on-click-modal="false"
       @close="handleVariableDialogClose"
+      class="variable-dialog"
     >
-      <el-form v-if="editingVariable" :model="editingVariable" label-width="80px">
-        <el-form-item label="变量名" required>
-          <el-input 
-            v-model="editingVariable.name" 
-            placeholder="请输入变量名" 
-            :disabled="isEditingVariable"
-          />
-        </el-form-item>
-        
-        <el-form-item label="变量类型">
-          <el-select v-model="editingVariable.var_type" placeholder="选择变量类型">
-            <el-option label="字符串" value="string" />
-            <el-option label="数字" value="number" />
-            <el-option label="布尔值" value="boolean" />
-            <el-option label="对象" value="object" />
-          </el-select>
-        </el-form-item>
-        
-        <el-form-item label="变量值">
-          <el-input 
-            v-if="editingVariable.var_type !== 'object'"
-            v-model="editingVariable.value" 
-            placeholder="请输入变量值" 
-          />
-          <el-input 
-            v-else
-            v-model="editingVariable.valueJson" 
-            type="textarea"
-            :rows="4"
-            placeholder="请输入JSON格式的对象值" 
-          />
-        </el-form-item>
+      <el-form v-if="editingVariable" :model="editingVariable" label-width="100px" :rules="variableFormRules" ref="variableFormRef">
+          <el-form-item label="变量名称" prop="name" required>
+            <el-input 
+              v-model="editingVariable.name" 
+              placeholder="请输入变量名称" 
+              :disabled="isEditingVariable"
+            />
+          </el-form-item>
+          
+          <el-form-item label="变量类型" prop="var_type">
+            <el-select v-model="editingVariable.var_type" placeholder="选择变量类型" @change="onVariableTypeChange">
+              <el-option-group label="基础类型">
+                <el-option label="字符串" value="string" />
+                <el-option label="数字" value="number" />
+                <el-option label="布尔值" value="boolean" />
+                <el-option label="对象" value="object" />
+                <el-option label="密钥" value="secret" />
+                <el-option label="文件" value="file" />
+              </el-option-group>
+              <el-option-group label="数组类型">
+                <el-option label="数组[任意]" value="array[any]" />
+                <el-option label="数组[字符串]" value="array[string]" />
+                <el-option label="数组[数字]" value="array[number]" />
+                <el-option label="数组[对象]" value="array[object]" />
+                <el-option label="数组[文件]" value="array[file]" />
+                <el-option label="数组[布尔值]" value="array[boolean]" />
+                <el-option label="数组[密钥]" value="array[secret]" />
+              </el-option-group>
+            </el-select>
+          </el-form-item>
+          
+          <el-form-item label="支持的文件类型" v-if="isFileType(editingVariable.var_type)">
+            <div class="file-config-container">
+              <div class="supported-file-types">
+                <div class="file-category">
+                  <div class="category-header" @click="toggleFileTypeSupport('document')">
+                    <div class="category-icon">
+                      <img :src="DocumentIcon" alt="文档" />
+                    </div>
+                    <div class="category-info">
+                      <div class="category-title">文档</div>
+                      <div class="category-types">TXT, MD, MDX, MARKDOWN, PDF, HTML, XLSX, XLS, DOC, DOCX, CSV, EML, MSG, PPTX, PPT, XML, EPUB</div>
+                    </div>
+                    <el-checkbox v-model="editingVariable.supportedTypes!.document" @click.stop />
+                  </div>
+                </div>
+                
+                <div class="file-category">
+                  <div class="category-header" @click="toggleFileTypeSupport('image')">
+                    <div class="category-icon">
+                      <img :src="ImageIcon" alt="图片" />
+                    </div>
+                    <div class="category-info">
+                      <div class="category-title">图片</div>
+                      <div class="category-types">JPG, JPEG, PNG, GIF, WEBP, SVG</div>
+                    </div>
+                    <el-checkbox v-model="editingVariable.supportedTypes!.image" @click.stop />
+                  </div>
+                </div>
+                
+                <div class="file-category">
+                  <div class="category-header" @click="toggleFileTypeSupport('audio')">
+                    <div class="category-icon">
+                      <img :src="AudioIcon" alt="音频" />
+                    </div>
+                    <div class="category-info">
+                      <div class="category-title">音频</div>
+                      <div class="category-types">MP3, M4A, WAV, AMR, MPGA</div>
+                    </div>
+                    <el-checkbox v-model="editingVariable.supportedTypes!.audio" @click.stop />
+                  </div>
+                </div>
+                
+                <div class="file-category">
+                  <div class="category-header" @click="toggleFileTypeSupport('video')">
+                    <div class="category-icon">
+                      <img :src="VideoIcon" alt="视频" />
+                    </div>
+                    <div class="category-info">
+                      <div class="category-title">视频</div>
+                      <div class="category-types">MP4, MOV, MPEG, WEBM</div>
+                    </div>
+                    <el-checkbox v-model="editingVariable.supportedTypes!.video" @click.stop />
+                  </div>
+                </div>
+                
+                <div class="file-category">
+                  <div class="category-header" @click="toggleFileTypeSupport('others')">
+                    <div class="category-icon">
+                      <img :src="OtherFileIcon" alt="其他文件类型" />
+                    </div>
+                    <div class="category-info">
+                      <div class="category-title">其他文件类型</div>
+                      <div class="category-input">
+                        <el-input 
+                          v-model="editingVariable.customFileExtensions"
+                          placeholder="+ + 文件扩展名，例如 .doc"
+                          @click.stop
+                        />
+                      </div>
+                    </div>
+                    <el-checkbox v-model="editingVariable.supportedTypes!.others" @click.stop />
+                  </div>
+                </div>
+              </div>
+              
+              <div class="upload-method-section">
+                <div class="section-title">上传文件类型</div>
+                <div class="upload-method-tabs">
+                  <div 
+                    :class="['method-tab', { active: editingVariable.uploadMethods?.includes('manual') }]"
+                    @click="toggleUploadMethod('manual')"
+                  >
+                    本地上传
+                  </div>
+                  <div 
+                    :class="['method-tab', { active: editingVariable.uploadMethods?.includes('url') }]"
+                    @click="toggleUploadMethod('url')"
+                  >
+                    URL上传
+                  </div>
+                </div>
+              </div>
+              
+              <div class="upload-limits">
+                <div class="section-title">文件上传限制</div>
+                <div class="upload-limit-item">
+                  <label class="limit-label">最大文件数：</label>
+                  <el-input-number 
+                    v-model="editingVariable.maxFiles" 
+                    :min="1" 
+                    :max="100"
+                    :disabled="editingVariable.var_type === 'file'"
+                    size="small"
+                    style="width: 120px"
+                  />
+                  <span v-if="editingVariable.var_type === 'file'" class="file-type-note">
+                    文件类型固定为1个文件
+                  </span>
+                </div>
+                <div class="upload-limit-item">
+                  <label class="limit-label">单个文件最大大小：</label>
+                  <el-input-number 
+                    v-model="editingVariable.maxFileSize" 
+                    :min="1" 
+                    :max="1000"
+                    size="small"
+                    style="width: 120px"
+                  />
+                  <span class="unit-label">MB</span>
+                </div>
+                
+                <div class="upload-limit-item">
+                  <label class="limit-label">必填文件：</label>
+                  <el-checkbox 
+                    v-model="editingVariable.required"
+                    size="small"
+                  />
+                  <span class="checkbox-note">选中后，用户在对话时必须上传文件</span>
+                </div>
+              </div>
+            </div>
+          </el-form-item>
+          
+          <el-form-item label="变量值" prop="value">
+            <!-- 字符串类型 -->
+            <el-input 
+              v-if="editingVariable.var_type === 'string'"
+              v-model="editingVariable.value" 
+              placeholder="请输入字符串值" 
+            />
+            
+            <!-- 数字类型 -->
+            <el-input-number 
+              v-else-if="editingVariable.var_type === 'number'"
+              v-model="editingVariable.value" 
+              placeholder="请输入数字值"
+              :precision="2"
+              style="width: 100%"
+            />
+            
+            <!-- 布尔值类型 -->
+            <el-select 
+              v-else-if="editingVariable.var_type === 'boolean'"
+              v-model="editingVariable.value" 
+              placeholder="选择布尔值"
+            >
+              <el-option label="true" :value="true" />
+              <el-option label="false" :value="false" />
+            </el-select>
+            
+            <!-- 密钥类型 -->
+            <el-input 
+              v-else-if="editingVariable.var_type === 'secret'"
+              v-model="editingVariable.value" 
+              type="password"
+              placeholder="请输入密钥值"
+              show-password
+            />
+            
+            <!-- 对象类型 -->
+            <el-input 
+              v-else-if="editingVariable.var_type === 'object'"
+              v-model="editingVariable.valueJson" 
+              type="textarea"
+              :rows="4"
+              placeholder="请输入JSON格式的对象值" 
+            />
+            
+            <!-- 文件类型 -->
+            <div v-else-if="editingVariable.var_type === 'file'" class="file-input-section">
+              <div class="file-type-note">
+                <el-icon><IconDocument /></el-icon>
+                <span>文件类型变量将在对话时由用户上传</span>
+              </div>
+            </div>
+            
+            <!-- 数组[字符串]类型 -->
+            <div v-else-if="editingVariable.var_type === 'array[string]'" class="array-input-section">
+              <div class="array-type-note">
+                <el-icon><IconList /></el-icon>
+                <span>字符串数组变量将在对话时由用户输入，默认为空数组</span>
+              </div>
+            </div>
+            
+            <!-- 数组[数字]类型 -->
+            <div v-else-if="editingVariable.var_type === 'array[number]'" class="array-input-section">
+              <div class="array-type-note">
+                <el-icon><IconList /></el-icon>
+                <span>数字数组变量将在对话时由用户输入，默认为空数组</span>
+              </div>
+            </div>
+            
+            <!-- 数组[布尔值]类型 -->
+            <div v-else-if="editingVariable.var_type === 'array[boolean]'" class="array-input-section">
+              <div class="array-type-note">
+                <el-icon><IconList /></el-icon>
+                <span>布尔值数组变量将在对话时由用户选择，默认为空数组</span>
+              </div>
+                         </div>
+             
+             <!-- 数组[文件]类型 -->
+             <div v-else-if="editingVariable.var_type === 'array[file]'" class="file-array-section">
+               <div class="file-type-note">
+                 <el-icon><IconDocument /></el-icon>
+                 <span>文件列表类型变量将在对话时由用户上传，默认为空数组</span>
+               </div>
+             </div>
+             
+             <!-- 数组[对象]类型 -->
+            <div v-else-if="editingVariable.var_type === 'array[object]'" class="array-input-section">
+              <div class="array-type-note">
+                <el-icon><IconList /></el-icon>
+                <span>对象数组变量将在对话时由用户输入JSON格式数据，默认为空数组</span>
+              </div>
+            </div>
+            
+            <!-- 数组[密钥]类型 -->
+            <div v-else-if="editingVariable.var_type === 'array[secret]'" class="array-input-section">
+              <div class="array-type-note">
+                <el-icon><IconList /></el-icon>
+                <span>密钥数组变量将在对话时由用户输入，默认为空数组</span>
+              </div>
+            </div>
+            
+            <!-- 数组[任意]类型 -->
+            <div v-else-if="editingVariable.var_type === 'array[any]'" class="array-input-section">
+              <div class="array-type-note">
+                <el-icon><IconList /></el-icon>
+                <span>任意类型数组变量将在对话时由用户输入，默认为空数组</span>
+              </div>
+            </div>
+          </el-form-item>
+          
+          <el-form-item label="描述">
+            <el-input 
+              v-model="editingVariable.description" 
+              type="textarea"
+              :rows="2"
+              placeholder="请输入变量描述（可选）" 
+            />
+          </el-form-item>
+        </el-form>
         
-        <el-form-item label="描述">
-          <el-input 
-            v-model="editingVariable.description" 
-            placeholder="请输入变量描述（可选）" 
-          />
-        </el-form-item>
-      </el-form>
-      
-      <template #footer>
-        <div class="dialog-footer">
-          <el-button @click="handleVariableDialogClose">取消</el-button>
-          <el-button 
-            v-if="isEditingVariable"
-            type="danger" 
-            @click="deleteConversationVariable"
-          >
-            删除
-          </el-button>
-          <el-button 
-            type="primary" 
-            @click="saveConversationVariable"
-          >
-            保存
-          </el-button>
-        </div>
-      </template>
+        <template #footer>
+          <div class="dialog-footer">
+            <el-button @click="handleVariableDialogClose">取消</el-button>
+            <el-button 
+              v-if="isEditingVariable"
+              type="danger" 
+              @click="deleteConversationVariable"
+            >
+              删除
+            </el-button>
+            <el-button 
+              type="primary" 
+              @click="saveConversationVariable"
+            >
+              保存
+            </el-button>
+          </div>
+        </template>
     </el-dialog>
   </div>
 </template>
@@ -194,11 +438,19 @@ import { ref, computed, watch, nextTick, onMounted, onUnmounted } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { 
   ElDrawer, ElButton, ElInput, ElDialog, ElForm, ElFormItem, 
-  ElSelect, ElOption, ElMessage, ElAlert
+  ElSelect, ElOption, ElMessage, ElAlert, ElUpload, ElCheckbox,
+  ElInputNumber, ElTag, ElDivider, ElOptionGroup
 } from 'element-plus'
-import { Plus } from '@element-plus/icons-vue'
+import { Plus, Upload as IconUpload, Delete as IconDelete, Document as IconDocument, List as IconList } from '@element-plus/icons-vue'
 import { listVariables, createVariable, updateVariable, deleteVariable } from '@/api/variable'
 
+// 导入SVG图标组件
+import DocumentIcon from '@/assets/svgs/document.svg'
+import ImageIcon from '@/assets/svgs/image.svg'
+import AudioIcon from '@/assets/svgs/audio.svg'
+import VideoIcon from '@/assets/svgs/video.svg'
+import OtherFileIcon from '@/assets/svgs/other-file.svg'
+
 interface Variable {
   name: string
   var_type: string
@@ -206,6 +458,19 @@ interface Variable {
   value?: any
   description?: string
   valueJson?: string
+  // 移除没有后端意义的displayName
+  supportedTypes?: {
+    document: boolean
+    image: boolean
+    audio: boolean
+    video: boolean
+    others: boolean
+  }
+  uploadMethods?: string[] // 改为数组格式，与后端保持一致
+  maxFiles?: number // 改为maxFiles，与后端保持一致
+  customFileExtensions?: string
+  maxFileSize?: number // 新增：文件大小限制
+  required?: boolean // 新增：文件是否必填
 }
 
 interface Props {
@@ -236,6 +501,18 @@ const variablesLoading = ref(false)
 const showVariableDialog = ref(false)
 const editingVariable = ref<Variable | null>(null)
 const isEditingVariable = ref(false)
+const variableFormRef = ref()
+
+// 表单验证规则
+const variableFormRules = {
+  name: [
+    { required: true, message: '请输入变量名称', trigger: 'blur' },
+    { pattern: /^[a-zA-Z_][a-zA-Z0-9_]*$/, message: '变量名只能包含字母、数字和下划线，且必须以字母或下划线开头', trigger: 'blur' }
+  ],
+  var_type: [
+    { required: true, message: '请选择变量类型', trigger: 'change' }
+  ]
+}
 
 const emits = defineEmits(['closeDrawer', 'saveStartNode', 'variablesUpdated', 'saveNodeDescription'])
 
@@ -268,7 +545,6 @@ const loadAllVariables = async () => {
         if (convVariables && Array.isArray(convVariables)) {
           // 后端已经过滤了包含step_id的变量，直接使用
           conversationVariables.value = convVariables
-          console.log('✅ 开始节点加载的全局对话变量:', conversationVariables.value.length, '个')
         } else {
           conversationVariables.value = []
         }
@@ -442,7 +718,19 @@ const addConversationVariable = () => {
     scope: 'conversation',
     value: '',
     description: '',
-    valueJson: ''
+    valueJson: '',
+    supportedTypes: { // 支持的文件类型
+      document: false,
+      image: false,
+      audio: false,
+      video: false,
+      others: false
+    },
+    uploadMethods: ['manual'], // 默认支持手动上传，与后端保持一致
+    maxFiles: 1, // 默认最大文件数，与后端保持一致
+    customFileExtensions: '', // 自定义文件扩展名
+    maxFileSize: 10, // 默认单个文件最大大小
+    required: false // 默认非必填
   }
   isEditingVariable.value = false
   showVariableDialog.value = true
@@ -450,9 +738,94 @@ const addConversationVariable = () => {
 
 // 编辑对话变量
 const editConversationVariable = (variable: Variable) => {
+  let supportedTypes = {
+    document: false,
+    image: false,
+    audio: false,
+    video: false,
+    others: false
+  }
+  
+  let uploadMethods = ['manual']
+  let maxFiles = 1
+  let customFileExtensions = ''
+  let maxFileSize = 10 // 默认单个文件最大大小
+  let required = false // 默认非必填
+  
+  // 解析后端返回的value字段（如果是文件类型）
+  if (isFileType(variable.var_type) && variable.value) {
+    try {
+      let parsedValue: any = variable.value
+      
+      // 如果value是字符串，尝试解析JSON
+      if (typeof variable.value === 'string') {        
+        // 先尝试直接解析
+        try {
+          parsedValue = JSON.parse(variable.value);
+        } catch (firstError) {          
+          let normalizedValue = variable.value
+            .replace(/'/g, '"')  // 替换所有单引号为双引号
+            .replace(/(\w+):/g, '"$1":')  // 确保属性名有双引号
+          parsedValue = JSON.parse(normalizedValue);
+        }
+      }
+      
+      // 从解析的value中提取文件配置信息
+      if (parsedValue && typeof parsedValue === 'object') {
+        if (parsedValue.supported_types && Array.isArray(parsedValue.supported_types)) {
+          const parsedTypes = parseExtensionsToFileTypes(parsedValue.supported_types)
+          supportedTypes = {
+            document: parsedTypes.document,
+            image: parsedTypes.image,
+            audio: parsedTypes.audio,
+            video: parsedTypes.video,
+            others: parsedTypes.others
+          }
+          
+          // 处理自定义文件扩展名
+          if (parsedTypes.customExts && parsedTypes.customExts.length > 0) {
+            customFileExtensions = parsedTypes.customExts.join(', ')
+          }
+          
+        }
+        
+        // 提取上传方式
+        if (parsedValue.upload_methods && Array.isArray(parsedValue.upload_methods)) {
+          uploadMethods = parsedValue.upload_methods
+        }
+        
+        // 提取最大文件数
+        if (parsedValue.max_files && typeof parsedValue.max_files === 'number') {
+          maxFiles = parsedValue.max_files
+        }
+
+        // 提取单个文件最大大小
+        if (parsedValue.max_file_size && typeof parsedValue.max_file_size === 'number') {
+          maxFileSize = Math.round(parsedValue.max_file_size / (1024 * 1024)) // 转换为MB
+        }
+
+        // 提取是否必填
+        if (parsedValue.required && typeof parsedValue.required === 'boolean') {
+          required = parsedValue.required
+        }
+      }
+    } catch (error) {
+      console.error('❌ 解析文件类型变量value失败:', error)
+      console.error('❌ 原始数据:', variable.value)
+      console.error('❌ 数据类型:', typeof variable.value)
+      // 使用默认值
+    }
+  }
+  
   editingVariable.value = {
     ...variable,
-    valueJson: typeof variable.value === 'object' ? JSON.stringify(variable.value, null, 2) : ''
+    valueJson: typeof variable.value === 'object' ? JSON.stringify(variable.value, null, 2) : '',
+    supportedTypes: supportedTypes,
+    uploadMethods: uploadMethods,
+    maxFiles: maxFiles,
+    customFileExtensions: customFileExtensions,
+    maxFileSize: maxFileSize,
+    required: required
   }
   isEditingVariable.value = true
   showVariableDialog.value = true
@@ -484,51 +857,65 @@ const saveConversationVariable = async () => {
   try {
     let value = editingVariable.value.value
     
-
-    
-    // 简单的前端验证（后端现在负责类型转换）
+    // 根据变量类型处理值
     switch (editingVariable.value.var_type) {
+      case 'string':
+        value = editingVariable.value.value || ''
+        break
+        
       case 'number':
-        // 基本数字格式验证
-        if (value && isNaN(Number(value))) {
-          ElMessage.error('请输入有效的数字')
-          return
+        if (editingVariable.value.value !== null && editingVariable.value.value !== undefined) {
+          value = Number(editingVariable.value.value)
+          if (isNaN(value)) {
+            ElMessage.error('请输入有效的数字')
+            return
+          }
+        } else {
+          value = 0
         }
         break
+        
+      case 'boolean':
+        value = Boolean(editingVariable.value.value)
+        break
+        
+      case 'secret':
+        value = editingVariable.value.value || ''
+        break
+        
       case 'object':
-        // JSON格式验证
-        let jsonStr = value
         if (editingVariable.value.valueJson) {
-          jsonStr = editingVariable.value.valueJson
-        }
-        if (jsonStr) {
           try {
-            JSON.parse(jsonStr)
-            value = jsonStr
+            value = JSON.parse(editingVariable.value.valueJson)
           } catch (error) {
             ElMessage.error('JSON格式不正确，请检查对象值的语法')
             return
           }
+        } else {
+          value = {}
         }
         break
+        
+      case 'file':
+      case 'array[file]':
+        // 文件类型不需要保存默认值，只保存配置信息
+        value = null
+        break
+        
+      case 'array[string]':
       case 'array[number]':
-        // 数字数组格式验证
-        if (value && typeof value === 'string') {
-          try {
-            const arrayValue = JSON.parse(value)
-            if (!Array.isArray(arrayValue)) {
-              throw new Error('请输入数组格式')
-            }
-          } catch (error) {
-            ElMessage.error('请输入有效的JSON数组格式，如：[1,2,3]')
-            return
-          }
-        }
+      case 'array[boolean]':
+      case 'array[object]':
+      case 'array[secret]':
+      case 'array[any]':
+        // 所有数组类型默认为空数组
+        value = []
         break
+        
+      default:
+        value = editingVariable.value.value
     }
     
-    // 所有值都以字符串格式发送，让后端处理类型转换
-
     const variableData = {
       name: editingVariable.value.name.trim(),
       var_type: editingVariable.value.var_type,
@@ -538,8 +925,15 @@ const saveConversationVariable = async () => {
       flow_id: props.flowId
     }
     
-
-    
+    // 如果是文件类型，添加文件专用字段
+    if (isFileType(editingVariable.value.var_type)) {
+      (variableData as any).supported_types = getSupportedTypesArray()
+      ;(variableData as any).upload_methods = editingVariable.value.uploadMethods || ['manual']
+      // 🔑 修复：array[file]类型默认支持多个文件
+      ;(variableData as any).max_files = editingVariable.value.maxFiles || (editingVariable.value.var_type === 'array[file]' ? 10 : 1)
+      ;(variableData as any).max_file_size = (editingVariable.value.maxFileSize || 10) * 1024 * 1024 // 转换为字节
+      ;(variableData as any).required = editingVariable.value.required || false // 是否必填
+    }
 
     if (isEditingVariable.value) {
       // 更新变量（配置阶段使用flow_id）
@@ -548,10 +942,20 @@ const saveConversationVariable = async () => {
         scope: 'conversation',
         flow_id: props.flowId
       }
-      const updateData = { 
-        value: variableData.value, 
+      const updateData: any = { 
+        value: value,
         description: variableData.description,
-        var_type: variableData.var_type  // 添加变量类型字段
+        var_type: variableData.var_type
+      }
+      
+      // 如果是文件类型，添加文件专用字段到更新数据中
+      if (isFileType(editingVariable.value.var_type)) {
+        updateData.supported_types = getSupportedTypesArray()
+        updateData.upload_methods = editingVariable.value.uploadMethods || ['manual']
+        // 🔑 修复：array[file]类型默认支持多个文件
+        updateData.max_files = editingVariable.value.maxFiles || (editingVariable.value.var_type === 'array[file]' ? 10 : 1)
+        updateData.max_file_size = (editingVariable.value.maxFileSize || 10) * 1024 * 1024 // 转换为字节
+        updateData.required = editingVariable.value.required || false // 是否必填
       }
       
       const updateResult = await updateVariable(updateParams, updateData)
@@ -575,8 +979,6 @@ const saveConversationVariable = async () => {
       response: error?.response
     })
     
-
-    
     // 更详细的错误信息
     let errorMessage = '保存变量失败'
     if (error?.response) {
@@ -691,6 +1093,148 @@ onMounted(() => {
     loadAllVariables()
   })
 })
+
+// 检查是否为文件类型
+const isFileType = (varType: string): boolean => {
+  return varType === 'file' || varType === 'array[file]'
+}
+
+// 变量类型改变时的处理
+const onVariableTypeChange = (newType: string) => {
+  if (!editingVariable.value) return
+  
+  // 重置相关属性
+  editingVariable.value.value = ''
+  editingVariable.value.valueJson = ''
+  editingVariable.value.customFileExtensions = '' // 重置自定义文件扩展名
+  editingVariable.value.maxFileSize = 10 // 重置单个文件最大大小
+  
+  // 根据类型设置默认值
+  if (newType === 'boolean') {
+    editingVariable.value.value = false
+  } else if (newType === 'number') {
+    editingVariable.value.value = 0
+  } else if (isFileType(newType)) {
+    // 文件类型设置支持的文件格式，但不需要默认值
+    editingVariable.value.supportedTypes = {
+      document: true,
+      image: false,
+      audio: false,
+      video: false,
+      others: false
+    }
+    editingVariable.value.uploadMethods = ['manual']
+    // 文件类型固定为1，数组文件类型默认为5
+    editingVariable.value.maxFiles = newType === 'file' ? 1 : 5
+    // 文件类型不需要默认值
+    editingVariable.value.value = undefined
+  }
+}
+
+// 获取支持的文件类型数组
+const getSupportedTypesArray = (): string[] => {
+  if (!editingVariable.value || !editingVariable.value.supportedTypes) return []
+  
+  const types: string[] = []
+  const supportedTypes = editingVariable.value.supportedTypes
+  
+  if (supportedTypes.document) {
+    types.push('.txt', '.md', '.mdx', '.markdown', '.pdf', '.html', '.xlsx', '.xls', '.doc', '.docx', '.csv', '.eml', '.msg', '.pptx', '.ppt', '.xml', '.epub')
+  }
+  if (supportedTypes.image) {
+    types.push('.jpg', '.jpeg', '.png', '.gif', '.webp', '.svg')
+  }
+  if (supportedTypes.audio) {
+    types.push('.mp3', '.m4a', '.wav', '.amr', '.mpga')
+  }
+  if (supportedTypes.video) {
+    types.push('.mp4', '.mov', '.mpeg', '.webm')
+  }
+  
+  if (editingVariable.value.customFileExtensions) {
+    const customTypes = editingVariable.value.customFileExtensions
+      .split(',')
+      .map(ext => ext.trim())
+      .filter(ext => ext.startsWith('.'))
+    types.push(...customTypes)
+  }
+  
+  return types
+}
+
+// 解析文件扩展名数组，确定应该勾选哪些文件类型分类
+const parseExtensionsToFileTypes = (extensions: string[]): { document: boolean; image: boolean; audio: boolean; video: boolean; others: boolean; customExts: string[] } => {
+  const documentExts = ['.txt', '.md', '.mdx', '.markdown', '.pdf', '.html', '.xlsx', '.xls', '.doc', '.docx', '.csv', '.eml', '.msg', '.pptx', '.ppt', '.xml', '.epub']
+  const imageExts = ['.jpg', '.jpeg', '.png', '.gif', '.webp', '.svg']
+  const audioExts = ['.mp3', '.m4a', '.wav', '.amr', '.mpga']
+  const videoExts = ['.mp4', '.mov', '.mpeg', '.webm']
+  
+  const result = {
+    document: false,
+    image: false,
+    audio: false,
+    video: false,
+    others: false
+  }
+  
+  const customExts: string[] = []
+  
+  extensions.forEach(ext => {
+    const lowerExt = ext.toLowerCase()
+    
+    if (documentExts.includes(lowerExt)) {
+      result.document = true
+    } else if (imageExts.includes(lowerExt)) {
+      result.image = true
+    } else if (audioExts.includes(lowerExt)) {
+      result.audio = true
+    } else if (videoExts.includes(lowerExt)) {
+      result.video = true
+    } else {
+      // 未知扩展名归类为其他类型
+      customExts.push(ext)
+      result.others = true
+    }
+  })
+  
+  return { ...result, customExts }
+}
+
+// 切换文件类型支持状态
+const toggleFileTypeSupport = (fileType: 'document' | 'image' | 'audio' | 'video' | 'others') => {
+  if (!editingVariable.value || !editingVariable.value.supportedTypes) return
+  
+  editingVariable.value.supportedTypes[fileType] = !editingVariable.value.supportedTypes[fileType]
+}
+
+// 切换上传方式
+const toggleUploadMethod = (method: 'manual' | 'url') => {
+  if (!editingVariable.value || !editingVariable.value.uploadMethods) return
+  
+  if (editingVariable.value.uploadMethods.includes(method)) {
+    editingVariable.value.uploadMethods = editingVariable.value.uploadMethods.filter(m => m !== method)
+  } else {
+    editingVariable.value.uploadMethods.push(method)
+  }
+}
+
+// 以下函数已移除，因为文件类型变量在定义阶段不需要实际文件上传：
+// - handleSingleFileChange
+// - handleMultipleFileChange  
+// - clearFile
+// - removeFromFileArray
+
+// 以下函数已移除，因为数组类型变量在定义阶段不需要设置默认值：
+// - addToStringArray
+// - removeFromStringArray
+// - addToNumberArray
+// - removeFromNumberArray
+// - addToBooleanArray
+// - removeFromBooleanArray
+// - addToObjectArray
+// - removeFromObjectArray
+// - addToSecretArray
+// - removeFromSecretArray
 </script>
 
 <style lang="scss" scoped>
@@ -935,4 +1479,367 @@ onMounted(() => {
 :deep(.transparent-modal) {
   background-color: transparent !important;
 }
+
+// 文件类型选择标签页
+.file-type-tabs {
+  margin-bottom: 20px;
+  
+  .tab-header {
+    display: flex;
+    gap: 8px;
+    background: var(--el-fill-color-extra-light);
+    padding: 4px;
+    border-radius: 8px;
+    
+    .tab-item {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      padding: 12px 16px;
+      border-radius: 6px;
+      cursor: pointer;
+      transition: all 0.2s;
+      background: transparent;
+      border: 1px solid transparent;
+      
+      &.active {
+        background: var(--el-color-primary);
+        color: white;
+        border-color: var(--el-color-primary);
+      }
+      
+      &:hover:not(.active) {
+        background: var(--el-color-primary-light-9);
+        border-color: var(--el-color-primary-light-7);
+      }
+      
+      .tab-icon {
+        font-size: 16px;
+        margin-bottom: 4px;
+      }
+      
+      .tab-text {
+        font-size: 12px;
+        font-weight: 500;
+      }
+    }
+  }
+}
+
+// 支持的文件类型选择
+.supported-file-types {
+  margin-bottom: 20px;
+  
+  .file-category {
+    margin-bottom: 12px;
+    
+    .category-header {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      padding: 12px 16px;
+      border: 1px solid var(--el-border-color-light);
+      border-radius: 8px;
+      background: var(--el-fill-color-extra-light);
+      transition: all 0.2s;
+      cursor: pointer;
+      
+      &:hover {
+        border-color: var(--el-color-primary-light-7);
+        background: var(--el-color-primary-light-9);
+      }
+      
+      &:active {
+        transform: translateY(1px);
+      }
+      
+      .category-icon {
+        width: 24px;
+        height: 24px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        
+        img {
+          width: 20px;
+          height: 20px;
+          opacity: 0.6;
+          transition: all 0.2s;
+        }
+      }
+      
+      &:hover {
+        .category-icon img {
+          opacity: 0.9;
+        }
+      }
+      
+      .category-info {
+        flex: 1;
+        
+        .category-title {
+          font-size: 14px;
+          font-weight: 600;
+          color: var(--el-text-color-primary);
+          margin-bottom: 4px;
+        }
+        
+        .category-types {
+          font-size: 12px;
+          color: var(--el-text-color-secondary);
+          line-height: 1.4;
+        }
+        
+        .category-input {
+          margin-top: 8px;
+          
+          .el-input {
+            font-size: 12px;
+          }
+        }
+      }
+    }
+  }
+}
+
+// 上传方式选择
+.upload-method-section {
+  margin-bottom: 20px;
+  
+  .section-title {
+    font-size: 14px;
+    font-weight: 600;
+    color: var(--el-text-color-primary);
+    margin-bottom: 12px;
+  }
+  
+  .upload-method-tabs {
+    display: flex;
+    gap: 8px;
+    
+    .method-tab {
+      flex: 1;
+      padding: 8px 16px;
+      text-align: center;
+      border: 1px solid var(--el-border-color);
+      border-radius: 6px;
+      cursor: pointer;
+      font-size: 13px;
+      transition: all 0.2s;
+      background: white;
+      
+      &.active {
+        border-color: var(--el-color-primary);
+        background: var(--el-color-primary);
+        color: white;
+      }
+      
+      &:hover:not(.active) {
+        border-color: var(--el-color-primary-light-7);
+        background: var(--el-color-primary-light-9);
+      }
+    }
+  }
+}
+
+// 上传限制设置
+.upload-limits {
+  .section-title {
+    font-size: 14px;
+    font-weight: 600;
+    color: var(--el-text-color-primary);
+    margin-bottom: 8px;
+  }
+  
+  .upload-limit-item {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    margin-bottom: 12px;
+    
+    .limit-label {
+      font-size: 13px;
+      color: var(--el-text-color-primary);
+      font-weight: 500;
+      min-width: 120px;
+  }
+  
+    .unit-label {
+      font-size: 13px;
+      color: var(--el-text-color-secondary);
+    }
+    
+    .file-type-note {
+      font-size: 12px;
+      color: var(--el-text-color-secondary);
+      font-style: italic;
+    }
+    
+    .checkbox-note {
+      font-size: 12px;
+      color: var(--el-text-color-secondary);
+      margin-left: 8px;
+    }
+  }
+}
+
+// 文件输入区域
+.file-input-section {
+  .file-type-note {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 12px 16px;
+    background: var(--el-fill-color-extra-light);
+    border: 1px dashed var(--el-border-color-light);
+    border-radius: 6px;
+    margin-bottom: 12px;
+    color: var(--el-text-color-secondary);
+    font-size: 13px;
+  }
+}
+
+// 文件数组区域
+.file-array-section {
+  .file-type-note {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 12px 16px;
+    background: var(--el-fill-color-extra-light);
+    border: 1px dashed var(--el-border-color-light);
+    border-radius: 6px;
+    margin-bottom: 12px;
+    color: var(--el-text-color-secondary);
+    font-size: 13px;
+  }
+  
+
+}
+
+// 数组输入区域
+.array-input-section {
+  .array-type-note {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 12px 16px;
+    background: var(--el-fill-color-extra-light);
+    border: 1px dashed var(--el-border-color-light);
+    border-radius: 6px;
+    margin-bottom: 12px;
+    color: var(--el-text-color-secondary);
+    font-size: 13px;
+  }
+}
+
+// 变量对话框样式增强
+:deep(.el-dialog) {
+  .el-dialog__body {
+    padding: 20px 24px;
+    max-height: 70vh;
+    overflow-y: auto;
+  }
+  
+  .el-form-item {
+    margin-bottom: 20px;
+    
+    .el-form-item__label {
+      font-weight: 600;
+      color: var(--el-text-color-primary);
+    }
+    
+    .el-form-item__content {
+      .el-input__wrapper {
+        transition: all 0.2s;
+        
+        &:hover {
+          box-shadow: 0 0 0 1px var(--el-color-primary-light-7);
+        }
+      }
+      
+      .el-select {
+        width: 100%;
+      }
+      
+      .el-textarea__inner {
+        transition: all 0.2s;
+        
+        &:hover {
+          border-color: var(--el-color-primary-light-7);
+        }
+      }
+    }
+  }
+  
+  .el-upload {
+    .el-button {
+      border-style: dashed;
+      transition: all 0.2s;
+      
+      &:hover {
+        border-color: var(--el-color-primary);
+        color: var(--el-color-primary);
+      }
+    }
+  }
+}
+
+// 变量对话框特定样式
+.variable-dialog {
+  :deep(.el-dialog) {
+    max-height: 90vh;
+    
+    .el-dialog__header {
+      border-bottom: 1px solid var(--el-border-color-light);
+    }
+    
+    .el-dialog__body {
+      max-height: 70vh;
+      overflow-y: auto;
+    }
+    
+    .el-dialog__footer {
+      border-top: 1px solid var(--el-border-color-light);
+    }
+  }
+}
+
+// 文件配置容器
+.file-config-container {
+  max-height: 300px;
+  overflow-y: auto;
+  border: 1px solid var(--el-border-color-light);
+  border-radius: 8px;
+  padding: 16px;
+  background: var(--el-fill-color-extra-light);
+  
+  // 自定义滚动条样式
+  &::-webkit-scrollbar {
+    width: 6px;
+  }
+  
+  &::-webkit-scrollbar-track {
+    background: var(--el-fill-color-light);
+    border-radius: 3px;
+  }
+  
+  &::-webkit-scrollbar-thumb {
+    background: var(--el-border-color);
+    border-radius: 3px;
+    
+    &:hover {
+      background: var(--el-border-color-dark);
+    }
+  }
+}
+
+// 支持的文件类型区域优化
+.supported-file-types {
+  margin-bottom: 16px;
+  
+  .file-category:last-child {
+    margin-bottom: 0;
+  }
+}
 </style> 
\ No newline at end of file
diff --git a/src/views/createapp/components/workFlowConfig/useDnD.js b/src/views/createapp/components/workFlowConfig/useDnD.js
index d8358d98d46264b4d662597a42be1e5043b7f45a..f097b5f02425cd8b1367e6b97f4d27f8a08922f5 100644
--- a/src/views/createapp/components/workFlowConfig/useDnD.js
+++ b/src/views/createapp/components/workFlowConfig/useDnD.js
@@ -179,7 +179,8 @@ function sanitizeNodeData(nodeData, nodeId) {
     // 如果是DirectReply节点，确保parameters结构正确且内容为空
     cleanNodeData.parameters = {
       input_parameters: {
-        answer: ''  // 确保新建的DirectReply节点内容为空
+        answer: '',  // 确保新建的DirectReply节点内容为空
+        attachment: {}  // 添加空的attachment字段
       },
       output_parameters: {}
     };
@@ -218,6 +219,20 @@ function sanitizeNodeData(nodeData, nodeId) {
       },
       output_parameters: {} // VariableAssign节点不需要输出参数
     };
+  } else if (cleanNodeData.callId === 'FileExtract') {
+    // 如果是FileExtractor节点，设置正确的parameters结构
+    cleanNodeData.parameters = {
+      input_parameters: {
+        parse_method: '', // 文件解析方法
+        input_file: '' // 输入文件变量引用
+      },
+      output_parameters: {
+        text: {
+          type: 'string',
+          description: '提取的文本内容'
+        }
+      }
+    };
   } else {
     // 对于所有其他节点类型（LLM、RAG、API、SQL等），使用API返回的原始parameters
     cleanNodeData.parameters = cleanNodeData.parameters || {
diff --git a/src/views/createapp/components/workFlowDebug.vue b/src/views/createapp/components/workFlowDebug.vue
index 9a4ff0fd857bc7b9e8d7786d70f580fe9a55e5f8..0ab90086b3e130eeb49c520c0236a17f91c7d947 100644
--- a/src/views/createapp/components/workFlowDebug.vue
+++ b/src/views/createapp/components/workFlowDebug.vue
@@ -49,6 +49,7 @@
           :is-against="getItem(item, 'isAgainst')"
           :metadata="getItem(item, 'metadata')"
           :flowdata="getItem(item, 'flowdata')"
+          :files="getItem(item, 'files')"
           :created-at="item.createdAt"
           :current-selected="item.currentInd"
           :user-selected-app="user_selected_app"
@@ -107,6 +108,7 @@ import { storeToRefs } from 'pinia';
 import { api } from '@/apis';
 import { onBeforeRouteLeave } from 'vue-router';
 import { listVariables } from '@/api/variable';
+import { ElMessage } from 'element-plus';
 
 interface ConversationVariable {
   name: string;
@@ -275,13 +277,39 @@ const handleSendMessage = async (
     const res = await generateSessionDebug({ debug: true });
     tmpConversationId.value = res || 1;
   }
+  
+  // 🔑 设置全局对话ID，供其他组件使用
+  (window as any).currentConversationId = tmpConversationId.value;
+  sessionStorage.setItem('currentConversationId', tmpConversationId.value);
 
   // 先更新所有变量到后端（使用用户在面板中输入的值），再发送消息
   if (tmpConversationId.value) {
-    await updateAllVariablesToBackend(tmpConversationId.value);
+    const updateSuccess = await updateAllVariablesToBackend(tmpConversationId.value);
+    
+        if (!updateSuccess) {
+      // 变量更新失败（特别是文件上传失败），不继续发送消息
+      // 注意：具体的错误信息已经在变量更新过程中显示了，这里不重复显示
+      
+      // 清理可能已创建的无效会话
+      if (tmpConversationId.value) {
+        try {
+          await api.deleteSession({ conversationList: [tmpConversationId.value] });
+          tmpConversationId.value = '';
+        } catch (cleanupError) {
+          // 清理失败，静默处理
+        }
+      }
+      return;
+    }
+    
+    // 🔑 重要修复：移除重新加载逻辑，避免覆盖前端本地状态
+    // 前端变量面板应该保持用户输入的状态，不应该被后端数据覆盖
+    // await loadConversationVariables();
     
-    // 变量更新完成后，重新加载以确保状态同步
-    await loadConversationVariables();
+    // 🔑 新增：自动折叠变量配置面板，让用户专注于对话内容
+    if (variablePanelVisible.value) {
+      variablePanelVisible.value = false;
+    }
   }
 
   // 设置安全超时：如果30秒后还在生成状态，强制停止
@@ -348,6 +376,22 @@ const handleCloseDebugDialog = () => {
   conversationVariables.value = [];
   tmpConversationId.value = '';
   
+  // 🔑 清理所有附件收集器
+  if ((window as any).currentConversationAttachments) {
+    (window as any).currentConversationAttachments.value = [];
+  }
+  if ((window as any).flowCodeAttachments) {
+    (window as any).flowCodeAttachments = [];
+  }
+  
+  // 🔑 清理按DialoguePanel分组的附件收集器
+  if ((window as any).flowCodeAttachmentsByPanel) {
+    (window as any).flowCodeAttachmentsByPanel = {};
+  }
+  
+  // 🔑 移除保护标记，允许下次清理
+  (window as any).flowCodeAttachmentsProtected = false;
+  
   props.handleDebugDialogOps!(false);
 };
 
diff --git a/src/views/dialogue/components/DialogueSession.vue b/src/views/dialogue/components/DialogueSession.vue
index 861b5521fe43e41efde9d8777bceb7b31a763480..2b8092c67badb24cc994a19d63bf8e73f7ea3c62 100644
--- a/src/views/dialogue/components/DialogueSession.vue
+++ b/src/views/dialogue/components/DialogueSession.vue
@@ -60,6 +60,9 @@ const { conversationList, isAnswerGenerating, dialogueRef } =
 const { generateSession } = useHistorySessionStore();
 const { currentSelectedSession } = storeToRefs(useHistorySessionStore());
 
+// 变量面板引用
+const variablePanelRef = ref();
+
 // 加载对话变量
 const loadConversationVariables = async () => {
   if (!user_selected_app.value) return;
@@ -67,13 +70,12 @@ const loadConversationVariables = async () => {
   variablesLoading.value = true;
   try {
     // 首先根据 app_id 获取应用详情，从中获取 flow_id
-    console.log('📤 根据 app_id 查询应用详情:', user_selected_app.value);
+
     const [appError, appResponse] = await api.querySingleAppData({
       id: user_selected_app.value
     });
     
     if (appError || !appResponse?.result) {
-      console.log('❌ 获取应用信息失败:', appError, appResponse);
       conversationVariables.value = [];
       currentFlowId.value = '';
       showVariablePanel.value = false;
@@ -83,7 +85,6 @@ const loadConversationVariables = async () => {
     
     const workflows = appResponse.result.workflows;
     if (!workflows || !Array.isArray(workflows) || workflows.length === 0) {
-      console.log('❌ 应用没有工作流:', workflows);
       conversationVariables.value = [];
       currentFlowId.value = '';
       showVariablePanel.value = false;
@@ -94,7 +95,6 @@ const loadConversationVariables = async () => {
     // 获取第一个工作流的ID作为flow_id（通常应用只有一个主工作流）
     const flowId = workflows[0].id;
     currentFlowId.value = flowId;
-    console.log('✅ 获取到 flow_id:', flowId, '工作流列表:', workflows);
     
     // 使用 flow_id 查询变量列表
     const queryParams: any = { 
@@ -103,11 +103,8 @@ const loadConversationVariables = async () => {
       exclude_pattern: 'step_id' // 过滤掉包含step和step_id的变量
     };
     
-    console.log('📤 查询变量参数:', queryParams);
     const response = await listVariables(queryParams);
     
-    console.log('📥 对话变量查询响应:', response);
-    
     // 处理API响应
     let variables: any[] = [];
     if (response?.result?.variables) {
@@ -136,8 +133,8 @@ const loadConversationVariables = async () => {
         conversationStarted.value = false;
       } else {
         // 如果已有对话，显示最小化的变量面板
-        showVariablePanel.value = false;
-        variablePanelMinimized.value = true;
+        showVariablePanel.value = true; // ✅ 显示面板
+        variablePanelMinimized.value = true; // ✅ 但是最小化状态
         conversationStarted.value = true;
       }
     } else {
@@ -146,21 +143,11 @@ const loadConversationVariables = async () => {
       conversationStarted.value = true;
     }
     
-    console.log('✅ 变量加载完成:', conversationVariables.value);
-    console.log('🎛️ 变量面板显示状态:', {
-      showVariablePanel: showVariablePanel.value,
-      variablePanelMinimized: variablePanelMinimized.value,
-      conversationStarted: conversationStarted.value,
-      conversationListLength: conversationList.value.length,
-      conversationVarsLength: conversationVars.length
-    });
-    
-      } catch (error) {
-      console.error('❌ 加载变量失败:', error);
-      conversationVariables.value = [];
-      currentFlowId.value = '';
-      showVariablePanel.value = false;
-      conversationStarted.value = true;
+        } catch (error) {
+    conversationVariables.value = [];
+    currentFlowId.value = '';
+    showVariablePanel.value = false; // ✅ 合理：没有变量时隐藏面板
+    conversationStarted.value = true;
   } finally {
     variablesLoading.value = false;
   }
@@ -171,23 +158,20 @@ const handleVariablePanelExpand = () => {
   showVariablePanel.value = true;
   variablePanelMinimized.value = false;
   conversationStarted.value = false;
+  
 };
 
 // 处理开始对话
 const handleStartConversation = () => {
-  showVariablePanel.value = false;
-  variablePanelMinimized.value = true;
+  // 🔑 修复：不隐藏面板，只是最小化它，保持组件实例存在
+  // showVariablePanel.value = false; // ❌ 这会导致组件消失
+  variablePanelMinimized.value = true; // ✅ 只是最小化
   conversationStarted.value = true;
   
-  // 聚焦到输入框
-  if (inputRef.value) {
-    inputRef.value.focus();
-  }
 };
 
 // 处理变量更新
 const handleVariableUpdated = () => {
-  console.log('🔄 变量已更新');
 };
 
 /**
@@ -215,6 +199,47 @@ const handleSendMessage = async (
   if (!currentSelectedSession.value) {
     await generateSession();
   }
+  
+  // 🔑 新增：在发送消息前更新所有变量到后端（使用用户在面板中输入的值）
+  if (variablePanelRef.value && 'batchUpdateVariables' in variablePanelRef.value) {
+    
+    const updateSuccess = await (variablePanelRef.value as any).batchUpdateVariables();
+    
+    if (!updateSuccess) {
+      // 变量更新失败（特别是文件上传失败），不继续发送消息
+      // 注意：具体的错误信息已经在变量更新过程中显示了，这里不重复显示
+      
+      // 🔑 清理可能已创建的无效会话
+      if (currentSelectedSession.value) {
+        try {
+          await api.deleteSession({ conversationList: [currentSelectedSession.value] });
+        } catch (cleanupError) {
+          console.error('🧹 [DialogueSession] 清理无效会话失败:', cleanupError);
+        }
+      }
+      return;
+    }
+    
+  }
+  
+  // 🔑 移除全局收集器重置，改为使用per-QA的files字段
+  
+  // 🔑 重要：强制重新创建flowCodeAttachments数组，确保完全清空
+  const oldBackupCount = (window as any).flowCodeAttachments?.length || 0;
+  const isProtected = (window as any).flowCodeAttachmentsProtected;
+  
+  if (isProtected && oldBackupCount > 0) {
+    // 受保护的收集器跳过清理
+  } else {
+    (window as any).flowCodeAttachments = [];
+  }
+  
+  // 🔑 清理按DialoguePanel分组的附件收集器
+  if ((window as any).flowCodeAttachmentsByPanel) {
+    (window as any).flowCodeAttachmentsByPanel = {};
+  }
+
+  
   // 更新当前的会话模型和知识库列表
   await Promise.all([
     await api.updateKnowledgeList({
@@ -267,6 +292,7 @@ const handleKeydown = (event: KeyboardEvent) => {
  * @param item
  */
 const getItem = <T,>(item: ConversationItem, field: string): T | undefined => {
+  
   if (field in item) {
     return (item as RobotConversationItem)[field] as T;
   }
@@ -653,6 +679,8 @@ const getProviderLLM = async () => {
   }
 };
 
+// 🔑 移除全局收集器定义，改为使用per-QA的files字段
+
 onMounted(() => {
   // 数据初始化
   AppForm.value = props.createAppForm;
@@ -660,10 +688,13 @@ onMounted(() => {
   inputRef.value.focus();
   getProviderLLM();
   
-  // 加载变量配置（如果有选中的应用）
-  if (user_selected_app.value) {
-    console.log('🚀 页面加载时检查变量配置, appId:', user_selected_app.value);
+  // 🔑 移除全局收集器初始化，改为使用per-QA的files字段
+  
+  // 🔑 重要修复：只在没有现有变量配置时才加载
+  // 避免重复加载导致覆盖用户已输入的变量状态
+  if (user_selected_app.value && conversationVariables.value.length === 0) {
     loadConversationVariables();
+  } else if (user_selected_app.value && conversationVariables.value.length > 0) {
   }
   
 
@@ -725,14 +756,18 @@ const getappMode = (appId: string) => {
 
 watch(
   () => user_selected_app,
-  (val) => {
+  (val, oldVal) => {
     if (app.value) {
       user_selected_app.value = app.value.appId;
     }
     if (user_selected_app.value && !isCreateApp.value) {
       getappMode(user_selected_app.value);
-      // 加载变量配置
-      loadConversationVariables();
+      // 🔑 重要修复：只在首次加载或切换应用时加载变量配置
+      // 避免重复加载导致覆盖用户输入的变量状态
+      if (!oldVal || oldVal !== val) {
+        loadConversationVariables();
+      } else {
+      }
     }
     if (!isCreateApp.value) {
       Form.value = props.createAppForm;
@@ -751,8 +786,8 @@ watch(
     if (conversationVariables.value.length > 0) {
       if (newList.length > 0) {
         // 有对话时，如果有变量则显示最小化面板
-        showVariablePanel.value = false;
-        variablePanelMinimized.value = true;
+        showVariablePanel.value = true; // ✅ 显示面板
+        variablePanelMinimized.value = true; // ✅ 但是最小化状态
         conversationStarted.value = true;
       } else {
         // 没有对话时，如果有变量则显示完整面板
@@ -793,12 +828,15 @@ watch(
 
 <template>
   <div class="dialogue-rightContainer">
+
+    
     <!-- 会话区域 -->
     <div style="height: 100%" class="dialogue-conversation">
       <!-- 变量面板固定区域 -->
       <div class="dialogue-variable-section" v-if="!isCreateApp">
         <DialogueVariablePanel
           v-if="showVariablePanel && conversationVariables.length > 0"
+          ref="variablePanelRef"
           :is-minimized="variablePanelMinimized"
           :conversation-variables="conversationVariables"
           :variables-loading="variablesLoading"
@@ -808,19 +846,6 @@ watch(
           @start-conversation="handleStartConversation"
           @variable-updated="handleVariableUpdated"
         />
-        
-        <!-- 最小化的变量面板 -->
-        <DialogueVariablePanel
-          v-if="variablePanelMinimized && conversationVariables.length > 0"
-          :is-minimized="true"
-          :conversation-variables="conversationVariables"
-          :variables-loading="variablesLoading"
-          :conversation-id="currentSelectedSession"
-          :app-id="currentFlowId"
-          @expand="handleVariablePanelExpand"
-          @start-conversation="handleStartConversation"
-          @variable-updated="handleVariableUpdated"
-        />
       </div>
 
       <!-- 对话内容滚动区域 -->
@@ -844,6 +869,8 @@ watch(
           </div>
         </div>
 
+
+
         <DialoguePanel
           v-for="(item, index) in conversationList"
           :cid="item.cid"
@@ -864,6 +891,7 @@ watch(
           :test="getItem(item, 'test')"
           :metadata="getItem(item, 'metadata')"
           :flowdata="getItem(item, 'flowdata')"
+          :files="getItem(item, 'files')"
           :created-at="item.createdAt"
           :current-selected="item.currentInd"
           :need-regernerate="item.cid === conversationList.slice(-1)[0].cid"
diff --git a/src/views/dialogue/components/DialogueVariablePanel.vue b/src/views/dialogue/components/DialogueVariablePanel.vue
index 57c39a78ef1288e6252ada841f6ade1825e09800..c3f1e9c9fa09008cb35436bf6a77afa9879ebe4a 100644
--- a/src/views/dialogue/components/DialogueVariablePanel.vue
+++ b/src/views/dialogue/components/DialogueVariablePanel.vue
@@ -3,8 +3,7 @@
     <!-- 面板头部 -->
     <div class="panel-header">
       <div class="header-left">
-        <div class="variable-icon">💬</div>
-        <span class="header-title">新对话设置</span>
+        <span class="header-title">变量设置</span>
       </div>
         <div class="header-right" v-if="isMinimized">
           <el-button
@@ -19,7 +18,7 @@
     </div>
 
     <!-- 面板内容 -->
-    <div v-if="!isMinimized" class="panel-content">
+    <div v-show="!isMinimized" class="panel-content">
       <div class="variable-list" v-loading="variablesLoading || false">
         <!-- 对话变量展示 -->
         <div 
@@ -27,22 +26,25 @@
           :key="`conv_${variable.name}`"
           class="variable-item"
         >
-          <div class="variable-label">
-            <span class="variable-type-icon">{{ getVariableTypeIcon(variable.var_type) }}</span>
-            {{ variable.name }}
-          </div>
-          <div class="variable-note">可选</div>
-          <div class="variable-input-wrapper">
+          <div class="variable-main">
+            <div class="variable-name-section">
+              <div class="variable-icon-small">{x}</div>
+              <div class="variable-details">
+                <div class="variable-name">{{ variable.name }}</div>
+                <div class="variable-type">{{ VARIABLE_TYPE_MAP[variable.var_type] || variable.var_type }}</div>
+              </div>
+            </div>
+            <div class="variable-value-section">
             <!-- String 和 Number 类型：普通输入框 -->
-            <el-input
-              v-if="variable.var_type === 'string' || variable.var_type === 'number'"
-              v-model="variable.displayValue"
-              :placeholder="getVariablePlaceholder(variable)"
-              :type="variable.var_type === 'number' ? 'number' : 'text'"
-              size="default"
-              @input="handleVariableInput(variable)"
-              class="variable-input"
-            />
+              <el-input
+                v-if="variable.var_type === 'string' || variable.var_type === 'number'"
+                v-model="variable.displayValue"
+                :placeholder="getVariablePlaceholder(variable)"
+                :type="variable.var_type === 'number' ? 'number' : 'text'"
+                size="small"
+                @input="handleVariableInput(variable)"
+                class="variable-input"
+              />
             
             <!-- Boolean 类型：开关 -->
             <el-switch
@@ -67,32 +69,114 @@
               class="variable-textarea"
             />
             
-            <!-- File 类型：文件上传 -->
-            <div v-else-if="variable.var_type === 'file'" class="file-upload-section">
-              <el-upload
-                class="variable-file-upload"
-                :auto-upload="false"
-                :show-file-list="false"
-                :on-change="(file) => handleFileChange(variable, file)"
-                :accept="getFileAcceptTypes()"
-              >
-                <el-button size="default" type="primary">
-                  <el-icon><IconUpload /></el-icon>
-                  选择文件
-                </el-button>
-              </el-upload>
-              <div v-if="variable.fileName" class="selected-file">
-                <span class="file-name">{{ variable.fileName }}</span>
-                <el-button
-                  size="small"
-                  type="danger"
-                  text
-                  @click="clearFileVariable(variable)"
+              <!-- File 类型 -->
+              <div v-else-if="variable.var_type === 'file'" class="file-upload-section">
+                <el-upload
+                  class="variable-file-upload"
+                  :auto-upload="false"
+                  :show-file-list="false"
+                  :on-change="(file) => handleFileChange(variable, file)"
+                  :accept="FILE_ACCEPT_TYPES"
+                  drag
                 >
-                  <el-icon><IconDelete /></el-icon>
-                </el-button>
+                  <template #trigger>
+                    <div class="upload-trigger">
+                      <el-icon class="upload-icon"><IconUpload /></el-icon>
+                      <div class="upload-text">
+                        <span>点击上传</span>
+                        <span class="upload-hint">或将文件拖拽到此处</span>
+                      </div>
+                    </div>
+                  </template>
+                  <template #tip>
+                    <div class="upload-tip">
+                      {{ getFileUploadTip(variable) }}
+                    </div>
+                  </template>
+                </el-upload>
+                
+                <!-- 已选择的文件列表 -->
+                <div v-if="variable.fileName" class="file-list">
+                  <div class="file-item">
+                    <div class="file-info">
+                      <el-icon class="file-icon"><Document /></el-icon>
+                      <span class="file-name">{{ variable.fileName }}</span>
+                      <span v-if="variable.fileUploaded" class="file-status success">
+                        <el-icon><CircleCheck /></el-icon>
+                        已上传
+                      </span>
+                      <span v-else class="file-status pending">
+                        <el-icon><Loading /></el-icon>
+                        待上传
+                      </span>
+                    </div>
+                    <el-button
+                      size="small"
+                      type="danger"
+                      text
+                      @click="clearFileVariable(variable)"
+                      class="file-remove"
+                    >
+                      <el-icon><IconDelete /></el-icon>
+                    </el-button>
+                  </div>
+                </div>
+              </div>
+            
+              <!-- Array[File] 类型 -->
+              <div v-else-if="variable.var_type === 'array[file]'" class="file-array-upload-section">
+                <el-upload
+                  class="variable-file-upload"
+                  :auto-upload="false"
+                  :show-file-list="false"
+                  :multiple="true"
+                  :on-change="(file, fileList) => handleFileArrayChange(variable, fileList)"
+                  :accept="FILE_ACCEPT_TYPES"
+                  drag
+                >
+                  <template #trigger>
+                    <div class="upload-trigger">
+                      <el-icon class="upload-icon"><IconUpload /></el-icon>
+                      <div class="upload-text">
+                        <span>点击上传</span>
+                        <span class="upload-hint">或将文件拖拽到此处</span>
+                      </div>
+                    </div>
+                  </template>
+                  <template #tip>
+                    <div class="upload-tip">
+                      {{ getFileUploadTip(variable) }}
+                    </div>
+                  </template>
+                </el-upload>
+                
+                <!-- 已选择的文件列表 -->
+                <div v-if="variable.fileList && variable.fileList.length > 0" class="file-list">
+                  <div v-for="(file, index) in variable.fileList" :key="index" class="file-item">
+                    <div class="file-info">
+                      <el-icon class="file-icon"><Document /></el-icon>
+                      <span class="file-name">{{ file.name }}</span>
+                      <span v-if="variable.fileListUploaded" class="file-status success">
+                        <el-icon><CircleCheck /></el-icon>
+                        已上传
+                      </span>
+                      <span v-else class="file-status pending">
+                        <el-icon><Loading /></el-icon>
+                        待上传
+                      </span>
+                    </div>
+                    <el-button
+                      size="small"
+                      type="danger"
+                      text
+                      @click="removeFileFromArray(variable, index)"
+                      class="file-remove"
+                    >
+                      <el-icon><IconDelete /></el-icon>
+                    </el-button>
+                  </div>
+                </div>
               </div>
-            </div>
             
             <!-- Array[String] 类型：标签输入 -->
             <div v-else-if="variable.var_type === 'array[string]'" class="string-array-section">
@@ -136,7 +220,8 @@
               size="default"
               @input="handleVariableInput(variable)"
               class="variable-input"
-            />
+              />
+            </div>
           </div>
         </div>
 
@@ -163,10 +248,27 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, watch } from 'vue'
+import { ref, computed, watch, onUnmounted } from 'vue'
 import { ElMessage, ElTag, ElSwitch, ElUpload } from 'element-plus'
 import { IconUpload, IconDelete } from '@computing/opendesign-icons'
+import { Document, CircleCheck, Loading } from '@element-plus/icons-vue'
 import { updateVariable } from '@/api/variable'
+import { uploadFilesForVariable, deleteSession } from '@/apis/paths/conversation'
+
+// 常量定义 - 与DebugVariablePanel保持一致
+const VARIABLE_TYPE_MAP: Record<string, string> = {
+  'string': 'String',
+  'number': 'Number', 
+  'boolean': 'Boolean',
+  'object': 'Object',
+  'array': 'Array',
+  'file': 'File',
+  'array[file]': 'File[]',
+  'array[string]': 'String[]',
+  'secret': 'Secret'
+}
+
+const FILE_ACCEPT_TYPES = '.pdf,.docx,.doc,.txt,.md,.xlsx'
 
 interface Variable {
   name: string
@@ -177,7 +279,10 @@ interface Variable {
   displayValue?: string
   booleanValue?: boolean
   fileName?: string
-  fileList?: Array<{ name: string; file: File }>
+  fileObject?: File  // 添加文件对象存储
+  fileUploaded?: boolean  // 标记文件是否已上传
+  fileList?: Array<{ name: string; file?: File }>  // file设为可选
+  fileListUploaded?: boolean  // 标记文件数组是否已上传
   stringArray?: string[]
   stringArrayInput?: string
 }
@@ -196,6 +301,8 @@ const emit = defineEmits(['expand', 'startConversation', 'variableUpdated', 'min
 // 内部独立的变量状态
 const internalVariables = ref<Variable[]>([])
 const isStarting = ref(false)
+// 🔑 新增：防止重复调用标志
+const hasUpdatedVariables = ref(false)
 
 // 计算属性：检查是否应该默认最小化
 const shouldDefaultMinimize = computed(() => {
@@ -232,27 +339,127 @@ const isEditableVariable = (variable: Variable): boolean => {
   return true
 }
 
+// 文件上传失败时删除conversation
+const deleteConversationOnFailure = async (conversationId: string) => {
+  try {
+    await deleteSession({ conversationList: [conversationId] })
+    ElMessage.warning('文件上传失败，已取消对话创建')
+  } catch (error) {
+    console.error('删除conversation失败:', error)
+  }
+}
+
 // 初始化内部变量状态
 const initializeInternalVariables = () => {
   // 只显示用户可编辑的 conversation 变量
   const editableVariables = props.conversationVariables.filter(isEditableVariable)
   
-  internalVariables.value = editableVariables.map(variable => ({
-    ...variable,
-    displayValue: getVariableDisplayValue(variable.value),
-    // 初始化特殊类型的属性
-    booleanValue: variable.var_type === 'boolean' ? (variable.value === true || variable.value === 'true') : undefined,
-    fileName: variable.var_type === 'file' && variable.value?.name ? variable.value.name : undefined,
-    fileList: variable.var_type === 'array[file]' && Array.isArray(variable.value) 
-      ? variable.value.map(v => ({ name: v.name || v, file: v })) 
-      : [],
-    stringArray: variable.var_type === 'array[string]' && Array.isArray(variable.value) 
-      ? [...variable.value] 
-      : [],
-    stringArrayInput: ''
-  }))
+  // 🔑 重要修复：保存当前所有用户输入状态，不仅仅是文件
+  const currentUserStates = new Map<string, {
+    // 通用状态
+    displayValue?: string;
+    booleanValue?: boolean;
+    stringArray?: string[];
+    stringArrayInput?: string;
+    // 文件相关状态
+    fileName?: string; 
+    fileObject?: File; 
+    fileUploaded?: boolean; 
+    fileList?: Array<{ name: string; file?: File }>; 
+    fileListUploaded?: boolean;
+  }>()
+  
+  // 保存现有的用户输入状态
+  internalVariables.value.forEach(variable => {
+    currentUserStates.set(variable.name, {
+      displayValue: variable.displayValue,
+      booleanValue: variable.booleanValue,
+      stringArray: variable.stringArray,
+      stringArrayInput: variable.stringArrayInput,
+      fileName: variable.fileName,
+      fileObject: variable.fileObject,
+      fileUploaded: variable.fileUploaded,
+      fileList: variable.fileList,
+      fileListUploaded: variable.fileListUploaded
+    })
+  })
   
-  console.log('💬 对话变量面板初始化，可编辑变量:', internalVariables.value.map(v => `${v.name}(${v.scope})`))
+  internalVariables.value = editableVariables.map(variable => {
+    // 🔑 重要：优先使用用户已输入的状态
+    const existingUserState = currentUserStates.get(variable.name)
+    if (existingUserState) {
+      // 恢复用户状态
+      return {
+        ...variable,
+        displayValue: existingUserState.displayValue ?? getVariableDisplayValue(variable.value),
+        booleanValue: existingUserState.booleanValue ?? (variable.var_type === 'boolean' ? (variable.value === true || variable.value === 'true') : undefined),
+        fileName: existingUserState.fileName,
+        fileObject: existingUserState.fileObject,
+        fileUploaded: existingUserState.fileUploaded ?? false,
+        fileList: existingUserState.fileList ?? [],
+        fileListUploaded: existingUserState.fileListUploaded ?? false,
+        stringArray: existingUserState.stringArray ?? (variable.var_type === 'array[string]' && Array.isArray(variable.value) ? [...variable.value] : []),
+        stringArrayInput: existingUserState.stringArrayInput ?? ''
+      }
+    } else {
+      // 初次创建，使用默认值
+      let fileName: string | undefined = undefined
+      let fileList: Array<{ name: string; file?: File }> = []
+      let fileObject: File | undefined = undefined
+      let fileUploaded: boolean = false
+      let fileListUploaded: boolean = false
+      
+      // 从后端返回的文件变量数据中提取文件名
+      if (variable.var_type === 'file' && variable.value) {
+        try {
+          let fileValue = variable.value
+          if (typeof fileValue === 'string') {
+            fileValue = JSON.parse(fileValue)
+          }
+          
+          if (typeof fileValue === 'object' && fileValue !== null) {
+            if (fileValue.file_id) {
+              fileName = `已上传文件 (${fileValue.file_id.substring(0, 8)}...)`
+              fileUploaded = true
+            }
+          }
+        } catch (e) {
+          // 解析失败，使用默认值
+        }
+      } else if (variable.var_type === 'array[file]' && variable.value) {
+        try {
+          let fileValue = variable.value
+          if (typeof fileValue === 'string') {
+            fileValue = JSON.parse(fileValue)
+          }
+          
+          if (typeof fileValue === 'object' && fileValue !== null && Array.isArray(fileValue.file_ids)) {
+            fileList = fileValue.file_ids.map((fileId: string) => ({
+              name: `已上传文件 (${fileId.substring(0, 8)}...)`
+            }))
+            fileListUploaded = true
+          }
+        } catch (e) {
+          // 解析失败，使用默认值
+        }
+      }
+      
+      return {
+        ...variable,
+        displayValue: getVariableDisplayValue(variable.value),
+        booleanValue: variable.var_type === 'boolean' ? (variable.value === true || variable.value === 'true') : undefined,
+        fileName: fileName,
+        fileObject: fileObject,
+        fileUploaded: fileUploaded,
+        fileList: fileList,
+        fileListUploaded: fileListUploaded,
+        stringArray: variable.var_type === 'array[string]' && Array.isArray(variable.value) 
+          ? [...variable.value] 
+          : [],
+        stringArrayInput: ''
+      }
+    }
+  })
 }
 
 // 获取变量显示值
@@ -308,12 +515,37 @@ const getVariablePlaceholder = (variable: Variable): string => {
 
 // 获取文件接受类型
 const getFileAcceptTypes = (): string => {
-  return '.pdf,.docx,.doc,.txt,.md,.xlsx'
+  return FILE_ACCEPT_TYPES
+}
+
+// 获取文件上传提示信息
+const getFileUploadTip = (variable: Variable): string => {
+  if (variable.var_type === 'file') {
+    return `${getFileAcceptTypes()} 文件，单个文件不超过 ${getVariableMaxFileSize(variable)}MB`
+  } else if (variable.var_type === 'array[file]') {
+    return `${getFileAcceptTypes()} 文件，最多 ${getVariableMaxFiles(variable)} 个文件，单个文件不超过 ${getVariableMaxFileSize(variable)}MB`
+  }
+  return `${getFileAcceptTypes()} 文件`
+}
+
+// 获取变量的最大文件数
+const getVariableMaxFiles = (variable: Variable): number => {
+  if (variable.value && typeof variable.value === 'object' && 'max_files' in variable.value) {
+    return variable.value.max_files
+  }
+  return variable.var_type === 'file' ? 1 : 10
+}
+
+// 获取变量的最大文件大小（MB）
+const getVariableMaxFileSize = (variable: Variable): number => {
+  if (variable.value && typeof variable.value === 'object' && 'max_file_size' in variable.value) {
+    return Math.round(variable.value.max_file_size / (1024 * 1024))
+  }
+  return 10 // 默认10MB
 }
 
 // 处理变量输入事件
 const handleVariableInput = (variable: Variable) => {
-  console.log('🔧 变量值更新:', variable.name, '=', variable.displayValue)
 }
 
 // 更新布尔变量
@@ -349,12 +581,89 @@ const handleFileChange = async (variable: Variable, file: any) => {
   if (!file) return
   
   variable.fileName = file.name
-  // 这里可以添加文件上传逻辑
+  variable.fileObject = file.raw || file
+  variable.fileUploaded = false
+  
+  // 🔑 重要：文件发生变化时，重置更新标志
+  hasUpdatedVariables.value = false
+  
+  // 🔑 与DebugVariablePanel保持一致：没有conversationId时只做本地存储
+  if (!props.conversationId) {
+    ElMessage.success('文件已选择，开始对话后将上传')
+    return
+  }
+  
+  // 🔑 有conversationId时才通过batchUpdateVariables处理上传
+  // 注意：不直接在这里上传，而是等待batchUpdateVariables统一处理
 }
 
 // 清除文件变量
 const clearFileVariable = async (variable: Variable) => {
+  // 🔑 重要优化：只做前端缓存清理，不立即调用后端API
+  // 后端状态将在开始对话时通过两阶段处理统一更新
   variable.fileName = undefined
+  variable.fileObject = undefined
+  variable.fileUploaded = false
+  
+  // 🔑 重要：文件发生变化时，重置更新标志
+  hasUpdatedVariables.value = false
+  
+  // 🔑 与新的两阶段处理设计保持一致：
+  // 1. 删除操作只影响前端缓存
+  // 2. 后端变量池的更新留给batchUpdateVariables处理
+  // 3. 这样确保所有变量更新都在同一个事务中，避免状态冲突
+  
+  ElMessage.success('文件已移除，开始对话时将同步到后端')
+}
+
+// 处理文件数组选择
+const handleFileArrayChange = async (variable: Variable, fileList: any[]) => {
+  if (!variable.fileList) {
+    variable.fileList = []
+  }
+  
+  // 🔑 重要修复：过滤掉已经在内部列表中的文件，避免重复
+  const existingFileNames = new Set(variable.fileList.map(f => f.name))
+  const newFiles = fileList.filter(file => !existingFileNames.has(file.name))
+  
+  // 🔑 只添加新文件，保持现有文件
+  newFiles.forEach(file => {
+    variable.fileList!.push({
+      name: file.name,
+      file: file.raw || file
+    })
+  })
+  
+  variable.fileListUploaded = false
+  
+  // 🔑 重要：文件发生变化时，重置更新标志
+  hasUpdatedVariables.value = false
+  
+  // 🔑 与DebugVariablePanel保持一致：没有conversationId时只做本地存储
+  if (!props.conversationId) {
+    ElMessage.success('文件已选择，开始对话时将上传')
+    return
+  }
+  
+  // 🔑 有conversationId时才通过batchUpdateVariables处理上传
+  // 注意：不直接在这里上传，而是等待batchUpdateVariables统一处理
+}
+
+// 从文件数组中移除文件
+const removeFileFromArray = async (variable: Variable, index: number) => {
+  if (!variable.fileList) return
+  
+  // 🔑 重要优化：只做前端缓存清理，不立即调用后端API
+  // 后端状态将在开始对话时通过两阶段处理统一更新
+  const removedFile = variable.fileList[index]
+  variable.fileList.splice(index, 1)
+  
+  // 🔑 与新的两阶段处理设计保持一致：
+  // 1. 删除操作只影响前端缓存
+  // 2. 后端变量池的更新留给batchUpdateVariables处理
+  // 3. 这样确保所有变量更新都在同一个事务中，避免状态冲突
+  
+  ElMessage.success(`文件 "${removedFile.name}" 已移除，开始对话时将同步到后端`)
 }
 
 // 添加字符串到数组
@@ -381,93 +690,267 @@ const removeStringFromArray = (variable: Variable, index: number) => {
 // 批量更新所有变量到后端
 const batchUpdateVariables = async (): Promise<boolean> => {
   if (!props.conversationId) {
-    console.log('❌ 缺少对话ID，无法批量更新变量')
     return false
   }
 
+  // 🔑 重要：防止重复调用，避免清空已上传的文件
+  if (hasUpdatedVariables.value) {
+    return true
+  }
+
   const editableVariables = internalVariables.value.filter(isEditableVariable)
 
   if (editableVariables.length === 0) {
-    console.log('📋 没有可编辑变量需要更新')
+    hasUpdatedVariables.value = true
     return true
   }
 
   try {
-    console.log('🔄 开始批量更新变量到后端...')
-    console.log('📋 对话ID:', props.conversationId)
-    console.log('📋 要更新的可编辑变量:', editableVariables.map(v => v.name))
+    // 🔑 新的两阶段处理流程
     
-    const updatePromises = editableVariables.map(async (variable) => {
-      const updateParams = {
-        name: variable.name,
-        scope: 'conversation',
-        conversation_id: props.conversationId,
-        flow_id: props.appId
-      }
-      
-      // 根据变量类型处理值
-      let processedValue = variable.displayValue || variable.value
-      
-      // 特殊类型的值处理
-      if (variable.var_type === 'boolean') {
-        processedValue = variable.booleanValue
-      } else if (variable.var_type === 'number' && variable.displayValue) {
-        const numValue = Number(variable.displayValue)
-        processedValue = isNaN(numValue) ? variable.value : numValue
-      } else if (variable.var_type === 'object' && variable.displayValue) {
-        try {
-          processedValue = JSON.parse(variable.displayValue)
-        } catch (error) {
-          console.warn(`⚠️ 变量 ${variable.name} JSON 解析失败，使用原始值`)
-          processedValue = variable.displayValue
-        }
-      } else if (variable.var_type === 'array[string]') {
-        processedValue = variable.stringArray || []
-      } else if (variable.var_type === 'file') {
-        processedValue = variable.fileName ? { name: variable.fileName } : null
-      }
-      
-      const updateData = {
-        value: processedValue,
-        var_type: variable.var_type,
-        description: variable.description
-      }
-      
+    // 第一阶段：更新所有变量（包括清空文件变量的file_id）
+    const updateResults: Array<{ success: boolean; variable: string; error?: any }> = []
+    
+    for (const variable of editableVariables) {
       try {
-        const result = await updateVariable(updateParams, updateData)
-        console.log(`✅ 变量 ${variable.name} 更新成功:`, result)
-        return { success: true, variable: variable.name }
+        let processedValue
+        
+        if (variable.var_type === 'file' || variable.var_type === 'array[file]') {
+          // 文件变量：清空file_id但保留配置
+          const isArrayType = variable.var_type === 'array[file]'
+          processedValue = isArrayType ? 
+            { file_ids: [], ...getFileConfigFromVariable(variable) } : 
+            { file_id: "", ...getFileConfigFromVariable(variable) }
+        } else {
+          // 非文件变量：正常处理值
+          if (variable.var_type === 'boolean') {
+            processedValue = variable.booleanValue
+          } else if (variable.var_type === 'number' && variable.displayValue) {
+            const numValue = Number(variable.displayValue)
+            processedValue = isNaN(numValue) ? variable.value : numValue
+          } else if (variable.var_type === 'object' && variable.displayValue) {
+            try {
+              processedValue = JSON.parse(variable.displayValue)
+            } catch (error) {
+              processedValue = variable.displayValue
+            }
+          } else if (variable.var_type === 'array[string]') {
+            processedValue = variable.stringArray || []
+          } else {
+            processedValue = variable.displayValue || variable.value
+          }
+        }
+        
+        await updateVariable(
+          { 
+            name: variable.name, 
+            scope: 'conversation',
+            conversation_id: props.conversationId,
+            flow_id: props.appId
+          },
+          { 
+            value: processedValue,
+            var_type: variable.var_type,
+            description: variable.description
+          }
+        )
+        
+        updateResults.push({ success: true, variable: variable.name })
       } catch (error) {
-        console.error(`❌ 变量 ${variable.name} 更新失败:`, error)
-        return { success: false, variable: variable.name, error }
+        console.error(`变量 ${variable.name} 更新失败:`, error)
+        updateResults.push({ success: false, variable: variable.name, error })
       }
-    })
+    }
     
-    const results = await Promise.all(updatePromises)
-    const successCount = results.filter(r => r.success).length
+    // 检查第一阶段是否有失败
+    const failedUpdates = updateResults.filter(r => !r.success)
+    if (failedUpdates.length > 0) {
+      ElMessage.error(`变量更新失败: ${failedUpdates.map(r => r.variable).join(', ')}`)
+      return false
+    }
     
-    console.log(`📊 变量更新结果: 成功 ${successCount}/${results.length}`)
+    // 第二阶段：处理文件上传
+    const fileVariables = editableVariables.filter(v => v.var_type === 'file' || v.var_type === 'array[file]')
+    const fileVariablesWithFiles = fileVariables.filter(v => 
+      (v.var_type === 'file' && v.fileName) || 
+      (v.var_type === 'array[file]' && v.fileList && v.fileList.length > 0)
+    )
     
-    if (successCount > 0) {
-      emit('variableUpdated')
+    if (fileVariablesWithFiles.length > 0) {
+      for (const variable of fileVariablesWithFiles) {
+        const isArrayType = variable.var_type === 'array[file]'
+        const isUploaded = isArrayType ? variable.fileListUploaded : variable.fileUploaded
+        
+        if (!isUploaded) {
+          try {
+            // 准备上传数据
+            const formData = new FormData()
+            if (isArrayType) {
+              variable.fileList?.forEach(fileItem => {
+                if (fileItem.file) formData.append('documents', fileItem.file)
+              })
+            } else if (variable.fileObject) {
+              formData.append('documents', variable.fileObject)
+            }
+
+            // 上传文件
+            const [error] = await uploadFilesForVariable(
+              formData,
+              props.conversationId!,
+              variable.name,
+              variable.var_type,
+              'conversation',
+              props.appId
+            )
+
+            if (error) {
+              // 提取具体的错误信息
+              let errorMessage = '文件上传失败'
+              
+              try {
+                if (error?.response?.data) {
+                  const responseData = error.response.data
+                  if (typeof responseData === 'string') {
+                    try {
+                      const parsedData = JSON.parse(responseData)
+                      if (parsedData.detail) {
+                        errorMessage = parsedData.detail
+                      } else if (parsedData.message) {
+                        errorMessage = parsedData.message
+                      }
+                    } catch (jsonError) {
+                      errorMessage = responseData
+                    }
+                  } else if (typeof responseData === 'object') {
+                    if (responseData.detail) {
+                      errorMessage = responseData.detail
+                    } else if (responseData.message) {
+                      errorMessage = responseData.message
+                    }
+                  }
+                } else if (error?.response?.statusText) {
+                  errorMessage = error.response.statusText
+                } else if (error?.detail) {
+                  errorMessage = error.detail
+                } else if (error?.message) {
+                  errorMessage = error.message
+                }
+              } catch (parseError) {
+                // 解析错误信息时出错，使用默认消息
+              }
+              
+              ElMessage.error(errorMessage)
+              
+              // 清空文件缓存
+              if (isArrayType) {
+                variable.fileList = []
+                variable.fileListUploaded = false
+              } else {
+                variable.fileName = undefined
+                variable.fileObject = undefined
+                variable.fileUploaded = false
+              }
+              
+              // 文件上传失败时，清理可能已创建的无效会话
+              try {
+                await deleteSession({ conversationList: [props.conversationId!] })
+              } catch (cleanupError) {
+                // 清理无效会话失败，静默处理
+              }
+              
+              return false
+            }
+
+            // 标记上传完成
+            if (isArrayType) {
+              variable.fileListUploaded = true
+            } else {
+              variable.fileUploaded = true
+            }
+          } catch (error) {
+            console.error(`文件变量 ${variable.name} 上传失败:`, error)
+            ElMessage.error(`文件变量 ${variable.name} 上传失败`)
+            return false
+          }
+        }
+      }
     }
     
-    return successCount > 0
+    emit('variableUpdated')
+    
+    // 🔑 重要：标记变量已更新，防止重复调用
+    hasUpdatedVariables.value = true
+    
+    return true
   } catch (error) {
-    console.error('❌ 批量更新变量失败:', error)
+    console.error('批量更新变量失败:', error)
+    ElMessage.error('变量更新失败，无法开始对话')
     return false
   }
 }
 
+// 这些函数已被新的两阶段批量处理逻辑替代，不再需要
+
+// 从变量中提取文件配置信息（不包括file_id/file_ids）
+const getFileConfigFromVariable = (variable: Variable): any => {
+  try {
+    if (variable.value && typeof variable.value === 'object') {
+      const { file_id, file_ids, ...config } = variable.value
+      return config
+    }
+  } catch (e) {
+    // 解析失败，返回默认配置
+  }
+  
+  // 返回默认文件配置
+  return {
+    supported_types: [],
+    upload_methods: ["manual"],
+    max_files: variable.var_type === 'file' ? 1 : 10,
+    max_file_size: 10 * 1024 * 1024, // 10MB
+    required: false
+  }
+}
+
 // 处理开始对话
 const handleStartConversation = async () => {
   isStarting.value = true
   try {
-    // 先更新所有变量
-    await batchUpdateVariables()
+    // 🔑 重要修复：处理conversationId不存在的情况
+    if (props.conversationId) {
+      // 如果conversationId已存在，先执行变量更新再开始对话
+      const updateSuccess = await batchUpdateVariables()
+      if (!updateSuccess) {
+        ElMessage.error('变量更新失败，无法开始对话')
+        return
+      }
+      
+      // 变量更新成功后，再通知父组件开始对话
+      emit('startConversation')
+    } else {
+      // 🔑 新增：如果conversationId不存在，先开始对话（创建conversation），然后更新变量
+      emit('startConversation')
+      
+      // 等待父组件创建conversation并设置conversationId
+      // 使用轮询方式等待conversationId
+      let retryCount = 0
+      const maxRetries = 10
+      
+      while (!props.conversationId && retryCount < maxRetries) {
+        await new Promise(resolve => setTimeout(resolve, 500)) // 等待500ms
+        retryCount++
+      }
+      
+      if (props.conversationId) {
+        const updateSuccess = await batchUpdateVariables()
+        if (!updateSuccess) {
+          ElMessage.warning('文件变量更新失败，可能影响对话效果')
+        }
+      } else {
+        ElMessage.warning('无法更新变量，对话可能受到影响')
+      }
+    }
     
-    // 通知父组件开始对话
-    emit('startConversation')
   } catch (error) {
     console.error('开始对话失败:', error)
     ElMessage.error('开始对话失败')
@@ -476,14 +959,51 @@ const handleStartConversation = async () => {
   }
 }
 
-// 监听props变化，重新初始化内部变量
+// 暴露方法给父组件
+defineExpose({
+  batchUpdateVariables
+})
+
+// 组件销毁时清理文件缓存
+onUnmounted(() => {
+  internalVariables.value.forEach(variable => {
+    if (variable.fileObject) {
+      variable.fileObject = undefined
+      variable.fileName = undefined
+      variable.fileUploaded = false
+    }
+    if (variable.fileList) {
+      variable.fileList = []
+      variable.fileListUploaded = false
+    }
+  })
+})
+
+// 监听props变化，重新初始化内部变量（只在外部数据源变化时）
 watch(
   () => props.conversationVariables,
-  (newVariables) => {
-    if (newVariables && newVariables.length >= 0) {
-      console.log('📡 外部变量数据变化，重新初始化内部状态')
-      initializeInternalVariables()
+  (newVariables, oldVariables) => {
+    // 🔑 重要修复：只在以下情况重新初始化
+    // 1. 首次加载（immediate: true）
+    // 2. 变量数量发生变化（新增或删除变量）
+    // 3. 变量类型发生变化
+    if (!oldVariables || newVariables.length !== oldVariables.length) {
+      initializeInternalVariables();
+      return;
+    }
+    
+    // 检查变量类型是否发生变化
+    const hasTypeChange = newVariables.some((newVar, index) => {
+      const oldVar = oldVariables[index];
+      return oldVar && (newVar.name !== oldVar.name || newVar.var_type !== oldVar.var_type);
+    });
+    
+    if (hasTypeChange) {
+      initializeInternalVariables();
+      return;
     }
+    
+    // 如果只是变量值的变化，不重新初始化，保持用户输入的状态
   },
   { immediate: true }
 )
@@ -495,17 +1015,11 @@ watch(
     // 只有在数据不为空（即已经完成初始化）且没有可编辑变量时才最小化
     // 避免在组件刚挂载时就最小化
     if (newInternalVariables !== null && shouldDefaultMinimize.value && !props.isMinimized && !props.variablesLoading) {
-      console.log('📋 没有可编辑变量，自动最小化面板')
       emit('minimize')
     }
   },
   { deep: true }
 )
-
-// 暴露方法给父组件调用
-defineExpose({
-  batchUpdateVariables
-})
 </script>
 
 <style lang="scss" scoped>
@@ -530,7 +1044,7 @@ defineExpose({
       border-bottom: none;
       
       .header-title {
-        font-size: 12px;
+        font-size: 12px !important;
       }
       
       .variable-icon {
@@ -589,49 +1103,65 @@ defineExpose({
       margin-bottom: 32px;
       
       .variable-item {
-        margin-bottom: 24px;
-        padding: 20px;
+        margin-bottom: 12px;
+        padding: 12px;
         background: var(--el-fill-color-extra-light);
+        border-radius: 6px;
         border: 1px solid var(--el-border-color-lighter);
-        border-radius: 8px;
         transition: all 0.2s ease;
-        
+
         &:hover {
           border-color: var(--el-color-primary-light-7);
           background: var(--el-color-primary-light-9);
         }
-        
+
         &:last-child {
           margin-bottom: 0;
         }
 
-        .variable-label {
-          font-size: 16px;
-          font-weight: 600;
-          color: var(--el-text-color-primary);
-          margin-bottom: 6px;
+        .variable-main {
           display: flex;
+          justify-content: space-between;
           align-items: center;
-          
-          .variable-type-icon {
-            margin-right: 8px;
-            font-size: 16px;
+          gap: 12px;
+
+          .variable-name-section {
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            flex: 0 0 140px;
+
+            .variable-icon-small {
+              color: var(--el-color-primary);
+              font-family: 'Monaco', 'Consolas', monospace;
+              font-weight: bold;
+              font-size: 12px;
+              width: 16px;
+              text-align: center;
+            }
+
+            .variable-details {
+              .variable-name {
+                font-size: 13px;
+                font-weight: 600;
+                color: var(--el-text-color-primary);
+                line-height: 1.2;
+              }
+
+              .variable-type {
+                font-size: 11px;
+                color: var(--el-text-color-secondary);
+                line-height: 1.2;
+              }
+            }
           }
-        }
 
-        .variable-note {
-          font-size: 13px;
-          color: var(--el-text-color-secondary);
-          margin-bottom: 12px;
-          padding: 4px 8px;
-          background: var(--el-color-warning-light-9);
-          border-radius: 4px;
-          display: inline-block;
-        }
+          .variable-value-section {
+            flex: 1;
+            min-width: 0;
 
-        .variable-input-wrapper {
-          .variable-input,
-          .variable-textarea {
+            .variable-input,
+            .variable-textarea {
             width: 100%;
             
             // 重置 wrapper 的样式，避免与 inner 重叠
@@ -695,31 +1225,153 @@ defineExpose({
             align-items: center;
           }
 
-          .file-upload-section {
+          .file-upload-section,
+          .file-array-upload-section {
             .variable-file-upload {
               width: 100%;
               
               :deep(.el-upload) {
                 width: 100%;
               }
+              
+              :deep(.el-upload-dragger) {
+                width: 100%;
+                height: 120px;
+                border: 2px dashed var(--el-border-color);
+                border-radius: 8px;
+                background: var(--el-fill-color-extra-light);
+                transition: all 0.3s ease;
+                
+                &:hover {
+                  border-color: var(--el-color-primary);
+                  background: var(--el-color-primary-light-9);
+                }
+                
+                &.is-dragover {
+                  border-color: var(--el-color-primary);
+                  background: var(--el-color-primary-light-8);
+                }
+              }
+              
+              .upload-trigger {
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100%;
+                padding: 20px;
+                
+                .upload-icon {
+                  font-size: 28px;
+                  color: var(--el-color-primary);
+                  margin-bottom: 8px;
+                }
+                
+                .upload-text {
+                  text-align: center;
+                  
+                  span {
+                    display: block;
+                    font-size: 14px;
+                    color: var(--el-text-color-primary);
+                    margin-bottom: 4px;
+                  }
+                  
+                  .upload-hint {
+                    font-size: 12px;
+                    color: var(--el-text-color-secondary);
+                  }
+                }
+              }
+              
+              .upload-tip {
+              margin-top: 8px;
+                font-size: 12px;
+                color: var(--el-text-color-secondary);
+                text-align: center;
+              }
             }
 
-            .selected-file {
-              margin-top: 8px;
-              display: flex;
-              align-items: center;
-              justify-content: space-between;
-              padding: 8px 12px;
-              background: var(--el-fill-color-extra-light);
-              border-radius: 6px;
+            .file-list {
+              margin-top: 12px;
               
-              .file-name {
-                font-size: 13px;
-                color: var(--el-text-color-regular);
-                flex: 1;
-                overflow: hidden;
-                text-overflow: ellipsis;
-                white-space: nowrap;
+              .file-item {
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                padding: 8px 12px;
+                background: var(--el-fill-color-extra-light);
+                border: 1px solid var(--el-border-color-lighter);
+                border-radius: 6px;
+                margin-bottom: 8px;
+                transition: all 0.2s ease;
+                
+                &:hover {
+                  background: var(--el-fill-color-light);
+                  border-color: var(--el-color-primary-light-7);
+                }
+                
+                &:last-child {
+                  margin-bottom: 0;
+                }
+                
+                .file-info {
+                  display: flex;
+                  align-items: center;
+                  flex: 1;
+                  min-width: 0;
+                  
+                  .file-icon {
+                    font-size: 16px;
+                    color: var(--el-color-primary);
+                    margin-right: 8px;
+                    flex-shrink: 0;
+                  }
+                
+                  .file-name {
+                    font-size: 13px;
+                    color: var(--el-text-color-primary);
+                    flex: 1;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    white-space: nowrap;
+                    margin-right: 8px;
+                  }
+                  
+                  .file-status {
+                    display: flex;
+                    align-items: center;
+                    font-size: 12px;
+                    padding: 2px 6px;
+                    border-radius: 4px;
+                    flex-shrink: 0;
+                    
+                    .el-icon {
+                      margin-right: 4px;
+                      font-size: 12px;
+                    }
+                    
+                    &.success {
+                      color: var(--el-color-success);
+                      background: var(--el-color-success-light-9);
+                    }
+                    
+                    &.pending {
+                      color: var(--el-color-warning);
+                      background: var(--el-color-warning-light-9);
+                    }
+                  }
+                }
+                
+                .file-remove {
+                  flex-shrink: 0;
+                  margin-left: 8px;
+                  
+                  &:hover {
+                    color: var(--el-color-danger);
+                    background: var(--el-color-danger-light-9);
+                  }
+                }
               }
             }
           }
@@ -735,6 +1387,7 @@ defineExpose({
               flex-wrap: wrap;
               gap: 6px;
             }
+            }
           }
         }
       }
diff --git a/vite.config.ts b/vite.config.ts
index 685ac9061bf00a2f6bde8671566d29f4515a8c4e..f6d8fef779e230b6f1b9ba2c40ea0059518c5842 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -92,6 +92,14 @@ export default ({ mode }): UserConfigExport => {
           ws: false,
           rewrite: (path: string) => path,
           cookieDomainRewrite: '.euler-copilot-master.test.osinfra.cn',
+        },
+        '/witchainD': {
+          target: env.VITE_WITCHAIND_PROXY_URL,
+          changeOrigin: true,
+          secure: false,
+          ws: false,
+          rewrite: (path: string) => path.replace(/^\/witchainD/, ''),
+          cookieDomainRewrite: '.euler-copilot-master.test.osinfra.cn',
         }
       },
     },