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

Merge pull request #1215 from escapade-mckv/composio-1a 

fix the text positioning in selected profile state
This commit is contained in:
Bobbie 2025-08-06 13:46:11 +05:30 committed by GitHub
parent ebe50feba3 4083221fc4
commit 7bb74660c8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 19 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/components/agents/composio/composio-connector.tsx
View File

@ -599,7 +599,23 @@ export const ComposioConnector: React.FC<ComposioConnectorProps> = ({
<Label className="text-sm font-medium">Use Existing Profile</Label>
<Select value={selectedProfileId} onValueChange={setSelectedProfileId}>
<SelectTrigger className="w-full h-12 text-base">
<SelectValue placeholder="Select a profile..." />
<SelectValue placeholder="Select a profile...">
{selectedProfileId && (() => {
const selectedProfile = existingProfiles.find(p => p.profile_id === selectedProfileId);
return selectedProfile ? (
<div className="flex items-center gap-3">
{app.logo ? (
<img src={app.logo} alt={app.name} className="h-5 w-5 rounded-lg object-contain flex-shrink-0" />
) : (
<div className="w-5 h-5 rounded-lg bg-gradient-to-br from-primary/20 to-primary/10 flex items-center justify-center text-primary text-xs font-semibold flex-shrink-0">
{app.name.charAt(0)}
</div>
)}
<span className="text-sm font-medium truncate">{selectedProfile.profile_name}</span>
</div>
) : null;
})()}
</SelectValue>
</SelectTrigger>
<SelectContent className="w-full">
{existingProfiles.map((profile) => (

4
frontend/src/components/agents/composio/composio-registry.tsx
View File

@ -424,8 +424,8 @@ export const ComposioRegistry: React.FC<ComposioRegistryProps> = ({
<div className="space-y-2">
{Array.from({ length: 6 }).map((_, i) => (
<div key={i} className="flex items-center gap-3 px-3 py-2">
<div className="w-4 h-4 bg-muted rounded" />
<div className="flex-1 h-4 bg-muted rounded" />
<Skeleton className="w-4 h-4 bg-muted rounded" />
<Skeleton className="flex-1 h-4 bg-muted rounded" />
</div>
))}
</div>