@@ -13,7 +13,7 @@ import {
1313 ModalHeader,
1414 Trash,
1515} from '@/components/emcn'
16- import { AnthropicIcon , ExaAIIcon , GeminiIcon , MistralIcon , OpenAIIcon } from '@/components/icons'
16+ import { AnthropicIcon, GeminiIcon, MistralIcon, OpenAIIcon } from '@/components/icons'
1717import { Skeleton } from '@/components/ui'
1818import { createLogger } from '@/lib/logs/console/logger'
1919import {
@@ -61,26 +61,19 @@ const PROVIDERS: {
6161 description: 'LLM calls and Knowledge Base OCR',
6262 placeholder: 'Enter your API key',
6363 },
64- {
65- id : 'exa' ,
66- name : 'Exa' ,
67- icon : ExaAIIcon ,
68- description : 'Web Search block' ,
69- placeholder : 'Enter your API key' ,
70- } ,
7164]
7265
7366function BYOKKeySkeleton() {
7467 return (
75- < div className = 'flex items-center justify-between gap-[12px] rounded-[8px] border p-[12px]' >
68+ <div className='flex items-center justify-between gap-[12px] rounded-[8px] p-[12px]'>
7669 <div className='flex items-center gap-[12px]'>
77- < Skeleton className = 'h-[32px] w-[32px] rounded-[6px]' />
78- < div className = 'flex flex-col gap-[4px ]' >
79- < Skeleton className = 'h-[16px ] w-[80px ]' />
80- < Skeleton className = 'h-[14px ] w-[160px ]' />
70+ <Skeleton className='h-9 w-9 flex-shrink-0 rounded-[6px]' />
71+ <div className='flex flex-col justify-center gap-[1px ]'>
72+ <Skeleton className='h-[14px ] w-[100px ]' />
73+ <Skeleton className='h-[13px ] w-[200px ]' />
8174 </div>
8275 </div>
83- < Skeleton className = 'h-[32px] w-[80px ] rounded-[6px]' />
76+ <Skeleton className='h-[32px] w-[72px ] rounded-[6px]' />
8477 </div>
8578 )
8679}
@@ -168,11 +161,11 @@ export function BYOK() {
168161 return (
169162 <div
170163 key={provider.id}
171- className = 'flex items-center justify-between gap-[12px] rounded-[8px] border p-[12px]'
164+ className='flex items-center justify-between gap-[12px] rounded-[8px] p-[12px]'
172165 >
173166 <div className='flex items-center gap-[12px]'>
174- < div className = 'flex h-[32px] w-[32px] items-center justify-center rounded-[6px] bg-[var(--surface-3 )]' >
175- < Icon className = 'h-[18px] w-[18px] ' />
167+ <div className='flex h-9 w-9 flex-shrink-0 items-center justify-center overflow-hidden rounded-[6px] bg-[var(--surface-6 )]'>
168+ <Icon className='h-4 w-4 ' />
176169 </div>
177170 <div className='flex flex-col gap-[2px]'>
178171 <span className='font-medium text-[14px]'>{provider.name}</span>
0 commit comments