[{"_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":29,"_34":12,"_35":12,"_36":12,"_37":12,"_38":-5,"_39":40},"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","69ed0e192f0881918785c7ba30a4dbf7","versionInt","title","Game Six Sigma Jornada Black Belt","type","code/react","content","import React, { useMemo, useState } from \"react\";\nimport { motion, AnimatePresence } from \"framer-motion\";\nimport { Card, CardContent } from \"@/components/ui/card\";\nimport { Button } from \"@/components/ui/button\";\nimport { Badge } from \"@/components/ui/badge\";\nimport {\n LineChart,\n Line,\n XAxis,\n YAxis,\n Tooltip,\n ResponsiveContainer,\n CartesianGrid,\n BarChart,\n Bar,\n} from \"recharts\";\n\nconst START_STATE = {\n phaseIndex: 0,\n budget: 100,\n dpmo: 150000,\n sigma: 2.95,\n customerTrust: 35,\n wip: 78,\n history: [{ stage: \"Crise\", sigma: 2.95, dpmo: 150000 }],\n choices: [],\n pokaYoke: false,\n controlDashboard: false,\n};\n\nconst paretoData = [\n { name: \"Pinos tortos\", value: 46 },\n { name: \"Solda fria\", value: 22 },\n { name: \"Outros\", value: 32 },\n];\n\nconst phases = [\n {\n key: \"define\",\n label: \"Define\",\n title: \"O Gatilho da Crise\",\n icon: \"⚠️\",\n story:\n \"O cliente aeroespacial ameaça cancelar o contrato. O escape rate chegou a 15% e a fábrica precisa de uma resposta baseada em dados.\",\n mentor:\n \"Six Sigma começa com escopo, VOC e CTQs. Antes de atacar tudo, descubra o que é realmente crítico para o cliente.\",\n prompt: \"Como você iniciará o projeto?\",\n options: [\n {\n label: \"Atacar todos os 12 tipos de defeitos ao mesmo tempo\",\n kind: \"bad\",\n result:\n \"Você mostrou pressa, mas perdeu foco. O orçamento caiu e o nível sigma não melhorou.\",\n changes: { budget: -40, sigma: 0, dpmo: 0, customerTrust: -8, wip: 10 },\n point: { stage: \"Define ruim\", sigma: 2.95, dpmo: 150000 },\n },\n {\n label: \"Realizar SIPOC, ouvir a VOC e definir CTQs\",\n kind: \"good\",\n result:\n \"Excelente. Você delimitou o problema, ouviu o cliente e liberou uma linha de base confiável.\",\n changes: { budget: -8, sigma: 0.35, dpmo: -90000, customerTrust: 18, wip: -10 },\n point: { stage: \"Define\", sigma: 3.3, dpmo: 60000 },\n },\n ],\n },\n {\n key: \"measure\",\n label: \"Measure\",\n title: \"O Diagnóstico Estatístico\",\n icon: \"📏\",\n story:\n \"Você recebe um lote de 5.247 unidades. Foram encontrados 83 defeitos. Cada unidade possui 12 oportunidades de falha.\",\n mentor:\n \"O DPMO transforma defeitos em uma medida comparável. Aqui, o processo parece bom, mas para aeroespacial ainda é perigoso.\",\n prompt: \"Qual leitura estatística representa melhor o processo atual?\",\n options: [\n {\n label: \"DPMO próximo de 1.318 e nível sigma próximo de 4,48\",\n kind: \"good\",\n result:\n \"Correto. Você mediu a realidade do processo e criou uma linha de base para a melhoria.\",\n changes: { budget: -6, sigma: 1.18, dpmo: -58682, customerTrust: 16, wip: -8 },\n point: { stage: \"Measure\", sigma: 4.48, dpmo: 1318 },\n },\n {\n label: \"O processo está aceitável porque só teve 83 defeitos\",\n kind: \"bad\",\n result:\n \"Cuidado. Sem considerar unidades e oportunidades, o número absoluto engana. O cliente continua em risco.\",\n changes: { budget: -15, sigma: -0.15, dpmo: 10000, customerTrust: -12, wip: 8 },\n point: { stage: \"Measure ruim\", sigma: 3.15, dpmo: 70000 },\n },\n ],\n },\n {\n key: \"analyze\",\n label: \"Analyze\",\n title: \"O Túnel da Causa Raiz\",\n icon: \"📊\",\n story:\n \"O Pareto revela que 46% dos defeitos vêm de pinos tortos, 22% de solda fria e 32% de outras causas.\",\n mentor:\n \"Pareto separa o vital few do trivial many. Em projetos reais, foco evita desperdício de orçamento e energia.\",\n prompt: \"Onde concentrar os recursos limitados?\",\n options: [\n {\n label: \"Focar em pinos tortos, o Vital Few\",\n kind: \"good\",\n result:\n \"Ótima decisão. A análise aprofunda para um Ishikawa focado na causa crítica.\",\n changes: { budget: -10, sigma: 0.55, dpmo: -900, customerTrust: 12, wip: -15 },\n point: { stage: \"Analyze\", sigma: 5.03, dpmo: 418 },\n },\n {\n label: \"Distribuir o esforço igualmente entre todas as causas\",\n kind: \"bad\",\n result:\n \"A equipe ficou ocupada, mas o impacto foi pequeno. O orçamento foi consumido em causas secundárias.\",\n changes: { budget: -22, sigma: 0.08, dpmo: -100, customerTrust: -5, wip: 3 },\n point: { stage: \"Analyze ruim\", sigma: 4.56, dpmo: 1200 },\n },\n ],\n },\n {\n key: \"improve\",\n label: \"Improve\",\n title: \"O Design da Solução\",\n icon: \"⚙️\",\n story:\n \"A causa raiz aparece com clareza: erro humano na inserção manual de pinos. Agora a melhoria precisa atacar o sistema, não apenas culpar pessoas.\",\n mentor:\n \"Poka-Yoke é prova de erro. Em vez de exigir perfeição humana, o processo é desenhado para impedir a falha.\",\n prompt: \"Qual melhoria implementar?\",\n options: [\n {\n label: \"Dobrar a fiscalização e aplicar multas aos operadores\",\n kind: \"bad\",\n result:\n \"A taxa de defeitos cai pouco, mas o clima piora. O burnout simulado aumenta e a variabilidade volta.\",\n changes: { budget: -18, sigma: 0.12, dpmo: -80, customerTrust: -10, wip: 12 },\n point: { stage: \"Improve ruim\", sigma: 4.68, dpmo: 1120 },\n },\n {\n label: \"Instalar Poka-Yoke que bloqueia pino torto\",\n kind: \"good\",\n result:\n \"Excelente. O fluxo estabiliza, os defeitos despencam e a equipe ganha confiança no processo.\",\n changes: {\n budget: -20,\n sigma: 0.82,\n dpmo: -414,\n customerTrust: 22,\n wip: -22,\n pokaYoke: true,\n },\n point: { stage: \"Improve\", sigma: 5.85, dpmo: 4.8 },\n },\n ],\n },\n {\n key: \"control\",\n label: \"Control\",\n title: \"A Batalha contra a Entropia\",\n icon: \"🛡️\",\n story:\n \"O piloto chegou perto do 6 Sigma. Agora surge o alerta: o deslocamento de 1,5 sigma pode derrubar a performance no longo prazo.\",\n mentor:\n \"Melhoria sem controle vira lembrança. O ganho precisa de SPC, dashboard, alerta e rotina de reação.\",\n prompt: \"Como sustentar o ganho?\",\n options: [\n {\n label: \"Configurar dashboard em tempo real com SPC e alertas de IA\",\n kind: \"good\",\n result:\n \"Vitória sustentada. O processo entra em controle e você recebe o certificado de Mestre da Qualidade.\",\n changes: {\n budget: -12,\n sigma: 0.15,\n dpmo: -1.4,\n customerTrust: 20,\n wip: -12,\n controlDashboard: true,\n },\n point: { stage: \"Control\", sigma: 6.0, dpmo: 3.4 },\n },\n {\n label: \"Confiar que o novo padrão será mantido naturalmente\",\n kind: \"bad\",\n result:\n \"Sem controle, a entropia vence. O processo começa a derivar e o cliente percebe instabilidade.\",\n changes: { budget: -4, sigma: -0.75, dpmo: 5000, customerTrust: -22, wip: 18 },\n point: { stage: \"Control ruim\", sigma: 5.1, dpmo: 5004 },\n },\n ],\n },\n];\n\nfunction clamp(value, min, max) {\n return Math.max(min, Math.min(max, value));\n}\n\nfunction formatNumber(value) {\n if (value >= 1000) return Math.round(value).toLocaleString(\"pt-BR\");\n return Number(value).toLocaleString(\"pt-BR\", { maximumFractionDigits: 1 });\n}\n\nfunction calcDpmo(defects, units, opportunities) {\n if (units <= 0 || opportunities <= 0) return 0;\n return (defects / (units * opportunities)) * 1000000;\n}\n\nfunction calculateScore(state) {\n return Math.round((state.sigma / 6) * 45 + (state.budget / 100) * 25 + (state.customerTrust / 100) * 30);\n}\n\nfunction runInternalTests() {\n const results = [];\n const push = (name, passed, detail) => results.push({ name, passed, detail });\n\n const dpmo = calcDpmo(83, 5247, 12);\n push(\n \"DPMO do lote de diagnóstico\",\n Math.abs(dpmo - 1318.21) < 0.5,\n `Esperado aproximadamente 1.318,21. Recebido ${dpmo.toFixed(2)}.`\n );\n\n push(\n \"Clamp limita valores acima do máximo\",\n clamp(140, 0, 100) === 100,\n `Esperado 100. Recebido ${clamp(140, 0, 100)}.`\n );\n\n push(\n \"Clamp limita valores abaixo do mínimo\",\n clamp(-20, 0, 100) === 0,\n `Esperado 0. Recebido ${clamp(-20, 0, 100)}.`\n );\n\n const perfectPath = phases.reduce((state, phase, index) => {\n const option = phase.options.find((item) => item.kind === \"good\");\n return applyOptionToState(state, option, phase, index === phases.length - 1);\n }, START_STATE);\n\n push(\n \"Caminho ideal chega ao 6 Sigma\",\n perfectPath.sigma === 6 && perfectPath.dpmo === 3.4,\n `Sigma ${perfectPath.sigma.toFixed(2)} e DPMO ${perfectPath.dpmo}.`\n );\n\n push(\n \"Caminho ideal ativa Poka-Yoke e SPC\",\n perfectPath.pokaYoke === true && perfectPath.controlDashboard === true,\n `Poka-Yoke ${String(perfectPath.pokaYoke)} e SPC ${String(perfectPath.controlDashboard)}.`\n );\n\n push(\n \"Pontuação final fica dentro de 0 a 100\",\n calculateScore(perfectPath) >= 0 && calculateScore(perfectPath) <= 100,\n `Pontuação calculada: ${calculateScore(perfectPath)}.`\n );\n\n return results;\n}\n\nfunction applyOptionToState(state, option, phase, isLastPhase = false) {\n const nextSigma = clamp(state.sigma + (option.changes.sigma || 0), 1, 6);\n const nextDpmo = clamp(state.dpmo + (option.changes.dpmo || 0), 3.4, 400000);\n const nextBudget = clamp(state.budget + (option.changes.budget || 0), 0, 100);\n const nextTrust = clamp(state.customerTrust + (option.changes.customerTrust || 0), 0, 100);\n const nextWip = clamp(state.wip + (option.changes.wip || 0), 0, 100);\n\n return {\n ...state,\n budget: nextBudget,\n sigma: nextSigma,\n dpmo: nextDpmo,\n customerTrust: nextTrust,\n wip: nextWip,\n history: [...state.history, option.point],\n choices: [\n ...state.choices,\n {\n phase: phase.label,\n label: option.label,\n kind: option.kind,\n },\n ],\n pokaYoke: Boolean(state.pokaYoke || option.changes.pokaYoke),\n controlDashboard: Boolean(state.controlDashboard || option.changes.controlDashboard),\n phaseIndex: isLastPhase ? state.phaseIndex : clamp(state.phaseIndex + 1, 0, phases.length - 1),\n };\n}\n\nfunction IconBubble({ children, size = \"md\", dark = false }) {\n const sizeClass = size === \"lg\" ? \"h-12 w-12 text-2xl\" : \"h-10 w-10 text-xl\";\n const colorClass = dark ? \"bg-slate-950 text-white\" : \"bg-slate-100 text-slate-950\";\n\n return (\n

\n {children}\n

\n );\n}\n\nfunction KpiCard({ label, value, helper, icon }) {\n return (\n \n \n

{label}

{value}

{helper}

\n {icon}\n

\n \n \n );\n}\n\nfunction MiniProgress({ value }) {\n const safeValue = clamp(value, 0, 100);\n\n return (\n

\n \n

\n );\n}\n\nfunction FactoryAnimation({ state }) {\n const good = state.pokaYoke || state.sigma >= 5.5;\n const chaos = state.sigma < 4;\n const items = Array.from({ length: 8 });\n\n return (\n

\n\n

\n 🏭\n

Linha de conectores aeroespaciais

A linha muda conforme suas decisões.

\n \n {good ? \"Fluxo estável\" : chaos ? \"Caos operacional\" : \"Em melhoria\"}\n \n

\n\n

\n {items.map((_, index) => (\n \n ))}\n\n {state.pokaYoke && (\n \n )}\n

\n\n

WIP

{Math.round(state.wip)}%

Cliente

{Math.round(state.customerTrust)}%

Controle

{state.controlDashboard ? \"SPC\" : \"Manual\"}

\n );\n}\n\nfunction PhaseTimeline({ phaseIndex }) {\n return (\n

\n {phases.map((phase, index) => {\n const active = index === phaseIndex;\n const done = index < phaseIndex;\n return (\n \n

{phase.label}

\n \n

\n );\n })}\n

\n );\n}\n\nfunction DecisionPanel({ state, onChoose }) {\n const phase = phases[state.phaseIndex];\n\n return (\n \n \n

\n {phase.icon}\n

\n \n Fase {state.phaseIndex + 1} de 5 · {phase.label}\n \n

{phase.title}

{phase.story}

\n\n {phase.key === \"measure\" && (\n

Cálculo de referência

Defeitos

Unidades

5.247

Oportunidades

DPMO

{formatNumber(calcDpmo(83, 5247, 12))}

\n )}\n\n {phase.key === \"analyze\" && (\n

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

\n )}\n\n

\n 🤖\n

Mentor IA Edson

{phase.mentor}

\n\n

{phase.prompt}

\n {phase.options.map((option, index) => (\n onChoose(option)}\n >\n \n {String.fromCharCode(65 + index)}\n \n {option.label}\n \n ))}\n

\n \n \n );\n}\n\nfunction FeedbackBox({ feedback }) {\n if (!feedback) return null;\n\n const good = feedback.kind === \"good\";\n\n return (\n \n \n \n

\n {good ? \"✅\" : \"⚠️\"}\n

Feedback da decisão

{feedback.result}

\n \n \n \n );\n}\n\nfunction TestsPanel() {\n const [open, setOpen] = useState(false);\n const tests = useMemo(() => runInternalTests(), []);\n const passed = tests.filter((test) => test.passed).length;\n\n return (\n \n \n

Testes internos

\n {passed}/{tests.length} verificações passaram.\n

\n \n

\n\n {open && (\n

\n {tests.map((test) => (\n

{test.name}

\n {test.passed ? \"✅\" : \"❌\"}\n

{test.detail}

\n ))}\n

\n )}\n \n \n );\n}\n\nfunction ResultScreen({ state, onRestart }) {\n const score = calculateScore(state);\n const won = state.sigma >= 5.9 && state.controlDashboard && state.customerTrust >= 70;\n\n return (\n

\n \n \n

\n Resultado Final\n

\n {won ? \"Mestre da Qualidade\" : \"Projeto em Recuperação\"}\n

\n {won\n ? \"Você estabilizou o processo, protegeu o cliente e sustentou o ganho com controle estatístico.\"\n : \"Você avançou, mas ainda existem lacunas de foco, controle ou confiança do cliente.\"}\n

🏅

Pontuação

{score}

\n\n

\n \n \n \n \n

\n\n

\n \n \n

Evolução do Nível Sigma

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

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

Decisões tomadas

\n {state.choices.map((choice, index) => (\n

\n {choice.kind === \"good\" ? \"✅\" : \"⚠️\"}\n

{choice.phase}

{choice.label}

\n ))}\n

\n \n \n

\n\n

\n \n

\n \n \n

\n );\n}\n\nexport default function SixSigmaGame() {\n const [state, setState] = useState(START_STATE);\n const [feedback, setFeedback] = useState(null);\n const [finished, setFinished] = useState(false);\n\n const currentPhase = phases[state.phaseIndex];\n const processHealth = useMemo(() => clamp((state.sigma / 6) * 100, 0, 100), [state.sigma]);\n\n function applyChoice(option) {\n const isLastPhase = state.phaseIndex === phases.length - 1;\n const updatedState = applyOptionToState(state, option, currentPhase, isLastPhase);\n\n setFeedback(option);\n setState(updatedState);\n\n if (isLastPhase) {\n setFinished(true);\n }\n }\n\n function restart() {\n setState(START_STATE);\n setFeedback(null);\n setFinished(false);\n }\n\n if (finished) {\n return ;\n }\n\n return (\n

\n Game educacional\n DMAIC\n Six Sigma\n

Desafio Six Sigma

\n A Jornada do Black Belt em uma fábrica de conectores aeroespaciais. Tome decisões, reduza defeitos e tente chegar ao 6 Sigma sem destruir o orçamento.\n

\n\n

Saúde do processo

\n \n {Math.round(processHealth)}%\n

Meta: estabilidade estatística, DPMO 3,4 e cliente protegido.

\n\n \n\n

\n \n \n \n \n

\n\n

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

\n\n

\n \n\n \n \n

Dashboard SPC

Evolução do nível sigma ao longo das fases.

\n Tempo real\n

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

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

Missão Black Belt

\n Chegar ao 6 Sigma\n {state.sigma >= 5.9 ? \"✅\" : \"⬜\"}\n

\n Preservar orçamento\n {state.budget >= 20 ? \"✅\" : \"⬜\"}\n

\n Implementar Poka-Yoke\n {state.pokaYoke ? \"✅\" : \"⬜\"}\n

\n Ativar controle SPC\n {state.controlDashboard ? \"✅\" : \"⬜\"}\n

\n \n \n\n \n

\n );\n}\n","access","public","isModerationBlocked","isAnonifyApiKeyDetected","dd",{"_41":42,"_43":44},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","manageRootRouteStylesheet","mobileWebHandoffEnabled","promoteCss","disableSSR","stripModulepreloadImports","paidCampaignAppRedirect","statsigGateEvaluationsPromise",["P",40],"traceId","7949759884582809439","traceTime",1792296217646]