> ## Documentation Index
> Fetch the complete documentation index at: https://docs.brainchat.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Dashboards

> Construa dashboards visuais com gráficos, KPIs e tabelas a partir das suas Tabelas customizadas.

# Dashboards

A seção **Dashboards** (`/u/leads/dashboards`) permite construir painéis visuais com KPIs, gráficos e tabelas a partir das suas tabelas — sem código.

***

## Onde ficam

Acesse em **Dados → Dashboards**. Cada dashboard é independente e tem:

* Nome, descrição e cor primária (identidade visual)
* Uma ou mais **páginas** (organizadas em abas)
* Vários **widgets** dispostos em um grid responsivo
* Configuração de **compartilhamento** (privado, público, com senha, restrito por e-mail)

***

## Estrutura

```
Dashboard
├── Página 1 (aba)
│   ├── Widget de KPI
│   ├── Gráfico de barras
│   └── Tabela
└── Página 2 (aba)
    └── ...
```

| Conceito          | Descrição                                                                                       |
| ----------------- | ----------------------------------------------------------------------------------------------- |
| **Dashboard**     | Container principal, com nome, cor e modo de compartilhamento                                   |
| **Página**        | Aba dentro do dashboard. Útil para organizar visões diferentes (Vendas, Marketing, Operacional) |
| **Widget**        | Bloco visual: gráfico, KPI, tabela, texto, imagem, etc.                                         |
| **Filtro global** | Filtros aplicados ao dashboard inteiro (ex: período, segmento)                                  |

***

## Criar dashboard

Você tem duas formas:

<CardGroup cols={2}>
  <Card title="Criar do zero" icon="plus" href="/dados/dashboards-widgets">
    Comece com uma tela em branco e adicione widgets.
  </Card>

  <Card title="Usar modelo pronto" icon="wand-magic-sparkles" href="/dados/dashboards-modelos">
    Aplica um template completo (ex: Visão Geral de Contatos).
  </Card>
</CardGroup>

***

## Editor de dashboard

O editor (`/u/leads/dashboards/:id/edit`) tem três áreas:

| Área        | Função                                                                       |
| ----------- | ---------------------------------------------------------------------------- |
| **Topbar**  | Nome, cor, abas de páginas, botões Salvar e Compartilhar                     |
| **Toolbar** | Adicionar Widget, Filtros globais                                            |
| **Grid**    | Área de canvas onde os widgets são posicionados (drag & drop, redimensionar) |

### Grid responsivo

* Largura: **12 colunas**
* Altura: **automática** conforme o conteúdo
* Widgets podem ser movidos arrastando pelo cabeçalho
* Redimensione pela alça inferior-direita
* Use **Reorganizar linha** para distribuir widgets uniformemente

***

## Quota por plano

A quantidade de dashboards por instância é controlada pelo seu plano (similar a formulários e landing pages). Veja em **Meu Plano** o limite atual.

<Tip>
  Quando você atinge o limite, dashboards mais antigos podem ser arquivados ou excluídos para liberar espaço.
</Tip>

***

## Próximos passos

<CardGroup cols={2}>
  <Card title="Widgets e gráficos" icon="chart-pie" href="/dados/dashboards-widgets">
    Catálogo completo de widgets e como configurar cada um.
  </Card>

  <Card title="Filtros e páginas" icon="sliders" href="/dados/dashboards-filtros">
    Filtros globais, condições por widget e múltiplas páginas.
  </Card>

  <Card title="Modelos prontos" icon="wand-magic-sparkles" href="/dados/dashboards-modelos">
    Templates pré-configurados para começar rápido.
  </Card>

  <Card title="Compartilhar e publicar" icon="share-nodes" href="/dados/dashboards-compartilhar">
    4 modos de compartilhamento: privado, público, com senha, por e-mail.
  </Card>
</CardGroup>