[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_26":27,"_28":29,"_30":12,"_31":12,"_32":12,"_33":12,"_34":12,"_35":12,"_36":37},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":12},"sharedTextdoc",{"_13":14,"_15":-7,"_16":17,"_18":19,"_20":21,"_22":23,"_24":12,"_25":12},"isAuthenticated",false,"sharedTextdocId","68dfc666aa208191aa687ac6215d57dd","versionInt","title","Cipa & Sesmt Interactive Sizing – Nr-5 / Nr-4 (prototype)","type","code/react","content","import React, { useMemo, useState } from \"react\";\nimport { motion, AnimatePresence } from \"framer-motion\";\n\n/**\n * CIPA & SESMT Interactive Sizing – PROTOTYPE (for training)\n * Authoring: Adriano (spec) · Implementation: React + Tailwind + Framer Motion\n *\n * ✅ This build removes Strict Mode and Summary panes.\n * ✅ Mode shows as \"Interativo\".\n * ✅ Mandate slider fixed to 12–24 months with live years/months label.\n * ✅ Organograma font reduced (compact chips) to fit inside cards.\n */\n\n// ------------------------------\n// DEMO TABLES (expand/replace for official use)\n// ------------------------------\n// NR‑5 (CIPA) – Quadro I (DEMO ampliado): entries map faixas de empregados + GR → composição\n// Cada item: { min, max, gr: 1|2|3|4, efetivos, suplentes, obrigatoria }\nconst CIPA_DEMO = [\n // GR 1 (didático)\n { min: 0, max: 50, gr: 1, efetivos: 0, suplentes: 0, obrigatoria: false },\n { min: 51, max: 80, gr: 1, efetivos: 1, suplentes: 1, obrigatoria: true },\n { min: 81, max: 100, gr: 1, efetivos: 2, suplentes: 2, obrigatoria: true },\n { min: 101, max: 200, gr: 1, efetivos: 3, suplentes: 3, obrigatoria: true },\n { min: 201, max: 400, gr: 1, efetivos: 4, suplentes: 4, obrigatoria: true },\n { min: 401, max: 800, gr: 1, efetivos: 5, suplentes: 5, obrigatoria: true },\n { min: 801, max: 1200, gr: 1, efetivos: 6, suplentes: 6, obrigatoria: true },\n { min: 1201,max: 2000, gr: 1, efetivos: 7, suplentes: 7, obrigatoria: true },\n\n // GR 2 (didático)\n { min: 0, max: 50, gr: 2, efetivos: 0, suplentes: 0, obrigatoria: false },\n { min: 51, max: 80, gr: 2, efetivos: 1, suplentes: 1, obrigatoria: true },\n { min: 81, max: 100, gr: 2, efetivos: 2, suplentes: 2, obrigatoria: true },\n { min: 101, max: 200, gr: 2, efetivos: 3, suplentes: 3, obrigatoria: true },\n { min: 201, max: 400, gr: 2, efetivos: 4, suplentes: 4, obrigatoria: true },\n { min: 401, max: 800, gr: 2, efetivos: 5, suplentes: 5, obrigatoria: true },\n { min: 801, max: 1200, gr: 2, efetivos: 6, suplentes: 6, obrigatoria: true },\n { min: 1201,max: 2000, gr: 2, efetivos: 7, suplentes: 7, obrigatoria: true },\n\n // GR 3 (didático – maior exigência)\n { min: 0, max: 19, gr: 3, efetivos: 0, suplentes: 0, obrigatoria: false },\n { min: 20, max: 50, gr: 3, efetivos: 1, suplentes: 1, obrigatoria: true },\n { min: 51, max: 80, gr: 3, efetivos: 2, suplentes: 2, obrigatoria: true },\n { min: 81, max: 100, gr: 3, efetivos: 3, suplentes: 3, obrigatoria: true },\n { min: 101, max: 200, gr: 3, efetivos: 4, suplentes: 4, obrigatoria: true },\n { min: 201, max: 400, gr: 3, efetivos: 5, suplentes: 5, obrigatoria: true },\n { min: 401, max: 800, gr: 3, efetivos: 6, suplentes: 6, obrigatoria: true },\n { min: 801, max: 1200, gr: 3, efetivos: 7, suplentes: 7, obrigatoria: true },\n { min: 1201,max: 2000, gr: 3, efetivos: 8, suplentes: 8, obrigatoria: true },\n\n // GR 4 (didático – maior exigência)\n { min: 0, max: 19, gr: 4, efetivos: 0, suplentes: 0, obrigatoria: false },\n { min: 20, max: 50, gr: 4, efetivos: 1, suplentes: 1, obrigatoria: true },\n { min: 51, max: 80, gr: 4, efetivos: 2, suplentes: 2, obrigatoria: true },\n { min: 81, max: 100, gr: 4, efetivos: 3, suplentes: 3, obrigatoria: true },\n { min: 101, max: 200, gr: 4, efetivos: 4, suplentes: 4, obrigatoria: true },\n { min: 201, max: 400, gr: 4, efetivos: 5, suplentes: 5, obrigatoria: true },\n { min: 401, max: 800, gr: 4, efetivos: 6, suplentes: 6, obrigatoria: true },\n { min: 801, max: 1200, gr: 4, efetivos: 7, suplentes: 7, obrigatoria: true },\n { min: 1201,max: 2000, gr: 4, efetivos: 8, suplentes: 8, obrigatoria: true },\n];\n\n// NR‑4 (SESMT) – DEMO ampliado por GR + faixas de empregados\n// Cada item: { min, max, gr, engSeg, tecSeg, medTrab, enfTrab, auxEnf }\nconst SESMT_DEMO = [\n // GR 1\n { min: 0, max: 50, gr: 1, engSeg: 0, tecSeg: 0, medTrab: 0, enfTrab: 0, auxEnf: 0 },\n { min: 51, max: 100, gr: 1, engSeg: 0, tecSeg: 1, medTrab: 0, enfTrab: 0, auxEnf: 0 },\n { min: 101, max: 250, gr: 1, engSeg: 1, tecSeg: 1, medTrab: 0, enfTrab: 0, auxEnf: 0 },\n { min: 251, max: 500, gr: 1, engSeg: 1, tecSeg: 2, medTrab: 0, enfTrab: 0, auxEnf: 0 },\n { min: 501, max: 1000, gr: 1, engSeg: 1, tecSeg: 3, medTrab: 0, enfTrab: 0, auxEnf: 0 },\n\n // GR 2\n { min: 0, max: 50, gr: 2, engSeg: 0, tecSeg: 0, medTrab: 0, enfTrab: 0, auxEnf: 0 },\n { min: 51, max: 100, gr: 2, engSeg: 0, tecSeg: 1, medTrab: 0, enfTrab: 0, auxEnf: 0 },\n { min: 101, max: 250, gr: 2, engSeg: 1, tecSeg: 1, medTrab: 0, enfTrab: 0, auxEnf: 0 },\n { min: 251, max: 500, gr: 2, engSeg: 1, tecSeg: 2, medTrab: 0, enfTrab: 0, auxEnf: 0 },\n { min: 501, max: 1000, gr: 2, engSeg: 1, tecSeg: 3, medTrab: 0, enfTrab: 0, auxEnf: 0 },\n\n // GR 3\n { min: 0, max: 19, gr: 3, engSeg: 0, tecSeg: 0, medTrab: 0, enfTrab: 0, auxEnf: 0 },\n { min: 20, max: 50, gr: 3, engSeg: 0, tecSeg: 1, medTrab: 0, enfTrab: 0, auxEnf: 0 },\n { min: 51, max: 100, gr: 3, engSeg: 1, tecSeg: 1, medTrab: 0, enfTrab: 0, auxEnf: 0 },\n { min: 101, max: 250, gr: 3, engSeg: 1, tecSeg: 2, medTrab: 1, enfTrab: 0, auxEnf: 0 },\n { min: 251, max: 500, gr: 3, engSeg: 1, tecSeg: 3, medTrab: 1, enfTrab: 1, auxEnf: 0 },\n { min: 501, max: 1000, gr: 3, engSeg: 2, tecSeg: 4, medTrab: 1, enfTrab: 1, auxEnf: 1 },\n\n // GR 4\n { min: 0, max: 19, gr: 4, engSeg: 0, tecSeg: 0, medTrab: 0, enfTrab: 0, auxEnf: 0 },\n { min: 20, max: 50, gr: 4, engSeg: 0, tecSeg: 1, medTrab: 0, enfTrab: 0, auxEnf: 0 },\n { min: 51, max: 100, gr: 4, engSeg: 1, tecSeg: 1, medTrab: 0, enfTrab: 0, auxEnf: 0 },\n { min: 101, max: 250, gr: 4, engSeg: 1, tecSeg: 2, medTrab: 1, enfTrab: 0, auxEnf: 0 },\n { min: 251, max: 500, gr: 4, engSeg: 1, tecSeg: 3, medTrab: 1, enfTrab: 1, auxEnf: 0 },\n { min: 501, max: 1000, gr: 4, engSeg: 2, tecSeg: 4, medTrab: 1, enfTrab: 1, auxEnf: 1 },\n];\n\n// ------------------------------\n// Utilities\n// ------------------------------\nconst clamp = (n, min, max) => Math.min(Math.max(n, min), max);\n\nfunction findRange(rows, headCount, riskGrade) {\n // exact match by GR\n let row = rows.find(r => headCount >= r.min && headCount <= r.max && r.gr === riskGrade);\n if (row) return row;\n // fallback group (1~2) or (3~4)\n const fallbackGr = riskGrade === 2 ? 1 : riskGrade === 4 ? 3 : null;\n if (fallbackGr) {\n row = rows.find(r => headCount >= r.min && headCount <= r.max && r.gr === fallbackGr);\n if (row) return row;\n }\n // last available range of the group\n const group = [riskGrade, fallbackGr].filter(Boolean);\n const candidates = rows.filter(r => group.includes(r.gr)).sort((a,b)=>a.max-b.max);\n if (candidates.length) return candidates[candidates.length-1];\n return null;\n}\n\nconst RiskBadge = ({ gr }) => (\n GR {gr}\n);\n\nconst Stat = ({ label, value, highlight=false }) => (\n

\n {label}\n {value}\n

\n);\n\nconst PersonChip = ({ role, qty, small=false }) => (\n \n {role}\n {qty}\n \n);\n\nconst HeroCard = ({ children }) => (\n \n {children}\n \n);\n\nconst brNum = (n) => new Intl.NumberFormat(\"pt-BR\").format(n);\n\nfunction yearsMonths(totalMonths) {\n const years = Math.floor(totalMonths / 12);\n const months = totalMonths % 12;\n const parts = [];\n if (years > 0) parts.push(`${years} ${years === 1 ? \"ano\" : \"anos\"}`);\n if (months > 0) parts.push(`${months} ${months === 1 ? \"mês\" : \"meses\"}`);\n return parts.length ? parts.join(\", \") : \"0 mês\";\n}\n\n// ------------------------------\n// Runtime self-tests (do not remove). Add new tests below.\n// ------------------------------\nfunction runSelfTests() {\n const tests = [];\n\n // CIPA: GR3, 20 empregados → obrigatória 1/1 na DEMO\n tests.push({\n name: \"CIPA GR3 20\",\n run: () => {\n const r = findRange(CIPA_DEMO, 20, 3);\n return !!r && r.obrigatoria === true && r.efetivos === 1 && r.suplentes === 1;\n }\n });\n\n // CIPA: GR1, 45 empregados → não obrigatória na DEMO\n tests.push({\n name: \"CIPA GR1 45\",\n run: () => {\n const r = findRange(CIPA_DEMO, 45, 1);\n return !!r && r.obrigatoria === false && r.efetivos === 0;\n }\n });\n\n // SESMT: GR3, 20 empregados → tecSeg 1\n tests.push({\n name: \"SESMT GR3 20\",\n run: () => {\n const r = findRange(SESMT_DEMO, 20, 3);\n return !!r && r.tecSeg === 1;\n }\n });\n\n // SESMT: GR4, 300 empregados → eng 1, tec 3, med 1, enf 1, aux 0\n tests.push({\n name: \"SESMT GR4 300\",\n run: () => {\n const r = findRange(SESMT_DEMO, 300, 4);\n return !!r && r.engSeg === 1 && r.tecSeg === 3 && r.medTrab === 1 && r.enfTrab === 1 && r.auxEnf === 0;\n }\n });\n\n // NEW: boundary check (inclusive) – CIPA GR3, 50 empregados → 1/1 obrigatória\n tests.push({\n name: \"CIPA GR3 50 boundary\",\n run: () => {\n const r = findRange(CIPA_DEMO, 50, 3);\n return !!r && r.obrigatoria === true && r.efetivos === 1 && r.suplentes === 1;\n }\n });\n\n // NEW: low count GR4 → não obrigatória (0-19)\n tests.push({\n name: \"CIPA GR4 10\",\n run: () => {\n const r = findRange(CIPA_DEMO, 10, 4);\n return !!r && r.obrigatoria === false;\n }\n });\n\n // NEW: high range GR2 → última faixa disponível\n tests.push({\n name: \"CIPA GR2 1500\",\n run: () => {\n const r = findRange(CIPA_DEMO, 1500, 2);\n return !!r && r.efetivos === 7 && r.suplentes === 7 && r.obrigatoria === true;\n }\n });\n\n const results = tests.map(t => ({ name: t.name, ok: !!t.run() }));\n const passed = results.every(r => r.ok);\n return { passed, results };\n}\n\nfunction TestBadge() {\n const { passed, results } = runSelfTests();\n return (\n

\n {passed ? \"Self-tests: all passed\" : \"Self-tests: failures\"}\n (\n {results.filter(r=>r.ok).length}/{results.length}\n )\n

\n );\n}\n\n// ------------------------------\n// App\n// ------------------------------\nexport default function App() {\n const [employees, setEmployees] = useState(120);\n const [risk, setRisk] = useState(3); // 1..4\n const [mandatoMeses, setMandatoMeses] = useState(12);\n\n const cipa = useMemo(() => findRange(CIPA_DEMO, employees, risk), [employees, risk]);\n const sesmt = useMemo(() => findRange(SESMT_DEMO, employees, risk), [employees, risk]);\n const obrigCipa = cipa?.obrigatoria ?? false;\n\n return (\n

\n {/* Header */}\n

CIPA & SESMT – Interactive Sizing

NR‑5 (Quadro I) & NR‑4 (Anexos) — Training Prototype

\n \n

\n\n {/* Controls */}\n \n

\n Número de empregados\n

\n setEmployees(parseInt(e.target.value))}\n className=\"w-full\"\n />\n

{brNum(employees)}

empregados

\n\n

\n Grau de risco (GR)\n

\n {[1,2,3,4].map(gr => (\n setRisk(gr)}\n className={`rounded-xl py-2 text-sm font-semibold border ${risk===gr?\"bg-black text-white\":\"bg-white hover:bg-slate-50\"}`}\n >GR {gr}\n ))}\n

\n\n

\n MANDATO DA CIPA\n

\n setMandatoMeses(parseInt(e.target.value))} className=\"w-full\" />\n

{yearsMonths(mandatoMeses)}

\n \n\n {/* Summary Strip */}\n

\n \n {risk}} />\n \n \n

\n\n {/* Results */}\n

\n {/* CIPA */}\n \n

CIPA – Dimensionamento

\n \n

\n\n

{obrigCipa?\"CIPA obrigatória\":\"CIPA não obrigatória\"}

Faixa aplicada: {cipa?`${cipa.min}–${cipa.max}`:\"sem faixa (verifique tabela)\"}

\n \n {obrigCipa && (\n \n \n \n \n )}\n \n

Base: NR‑5 Quadro I (DEMO para treinamento).

\n\n {/* Organograma mini (compact) */}\n {obrigCipa && (\n

Organograma (ilustrativo)

\n \n \n \n \n

\n )}\n

\n \n\n {/* SESMT */}\n \n

SESMT – Dimensionamento

\n \n

\n\n

Equipe mínima sugerida (protótipo)

Faixa aplicada: {sesmt?`${sesmt.min}–${sesmt.max}`:\"sem faixa (verifique tabela)\"}

\n \n \n \n \n \n

Base: NR‑4 (Anexos I/II) – DEMO para treinamento.

\n \n

\n\n {/* Footer */}\n

\n Protótipo educacional. Valide com a NR‑5 (Quadro I – Dimensionamento da CIPA) e NR‑4 (Anexos I/II – SESMT) antes de uso oficial.\n

\n );\n}\n","access","public","isModerationBlocked","isAnonifyApiKeyDetected","dd",{"_38":39,"_40":41},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",37],"traceId","2847756659444962498","traceTime",1779236368763]