const {S,Head,I,P,PEOPLE,AV}=window.WFA; const {UIButton,UIInput,UISelect,UICard,UIAvatar,UIAvatarGroup,UIPill,UITabs,UIModal,UITable,UIStat,UIBanner,UIToggle,UIDrawer,UIEmptyState,UICheckbox,UIDataTable}=window.XCOPEDesignSystem_bf80f1; /* ============ ONBOARDING / OFFBOARDING ============ */ const OB_TASKS=t=>t==="entrada"?[ {g:"Antes do primeiro dia",items:[["Contrato assinado","Pessoas",true],["Criar conta e email","TI",true],["Preparar equipamento","TI",false],["Definir buddy","Responsável",false]]}, {g:"Primeiro dia",items:[["Sessão de boas-vindas","Pessoas",false],["Entrega de equipamento","TI",false],["Acessos aos sistemas","TI",false],["Visita e apresentações","Responsável",false]]}, {g:"Primeira semana",items:[["Formação de segurança","Formação",false],["Plano dos 30 dias","Responsável",false],["Leitura das políticas","Colaborador",false]]}, {g:"Primeiros 90 dias",items:[["Conversa de 30 dias","Responsável",false],["Conversa de 90 dias","Responsável",false]]}, ]:[ {g:"Antes da saída",items:[["Carta de rescisão recebida","Pessoas",true],["Plano de transferência de tarefas","Responsável",false],["Entrevista de saída","Pessoas",false]]}, {g:"Último dia",items:[["Devolução de equipamento","TI",false],["Revogar acessos","TI",false],["Certificado de trabalho","Pessoas",false]]}, {g:"Depois",items:[["Acerto final de contas","Pessoas",false],["Comunicação à equipa","Responsável",false]]}, ]; const OB_PROC=[ {id:1,who:"Tiago Ferraz",role:"Engenheiro de QA",dept:"Engenharia",tipo:"entrada",data:"01 set",mgr:"Rui Pinto",done:2}, {id:2,who:"Rita Amorim",role:"Analista de dados",dept:"Dados",tipo:"entrada",data:"15 ago",mgr:"Sofia Melo",done:5}, {id:3,who:"Bruno Vaz",role:"Designer de produto",dept:"Produto",tipo:"entrada",data:"08 set",mgr:"Zain Franci",done:1}, {id:4,who:"Miguel Antunes",role:"Comercial",dept:"Comercial",tipo:"saida",data:"31 jul",mgr:"Tomás Jervell",done:1}, ]; S.onboarding=()=>{ const [tipo,setTipo]=React.useState("entrada"); const [procs,setProcs]=React.useState(OB_PROC); const [sel,setSel]=React.useState(null); const [checks,setChecks]=React.useState({}); const [novo,setNovo]=React.useState(false); const [avisou,setAvisou]=React.useState(null); const list=procs.filter(p=>p.tipo===tipo); const cur=sel?procs.find(p=>p.id===sel):null; const groups=cur?OB_TASKS(cur.tipo):[]; const key=(pid,g,i)=>pid+"|"+g+"|"+i; // each process starts at its own point: OB_PROC.done says how many steps are already ticked const seeded=React.useMemo(()=>{const m={};procs.forEach(p=>{let left=p.done;OB_TASKS(p.tipo).forEach(g=>g.items.forEach((it,i)=>{m[key(p.id,g.g,i)]=left-- >0;}));});return m;},[procs]); const isOn=(pid,g,i,def)=>{const k=key(pid,g,i);return k in checks?checks[k]:(k in seeded?seeded[k]:def);}; const toggle=(pid,g,i,def)=>setChecks(c=>({...c,[key(pid,g,i)]:!isOn(pid,g,i,def)})); const total=t=>OB_TASKS(t).reduce((n,g)=>n+g.items.length,0); const doneOf=p=>OB_TASKS(p.tipo).reduce((n,g)=>n+g.items.filter((it,i)=>isOn(p.id,g.g,i,it[2])).length,0); return p.tipo==="entrada").length+" admissões em curso · "+procs.filter(p=>p.tipo==="saida").length+" saída"} actions={} onClick={()=>setNovo(true)}>Novo processo}/> {avisou&&Pessoas, TI e o responsável direto receberam as tarefas pendentes de {avisou}.}
{list.map(p=>{const gs=OB_TASKS(p.tipo);const d=doneOf(p),t=total(p.tipo); return
setSel(p.id)} style={{padding:"20px 24px",borderBottom:"1px solid var(--ui-divider)",cursor:"pointer"}} className="tk-row">
{AV(p.who,"md")}
{p.who}
{p.role} · {p.dept} · responsável {p.mgr}
{p.tipo==="entrada"?"Entra "+p.data:"Sai "+p.data}
{d} de {t} tarefas
{gs.map(g=>{const dn=g.items.filter((it,i)=>isOn(p.id,g.g,i,it[2])).length;const st=dn===g.items.length?"done":dn>0?"doing":"todo"; return
{g.g} {dn}/{g.items.length}
;})}
;})} {!list.length&&setNovo(true)}>Novo processo}/>}
setSel(null)} header={cur&&{cur.who}{cur.role} · {cur.tipo==="entrada"?"entra "+cur.data:"sai "+cur.data}} footer={cur&&{doneOf(cur)} de {total(cur.tipo)} concluídas
setSel(null)}>Fechar{setAvisou(cur.who);setSel(null);setTimeout(()=>setAvisou(null),3000);}}>Notificar responsáveis}> {cur&&
{groups.map(g=>
{g.g}
{g.items.filter((it,i)=>isOn(cur.id,g.g,i,it[2])).length}/{g.items.length}
{g.items.map(([label,owner,def],i)=>{const on=isOn(cur.id,g.g,i,def); return
toggle(cur.id,g.g,i,def)} className="row" style={{gap:12,padding:"8px 0",borderBottom:"1px solid var(--ui-divider)",cursor:"pointer"}}> {on&&} {label} {owner}
;})}
)}
} setNovo(false)} title="Novo processo" width={520} footer={
setNovo(false)}>CancelarsetNovo(false)}>Criar processo
}>
; }; /* ============ AVALIAÇÕES DE DESEMPENHO ============ */ const AV_ROWS=[ {who:"Rui Pinto",dept:"Engenharia",mgr:"Hugo Montenegro",auto:"Concluída",gestor:"Concluída",estado:"Fechada",nota:"4,2"}, {who:"Zain Franci",dept:"Produto",mgr:"Hugo Montenegro",auto:"Concluída",gestor:"Em falta",estado:"A aguardar gestor",nota:"—"}, {who:"Carla Dias",dept:"Pessoas",mgr:"Hugo Montenegro",auto:"Em falta",gestor:"Em falta",estado:"Não iniciada",nota:"—"}, {who:"Sofia Melo",dept:"Dados",mgr:"Tomás Machado",auto:"Concluída",gestor:"Concluída",estado:"Fechada",nota:"4,6"}, {who:"Tomás Jervell",dept:"Comercial",mgr:"Tomás Machado",auto:"Concluída",gestor:"Em curso",estado:"Em curso",nota:"—"}, ]; const AV_OBJ=[ ["Reduzir o tempo de resposta a incidentes","Concluído",100], ["Automatizar 80% dos testes de regressão","Em curso",65], ["Formar dois elementos em observabilidade","Em curso",50], ]; S.reviews=()=>{ const [tab,setTab]=React.useState("ciclo"); const [sel,setSel]=React.useState(null); const [novoCiclo,setNovoCiclo]=React.useState(false); const [form,setForm]=React.useState(null); const [scores,setScores]=React.useState({}); const [objs,setObjs]=React.useState(AV_OBJ.map(([t,st,pct],i)=>({id:i,t,st,pct}))); const [updObj,setUpdObj]=React.useState(null); const [updPct,setUpdPct]=React.useState(0); const [meets,setMeets]=React.useState([ {id:1,d:"24 jul",who:"Rui Pinto",tema:"Feedback do trimestre",st:"Realizada",nota:"Rever plano de automação com a equipa de QA."}, {id:2,d:"18 jul",who:"Zain Franci",tema:"Plano de desenvolvimento",st:"Realizada",nota:"Inscrever na formação de liderança de produto."}, {id:3,d:"31 jul",who:"Carla Dias",tema:"Objetivos H2",st:"Agendada",nota:""}, ]); const [sel11,setSel11]=React.useState(null); const [novo11,setNovo11]=React.useState(false); const [f11,setF11]=React.useState({who:"Rui Pinto",d:"",tema:""}); const cur=sel?AV_ROWS.find(r=>r.who===sel):null; return } onClick={()=>setNovoCiclo(true)}>Novo ciclo}/>
Ciclo H1 2026
3 de 5 fechadas
3 fechadas 1 em curso 1 não iniciada
Nota média
4,4+0,2
{tab==="ciclo"&&
{AV(v)} {v}}, {key:"dept",label:"Departamento"}, {key:"mgr",label:"Avaliador"}, {key:"auto",label:"Autoavaliação",render:v=>{v}}, {key:"gestor",label:"Gestor",render:v=>{v}}, {key:"nota",label:"Nota",align:"right",render:v=>{v}}]} rows={AV_ROWS} onRowClick={r=>setSel(r.who)}/>
} {tab==="objetivos"&&
{objs.map(o=>
{o.t}
Ciclo H1 2026 · Rui Pinto
{o.st} {setUpdPct(o.pct);setUpdObj(o);}}>Atualizar
)}
} {tab==="reunioes"&&
Conversas regulares com a tua equipa
} onClick={()=>setNovo11(true)}>Marcar 1:1
{meets.map(m=>
setSel11(m)} style={{display:"grid",gridTemplateColumns:"92px minmax(180px,1fr) minmax(0,1.4fr) 120px",gap:16,alignItems:"center",padding:"16px",borderBottom:"1px solid var(--ui-divider)",cursor:"pointer"}} onMouseEnter={e=>e.currentTarget.style.background="var(--ui-hover)"} onMouseLeave={e=>e.currentTarget.style.background="transparent"}> {m.d} {AV(m.who,"xs")}{m.who} {m.tema} {m.st}
)}
} setSel(null)} header={cur&&{cur.who}{cur.dept} · avaliado por {cur.mgr}} footer={cur&&
setSel(null)}>Fechar{setScores({});setForm(cur);}}>Preencher avaliação}> {cur&&
{cur.estado} {cur.nota!=="—"&&Nota {cur.nota}}
CicloH1 2026 Autoavaliação{cur.auto} Avaliação do gestor{cur.gestor}
Objetivos do ciclo
{objs.map(({t,st,pct})=>
{t}{pct}%
)}
Feedback
} setNovoCiclo(false)} title="Novo ciclo de avaliação" width={560} footer={
Notifica avaliadores e avaliados
setNovoCiclo(false)}>CancelarsetNovoCiclo(false)}>Abrir ciclo
}>
setForm(null)} title={form?"Avaliação de "+form.who:""} width={560} footer={
{Object.keys(scores).length} de 4 respondidas
setForm(null)}>Guardar rascunhosetForm(null)}>Submeter avaliação
}> {form&&
Ciclo H1 2026 · escala de 1 a 5
{["Resultados face aos objetivos","Colaboração e trabalho em equipa","Autonomia e iniciativa","Comunicação"].map(q=>{const v=scores[q]; return
{q}
{v?["Insuficiente","A desenvolver","Cumpre","Supera","Excecional"][v-1]:"Sem resposta"}
{[1,2,3,4,5].map(n=>{const on=v===n; return setScores(sc=>({...sc,[q]:n}))} style={{cursor:"pointer",width:40,height:40,borderRadius:999,border:"1px solid "+(on?"var(--ui-accent)":"var(--ui-border)"),background:on?"var(--ui-accent)":"transparent",color:on?"var(--ui-on-accent)":"var(--ui-text-2)",display:"flex",alignItems:"center",justifyContent:"center",fontWeight:600,fontSize:"var(--ui-fs-sm)",transition:"background var(--ui-dur) var(--ui-ease)"}}>{n};})}
;})}
} {updObj&&setUpdObj(null)} title={"Atualizar objetivo"} width={480} footer={
setUpdObj(null)}>Cancelar {const p=Math.max(0,Math.min(100,parseInt(updPct,10)||0));setObjs(os=>os.map(o=>o.id===updObj.id?{...o,pct:p,st:p>=100?"Concluído":p>0?"Em curso":"Por iniciar"}:o));setUpdObj(null);}}>Guardar progresso
}>
{updObj.t}
setUpdPct(e.target.value.replace(/[^0-9]/g,""))}/>
O estado atualiza-se sozinho: 0% por iniciar, 1-99% em curso, 100% concluído.
} {novo11&&setNovo11(false)} title="Marcar 1:1" width={480} footer={
Cria o convite no calendário de ambos
setNovo11(false)}>Cancelar {setMeets(ms=>[...ms,{id:Date.now(),d:f11.d||"07 ago",who:f11.who,tema:f11.tema||"Conversa 1:1",st:"Agendada",nota:""}]);setF11({who:"Rui Pinto",d:"",tema:""});setNovo11(false);}}>Marcar
}>
setF11({...f11,who:e.target.value})} options={PEOPLE.slice(0,6)}/>
setF11({...f11,d:e.target.value})}/> setF11({...f11,tema:e.target.value})}/>
} setSel11(null)} header={sel11&&{AV(sel11.who,"sm")}1:1 com {sel11.who}{sel11.d} · {sel11.tema}} footer={sel11&& {sel11.st==="Agendada"&&{setMeets(ms=>ms.map(m=>m.id===sel11.id?{...m,st:"Realizada"}:m));setSel11(null);}}>Marcar como realizada}
setSel11(null)}>Fechar}> {sel11&&
{sel11.st}{sel11.tema}
Agenda partilhada
{["Resultados e destaques do período","Bloqueios e apoios necessários","Desenvolvimento e próximos passos"].map(a=>
{a}
)}
Notas
{sel11.nota ?
{sel11.nota}
:{if(e.key==="Enter"&&e.target.value.trim()){const v=e.target.value.trim();setMeets(ms=>ms.map(m=>m.id===sel11.id?{...m,nota:v}:m));setSel11(s=>({...s,nota:v}));}}}/>} {!sel11.nota&&
Enter para guardar. As notas ficam visíveis para os dois.
}
} ; }; /* ============ FORMAÇÃO E CERTIFICAÇÕES ============ */ const TR_COURSES=[ {t:"Higiene e segurança no trabalho",cat:"Obrigatória",dur:"4 h",mod:"Presencial",insc:38,prazo:"30 jul",oblig:true}, {t:"Proteção de dados (RGPD)",cat:"Obrigatória",dur:"2 h",mod:"Online",insc:52,prazo:"15 ago",oblig:true}, {t:"Liderança de equipas",cat:"Desenvolvimento",dur:"12 h",mod:"Híbrida",insc:9,prazo:"Set",oblig:false}, {t:"Excel avançado",cat:"Ferramentas",dur:"8 h",mod:"Online",insc:14,prazo:"Contínua",oblig:false}, {t:"Comunicação com clientes",cat:"Desenvolvimento",dur:"6 h",mod:"Presencial",insc:11,prazo:"Out",oblig:false}, ]; const TR_CERTS=[ {who:"Sofia Melo",cert:"Higiene e segurança",val:"31 jul 2026",dias:6}, {who:"Rui Pinto",cert:"Carta de condução",val:"12 ago 2026",dias:18}, {who:"Carla Dias",cert:"Certificado ADR",val:"02 set 2026",dias:39}, {who:"Zain Franci",cert:"Primeiros socorros",val:"20 set 2026",dias:57}, ]; S.training=()=>{ const [tab,setTab]=React.useState("catalogo"); const [insc,setInsc]=React.useState([]); const [nova,setNova]=React.useState(false); return } onClick={()=>setNova(true)}>Nova formação}/>
conclusão 78% 2 a expirar
{tab==="catalogo"&&
{TR_COURSES.map(c=>{const on=insc.includes(c.t); return
{c.cat} {c.mod}
{c.t}
{c.dur} · {c.insc} inscritos · prazo {c.prazo}
({name}))}/>
setInsc(s=>on?s.filter(x=>x!==c.t):[...s,c.t])}>{on?"Inscrito":"Inscrever-me"}
;})}
} {tab==="certificacoes"&&
Sofia Melo (higiene e segurança) e Rui Pinto (carta de condução).
{AV(v)} {v}}, {key:"cert",label:"Certificação"}, {key:"val",label:"Válida até"}, {key:"dias",label:"Estado",align:"right",render:v=>{v<=30?"expira em "+v+" dias":"válida"}}]} rows={TR_CERTS}/>
} setNova(false)} title="Nova formação" width={560} footer={
Fica visível no catálogo
setNova(false)}>CancelarsetNova(false)}>Criar formação
}>
; };