@bluemarble/bi 0.8.0 → 0.8.1

package/README.md

@@ -1,77 +1,77 @@
-# bm-bi (`@bluemarble/bi`)
-
-Camada semântica para dashboards em React, no lugar do Power BI: o modelo (tabelas,
-relacionamentos, dimensões e medidas) é um objeto TS (`defineModel`), o servidor compila as
-consultas para SQL (MySQL/MariaDB) e os componentes de filtro e gráfico consultam o modelo pelo
-nome. Vem com um devtools (diagrama do modelo, editor de layout, playground, regressão).
-
-```ts
-import { defineModel, formula, sum } from '@bluemarble/bi/server'
-
-export const vendas = defineModel({
-  name: 'vendas',
-  tables: {
-    pedidos: { key: 'id', sql: 'SELECT id, loja, criado_em FROM pedidos' },
-    itens: { sql: 'SELECT pedido_id, valor FROM itens' }
-  },
-  relationships: [{ from: 'itens.pedido_id', to: 'pedidos.id' }],
-  dimensions: { loja: { sql: 'pedidos.loja', type: 'string' } },
-  measures: { valor: sum('itens.valor', { format: 'currency' }) }
-})
-```
-
-| Import                  | Onde roda      |
-| ----------------------- | -------------- |
-| `@bluemarble/bi/server` | só no servidor |
-| `@bluemarble/bi/client` | browser        |
-| `@bluemarble/bi/types`  | ambos          |
-
-```bash
-npm install @bluemarble/bi   # peer: react 19, @mui/material 7, recharts 3
-```
-
-Publicado no npm já compilado (`dist/`, ESM + `.d.ts`), sem precisar de `transpilePackages`.
-Conceitos, API, devtools e configuração do app estão em
-[`docs/dashboard-substituicao-powerbi.md`](docs/dashboard-substituicao-powerbi.md).
-
-## Desenvolvimento
-
-Projeto Vite+ com bun.
-
-```bash
-vp install        # dependências
-vp test           # testes (vitest, sem banco)
-vp run typecheck  # tsc
-vp check          # formatação (oxfmt) + lint (oxlint)
-vp run playground # dashboard + devtools em http://localhost:5180 (precisa do .env)
-```
-
-### Playground
-
-`playground/` é uma página Vite com o dashboard e o devtools ligados direto ao `src/` (sem passar
-pelo app). O endpoint `/api/dashboard/query` roda no próprio servidor do Vite e consulta o MySQL do
-`DATABASE_URL` do `.env` na raiz (modelo em `.env.example`; o `.env` não é versionado).
-
-- `playground/models/` — modelos (`defineModel`), registrados em `models/index.ts`;
-- `playground/layouts/` — layouts JSON dos gráficos/filtros;
-- `playground/dashboards.ts` — lista do seletor no topo (modelo + layout + filtros iniciais) e formatters.
-
-O "Salvar no arquivo" do devtools grava nessas pastas (formatando com `vp fmt`) e os snapshots vão
-para `playground/snapshots/`. Mudanças em modelos valem na consulta seguinte, sem reiniciar.
-
-### Testar no app antes de publicar
-
-Para usar a versão local num app (ex.: o `custo` do `rocha-pr`), aponte a dependência para esta
-pasta (`"@bluemarble/bi": "file:../../../bm-bi"` + `npm install`) e deixe `vp run dev` rodando
-(`vp pack --watch`): o app lê o `dist/`. Com o link, o Next precisa de `turbopack.root` e
-`turbopack.resolveAlias` — o `next.config.js` do `custo` liga isso sozinho quando detecta o link.
-
-## Publicar
-
-```bash
-vp run verify     # o mesmo que o CI roda: check, typecheck, testes e build
-vp run release    # bumpp: escolhe a versão, commita, cria a tag vX.Y.Z e faz push
-```
-
-A tag dispara `.github/workflows/publish.yml`, que confere tag x `package.json`, roda o `verify` e
-publica com `bun publish` (secret `NPM_TOKEN`). Depois, no app: `npm install @bluemarble/bi@X.Y.Z`.
+# bm-bi (`@bluemarble/bi`)
+
+Camada semântica para dashboards em React, no lugar do Power BI: o modelo (tabelas,
+relacionamentos, dimensões e medidas) é um objeto TS (`defineModel`), o servidor compila as
+consultas para SQL (MySQL/MariaDB) e os componentes de filtro e gráfico consultam o modelo pelo
+nome. Vem com um devtools (diagrama do modelo, editor de layout, playground, regressão).
+
+```ts
+import { defineModel, formula, sum } from '@bluemarble/bi/server'
+
+export const vendas = defineModel({
+  name: 'vendas',
+  tables: {
+    pedidos: { key: 'id', sql: 'SELECT id, loja, criado_em FROM pedidos' },
+    itens: { sql: 'SELECT pedido_id, valor FROM itens' }
+  },
+  relationships: [{ from: 'itens.pedido_id', to: 'pedidos.id' }],
+  dimensions: { loja: { sql: 'pedidos.loja', type: 'string' } },
+  measures: { valor: sum('itens.valor', { format: 'currency' }) }
+})
+```
+
+| Import                  | Onde roda      |
+| ----------------------- | -------------- |
+| `@bluemarble/bi/server` | só no servidor |
+| `@bluemarble/bi/client` | browser        |
+| `@bluemarble/bi/types`  | ambos          |
+
+```bash
+npm install @bluemarble/bi   # peer: react 19, @mui/material 7, recharts 3
+```
+
+Publicado no npm já compilado (`dist/`, ESM + `.d.ts`), sem precisar de `transpilePackages`.
+Conceitos, API, devtools e configuração do app estão em
+[`docs/dashboard-substituicao-powerbi.md`](docs/dashboard-substituicao-powerbi.md).
+
+## Desenvolvimento
+
+Projeto Vite+ com bun.
+
+```bash
+vp install        # dependências
+vp test           # testes (vitest, sem banco)
+vp run typecheck  # tsc
+vp check          # formatação (oxfmt) + lint (oxlint)
+vp run playground # dashboard + devtools em http://localhost:5180 (precisa do .env)
+```
+
+### Playground
+
+`playground/` é uma página Vite com o dashboard e o devtools ligados direto ao `src/` (sem passar
+pelo app). O endpoint `/api/dashboard/query` roda no próprio servidor do Vite e consulta o MySQL do
+`DATABASE_URL` do `.env` na raiz (modelo em `.env.example`; o `.env` não é versionado).
+
+- `playground/models/` — modelos (`defineModel`), registrados em `models/index.ts`;
+- `playground/layouts/` — layouts JSON dos gráficos/filtros;
+- `playground/dashboards.ts` — lista do seletor no topo (modelo + layout + filtros iniciais) e formatters.
+
+O "Salvar no arquivo" do devtools grava nessas pastas (formatando com `vp fmt`) e os snapshots vão
+para `playground/snapshots/`. Mudanças em modelos valem na consulta seguinte, sem reiniciar.
+
+### Testar no app antes de publicar
+
+Para usar a versão local num app (ex.: o `custo` do `rocha-pr`), aponte a dependência para esta
+pasta (`"@bluemarble/bi": "file:../../../bm-bi"` + `npm install`) e deixe `vp run dev` rodando
+(`vp pack --watch`): o app lê o `dist/`. Com o link, o Next precisa de `turbopack.root` e
+`turbopack.resolveAlias` — o `next.config.js` do `custo` liga isso sozinho quando detecta o link.
+
+## Publicar
+
+```bash
+vp run verify     # o mesmo que o CI roda: check, typecheck, testes e build
+vp run release    # bumpp: escolhe a versão, commita, cria a tag vX.Y.Z e faz push
+```
+
+A tag dispara `.github/workflows/publish.yml`, que confere tag x `package.json`, roda o `verify` e
+publica com `bun publish` (secret `NPM_TOKEN`). Depois, no app: `npm install @bluemarble/bi@X.Y.Z`.

package/dist/{DashboardDevtools-wk4vMfhy.js → DashboardDevtools-TFwjFdqn.js}

@@ -1,7 +1,7 @@
 import { c as VALUE_FORMATS, f as validateModel, g as parseColumnRef, h as modelEdges, m as measureHome, o as AGGREGATIONS, s as AGGREGATION_LABEL, t as canonicalJson, u as isAggregate, v as referencedTables } from "./codegen-LoQzFAle.js";
 import { n as diffRows } from "./compare-DloZhg1T.js";
-import { C as DEFAULT_SCALE_MIN_COLOR, D as UNARY_OPERATORS, E as RULE_OPERATOR_LABEL, O as VALUE_RULE_OPERATORS, S as COLUMN_VERTICAL_ALIGNS, T as RULE_OPERATORS, a as FILTER_FIELDS, b as COLOR_SCALE_TARGETS, c as chartColumns, f as filterReferences, g as percentColumn, h as layoutModelWarnings, i as CARD_FIELDS, l as chartOfType, n as CANVAS_PRESETS, o as cardsGap, r as CARDS_FIELDS, t as BUILTIN_CHART_TYPES, u as chartReferences, v as tableColumns, w as NUMERIC_OPERATORS, x as COLUMN_ALIGNS, y as validateLayout } from "./layout-BS3nO6OT.js";
-import { C as useDashboard, D as parseLayoutItemKey, E as layoutItemKey, T as LAYOUT_ITEM_ATTRIBUTE, g as SERIES_COLORS, n as INSPECT_ATTRIBUTE, s as formatMeasure, t as ModelDictionary, w as errorMessage } from "./ModelDictionary-DZiYK1mV.js";
+import { C as COLUMN_VERTICAL_ALIGNS, D as RULE_OPERATOR_LABEL, E as RULE_OPERATORS, O as UNARY_OPERATORS, S as COLUMN_ALIGNS, T as NUMERIC_OPERATORS, _ as percentColumn, a as FILTER_FIELDS, b as validateLayout, d as chartReferences, g as layoutModelWarnings, i as CARD_FIELDS, k as VALUE_RULE_OPERATORS, l as chartColumns, n as CANVAS_PRESETS, o as PARAMETER_FIELDS, p as filterReferences, r as CARDS_FIELDS, s as cardsGap, t as BUILTIN_CHART_TYPES, u as chartOfType, w as DEFAULT_SCALE_MIN_COLOR, x as COLOR_SCALE_TARGETS, y as tableColumns } from "./layout-BuZhfoRI.js";
+import { C as useDashboard, D as parseLayoutItemKey, E as layoutItemKey, T as LAYOUT_ITEM_ATTRIBUTE, g as SERIES_COLORS, n as INSPECT_ATTRIBUTE, s as formatMeasure, t as ModelDictionary, w as errorMessage } from "./ModelDictionary-g5d84D0n.js";
 import { Alert, Autocomplete, Box, Button, Checkbox, Chip, CircularProgress, Collapse, Dialog, DialogActions, DialogContent, DialogTitle, Divider, FormControlLabel, IconButton, List, ListItemButton, ListSubheader, Menu, MenuItem, MenuList, Paper, Popover, Popper, Portal, Switch, Tab, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, TableSortLabel, Tabs, TextField, ThemeProvider, ToggleButton, ToggleButtonGroup, Tooltip, Typography, createTheme } from "@mui/material";
 import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -1161,8 +1161,10 @@ function LayoutPanel({ devtools, model, capabilities, picked, onHover }) {
 	] });
 	const charts = editing.charts;
 	const filters = editing.filters ?? [];
+	const parameters = editing.parameters ?? [];
 	const selectedFilter = selection?.kind === "filter" ? filters.find((filter) => filter.dimension === selection.key) ?? null : null;
-	const selected = selection?.kind === "filter" || selection?.kind === "canvas" || selection?.kind === "cards" ? null : charts.find((chart) => chart.id === selection?.key) ?? charts[0] ?? null;
+	const selectedParameter = selection?.kind === "parameter" ? parameters.find((parameter) => parameter.name === selection.key) ?? null : null;
+	const selected = selection?.kind === "filter" || selection?.kind === "parameter" || selection?.kind === "canvas" || selection?.kind === "cards" ? null : charts.find((chart) => chart.id === selection?.key) ?? charts[0] ?? null;
 	const layoutKey = entry.registered.id;
 	const differsFromFile = canonicalJson(editing) !== canonicalJson(entry.registered);
 	const dirty = canonicalJson(editing) !== referenceKey;
@@ -1183,6 +1185,8 @@ function LayoutPanel({ devtools, model, capabilities, picked, onHover }) {
 		filters: next
 	});
 	const patchFilter = (dimension, change) => setFilters(filters.map((filter) => filter.dimension === dimension ? change(filter) : filter));
+	const setParameters = (next) => update(withField(editing, "parameters", next.length ? next : void 0));
+	const patchParameter = (name, change) => setParameters(parameters.map((parameter) => parameter.name === name ? change(parameter) : parameter));
 	const toggleSidebar = () => {
 		const next = !sidebar;
 		setSidebar(next);
@@ -1210,8 +1214,11 @@ function LayoutPanel({ devtools, model, capabilities, picked, onHover }) {
 		},
 		onDrop: () => {
 			if (drag?.kind !== kind) return;
-			if (drag.to !== drag.from && drag.to !== drag.from + 1) if (kind === "chart") setCharts(moveTo(charts, drag.from, drag.to));
-			else setFilters(moveTo(filters, drag.from, drag.to));
+			if (drag.to !== drag.from && drag.to !== drag.from + 1) {
+				if (kind === "chart") setCharts(moveTo(charts, drag.from, drag.to));
+				else if (kind === "parameter") setParameters(moveTo(parameters, drag.from, drag.to));
+				else setFilters(moveTo(filters, drag.from, drag.to));
+			}
 			setDrag(null);
 		},
 		onDragEnd: () => setDrag(null)
@@ -1226,6 +1233,21 @@ function LayoutPanel({ devtools, model, capabilities, picked, onHover }) {
 			key: dimension
 		});
 	};
+	const addParameter = () => {
+		const measure = Object.keys(model.measures)[0];
+		if (!measure) return;
+		const used = new Set(parameters.map((parameter) => parameter.name));
+		let name = "medida";
+		for (let i = 2; used.has(name); i++) name = `medida-${i}`;
+		setParameters([...parameters, {
+			name,
+			measures: [measure]
+		}]);
+		setSelection({
+			kind: "parameter",
+			key: name
+		});
+	};
 	const focus = (item) => {
 		setSelection(item);
 		if (stacked) setSidebar(false);
@@ -1236,7 +1258,7 @@ function LayoutPanel({ devtools, model, capabilities, picked, onHover }) {
 	};
 	const stacked = rootWidth < STACK_WIDTH;
 	const formColumns = editorWidth < 420 ? 1 : editorWidth < 720 ? 2 : 4;
-	const selectedTitle = selection?.kind === "canvas" ? "Tela" : selection?.kind === "cards" ? "Cards" : selectedFilter ? selectedFilter.label || model.dimensions[selectedFilter.dimension]?.label || selectedFilter.dimension : selected ? selected.title || selected.id : "";
+	const selectedTitle = selection?.kind === "canvas" ? "Tela" : selection?.kind === "cards" ? "Cards" : selectedFilter ? selectedFilter.label || model.dimensions[selectedFilter.dimension]?.label || selectedFilter.dimension : selectedParameter ? selectedParameter.label || selectedParameter.name : selected ? selected.title || selected.id : "";
 	const hover = (item) => onHover(item && itemQueryId(layoutKey, item));
 	const add = (type, base) => {
 		setAddMenu(null);
@@ -1402,6 +1424,38 @@ function LayoutPanel({ devtools, model, capabilities, picked, onHover }) {
 								}, filter.dimension);
 							})]
 						}),
+						/* @__PURE__ */ jsxs(Section, {
+							title: `Parâmetros (${parameters.length})`,
+							collapseKey: "layout:lista:parametros",
+							actions: /* @__PURE__ */ jsx(Button, {
+								size: "small",
+								onClick: addParameter,
+								disabled: !Object.keys(model.measures).length,
+								children: "+ Novo"
+							}),
+							children: [!parameters.length && /* @__PURE__ */ jsx(Typography, {
+								sx: {
+									fontSize: 12,
+									color: "text.disabled",
+									mb: 1
+								},
+								children: "Nenhum parâmetro de medida."
+							}), parameters.map((parameter, index) => {
+								const item = {
+									kind: "parameter",
+									key: parameter.name
+								};
+								return /* @__PURE__ */ jsx(ItemRow, {
+									title: parameter.label || "Medida",
+									subtitle: `${parameter.name} · ${parameter.measures.length} medida(s)`,
+									selected: selectedParameter?.name === parameter.name,
+									onSelect: () => focus(item),
+									onHover: (on) => hover(on ? item : null),
+									...dragProps("parameter", index, parameters.length),
+									onRemove: () => setParameters(parameters.filter((other) => other.name !== parameter.name))
+								}, parameter.name);
+							})]
+						}),
 						/* @__PURE__ */ jsx(Section, {
 							title: `Gráficos (${charts.length})`,
 							collapseKey: "layout:lista:graficos",
@@ -1501,6 +1555,10 @@ function LayoutPanel({ devtools, model, capabilities, picked, onHover }) {
 								filter: selectedFilter,
 								model,
 								formatters: entry.parts.filters ?? [],
+								charts: editing.charts.map((chart) => ({
+									name: chart.id,
+									label: chart.title || chart.id
+								})),
 								columns: formColumns,
 								onChange: (change) => {
 									patchFilter(selectedFilter.dimension, change);
@@ -1509,12 +1567,27 @@ function LayoutPanel({ devtools, model, capabilities, picked, onHover }) {
 										key: change(selectedFilter).dimension
 									});
 								}
-							}, `filter:${selectedFilter.dimension}`) : selected ? /* @__PURE__ */ jsx(ChartForm, {
+							}, `filter:${selectedFilter.dimension}`) : selectedParameter ? /* @__PURE__ */ jsx(ParameterForm, {
+								parameter: selectedParameter,
+								model,
+								columns: formColumns,
+								onChange: (change) => {
+									patchParameter(selectedParameter.name, change);
+									setSelection({
+										kind: "parameter",
+										key: change(selectedParameter).name
+									});
+								}
+							}, `parameter:${selectedParameter.name}`) : selected ? /* @__PURE__ */ jsx(ChartForm, {
 								chart: selected,
 								cards: editing.cards,
 								types: chartTypes,
 								model,
 								formatters: entry.parts.charts ?? [],
+								measureParameters: parameters.map((parameter) => ({
+									name: parameter.name,
+									label: parameter.label || "Medida"
+								})),
 								columns: formColumns,
 								onChange: (change) => {
 									patchChart(selected.id, change);
@@ -1820,7 +1893,7 @@ function SmallButton({ title, disabled, onClick, children }) {
 		}) })
 	});
 }
-function ChartForm({ chart, cards, types, model, formatters, columns, onChange }) {
+function ChartForm({ chart, cards, types, model, formatters, measureParameters, columns, onChange }) {
 	const set = (key, value) => onChange((current) => withField(current, key, value));
 	const setMany = (changes) => onChange((current) => Object.entries(changes).reduce((chart, [key, value]) => withField(chart, key, value), current));
 	const setCard = (key, value) => onChange((current) => withField(current, "card", nonEmpty(withField(current.card ?? {}, key, value))));
@@ -1831,6 +1904,7 @@ function ChartForm({ chart, cards, types, model, formatters, columns, onChange }
 		onSetMany: setMany,
 		model,
 		formatters,
+		measureParameters,
 		columns: chartColumns(chart, types),
 		formColumns: columns,
 		chosenDimensions: chartReferences(chart, types).dimensions,
@@ -1866,23 +1940,42 @@ function ChartForm({ chart, cards, types, model, formatters, columns, onChange }
 		formatters: [],
 		columns: [],
 		formColumns: columns,
-		chosenDimensions: []
+		chosenDimensions: [],
+		sectionActions: { Card: /* @__PURE__ */ jsx(Button, {
+			size: "small",
+			disabled: !chart.card || !Object.keys(chart.card).length,
+			onClick: () => onChange((current) => withField(current, "card", void 0)),
+			children: "Usar valor padrão"
+		}) }
 	})] });
 }
-function FilterForm({ filter, model, formatters, columns, onChange }) {
+function FilterForm({ filter, model, formatters, charts, columns, onChange }) {
 	return /* @__PURE__ */ jsx(FieldsForm, {
 		fields: FILTER_FIELDS,
 		values: filter,
 		onSet: (key, value) => onChange((current) => withField(current, key, value)),
 		model,
 		formatters,
+		charts,
 		columns: [],
 		formColumns: columns,
 		chosenDimensions: [filter.dimension]
 	});
 }
+function ParameterForm({ parameter, model, columns, onChange }) {
+	return /* @__PURE__ */ jsx(FieldsForm, {
+		fields: PARAMETER_FIELDS,
+		values: parameter,
+		onSet: (key, value) => onChange((current) => withField(current, key, value)),
+		model,
+		formatters: [],
+		columns: parameter.measures,
+		formColumns: columns,
+		chosenDimensions: []
+	});
+}
 /** Formulário gerado dos `FieldSpec` (campos do tipo de gráfico ou do filtro). */
-function FieldsForm({ fields, values, onSet: set, onSetMany, model, formatters, columns, formColumns, chosenDimensions, chosenMeasures = [], header }) {
+function FieldsForm({ fields, values, onSet: set, onSetMany, model, formatters, columns, formColumns, chosenDimensions, chosenMeasures = [], charts = [], measureParameters = [], sectionActions, header }) {
 	const dimensions = Object.entries(model.dimensions).map(([name, dim]) => ({
 		name,
 		label: dim.label
@@ -2077,6 +2170,9 @@ function FieldsForm({ fields, values, onSet: set, onSetMany, model, formatters,
 			case "dimensions": return dimensions;
 			case "measure":
 			case "measures": return measures;
+			case "filters": return dimensions;
+			case "charts": return charts;
+			case "parameter": return measureParameters;
 			case "formatter": return formatters.map((name) => ({ name }));
 			case "column": return spec.outside ? fieldOptions : columnOptionsOf(columns);
 			case "enum": return spec.values.map((name) => ({
@@ -2165,6 +2261,28 @@ function FieldsForm({ fields, values, onSet: set, onSetMany, model, formatters,
 					}
 				});
 			}
+			case "filters": return /* @__PURE__ */ jsx(ColumnList, {
+				items: (value ?? []).map((name) => ({
+					kind: "dimension",
+					name
+				})),
+				options: { dimension: options(spec) },
+				onChange: (next) => {
+					const list = next.map((item) => item.name);
+					set(key, list.length ? list : void 0);
+				}
+			});
+			case "charts": return /* @__PURE__ */ jsx(ColumnList, {
+				items: (value ?? []).map((name) => ({
+					kind: "chart",
+					name
+				})),
+				options: { chart: options(spec) },
+				onChange: (next) => {
+					const list = next.map((item) => item.name);
+					set(key, list.length ? list : void 0);
+				}
+			});
 			case "valueRule": return /* @__PURE__ */ jsx(ValueRuleInput, {
 				rule: value,
 				label: spec.label,
@@ -2259,13 +2377,14 @@ function FieldsForm({ fields, values, onSet: set, onSetMany, model, formatters,
 		...pairedFormatters
 	].filter(Boolean));
 	const sections = [...new Set(entries.filter(([key]) => !hidden.has(key)).map(([, spec]) => spec.section))];
-	const fullRow = (spec) => spec.kind === "dimensions" || spec.kind === "measures" || spec.kind === "formatters" || spec.kind === "formatRules" || spec.kind === "colorScales" || spec.kind === "colors" || spec.kind === "valueRule";
+	const fullRow = (spec) => spec.kind === "dimensions" || spec.kind === "measures" || spec.kind === "filters" || spec.kind === "charts" || spec.kind === "formatters" || spec.kind === "formatRules" || spec.kind === "colorScales" || spec.kind === "colors" || spec.kind === "valueRule";
 	const gridColumn = (spec, key) => fullRow(spec) ? "1 / -1" : key === "title" && formColumns > 1 ? "span 2" : void 0;
 	return /* @__PURE__ */ jsx(Fragment, { children: sections.map((section) => {
 		const inSection = entries.filter(([, spec]) => spec.section === section);
 		return /* @__PURE__ */ jsx(Section, {
 			title: section,
 			collapseKey: `layout:form:${section}`,
+			actions: sectionActions?.[section],
 			children: /* @__PURE__ */ jsxs(Box, {
 				sx: formGrid(formColumns),
 				children: [section === sections[0] && header, inSection.filter(([key]) => !hidden.has(key)).map(([key, spec]) => /* @__PURE__ */ jsx(Box, {
@@ -3436,6 +3555,12 @@ const KIND_STYLE = {
 		color: "#9775fa",
 		noun: "% do total",
 		group: "% do total (da medida)"
+	},
+	chart: {
+		icon: "▦",
+		color: "#51cf66",
+		noun: "gráfico",
+		group: "Gráficos"
 	}
 };
 /**
@@ -4060,7 +4185,7 @@ function Builder({ tables, sql, onClose, onApply }) {
 	] });
 }
 //#endregion
-//#region src/devtools/queryTemplates.ts
+//#region src/devtools/queryTemplateDefs.ts
 /**
 * `WITH` da origem: a tabela do banco entra pelo nome; o SQL de uma tabela do modelo vira o CTE
 * `origem`, antes dos CTEs do template.
@@ -9329,4 +9454,4 @@ function ToggleButton$1({ draft, loading, problems, inspecting, onOpen }) {
 //#endregion
 export { DashboardDevtools as default };
 
-//# sourceMappingURL=DashboardDevtools-wk4vMfhy.js.map
+//# sourceMappingURL=DashboardDevtools-TFwjFdqn.js.map