Mapa de Páginas

Total: 47 páginas (47 arquivos page.tsx)

Páginas Publicas

/ (Root)

Arquivo: src/app/page.tsx
Auth: Public
Descrição: Redirect para /login

Arquivo: src/app/login/page.tsx
Auth: Public
Componentes: Button, Input, Label (shadcn), Loader2 (lucide)
Data Fetching: supabase.auth.signInWithPassword()
Descrição: Página de login com email/senha. Layout split: hero com gradient mesh (esquerdo) + form (direito). Stats decorativos (10k+ empresas, 50M+ mensagens). Redirect para /app após login.

/register

Arquivo: src/app/register/page.tsx
Auth: Public
Componentes: Button, Input, Label (shadcn), Loader2 (lucide)
Data Fetching: supabase.auth.signUp()
Descrição: Página de registro com nome, email, senha. Mesmo layout split do login. Redirect para /login após sucesso com mensagem de confirmação de email.

/privacy

Arquivo: src/app/privacy/page.tsx
Auth: Public (Server Component)
Descrição: Politica de Privacidade completa. 10 secoes (LGPD compliance). Header + footer próprios. Metadata SEO.

/terms

Arquivo: src/app/terms/page.tsx
Auth: Public (Server Component)
Descrição: Termos de Serviço completos. 14 secoes. Header + footer próprios. Metadata SEO.

/auth/accept-invite

Arquivo: src/app/auth/accept-invite/page.tsx
Auth: Public (precisa de token no query string)
Componentes: Button, Loader2, AlertCircle
Descrição: Página para aceitar convite de equipe. Verifica se usuário está logado, valida token, aceita convite.

App Pages (Protegidas - requer autenticação)

Layout: src/app/app/layout.tsx (Sidebar + Topbar + ErrorBoundary)

/app (Dashboard)

Componentes: KpiCard, MessagesChart, CampaignsChart, ConversationsChart, AutomationMetrics, ExportButton, SetupChecklist, SkeletonCard, SkeletonChart, EmptyState
Data Fetching: useApiQuery("/api/dashboard/stats"), useApiQuery("/api/whatsapp/profiles"), useApiQuery("/api/analytics/automations?period=30d")
Descrição: Dashboard principal com 6 KPI cards, 4 charts, métricas de automação. Estado vazio quando WhatsApp não conectado. Onboarding checklist.

/app/chat

Componentes: ConversationList, MessageArea, ContactInfo, InternalNotes, TransferDialog, EmptyState
Data Fetching: useApiQuery("/api/conversations"), Supabase Realtime
Stores: useChatStore, useAuthStore
Descrição: Chat em tempo real. Layout: lista (esquerda) + mensagens (centro) + info contato (direita, toggle). Tabs: mine/team. Responsive (mobile: list ou chat).

/app/contacts

Componentes: ContactsTable, CreateContactDialog, ImportCSVDialog, FilterBuilder, ConfirmDialog
Data Fetching: useCursorPáginatedQuery("/api/contacts")
Descrição: Lista com paginação cursor-based. Busca com debounce (400ms). CRUD completo. Importação CSV. Ações em bulk.

/app/contacts/[id]

Componentes: ContactKpiCards, ContactInfoCard, EventTimeline, RfmBadge
Data Fetching: useApiQuery("/api/contacts/{id}"), tags, conversas, RFM
Descrição: Detalhe do contato. Layout 2 colunas: KPIs + timeline | info + tags + RFM.

/app/contacts/segments

Componentes: SegmentBuilder, ConfirmDialog
Data Fetching: useApiQuery("/api/segments")
Descrição: Gerenciamento de segmentos dinâmicos. Lista com contagem. CRUD + recalcular.

/app/templates

Componentes: TemplateGallery, FolderRow, FolderBreadcrumb, ListControls
Data Fetching: useApiQuery("/api/templates?limit=100"), folders
Descrição: Lista de templates. Tabs por categoria. Sistema de pastas. Grid de cards com status Meta.

/app/templates/new

Componentes: TemplateBuilder
Descrição: Criação de novo template. Redirect para edit page após criação.

/app/templates/[id]/edit

Componentes: TemplateBuilder, ApprovalDialog
Descrição: Edicao com auto-save (2s debounce). Save on beforeunload. Dialog de aprovação Meta.

/app/automations

Componentes: BlueprintGallery, FolderRow, ListControls
Descrição: Lista de automações. Filtros por status. Sistema de pastas. Criar vazio ou a partir de modelo.

/app/automations/[id]

Auth: Protected (Fullscreen mode)
Componentes: ReactFlow, FlowToolbox, NodeConfigPanel, NodeDialog, 11 tipos de node, custom edges
Descrição: Editor visual (replica n8n). Canvas @xyflow/react. Drag & drop. Auto-save. Keyboard shortcuts. Undo/redo (50 snapshots). AI flow generator. Mobile: redirect para lista.

/app/campaigns

Componentes: SegmentSelector, FolderRow, ListControls
Descrição: Lista e criação de campanhas. Status: draft, scheduled, sending, sent, completed, partial, cancelled.

/app/campaigns/[id]

Componentes: Table (shadcn), ConfirmDialog
Descrição: Detalhe com KPIs (total, pending, sent, delivered, read, failed). Tabela de envios por contato.

/app/analytics

Componentes: MetricsOverview, MessageChart, DeliveryFunnel, CampaignPerformance, HeatmapChart, AutomationMetrics
Descrição: Analytics principal. Seletor de período. 5 queries paralelas.

/app/analytics/metrics

Descrição: Lista de métricas agrupadas por categoria.

/app/analytics/metrics/[name]

Descrição: Detalhe de métrica com gráfico de evolucao temporal.

/app/analytics/revenue

Descrição: KPIs: receita total, atribuida, custos, taxas, ad spend, lucro, ROAS.

/app/analytics/rfm

Descrição: Análise RFM. Distribuicao por segmento. Recalcular manualmente.

/app/analytics/links

Descrição: Analytics de links encurtados. Top links com cliques e receita.

/app/analytics/ecommerce

Descrição: Dados por plataforma, produtos top, gráfico de pedidos/receita.

/app/orders

Descrição: Lista de pedidos e-commerce. Filtros por status e plataforma.

/app/abandoned-carts

Descrição: Lista de carrinhos abandonados. Indicadores de recuperação.

/app/webhooks

Componentes: LogDetailModal, EmptyState, ConfirmDialog
Descrição: CRUD de endpoints webhook. Toggle ativar/desativar. Logs com modal de detalhe.

/app/tracking

Componentes: TrackingSidebar, TrackingRow, AddTrackingDialog
Data Fetching: SWR
Descrição: Rastreamento de envios (17track). Lista com filtro por status.

/app/tracking/[id]

Componentes: TrackingStepper
Descrição: Detalhe do rastreamento. Stepper com etapas.

/app/ai

Descrição: Configurações de IA. Habilitar/desabilitar chatbot. Modelo, instrucoes, idioma, tom.

Settings Pages

Layout: src/app/app/settings/layout.tsx (Sidebar própria com 11 itens)

/app/settings

Redirect para /app/settings/profile

/app/settings/profile

Nome, email (read-only), role badge. Alterar senha.

/app/settings/account

Nome da empresa, timezone, preferências.

/app/settings/team

Tabs: membros / convites pendentes. Convidar, alterar role, remover.

/app/settings/whatsapp

Conexão WhatsApp Business via Facebook Embedded Signup. Lista de perfis. Status.

/app/settings/billing

Plano atual, uso por recurso. Histórico de cobrancas. Upgrade/downgrade.

/app/settings/api-keys

CRUD de chaves de API. Copiar chave. Expiração.

/app/settings/quick-replies

Respostas rapidas para chat. CRUD. Shortcut + texto.

/app/settings/integrations

Integrações e-commerce (Yampi, Shopify, Nuvemshop, etc.). Conectar via OAuth. Status.

/app/settings/sending

Smart Sending (janela de cooldown). Quiet Hours.

/app/settings/tracking

Configurações 17track. API key. Snippet de código.

/app/settings/audit

Registro de atividades (audit log). Filtros por tipo e usuário.

Admin Pages (Platform Admin Only)

Layout: src/app/admin/layout.tsx (Sidebar própria)

/admin

Dashboard admin. KPIs da plataforma + KPIs financeiros (MRR, ARR, churn rate).

/admin/accounts

Tabela de todas as contas. Criar nova conta com plano.

/admin/accounts/[id]

Detalhe da conta. Info, membros, subscription. Ações: banir, support mode.

/admin/revenue

Métricas de receita da plataforma. KPIs, chart de receita, churn, distribuição por plano.