From 0abded401bb4a37508f8ae0e9f8b00739615a9ac Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Wed, 18 Mar 2026 01:27:39 +0800
Subject: [PATCH] fix: keep agent workspace scrolling internal

---
 .../agents/AgentGenerationWorkspaceDarkV2.tsx | 10 +--
 .../agents/AgentWorkflowPanelDarkV2.tsx       | 65 ++++++++++---------
 2 files changed, 40 insertions(+), 35 deletions(-)

diff --git a/components/agents/AgentGenerationWorkspaceDarkV2.tsx b/components/agents/AgentGenerationWorkspaceDarkV2.tsx
index 869b06d7b..b2b0348fe 100644
--- a/components/agents/AgentGenerationWorkspaceDarkV2.tsx
+++ b/components/agents/AgentGenerationWorkspaceDarkV2.tsx
@@ -537,7 +537,7 @@ export function AgentGenerationWorkspaceDarkV2({
   }, []);
 
   return (
-    <div className="min-h-screen bg-black">
+    <div className="flex h-dvh flex-col overflow-hidden bg-black">
       <AgentCanvasTopNavDark
         siteName={siteName}
         siteLogo={siteLogo}
@@ -548,8 +548,8 @@ export function AgentGenerationWorkspaceDarkV2({
       />
 
       {/* Main Content */}
-      <main className="pt-16">
-        <div className="mx-auto flex min-h-[calc(100vh-64px)] max-w-[1480px] flex-col px-6 py-6 lg:px-8 xl:px-10">
+      <main className="flex-1 overflow-y-auto overscroll-contain pt-16 lg:overflow-hidden">
+        <div className="mx-auto flex min-h-full max-w-[1480px] flex-col px-6 py-6 lg:h-full lg:px-8 xl:px-10">
           {/* 步骤指示器 */}
           <motion.div
             className="mb-6 flex items-center justify-center gap-2 text-sm"
@@ -561,9 +561,9 @@ export function AgentGenerationWorkspaceDarkV2({
             <span className="text-emerald-400 font-medium">第二步：生图模式</span>
           </motion.div>
 
-          <div className="grid min-h-0 flex-1 grid-cols-1 gap-6 lg:h-[calc(100vh-136px)] lg:grid-cols-[400px_minmax(0,1fr)]">
+          <div className="grid min-h-0 flex-1 grid-cols-1 gap-6 lg:grid-cols-[400px_minmax(0,1fr)]">
             {/* Left Panel - Controls */}
-            <div className="min-h-0 space-y-4 lg:overflow-y-auto lg:pr-2">
+            <div className="min-h-0 space-y-4 lg:h-full lg:overflow-y-auto lg:pr-2">
               {/* 嵌入的智能体选择面板 */}
               {!selectedAgentPreset && presetPanel && (
                 <motion.div
diff --git a/components/agents/AgentWorkflowPanelDarkV2.tsx b/components/agents/AgentWorkflowPanelDarkV2.tsx
index c33f9efbf..f63a186b4 100644
--- a/components/agents/AgentWorkflowPanelDarkV2.tsx
+++ b/components/agents/AgentWorkflowPanelDarkV2.tsx
@@ -233,7 +233,7 @@ export function AgentWorkflowPanelDarkV2({
   };
 
   return (
-    <div className="min-h-screen bg-black">
+    <div className="flex h-dvh flex-col overflow-hidden bg-black">
       <AgentCanvasTopNavDark
         siteName={siteName}
         siteLogo={siteLogo}
@@ -263,23 +263,27 @@ export function AgentWorkflowPanelDarkV2({
         }
       />
 
-      {/* Hero Section */}
-      <section className="relative pt-16">
-        <div className="mx-auto max-w-[1480px] px-6 py-8 lg:px-8 xl:px-10">
-          <AgentWorkflowShowcaseBanner
-            config={showcaseConfig}
-            onActionClick={() => {
-              const target = document.getElementById("agent-workflow-content");
-              if (!target) return;
-              target.scrollIntoView({ behavior: "smooth", block: "start" });
-            }}
-          />
-        </div>
-      </section>
+      <div className="flex-1 overflow-y-auto overscroll-contain pt-16">
+        {/* Hero Section */}
+        <section className="relative">
+          <div className="mx-auto max-w-[1480px] px-6 py-8 lg:px-8 xl:px-10">
+            <AgentWorkflowShowcaseBanner
+              config={showcaseConfig}
+              onActionClick={() => {
+                const target = document.getElementById("agent-workflow-content");
+                if (!target) return;
+                target.scrollIntoView({ behavior: "smooth", block: "start" });
+              }}
+            />
+          </div>
+        </section>
 
-      {/* Main Content */}
-      <main className="pb-40">
-        <div id="agent-workflow-content" className="mx-auto max-w-[1480px] px-6 lg:px-8 xl:px-10">
+        {/* Main Content */}
+        <main className="pb-40">
+          <div
+            id="agent-workflow-content"
+            className="mx-auto max-w-[1480px] px-6 lg:px-8 xl:px-10"
+          >
             <div className="space-y-8">
               {/* 基础配置 */}
               <motion.section
@@ -402,8 +406,20 @@ export function AgentWorkflowPanelDarkV2({
                 />
               </motion.section>
             </div>
-        </div>
-      </main>
+          </div>
+        </main>
+
+        {/* 页脚 */}
+        <footer className="border-t border-white/5 pb-28 pt-6">
+          <div className="mx-auto max-w-[1480px] px-6 lg:px-8 xl:px-10">
+            <div className="flex items-center justify-center gap-6 text-sm text-white/30">
+              <a href="#" className="hover:text-white/60 transition-colors">使用协议</a>
+              <a href="#" className="hover:text-white/60 transition-colors">隐私条款</a>
+              <span>© 2024 AI创作平台</span>
+            </div>
+          </div>
+        </footer>
+      </div>
 
       {onNextStep ? (
         <motion.div
@@ -465,17 +481,6 @@ export function AgentWorkflowPanelDarkV2({
           </div>
         </motion.div>
       ) : null}
-
-      {/* 页脚 */}
-      <footer className="border-t border-white/5 pb-28 pt-6">
-        <div className="mx-auto max-w-[1480px] px-6 lg:px-8 xl:px-10">
-          <div className="flex items-center justify-center gap-6 text-sm text-white/30">
-            <a href="#" className="hover:text-white/60 transition-colors">使用协议</a>
-            <a href="#" className="hover:text-white/60 transition-colors">隐私条款</a>
-            <span>© 2024 AI创作平台</span>
-          </div>
-        </div>
-      </footer>
     </div>
   );
 }