@@ -277,7 +277,11 @@ export default function ProvidersPage() {
277277 }
278278 placeholder = 'https://api.example.com/v1'
279279 disabled = { hasFixedBaseUrl ( formData . provider_type ) }
280- className = { hasFixedBaseUrl ( formData . provider_type ) ? 'cursor-not-allowed opacity-60' : '' }
280+ className = {
281+ hasFixedBaseUrl ( formData . provider_type )
282+ ? 'cursor-not-allowed opacity-60'
283+ : ''
284+ }
281285 />
282286 </ div >
283287 < div className = 'grid gap-2' >
@@ -453,7 +457,8 @@ export default function ProvidersPage() {
453457 < div className = 'space-y-2' >
454458 { providerModels . db_models . length === 0 ? (
455459 < div className = 'text-muted-foreground py-4 text-center text-sm' >
456- No models configured. Add custom models to use this provider.
460+ No models configured. Add custom models to
461+ use this provider.
457462 </ div >
458463 ) : (
459464 < div className = 'space-y-2' >
@@ -495,7 +500,10 @@ export default function ProvidersPage() {
495500 </ div >
496501 ) : (
497502 // Has provided models - show tabs
498- < Tabs defaultValue = 'provided' className = 'w-full' >
503+ < Tabs
504+ defaultValue = 'provided'
505+ className = 'w-full'
506+ >
499507 < TabsList className = 'grid w-full grid-cols-2' >
500508 < TabsTrigger
501509 value = 'provided'
@@ -504,7 +512,9 @@ export default function ProvidersPage() {
504512 < span className = 'hidden sm:inline' >
505513 Provided Models
506514 </ span >
507- < span className = 'sm:hidden' > Provided</ span >
515+ < span className = 'sm:hidden' >
516+ Provided
517+ </ span >
508518 < Badge
509519 variant = 'secondary'
510520 className = 'ml-1 text-xs sm:ml-2'
@@ -534,7 +544,8 @@ export default function ProvidersPage() {
534544 >
535545 { providerModels . db_models . length > 0 && (
536546 < div className = 'text-muted-foreground mb-3 text-sm' >
537- Custom models override or extend the provider's catalog.
547+ Custom models override or extend the
548+ provider's catalog.
538549 </ div >
539550 ) }
540551 { providerModels . db_models . length === 0 ? (
@@ -543,49 +554,54 @@ export default function ProvidersPage() {
543554 </ div >
544555 ) : (
545556 < div className = 'space-y-2' >
546- { providerModels . db_models . map ( ( model ) => (
547- < div
548- key = { model . id }
549- className = 'hover:bg-accent flex flex-col gap-2 rounded-lg border p-3 transition-colors sm:flex-row sm:items-center sm:justify-between'
550- >
551- < div className = 'min-w-0 flex-1' >
552- < div className = 'flex flex-col gap-1 sm:flex-row sm:items-center sm:gap-2' >
553- < span className = 'truncate font-mono text-sm font-medium' >
554- { model . id }
555- </ span >
556- < Badge
557- variant = {
558- model . enabled
559- ? 'default'
560- : 'secondary'
561- }
562- className = 'w-fit text-xs'
563- >
564- { model . enabled
565- ? 'Enabled'
566- : 'Disabled' }
567- </ Badge >
557+ { providerModels . db_models . map (
558+ ( model ) => (
559+ < div
560+ key = { model . id }
561+ className = 'hover:bg-accent flex flex-col gap-2 rounded-lg border p-3 transition-colors sm:flex-row sm:items-center sm:justify-between'
562+ >
563+ < div className = 'min-w-0 flex-1' >
564+ < div className = 'flex flex-col gap-1 sm:flex-row sm:items-center sm:gap-2' >
565+ < span className = 'truncate font-mono text-sm font-medium' >
566+ { model . id }
567+ </ span >
568+ < Badge
569+ variant = {
570+ model . enabled
571+ ? 'default'
572+ : 'secondary'
573+ }
574+ className = 'w-fit text-xs'
575+ >
576+ { model . enabled
577+ ? 'Enabled'
578+ : 'Disabled' }
579+ </ Badge >
580+ </ div >
581+ < div className = 'text-muted-foreground mt-1 text-xs break-words' >
582+ { model . description ||
583+ model . name }
584+ </ div >
568585 </ div >
569- < div className = 'text-muted-foreground mt-1 text-xs break-words' >
570- { model . description || model . name }
586+ < div className = 'text-muted-foreground text-xs whitespace-nowrap' >
587+ { model . context_length ?. toLocaleString ( ) } { ' ' }
588+ tokens
571589 </ div >
572590 </ div >
573- < div className = 'text-muted-foreground text-xs whitespace-nowrap' >
574- { model . context_length ?. toLocaleString ( ) } { ' ' }
575- tokens
576- </ div >
577- </ div >
578- ) ) }
591+ )
592+ ) }
579593 </ div >
580594 ) }
581595 </ TabsContent >
582596 < TabsContent
583597 value = 'provided'
584598 className = 'mt-4 space-y-2'
585599 >
586- { providerModels . remote_models . length > 0 && (
600+ { providerModels . remote_models . length >
601+ 0 && (
587602 < div className = 'text-muted-foreground mb-3 text-sm' >
588- Models automatically discovered from the provider's catalog.
603+ Models automatically discovered from the
604+ provider's catalog.
589605 </ div >
590606 ) }
591607 < div className = 'space-y-2' >
@@ -670,7 +686,11 @@ export default function ProvidersPage() {
670686 }
671687 placeholder = 'https://api.example.com/v1'
672688 disabled = { hasFixedBaseUrl ( formData . provider_type ) }
673- className = { hasFixedBaseUrl ( formData . provider_type ) ? 'cursor-not-allowed opacity-60' : '' }
689+ className = {
690+ hasFixedBaseUrl ( formData . provider_type )
691+ ? 'cursor-not-allowed opacity-60'
692+ : ''
693+ }
674694 />
675695 </ div >
676696 < div className = 'grid gap-2' >
0 commit comments