// Ecrãs base do PeopleX: Início (widgets), Inbox, Pendentes, visão de grupo e administração.
const {S,Head,I,P,PEOPLE,AV,useCtx,GROUP,useWidth}=window.WFA;
const {UIButton,UIInput,UIToggle,UICard,UIPill,UINavItem,UIStat,UITabs,UITable,UIAvatar,UIAvatarGroup,UISelect,UIBanner,UIModal,UIDrawer,UIDataTable,UIEmptyState,UIProgress,UIChart,UIKanban,UIToggleGroup,UICheckbox,UIMenu}=window.XCOPEDesignSystem_bf80f1;
const {TODAY,NOW,SHIFT_IN,SHIFT_TARGET,SHIFT_BREAK,WD_SHORT,WD_LONG,MONTHS_LONG,wdIndex,addDays,weekStart,fmtLong,hm,dur}=window.WFA_TODAY;
// ---------- screens ----------
function PontoW(){const[inN,setIn]=React.useState(true);const R=34,C=2*Math.PI*R;
const trabalhado=Math.max(0,NOW-SHIFT_IN-SHIFT_BREAK);
const falta=Math.max(0,SHIFT_TARGET-trabalhado);
const frac=Math.min(1,trabalhado/SHIFT_TARGET);
return
{inN?"Em serviço":"Fora de serviço"}
{inN?"desde "+hm(SHIFT_IN)+" · "+(falta?"faltam "+dur(falta):"jornada cumprida"):"último registo às 17:30"}
},
ponto:{t:"Registo de ponto",r:()=>},
tarefas:{t:"As minhas tarefas",r:()=>[["Rever candidaturas QA","Hoje","warning"],["Aprovar folha de ponto","Amanhã","info"],["Onboarding — Ana Reis","Sex","neutral"]].map(([t,d,tone])=>
{d}{t}
)},
aprovacoes:{t:"Pedidos e aprovações",r:(go)=>[["Férias — James Kim","24-26 mar"],["Falta — Rui Pinto","ontem"]].map(([t,d])=>
)}},
aniversarios:{t:"Aniversários e datas",r:(go)=>
{[["Carla Dias","Faz anos hoje","var(--ui-success-bg)"],["Tomás Jervell","Faz anos sexta","var(--ui-warning-bg)"],["Ana Reis","2 anos de casa","var(--ui-info-bg)"]].map(([n,d,bg])=>
{n}
{d}
)}
},
fora:{t:"Quem está fora",r:()=>[["Zain Franci","Férias","até 28 jul","warning"],["Sofia Melo","Baixa","hoje","danger"],["Rui Pinto","Teletrabalho","hoje","info"]].map(([n,t,d,tone])=>
},
inqueritos:{t:"Inquéritos abertos",r:(go)=>[["Inquérito de clima 2026","até sexta"],["Feedback onboarding","até 31 jul"]].map(([t,d])=>
{t}
{d}
go&&go("surveys")}>Responder
)},
};
const HW_DEF=[{id:"agenda",s:4,h:2},{id:"ponto",s:4,h:1},{id:"horas",s:3,h:1},{id:"tarefas",s:4,h:1},{id:"aprovacoes",s:3,h:1},{id:"ferias",s:4,h:1},{id:"comunicacoes",s:4,h:1},{id:"aniversarios",s:4,h:1},{id:"fora",s:4,h:1},{id:"novas",s:4,h:1},{id:"inqueritos",s:12,h:1}];
const HW_MAXH=3;
S.home=({go})=>{
const [lay,setLay]=React.useState(()=>{try{const v=JSON.parse(localStorage.getItem("wf_home_layout_v5"));return Array.isArray(v)&&v.length?v.filter(x=>HW[x.id]).map(x=>({...x,s:Math.min(12,Math.max(2,x.s||4)),h:x.h||1})):HW_DEF;}catch(e){return HW_DEF;}});
const [edit,setEdit]=React.useState(false);
React.useEffect(()=>{localStorage.setItem("wf_home_layout_v5",JSON.stringify(lay));},[lay]);
const drag=React.useRef(null);const [over,setOver]=React.useState(null);
const drop=(i)=>{const f=drag.current;if(f==null||f===i){setOver(null);return;}const a=[...lay],[it]=a.splice(f,1);a.splice(i,0,it);setLay(a);drag.current=null;setOver(null);};
const gridRef=React.useRef(null);const [gw,setGw]=React.useState(0);
React.useLayoutEffect(()=>{
const el=gridRef.current;if(!el)return;
const host=el.parentElement||el; // width of the host is NOT changed by the packing
const step=w=>w<620?12:w<1000?6:w<1300?4:3;
const read=()=>{const w=host.getBoundingClientRect().width;if(!w)return;
setGw(p=>step(p)===step(w)?p:w);}; // commit only when the breakpoint changes
read();
const t1=window.setTimeout(read,120);
window.addEventListener("resize",read);
let ro=null;
if(window.ResizeObserver){ro=new ResizeObserver(read);ro.observe(host);}
return ()=>{window.clearTimeout(t1);window.removeEventListener("resize",read);if(ro)ro.disconnect();};
},[]);
// gw 0 = not measured yet; fall back to the widest floor so nothing flashes narrow
const hidden=Object.keys(HW).filter(k=>!lay.some(x=>x.id===k));
// drag a card's corner: snap to the 12-col grid and to whole rows
const [rs,setRs]=React.useState(null);
const startResize=(e,i,dir)=>{e.preventDefault();e.stopPropagation();
const el=gridRef.current;const cs=getComputedStyle(el);const gap=parseFloat(cs.columnGap)||12;
const colW=(el.clientWidth-gap*11)/12;const rowH=(parseFloat(cs.gridAutoRows)||168)+gap;
const sx=dir.includes("e")?1:dir.includes("w")?-1:0;
const sy=dir.includes("s")?1:dir.includes("n")?-1:0;
setRs({i,dir,sx,sy,x0:e.clientX,y0:e.clientY,s0:lay[i].s,h0:lay[i].h||1,colW,rowH});};
React.useEffect(()=>{if(!rs)return;
const move=e=>{const ds=rs.sx?Math.round((e.clientX-rs.x0)/rs.colW)*rs.sx:0;
const dh=rs.sy?Math.round((e.clientY-rs.y0)/rs.rowH)*rs.sy:0;
setLay(l=>l.map((w,x)=>x===rs.i?{...w,s:Math.min(12,Math.max(2,rs.s0+ds)),h:Math.min(HW_MAXH,Math.max(1,rs.h0+dh))}:w));};
const up=()=>setRs(null);
window.addEventListener("pointermove",move);window.addEventListener("pointerup",up);
return ()=>{window.removeEventListener("pointermove",move);window.removeEventListener("pointerup",up);};},[rs]);
// no gaps, ever: every row is packed to 12 columns
const packFor=React.useCallback(w=>{
const floor=!w?4:w<620?12:w<1000?6:w<1300?4:3;
const out=lay.map(x=>Math.max(floor,Math.min(12,x.s||4)));
// Place onto a real 12-col x N-row occupancy map so a tall widget never leaves
// the rest of its rows empty, then grow whatever ends each row that is short.
const used=[];const at=r=>{while(used.length<=r)used.push(0);return used[r];};
const owner=[]; // per row: index of the last card placed on it
const spanOf=[];const rowOf=[];const hOf=[];
for(let i=0;i=Math.min(floor,12))break;
}
const span=Math.max(1,Math.min(out[i],free));
out[i]=span;spanOf[i]=span;rowOf[i]=r;hOf[i]=h;
for(let k=0;k0&&i!=null&&hOf[i]===1){out[i]=Math.min(12,out[i]+gap);used[r]+=gap;}
}
return out;},[lay]);
const spans=packFor(gw);
return
setEdit(!edit)} icon={}>{edit?"Concluir":"Personalizar"}}/>
{edit&&
Arrasta o canto de um widget para o esticar, e o próprio widget para o mover. As larguras encaixam sempre na grelha, sem deixar espaços.
;};
const useSteps=(ref,a,b)=>{const [w,setW]=React.useState(9999);React.useEffect(()=>{const el=ref.current;if(!el||!window.ResizeObserver)return;const ro=new ResizeObserver(es=>setW(es[0].contentRect.width));ro.observe(el);return ()=>ro.disconnect();},[]);return {narrow:w{
const seed=[
{subj:"Contrato para assinatura",unread:true,msgs:[{from:"Ana Reis",time:"09:24",att:["Contrato_2026.pdf"],body:["Olá Hugo,","Segue em anexo o contrato atualizado com as alterações que discutimos na reunião de segunda. Pedia-te que revisses a cláusula 4.2 (horário flexível) e assinasses digitalmente até sexta-feira.","Qualquer dúvida, diz."]}]},
{subj:"Reunião comercial Q3",unread:true,msgs:[
{from:"Tomás Jervell",time:"Ter 14:02",att:["Pipeline_Q3.xlsx"],body:["Boa tarde,","Podemos alinhar os números antes da reunião de quinta? Envio o pipeline atualizado em anexo."]},
{from:"Marta Lopes",time:"Ter 15:40",att:[],body:["Por mim quinta às 10h funciona.","Aproveito para juntar os custos de deslocação do trimestre à discussão."]},
{from:"Tomás Jervell",time:"09:12",att:[],body:["Fica então quinta às 10h, sala 2.","Hugo, consegues trazer os números do piloto?"]}]},
{subj:"Pedido de troca de turno — 28 jul",unread:false,msgs:[
{from:"Bruno Costa",time:"Ontem 09:10",att:[],body:["Olá!","Consegues trocar comigo o turno de dia 28 (manhã)? Tenho uma consulta marcada e só soube hoje."]},
{from:"Hugo Montenegro",time:"Ontem 11:32",att:[],body:["Por mim tudo bem, Bruno. Fico com o teu de dia 30.","Vou aceitar o pedido nos Horários."]},
{from:"Bruno Costa",time:"Ontem 11:50",att:[],body:["Obrigado! Fica combinado."]}]},
{subj:"Folha de ponto aprovada",unread:true,msgs:[{from:"Sistema RH",time:"09:02",att:[],body:["A tua folha de ponto de junho foi aprovada por Tomás Machado.","Total registado: 168h · Horas extra: 4h · Ausências: 1 dia (consulta médica)."]}]},
{subj:"Recibo de vencimento disponível",unread:false,msgs:[{from:"Sistema RH",time:"Seg",att:["Recibo_junho.pdf"],body:["O recibo de vencimento de junho já está disponível.","Podes consultá-lo em Perfil → Documentos. Este email é automático."]}]},
{subj:"Formação obrigatória de julho",unread:false,msgs:[{from:"Formação",time:"Seg",att:[],body:["A sessão de higiene e segurança está marcada para dia 30 de julho às 9h00 no auditório.","Confirma a tua peículo até às 8h45. Estimativa: meio dia."]}]},
{subj:"Aprovação de despesa pendente",unread:false,msgs:[{from:"Marta Lopes",time:"Sex",att:["Recibo_taxi.jpg"],body:["Olá,","Submeti a despesa da deslocação ao cliente (táxi, 84,50 €) e está à espera da tua aprovação desde quarta. Recibo em anexo."]}]},
{subj:"Notas da retro de julho",unread:false,msgs:[{from:"Equipa Produto",time:"Sex",att:[],body:["Resumo das decisões da retrospetiva:","1. O onboarding novo entra no sprint 14. 2. As demos passam para quinta. 3. A Ana assume o contacto com o piloto."]}]},
{subj:"Ganhou um voucher de 500 €!!!",unread:false,spam:true,msgs:[{from:"Promoções Incríveis",time:"Seg",att:[],body:["Parabéns! Foi selecionado para receber um voucher de 500 €.","Clique já no link para reclamar o seu prémio. Oferta válida por 24 horas!"]}]}];
const last=m=>m.msgs[m.msgs.length-1];
const parts=m=>[...new Set(m.msgs.map(x=>x.from))];
const partLabel=m=>{const u=parts(m);return (u.length===1?u[0]:u.map(n=>n==="Hugo Montenegro"?"Tu":n.split(" ")[0]).join(", "))+(m.msgs.length>1?" ("+m.msgs.length+")":"");};
const [mails,setMails]=React.useState(seed.map(m=>({...m,folder:m.spam?"spam":"inbox"})));const [folder,setFolder]=React.useState("inbox");const [sel,setSel]=React.useState(0);const [q,setQ]=React.useState("");const [xp,setXp]=React.useState({});
const [lists,setLists]=React.useState(["Faturas","Clientes"]);const [adding,setAdding]=React.useState(false);const [newList,setNewList]=React.useState("");const [movePop,setMovePop]=React.useState(false);
const [compose,setCompose]=React.useState(false);const [cTo,setCTo]=React.useState("");const [cSubj,setCSubj]=React.useState("");const [cBody,setCBody]=React.useState("");
const [cToList,setCToList]=React.useState([]);const [showCc,setShowCc]=React.useState(false);const [showBcc,setShowBcc]=React.useState(false);const [cCc,setCCc]=React.useState("");const [cBcc,setCBcc]=React.useState("");const [cAtt,setCAtt]=React.useState([]);
const directory=[["Ana Reis","ana.reis@xcope.ai"],["Bruno Costa","bruno.costa@xcope.ai"],["Marta Lopes","marta.lopes@xcope.ai"],["Tomás Jervell","tomas.jervell@xcope.ai"],["Tomás Machado","tomas.machado@xcope.ai"],["Equipa Produto","produto@xcope.ai"],["RH","rh@xcope.ai"]];
const sugg=cTo.trim()?directory.filter(d=>!cToList.includes(d[1])&&(d[0]+d[1]).toLowerCase().includes(cTo.toLowerCase())).slice(0,4):[];
const addTo=v=>{if(v&&!cToList.includes(v))setCToList(l=>[...l,v]);setCTo("");};
const resetCompose=()=>{setCTo("");setCToList([]);setCSubj("");setCBody("");setCCc("");setCBcc("");setShowCc(false);setShowBcc(false);setCAtt([]);};
const closeCompose=()=>{if(cToList.length||cTo.trim()||cSubj.trim()||cBody.trim()){setMails(ms=>[{subj:cSubj||"(sem assunto)",unread:false,folder:"drafts",msgs:[{from:"Hugo Montenegro",time:"Agora",att:cAtt,body:cBody?cBody.split("\n").filter(Boolean):["(rascunho vazio)"],to:cToList.join(", ")||cTo}]}, ...ms]);}resetCompose();setCompose(false);};
const [replyMode,setReplyMode]=React.useState(null);const [replyText,setReplyText]=React.useState("");
const folders=[["inbox","Caixa de entrada","mail"],["sent","Enviados","send"],["drafts","Rascunhos","doc"],["archive","Arquivados","folder"],["spam","Spam","shield"],["trash","Lixo","trash"]];
const addList=()=>{const n=newList.trim();if(n&&!lists.includes(n))setLists(ls=>[...ls,n]);setNewList("");setAdding(false);};
const list=mails.map((m,i)=>({...m,i})).filter(m=>m.folder===folder&&(q===""||(m.subj+" "+m.msgs.map(x=>x.from+" "+x.body.join(" ")).join(" ")).toLowerCase().includes(q.toLowerCase())));
const cur=mails[sel]&&mails[sel].folder===folder?{...mails[sel],i:sel}:list[0];const unread=mails.filter(m=>m.unread&&m.folder==="inbox").length;
const paneRef=React.useRef(null);const {narrow,mid}=useSteps(paneRef,820,1180);const [reading,setReading]=React.useState(false);
const open=i=>{setSel(i);setXp({});setReplyMode(null);setReading(true);setMails(ms=>ms.map((m,j)=>j===i?{...m,unread:false}:m));};
const archive=i=>{setMovePop(false);setMails(ms=>ms.map((m,j)=>j===i?{...m,folder:m.folder==="archive"?"inbox":"archive",unread:false}:m));};
const moveTo=(i,dest)=>{setMovePop(false);setMails(ms=>ms.map((m,j)=>j===i?{...m,folder:dest,unread:false}:m));};
const sendMail=(to,subj,text,att)=>{setMails(ms=>[{subj,unread:false,folder:"sent",msgs:[{from:"Hugo Montenegro",time:"Agora",att:att||[],body:text.split("\n").filter(Boolean),to}]}, ...ms]);setSel(0);};
const appendReply=(i,text)=>{setMails(ms=>ms.map((m,j)=>j===i?{...m,msgs:[...m.msgs,{from:"Hugo Montenegro",time:"Agora",att:[],body:text.split("\n").filter(Boolean)}]}:m));};
const taStyle={width:"100%",minHeight:110,resize:"vertical",padding:"12px 14px",border:"1px solid var(--ui-border)",borderRadius:"var(--ui-r-sm)",background:"var(--ui-surface)",color:"var(--ui-text)",fontFamily:"var(--font-sans)",fontSize:"var(--ui-fs-body)",lineHeight:1.5,outline:"none",boxSizing:"border-box"};
return 0?unread+" por ler":"Sem mensagens por ler"} actions={} onClick={()=>setCompose(true)}>Nova mensagem}/>
{msg.att.map(a=>{a})}
{cur.subj==="Contrato para assinatura"&&folder!=="spam"&&} onClick={()=>go&&go("profile-documents")}>Rever e assinar}
}
}
;})}
{replyMode===null?
{setReplyMode("reply");setReplyText("");}}>Responder
{parts(cur).filter(n=>n!=="Hugo Montenegro").length>1&&{setReplyMode("all");setReplyText("");}}>Responder a todos}
{setReplyMode("fwd");setReplyText("");}}>Reencaminhar
:
{replyMode==="reply"?"Responder a "+[...parts(cur)].reverse().find(n=>n!=="Hugo Montenegro"):replyMode==="all"?"Responder a todos ("+parts(cur).filter(n=>n!=="Hugo Montenegro").join(", ")+")":"Reencaminhar \u00ab"+cur.subj+"\u00bb"}
;};
// S.chat is defined in chat.jsx (Slack-parity messaging module)
// PENDING ITEM CONTRACT — any module emits this shape; the shell renders it without knowing the module.
// {id, module, moduleIcon, company, kind:"action"|"mention"|"info", title, detail, when, due?, actions:[{label,variant}], avatar?}
const PEND=[
{id:1,module:"Pessoas",mi:"people",co:"norte",kind:"action",title:"Rui Pinto pediu 3 dias de férias",detail:"12-14 ago · saldo 18 dias",when:"há 10 min",due:"Responder até 28 jul",avatar:"Rui Pinto",actions:[{label:"Aprovar",variant:"primary"},{label:"Rejeitar",variant:"secondary"}]},
{id:2,module:"Documentos",mi:"folder",co:"norte",kind:"action",title:"Contrato de Ana Reis para assinatura",detail:"Aditamento · 2 páginas",when:"há 3 h",due:"Hoje",avatar:"Ana Reis",actions:[{label:"Assinar",variant:"primary"},{label:"Ver",variant:"ghost"}]},
{id:3,module:"Documentos",mi:"folder",co:"sul",kind:"action",title:"Certificado de formação de Sofia Melo caduca em 6 dias",detail:"Higiene e segurança no trabalho",when:"há 5 h",due:"31 jul",actions:[{label:"Agendar",variant:"primary"},{label:"Adiar",variant:"ghost"}]},
{id:4,module:"Tickets",mi:"ticket",co:"norte",kind:"action",title:"Ticket #402 atribuído a ti",detail:"Acesso ao portal de despesas",when:"ontem",actions:[{label:"Abrir",variant:"primary"}]},
{id:5,module:"Avaliações",mi:"survey",co:"tech",kind:"action",title:"Avaliação de desempenho de Zain Franci",detail:"Ciclo H1 2026 · em falta",when:"ontem",due:"1 ago",avatar:"Zain Franci",actions:[{label:"Preencher",variant:"primary"}]},
{id:6,module:"Chat",mi:"chat",co:"norte",kind:"mention",title:"Carla Dias mencionou-te em #pessoas",detail:"@Hugo podes validar o plano de férias de agosto?",when:"há 1 h",avatar:"Carla Dias",actions:[{label:"Responder",variant:"secondary"}]},
{id:7,module:"Recrutamento",mi:"career",co:"norte",kind:"mention",title:"Mira Mango mencionou-te numa candidatura",detail:"QA Tester · 2.ª fase",when:"há 4 h",avatar:"Mira Mango",actions:[{label:"Ver",variant:"secondary"}]},
{id:8,module:"Pessoas",mi:"people",co:"norte",kind:"info",title:"Pedido de férias aprovado",detail:"James Kim · 24-26 mar",when:"há 2 h"},
{id:9,module:"Ponto",mi:"clock",co:"norte",kind:"info",title:"Registaste saída às 18:04",detail:"8h 12m · ontem",when:"ontem"},
{id:10,module:"Comunicações",mi:"bell",co:"tech",kind:"info",title:"Nova política de teletrabalho",detail:"Em vigor a 1 de agosto",when:"2 dias"},
];
S.notifications=()=>{const {scope,companies,done,setDone}=useCtx();
const [tab,setTab]=React.useState("action");const [mod,setMod]=React.useState("all");
const co=id=>companies.find(c=>c.id===id)||{};
const inScope=PEND.filter(p=>scope.includes(p.co)&&!done.includes(p.id));
const counts={action:inScope.filter(p=>p.kind==="action").length,mention:inScope.filter(p=>p.kind==="mention").length,info:inScope.length};
const ALLMODS=[...new Set(PEND.map(p=>p.module))];
const mods=ALLMODS;
const avail=new Set(inScope.filter(p=>tab==="info"||p.kind===tab).map(p=>p.module));
const list=inScope.filter(p=>(tab==="info"||p.kind===tab)&&(mod==="all"||p.module===mod));
const resolve=id=>setDone(d=>[...d,id]);
return 0?counts.action+" itens precisam de ti":"Nada à tua espera"} actions={setDone(PEND.map(p=>p.id))}>Marcar tudo como tratado}/>
{setTab(v);setMod("all");}} items={[{value:"action",label:"Precisa de ti"+(counts.action?" · "+counts.action:"")},{value:"mention",label:"Menções"+(counts.mention?" · "+counts.mention:"")},{value:"info",label:"Tudo"}]}/>
{mods.length>1&&
{cur.di===cur.df?cur.di:cur.di+" a "+cur.df} · {cur.dias} {cur.dias===1?"dia":"dias"}
Submetido{cur.quando}Aprovador{cur.por||"Tomás Machado (a aguardar)"}Saldo depois{cur.t==="Férias"?(disponiveis-(cur.s==="Pendente"?cur.dias:0))+" dias":"não conta para férias"}
{cur.s==="Pendente"&&Está na fila de Tomás Machado. Recebes a resposta na Inbox e o pedido aparece no calendário quando for aprovado.}
{cur.s==="Aprovado"&&Já consta no calendário da equipa e nos Horários como exceção.}
}
setNovo(false)} title="Novo pedido de ausência" width={520}
footer={
Vai para aprovação de Tomás MachadosetNovo(false)}>CancelarSubmeter pedido
;
};
// S["clock-in"] is defined in clock.jsx (punch clock: today, history, locations, QR)
// S.calendar is defined in calendar.jsx
S.schedules=()=>{const shifts=[["Turno manhã","08:00-16:00","Engenharia","Ao vivo","danger"],["Turno tarde","16:00-00:00","Engenharia","8 pessoas","neutral"],["Turno noite","00:00-08:00","Operações","2 pessoas","neutral"]];
return }>Turno}/>
{shifts.map(([n,h,d,tag,tone])=>
{n}
{h} · {d}
({name}))}/>{tag}
)}
;};
// S["my-tickets"] and S["admin-tickets"] are defined in tickets.jsx
// S.surveys is defined in surveys.jsx
S["admin-employees"]=({go})=>{const {scope,companies}=useCtx();const cs=companies.filter(c=>scope.includes(c.id));const multi=cs.length>1;
const rows=PEOPLE.slice(0,6).map((n,i)=>({name:n,co:cs[i%cs.length],role:["QA","UX","HR","BizDev","Data","Eng"][i]+" ",dept:["Eng","Produto","Pessoas","Comercial","Dados","Eng"][i],state:i%3===2?"Ausente":"Ativo",since:2020+i}));
const [sel,setSel]=React.useState(null);
return n+c.people,0)+" pessoas · "+cs.length+(cs.length>1?" empresas":" empresa")} actions={}>Adicionar}/>
{[["Função",sel.role],["Departamento",sel.dept],["Na empresa desde",sel.since],["Email",sel.name.toLowerCase().split(" ").join(".")+"@xcope.ai"]].map(([l,v])=>
{l}
{v}
)}
Contrato sem termo · horário flexível · {sel.state==="Ausente"?"ausente hoje":"presente hoje"}
{[["Pessoas",acc.reduce((n,c)=>n+c.people,0),"+12 este mês","up"],["Empresas",acc.length,"1 sem acesso",""],["Ausências hoje","14","5% da força",""],["Custo mensal","1,24 M€","+3,1% vs. junho","up"]].map(([l,v,d])=>)}
Empresas do grupo
{r.short}{v}},
{key:"city",label:"Sede"},{key:"people",label:"Pessoas",align:"right"},
{key:"role",label:"O teu papel",render:(v,r)=>{v}}]} rows={companies} onRowClick={r=>setSel(r)}/>
;};
S["admin-roles"]=()=>{const rows=[{r:"Administrador",u:3,p:"Acesso total"},{r:"CEO",u:5,p:"Pessoas, ausências, docs"},{r:"Diretor intermédio",u:12,p:"Equipa própria"},{r:"Trabalhador",u:227,p:"Self-service"}];
const PERMS={"Administrador":["Acesso total a todas as áreas","Gestão de utilizadores e funções","Configuração do tenant e faturação","Auditoria e registos de atividade"],"CEO":["Pessoas: ler e editar em todo o grupo","Ausências: aprovar sem limite","Documentos: ler, editar e partilhar","Relatórios e custo com pessoal"],"Diretor intermédio":["Equipa própria: ler e editar","Ausências da equipa: aprovar","Relatórios de tempo da equipa"],"Trabalhador":["Self-service: perfil, ausências e despesas","Diretório: consultar","Tickets: abrir e acompanhar"]};
const [sel,setSel]=React.useState(null);
return }>Nova função}/>
Cada tenant define a sua hierarquia. As páginas são as mesmas; as funções decidem o que cada pessoa vê e pode fazer.