fase 3.2: compras y proveedores (modulo skeen_compras: proveedores, ordenes de compra con recepcion total/parcial, costo promedio ponderado con lote y caducidad, pagos a proveedor, cuentas por pagar con antiguedad, reportes de compras y margen por articulo); apagado por defecto

frontend/src/pages/Configuracion.tsx

@@ -19,6 +19,7 @@ import NotificacionesPanel from '../components/NotificacionesPanel';
 import NotificacionesEnviadasPanel from '../components/NotificacionesEnviadasPanel';
 import FormulariosPanel from '../components/FormulariosPanel';
 import MembresiasPanel from '../components/MembresiasPanel';
+import ComprasPanel from '../components/ComprasPanel';
 import { Card, Button, Input, PageHeader, toast } from '../components/ui';
 import { odooApi, type Doctor, type ClinicSettings, type ImpuestosSettings, BRAND_DEFAULT, CLINIC_SETTINGS_DEFAULT, IMPUESTOS_DEFAULT, RESERVAS_ONLINE_DEFAULT, NOTIFICACIONES_DEFAULT } from '../services/odoo';
 import { useAuth } from '../lib/auth';
@@ -34,6 +35,7 @@ const TABS = [
   { key: 'categorias', label: 'Categorías' },
   { key: 'recursos', label: 'Recursos' },
   { key: 'membresias', label: 'Membresías' },
+  { key: 'compras', label: 'Compras' },
   { key: 'terminologia', label: 'Terminología' },
   { key: 'usuarios', label: 'Usuarios' },
   { key: 'roles', label: 'Roles' },
@@ -44,7 +46,7 @@ const TABS = [
 ] as const;
 
 // Secciones que ve gerencia (admin del sistema ve todas).
-const TABS_GERENCIA = ['reservas', 'notificaciones', 'notif_enviadas', 'formularios', 'sucursales', 'categorias', 'recursos', 'membresias', 'terminologia', 'usuarios', 'roles', 'tickets'];
+const TABS_GERENCIA = ['reservas', 'notificaciones', 'notif_enviadas', 'formularios', 'sucursales', 'categorias', 'recursos', 'membresias', 'compras', 'terminologia', 'usuarios', 'roles', 'tickets'];
 
 const SUBCATALOGOS = [
   { key: 'diagnosticos', label: 'Diagnósticos' },
@@ -69,6 +71,7 @@ const Configuracion: FC = () => {
     notif_enviadas: 'notificaciones.ver',
     formularios: 'formularios.ver',
     membresias: 'membresias.editar',
+    compras: 'compras.editar',
     recursos: 'recursos.editar',
   };
   const tabsVisibles = useMemo(
@@ -397,6 +400,12 @@ const Configuracion: FC = () => {
             <MembresiasPanel settings={settings} onSaved={setSettings} />
           </Card.Body>
         </Card>
+      ) : tab === 'compras' ? (
+        <Card>
+          <Card.Body>
+            <ComprasPanel settings={settings} onSaved={setSettings} />
+          </Card.Body>
+        </Card>
       ) : tab === 'terminologia' ? (
         <Card>
           <Card.Body>