Sistema de convites - v0 by Vercel

Por favor, crie as telas para o sistema de convites e gestão de auxiliares do SIGEST, considerando os seguintes requisitos:

Tela de Criação de Convite:

Campo para CPF e e-mail do convidado
Seleção das escolas que o diretor gerencia para vincular o auxiliar
Geração de link de convite

Tela de Gestão de Auxiliares:

Lista dos auxiliares convidados
Status dos convites (pendente, ativo, expirado)
Opção para revogar acesso
Opção para gerenciar permissões
Histórico de convites enviados

Funcionalidades importantes a considerar:

Convite deve ser de uso único
Implementar prazo de expiração para os convites (sugestão: 1-3 dias)
Após expiração, o link do convite deve ser invalidado

Validações necessárias:

Verificar se o usuário já existe no sistema com outro perfil
Alertar o diretor caso o convidado já tenha outro tipo de acesso
Verificar contratos ativos para inativação automática

Show full message

75d ago

Vou criar um sistema completo de convites e gestão de auxiliares para o SIGEST com todas as funcionalidades solicitadas.

Criei um sistema completo de gestão de auxiliares para o SIGEST com todas as funcionalidades solicitadas:

Funcionalidades Implementadas

1. Tela de Criação de Convite

✅ Campos para CPF e e-mail com validação
✅ Formatação automática do CPF
✅ Seleção múltipla de escolas
✅ Validação de usuário existente no sistema
✅ Geração e cópia do link de convite
✅ Processo em etapas (formulário → confirmação → sucesso)

2. Tela de Gestão de Auxiliares

✅ Lista completa com status visual (badges coloridos)
✅ Busca por nome, e-mail ou CPF
✅ Status: Pendente, Ativo, Expirado, Revogado
✅ Opções contextuais por status:
- Pendente: Reenviar convite
- Expirado: Gerar novo convite
- Ativo: Gerenciar permissões e revogar acesso
✅ Modal de confirmação para revogação
✅ Gerenciamento de escolas vinculadas

3. Histórico de Convites

✅ Estatísticas resumidas (total, aceitos, pendentes, etc.)
✅ Filtros por status e período
✅ Busca avançada
✅ Exportação de dados
✅ Visualização completa do histórico

4. Validações e Segurança

✅ Verificação de usuário existente
✅ Alertas para conflitos de perfil
✅ Controle de expiração (3 dias padrão)
✅ Links de uso único
✅ Confirmações para ações críticas

5. Interface e UX

✅ Design responsivo e moderno
✅ Navegação por abas
✅ Modais para ações importantes
✅ Feedback visual claro
✅ Estados de loading e confirmação

Configurações Disponíveis

Prazo de expiração dos convites (1-7 dias)
Notificações por e-mail
Gestão de permissões por escola

75d ago

The code returns the following error:

Use the `defaultValue` or `value` props on <select> instead of setting `selected` on <option>.

Revise the code to address the error.

I was previewing: /

71d ago

I'll fix the error by updating the select element to use the proper React pattern with defaultValue instead of the selected attribute on the option.

The error has been fixed! The issue was using the selected attribute on an <option> element, which is not the React way. In React, we should use defaultValue (for uncontrolled components) or value (for controlled components) on the <select> element itself.

The select now properly defaults to "3 dias" without causing the React warning.

71d ago

app

page.tsx

Por favor, crie as telas para o sistema de convites e gestão de auxiliares do SIGEST, considerando os seguintes requisitos:

Tela de Criação de Convite:

Campo para CPF e e-mail do convidado
Seleção das escolas que o diretor gerencia para vincular o auxiliar
Geração de link de convite

Tela de Gestão de Auxiliares:

Lista dos auxiliares convidados
Status dos convites (pendente, ativo, expirado)
Opção para revogar acesso
Opção para gerenciar permissões
Histórico de convites enviados

Funcionalidades importantes a considerar:

Convite deve ser de uso único
Implementar prazo de expiração para os convites (sugestão: 1-3 dias)
Após expiração, o link do convite deve ser invalidado

Validações necessárias:

Verificar se o usuário já existe no sistema com outro perfil
Alertar o diretor caso o convidado já tenha outro tipo de acesso
Verificar contratos ativos para inativação automática

Show full message

75d ago

Vou criar um sistema completo de convites e gestão de auxiliares para o SIGEST com todas as funcionalidades solicitadas.

Criei um sistema completo de gestão de auxiliares para o SIGEST com todas as funcionalidades solicitadas:

Funcionalidades Implementadas

1. Tela de Criação de Convite

✅ Campos para CPF e e-mail com validação
✅ Formatação automática do CPF
✅ Seleção múltipla de escolas
✅ Validação de usuário existente no sistema
✅ Geração e cópia do link de convite
✅ Processo em etapas (formulário → confirmação → sucesso)

2. Tela de Gestão de Auxiliares

✅ Lista completa com status visual (badges coloridos)
✅ Busca por nome, e-mail ou CPF
✅ Status: Pendente, Ativo, Expirado, Revogado
✅ Opções contextuais por status:
- Pendente: Reenviar convite
- Expirado: Gerar novo convite
- Ativo: Gerenciar permissões e revogar acesso
✅ Modal de confirmação para revogação
✅ Gerenciamento de escolas vinculadas

3. Histórico de Convites

✅ Estatísticas resumidas (total, aceitos, pendentes, etc.)
✅ Filtros por status e período
✅ Busca avançada
✅ Exportação de dados
✅ Visualização completa do histórico

4. Validações e Segurança

✅ Verificação de usuário existente
✅ Alertas para conflitos de perfil
✅ Controle de expiração (3 dias padrão)
✅ Links de uso único
✅ Confirmações para ações críticas

5. Interface e UX

✅ Design responsivo e moderno
✅ Navegação por abas
✅ Modais para ações importantes
✅ Feedback visual claro
✅ Estados de loading e confirmação

Configurações Disponíveis

Prazo de expiração dos convites (1-7 dias)
Notificações por e-mail
Gestão de permissões por escola

The code returns the following error:

Use the `defaultValue` or `value` props on <select> instead of setting `selected` on <option>.

Revise the code to address the error.

I was previewing: /

71d ago

I'll fix the error by updating the select element to use the proper React pattern with defaultValue instead of the selected attribute on the option.

The select now properly defaults to "3 dias" without causing the React warning.

71d ago

criar-convite-modal.tsx

historico-convites.tsx

lista-auxiliares.tsx

criar-convite-modal.tsx

historico-convites.tsx

lista-auxiliares.tsx