Spaces:
Sleeping
Sleeping
File size: 1,945 Bytes
f871fed |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 |
'use client'
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
import { Label } from '@/components/ui/label'
import { useModels } from '@/lib/hooks/use-models'
import { LoadingSpinner } from '@/components/common/LoadingSpinner'
interface ModelSelectorProps {
label?: string
modelType: 'language' | 'embedding' | 'speech_to_text' | 'text_to_speech'
value: string
onChange: (value: string) => void
placeholder?: string
disabled?: boolean
}
export function ModelSelector({
label,
modelType,
value,
onChange,
placeholder = 'Select a model',
disabled = false
}: ModelSelectorProps) {
const { data: models, isLoading } = useModels()
// Filter models by type
const filteredModels = models?.filter(model => model.type === modelType) || []
return (
<div className="space-y-2">
{label && <Label>{label}</Label>}
<Select value={value} onValueChange={onChange} disabled={disabled || isLoading}>
<SelectTrigger>
<SelectValue placeholder={placeholder} />
</SelectTrigger>
<SelectContent>
{isLoading ? (
<div className="flex items-center justify-center py-2">
<LoadingSpinner size="sm" />
</div>
) : filteredModels.length === 0 ? (
<div className="text-sm text-muted-foreground py-2 px-2">
No {modelType.replace('_', ' ')} models available
</div>
) : (
filteredModels.map((model) => (
<SelectItem key={model.id} value={model.id}>
<div className="flex items-center justify-between w-full">
<span>{model.name}</span>
<span className="text-xs text-muted-foreground ml-2">{model.provider}</span>
</div>
</SelectItem>
))
)}
</SelectContent>
</Select>
</div>
)
}
|