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} onStyleChange={handleStyleChange}
/> />
</TabsContent> </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 <ConfigurationTab
agentId={agentId} agentId={agentId}
displayData={displayData} displayData={displayData}
@ -329,7 +330,8 @@ export default function AgentConfigurationPageRefactored() {
onFieldChange={handleFieldChange} onFieldChange={handleFieldChange}
onMCPChange={handleMCPChange} onMCPChange={handleMCPChange}
/> />
</TabsContent> </div>
</TabsContent>
</Tabs> </Tabs>
</div> </div>
</div> </div>
@ -427,14 +429,16 @@ export default function AgentConfigurationPageRefactored() {
</TabsContent> </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">
<ConfigurationTab <div className="h-full">
agentId={agentId} <ConfigurationTab
displayData={displayData} agentId={agentId}
versionData={versionData} displayData={displayData}
isViewingOldVersion={isViewingOldVersion} versionData={versionData}
onFieldChange={handleFieldChange} isViewingOldVersion={isViewingOldVersion}
onMCPChange={handleMCPChange} onFieldChange={handleFieldChange}
/> onMCPChange={handleMCPChange}
/>
</div>
</TabsContent> </TabsContent>
</Tabs> </Tabs>
</div> </div>

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

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

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

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