lunanting/ai-chatbot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: keep agent workspace scrolling internal
Some checks failed
Lint / build (20) (push) Has been cancelled
Details
Playwright Tests / test (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Your Name 2026-03-18 01:27:39 +08:00
parent 1f078d5b37
commit 0abded401b
2 changed files with 40 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/agents/AgentGenerationWorkspaceDarkV2.tsx
View File

@ -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

65
components/agents/AgentWorkflowPanelDarkV2.tsx
View File

@ -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>
);
}