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

feat(data-provider-tool): add enhanced UI components for data provider tool views

This commit is contained in:
Zanyar 2025-07-30 15:01:02 +08:00
parent d129c808d5
commit 88dc5dfc44
2 changed files with 197 additions and 191 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/components/thread/tool-views/data-provider-tool/DataProviderEndpointsToolView.tsx
View File

@ -19,6 +19,7 @@ import { cn } from '@/lib/utils';
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
import { Badge } from '@/components/ui/badge';
import { extractDataProviderEndpointsData } from './_utils';
import { ScrollArea } from '@/components/ui/scroll-area';
const PROVIDER_CONFIG = {
'linkedin': {
@ -147,6 +148,7 @@ export function DataProviderEndpointsToolView({
</div>
</div>
) : (
<ScrollArea className="h-full w-full">
<div className="p-4 space-y-6">
<div className="flex items-center gap-4 p-4 bg-zinc-50 dark:bg-zinc-900/50 rounded-lg border border-zinc-200 dark:border-zinc-800">
<div className={cn(
@ -254,6 +256,7 @@ export function DataProviderEndpointsToolView({
)}
</div>
</div>
</ScrollArea>
)}
</CardContent>

3
frontend/src/components/thread/tool-views/data-provider-tool/ExecuteDataProviderCallToolView.tsx
View File

@ -21,6 +21,7 @@ import { cn } from '@/lib/utils';
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
import { Badge } from '@/components/ui/badge';
import { extractDataProviderCallData } from './_utils';
import { ScrollArea } from '@/components/ui/scroll-area';
const PROVIDER_CONFIG = {
'linkedin': {
@ -158,6 +159,7 @@ export function ExecuteDataProviderCallToolView({
</div>
</div>
) : (
<ScrollArea className="h-full w-full">
<div className="p-4 space-y-6">
<div className="flex items-center gap-4 p-4 bg-zinc-50 dark:bg-zinc-900/50 rounded-lg border border-zinc-200 dark:border-zinc-800">
<div className={cn(
@ -254,6 +256,7 @@ export function ExecuteDataProviderCallToolView({
</div>
)}
</div>
</ScrollArea>
)}
</CardContent>
<div className="px-4 py-2 h-10 bg-zinc-50/50 dark:bg-zinc-900/50 backdrop-blur-sm border-t border-zinc-200 dark:border-zinc-800 flex justify-between items-center gap-4">