Conhecendo a Tela Inicial
Painel de Dashboards
Seção intitulada “Painel de Dashboards”Ao fazer login e selecionar um workspace, a primeira tela exibida é o painel de dashboards. Ele funciona como a tela inicial da plataforma e apresenta uma visão consolidada das operações do workspace através de gráficos e indicadores.
- Os dashboards são exibidos em um grid responsivo que pode ser reorganizado e redimensionado
- Cada card de dashboard exibe o título, tipo de gráfico e os dados correspondentes
- É possível filtrar por período e categoria para refinar a visualização
- Os dados são atualizados automaticamente em tempo real via SSE
Barra de Navegação (Navbar)
Seção intitulada “Barra de Navegação (Navbar)”A barra de navegação fica fixa no topo da tela e contém os principais controles da plataforma:
| Elemento | Descrição |
|---|---|
| Botão de menu | Abre e fecha o menu lateral esquerdo |
| Seletor de workspace | Alterna entre os workspaces/workspaces disponíveis |
| Título da página | Exibe o nome da página atual (visível em telas maiores) |
| Breadcrumb | Caminho de navegação indicando a localização atual na plataforma |
| Contador de créditos | Mostra o consumo de créditos da assinatura (quando habilitado) |
| Ajuda | Acesso ao manual do usuário e ao tour guiado |
| Tema | Alterna entre modo claro e escuro |
| Notificações | Sino de notificações |
| Menu do usuário | Avatar com opções de perfil e sair |
Seletor de Workspace
Seção intitulada “Seletor de Workspace”O seletor de workspace está localizado no lado esquerdo da navbar e permite alternar rapidamente entre os workspaces cadastrados no workspace.
- Exibe o avatar é o nome do workspace selecionado
- Ao clicar, uma lista suspensa mostra todos os workspaces disponíveis
- Ao selecionar um workspace, a plataforma carrega automaticamente os dados correspondentes (dashboards, agentes, base de conhecimento, etc.)
- Ao lado do seletor, um botão de engrenagem da acesso as configurações do workspace (visível para administradores)
Menu Lateral (Sidebar)
Seção intitulada “Menu Lateral (Sidebar)”O menu lateral esquerdo é o principal meio de navegação entre as seções da plataforma:
| Item | Ícone | Destino |
|---|---|---|
| Dashboard | Gráfico de barras | Tela inicial com dashboards |
| Conhecimento | Cerebro | Base de conhecimento do workspace |
| Agentes | Robo | Painel de agentes de IA |
| Playground | Play | Chat com agentes e ferramentas |
| Integrações | Rede | Ferramentas conectadas |
Comportamento
Seção intitulada “Comportamento”- Em telas grandes: o menu permanece fixo ao lado esquerdo
- Em telas pequenas (mobile): o menu abre como overlay e pode ser fechado com o botão X ou clicando fora
- O menu pode ser aberto e fechado pelo botão de hamburguer na navbar
Card da Organização
Seção intitulada “Card da Organização”Na parte inferior do menu lateral, um card exibe as informações da organização:
- Logo da organização (ou inicial do nome como fallback)
- Nome da organização
- Ambiente (ex: Produção, Desenvolvimento)
- Versão da plataforma — exibe um alerta caso as versões do frontend e backend estejam diferentes
Breadcrumb de Navegação
Seção intitulada “Breadcrumb de Navegação”O breadcrumb é exibido na parte superior da área de conteúdo e indica o caminho de navegação até a página atual. Ele permite:
- Visualizar a hierarquia de páginas (ex: Dashboard > Configurações > Integração)
- Navegar rapidamente para níveis anteriores clicando nos links do caminho
- Orientar-se dentro da plataforma, especialmente em páginas de configuração e detalhes
Contador de Créditos
Seção intitulada “Contador de Créditos”O contador de créditos exibe o consumo de recursos da assinatura diretamente na navbar. Ele mostra:
- Créditos utilizados / Limite total (ex: 45.5 / 100)
- Uma barra de progresso com cores indicativas:
- Verde — consumo abaixo de 70%
- Laranja — consumo entre 70% e 99%
- Vermelho — créditos esgotados (100%)
- Ao passar o mouse, um tooltip exibe detalhes: créditos usados, créditos restantes, percentual de uso e status da conexão em tempo real
Quando é Exibido
Seção intitulada “Quando é Exibido”O contador é exibido na navbar quando:
- A organização possui uma assinatura ativa com limite de créditos definido
- A opção de exibição está habilitada nas configurações de assinatura
- O usuário não está na tela de onboarding
Alertas de Consumo
Seção intitulada “Alertas de Consumo”O sistema emite alertas automáticos via notificação quando o consumo atinge os seguintes limites:
- 80% — alerta de atenção
- 90% — alerta de aviso
- 97% — alerta crítico
- 100% — recursos esgotados
Alternância de Tema
Seção intitulada “Alternância de Tema”O Prodgy suporta modo claro e escuro. O botão de alternância está localizado na navbar, representado por um ícone de sol (claro) ou lua (escuro).
- A preferência de tema é salva automaticamente no perfil do usuário
- A escolha persiste entre sessões — ao fazer login novamente, o tema anterior será restaurado
- O tema é aplicado globalmente em toda a plataforma
Notificações
Seção intitulada “Notificações”O ícone de sino na navbar da acesso ao centro de notificações da plataforma. As notificações informam sobre eventos importantes, como:
- Alertas de consumo de créditos (80%, 90%, 97%, 100%)
- Atualizações de status de agentes e integrações
- Eventos relevantes do workspace
Menu de Ajuda
Seção intitulada “Menu de Ajuda”O ícone de interrogação na navbar abre um menu com:
- Manual do usuário — abre a documentação externa do Prodgy
- Tour guiado — reinicia o tour interativo de apresentação da plataforma (disponível para administradores)
Menu do Usuário
Seção intitulada “Menu do Usuário”O avatar no canto direito da navbar abre um menu com:
- Nome e email do usuário logado
- Perfil — acesso as configurações da conta
- Sair — encerra a sessão atual