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 */}