MCP Chat Support System

import React from 'react'; import AdminLayout from '@/components/layout/AdminLayout'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Button } from '@/components/ui/button'; import { Settings, Key, Bell, Shield } from 'lucide-react'; const AdminSettings = () => { return ( <AdminLayout> <div className="p-6 space-y-6"> <div className="flex items-center justify-between"> <h1 className="text-3xl font-bold tracking-tight">Admin Settings</h1> </div> <div className="grid gap-6 md:grid-cols-2"> <Card> <CardHeader> <CardTitle className="flex items-center gap-2"> <Settings className="h-5 w-5" /> General Settings </CardTitle> </CardHeader> <CardContent className="space-y-4"> <div className="space-y-2"> <label className="text-sm font-medium">Platform Name</label> <input type="text" className="w-full rounded-md border border-gray-300 px-3 py-2" defaultValue="AI Chat Platform" /> </div> <Button>Save Changes</Button> </CardContent> </Card> <Card> <CardHeader> <CardTitle className="flex items-center gap-2"> <Key className="h-5 w-5" /> API Configuration </CardTitle> </CardHeader> <CardContent className="space-y-4"> <div className="space-y-2"> <label className="text-sm font-medium">API Key</label> <input type="password" className="w-full rounded-md border border-gray-300 px-3 py-2" defaultValue="************************" /> </div> <Button>Update API Key</Button> </CardContent> </Card> <Card> <CardHeader> <CardTitle className="flex items-center gap-2"> <Bell className="h-5 w-5" /> Notification Settings </CardTitle> </CardHeader> <CardContent className="space-y-4"> <div className="space-y-2"> <label className="flex items-center gap-2"> <input type="checkbox" defaultChecked /> <span>Email Notifications</span> </label> <label className="flex items-center gap-2"> <input type="checkbox" defaultChecked /> <span>System Alerts</span> </label> </div> <Button>Save Preferences</Button> </CardContent> </Card> <Card> <CardHeader> <CardTitle className="flex items-center gap-2"> <Shield className="h-5 w-5" /> Security Settings </CardTitle> </CardHeader> <CardContent className="space-y-4"> <div className="space-y-2"> <label className="flex items-center gap-2"> <input type="checkbox" defaultChecked /> <span>Two-Factor Authentication</span> </label> <label className="flex items-center gap-2"> <input type="checkbox" defaultChecked /> <span>Session Timeout</span> </label> </div> <Button>Update Security</Button> </CardContent> </Card> </div> </div> </AdminLayout> ); }; export default AdminSettings;