Tutorial e Guia Completo do OmniPortal

Diferente do ChatGPT ou chatbots convencionais onde o usuário precisa encarar uma janela em branco e redigir instruções complexas (Engenharia de Prompt), o OmniPortal utiliza Micro-Apps guiados por formulário:

Ao navegar para http://localhost:3000/login, você encontrará os seguintes elementos:

• CAMPO 1 E-mail: Digite o e-mail cadastrado (por exemplo, admin@portal.com).
• CAMPO 2 Senha: Digite sua senha secreta. Você pode clicar no ícone do olho 👁️ para verificar os caracteres digitados.
• BOTÃO Clique em Entrar: Autentica suas credenciais com o Supabase e direciona você diretamente para o Dashboard.
• LINK Esqueceu sua senha?: Leva você para /forgot-password. Ao inserir seu e-mail, o sistema gera e envia um link seguro de recuperação (Magic Link). Ao clicar no link do e-mail recebido, o sistema valida seu token e redireciona diretamente para /update-password para você cadastrar a nova senha imediatamente.
• LINK Não tem uma conta? Cadastre-se: Conduz você para /signup para criar sua conta gratuita.

• BOTÃO ☰ Menu Mobile: Abre ou recolhe o menu lateral em telas menores ou dispositivos móveis.
• BUSCA 🔍 Busca Rápida (⌘K ou Ctrl+K): Encontra qualquer ferramenta de IA instantaneamente digitando seu nome ou função (ex.: propostas, e-mails, artigos, roteiros, etc.). Apresenta um menu suspenso em tempo real navegável por setas (↑ / ↓) e, ao pressionar Enter ↵ ou clicar, transporta você direto para a ferramenta desejada.
• SELETOR 🌐 Seletor de Idioma (com seta animada): Alterna toda a interface instantaneamente entre Español, English, Français e Português em tempo real.
• BOTÃO 🔔 Sino de Notificações: Exibe um menu suspenso com eventos recentes do sistema (novos cadastros de usuários, backups).
• AVATAR 👤 Menu de Perfil (Círculo com Iniciais ou Foto): Ao clicar, exibe 3 opções:
  • Perfil: Edição de nome, sobrenome e foto de avatar.
  • Configurações: Alteração de senha.
  • Sair: Encerramento seguro da sessão.

• LOGOTIPO 'O' OmniPortal: Retorna a qualquer momento à tela principal do Dashboard.
• BOTÃO ❮ / ❯ Recolher / Expandir: Oculta os textos do menu lateral para deixar mais espaço para a área de trabalho.
• LINK 🏠 Dashboard: Visão global de atividades, métricas, tutorial e FAQ.
• LINK ⊞ Micro Apps: Catálogo completo com todas as ferramentas de IA disponíveis.
• LINK 💎 Planos: Comparativo de assinaturas, benefícios e cotas de uso.
• LINK 📖 Guia do Usuário: Manual completo e documentação explicativa offline.
• ADMIN 🛡️ Módulo Administrador (Apenas Administradores): Submenu com Admin (gestão de usuários), Webhooks, E-mail e Material Comercial.

• BOTÃO ⬇ Exportar Dados (canto superior direito): Gera e baixa em seu computador um arquivo dashboard-export-[data].json com o resumo consolidado de métricas do sistema.
• BANNER PVU Apresenta a proposta de valor e o botão de acesso rápido Iniciar um Micro-App → para navegar direto ao catálogo.
• 4 CARDS Indicadores em tempo real de Usuários, Sessões, Conversões e Faturamento com percentuais de variação semanal.
• GRÁFICOS Linha SVG de tendência de atividades e barras interativas com porcentagens detalhadas ao passar o mouse.
• STEPPER 1-4 Guia de Início Rápido (3 Cliques): Abas interativas explicadas passo a passo com o botão Próximo Passo →.
• FAQ Acordeão com as principais dúvidas frequentes expansíveis com um simples clique.

No menu lateral, clique em Micro Apps e escolha o cartão da ferramenta que deseja utilizar.

• OPÇÃO 1 CLIQUE Clique em crachás como Ex.: Clínica Odontológica ou Ex.: Agência SEO: O formulário completo será preenchido instantaneamente com um caso real de exemplo.
• MANUAL Preencha os campos guiados: Cliente, Setor, Benefícios e Investimento estimado.

Clique no idioma em que deseja que o Gemini redija o resultado final:

Español 🇪🇸 English 🇺🇸 Français 🇫🇷 Português 🇧🇷

Clique no botão Gerar com Gemini. O sistema exibirá um indicador de progresso e, em poucos segundos, o entregável formatado aparecerá no painel direito.

No canto superior direito do quadro cinza "PARÂMETROS ENVIADOS" (logo acima do resultado gerado), você encontrará estes 4 botões utilitários:

• ABA Em qualquer micro-app, clique na aba Histórico localizada na parte superior esquerda do formulário.
• LISTAGEM Você verá todas as suas gerações anteriores listadas em ordem cronológica.
• RECUPERAR Clique sobre qualquer geração anterior: ela será recarregada imediatamente no painel direito, pronta para leitura, cópia ou download sem consumir sua cota de novas gerações.

Para mudar de plano, clique em Selecionar Plano e confirme com Confirmar Ativação.

• /profile Foto e Dados Pessoais: Clique no ícone de câmera para carregar uma foto de avatar ou utilizar sua foto do Gravatar. Atualize seu nome e clique em Salvar Alterações.
• /update-password Trocar Senha: Acessível a partir da opção Configurações no menu do avatar ou diretamente pelo link do e-mail de recuperação. Digite sua nova senha (mínimo de 6 caracteres), confirme-a e clique em Atualizar Senha. O formulário conta com suporte multilíngue nativo (Español, English, Français, Português) e validação em tempo real.

Permite gerenciar individualmente cada usuário registrado, alterar seu plano contratado e conceder ou revogar acesso a ferramentas específicas (overrides) com um único clique, superando as restrições normais do plano.

• PASSO 1 Acesse o menu lateral em Admin 🛡️ ou navegue até http://localhost:3000/admin.
• PASSO 2 Na tabela de usuários, localize o cliente desejado e clique no nome dele ou no botão 👁️ Ver Detalhes.
• PASSO 3 Alterar Plano Geral: Na seção Plano Atribuído, selecione no menu suspenso o plano desejado (ex.: Profissional ou Intermediário) e clique em Salvar Plano.
• PASSO 4 Desbloquear Ferramentas Individuais: Na seção Apps Acessíveis, clique em qualquer aplicativo que possua o botão + Conceder. Ele será ativado imediatamente, iluminando-se em ciano com a etiqueta ★ Especial.
• REVOGAR Para remover uma permissão especial, passe o cursor sobre o app e clique em ✕ Revogar. A atualização é salva automaticamente em tempo real.

Permite conectar o OmniPortal a um servidor de e-mail SMTP para que o sistema realize o envio de mensagens automáticas de boas-vindas, recuperação de senha e confirmação de pagamentos.

• PRESETS SMTP Botões de Provedor Rápido: Atalhos (SendGrid, Gmail SMTP, Mailgun, Amazon SES) que preenchem automaticamente o host e a porta ideal (587).
• CAMPOS TÉCNICOS Configuração de Host, Porta, Usuário, Senha e dados do remetente (Nome e e-mail visíveis para os clientes).
• CAMPO DE TESTE Enviar e-mail de teste para: Digite seu e-mail pessoal para testar o envio em tempo real antes de salvar as configurações.
• BOTÃO DE SALVAR Clique em Testar e Salvar Configuração: Executa um teste em tempo real, envia um e-mail de diagnóstico e marca o serviço como Verificado.

É o seu Centro de Vendas para apresentar e comercializar as micro-apps do OmniPortal para clientes, clínicas e empresas sem exigir cadastro prévio.

• PROPOSTA UNIVERSAL /propuesta-universal.html: Apresentação interativa multissetorial (Clínicas Odontológicas, Empresas de Pré-impressão, Agências) com demonstração ao vivo da IA gerando em 2.2 segundos.
• PRÉ-IMPRESSÃO E CTP /presentacion-preprensa.html: Feita especificamente para gráficas, ateliês de artes gráficas e birôs de pré-impressão offset.
• BOTÃO 👁️ Ver Proposta: Abre a apresentação em uma nova aba do navegador para projetar durante reuniões de vendas.
• BOTÃO 🔗 Copiar Link: Copia o link direto da apresentação para enviar a potenciais clientes.
• BOTÃO 💬 Copiar Roteiro para WhatsApp: Copia um texto comercial persuasivo pronto para colar no WhatsApp do cliente.
• BOTÃO ✉️ Copiar E-mail: Copia um e-mail formal de proposta com assunto e corpo prontos para envio.

No OmniPortal, a ação de «Exportar» significa retirar os dados e conteúdos produzidos dentro da plataforma para utilizá-los externamente. Ela ocorre em dois níveis distintos: