+ );
+};
+
+export default FormulariosPaciente;
diff --git a/frontend/src/components/FormulariosPanel.tsx b/frontend/src/components/FormulariosPanel.tsx
new file mode 100644
index 0000000..5d1c34a
--- /dev/null
+++ b/frontend/src/components/FormulariosPanel.tsx
@@ -0,0 +1,438 @@
+import type { FC } from 'react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import {
+ ChevronDown, ChevronUp, Eye, FileSignature, GripVertical, Plus, Save, Send, Trash2,
+} from 'lucide-react';
+import { Badge, Button, Card, EmptyState, Input, Modal, Select, Skeleton, TextArea, toast } from './ui';
+import { odooApi, type FormularioCampo, type FormularioCampoTipo, type FormularioPlantilla } from '../services/odoo';
+import FormularioCampos from './formulario/FormularioCampos';
+import EnviarFormularioModal from './formulario/EnviarFormularioModal';
+import { CAMPO_TIPOS, PLANTILLA_TIPOS, TIPO_LABEL, MOMENTO_LABEL } from './formulario/tipos';
+import { useAuth } from '../lib/auth';
+import { useGlosario } from '../lib/glosario';
+
+// Configuración › Formularios: constructor de plantillas (campos, texto legal,
+// firma/foto), vista previa tal como la verá el paciente y envío a un paciente.
+// Sin plantillas no hay nada que mostrar más allá del estado vacío.
+
+const slug = (texto: string): string =>
+ texto
+ .toLowerCase()
+ .normalize('NFD')
+ .replace(/[\u0300-\u036f]/g, '')
+ .replace(/[^a-z0-9]+/g, '_')
+ .replace(/^_+|_+$/g, '')
+ .slice(0, 40);
+
+const campoNuevo = (campos: FormularioCampo[], tipo: FormularioCampoTipo = 'texto'): FormularioCampo => {
+ const base = 'campo';
+ let n = campos.length + 1;
+ const claves = new Set(campos.map((c) => c.clave));
+ while (claves.has(`${base}_${n}`)) n += 1;
+ return { clave: `${base}_${n}`, etiqueta: '', tipo, obligatorio: false, ayuda: '', opciones: [] };
+};
+
+const FormulariosPanel: FC = () => {
+ const { can } = useAuth();
+ const { term } = useGlosario();
+ const [plantillas, setPlantillas] = useState([]);
+ const [loading, setLoading] = useState(true);
+ const [editando, setEditando] = useState(null);
+ const [enviarOpen, setEnviarOpen] = useState(false);
+
+ const cargar = useCallback(async () => {
+ setLoading(true);
+ try {
+ const res = await odooApi.getFormularioPlantillas({ includeInactive: true });
+ if (res.status === 'success') setPlantillas(res.plantillas);
+ } catch {
+ toast.error('No se pudieron cargar las plantillas');
+ } finally {
+ setLoading(false);
+ }
+ }, []);
+
+ useEffect(() => { cargar(); }, [cargar]);
+
+ const toggleActivo = async (p: FormularioPlantilla) => {
+ try {
+ await odooApi.updateFormularioPlantilla(p.id, { activo: !p.activo });
+ setPlantillas((prev) => prev.map((it) => (it.id === p.id ? { ...it, activo: !it.activo } : it)));
+ } catch {
+ toast.error('No se pudo cambiar el estado');
+ }
+ };
+
+ const eliminar = async (p: FormularioPlantilla) => {
+ if (!window.confirm(`¿Eliminar la plantilla "${p.name}"?`)) return;
+ try {
+ const res = await odooApi.deleteFormularioPlantilla(p.id);
+ toast.success(res.message || 'Plantilla eliminada');
+ cargar();
+ } catch {
+ toast.error('No se pudo eliminar la plantilla');
+ }
+ };
+
+ return (
+
+
+
+
+
Formularios digitales
+
+ Consentimientos, autorizaciones, encuestas y notas que el {term('patient_singular').toLowerCase()} llena desde su celular
+ con firma y fotos, o que el personal llena en recepción. Mientras no existan plantillas,
+ no aparece nada nuevo para el {term('patient_singular').toLowerCase()}.
+
})
+ })
+