- Adiciona contador visual de colaboradores - Cards destacados com gradiente verde para gestores - Separação clara entre 'Sua Equipe' e 'Seus Gestores' - Mostra email dos colaboradores nos cards - Mensagem visual quando não há workspaces - Botão 'Adicionar Novo Colaborador' contextual - Documentação completa do sistema de gestão de equipe
5.6 KiB
5.6 KiB
🎓 Sistema de Gestão de Equipe - PDI Maker
📋 Como Funciona
O PDI Maker permite que gestores gerenciem múltiplos colaboradores simultaneamente através de workspaces individuais.
✅ Funcionalidade Implementada
Quando um gestor faz login:
- Se tiver apenas 1 workspace → Redireciona direto para ele
- Se tiver múltiplos workspaces → Mostra tela de seleção
- Pode escolher qual colaborador gerenciar a qualquer momento
🎯 Experiência do Gestor
1. Login
scorrea69@gmail.com / Admin@2024
2. Tela de Seleção de Equipe
Após o login, o gestor vê:
🎓 Minha Equipe
Gerencie X colaboradores da sua equipe
┌─────────────────────────────┐
│ 👤 João Silva │
│ joao@empresa.com │
│ 🎓 Você é o Gestor → │
└─────────────────────────────┘
┌─────────────────────────────┐
│ 👤 Maria Santos │
│ maria@empresa.com │
│ 🎓 Você é o Gestor → │
└─────────────────────────────┘
┌─────────────────────────────┐
│ 👤 Pedro Costa │
│ pedro@empresa.com │
│ 🎓 Você é o Gestor → │
└─────────────────────────────┘
[+ Adicionar Novo Colaborador]
3. Melhorias Visuais Implementadas
✅ Cards em Destaque para Gestores
- Background verde gradiente
- Tamanho maior e mais informações
- Visual premium para destacar papel de gestor
✅ Contador de Equipe
- Mostra quantos colaboradores o gestor gerencia
- Badge visual com totais
✅ Separação Clara
- Seção "Sua Equipe" separada
- Seção "Seus Gestores" (se também for colaborador)
✅ Informações Completas
- Nome do colaborador
- Email do colaborador
- Avatar com inicial
- Badge de papel (Gestor)
🔄 Fluxo Completo
Para Gestores:
- Login → https://pdimaker.com.br/login
- Escolher Colaborador → /workspaces
- Acessar Workspace → /workspace/[slug]
- Gerenciar PDI, Journal, 1:1, etc.
- Voltar → Escolher outro colaborador
Atalho Rápido:
Se o gestor clicar no logo ou acessar /dashboard, volta para a tela de seleção de equipe.
📊 Estrutura do Banco de Dados
Workspace
{
id: string
slug: string
employeeId: string // Colaborador
employee: User
managerId: string // Gestor
manager: User
status: WorkspaceStatus // ACTIVE, PENDING_INVITE, ARCHIVED
}
Relações:
- Um gestor pode ter múltiplos workspaces (um para cada colaborador)
- Um colaborador pode ter múltiplos gestores (workspaces diferentes)
- Cada workspace é isolado e privado
🔧 Criar Novos Workspaces
Como Gestor Adiciona Colaboradores:
- Acesse: https://pdimaker.com.br/workspace/create
- Preencha dados do colaborador
- Sistema cria workspace automático
- Colaborador recebe convite
Via Admin (Recomendado):
# Fazer login como admin
https://pdimaker.com.br/admin
# Criar usuários
# Criar workspaces
# Associar gestor ↔ colaborador
🎨 Melhorias Visuais Implementadas
1. Header Dinâmico
Antes: "Meus Workspaces"
Agora: "🎓 Minha Equipe" (para gestores)
2. Contador Visual
🎓 3 Colaboradores 👤 1 Gestor
3. Cards Premium para Gestores
- Background: Gradiente verde
- Shadow: Verde brilhante
- Tamanho: Maior
- Informações: Nome + Email
4. Mensagem Vazia
- Quando não há workspaces
- Call-to-action claro
- Ícone ilustrativo
🚀 Casos de Uso
Caso 1: Gestor com 5 Colaboradores
Login → Ver lista de 5 colaboradores → Escolher um → Gerenciar PDI
Caso 2: Gestor que também é Colaborador
Login → Ver:
🎓 Sua Equipe (3 colaboradores)
👤 Seus Gestores (1 gestor)
→ Escolher papel → Acessar workspace
Caso 3: Colaborador Simples
Login → Redireciona direto para workspace do gestor
📱 Acesso Rápido
URLs Principais:
- Dashboard: /dashboard → Redireciona inteligente
- Seleção de Equipe: /workspaces
- Criar Workspace: /workspace/create
- Workspace Específico: /workspace/[slug]
Exemplo Real:
Gestor: scorrea69@gmail.com
Colaborador: joao@empresa.com
Workspace criado:
- Slug: scorrea69-joao
- URL: /workspace/scorrea69-joao
- Gestor vê tudo do João
- João vê tudo dele mesmo + feedback do gestor
✅ Checklist de Funcionalidades
- ✅ Múltiplos workspaces por gestor
- ✅ Tela de seleção visual
- ✅ Contador de equipe
- ✅ Cards destacados para gestores
- ✅ Separação clara de papéis
- ✅ Informações completas dos colaboradores
- ✅ Botão para adicionar mais colaboradores
- ✅ Mensagem quando vazio
- ✅ Redirecionamento inteligente
🎯 Próximos Passos (Opcional)
Melhorias Futuras:
- Busca/Filtro de colaboradores (se tiver muitos)
- Ordenação (nome, último acesso, etc.)
- Cards com métricas (% PDI completo, last login, etc.)
- Grupos/Times (agrupar colaboradores)
- Exportação de relatórios da equipe
📞 Teste Agora
- Acesse: https://pdimaker.com.br
- Login:
scorrea69@gmail.com/Admin@2024 - Crie workspaces no Admin
- Veja a nova interface!
Status: ✅ FUNCIONANDO PERFEITAMENTE!
Data: 21 de Novembro de 2025