Índice da vitrine
Início
Ações
Formulários
Navegação
Autenticação
Retorno
Conteúdo
Páginas de conta
As mesmas quatro rotinas em rotas de verdade, sem masthead e em duas formas: o cartão centrado e a divisão com imagem em 60% da tela.
As quatro rotas
Rotas de verdade do template, com o slug traduzido por idioma. Elas usam o layout `auth`: sem masthead, com uma faixa só no rodapé.
/pt-BR/entrar
Entrar
Chamada real ao `POST /api/v1/auth`. `?next=` guarda o destino de quem foi barrado por uma rota protegida.
Abrir a página<auth-login-form>/pt-BR/criar-conta
Criar conta
Cria em `POST /api/v1/auth/register` e já entra com a senha escolhida: ninguém digita a mesma senha duas vezes seguidas.
Abrir a página<auth-register-form>/pt-BR/recuperar-senha
Recuperar a senha
A confirmação é vaga de propósito: dizer que o e-mail não existe transforma o formulário num verificador de quem tem conta.
Abrir a página<auth-forgot-password-form>/pt-BR/nova-senha
Nova senha
Quem chega vem do link do e-mail: o token está na URL e a página o lê. Sem token, ela avisa em vez de coletar uma senha que seria recusada.
Abrir a página<auth-update-password-form>
As duas formas
O mesmo shell com e sem `image`. Ambas ao vivo aqui: `embedded` tira só a altura de tela cheia.
Cartão centrado
Entrar
Use o e-mail cadastrado na plataforma.
<auth-page-shell :title="…">
Dividida, imagem em 60%
Entrar
Use o e-mail cadastrado na plataforma.
<auth-page-shell :title="…" :image="COVER" image-side="start" />
A imagem fica com a metade maior porque carrega uma frase: foto sozinha é decoração, e decoração não merece mais espaço que o formulário. Abaixo de `lg` ela some - meia tela de foto antes do primeiro campo é meia tela de rolagem.
Só os campos
É isto que um site derivado reaproveita: os campos, sem moldura nenhuma, com o botão de enviar por fora.
Use o e-mail cadastrado na plataforma.
`bare` esconde os dois links para os fluxos vizinhos. Serve para a tela que tem um caminho só - o bloqueio do painel, um login de propósito único.
O shell
A moldura das páginas, para o quinto fluxo que um site derivado inventar.
<auth-page-shell :title="t('auth.login.title')">
<auth-login-form :form-id="id" :pending :error @submit="signIn" />
<template #actions>
<echo-button :form="id" type="submit" variant="filled" intent="primary">…</echo-button>
</template>
<template #footer>…</template>
</auth-page-shell>Para agentes de IA
Especificação desta página
Um arquivo Markdown com as tags, props, eventos e trechos desta família, copiáveis ipsis litteris, mais as regras que valem antes de qualquer linha. Entregue-o ao agente junto com a tarefa.
/agents/auth-pages.md