/* ============================================================ VISÃO DO COLABORADOR — acesso por link mágico (token), sem senha. Só o que é dele: boas-vindas, plano, minhas tarefas, diário e auto-avaliação de 30 dias. Persiste via RPCs (OS.colab*). ============================================================ */ function ColabView({ token, bundle }) { const OE = window.OE; const c = bundle.colaborador; const [done, setDone] = React.useState(() => new Set(bundle.done || [])); const [diario, setDiario] = React.useState(() => bundle.diario || []); const [aval, setAval] = React.useState(() => bundle.avaliacao || {}); const [toast, setToast] = React.useState(""); const flash = (m) => { setToast(m); setTimeout(() => setToast(""), 2200); }; // registra o acesso (p/ o painel do Dono saber quem já entrou) React.useEffect(() => { if (c && c.id) window.OS.colabMarkAccess(c.id).catch(() => {}); }, [c && c.id]); // tarefas que são DELE (resp Colaborador), agrupadas por etapa const minhasEtapas = OE.PLAYBOOK .map((f) => ({ f, tarefas: f.tarefas.map((t, i) => ({ t, key: OE.taskKey(f.id, i) })).filter((x) => x.t.resp === "Colaborador") })) .filter((g) => g.tarefas.length); const minhasKeys = minhasEtapas.flatMap((g) => g.tarefas.map((x) => x.key)); const feitas = minhasKeys.filter((k) => done.has(k)).length; const pct = minhasKeys.length ? Math.round((feitas / minhasKeys.length) * 100) : 0; async function toggle(key) { const isNow = !done.has(key); setDone((prev) => { const n = new Set(prev); if (isNow) n.add(key); else n.delete(key); return n; }); try { await window.OS.colabToggle(token, key, isNow); } catch (e) { flash("Não consegui salvar. Tente de novo."); } } const primeiroNome = (c.nome || "").split(" ")[0]; return (
{/* topo */}
Sua integração · ASCEND
{primeiroNome}
{c.cargo}
{/* HERO */}
Bem-vindo(a) à ASCEND
Olá, {primeiroNome}! 👋
Sua missão no 1º mês: conhecer e mapear sua área, escrever os processos e entregar um diagnóstico. Você aprende fazendo — e a gente acompanha de perto.
{/* PLANO 1ª SEMANA */}
Sua 1ª semana
{OE.PLANO_SEMANA1.map((d, i) => (
{d.dia}
{d.foco}
    {d.itens.map((it, j) => (
  • {it}
    • ))}
))}
{/* PLANO 30 DIAS */}
Seus primeiros 30 dias {OE.PLANO_30DIAS.map((w, i) => (
{i + 1}
{w.semana}
{w.foco}
    {w.itens.map((it, j) => (
  • {it}
    • ))}
))}
{/* MINHAS TAREFAS */}
Minhas tarefas
{minhasEtapas.map((g) => (
{g.f.nome}
{g.tarefas.map(({ t, key }) => { const isDone = done.has(key); return ( ); })}
))}
{/* FECHAMENTO DA SEMANA (entregáveis + avaliação semanal) */} {/* IDEIAS (banco de ideias do colaborador) */} {/* DIÁRIO DE BORDO */} {/* AUTO-AVALIAÇÃO 30 DIAS */}
{toast && (
{toast}
)}
); } function todayISO() { return new Date().toISOString().slice(0, 10); } function DiarioBordo({ token, cid, diario, setDiario, flash }) { const M = window.OE.MODELO_ACOMP.diario; const [data, setData] = React.useState(todayISO()); const [turno, setTurno] = React.useState("manha"); const campos = (turno === "manha" ? M.manha : M.tarde).campos; const existente = diario.find((e) => e.data === data && e.turno === turno); const [vals, setVals] = React.useState({}); React.useEffect(() => { setVals((existente && existente.conteudo) || {}); }, [data, turno, diario.length]); const [saving, setSaving] = React.useState(false); async function salvar() { setSaving(true); try { await window.OS.colabDiarioSave(token, data, turno, vals); if (cid) { try { await window.OS.colabDiarioMark(cid, data, turno); } catch (e) {} } // espelha p/ o painel do RH setDiario((prev) => { const others = prev.filter((e) => !(e.data === data && e.turno === turno)); return [...others, { data, turno, conteudo: vals }].sort((a, b) => (a.data + a.turno).localeCompare(b.data + b.turno)); }); flash("Diário salvo ✓"); } catch (e) { flash("Não consegui salvar o diário."); } setSaving(false); } return (
Diário de Bordo
setData(e.target.value)} style={{ padding: "9px 12px", border: `1.5px solid ${C.line}`, borderRadius: 10, fontSize: 13.5, fontFamily: "inherit", color: C.ink, outline: "none" }} />
{[["manha", "Manhã", "sunrise"], ["tarde", "Tarde", "sunset"]].map(([k, lab, ic]) => ( ))}
{existente && Já preenchido}
{campos.map((campo, i) => (