diff --git a/frontend/src/components/settings/EmbeddingConfigForm.tsx b/frontend/src/components/settings/EmbeddingConfigForm.tsx index 8f04f8d..6513c3a 100644 --- a/frontend/src/components/settings/EmbeddingConfigForm.tsx +++ b/frontend/src/components/settings/EmbeddingConfigForm.tsx @@ -17,6 +17,8 @@ import { Label } from '@/components/ui/label'; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'; import { Badge } from '@/components/ui/badge'; import { Alert, AlertDescription } from '@/components/ui/alert'; +import { Switch } from '@/components/ui/switch'; +import { Separator } from '@/components/ui/separator'; import { Select, SelectContent, @@ -153,6 +155,15 @@ export function EmbeddingConfigForm() { })); }, [currentProvider]); + // Handle active toggle + const handleToggle = useCallback((checked: boolean) => { + setFormState(prev => ({ + ...prev, + isEnabled: checked, + hasChanges: true, + })); + }, []); + // Handler for testing connection const handleTestConnection = useCallback(async () => { setFormState(prev => ({ @@ -433,6 +444,23 @@ export function EmbeddingConfigForm() { )} + + + {/* Set as Active Toggle */} +
+
+ +

+ Use this embedding provider for document processing +

+
+ +
+ {/* Action Buttons */}