Ling0925
/
suna
mirror of https://github.com/kortix-ai/suna.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix layout and scrolling in agent configuration tabs 

Co-authored-by: markokraemer.mail <markokraemer.mail@gmail.com>
This commit is contained in:
Cursor Agent 2025-07-16 12:35:25 +00:00
parent 7c0e47c650
commit 7b6619df60
3 changed files with 19 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
frontend/src/app/(dashboard)/agents/config/[agentId]/page.tsx
View File

@ -320,7 +320,8 @@ export default function AgentConfigurationPageRefactored() {
onStyleChange={handleStyleChange}
/>
</TabsContent>
<TabsContent value="configuration" className="flex-1 h-0 m-0 overflow-y-auto">
<TabsContent value="configuration" className="flex-1 h-0 m-0 overflow-y-auto">
<div className="h-full">
<ConfigurationTab
agentId={agentId}
displayData={displayData}
@ -329,7 +330,8 @@ export default function AgentConfigurationPageRefactored() {
onFieldChange={handleFieldChange}
onMCPChange={handleMCPChange}
/>
</TabsContent>
</div>
</TabsContent>
</Tabs>
</div>
</div>
@ -427,14 +429,16 @@ export default function AgentConfigurationPageRefactored() {
</TabsContent>
<TabsContent value="configuration" className="flex-1 h-0 m-0 overflow-y-auto">
<ConfigurationTab
agentId={agentId}
displayData={displayData}
versionData={versionData}
isViewingOldVersion={isViewingOldVersion}
onFieldChange={handleFieldChange}
onMCPChange={handleMCPChange}
/>
<div className="h-full">
<ConfigurationTab
agentId={agentId}
displayData={displayData}
versionData={versionData}
isViewingOldVersion={isViewingOldVersion}
onFieldChange={handleFieldChange}
onMCPChange={handleMCPChange}
/>
</div>
</TabsContent>
</Tabs>
</div>

8
frontend/src/components/agents/agent-config-modal.tsx
View File

@ -259,8 +259,8 @@ export const AgentConfigModal: React.FC<AgentConfigModalProps> = ({
</div>
</TabsContent>
<TabsContent value="triggers" className="flex-1 m-0 mt-0 overflow-y-auto overflow-hidden">
<div className="h-full">
<TabsContent value="triggers" className="flex-1 m-0 mt-0 overflow-y-auto">
<div className="h-full p-4">
{selectedAgentId ? (
<AgentTriggersConfiguration agentId={selectedAgentId} />
) : (
@ -271,8 +271,8 @@ export const AgentConfigModal: React.FC<AgentConfigModalProps> = ({
</div>
</TabsContent>
<TabsContent value="workflows" className="flex-1 m-0 mt-0 overflow-y-auto overflow-hidden">
<div className="h-full">
<TabsContent value="workflows" className="flex-1 m-0 mt-0 overflow-y-auto">
<div className="h-full p-4">
{selectedAgentId ? (
<AgentWorkflowsConfiguration
agentId={selectedAgentId}

2
frontend/src/components/agents/config/configuration-tab.tsx
View File

@ -42,7 +42,7 @@ export function ConfigurationTab({
onMCPChange,
}: ConfigurationTabProps) {
return (
<div className="p-4">
<div className="p-4 pb-8">
<Accordion type="single" collapsible defaultValue="system" className="space-y-2">
<AccordionItem
value="system"