diff --git a/fastapi_server/front_apis.py b/fastapi_server/front_apis.py
index 4f6c8c8..6f349ec 100644
--- a/fastapi_server/front_apis.py
+++ b/fastapi_server/front_apis.py
@@ -59,6 +59,7 @@ class PipelineCreateRequest(BaseModel):
     prompt_set_id: str
     tool_keys: List[str] = Field(default_factory=list)
     port: int
+    api_key: str
     entry_point: str = Field(default="fastapi_server/server_dashscope.py")
     llm_name: str = Field(default="qwen-plus")
 
@@ -289,6 +290,7 @@ async def create_pipeline(body: PipelineCreateRequest):
             prompt_set=body.prompt_set_id,
             tool_keys=body.tool_keys,
             port=str(body.port),
+            api_key=body.api_key,
             entry_pnt=body.entry_point,
             llm_name=body.llm_name,
         )
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 0eaec5f..08bb468 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -25,12 +25,14 @@ type EditableAgent = {
   toolKeys: string[];
   prompts: Record<string, string>;
   port: number;
+  apiKey: string;
   llmName: string;
 };
 
 const DEFAULT_ENTRY_POINT = "fastapi_server/server_dashscope.py";
 const DEFAULT_LLM_NAME = "qwen-plus";
 const DEFAULT_PORT = 8100;
+const DEFAULT_API_KEY = "";
 const GRAPH_ARCH_IMAGE_MODULES = import.meta.glob(
   "../assets/images/graph_arch/*.{png,jpg,jpeg,webp,gif}",
   { eager: true, import: "default" }
@@ -91,6 +93,7 @@ function toEditable(
     toolKeys: config.tool_keys || [],
     prompts: config.prompt_dict || {},
     port: DEFAULT_PORT,
+    apiKey: DEFAULT_API_KEY,
     llmName: DEFAULT_LLM_NAME,
   };
 }
@@ -195,6 +198,7 @@ export default function App() {
       const editable = toEditable(detail, false);
       editable.id = id;
       editable.port = editor?.pipelineId === editable.pipelineId ? editor.port : DEFAULT_PORT;
+      editable.apiKey = editor?.pipelineId === editable.pipelineId ? editor.apiKey : DEFAULT_API_KEY;
       editable.llmName = editor?.pipelineId === editable.pipelineId ? editor.llmName : DEFAULT_LLM_NAME;
       setEditor(editable);
       setStatusMessage("");
@@ -334,6 +338,7 @@ export default function App() {
       const saved = toEditable(detail, false);
       saved.id = makeAgentKey(upsertResp.pipeline_id, upsertResp.prompt_set_id);
       saved.port = editor.port;
+      saved.apiKey = editor.apiKey;
       saved.llmName = editor.llmName;
       setEditor(saved);
       setSelectedId(saved.id);
@@ -389,6 +394,10 @@ export default function App() {
       setStatusMessage("port must be a positive integer.");
       return;
     }
+    if (!editor.apiKey.trim()) {
+      setStatusMessage("api_key is required before run.");
+      return;
+    }
 
     setBusy(true);
     setStatusMessage("Starting agent...");
@@ -399,6 +408,7 @@ export default function App() {
         prompt_set_id: editor.promptSetId,
         tool_keys: editor.toolKeys,
         port: editor.port,
+        api_key: editor.apiKey.trim(),
         entry_point: DEFAULT_ENTRY_POINT,
         llm_name: editor.llmName,
       });
@@ -578,6 +588,17 @@ export default function App() {
               />
             </label>
 
+            <label>
+              api_key
+              <input
+                type="password"
+                value={editor.apiKey}
+                onChange={(e) => updateEditor("apiKey", e.target.value)}
+                placeholder="Enter provider API key"
+                disabled={busy}
+              />
+            </label>
+
             <label>
               llm_name
               <input
diff --git a/frontend/src/types.ts b/frontend/src/types.ts
index 69799f5..520f12d 100644
--- a/frontend/src/types.ts
+++ b/frontend/src/types.ts
@@ -49,6 +49,7 @@ export type PipelineCreateRequest = {
   prompt_set_id: string;
   tool_keys: string[];
   port: number;
+  api_key: string;
   entry_point: string;
   llm_name: string;
 };