se agregaron nuevas caracteristicas

frontend/src/App.tsx

@@ -7,6 +7,7 @@ import { JobsView } from './pages/JobsView';
 import { RestoreView } from './pages/RestoreView';
 import { EventsView } from './pages/EventsView';
 import { LoginView } from './pages/LoginView';
+import { SettingsView } from './pages/SettingsView';
 import { ActiveUpload } from './components/LiveTransferMeter';
 import { 
   api, 
@@ -16,7 +17,8 @@ import {
   EventLogItem, 
   getAuthToken, 
   getCurrentUser, 
-  setAuthToken 
+  setAuthToken,
+  SystemSettingsResponse
 } from './services/api';
 import { wsClient } from './services/websocket';
 
@@ -32,6 +34,7 @@ export const App: React.FC = () => {
   const [clients, setClients] = useState<ClientItem[]>([]);
   const [jobs, setJobs] = useState<BackupJobItem[]>([]);
   const [events, setEvents] = useState<EventLogItem[]>([]);
+  const [settings, setSettings] = useState<SystemSettingsResponse | null>(null);
   const [activeUploads, setActiveUploads] = useState<ActiveUpload[]>([]);
 
   const handleLoginSuccess = (user: any) => {
@@ -54,17 +57,19 @@ export const App: React.FC = () => {
     if (!getAuthToken()) return;
     setIsLoading(true);
     try {
-      const [statsRes, clientsRes, jobsRes, eventsRes] = await Promise.all([
+      const [statsRes, clientsRes, jobsRes, eventsRes, settingsRes] = await Promise.all([
         api.getStats().catch(() => null),
         api.getClients().catch(() => []),
         api.getJobs().catch(() => []),
         api.getEvents(50).catch(() => []),
+        api.getSettings().catch(() => null),
       ]);
 
       if (statsRes) setStats(statsRes);
       setClients(clientsRes);
       setJobs(jobsRes);
       setEvents(eventsRes);
+      if (settingsRes) setSettings(settingsRes);
     } catch (err) {
       console.error('Error loading dashboard data:', err);
     } finally {
@@ -147,6 +152,8 @@ export const App: React.FC = () => {
         return 'Explorador & Restore';
       case 'events':
         return 'Auditoría & Logs';
+      case 'settings':
+        return 'Configuración Global';
       default:
         return 'OnEver Drive';
     }
@@ -191,6 +198,7 @@ export const App: React.FC = () => {
               jobs={jobs}
               clients={clients}
               onRefresh={loadData}
+              settings={settings}
             />
           )}
 
@@ -205,6 +213,12 @@ export const App: React.FC = () => {
               events={events}
             />
           )}
+
+          {currentTab === 'settings' && (
+            <SettingsView
+              onRefresh={loadData}
+            />
+          )}
         </main>
       </div>
     </div>