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

fix: ui issues

This commit is contained in:
Saumya 2025-09-29 11:30:10 +05:30
parent 1b14afc446
commit c9890866fa
3 changed files with 44 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
frontend/src/components/agents/agent-configuration-dialog.tsx
View File

@ -489,42 +489,52 @@ export function AgentConfigurationDialog({
</div>
</TabsContent>
<TabsContent value="tools" className="p-6 mt-0 h-[calc(100vh-16rem)]">
<GranularToolConfiguration
tools={formData.agentpress_tools}
onToolsChange={handleToolsChange}
disabled={!areToolsEditable}
isSunaAgent={isSunaAgent}
isLoading={isLoading}
/>
<TabsContent value="tools" className="p-6 mt-0 flex flex-col h-full">
<div className="flex flex-col flex-1 min-h-0 h-full">
<GranularToolConfiguration
tools={formData.agentpress_tools}
onToolsChange={handleToolsChange}
disabled={!areToolsEditable}
isSunaAgent={isSunaAgent}
isLoading={isLoading}
/>
</div>
</TabsContent>
<TabsContent value="integrations" className="p-6 mt-0 h-[calc(100vh-16rem)]">
<AgentMCPConfiguration
configuredMCPs={formData.configured_mcps}
customMCPs={formData.custom_mcps}
onMCPChange={handleMCPChange}
agentId={agentId}
versionData={{
configured_mcps: formData.configured_mcps,
custom_mcps: formData.custom_mcps,
system_prompt: formData.system_prompt,
agentpress_tools: formData.agentpress_tools
}}
saveMode="callback"
isLoading={updateAgentMCPsMutation.isPending}
/>
<TabsContent value="integrations" className="p-6 mt-0 flex flex-col h-full">
<div className="flex flex-col flex-1 min-h-0 h-full">
<AgentMCPConfiguration
configuredMCPs={formData.configured_mcps}
customMCPs={formData.custom_mcps}
onMCPChange={handleMCPChange}
agentId={agentId}
versionData={{
configured_mcps: formData.configured_mcps,
custom_mcps: formData.custom_mcps,
system_prompt: formData.system_prompt,
agentpress_tools: formData.agentpress_tools
}}
saveMode="callback"
isLoading={updateAgentMCPsMutation.isPending}
/>
</div>
</TabsContent>
<TabsContent value="knowledge" className="p-6 mt-0 h-[calc(100vh-16rem)]">
<AgentKnowledgeBaseManager agentId={agentId} agentName={formData.name || 'Agent'} />
<TabsContent value="knowledge" className="p-6 mt-0 flex flex-col h-full">
<div className="flex flex-col flex-1 min-h-0 h-full">
<AgentKnowledgeBaseManager agentId={agentId} agentName={formData.name || 'Agent'} />
</div>
</TabsContent>
<TabsContent value="playbooks" className="p-6 mt-0 h-[calc(100vh-16rem)]">
<AgentPlaybooksConfiguration agentId={agentId} agentName={formData.name || 'Agent'} />
<TabsContent value="playbooks" className="p-6 mt-0 flex flex-col h-full">
<div className="flex flex-col flex-1 min-h-0 h-full">
<AgentPlaybooksConfiguration agentId={agentId} agentName={formData.name || 'Agent'} />
</div>
</TabsContent>
<TabsContent value="triggers" className="p-6 mt-0 h-[calc(100vh-16rem)]">
<AgentTriggersConfiguration agentId={agentId} />
<TabsContent value="triggers" className="p-6 mt-0 flex flex-col h-full">
<div className="flex flex-col flex-1 min-h-0 h-full">
<AgentTriggersConfiguration agentId={agentId} />
</div>
</TabsContent>
</div>
</Tabs>

8
frontend/src/components/agents/tools/granular-tool-configuration.tsx
View File

@ -211,8 +211,8 @@ export const GranularToolConfiguration = ({
const filteredGroups = getFilteredToolGroups();
return (
<div className="space-y-6">
<div className="flex items-center justify-between">
<div className="flex flex-col h-full space-y-6">
<div className="flex items-center justify-between flex-shrink-0">
<div>
<h3 className="text-lg font-semibold">Tool Configuration</h3>
<p className="text-sm text-muted-foreground">
@ -224,7 +224,7 @@ export const GranularToolConfiguration = ({
</Badge>
</div>
<div className="relative">
<div className="relative flex-shrink-0">
<Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground h-4 w-4" />
<Input
placeholder="Search tools and capabilities..."
@ -234,7 +234,7 @@ export const GranularToolConfiguration = ({
/>
</div>
<ScrollArea className="h-[400px] pr-4">
<ScrollArea className="flex-1 pr-4">
<div className="space-y-2">
{filteredGroups.map((toolGroup) => {
const isGroupEnabled = isToolGroupEnabled(toolGroup.name);

2
frontend/src/components/dashboard/trial-management.tsx
View File

@ -61,7 +61,7 @@ export function TrialManagement() {
</div>
</div>
<CardDescription>
You're currently on a 7-day free trial with $20 in credits
You're currently on a 7-day free trial with $5 in credits
</CardDescription>
</CardHeader>
<CardContent className="space-y-4">