// ICONTEC compliance — Competencias master + Sesiones (capture flow) + employee TrainingProfile const { useState: _ic_useState, useMemo: _ic_useMemo } = React; // ─── 12 Competencias maestras Atica ────────────────── const COMPETENCIAS_MAESTRAS = [ { id: 'CMP-01', name: 'Manejo seguro de maquinaria de clasificación', cat: 'sst', criticality: 'alta', recur: 'Anual', description: 'Operación segura de trituradoras industriales: identificación de peligros mecánicos y térmicos, procedimiento LOTO, EPP térmico, parada de emergencia.', rolesCount: 8, coursesIds: ['c-01'], norma: 'Resolución 0312 de 2019 · SG-SST', evaluacionRequerida: true, evidenciasMinimas: ['lista_asistencia_firmada', 'acta_instructor', 'foto_aula', 'evaluacion_calificada', 'material_entregado'], }, { id: 'CMP-02', name: 'Buenas Prácticas de Manufactura · BPM', cat: 'normativo', criticality: 'alta', recur: 'Anual', description: 'Higiene personal, manipulación, control de plagas y trazabilidad. Curso INVIMA obligatorio para personal con contacto con producto.', rolesCount: 7, coursesIds: ['c-02'], norma: 'Resolución 2674 de 2013 · INVIMA', evaluacionRequerida: true, evidenciasMinimas: ['lista_asistencia_firmada', 'evaluacion_calificada', 'material_entregado', 'reporte_plataforma'], }, { id: 'CMP-03', name: 'Manipulación higiénica de alimentos', cat: 'normativo', criticality: 'alta', recur: 'Anual', description: 'Microbiología básica, ETAs, higiene locativa y personal. Certificación municipal con vigencia anual.', rolesCount: 6, coursesIds: ['c-07'], norma: 'Resolución 2674 · Sec. Salud Valle del Cauca', evaluacionRequerida: true, evidenciasMinimas: ['lista_asistencia_firmada', 'evaluacion_calificada', 'material_entregado', 'certificado_externo'], }, { id: 'CMP-04', name: 'Trabajo seguro en alturas', cat: 'sst', criticality: 'alta', recur: 'Trianual', description: 'Trabajo > 1.5m. Equipos anticaídas, sistemas de acceso, normativa Resolución 1409 de 2012.', rolesCount: 1, coursesIds: ['c-08'], norma: 'Resolución 1409 de 2012 · CCS', evaluacionRequerida: true, evidenciasMinimas: ['lista_asistencia_firmada', 'acta_instructor', 'foto_aula', 'evaluacion_calificada', 'certificado_externo'], }, { id: 'CMP-05', name: 'Primeros auxilios y brigada de emergencias', cat: 'sst', criticality: 'media', recur: 'Anual', description: 'Primeros auxilios, control de incendios incipientes, evacuación y rescate. Brigadistas voluntarios.', rolesCount: 1, coursesIds: ['c-03'], norma: 'Decreto 1072 · Brigada SG-SST', evaluacionRequerida: true, evidenciasMinimas: ['lista_asistencia_firmada', 'acta_instructor', 'foto_aula', 'evaluacion_calificada', 'material_entregado'], }, { id: 'CMP-06', name: 'Reglamento Interno de Trabajo · Reforma Laboral 2025', cat: 'normativo', criticality: 'alta', recur: 'Por cambio', description: 'Conducta, jornada, sanciones, conducto regular. Actualizado conforme a la Reforma Laboral 2025.', rolesCount: 9, coursesIds: ['c-05'], norma: 'CST · Reforma Laboral Ley 2466 de 2025', evaluacionRequerida: false, evidenciasMinimas: ['lista_asistencia_firmada', 'acta_instructor', 'material_entregado'], }, { id: 'CMP-07', name: 'Clasificación avanzada de residuos', cat: 'tecnico', criticality: 'media', recur: 'Una vez', description: 'Química del material entrante, curva del proceso, control de olores, análisis de laboratorio protocolar ISO 14001.', rolesCount: 2, coursesIds: ['c-04'], norma: 'Estándar ambiental Gestor ambiental', evaluacionRequerida: true, evidenciasMinimas: ['lista_asistencia_firmada', 'certificado_externo', 'material_entregado'], }, { id: 'CMP-08', name: 'Liderazgo de equipos operativos', cat: 'liderazgo', criticality: 'media', recur: 'Una vez', description: 'Liderazgo situacional, manejo de conflictos, retroalimentación, coaching.', rolesCount: 3, coursesIds: ['c-06'], norma: 'Diplomado EAFIT', evaluacionRequerida: true, evidenciasMinimas: ['lista_asistencia_firmada', 'certificado_externo', 'reporte_plataforma'], }, { id: 'CMP-09', name: 'Inducción Atica', cat: 'onboarding', criticality: 'alta', recur: 'Una vez · ingreso', description: 'Recorrido por la cultura, valores, procesos críticos y stakeholders de Atica.', rolesCount: 9, coursesIds: ['c-09'], norma: 'Política interna · matriz onboarding', evaluacionRequerida: false, evidenciasMinimas: ['lista_asistencia_firmada', 'acta_instructor', 'material_entregado'], }, { id: 'CMP-10', name: 'Protección de datos personales · habeas data', cat: 'normativo', criticality: 'media', recur: 'Anual', description: 'Tratamiento de datos personales conforme Ley 1581 de 2012. Aplicable a roles que manejan información de clientes y empleados.', rolesCount: 4, coursesIds: ['c-10'], norma: 'Ley 1581 de 2012', evaluacionRequerida: true, evidenciasMinimas: ['lista_asistencia_firmada', 'evaluacion_calificada', 'material_entregado', 'reporte_plataforma'], }, { id: 'CMP-11', name: 'SG-SST · Sistema de Gestión SST', cat: 'sst', criticality: 'alta', recur: 'Anual', description: 'Marco general del sistema de gestión SST según Decreto 1072 y Resolución 0312. Para todos los colaboradores.', rolesCount: 9, coursesIds: ['c-11'], norma: 'Decreto 1072 · Resolución 0312', evaluacionRequerida: true, evidenciasMinimas: ['lista_asistencia_firmada', 'acta_instructor', 'evaluacion_calificada', 'material_entregado'], }, { id: 'CMP-12', name: 'Manejo defensivo y seguridad vial', cat: 'sst', criticality: 'alta', recur: 'Anual', description: 'Conducción defensiva, fatiga, riesgos viales. Plan estratégico de seguridad vial Resolución 1565.', rolesCount: 1, coursesIds: ['c-12'], norma: 'Resolución 1565 de 2014 · PESV', evaluacionRequerida: true, evidenciasMinimas: ['lista_asistencia_firmada', 'acta_instructor', 'evaluacion_calificada', 'material_entregado'], }, ]; const CMP_CAT = { sst: { label: 'SST', tone: 'rose', icon: 'IconShield' }, normativo: { label: 'Normativo', tone: 'navy', icon: 'IconBook' }, tecnico: { label: 'Técnico', tone: 'blue', icon: 'IconZap' }, liderazgo: { label: 'Liderazgo', tone: 'amber', icon: 'IconStar' }, onboarding: { label: 'Onboarding', tone: 'green', icon: 'IconRocket' }, }; const CRITICALITY = { alta: { label: 'Alta', pill: 'rose', dot: 'var(--rose-600)' }, media: { label: 'Media', pill: 'amber-soft', dot: '#854D0E' }, baja: { label: 'Baja', pill: 'navy', dot: 'var(--text-muted)' }, }; // Catálogo de tipos de evidencia exigibles por una competencia. // Lo consumen SessionCapture (Fase B) y Modo Auditoría (Fase D). const EVIDENCE_TYPES = { lista_asistencia_firmada: { label: 'Lista de asistencia firmada', icon: 'IconCheck', obligatoria: true }, acta_instructor: { label: 'Acta del instructor', icon: 'IconBook', obligatoria: true }, foto_aula: { label: 'Foto del aula / sesión', icon: 'IconExternal', obligatoria: false }, evaluacion_calificada: { label: 'Evaluación calificada', icon: 'IconStar', obligatoria: true }, material_entregado: { label: 'Material entregado', icon: 'IconBook', obligatoria: false }, certificado_externo: { label: 'Certificado emitido por proveedor', icon: 'IconShield', obligatoria: true }, reporte_plataforma: { label: 'Reporte de plataforma e-learning', icon: 'IconExternal', obligatoria: true }, }; // ─── Sesiones programadas + 1 capturable de demo ────────── const SESSIONS_SCHED = [ { id: 'SES-2026-0518', courseId: 'c-01', courseName: 'Manejo seguro de maquinaria de clasificación', competenciaId: 'CMP-01', cat: 'sst', criticality: 'alta', date: '14/05/2026', time: '08:00 - 16:00', site: 'Cali · Aula 2', instructor: 'Carlos Fernando Vélez', instructorOrg: 'ARL Sura', contentVersion: 'v3.2', minScore: 80, state: 'programada', enrolled: [ { empId: 'E0247', initials: 'AM', name: 'Andrés Felipe Mejía', role: 'Operario de Clasificación' }, { empId: 'E0205', initials: 'CV', name: 'Carlos Andrés Vélez', role: 'Operario de Clasificación' }, { empId: 'E0156', initials: 'PV', name: 'Paula Valencia Ríos', role: 'Téc. Mantenimiento' }, { empId: 'E0067', initials: 'LM', name: 'Luis Miguel Marín', role: 'Líder de Aprovechamiento' }, ], }, { id: 'SES-2026-0519', courseId: 'c-02', courseName: 'Buenas Prácticas de Manufactura · BPM', competenciaId: 'CMP-02', cat: 'normativo', criticality: 'alta', date: '15/05/2026', time: 'E-learning · 24h', site: 'Plataforma interna', instructor: 'Sistema autoinstructivo', instructorOrg: 'INVIMA contenido', contentVersion: 'v1.4', minScore: 75, state: 'programada', enrolled: [ { empId: 'E0246', initials: 'LG', name: 'Laura Gómez Restrepo', role: 'Operaria de Planta' }, { empId: 'E0245', initials: 'JR', name: 'Juan David Ruiz', role: 'Aux. Calidad' }, { empId: 'E0198', initials: 'MF', name: 'María Fernanda López', role: 'Op. Aprovechamiento' }, ], }, { id: 'SES-2026-0520', courseId: 'c-08', courseName: 'Trabajo seguro en alturas', competenciaId: 'CMP-04', cat: 'sst', criticality: 'alta', date: '04/06/2026', time: '08:00 - 17:00 (5 días)', site: 'Cali · Centro CCS', instructor: 'Equipo CCS', instructorOrg: 'Consejo Colombiano de Seguridad', contentVersion: 'v2.0', minScore: 85, state: 'programada', enrolled: [ { empId: 'E0156', initials: 'PV', name: 'Paula Valencia Ríos', role: 'Téc. Mantenimiento' }, ], }, // Una sesión histórica completamente capturada — para demo del expediente { id: 'SES-2026-0412', courseId: 'c-01', courseName: 'Manejo seguro de maquinaria de clasificación', competenciaId: 'CMP-01', cat: 'sst', criticality: 'alta', date: '12/04/2026', time: '08:00 - 16:00', site: 'Cali · Aula 2', instructor: 'Carlos Fernando Vélez', instructorOrg: 'ARL Sura', contentVersion: 'v3.2', minScore: 80, state: 'cerrada', closedAt: '12/04/2026 16:42', closedBy: 'Carolina Restrepo · Jefe de RRHH', sessionHash: 'a4f2c1e89b7d3f5e26c8d4b1a9f3e7c5d8b2a4f6e9c1d3b5a7f8e0c2d4b6a9f1', enrolled: 18, passed: 17, evidencesCount: 4, }, ]; const STATE_SES = { programada: { label: 'Programada', pill: 'amber-soft', dot: '#854D0E' }, curso: { label: 'En captura', pill: 'navy', dot: 'var(--navy-800)' }, cerrada: { label: 'Cerrada', pill: 'green', dot: 'var(--green-600)' }, anulada: { label: 'Anulada', pill: 'rose', dot: 'var(--rose-600)' }, }; // ─── Plantilla de evaluación (banco de preguntas para c-01) ── const EVAL_TEMPLATE_C01 = [ { id: 'q1', text: '¿Cuál es el primer paso del procedimiento LOTO antes de intervenir una trituradora?', options: ['Avisar al supervisor', 'Bloquear la fuente de energía y colocar etiqueta', 'Cerrar la válvula de gas', 'Apagar el extractor'], correct: 1, }, { id: 'q2', text: 'Temperatura mínima a la que un EPP térmico clase 2 protege:', options: ['100°C', '200°C', '350°C', '500°C'], correct: 2, }, { id: 'q3', text: 'Si detectas humo en la zona de clasificación durante el ciclo, la primera acción es:', options: ['Activar parada de emergencia', 'Llamar a bomberos', 'Salir del área inmediatamente', 'Verificar la temperatura del lote'], correct: 0, }, { id: 'q4', text: '¿Cada cuánto debe revisarse el sistema de venteo de la trituradora?', options: ['Cada turno', 'Semanal', 'Quincenal', 'Mensual'], correct: 0, }, { id: 'q5', text: 'Verdadero o falso: el operario puede retirar la guarda mecánica si el lote está atascado.', options: ['Verdadero · si avisa al supervisor', 'Verdadero · siempre', 'Falso · jamás bajo ninguna circunstancia', 'Falso · solo bajo bloqueo LOTO previo'], correct: 3, }, ]; // ─── Bitácora · 30 entradas demo ────────────────────────── const AUDIT_LOG = [ { id: 'AL-2391', when: '05/05/2026 09:42', who: 'Carolina Restrepo', ip: '190.85.247.32', action: 'sesión programada', entity: 'SES-2026-0518', detail: 'Manejo seguro de maquinaria · 14/05', tone: 'navy' }, { id: 'AL-2390', when: '05/05/2026 09:38', who: 'Carolina Restrepo', ip: '190.85.247.32', action: 'asignación generada', entity: '4 colaboradores', detail: 'Inscripción automática por matriz cargo', tone: 'navy' }, { id: 'AL-2387', when: '04/05/2026 16:12', who: 'Patricia Gómez', ip: '190.85.247.18', action: 'evidencia cargada', entity: 'SES-2026-0412', detail: 'lista-asistencia-firmada.pdf · 380 KB', tone: 'green' }, { id: 'AL-2384', when: '03/05/2026 14:30', who: 'Carlos F. Vélez', ip: '181.49.122.4', action: 'curso publicado', entity: 'c-01 → v3.2', detail: 'Cambio: actualizada sección LOTO', tone: 'amber' }, { id: 'AL-2383', when: '03/05/2026 14:28', who: 'Carlos F. Vélez', ip: '181.49.122.4', action: 'curso editado', entity: 'c-01 v3.1 → v3.2', detail: 'Pendiente publicación', tone: 'navy' }, { id: 'AL-2380', when: '12/04/2026 16:42', who: 'Carolina Restrepo', ip: '190.85.247.32', action: 'sesión CERRADA', entity: 'SES-2026-0412', detail: '17 aprobados · 1 no aprobado · hash a4f2c1…', tone: 'green' }, { id: 'AL-2379', when: '12/04/2026 16:40', who: 'Carolina Restrepo', ip: '190.85.247.32', action: 'certificados emitidos', entity: 'SES-2026-0412', detail: '17 certificados · vigencia 365 días', tone: 'green' }, { id: 'AL-2378', when: '12/04/2026 16:35', who: 'Carlos F. Vélez', ip: '181.49.122.4', action: 'evaluación aplicada', entity: 'SES-2026-0412', detail: '5 preguntas · 18 respondieron', tone: 'navy' }, { id: 'AL-2377', when: '12/04/2026 16:20', who: 'Carlos F. Vélez', ip: '181.49.122.4', action: 'evidencia cargada', entity: 'SES-2026-0412', detail: 'foto-aula-clasificacion.jpg · 1.2 MB', tone: 'green' }, { id: 'AL-2376', when: '12/04/2026 16:18', who: 'Carlos F. Vélez', ip: '181.49.122.4', action: 'evidencia cargada', entity: 'SES-2026-0412', detail: 'acta-instructor-firmada.pdf · 240 KB', tone: 'green' }, { id: 'AL-2375', when: '12/04/2026 09:15', who: 'Carlos Vélez (E0205)', ip: '181.49.55.21', action: 'firma electrónica · asistencia', entity: 'SES-2026-0412', detail: 'OTP verificado vía SMS · +57 ··· 4321', tone: 'green' }, { id: 'AL-2374', when: '12/04/2026 09:14', who: 'Andrés Mejía (E0247)', ip: '181.49.55.18', action: 'firma electrónica · asistencia', entity: 'SES-2026-0412', detail: 'OTP verificado vía email', tone: 'green' }, { id: 'AL-2373', when: '12/04/2026 09:12', who: 'Carlos F. Vélez', ip: '181.49.122.4', action: 'sesión iniciada', entity: 'SES-2026-0412', detail: 'Captura abierta · 18 inscritos', tone: 'navy' }, { id: 'AL-2371', when: '08/04/2026 11:00', who: 'Carolina Restrepo', ip: '190.85.247.32', action: 'matriz actualizada', entity: 'cargo: Operario de Clasificación', detail: 'Agregada CMP-11 SG-SST', tone: 'amber' }, { id: 'AL-2368', when: '02/04/2026 09:30', who: 'Sistema', ip: 'sistema', action: 'reasignación automática', entity: '12 colaboradores', detail: 'Vencimiento BPM · nueva sesión generada', tone: 'navy' }, { id: 'AL-2360', when: '15/03/2026 14:22', who: 'Carolina Restrepo', ip: '190.85.247.32', action: 'sesión anulada', entity: 'SES-2026-0314', detail: 'Anulada por instructor ausente · razón documentada', tone: 'rose' }, ]; // ─── Per-employee training data — used by employee-detail ─ const COMPETENCIAS_BY_EMP = { // Carlos Andrés Vélez — Operario de Clasificación 'E0205': { required: ['CMP-01', 'CMP-02', 'CMP-03', 'CMP-06', 'CMP-09', 'CMP-11'], completed: [ { cmpId: 'CMP-01', courseId: 'c-01', sessionId: 'SES-2026-0412', date: '12/04/2026', score: 92, certId: 'CERT-2026-c-01-04821', vigencia: '12/04/2027', signedAttendance: true, evidences: 4, version: 'v3.2' }, { cmpId: 'CMP-09', courseId: 'c-09', sessionId: 'SES-2024-0314', date: '14/03/2024', score: 95, certId: 'CERT-2024-c-09-01102', vigencia: 'sin vencimiento', signedAttendance: true, evidences: 3, version: 'v2.0' }, { cmpId: 'CMP-06', courseId: 'c-05', sessionId: 'SES-2026-0210', date: '10/02/2026', score: 88, certId: 'CERT-2026-c-05-03415', vigencia: '10/02/2027', signedAttendance: true, evidences: 2, version: 'v1.4' }, { cmpId: 'CMP-11', courseId: 'c-11', sessionId: 'SES-2025-0820', date: '20/08/2025', score: 84, certId: 'CERT-2025-c-11-09921', vigencia: '20/08/2026', signedAttendance: true, evidences: 3, version: 'v2.1' }, ], inProgress: [ { cmpId: 'CMP-02', courseId: 'c-02', sessionId: 'SES-2026-0501', date: '01/05/2026', progress: 65 }, ], expired: [ { cmpId: 'CMP-03', courseId: 'c-07', sessionId: 'SES-2024-0510', date: '10/05/2024', score: 82, daysExpired: 4, status: 'reasignada', newSessionId: 'SES-2026-0530' }, ], }, }; // ─── Helpers ────────────────────────────────────────────── const getCmp = (id) => COMPETENCIAS_MAESTRAS.find(c => c.id === id); // ═══════════════════════════════════════════════════════════ // Tab: Competencias master // ═══════════════════════════════════════════════════════════ const CompetenciasTab = () => { // State local mutable hidratado desde window.COMPETENCIAS_MAESTRAS const [comps, setComps] = _ic_useState(() => [...(window.COMPETENCIAS_MAESTRAS || COMPETENCIAS_MAESTRAS)]); const [bancoPreguntas, setBancoPreguntas] = _ic_useState(() => [...(window.BANCO_PREGUNTAS || [])]); const [filterCat, setFilterCat] = _ic_useState('todas'); const [filterCrit, setFilterCrit] = _ic_useState('todas'); const [editing, setEditing] = _ic_useState(null); // 'nueva' | competencia | null // Sincronizar window con cambios React.useEffect(() => { window.COMPETENCIAS_MAESTRAS = comps; }, [comps]); React.useEffect(() => { window.BANCO_PREGUNTAS = bancoPreguntas; }, [bancoPreguntas]); const list = comps.filter(c => (filterCat === 'todas' || c.cat === filterCat) && (filterCrit === 'todas' || c.criticality === filterCrit) ); const altas = comps.filter(c => c.criticality === 'alta').length; const saveCompetencia = (data) => { if (data.id && comps.some(c => c.id === data.id)) { setComps(comps.map(c => c.id === data.id ? { ...c, ...data } : c)); } else { const nextNum = String(comps.length + 1).padStart(2, '0'); const id = data.id || `CMP-${nextNum}`; setComps([...comps, { ...data, id, rolesCount: 0, coursesIds: [] }]); } setEditing(null); }; const deleteCompetencia = (id) => { if (!confirm(`¿Eliminar la competencia ${id}? Esta acción afecta cualquier cargo o curso vinculado.`)) return; setComps(comps.filter(c => c.id !== id)); setBancoPreguntas(bancoPreguntas.filter(p => p.competenciaId !== id)); }; const savePregunta = (data) => { if (data.id && bancoPreguntas.some(p => p.id === data.id)) { setBancoPreguntas(bancoPreguntas.map(p => p.id === data.id ? { ...p, ...data } : p)); } else { const id = data.id || `BP-${String(bancoPreguntas.length + 200).padStart(3, '0')}`; setBancoPreguntas([...bancoPreguntas, { ...data, id }]); } }; const deletePregunta = (id) => setBancoPreguntas(bancoPreguntas.filter(p => p.id !== id)); const preguntasPorComp = (cmpId) => bancoPreguntas.filter(p => p.competenciaId === cmpId); return ( <>
Catálogo maestro · base ICONTEC
Las competencias son el contrato auditable entre cargo y formación. Cada cargo exige n competencias; cada competencia se cubre con uno o más cursos con versionado de contenido. El banco de preguntas de la evaluación se asocia a la competencia.
{comps.length}
competencias · {altas} críticas
{Object.entries(CMP_CAT).map(([k, v]) => ( ))}
{list.map(c => { const cat = CMP_CAT[c.cat]; const crit = CRITICALITY[c.criticality]; const Ico = window[cat.icon] || IconBook; const numPreguntas = preguntasPorComp(c.id).length; return (
{cat.label} Crit. {crit.label}
{c.id}
{c.name}
{c.description}
Recurrencia
{c.recur}
Cursos que la cubren
{(c.coursesIds || []).length}
Preguntas en banco
{numPreguntas}
{c.norma}
); })}
{editing && ( setEditing(null)} onSave={saveCompetencia} onSavePregunta={savePregunta} onDeletePregunta={deletePregunta} /> )} ); }; // ═══════════════════════════════════════════════════════════ // Generador IA mock · produce preguntas a partir de la competencia // ═══════════════════════════════════════════════════════════ // Templates de preguntas según categoría · simulan generación contextual const _IA_TEMPLATES = { sst: [ (cmp) => ({ enunciado: `¿Cuál es el primer paso del procedimiento de seguridad en ${cmp.name.toLowerCase()}?`, opciones: ['Avisar al supervisor', 'Bloquear la fuente de energía y colocar etiqueta', 'Cerrar todas las válvulas', 'Apagar el sistema completo'], respuestaCorrecta: 1, dificultad: 'media', etiquetas: ['LOTO', 'seguridad'] }), (cmp) => ({ enunciado: `Según ${cmp.norma}, ¿qué EPP es obligatorio para esta actividad?`, opciones: ['Solo guantes', 'EPP completo según matriz IPVR', 'Casco y botas únicamente', 'Depende del operario'], respuestaCorrecta: 1, dificultad: 'facil', etiquetas: ['EPP'] }), (cmp) => ({ enunciado: `Ante un incidente durante la operación, la primera acción es:`, opciones: ['Activar parada de emergencia', 'Continuar y reportar al final', 'Llamar a recursos humanos', 'Documentar después del turno'], respuestaCorrecta: 0, dificultad: 'dificil', etiquetas: ['emergencia'] }), (cmp) => ({ enunciado: `¿Con qué frecuencia debe revisarse el sistema según el plan de mantenimiento?`, opciones: ['Cada turno', 'Semanal', 'Mensual', 'Anual'], respuestaCorrecta: 0, dificultad: 'media', etiquetas: ['mantenimiento'] }), (cmp) => ({ enunciado: `Verdadero o falso: El operario puede modificar los procedimientos de seguridad si considera que es más eficiente.`, opciones: ['Verdadero', 'Falso'], respuestaCorrecta: 1, dificultad: 'facil', etiquetas: ['cumplimiento'], tipo: 'verdadero-falso' }), ], normativo: [ (cmp) => ({ enunciado: `¿Qué resolución regula esta competencia?`, opciones: [cmp.norma.split('·')[0]?.trim() || 'Norma A', 'Resolución 1409 de 2012', 'Decreto 1072 de 2015', 'Ley 100 de 1993'], respuestaCorrecta: 0, dificultad: 'facil', etiquetas: ['normativa'] }), (cmp) => ({ enunciado: `¿Quién audita el cumplimiento de esta normativa?`, opciones: ['MinTrabajo', 'INVIMA', 'Secretaría de Salud', 'Depende de la norma específica'], respuestaCorrecta: 3, dificultad: 'media', etiquetas: ['auditoría'] }), (cmp) => ({ enunciado: `¿Cada cuánto se debe refrescar este conocimiento?`, opciones: ['Una vez al ingreso', cmp.recur || 'Anual', 'Cada 3 años', 'Solo cuando cambia la norma'], respuestaCorrecta: 1, dificultad: 'facil', etiquetas: ['recurrencia'] }), (cmp) => ({ enunciado: `Verdadero o falso: el cumplimiento de esta norma es opcional para empresas pequeñas.`, opciones: ['Verdadero', 'Falso'], respuestaCorrecta: 1, dificultad: 'facil', etiquetas: ['cumplimiento'], tipo: 'verdadero-falso' }), (cmp) => ({ enunciado: `Frente a una observación de auditoría sobre esta competencia, la acción correcta es:`, opciones: ['Esperar al cierre', 'Levantar plan de acción inmediato', 'Justificar por costos', 'Solicitar prórroga indefinida'], respuestaCorrecta: 1, dificultad: 'dificil', etiquetas: ['auditoría'] }), ], tecnico: [ (cmp) => ({ enunciado: `¿Cuál es el indicador clave para medir el desempeño en ${cmp.name.toLowerCase()}?`, opciones: ['Velocidad de proceso', 'Calidad del resultado final', 'Cumplimiento de protocolo', 'Todas las anteriores'], respuestaCorrecta: 3, dificultad: 'media', etiquetas: ['KPI'] }), (cmp) => ({ enunciado: `Una desviación crítica en el proceso debe escalarse a:`, opciones: ['Operario del siguiente turno', 'Líder de área inmediatamente', 'Reportar en informe semanal', 'No se requiere escalar'], respuestaCorrecta: 1, dificultad: 'media', etiquetas: ['escalamiento'] }), (cmp) => ({ enunciado: `Verdadero o falso: la documentación del proceso es opcional si el operario tiene experiencia.`, opciones: ['Verdadero', 'Falso'], respuestaCorrecta: 1, dificultad: 'facil', etiquetas: ['trazabilidad'], tipo: 'verdadero-falso' }), ], liderazgo: [ (cmp) => ({ enunciado: `Frente a un conflicto entre dos colaboradores, la primera acción del líder es:`, opciones: ['Decidir por su cuenta', 'Escuchar a ambas partes por separado', 'Notificar a RRHH', 'Ignorar hasta que se resuelva solo'], respuestaCorrecta: 1, dificultad: 'media', etiquetas: ['conflictos'] }), (cmp) => ({ enunciado: `¿Cuál es el estilo de liderazgo más adecuado para un equipo nuevo?`, opciones: ['Directivo', 'Coaching', 'Delegativo', 'Depende del nivel de cada persona'], respuestaCorrecta: 3, dificultad: 'dificil', etiquetas: ['liderazgo-situacional'] }), (cmp) => ({ enunciado: `Una retroalimentación efectiva debe ser:`, opciones: ['Específica y oportuna', 'Pública para mayor impacto', 'Solo positiva', 'Únicamente al cierre del año'], respuestaCorrecta: 0, dificultad: 'facil', etiquetas: ['feedback'] }), ], onboarding: [ (cmp) => ({ enunciado: `¿Cuáles son los valores corporativos de la organización?`, opciones: ['Solo crecimiento económico', 'Calidad, seguridad, integridad y compromiso', 'Eficiencia ante todo', 'Solo cumplir con la ley'], respuestaCorrecta: 1, dificultad: 'facil', etiquetas: ['cultura'] }), (cmp) => ({ enunciado: `El conducto regular para reportar una inquietud es:`, opciones: ['Directamente al CEO', 'Líder directo → RRHH → Comité de Convivencia', 'Redes sociales', 'Esperar a que pase'], respuestaCorrecta: 1, dificultad: 'facil', etiquetas: ['conducto-regular'] }), (cmp) => ({ enunciado: `Verdadero o falso: la firma del reglamento interno es opcional.`, opciones: ['Verdadero', 'Falso'], respuestaCorrecta: 1, dificultad: 'facil', etiquetas: ['reglamento'], tipo: 'verdadero-falso' }), ], }; // Genera N preguntas a partir de la competencia. Mock asíncrono (1.5s) para // simular llamada a un LLM. En operaciones esto invocaría OpenAI / Claude / Gemini. const generarPreguntasIA = (cmp, n = 5) => { return new Promise((resolve) => { setTimeout(() => { const templates = _IA_TEMPLATES[cmp.cat] || _IA_TEMPLATES.sst; const seleccionadas = templates.slice(0, n); const preguntas = seleccionadas.map((tpl, i) => { const base = tpl(cmp); return { id: `BP-IA-${Date.now()}-${i}`, competenciaId: cmp.id, tipo: base.tipo || 'multiple', enunciado: base.enunciado, opciones: base.opciones, respuestaCorrecta: base.respuestaCorrecta, dificultad: base.dificultad, etiquetas: base.etiquetas, _generadaPorIA: true, }; }); resolve(preguntas); }, 1500); }); }; // ═══════════════════════════════════════════════════════════ // CompetenciaEditorModal · CRUD competencia + banco de preguntas // ═══════════════════════════════════════════════════════════ const EVIDENCE_OPTIONS = [ { id: 'lista_asistencia_firmada', label: 'Lista de asistencia firmada' }, { id: 'acta_instructor', label: 'Acta del instructor' }, { id: 'foto_aula', label: 'Foto del aula / sesión' }, { id: 'evaluacion_calificada', label: 'Evaluación calificada' }, { id: 'material_entregado', label: 'Material entregado' }, { id: 'certificado_externo', label: 'Certificado emitido por proveedor' }, { id: 'reporte_plataforma', label: 'Reporte plataforma e-learning' }, ]; const CompetenciaEditorModal = ({ competencia, preguntas, onClose, onSave, onSavePregunta, onDeletePregunta }) => { const isNew = !competencia; const [tab, setTab] = _ic_useState('datos'); const [form, setForm] = _ic_useState(() => competencia ? { ...competencia } : { id: '', name: '', cat: 'sst', criticality: 'media', recur: 'Anual', description: '', rolesCount: 0, coursesIds: [], norma: '', evaluacionRequerida: true, evidenciasMinimas: ['lista_asistencia_firmada', 'acta_instructor'], }); const [editingPregunta, setEditingPregunta] = _ic_useState(null); // null | 'nueva' | pregunta | 'ia' React.useEffect(() => { document.body.style.overflow = 'hidden'; const onEsc = (e) => { if (e.key === 'Escape' && !editingPregunta) onClose(); }; window.addEventListener('keydown', onEsc); return () => { document.body.style.overflow = ''; window.removeEventListener('keydown', onEsc); }; }, [editingPregunta]); const upd = (k, v) => setForm({ ...form, [k]: v }); const toggleEvidencia = (id) => { const has = form.evidenciasMinimas.includes(id); upd('evidenciasMinimas', has ? form.evidenciasMinimas.filter(x => x !== id) : [...form.evidenciasMinimas, id]); }; const canSave = !!(form.name && form.cat); const tabs = [ { k: 'datos', l: 'Datos básicos', ico: 'IconBook' }, { k: 'preguntas', l: `Banco de preguntas · ${preguntas.length}`, ico: 'IconStar' }, // Tab "Evidencias requeridas" oculto temporalmente · se reactivará en una iteración futura ]; return (
{ if (e.target === e.currentTarget) onClose(); }}>
{isNew ? 'Nueva competencia' : form.id}
{isNew ? 'Crear competencia maestra' : `Editar · ${competencia.name}`}
Las competencias son la base auditable. El banco de preguntas asociado se usa al cierre de cada sesión para evaluar al colaborador.
{tabs.map(t => { const Ico = window[t.ico] || IconBook; return ( ); })}
{/* Tab Datos */} {tab === 'datos' && (
Nombre de la competencia *
upd('name', e.target.value)} placeholder="Manejo seguro de maquinaria de clasificación" />
Categoría *
Criticidad *
Recurrencia
Norma origen
upd('norma', e.target.value)} placeholder="Resolución 0312 de 2019 · SG-SST (opcional)" />
Descripción