@bluemarble/bi 0.6.4 → 0.6.6

package/dist/{DashboardDevtools-CSRt9lib.js → DashboardDevtools-I00Iz0Z8.js}

@@ -1,7 +1,7 @@
-import { a as toModelCode, 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-DkfI6UJr.js";
+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 RULE_OPERATOR_LABEL, S as RULE_OPERATORS, _ as tableColumns, a as FILTER_FIELDS, b as COLUMN_VERTICAL_ALIGNS, c as chartOfType, d as filterReferences, h as percentColumn, i as CARD_FIELDS, l as chartReferences, m as layoutModelWarnings, n as CANVAS_PRESETS, p as layoutFileContent, r as CARDS_FIELDS, s as chartColumns, t as BUILTIN_CHART_TYPES, v as validateLayout, w as UNARY_OPERATORS, x as NUMERIC_OPERATORS, y as COLUMN_ALIGNS } from "./layout-nViz3MdU.js";
-import { d as useDashboard, f as errorMessage, h as parseLayoutItemKey, m as layoutItemKey, n as INSPECT_ATTRIBUTE, o as formatMeasure, p as LAYOUT_ITEM_ATTRIBUTE, t as ModelDictionary } from "./ModelDictionary-Dib4Vk3i.js";
+import { C as RULE_OPERATORS, E as VALUE_RULE_OPERATORS, S as NUMERIC_OPERATORS, T as UNARY_OPERATORS, a as FILTER_FIELDS, b as COLUMN_ALIGNS, 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 RULE_OPERATOR_LABEL, x as COLUMN_VERTICAL_ALIGNS, y as validateLayout } from "./layout-CrZ00tB0.js";
+import { C as parseLayoutItemKey, S as layoutItemKey, b as errorMessage, f as SERIES_COLORS, n as INSPECT_ATTRIBUTE, o as formatMeasure, t as ModelDictionary, x as LAYOUT_ITEM_ATTRIBUTE, y as useDashboard } from "./ModelDictionary-DUGFHBo-.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";
@@ -1001,10 +1001,21 @@ const chartCardFields = (cards) => Object.fromEntries(Object.entries(CARD_FIELDS
 	...spec,
 	default: cards?.[key] ?? spec.default
 }]));
+/** `cards` como o formulário edita: o `gap` antigo vira `rowGap` e `columnGap`. */
+const cardsValues = (cards) => {
+	const { gap: _gap, ...rest } = cards ?? {};
+	const space = cardsGap(cards);
+	return nonEmpty({
+		...rest,
+		...space.row === void 0 ? {} : { rowGap: space.row },
+		...space.column === void 0 ? {} : { columnGap: space.column }
+	}) ?? {};
+};
 const cardsSummary = (cards) => {
-	const { gap, ...style } = cards ?? {};
+	const { gap: _gap, rowGap: _row, columnGap: _column, ...style } = cards ?? {};
+	const space = cardsGap(cards);
 	const custom = Object.keys(style).length;
-	return `espaço ${String(gap ?? CARDS_FIELDS.gap?.default)}px · ${custom ? `${custom} ajuste(s) de estilo` : "estilo padrão"}`;
+	return `espaço ${String(space.row ?? CARDS_FIELDS.rowGap?.default)}×${String(space.column ?? CARDS_FIELDS.columnGap?.default)}px · ${custom ? `${custom} ajuste(s) de estilo` : "estilo padrão"}`;
 };
 /** Campo opcional vazio sai do objeto, para o JSON ficar só com o que foi definido. */
 function withField(object, key, value) {
@@ -1166,7 +1177,7 @@ function LayoutPanel({ devtools, model, capabilities, picked, onHover }) {
 	});
 	const patchChart = (id, change) => setCharts(charts.map((chart) => chart.id === id ? change(chart) : chart));
 	const setCanvas = (next) => update(withField(editing, "canvas", next));
-	const setCards = (key, value) => update(withField(editing, "cards", nonEmpty(withField(editing.cards ?? {}, key, value))));
+	const setCards = (key, value) => update(withField(editing, "cards", nonEmpty(withField(cardsValues(editing.cards), key, value))));
 	const setFilters = (next) => update({
 		...editing,
 		filters: next
@@ -1479,7 +1490,7 @@ function LayoutPanel({ devtools, model, capabilities, picked, onHover }) {
 								children: "Estilo padrão dos cards de todos os gráficos; cada gráfico pode sobrepor na seção Card dele. Vazio = padrão do componente."
 							}), /* @__PURE__ */ jsx(FieldsForm, {
 								fields: CARDS_FIELDS,
-								values: editing.cards ?? {},
+								values: cardsValues(editing.cards),
 								onSet: setCards,
 								model,
 								formatters: [],
@@ -1545,11 +1556,7 @@ function LayoutPanel({ devtools, model, capabilities, picked, onHover }) {
 							children: errors.length ? "Edições com erro, não aplicadas" : "Edições não aplicadas"
 						})]
 					}),
-					/* @__PURE__ */ jsx(CopyButton, {
-						text: layoutFileContent(editing),
-						label: "Copiar JSON"
-					}),
-					/* @__PURE__ */ jsx(ConfirmButton, {
+					!autoApply && /* @__PURE__ */ jsx(ConfirmButton, {
 						size: "small",
 						disabled: !dirty,
 						onConfirm: () => setEditing(reference),
@@ -1559,17 +1566,20 @@ function LayoutPanel({ devtools, model, capabilities, picked, onHover }) {
 						confirmLabel: "Desfazer",
 						children: "Desfazer"
 					}),
-					/* @__PURE__ */ jsx(Button, {
+					/* @__PURE__ */ jsx(ConfirmButton, {
 						size: "small",
 						color: "warning",
 						disabled: !entry.draft,
-						onClick: () => {
+						onConfirm: () => {
 							devtools.store.expectRefetch();
 							layouts.setPending(entry.registered.id, null);
 							layouts.setDraft(entry.registered.id, null);
 							setEditingState(entry.registered);
 						},
 						title: "Volta a página e o editor ao layout do arquivo",
+						confirmTitle: "Descartar o rascunho?",
+						confirmText: "O rascunho e as edições do editor serão perdidos; a página e o editor voltam ao layout do arquivo.",
+						confirmLabel: "Descartar",
 						children: "Descartar rascunho"
 					}),
 					capabilities?.saveLayout && /* @__PURE__ */ jsx(Button, {
@@ -2155,6 +2165,16 @@ function FieldsForm({ fields, values, onSet: set, onSetMany, model, formatters,
 					}
 				});
 			}
+			case "valueRule": return /* @__PURE__ */ jsx(ValueRuleInput, {
+				rule: value,
+				label: spec.label,
+				onChange: (rule) => set(key, rule)
+			});
+			case "colors": return /* @__PURE__ */ jsx(ColorsInput, {
+				colors: value ?? {},
+				measures: spec.values && values[spec.values] ? null : chosenMeasures,
+				onChange: (next) => set(key, Object.keys(next).length ? next : void 0)
+			});
 			case "formatRules": return /* @__PURE__ */ jsx(FormatRulesInput, {
 				rules: value ?? [],
 				fieldOptions,
@@ -2234,7 +2254,7 @@ 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";
+	const fullRow = (spec) => spec.kind === "dimensions" || spec.kind === "measures" || spec.kind === "formatters" || spec.kind === "formatRules" || 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);
@@ -2248,7 +2268,7 @@ function FieldsForm({ fields, values, onSet: set, onSetMany, model, formatters,
 						gridColumn: gridColumn(spec, key),
 						alignSelf: spec.kind === "boolean" ? "end" : void 0
 					},
-					children: spec.kind === "boolean" ? withHint(input(key, spec), spec.hint) : merged?.dimensions === key ? field(merged.percents ? "Dimensões, medidas e %" : "Dimensões e medidas", input(key, spec), `${merged.order ? "Em qualquer ordem: é a ordem das colunas. " : ""}${[
+					children: spec.kind === "boolean" || spec.kind === "valueRule" ? withHint(input(key, spec), spec.hint) : merged?.dimensions === key ? field(merged.percents ? "Dimensões, medidas e %" : "Dimensões e medidas", input(key, spec), `${merged.order ? "Em qualquer ordem: é a ordem das colunas. " : ""}${[
 						spec.hint,
 						merged.measuresSpec.hint,
 						merged.percentsSpec?.hint && `% do total: ${merged.percentsSpec.hint}`
@@ -2657,6 +2677,198 @@ function ColorInput({ value, fallback, onCommit }) {
 		})]
 	});
 }
+/**
+* Regra de um valor (`ValueRule`): a checkbox liga (com "diferente de 0") e desliga (sai do JSON);
+* ligada, escolhe o operador e o número (e o fim do intervalo no "entre").
+*/
+function ValueRuleInput({ rule, label, onChange }) {
+	const setOperator = (operator) => {
+		const { to, ...rest } = rule ?? { value: 0 };
+		onChange(operator === "between" ? {
+			...rest,
+			operator,
+			to: to ?? rest.value
+		} : {
+			...rest,
+			operator
+		});
+	};
+	return /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(FormControlLabel, {
+		control: /* @__PURE__ */ jsx(Checkbox, {
+			size: "small",
+			checked: !!rule,
+			onChange: (e) => onChange(e.target.checked ? {
+				operator: "!=",
+				value: 0
+			} : void 0)
+		}),
+		label: /* @__PURE__ */ jsx(Typography, {
+			sx: { fontSize: 12 },
+			children: label
+		})
+	}), rule && /* @__PURE__ */ jsxs(Box, {
+		sx: {
+			display: "flex",
+			gap: .5,
+			alignItems: "center",
+			pl: 3.5
+		},
+		children: [
+			/* @__PURE__ */ jsx(Typography, {
+				sx: {
+					fontSize: 12,
+					whiteSpace: "nowrap"
+				},
+				children: "valor"
+			}),
+			/* @__PURE__ */ jsx(TextField, {
+				select: true,
+				size: "small",
+				value: rule.operator,
+				onChange: (e) => setOperator(e.target.value),
+				sx: {
+					...inputSx$1,
+					minWidth: 130
+				},
+				children: VALUE_RULE_OPERATORS.map((operator) => /* @__PURE__ */ jsx(MenuItem, {
+					value: operator,
+					sx: { fontSize: 12 },
+					children: RULE_OPERATOR_LABEL[operator]
+				}, operator))
+			}),
+			/* @__PURE__ */ jsx(RuleNumber, {
+				value: rule.value,
+				onCommit: (value) => onChange({
+					...rule,
+					value
+				})
+			}),
+			rule.operator === "between" && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Typography, {
+				sx: { fontSize: 12 },
+				children: "e"
+			}), /* @__PURE__ */ jsx(RuleNumber, {
+				value: rule.to ?? rule.value,
+				onCommit: (to) => onChange({
+					...rule,
+					to
+				})
+			})] })
+		]
+	})] });
+}
+/** Número digitado (aceita vírgula); só grava quando o texto é um número. */
+function RuleNumber({ value, onCommit }) {
+	const [typing, setTyping] = useState(null);
+	return /* @__PURE__ */ jsx(TextField, {
+		size: "small",
+		value: typing ?? String(value),
+		error: typing !== null && !Number.isFinite(Number(typing.trim().replace(",", "."))),
+		onChange: (e) => {
+			setTyping(e.target.value);
+			const text = e.target.value.trim().replace(",", ".");
+			const number = Number(text);
+			if (text && Number.isFinite(number)) onCommit(number);
+		},
+		onBlur: () => setTyping(null),
+		sx: {
+			...inputSx$1,
+			width: 90
+		}
+	});
+}
+/**
+* Cor por série (`{ série: cor }`). `measures`: uma linha por medida do gráfico (padrão: a paleta,
+* na ordem); `null`: as séries são valores de uma dimensão, que o devtools não conhece — digita o
+* valor e adiciona.
+*/
+function ColorsInput({ colors, measures, onChange }) {
+	const [draft, setDraft] = useState("");
+	const palette = (index) => SERIES_COLORS[index % SERIES_COLORS.length];
+	const row = (name, fallback, remove) => /* @__PURE__ */ jsxs(Box, {
+		sx: {
+			display: "flex",
+			gap: .5,
+			alignItems: "center"
+		},
+		children: [
+			/* @__PURE__ */ jsx(Typography, {
+				title: name,
+				sx: {
+					fontFamily: MONO,
+					fontSize: 12,
+					minWidth: 90,
+					maxWidth: 140,
+					overflow: "hidden",
+					textOverflow: "ellipsis",
+					whiteSpace: "nowrap"
+				},
+				children: name
+			}),
+			/* @__PURE__ */ jsx(ColorInput, {
+				value: colors[name],
+				fallback,
+				onCommit: (color) => onChange(withField(colors, name, color))
+			}),
+			remove && /* @__PURE__ */ jsx(IconButton, {
+				size: "small",
+				title: "Tirar a cor",
+				onClick: () => onChange(withField(colors, name, void 0)),
+				children: "✕"
+			})
+		]
+	}, name);
+	const add = () => {
+		const name = draft.trim();
+		if (!name || colors[name]) return;
+		onChange({
+			...colors,
+			[name]: palette(Object.keys(colors).length)
+		});
+		setDraft("");
+	};
+	if (measures) return /* @__PURE__ */ jsx(Box, {
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			gap: .5
+		},
+		children: measures.length ? measures.map((measure, index) => row(measure, palette(index), false)) : /* @__PURE__ */ jsx(Typography, {
+			sx: {
+				fontSize: 12,
+				color: "text.disabled"
+			},
+			children: "sem medidas"
+		})
+	});
+	return /* @__PURE__ */ jsxs(Box, {
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			gap: .5
+		},
+		children: [Object.keys(colors).map((name, index) => row(name, palette(index), true)), /* @__PURE__ */ jsxs(Box, {
+			sx: {
+				display: "flex",
+				gap: .5,
+				alignItems: "center"
+			},
+			children: [/* @__PURE__ */ jsx(TextField, {
+				size: "small",
+				fullWidth: true,
+				value: draft,
+				placeholder: "Valor da série (ou \"(em branco)\", \"Outros\")",
+				onChange: (e) => setDraft(e.target.value),
+				onKeyDown: (e) => e.key === "Enter" && add(),
+				sx: inputSx$1
+			}), /* @__PURE__ */ jsx(Button, {
+				size: "small",
+				onClick: add,
+				disabled: !draft.trim() || !!colors[draft.trim()],
+				children: "+ cor"
+			})]
+		})]
+	});
+}
 /** Sem as chaves de colunas que saíram do gráfico; vazio = `undefined` (sai do JSON). */
 function pruned(map, keep) {
 	const next = Object.fromEntries(Object.entries(map).filter(([key]) => keep.includes(key)));
@@ -5889,7 +6101,6 @@ function ModelPanel({ devtools, original, capabilities, tables, onTry, onSaved }
 	const { store, draft, setDraft } = devtools;
 	const { fetcher, model: modelName } = useDashboard();
 	const [editor, setEditor] = useState(() => toEditor(draft ?? original));
-	const [showCode, setShowCode] = useState(false);
 	const [checked, setChecked] = useState(null);
 	const [columns, setColumns] = useState(null);
 	const [columnErrors, setColumnErrors] = useState({});
@@ -6026,238 +6237,211 @@ function ModelPanel({ devtools, original, capabilities, tables, onTry, onSaved }
 	const validationErrors = validation ? Object.entries(validation.errors) : [];
 	return /* @__PURE__ */ jsxs(SqlCompletionsContext.Provider, {
 		value: completions,
-		children: [
-			/* @__PURE__ */ jsxs(Box, {
-				sx: {
-					display: "flex",
-					flexDirection: "column",
-					height: "100%",
-					minHeight: 0
-				},
-				children: [
-					/* @__PURE__ */ jsxs(Box, {
-						sx: {
-							px: 1.5,
-							"& .MuiAlert-root": {
-								my: .5,
-								py: 0
-							}
-						},
-						children: [
-							draft && /* @__PURE__ */ jsxs(Alert, {
-								severity: "warning",
-								children: [
-									"Rascunho aplicado: as consultas desta página estão usando o modelo editado, não o registrado em ",
-									/* @__PURE__ */ jsx("code", { children: "src/dashboard/models" }),
-									".",
-									capabilities?.saveModel ? " Use \"Salvar no arquivo\" quando terminar." : " Copie o código para o arquivo quando terminar."
-								]
-							}),
-							actionError && /* @__PURE__ */ jsx(Alert, {
-								severity: "error",
-								sx: {
-									fontFamily: "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
-									fontSize: 12
-								},
-								children: actionError
-							}),
-							!!validationErrors.length && /* @__PURE__ */ jsxs(Alert, {
-								severity: "error",
-								children: [
-									"O banco recusou ",
-									validationErrors.length,
-									" pedaço(s) do modelo — veja os campos marcados. O rascunho não foi aplicado.",
-									validation?.errors.model && /* @__PURE__ */ jsx("div", { children: validation.errors.model })
-								]
-							})
-						]
-					}),
-					/* @__PURE__ */ jsx(Box, {
-						sx: {
-							flex: 1,
-							minHeight: 0,
-							borderTop: 1,
-							borderColor: "divider"
-						},
-						children: /* @__PURE__ */ jsx(ModelDiagram, {
-							editor,
-							setEditor,
-							columns,
-							errors: {
-								...columnErrors,
-								...validation?.errors
+		children: [/* @__PURE__ */ jsxs(Box, {
+			sx: {
+				display: "flex",
+				flexDirection: "column",
+				height: "100%",
+				minHeight: 0
+			},
+			children: [
+				/* @__PURE__ */ jsxs(Box, {
+					sx: {
+						px: 1.5,
+						"& .MuiAlert-root": {
+							my: .5,
+							py: 0
+						}
+					},
+					children: [
+						draft && /* @__PURE__ */ jsxs(Alert, {
+							severity: "warning",
+							children: [
+								"Rascunho aplicado: as consultas desta página estão usando o modelo editado, não o registrado em ",
+								/* @__PURE__ */ jsx("code", { children: "src/dashboard/models" }),
+								".",
+								capabilities?.saveModel ? " Use \"Salvar no arquivo\" quando terminar." : " Copie o código para o arquivo quando terminar."
+							]
+						}),
+						actionError && /* @__PURE__ */ jsx(Alert, {
+							severity: "error",
+							sx: {
+								fontFamily: "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
+								fontSize: 12
 							},
-							warnings: validation?.warnings ?? {},
-							loadingColumns: busy === "columns",
-							onLoadColumns: loadColumns,
-							onTry,
-							usage
+							children: actionError
+						}),
+						!!validationErrors.length && /* @__PURE__ */ jsxs(Alert, {
+							severity: "error",
+							children: [
+								"O banco recusou ",
+								validationErrors.length,
+								" pedaço(s) do modelo — veja os campos marcados. O rascunho não foi aplicado.",
+								validation?.errors.model && /* @__PURE__ */ jsx("div", { children: validation.errors.model })
+							]
 						})
-					}),
-					/* @__PURE__ */ jsxs(Box, {
-						sx: {
-							borderTop: 1,
-							borderColor: "divider",
-							p: 1,
-							display: "flex",
-							alignItems: "center",
-							gap: 1,
-							flexWrap: "wrap"
+					]
+				}),
+				/* @__PURE__ */ jsx(Box, {
+					sx: {
+						flex: 1,
+						minHeight: 0,
+						borderTop: 1,
+						borderColor: "divider"
+					},
+					children: /* @__PURE__ */ jsx(ModelDiagram, {
+						editor,
+						setEditor,
+						columns,
+						errors: {
+							...columnErrors,
+							...validation?.errors
 						},
-						children: [
-							errors.length ? /* @__PURE__ */ jsx(Tooltip, {
-								title: /* @__PURE__ */ jsx(Box, {
-									sx: { whiteSpace: "pre-line" },
-									children: errors.join("\n")
-								}),
-								children: /* @__PURE__ */ jsx(Chip, {
-									color: "error",
-									size: "small",
-									label: `${errors.length} erro(s): ${errors[0]}`
-								})
-							}) : validation && !validationErrors.length ? /* @__PURE__ */ jsx(Chip, {
-								color: "success",
-								size: "small",
-								label: "SQL validado no banco"
-							}) : /* @__PURE__ */ jsx(Chip, {
-								color: "success",
-								size: "small",
-								variant: "outlined",
-								label: "modelo válido"
+						warnings: validation?.warnings ?? {},
+						loadingColumns: busy === "columns",
+						onLoadColumns: loadColumns,
+						onTry,
+						usage
+					})
+				}),
+				/* @__PURE__ */ jsxs(Box, {
+					sx: {
+						borderTop: 1,
+						borderColor: "divider",
+						p: 1,
+						display: "flex",
+						alignItems: "center",
+						gap: 1,
+						flexWrap: "wrap"
+					},
+					children: [
+						errors.length ? /* @__PURE__ */ jsx(Tooltip, {
+							title: /* @__PURE__ */ jsx(Box, {
+								sx: { whiteSpace: "pre-line" },
+								children: errors.join("\n")
 							}),
-							!!removed.length && /* @__PURE__ */ jsx(Chip, {
+							children: /* @__PURE__ */ jsx(Chip, {
+								color: "error",
 								size: "small",
-								color: "warning",
-								label: `removidos: ${removed.join(", ")}`
-							}),
-							/* @__PURE__ */ jsxs(Box, {
-								sx: {
-									ml: "auto",
-									display: "flex",
-									gap: 1,
-									flexWrap: "wrap",
-									alignItems: "center"
-								},
-								children: [
-									/* @__PURE__ */ jsx(AutoApplySwitch, { applying: busy === "apply" }),
-									/* @__PURE__ */ jsx(Button, {
-										size: "small",
-										onClick: () => setShowCode(true),
-										children: "Ver código"
-									}),
-									/* @__PURE__ */ jsx(Button, {
-										size: "small",
-										onClick: (e) => copyText(toModelCode(edited), e.currentTarget),
-										children: "Copiar TS"
-									}),
-									/* @__PURE__ */ jsx(Button, {
-										size: "small",
-										disabled: !!errors.length || !!busy,
-										onClick: () => act("validate", async () => {
-											await validateSql();
-										}),
-										title: "Executa cada pedaço do modelo no banco com poucas chaves",
-										children: busy === "validate" ? "Validando…" : "Validar SQL"
-									}),
-									/* @__PURE__ */ jsx(ConfirmButton, {
-										size: "small",
-										disabled: !dirty,
-										onConfirm: () => setEditor(toEditor(reference)),
-										title: "Desfaz as edições ainda não aplicadas",
-										confirmTitle: "Desfazer as edições?",
-										confirmText: "As edições do modelo ainda não aplicadas na página serão perdidas; o editor volta ao modelo que a página usa.",
-										confirmLabel: "Desfazer",
-										children: "Desfazer"
-									}),
-									/* @__PURE__ */ jsx(Button, {
-										size: "small",
-										color: "warning",
-										disabled: !draft,
-										onClick: () => setDraft(null),
-										title: "Volta a usar o modelo registrado no servidor",
-										children: "Descartar rascunho"
-									}),
-									capabilities?.saveModel && /* @__PURE__ */ jsx(Button, {
-										size: "small",
-										variant: "outlined",
-										disabled: !differsFromOriginal || !!errors.length || !!busy,
-										onClick: previewSave,
-										title: `Reescreve src/dashboard/models/${original.name}.ts`,
-										children: busy === "save" ? "Gerando…" : "Salvar no arquivo"
-									}),
-									!autoApply && /* @__PURE__ */ jsx(Button, {
-										size: "small",
-										variant: "contained",
-										disabled: !dirty || !!errors.length || !!busy,
-										onClick: apply,
-										children: busy === "apply" ? "Validando…" : "Aplicar na página"
-									})
-								]
+								label: `${errors.length} erro(s): ${errors[0]}`
 							})
-						]
-					})
-				]
-			}),
-			/* @__PURE__ */ jsxs(Dialog, {
-				open: showCode,
-				onClose: () => setShowCode(false),
-				maxWidth: "lg",
-				fullWidth: true,
-				children: [
-					/* @__PURE__ */ jsx(DialogTitle, { children: "Código do modelo" }),
-					/* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(CodeBlock, {
-						code: toModelCode(edited),
-						maxHeight: 600
-					}) }),
-					/* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(Button, {
-						onClick: () => setShowCode(false),
-						children: "Fechar"
-					}) })
-				]
-			}),
-			/* @__PURE__ */ jsxs(Dialog, {
-				open: !!save,
-				onClose: () => setSave(null),
-				maxWidth: "lg",
-				fullWidth: true,
-				children: [
-					/* @__PURE__ */ jsx(DialogTitle, { children: "Salvar no arquivo" }),
-					/* @__PURE__ */ jsxs(DialogContent, { children: [
-						/* @__PURE__ */ jsx(Typography, {
-							sx: {
-								fontFamily: MONO,
-								fontSize: 12,
-								mb: 1
-							},
-							children: save?.path
+						}) : validation && !validationErrors.length ? /* @__PURE__ */ jsx(Chip, {
+							color: "success",
+							size: "small",
+							label: "SQL validado no banco"
+						}) : /* @__PURE__ */ jsx(Chip, {
+							color: "success",
+							size: "small",
+							variant: "outlined",
+							label: "modelo válido"
 						}),
-						save?.warnings.map((warning) => /* @__PURE__ */ jsx(Alert, {
-							severity: "warning",
-							sx: { mb: 1 },
-							children: warning
-						}, warning)),
-						save && /* @__PURE__ */ jsx(FileDiff, { lines: lineDiff(save.previous, save.content) }),
-						/* @__PURE__ */ jsx(Typography, {
+						!!removed.length && /* @__PURE__ */ jsx(Chip, {
+							size: "small",
+							color: "warning",
+							label: `removidos: ${removed.join(", ")}`
+						}),
+						/* @__PURE__ */ jsxs(Box, {
 							sx: {
-								fontSize: 12,
-								color: "text.secondary",
-								mt: 1
+								ml: "auto",
+								display: "flex",
+								gap: 1,
+								flexWrap: "wrap",
+								alignItems: "center"
 							},
-							children: "O Next recarrega o modelo sozinho; o rascunho é descartado. O lint-staged formata o arquivo no commit."
+							children: [
+								/* @__PURE__ */ jsx(AutoApplySwitch, { applying: busy === "apply" }),
+								/* @__PURE__ */ jsx(Button, {
+									size: "small",
+									disabled: !!errors.length || !!busy,
+									onClick: () => act("validate", async () => {
+										await validateSql();
+									}),
+									title: "Executa cada pedaço do modelo no banco com poucas chaves",
+									children: busy === "validate" ? "Validando…" : "Validar SQL"
+								}),
+								!autoApply && /* @__PURE__ */ jsx(ConfirmButton, {
+									size: "small",
+									disabled: !dirty,
+									onConfirm: () => setEditor(toEditor(reference)),
+									title: "Desfaz as edições ainda não aplicadas",
+									confirmTitle: "Desfazer as edições?",
+									confirmText: "As edições do modelo ainda não aplicadas na página serão perdidas; o editor volta ao modelo que a página usa.",
+									confirmLabel: "Desfazer",
+									children: "Desfazer"
+								}),
+								/* @__PURE__ */ jsx(ConfirmButton, {
+									size: "small",
+									color: "warning",
+									disabled: !draft,
+									onConfirm: () => setDraft(null),
+									title: "Volta a usar o modelo registrado no servidor",
+									confirmTitle: "Descartar o rascunho?",
+									confirmText: "A página volta a usar o modelo registrado no servidor; as edições do rascunho serão perdidas.",
+									confirmLabel: "Descartar",
+									children: "Descartar rascunho"
+								}),
+								capabilities?.saveModel && /* @__PURE__ */ jsx(Button, {
+									size: "small",
+									variant: "outlined",
+									disabled: !differsFromOriginal || !!errors.length || !!busy,
+									onClick: previewSave,
+									title: `Reescreve src/dashboard/models/${original.name}.ts`,
+									children: busy === "save" ? "Gerando…" : "Salvar no arquivo"
+								}),
+								!autoApply && /* @__PURE__ */ jsx(Button, {
+									size: "small",
+									variant: "contained",
+									disabled: !dirty || !!errors.length || !!busy,
+									onClick: apply,
+									children: busy === "apply" ? "Validando…" : "Aplicar na página"
+								})
+							]
 						})
-					] }),
-					/* @__PURE__ */ jsxs(DialogActions, { children: [/* @__PURE__ */ jsx(Button, {
-						onClick: () => setSave(null),
-						children: "Cancelar"
-					}), /* @__PURE__ */ jsx(Button, {
-						variant: "contained",
-						disabled: !save || save.previous === save.content || !!busy,
-						onClick: writeSave,
-						children: "Gravar"
-					})] })
-				]
-			})
-		]
+					]
+				})
+			]
+		}), /* @__PURE__ */ jsxs(Dialog, {
+			open: !!save,
+			onClose: () => setSave(null),
+			maxWidth: "lg",
+			fullWidth: true,
+			children: [
+				/* @__PURE__ */ jsx(DialogTitle, { children: "Salvar no arquivo" }),
+				/* @__PURE__ */ jsxs(DialogContent, { children: [
+					/* @__PURE__ */ jsx(Typography, {
+						sx: {
+							fontFamily: MONO,
+							fontSize: 12,
+							mb: 1
+						},
+						children: save?.path
+					}),
+					save?.warnings.map((warning) => /* @__PURE__ */ jsx(Alert, {
+						severity: "warning",
+						sx: { mb: 1 },
+						children: warning
+					}, warning)),
+					save && /* @__PURE__ */ jsx(FileDiff, { lines: lineDiff(save.previous, save.content) }),
+					/* @__PURE__ */ jsx(Typography, {
+						sx: {
+							fontSize: 12,
+							color: "text.secondary",
+							mt: 1
+						},
+						children: "O Next recarrega o modelo sozinho; o rascunho é descartado. O lint-staged formata o arquivo no commit."
+					})
+				] }),
+				/* @__PURE__ */ jsxs(DialogActions, { children: [/* @__PURE__ */ jsx(Button, {
+					onClick: () => setSave(null),
+					children: "Cancelar"
+				}), /* @__PURE__ */ jsx(Button, {
+					variant: "contained",
+					disabled: !save || save.previous === save.content || !!busy,
+					onClick: writeSave,
+					children: "Gravar"
+				})] })
+			]
+		})]
 	});
 }
 //#endregion
@@ -8197,4 +8381,4 @@ function ToggleButton$1({ draft, loading, problems, inspecting, onOpen }) {
 //#endregion
 export { DashboardDevtools as default };
 
-//# sourceMappingURL=DashboardDevtools-CSRt9lib.js.map
+//# sourceMappingURL=DashboardDevtools-I00Iz0Z8.js.map