From 1abab4a13309325304e461c08cc4538266ecf5e5 Mon Sep 17 00:00:00 2001
From: ghaddaditw <40211818-ghaddaditw@users.noreply.replit.com>
Date: Sun, 8 Jun 2025 15:48:02 +0000
Subject: [PATCH] Add settings to manage AI models and customize intelligent
 features

Implements an "AI Models" tab in SettingsPage.tsx with AI configuration options and model selection.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7e7c4e8-20cb-41c4-9d0e-79f48938fede
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/9777c70b-fc38-4831-8d6b-78dfffe041b0/6cfb4700-7654-4d55-85d4-c022b49c7c49.jpg
---
 client/src/pages/SettingsPage.tsx | 101 +++++++++++++++++++++++++++++-
 1 file changed, 100 insertions(+), 1 deletion(-)

diff --git a/client/src/pages/SettingsPage.tsx b/client/src/pages/SettingsPage.tsx
index 96a3201..f292a20 100644
--- a/client/src/pages/SettingsPage.tsx
+++ b/client/src/pages/SettingsPage.tsx
@@ -14,7 +14,7 @@ import { LanguageSwitcher } from "@/components/LanguageSwitcher";
 import { PageHeader } from "@/components/ui/page-header";
 import { useToast } from "@/hooks/use-toast";
 import Sidebar from "@/components/layout/Sidebar";
-import { User, Bell, Shield, Palette, Moon, Sun, Globe, Download, Trash2 } from "lucide-react";
+import { User, Bell, Shield, Palette, Brain } from "lucide-react";
 
 export default function SettingsPage() {
   const { user, updateProfile } = useAuth();
@@ -82,6 +82,10 @@ export default function SettingsPage() {
                 <Palette className="w-4 h-4 mr-2" />
                 Appearance
               </TabsTrigger>
+              <TabsTrigger value="ai-models">
+                <Brain className="w-4 h-4 mr-2" />
+                AI Models
+              </TabsTrigger>
             </TabsList>
 
             <TabsContent value="profile">
@@ -261,6 +265,101 @@ export default function SettingsPage() {
                 </CardContent>
               </Card>
             </TabsContent>
+
+            <TabsContent value="ai-models">
+              <Card>
+                <CardHeader>
+                  <CardTitle>AI Model Management</CardTitle>
+                  <CardDescription>
+                    Configure AI models and processing preferences.
+                  </CardDescription>
+                </CardHeader>
+                <CardContent className="space-y-6">
+                  <div className="space-y-4">
+                    <div>
+                      <Label>AI Response Model</Label>
+                      <p className="text-sm text-gray-600 dark:text-gray-400 mb-2">
+                        Choose the AI model for generating responses
+                      </p>
+                      <Select defaultValue="claude-3">
+                        <SelectTrigger>
+                          <SelectValue />
+                        </SelectTrigger>
+                        <SelectContent>
+                          <SelectItem value="claude-3">Claude 3 Sonnet</SelectItem>
+                          <SelectItem value="gpt-4">GPT-4</SelectItem>
+                          <SelectItem value="gemini">Gemini Pro</SelectItem>
+                        </SelectContent>
+                      </Select>
+                    </div>
+                    
+                    <div>
+                      <Label>Voice Processing</Label>
+                      <p className="text-sm text-gray-600 dark:text-gray-400 mb-2">
+                        Select voice recognition engine
+                      </p>
+                      <Select defaultValue="whisper">
+                        <SelectTrigger>
+                          <SelectValue />
+                        </SelectTrigger>
+                        <SelectContent>
+                          <SelectItem value="whisper">OpenAI Whisper</SelectItem>
+                          <SelectItem value="browser">Browser Native</SelectItem>
+                          <SelectItem value="azure">Azure Speech</SelectItem>
+                        </SelectContent>
+                      </Select>
+                    </div>
+
+                    <div className="flex items-center justify-between">
+                      <div className="space-y-0.5">
+                        <Label>AI Suggestions</Label>
+                        <p className="text-sm text-gray-600 dark:text-gray-400">
+                          Enable intelligent task and financial suggestions
+                        </p>
+                      </div>
+                      <Switch defaultChecked />
+                    </div>
+
+                    <div className="flex items-center justify-between">
+                      <div className="space-y-0.5">
+                        <Label>Local Processing</Label>
+                        <p className="text-sm text-gray-600 dark:text-gray-400">
+                          Process AI requests locally when possible
+                        </p>
+                      </div>
+                      <Switch />
+                    </div>
+
+                    <div className="flex items-center justify-between">
+                      <div className="space-y-0.5">
+                        <Label>Learning Mode</Label>
+                        <p className="text-sm text-gray-600 dark:text-gray-400">
+                          Allow AI to learn from your usage patterns
+                        </p>
+                      </div>
+                      <Switch defaultChecked />
+                    </div>
+                  </div>
+
+                  <div className="pt-4 border-t">
+                    <div className="grid grid-cols-2 gap-4 text-sm">
+                      <div>
+                        <p className="font-medium">Current Model Status</p>
+                        <p className="text-green-600 dark:text-green-400">Claude 3 Sonnet - Active</p>
+                      </div>
+                      <div>
+                        <p className="font-medium">API Usage</p>
+                        <p className="text-gray-600 dark:text-gray-400">2,341 requests this month</p>
+                      </div>
+                    </div>
+                  </div>
+
+                  <Button className="w-full">
+                    Save AI Model Settings
+                  </Button>
+                </CardContent>
+              </Card>
+            </TabsContent>
           </Tabs>
         </div>
       </div>