fase 3.5: licenciamiento por plan (clave firmada, planes basico/profesional/enterprise/custom, modulos incluidos y limites de usuarios/sucursales/citas/almacenamiento, modo aviso o bloqueo, panel de licencia) + API keys gestionables con alcances y revocacion (arregla la API publica que estaba rota) + webhooks salientes firmados con outbox, reintentos y bitacora; herramientas de vendedor y docs

frontend/src/pages/Configuracion.tsx

@@ -21,6 +21,9 @@ import FormulariosPanel from '../components/FormulariosPanel';
 import MembresiasPanel from '../components/MembresiasPanel';
 import ComprasPanel from '../components/ComprasPanel';
 import ComisionesPanel from '../components/ComisionesPanel';
+import LicenciaPanel from '../components/LicenciaPanel';
+import ApiKeysPanel from '../components/ApiKeysPanel';
+import WebhooksPanel from '../components/WebhooksPanel';
 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';
@@ -44,11 +47,14 @@ const TABS = [
   { key: 'recetas', label: 'Recetas' },
   { key: 'catalogos', label: 'Catálogos' },
   { key: 'tickets', label: 'Tickets' },
+  { key: 'licencia', label: 'Licencia' },
+  { key: 'api', label: 'API' },
+  { key: 'webhooks', label: 'Webhooks' },
   { key: 'auditoria', label: 'Auditoría' },
 ] as const;
 
 // Secciones que ve gerencia (admin del sistema ve todas).
-const TABS_GERENCIA = ['reservas', 'notificaciones', 'notif_enviadas', 'formularios', 'sucursales', 'categorias', 'recursos', 'membresias', 'compras', 'comisiones', 'terminologia', 'usuarios', 'roles', 'tickets'];
+const TABS_GERENCIA = ['reservas', 'notificaciones', 'notif_enviadas', 'formularios', 'sucursales', 'categorias', 'recursos', 'membresias', 'compras', 'comisiones', 'terminologia', 'usuarios', 'roles', 'tickets', 'licencia', 'webhooks'];
 
 const SUBCATALOGOS = [
   { key: 'diagnosticos', label: 'Diagnósticos' },
@@ -76,6 +82,9 @@ const Configuracion: FC = () => {
     compras: 'compras.editar',
     comisiones: 'comisiones.editar',
     recursos: 'recursos.editar',
+    licencia: 'config.editar',
+    api: 'api.claves',
+    webhooks: 'webhooks.editar',
   };
   const tabsVisibles = useMemo(
     () => (esAdmin ? TABS : TABS.filter((t) => TABS_GERENCIA.includes(t.key)))
@@ -445,6 +454,12 @@ const Configuracion: FC = () => {
             <FormulariosPanel />
           </Card.Body>
         </Card>
+      ) : tab === 'licencia' ? (
+        <LicenciaPanel />
+      ) : tab === 'api' ? (
+        <ApiKeysPanel />
+      ) : tab === 'webhooks' ? (
+        <WebhooksPanel />
       ) : (
       <div className="grid grid-cols-1 lg:grid-cols-2 gap-4 sm:gap-6">
         <Card>