snapshot of https://github.com/twentyhq/twenty.git (main, 2026-09-17; blobs > 131072B omitted)

packages/twenty-docs/l/pt/user-guide/dashboards/capabilities/chart-settings.mdx

@@ -0,0 +1,275 @@
+---
+title: Configurações do Gráfico
+description: Configure seus gráficos para exibir os dados exatamente como você precisa.
+---
+
+import { ChartIcon } from '/snippets/chart-icon.mdx';
+
+## Acessando as configurações do gráfico
+
+1. Clique no botão **Editar** no canto superior direito do seu painel
+
+<img src="/images/user-guide/dashboard/dashboard-edit.png" alt="Modo de edição" />
+
+2. O painel entra no modo de edição
+3. Clique em qualquer widget para selecioná-lo
+4. O painel de configurações é aberto à direita
+
+As configurações são organizadas em seções:
+
+* **Dados**: Quais dados obter e como filtrá-los
+* **Eixo X**: Como agrupar e ordenar categorias (gráficos de barras/linhas)
+* **Eixo Y**: O que medir e como exibir (gráficos de barras/linhas)
+* **Estilo**: Cores, rótulos e opções visuais
+
+<Note>
+Algumas configurações só aparecem quando outras estão configuradas. Por exemplo, **Granularidade de data** só aparece quando você seleciona um campo de data.
+</Note>
+
+---
+
+## Configurações de Dados
+
+### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="database" />Fonte </span>
+
+Escolha de qual objeto extrair os dados.
+
+1. Clique em **Fonte**
+2. Selecione um objeto (Oportunidades, Pessoas, Empresas, etc.)
+
+Todos os seus objetos padrão e personalizados estão disponíveis. Alterar a fonte redefine outras configurações, pois as opções de campo dependem do objeto selecionado.
+
+<img src="/images/user-guide/dashboard/dashboard-chart-settings-source.png" alt="Fonte" />
+
+### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="filter" />Filtro </span>
+
+Limite quais registros são incluídos no gráfico.
+
+1. Clique em **Filtrar**
+2. O construtor de filtros é aberto
+3. Clique em **+ Adicionar filtro**
+4. Selecione um campo, condição e valor
+5. Adicione mais filtros conforme necessário
+
+Os filtros funcionam da mesma forma que nas visualizações de tabela. Use-os para focar em segmentos específicos dos seus dados.
+
+**Exemplo**: Filtre oportunidades em que a Etapa seja igual a "Ganha" para mostrar apenas negócios fechados.
+
+<img src="/images/user-guide/dashboard/dashboard-chart-settings-filters.png" alt="Filtro" />
+
+<Tip>
+Para campos de data, experimente **É relativo** para criar filtros dinâmicos como "Últimos 7 dias" ou "Este mês" que são atualizados automaticamente.
+</Tip>
+
+<Tip>
+Filtros avançados são suportados—adicione várias regras de filtro e combine-as com a lógica **E** ou **Ou**.
+</Tip>
+
+---
+
+## Configurações do Eixo X
+
+Essas configurações controlam o eixo horizontal dos gráficos de barras e de linhas—geralmente como seus dados são agrupados em categorias.
+
+### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="axis-x" />Dados em exibição </span>
+
+Selecione o campo pelo qual agrupar seus dados. Isso determina as categorias exibidas no eixo X.
+
+**Exemplo**: Selecione "Etapa" para ver os dados agrupados pela etapa do pipeline, ou "Data de criação" para ver os dados ao longo do tempo.
+
+<img src="/images/user-guide/dashboard/dashboard-chart-settings-x-data-on-display.png" alt="Dados em exibição" />
+
+### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="calendar" />Granularidade de data </span>
+
+Ao agrupar por um campo de data, escolha o período de tempo para o agrupamento.
+
+| Opção                | Agrupa dados por         | Exemplo de saída                                                   |
+| -------------------- | ------------------------ | ------------------------------------------------------------------ |
+| **Dia**              | Cada dia do calendário   | 1º de jan., 2 de jan., 3 de jan....                                |
+| **Semana**           | Semanas do calendário    | Semana 1, Semana 2, Semana 3...                                    |
+| **Mês**              | Meses do calendário      | janeiro, fevereiro, março...                                       |
+| **Trimestre**        | Trimestres fiscais       | T1, T2, T3, T4                                                     |
+| **Ano**              | Anos do calendário       | 2023, 2024, 2025                                                   |
+| **Dia da semana**    | Dia da semana (agregado) | segunda-feira, terça-feira... (todas as segundas-feiras agregadas) |
+| **Mês do ano**       | Mês (agregado)           | janeiro, fevereiro... (todos os janeiros agregados)                |
+| **Trimestre do ano** | Trimestre (agregado)     | T1, T2, T3, T4 (todos os T1 agregados)                             |
+
+As opções "de semana/ano" agregam ao longo de todo o tempo. Use **Dia da semana** para ver qual dia da semana normalmente tem mais negócios. Use **Mês** para ver tendências mês a mês.
+
+### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="arrows-sort" />Ordenar por </span>
+
+Controle a ordem das categorias no eixo X.
+
+* **Posição** – Usa a ordem definida nas configurações do seu campo Select
+* **Alfabética** – De A a Z (ou cronológica para datas)
+* **Por valor** – Ordenado pela métrica (do maior para o menor ou vice-versa)
+* **Manual** – Arraste para definir sua própria ordem
+
+<img src="/images/user-guide/dashboard/dashboard-chart-settings-x-sort.png" alt="Ordenar por" />
+
+**Dica**: Para etapas do pipeline, use **Posição** para mostrar as etapas na ordem do seu processo de vendas (Lead → Qualificado → Proposta → Ganha).
+
+<Note>
+As opções exibidas dependem do tipo do seu campo. Campos Select têm todas as opções; campos de data e de texto exibem menos.
+</Note>
+
+<Tip>
+Com a ordenação **Manual**, arraste as categorias para criar uma ordem personalizada—perfeito para destacar segmentos específicos ou contar uma história com seus dados.
+</Tip>
+
+### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="eye-off" />Omitir valores zero </span>
+
+Oculte categorias que têm zero ou nenhum dado.
+
+* **Ativado**: Categorias sem registros são ocultadas
+* **Desativado**: Todas as categorias são exibidas, mesmo que vazias
+
+Use isso para limpar gráficos com dados esparsos.
+
+---
+
+## Configurações do Eixo Y
+
+Essas configurações controlam o que você está medindo e como isso é exibido.
+
+### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="axis-y" />Dados em exibição </span>
+
+Selecione o campo e a operação para calcular sua métrica.
+
+* **Contagens** – Contar todos, Contar vazios, Contar não vazios, Contar valores únicos
+* **Matemática** – Soma, Média, Mín., Máx. (campos numéricos)
+* **Percentuais** – Percentual vazio, Percentual não vazio
+
+Campos booleanos adicionam Contar verdadeiro/falso. Gráficos agregados com campos de data exibem Mais antigo/Mais recente.
+
+**Exemplo**: Selecione "Valor" com Soma para ver o valor total de negócios por categoria, ou Contar todos para ver o número de negócios.
+
+<img src="/images/user-guide/dashboard/dashboard-chart-settings-y-data-on-display.png" alt="Dados em exibição" />
+
+<Note>
+As opções exibidas dependem do seu campo e do tipo de gráfico. Se você não vir uma operação esperada, verifique o tipo do seu campo.
+</Note>
+
+### Razão
+
+Para campos Select, Multi-select ou Booleanos, você pode calcular o percentual de um valor específico.
+
+1. Selecione um campo Select, Multi-select ou Booleano
+2. Ativar **Proporção**
+3. Escolha a opção a ser medida
+
+**Exemplo**: Mostrar negócios "Ganho" como porcentagem de todas as oportunidades. Se você tiver 10 Ganhos de um total de 50, o gráfico mostrará 20%.
+
+### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="filters" />Agrupar por </span>
+
+Adicione uma segunda dimensão para criar várias séries (múltiplas barras ou linhas).
+
+1. Defina primeiro o campo do eixo X
+2. Clique em **Agrupar por**
+3. Selecione um segundo campo
+
+**Exemplo**: Agrupe os negócios por Etapa (Eixo X) E por Responsável (Agrupar por) para ver, lado a lado, a distribuição do pipeline de cada pessoa.
+
+<img src="/images/user-guide/dashboard/dashboard-chart-settings-y-group-by.png" alt="Agrupar por" />
+
+Quando Agrupar por estiver definido, você verá várias cores em seu gráfico e uma legenda aparecerá.
+
+### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="calendar" />Granularidade de data </span>
+
+Quando Agrupar por for um campo de data, escolha o período de tempo (mesmas opções do eixo X).
+
+### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="arrows-sort" />Ordenar por </span>
+
+Quando **Agrupar por** estiver definido, controle a ordem das séries agrupadas (por exemplo, qual barra do responsável aparece primeiro em cada categoria).
+
+Mesmas opções da ordenação do eixo X—Posição, Alfabética e Manual—exceto que **a ordenação baseada em valor não está disponível** para o agrupamento secundário.
+
+### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="chart-bar-popular" />Acumulado </span>
+
+Mostre totais acumulados em vez de valores individuais.
+
+* **Desativado**: Cada barra/ponto mostra seu próprio valor
+* **Ativado**: Cada barra/ponto mostra a soma de todos os valores anteriores mais o seu próprio
+
+**Exemplo**: janeiro = 10, fevereiro = 15
+
+* Acumulado desativado: Mostra 10 e 15
+* Acumulado ativado: Mostra 10 e 25 (10 + 15)
+
+Use o acumulado para acompanhar o progresso em direção a uma meta ao longo do tempo.
+
+<img src="/images/user-guide/dashboard/dashboard-chart-settings-y-cumulative.png" alt="Acumulado" />
+
+### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="math-min" />Faixa mínima / <ChartIcon icon="math-max" />Faixa máxima </span>
+
+Defina valores mínimos e máximos fixos para o eixo Y.
+
+* Deixe em branco para dimensionamento automático
+* Insira um número para fixar o limite
+
+**Quando usar:**
+
+* Defina Mín. como 0 para comparações visuais precisas
+* Defina ambos para escalas consistentes em vários gráficos
+* Foque em um intervalo de valores específico definindo ambos
+
+---
+
+## Configurações de Estilo
+
+### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="color-swatch" />Cores </span>
+
+Defina o esquema de cores do seu gráfico. Escolha entre uma variedade de paletas de cores.
+
+<Note>
+Ao agrupar por um campo Select, o gráfico usa automaticamente as cores definidas para cada opção nas configurações do seu campo.
+</Note>
+
+### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="gizmo" />Nome do eixo </span>
+
+Escolha quais rótulos de eixo mostrar: **Nenhum**, **Eixo X**, **Eixo Y** ou **Ambos** (somente gráficos de barras e de linhas).
+
+### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="stack-2" />Barras empilhadas / Linhas empilhadas </span>
+
+Quando Agrupar por estiver definido, escolha como várias séries serão exibidas.
+
+* **Desativado (Agrupadas)**: As séries aparecem lado a lado. Use ao comparar valores exatos entre grupos.
+* **Ativado (Empilhadas)**: As séries são empilhadas umas sobre as outras. Use ao mostrar composição—como as partes compõem o todo.
+
+**Exemplo**: Negócios por etapa, agrupados por responsável
+
+* Agrupadas: Veja os números exatos de cada responsável lado a lado
+* Empilhadas: Veja o total de negócios por etapa, com a contribuição de cada responsável empilhada
+
+### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="badge-2k" />Rótulos de dados </span>
+
+Mostre valores diretamente nos elementos do gráfico (barras, pontos, fatias).
+
+* **Ativado**: Os valores aparecem no gráfico
+* **Desativado**: Nenhum valor exibido (visual mais limpo)
+
+### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="text-caption" />Legenda </span>
+
+Mostrar ou ocultar a legenda (só aparece quando Agrupar por está definido).
+
+* **Ativado**: A legenda mostra o que cada cor representa
+* **Desativado**: Nenhuma legenda exibida
+
+<Tip>
+**Passe o mouse** sobre um item da legenda para destacar esse grupo. **Clique** para ocultá-lo temporariamente do gráfico.
+</Tip>
+
+---
+
+## Notas específicas do gráfico
+
+### Gráficos de pizza
+
+* <span style={{ display: 'inline-flex', verticalAlign: 'middle' }}><ChartIcon icon="chart-pie" size={16} /></span> **Cada fatia representa** – Defina como as fatias são agrupadas
+* <span style={{ display: 'inline-flex', verticalAlign: 'middle' }}><ChartIcon icon="eye-off" size={16} /></span> **Ocultar categoria vazia** – Remover fatias de valor zero
+* <span style={{ display: 'inline-flex', verticalAlign: 'middle' }}><ChartIcon icon="number-123" size={16} /></span> **Mostrar valor no centro** – Exibir o valor agregado (soma, média, contagem etc.)
+
+### Gráficos agregados
+
+* <span style={{ display: 'inline-flex', verticalAlign: 'middle' }}><ChartIcon icon="caret-left" size={16} /></span> **Prefixo** – Adicionar texto antes do número (por exemplo, `$`)
+* <span style={{ display: 'inline-flex', verticalAlign: 'middle' }}><ChartIcon icon="caret-right" size={16} /></span> **Sufixo** – Adicionar texto após o número (por exemplo, `%`)

packages/twenty-docs/l/pt/user-guide/dashboards/capabilities/dashboards.mdx

@@ -0,0 +1,92 @@
+---
+title: Painéis
+description: Crie e organize painéis com abas para visualizar seus dados do CRM.
+---
+
+## Visão Geral
+
+Os painéis no Twenty são organizados em uma hierarquia: **Painéis → Abas → Widgets**. Cada painel pode conter várias abas, e cada aba contém widgets (gráficos, números, iFrames).
+
+## Criando um painel
+
+1. Vá até **Dashboards** na navegação
+2. Clique em **+ New Record**
+
+<img src="/images/user-guide/dashboard/dashboard-create-new.png" alt="Criar novo painel de controle" />
+
+3. Dê um nome ao seu painel
+4. Comece a adicionar abas e widgets
+
+## Trabalhando com abas
+
+As abas ajudam você a organizar seu painel em seções lógicas.
+
+### Criando abas
+
+1. No modo de edição, clique em **+** na barra de abas, e um painel lateral será aberto à direita
+2. Dê um nome à sua aba (por exemplo, "Visão geral do pipeline", "Desempenho da equipe")
+3. Adicione widgets à aba
+
+### Reordering Tabs
+
+1. No modo de edição, clique e segure na guia que deseja mover
+2. Arraste e solte para a nova posição
+3. Você também pode clicar na aba e usar o menu de comando para mover a guia para a esquerda ou direita
+
+### Excluindo abas
+
+1. No modo de edição, clique na aba que deseja excluir
+2. Clique no botão **Excluir** no menu de comando
+
+### Duplicando abas
+
+1. Clique na aba que você deseja duplicar
+2. Clique no botão **Duplicate** no painel lateral
+
+<img src="/images/user-guide/dashboard/dashboard-tabs.png" alt="Aba do Painel" />
+
+## Layout do painel
+
+### Organizando widgets
+
+* Arraste e solte para posicionar
+* Redimensione para dar destaque
+* Agrupe gráficos relacionados
+
+### Duplicando um painel
+
+1. Selecione o painel que você deseja duplicar
+2. Abra a barra de comandos com **Cmd + K** (ou **Ctrl + K** no Windows)
+3. Selecione **Duplicar painel**
+
+<img src="/images/user-guide/dashboard/dashboard-duplicate.png" alt="Duplicar painel de controle" />
+
+### Melhores Práticas
+
+* **Fluxo lógico**: organize do geral ao detalhado
+* **Hierarquia visual**: gráficos maiores para métricas-chave
+* **Estilo consistente**: use cores e fontes correspondentes
+
+## Visibilidade e acesso
+
+### Visibilidade do painel
+
+Os painéis são visíveis para todos que têm acesso ao seu espaço de trabalho da Twenty. No momento, não há opção de painel privado.
+
+### Favoritos
+
+Você pode adicionar painéis aos seus favoritos para acesso rápido. Esta é uma configuração pessoal — seus favoritos não são visíveis para outros usuários.
+
+Para adicionar um painel aos favoritos, abra o painel e clique no ícone de estrela.
+
+### Comportamento do fuso horário
+
+Atualmente, os painéis exibem dados com base no fuso horário de quem está visualizando. Isso significa que o mesmo painel pode mostrar métricas diferentes para membros da equipe em regiões distintas (por exemplo, APAC vs. US).
+
+<Note>
+**Em breve**: adicionaremos a capacidade de definir um fuso horário específico para um painel, para que todos os usuários vejam dados consistentes independentemente de sua localização.
+</Note>
+
+<Note>
+**Em breve**: filtros no nível do painel permitirão aplicar filtros a todos os widgets de uma vez, tornando mais rápido explorar seus dados.
+</Note>

packages/twenty-docs/l/pt/user-guide/dashboards/capabilities/widgets.mdx

@@ -0,0 +1,169 @@
+---
+title: Widgets
+description: Explore os tipos de widget e as opções de visualização no Twenty.
+---
+
+import { ChartIcon } from '/snippets/chart-icon.mdx';
+
+## Widgets disponíveis
+
+O Twenty oferece vários tipos de widget para visualizar seus dados de CRM.
+
+### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="chart-bar-popular" />Gráficos de barras</span>
+
+Exiba dados como barras horizontais ou verticais.
+
+<Frame>
+<img src="/images/user-guide/dashboard/dashboard-widget-bar-chart.png" alt="Gráfico de barras" />
+</Frame>
+
+**Melhor para:**
+
+* Comparar valores entre categorias
+* Mostrar classificações
+* Acompanhar métricas por período de tempo
+
+**Exemplos de uso:**
+
+* Negócios por etapa
+* Receita por representante de vendas
+* Contatos adicionados por mês
+
+<Note>
+**Limites de exibição**: gráficos de barras podem mostrar no máximo 100 barras e 50 grupos por barra ao usar Agrupar por. Se você vir o aviso "Undisplayed data: max X bars per chart", adicione filtros para reduzir seus dados ou altere o agrupamento (por exemplo, agrupe por semana em vez de por dia).
+</Note>
+
+### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="chart-pie" />Gráficos de pizza</span>
+
+Exiba proporções do todo.
+
+<Frame>
+<img src="/images/user-guide/dashboard/dashboard-widget-pie-chart.png" alt="Gráfico de pizza" />
+</Frame>
+
+**Melhor para:**
+
+* Mostrar composição ou distribuição
+* Comparar partes com o todo
+* Destacar os principais segmentos
+
+**Exemplos de uso:**
+
+* Distribuição de negócios por origem
+* Distribuição de contatos por setor
+* Composição do pipeline por responsável
+
+### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="chart-line" />Gráficos de linha</span>
+
+Exiba tendências ao longo do tempo.
+
+<Frame>
+<img src="/images/user-guide/dashboard/dashboard-widget-line-chart.png" alt="Gráfico de linha" />
+</Frame>
+
+**Melhor para:**
+
+* Acompanhar mudanças ao longo do tempo
+* Identificar tendências
+* Comparar várias métricas
+
+**Exemplos de uso:**
+
+* Tendência mensal do número de negócios
+* Crescimento da receita ao longo dos trimestres
+* Níveis de atividade ao longo do tempo
+
+### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="sum" />Gráficos agregados</span>
+
+Exiba em destaque valores-chave únicos.
+
+<Frame>
+<img src="/images/user-guide/dashboard/dashboard-widget-aggregate-chart.png" alt="Gráfico agregado" />
+</Frame>
+
+**Melhor para:**
+
+* Destacar KPIs
+* Mostrar totais ou médias
+* Verificações rápidas de status
+
+**Exemplos de uso:**
+
+* Valor total do pipeline
+* Número de oportunidades em aberto
+* Taxa de conversão
+
+**Opções avançadas:**
+
+* **Proporção**: para campos do tipo Seleção, calcule proporções entre valores. Vá para **Dados em exibição** → selecione seu campo → ative a opção **Proporção**.
+* **Prefixo e Sufixo**: adicione texto personalizado antes ou depois do número (por exemplo, prefixo "$" ou sufixo "%") para melhor legibilidade.
+
+### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="frame" />iFrames</span>
+
+Incorpore ferramentas e conteúdo externos diretamente no seu painel.
+
+<Frame>
+<img src="/images/user-guide/dashboard/dashboard-widget-table.png" alt="Gráfico de tabela" />
+</Frame>
+
+**Melhor para:**
+
+* Pesquisando itens individuais
+* Verificando valores exatos
+* Auditoria ou referência
+
+**Exemplos de uso:**
+
+* Negócios que serão fechados neste mês
+* Novos leads nesta semana
+* Faturas em atraso
+
+### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="table" />Tabela</span>
+
+Veja os registros filtrados diretamente no seu painel.
+
+<Frame>
+<img src="/images/user-guide/dashboard/dashboard-widget-iframe.png" alt="iFrame" />
+</Frame>
+
+**Melhor para:**
+
+* Exibir relatórios ou painéis externos
+* Integrar ferramentas de vendas de terceiros
+* Mostrar conteúdo em tempo real de outros sistemas
+
+**Exemplos de uso:**
+
+* Métricas da sua ferramenta de Suporte
+* Métricas do seu discador
+* Conteúdo em tempo real da sua ferramenta de sequências de Vendas
+
+### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="align-box-left-top" />Texto enriquecido</span>
+
+Adicione texto e conteúdo formatados diretamente ao seu painel.
+
+<Frame>
+<img src="/images/user-guide/dashboard/dashboard-widget-rich-text.png" alt="Texto enriquecido" />
+</Frame>
+
+**Melhor para:**
+
+* Adicionar contexto ou instruções
+* Descrições do painel
+* Notas e anotações
+
+**Recursos:**
+
+* Formatação de texto enriquecido (negrito, itálico, listas, etc.)
+* Envio de imagens e arquivos
+* Edição no estilo Markdown
+
+<Note>
+**Em breve**: gráficos de medidor ainda não estão disponíveis, mas estão em nosso roteiro.
+</Note>
+
+### Duplicar widgets
+
+1. Clique no widget
+2. Abra **Opções**
+3. Clique em **Duplicar widget**