Parte do épico Central de perfil do profissional (frente: frontend). Os mocks do Notion são base direcional, não fonte de verdade — o design final ainda vem.
Objetivo: Casca da central de perfil (área logada estilo "configurações").
Arquivos: Create src/app/(profile)/perfil/, src/features/profile/; Modify src/components/Header/ProfileMenu/index.tsx, middleware.ts (se for o caminho) · Test cypress/e2e/profile-shell.cy.js
Dependências: —
O que fazer:
- Layout com sidebar de grupos (PERFIL / AGENDA / FINANCEIRO / CONFIGURAÇÕES / CONTA) + painel por seção. Proteger a rota server-side (getServerSession/middleware NextAuth — não há
middleware.ts hoje; estabelecer o padrão). Usar o NextAuth como fonte de sessão. Definir a rota (ex.: /perfil) e o redirect pós-login.
- Sidebar responsiva — no mobile, drawer/hamburger (default; design pode trocar). Seções de features inexistentes (Agenda, Dados Bancários, Configurações) desabilitadas/"em breve". Indicador de progresso. Ligar o
ProfileMenu às rotas reais (hoje em #).
Contexto: o web tem hoje dois mecanismos de sessão (NextAuth e um Zustand lendo o cookie authToken); usar o NextAuth como autoritativo.
Test scenarios: logado acessa; não-autenticado barrado server-side; sidebar no desktop e via drawer no mobile; seções "em breve"; ProfileMenu navega para rotas reais.
Pronto quando: existe a casca protegida e responsiva, com seções futuras sinalizadas, sessão NextAuth e ProfileMenu funcional.
Parte do épico Central de perfil do profissional (frente: frontend). Os mocks do Notion são base direcional, não fonte de verdade — o design final ainda vem.
Objetivo: Casca da central de perfil (área logada estilo "configurações").
Arquivos: Create
src/app/(profile)/perfil/,src/features/profile/; Modifysrc/components/Header/ProfileMenu/index.tsx,middleware.ts(se for o caminho) · Testcypress/e2e/profile-shell.cy.jsDependências: —
O que fazer:
middleware.tshoje; estabelecer o padrão). Usar o NextAuth como fonte de sessão. Definir a rota (ex.:/perfil) e o redirect pós-login.ProfileMenuàs rotas reais (hoje em#).Contexto: o
webtem hoje dois mecanismos de sessão (NextAuth e um Zustand lendo o cookieauthToken); usar o NextAuth como autoritativo.Test scenarios: logado acessa; não-autenticado barrado server-side; sidebar no desktop e via drawer no mobile; seções "em breve"; ProfileMenu navega para rotas reais.
Pronto quando: existe a casca protegida e responsiva, com seções futuras sinalizadas, sessão NextAuth e ProfileMenu funcional.