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

import and types fix

This commit is contained in:
Saumya 2025-08-05 14:21:13 +05:30
parent e65c49d81d
commit 708a11d9fc
2 changed files with 12 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/components/agents/composio/composio-connections-section.tsx
View File

@ -1,6 +1,7 @@
'use client'; 'use client';
import React, { useState, useMemo } from 'react'; import React, { useState, useMemo } from 'react';
import Link from 'next/link';
import { Card, CardContent, CardHeader } from '@/components/ui/card'; import { Card, CardContent, CardHeader } from '@/components/ui/card';
import { Button } from '@/components/ui/button'; import { Button } from '@/components/ui/button';
import { Input } from '@/components/ui/input'; import { Input } from '@/components/ui/input';
@ -452,10 +453,10 @@ export const ComposioConnectionsSection: React.FC<ComposioConnectionsSectionProp
You haven't connected any Composio applications yet. You haven't connected any Composio applications yet.
</p> </p>
<Button variant="outline" asChild> <Button variant="outline" asChild>
<a href="/agents" className="inline-flex items-center gap-2"> <Link href="/agents" className="inline-flex items-center gap-2">
<ExternalLink className="h-4 w-4" /> <ExternalLink className="h-4 w-4" />
Connect Apps Connect Apps
</a> </Link>
</Button> </Button>
</div> </div>
</CardContent> </CardContent>

27
frontend/src/components/thread/tool-views/create-credential-profile/create-credential-profile.tsx
View File

@ -34,7 +34,7 @@ export function CreateCredentialProfileToolView({
}: ToolViewProps) { }: ToolViewProps) {
const { const {
app_slug, toolkit_slug,
profile_name, profile_name,
display_name, display_name,
message, message,
@ -53,8 +53,8 @@ export function CreateCredentialProfileToolView({
const toolTitle = getToolTitle(name); const toolTitle = getToolTitle(name);
// Fetch app icon using the logo hook // Fetch app icon using the logo hook
const { data: iconData } = usePipedreamAppIcon(app_slug || '', { const { data: iconData } = usePipedreamAppIcon(toolkit_slug || '', {
enabled: !!app_slug enabled: !!toolkit_slug
}); });
const logoUrl = iconData?.icon_url; const logoUrl = iconData?.icon_url;
@ -141,7 +141,7 @@ export function CreateCredentialProfileToolView({
{logoUrl ? ( {logoUrl ? (
<img <img
src={logoUrl} src={logoUrl}
alt={`${profile.app_name} logo`} alt={`${profile.toolkit_name} logo`}
className="w-8 h-8 object-cover rounded" className="w-8 h-8 object-cover rounded"
onError={(e) => { onError={(e) => {
const target = e.target as HTMLImageElement; const target = e.target as HTMLImageElement;
@ -161,7 +161,7 @@ export function CreateCredentialProfileToolView({
{profile.display_name} {profile.display_name}
</h3> </h3>
<p className="text-sm text-zinc-600 dark:text-zinc-400"> <p className="text-sm text-zinc-600 dark:text-zinc-400">
{profile.app_name} {profile.toolkit_name}
</p> </p>
</div> </div>
</div> </div>
@ -192,24 +192,13 @@ export function CreateCredentialProfileToolView({
</p> </p>
</div> </div>
{/* App Slug */}
<div className="space-y-2"> <div className="space-y-2">
<div className="flex items-center gap-2 text-sm text-zinc-500 dark:text-zinc-400"> <div className="flex items-center gap-2 text-sm text-zinc-500 dark:text-zinc-400">
<Server className="w-4 h-4" /> <Server className="w-4 h-4" />
<span>App Slug</span> <span>Toolkit Slug</span>
</div> </div>
<p className="text-sm font-mono text-zinc-700 dark:text-zinc-300 pl-6"> <p className="text-sm font-mono text-zinc-700 dark:text-zinc-300 pl-6">
{profile.app_slug} {profile.toolkit_slug}
</p>
</div>
<div className="space-y-2">
<div className="flex items-center gap-2 text-sm text-zinc-500 dark:text-zinc-400">
<Calendar className="w-4 h-4" />
<span>Created</span>
</div>
<p className="text-sm text-zinc-700 dark:text-zinc-300 pl-6">
{formatCreatedAt(profile.created_at)}
</p> </p>
</div> </div>
</div> </div>
@ -242,7 +231,7 @@ export function CreateCredentialProfileToolView({
Profile not created Profile not created
</h3> </h3>
<p className="text-sm text-zinc-500 dark:text-zinc-400"> <p className="text-sm text-zinc-500 dark:text-zinc-400">
{app_slug ? `Failed to create profile for "${app_slug}"` : 'Credential profile creation failed'} {toolkit_slug ? `Failed to create profile for "${toolkit_slug}"` : 'Credential profile creation failed'}
</p> </p>
</div> </div>
</div> </div>