@praxisui/charts 9.0.26 → 9.0.28

package/fesm2022/praxisui-charts.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { Injectable, Optional, Inject, InjectionToken, input, booleanAttribute, output, viewChild, inject, ElementRef, NgZone, DestroyRef, signal, computed, afterNextRender, effect, ChangeDetectionStrategy, Component, ViewChild, Input, Injector, ENVIRONMENT_INITIALIZER } from '@angular/core';
 import * as i1 from '@praxisui/core';
-import { buildApiUrl, API_URL, PraxisI18nService, SETTINGS_PANEL_BRIDGE, normalizePraxisDataQueryContext, resolvePraxisFilterCriteria, BUILTIN_PAGE_THEME_PRESETS, PraxisIconButtonComponent, normalizePraxisPresentationVisualization, AnalyticsStatsRequestBuilderService, providePraxisI18n, AnalyticsPresentationResolver, ComponentMetadataRegistry, ResourceDiscoveryService, SETTINGS_PANEL_DATA, createDefaultTableConfig, PRAXIS_TABLE_DETAIL_INLINE_RENDERERS, DynamicWidgetPageComponent } from '@praxisui/core';
+import { buildApiUrl, API_URL, PraxisI18nService, SETTINGS_PANEL_BRIDGE, normalizePraxisDataQueryContext, resolvePraxisFilterCriteria, BUILTIN_PAGE_THEME_PRESETS, PraxisIconButtonComponent, normalizePraxisPresentationVisualization, AnalyticsStatsRequestBuilderService, AnalyticsPresentationResolver, providePraxisI18n, ComponentMetadataRegistry, ResourceDiscoveryService, SETTINGS_PANEL_DATA, createDefaultTableConfig, PRAXIS_TABLE_DETAIL_INLINE_RENDERERS, DynamicWidgetPageComponent } from '@praxisui/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { throwError, map, of, isObservable, from, firstValueFrom, timeout, BehaviorSubject, Subscription } from 'rxjs';
 import * as i1$2 from '@angular/material/tooltip';
@@ -9,7 +9,7 @@ import { MatTooltipModule } from '@angular/material/tooltip';
 import * as i1$1 from '@angular/common/http';
 import { HttpErrorResponse } from '@angular/common/http';
 import { catchError } from 'rxjs/operators';
-import { AnalyticsTableConfigAdapterService, AnalyticsTableStatsApiService, PraxisTable } from '@praxisui/table';
+import { AnalyticsTableConfigAdapterService, AnalyticsTableStatsApiService, ANALYTICS_TABLE_ROW_KEY_FIELD, PraxisTable } from '@praxisui/table';
 import { use, init } from 'echarts/core';
 import { BarChart, FunnelChart, LineChart, PieChart, ScatterChart } from 'echarts/charts';
 import { AriaComponent, DatasetComponent, GridComponent, LegendComponent, TitleComponent, TooltipComponent, TransformComponent } from 'echarts/components';
@@ -3894,493 +3894,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                     type: Optional
                 }] }] });
 
-const PRAXIS_CHARTS_EN_US = {
-    'praxis.charts.runtime.editChart': 'Edit chart settings',
-    'praxis.charts.runtime.invalidDocumentTitle': 'Invalid canonical configuration',
-    'praxis.charts.runtime.invalidDocumentDescription': 'The canonical chart document could not be mapped by Praxis Charts. Review the chart contract before continuing.',
-    'praxis.charts.runtime.remoteErrorTitle': 'Chart data could not be loaded',
-    'praxis.charts.runtime.remoteErrorDescription': 'Review the chart data source and analytics request before continuing.',
-    'praxis.charts.runtime.booleanFalseLabel': 'Not {{ label }}',
-    'praxis.charts.runtime.comparisonCurrent': 'Current',
-    'praxis.charts.runtime.comparisonPrevious': 'Previous',
-    'praxis.charts.widget.missingDocument': 'This widget does not have a canonical chart document yet. Runtime inputs are preserved until a canonical chartDocument is provided by the host.',
-    'praxis.charts.widget.queryContext.label': 'Query context',
-    'praxis.charts.widget.queryContext.ariaLabel': 'Chart query context',
-    'praxis.charts.widget.queryContext.invalidJson': 'Query context must be valid JSON.',
-    'praxis.charts.widget.queryContext.mustBeObject': 'Query context must be a JSON object.',
-    'praxis.charts.editor.section.general': 'General',
-    'praxis.charts.editor.section.data': 'Data',
-    'praxis.charts.editor.section.analytics': 'Analytics',
-    'praxis.charts.editor.section.appearance': 'Appearance',
-    'praxis.charts.editor.section.motion': 'Motion',
-    'praxis.charts.editor.section.events': 'Events',
-    'praxis.charts.editor.section.preview': 'Preview',
-    'praxis.charts.editor.field.chartId': 'Chart ID',
-    'praxis.charts.editor.field.kind': 'Kind',
-    'praxis.charts.editor.field.title': 'Title',
-    'praxis.charts.editor.field.subtitle': 'Subtitle',
-    'praxis.charts.editor.field.sizingMode': 'Sizing',
-    'praxis.charts.editor.field.height': 'Height',
-    'praxis.charts.editor.field.minHeight': 'Minimum height',
-    'praxis.charts.editor.field.maxHeight': 'Maximum height',
-    'praxis.charts.editor.field.aspectRatio': 'Aspect ratio',
-    'praxis.charts.editor.field.sourceKind': 'Source',
-    'praxis.charts.editor.field.resource': 'Resource',
-    'praxis.charts.editor.field.operation': 'Operation',
-    'praxis.charts.editor.field.granularity': 'Granularity',
-    'praxis.charts.editor.field.fillGaps': 'Fill missing intervals',
-    'praxis.charts.editor.field.distributionMode': 'Distribution mode',
-    'praxis.charts.editor.field.bucketSize': 'Bucket size',
-    'praxis.charts.editor.field.bucketCount': 'Bucket count',
-    'praxis.charts.editor.field.comparisonPeriodField': 'Period field',
-    'praxis.charts.editor.field.comparisonTimezone': 'Timezone',
-    'praxis.charts.editor.field.comparisonPreset': 'Period preset',
-    'praxis.charts.editor.field.comparisonMode': 'Comparison mode',
-    'praxis.charts.editor.field.dimension': 'Dimension',
-    'praxis.charts.editor.field.dimensionRole': 'Dimension role',
-    'praxis.charts.editor.field.metric': 'Metric',
-    'praxis.charts.editor.field.metricLabel': 'Metric label',
-    'praxis.charts.editor.field.metricAggregation': 'Aggregation',
-    'praxis.charts.editor.field.metricAxis': 'Axis',
-    'praxis.charts.editor.field.metricSeriesKind': 'Series kind',
-    'praxis.charts.editor.field.legendEnabled': 'Show legend',
-    'praxis.charts.editor.field.labelsEnabled': 'Show labels',
-    'praxis.charts.editor.field.tooltipEnabled': 'Show tooltip',
-    'praxis.charts.editor.field.themeVariant': 'Theme variant',
-    'praxis.charts.editor.field.paletteMode': 'Palette mode',
-    'praxis.charts.editor.field.paletteToken': 'Palette token',
-    'praxis.charts.editor.field.palette': 'Palette colors',
-    'praxis.charts.editor.field.surfaceMode': 'Surface mode',
-    'praxis.charts.editor.field.emptyTitle': 'Empty title',
-    'praxis.charts.editor.field.emptyDescription': 'Empty description',
-    'praxis.charts.editor.field.loadingTitle': 'Loading title',
-    'praxis.charts.editor.field.loadingDescription': 'Loading description',
-    'praxis.charts.editor.field.errorTitle': 'Error title',
-    'praxis.charts.editor.field.errorDescription': 'Error description',
-    'praxis.charts.editor.field.motionEnabled': 'Enable animations',
-    'praxis.charts.editor.field.motionPreset': 'Motion preset',
-    'praxis.charts.editor.field.eventAction': 'Action',
-    'praxis.charts.editor.field.eventTarget': 'Target',
-    'praxis.charts.editor.field.eventMapping': 'Mapping',
-    'praxis.charts.editor.preview.title': 'Chart preview',
-    'praxis.charts.editor.preview.caption': 'Local preview derived from the canonical contract without remote calls.',
-    'praxis.charts.editor.preview.invalid': 'Preview is unavailable while the contract has blocking errors.',
-    'praxis.charts.editor.issues.title': 'Validation issues',
-    'praxis.charts.editor.issues.empty': 'No issues were identified.',
-    'praxis.charts.editor.appearance.featuresTitle': 'Display features',
-    'praxis.charts.editor.appearance.paletteTitle': 'Palette',
-    'praxis.charts.editor.appearance.paletteHint': 'Use a registered token or comma-separated colors to persist theme.palette in the canonical contract.',
-    'praxis.charts.editor.appearance.surfaceTitle': 'Surface',
-    'praxis.charts.editor.appearance.surfaceHint': 'Use embedded for dashboard widgets and contained only when the chart must own its visual surface.',
-    'praxis.charts.editor.appearance.statesTitle': 'State messages',
-    'praxis.charts.editor.catalog.resourceMissing': 'Resource catalog is required for governed praxis.stats authoring.',
-    'praxis.charts.editor.catalog.resourceStale': 'Selected resource is not available in the governed resource catalog.',
-    'praxis.charts.editor.catalog.operationMissing': 'Selected resource does not publish authorable stats operations.',
-    'praxis.charts.editor.catalog.operationStale': 'Selected operation is not supported by the governed resource catalog.',
-    'praxis.charts.editor.catalog.fieldCatalogMissing': 'The selected resource does not publish governed fields for chart authoring.',
-    'praxis.charts.editor.catalog.dimensionFieldsMissing': 'No governed dimensions are available for the current resource and operation.',
-    'praxis.charts.editor.catalog.metricFieldsMissing': 'No governed metrics are available for the current resource and operation.',
-    'praxis.charts.editor.catalog.dimensionFieldStale': 'Selected dimension is not eligible for the current resource and operation.',
-    'praxis.charts.editor.catalog.metricFieldStale': 'Selected metric is not eligible for the current resource and operation.',
-    'praxis.charts.editor.catalog.metricAggregationStale': 'Selected aggregation is not allowed for the selected metric field.',
-    'praxis.charts.editor.catalog.comparisonPeriodFieldsMissing': 'No governed time-series field is available for comparison periods.',
-    'praxis.charts.editor.catalog.comparisonPeriodFieldStale': 'Selected period field is not time-series eligible for the governed comparison operation.',
-    'praxis.charts.editor.catalog.targetMissing': 'Target catalog is required for this governed event action.',
-    'praxis.charts.editor.catalog.targetStale': 'Selected target is not available for this event action.',
-    'praxis.charts.editor.catalog.capabilitiesDenied': 'Access to the selected resource capabilities was denied.',
-    'praxis.charts.editor.catalog.capabilitiesUnavailable': 'The selected resource capabilities are temporarily unavailable.',
-    'praxis.charts.editor.catalog.contextUnavailable': 'Governed chart authoring context could not be resolved.',
-    'praxis.charts.widget.contextDiagnostics.title': 'Authoring context',
-    'praxis.charts.widget.contextDiagnostics.catalogDenied': 'Access to the governed resource catalog was denied.',
-    'praxis.charts.widget.contextDiagnostics.catalogUnavailable': 'The governed resource catalog is temporarily unavailable.',
-    'praxis.charts.widget.contextDiagnostics.catalogEmpty': 'No authorable stats resources were published by the governed catalog.',
-    'praxis.charts.widget.contextDiagnostics.catalogPathInvalid': 'The resource catalog published an unsafe or non-relative operational path.',
-    'praxis.charts.widget.contextDiagnostics.capabilitiesDenied': 'Access to the selected resource capabilities was denied.',
-    'praxis.charts.widget.contextDiagnostics.capabilitiesUnavailable': 'The selected resource capabilities are temporarily unavailable.',
-    'praxis.charts.widget.contextDiagnostics.operationsEmpty': 'The selected resource does not publish authorable stats operations.',
-    'praxis.charts.widget.contextDiagnostics.fieldsEmpty': 'The selected resource does not publish governed fields for chart authoring.',
-    'praxis.charts.widget.contextDiagnostics.identityMismatch': 'The selected resource identity does not match its governed capability snapshot.',
-    'praxis.charts.widget.contextDiagnostics.capabilitiesPathInvalid': 'The selected capability snapshot did not publish a safe governed resource path.',
-    'praxis.charts.widget.contextDiagnostics.capabilitiesPathMismatch': 'The selected capability snapshot path does not match the operational path published by the catalog.',
-    'praxis.charts.widget.contextDiagnostics.partial': 'Some governed authoring choices could not be materialized from the current page context.',
-    'praxis.charts.editor.hint.sizingMode': 'Use fill-container only when the host widget provides a defined body height.',
-    'praxis.charts.editor.hint.height': 'Numbers are saved as pixels; CSS lengths such as 20rem are also accepted.',
-    'praxis.charts.editor.hint.minHeight': 'Set a readable minimum for compact dashboard widgets.',
-    'praxis.charts.editor.hint.maxHeight': 'Leave empty unless the chart must stop growing inside a flexible layout.',
-    'praxis.charts.editor.hint.aspectRatio': 'Optional. Use values such as 1.777 or 16 / 9.',
-    'praxis.charts.editor.analytics.dimensionsTitle': 'Dimensions',
-    'praxis.charts.editor.analytics.metricsTitle': 'Metrics',
-    'praxis.charts.editor.analytics.addDimension': 'Add dimension',
-    'praxis.charts.editor.analytics.addMetric': 'Add metric',
-    'praxis.charts.editor.analytics.removeDimension': 'Remove dimension',
-    'praxis.charts.editor.analytics.removeMetric': 'Remove metric',
-    'praxis.charts.editor.specialization.timeseriesTitle': 'Timeseries options',
-    'praxis.charts.editor.specialization.distributionTitle': 'Distribution options',
-    'praxis.charts.editor.specialization.comparisonTitle': 'Comparison period',
-    'praxis.charts.editor.specialization.comboTitle': 'Combo guidance',
-    'praxis.charts.editor.specialization.comboHint': 'Combo charts require at least two metrics and allow per-metric axis and series kind mapping.',
-    'praxis.charts.editor.specialization.pieDonutTitle': 'Composition guidance',
-    'praxis.charts.editor.themeVariant.none': 'No variant',
-    'praxis.charts.editor.themeVariant.default': 'Default',
-    'praxis.charts.editor.themeVariant.compact': 'Compact',
-    'praxis.charts.editor.themeVariant.executive': 'Executive',
-    'praxis.charts.editor.paletteMode.token': 'Registered token',
-    'praxis.charts.editor.paletteMode.custom': 'Custom colors',
-    'praxis.charts.editor.paletteToken.brand-primary': 'Brand primary',
-    'praxis.charts.editor.paletteToken.brand-balanced': 'Brand balanced',
-    'praxis.charts.editor.paletteToken.status': 'Status',
-    'praxis.charts.editor.paletteToken.executive': 'Executive',
-    'praxis.charts.editor.specialization.pieDonutHint': 'Pie, donut, funnel and pyramid charts keep one metric and use the first dimension as the category segment.',
-    'praxis.charts.editor.specialization.scatterTitle': 'Scatter guidance',
-    'praxis.charts.editor.specialization.scatterHint': 'Scatter charts use the first dimension as X and the first metric as Y.',
-    'praxis.charts.editor.events.pointClickTitle': 'Point click',
-    'praxis.charts.editor.events.selectionChangeTitle': 'Selection change',
-    'praxis.charts.editor.events.drillDownTitle': 'Drill down',
-    'praxis.charts.editor.events.crossFilterTitle': 'Cross filter',
-    'praxis.charts.editor.events.none': 'None',
-    'praxis.charts.editor.sourceKind.praxisStats': 'praxis.stats',
-    'praxis.charts.editor.sourceKind.derived': 'derived',
-    'praxis.charts.editor.sizing.fixed': 'Fixed height',
-    'praxis.charts.editor.sizing.fill-container': 'Fill widget',
-    'praxis.charts.editor.sizing.auto': 'Automatic',
-    'praxis.charts.editor.surface.auto': 'Automatic',
-    'praxis.charts.editor.surface.embedded': 'Embedded in widget',
-    'praxis.charts.editor.surface.contained': 'Contained surface',
-    'praxis.charts.editor.operation.groupBy': 'group-by',
-    'praxis.charts.editor.operation.timeseries': 'timeseries',
-    'praxis.charts.editor.operation.distribution': 'distribution',
-    'praxis.charts.editor.operation.comparison': 'comparison',
-    'praxis.charts.editor.granularity.day': 'day',
-    'praxis.charts.editor.granularity.week': 'week',
-    'praxis.charts.editor.granularity.month': 'month',
-    'praxis.charts.editor.distributionMode.terms': 'terms',
-    'praxis.charts.editor.distributionMode.histogram': 'histogram',
-    'praxis.charts.editor.comparisonPreset.TODAY': 'Today',
-    'praxis.charts.editor.comparisonPreset.YESTERDAY': 'Yesterday',
-    'praxis.charts.editor.comparisonPreset.LAST_7_DAYS': 'Last 7 days',
-    'praxis.charts.editor.comparisonPreset.LAST_30_DAYS': 'Last 30 days',
-    'praxis.charts.editor.comparisonPreset.THIS_MONTH': 'This month',
-    'praxis.charts.editor.comparisonPreset.LAST_MONTH': 'Last month',
-    'praxis.charts.editor.comparisonPreset.THIS_QUARTER': 'This quarter',
-    'praxis.charts.editor.comparisonPreset.THIS_YEAR': 'This year',
-    'praxis.charts.editor.comparisonMode.PREVIOUS_ALIGNED': 'Previous aligned period',
-    'praxis.charts.editor.comparisonMode.PREVIOUS_CALENDAR_PERIOD': 'Previous calendar period',
-    'praxis.charts.editor.motionPreset.subtle': 'subtle',
-    'praxis.charts.editor.motionPreset.standard': 'standard',
-    'praxis.charts.editor.motionPreset.expressive': 'expressive',
-    'praxis.charts.editor.dimensionRole.category': 'category',
-    'praxis.charts.editor.dimensionRole.series': 'series',
-    'praxis.charts.editor.dimensionRole.segment': 'segment',
-    'praxis.charts.editor.dimensionRole.time': 'time',
-    'praxis.charts.editor.dimensionRole.value': 'value',
-    'praxis.charts.editor.metricAggregation.sum': 'sum',
-    'praxis.charts.editor.metricAggregation.count': 'count',
-    'praxis.charts.editor.metricAggregation.distinct-count': 'distinct count',
-    'praxis.charts.editor.metricAggregation.avg': 'avg',
-    'praxis.charts.editor.metricAggregation.min': 'min',
-    'praxis.charts.editor.metricAggregation.max': 'max',
-    'praxis.charts.editor.metricAxis.primary': 'primary',
-    'praxis.charts.editor.metricAxis.secondary': 'secondary',
-    'praxis.charts.editor.metricSeriesKind.bar': 'bar',
-    'praxis.charts.editor.metricSeriesKind.line': 'line',
-    'praxis.charts.editor.metricSeriesKind.area': 'area',
-    'praxis.charts.editor.eventAction.filter-widget': 'filter-widget',
-    'praxis.charts.editor.eventAction.open-detail': 'open-detail',
-    'praxis.charts.editor.eventAction.navigate': 'navigate',
-    'praxis.charts.editor.eventAction.update-context': 'update-context',
-    'praxis.charts.editor.eventAction.emit': 'emit',
-    'praxis.charts.editor.kind.bar': 'Bar',
-    'praxis.charts.editor.kind.horizontal-bar': 'Horizontal Bar',
-    'praxis.charts.editor.kind.line': 'Line',
-    'praxis.charts.editor.kind.area': 'Area',
-    'praxis.charts.editor.kind.stacked-bar': 'Stacked Bar',
-    'praxis.charts.editor.kind.stacked-area': 'Stacked Area',
-    'praxis.charts.editor.kind.combo': 'Combo',
-    'praxis.charts.editor.kind.pie': 'Pie',
-    'praxis.charts.editor.kind.donut': 'Donut',
-    'praxis.charts.editor.kind.scatter': 'Scatter',
-    'praxis.charts.editor.kind.funnel': 'Funnel',
-    'praxis.charts.editor.kind.pyramid': 'Pyramid',
-    'praxis.charts.analyticsPresentation.selectorLabel': 'Analytics presentation',
-    'praxis.charts.analyticsPresentation.chart': 'Chart',
-    'praxis.charts.analyticsPresentation.table': 'Table',
-    'praxis.charts.analyticsPresentation.unavailable': 'Presentation unavailable',
-    'praxis.charts.analyticsPresentation.loading': 'Loading analytics…',
-    'praxis.charts.analyticsPresentation.empty': 'No data available.',
-    'praxis.charts.analyticsPresentation.projectionMissing': 'Analytics projection "{projectionId}" was not found.',
-    'praxis.charts.analyticsPresentation.noRenderer': 'Analytics projection "{projectionId}" has no eligible installed renderer.',
-    'praxis.charts.analyticsPresentation.familyIneligible': 'Presentation family "{family}" is not eligible for projection "{projectionId}".',
-};
-
-const PRAXIS_CHARTS_PT_BR = {
-    'praxis.charts.runtime.editChart': 'Editar configurações do gráfico',
-    'praxis.charts.runtime.invalidDocumentTitle': 'Configuração canônica inválida',
-    'praxis.charts.runtime.invalidDocumentDescription': 'O documento canônico do gráfico não pode ser mapeado pelo Praxis Charts. Revise o contrato do gráfico antes de continuar.',
-    'praxis.charts.runtime.remoteErrorTitle': 'Não foi possível carregar os dados do gráfico',
-    'praxis.charts.runtime.remoteErrorDescription': 'Revise a fonte de dados e os filtros antes de continuar.',
-    'praxis.charts.runtime.booleanFalseLabel': 'Não {{ label }}',
-    'praxis.charts.runtime.comparisonCurrent': 'Atual',
-    'praxis.charts.runtime.comparisonPrevious': 'Anterior',
-    'praxis.charts.widget.missingDocument': 'Este widget ainda não possui um documento canônico de gráfico. Os inputs runtime são preservados até o host fornecer um chartDocument canônico.',
-    'praxis.charts.widget.queryContext.label': 'Contexto da consulta',
-    'praxis.charts.widget.queryContext.ariaLabel': 'Contexto da consulta do gráfico',
-    'praxis.charts.widget.queryContext.invalidJson': 'O contexto da consulta deve ser um JSON válido.',
-    'praxis.charts.widget.queryContext.mustBeObject': 'O contexto da consulta deve ser um objeto JSON.',
-    'praxis.charts.editor.section.general': 'Geral',
-    'praxis.charts.editor.section.data': 'Dados',
-    'praxis.charts.editor.section.analytics': 'Estrutura',
-    'praxis.charts.editor.section.appearance': 'Aparência',
-    'praxis.charts.editor.section.motion': 'Movimento',
-    'praxis.charts.editor.section.events': 'Eventos',
-    'praxis.charts.editor.section.preview': 'Visualização',
-    'praxis.charts.editor.field.chartId': 'ID do Gráfico',
-    'praxis.charts.editor.field.kind': 'Tipo',
-    'praxis.charts.editor.field.title': 'Título',
-    'praxis.charts.editor.field.subtitle': 'Subtítulo',
-    'praxis.charts.editor.field.sizingMode': 'Tamanho',
-    'praxis.charts.editor.field.height': 'Altura',
-    'praxis.charts.editor.field.minHeight': 'Altura mínima',
-    'praxis.charts.editor.field.maxHeight': 'Altura máxima',
-    'praxis.charts.editor.field.aspectRatio': 'Proporção',
-    'praxis.charts.editor.field.sourceKind': 'Fonte',
-    'praxis.charts.editor.field.resource': 'Recurso',
-    'praxis.charts.editor.field.operation': 'Operação',
-    'praxis.charts.editor.field.granularity': 'Granularidade',
-    'praxis.charts.editor.field.fillGaps': 'Preencher intervalos sem dados',
-    'praxis.charts.editor.field.distributionMode': 'Modo de distribuição',
-    'praxis.charts.editor.field.bucketSize': 'Tamanho do bucket',
-    'praxis.charts.editor.field.bucketCount': 'Quantidade de buckets',
-    'praxis.charts.editor.field.comparisonPeriodField': 'Campo de período',
-    'praxis.charts.editor.field.comparisonTimezone': 'Fuso horário',
-    'praxis.charts.editor.field.comparisonPreset': 'Período predefinido',
-    'praxis.charts.editor.field.comparisonMode': 'Modo de comparação',
-    'praxis.charts.editor.field.dimension': 'Dimensão',
-    'praxis.charts.editor.field.dimensionRole': 'Papel da dimensão',
-    'praxis.charts.editor.field.metric': 'Métrica',
-    'praxis.charts.editor.field.metricLabel': 'Rótulo da métrica',
-    'praxis.charts.editor.field.metricAggregation': 'Agregação',
-    'praxis.charts.editor.field.metricAxis': 'Eixo',
-    'praxis.charts.editor.field.metricSeriesKind': 'Tipo da série',
-    'praxis.charts.editor.field.legendEnabled': 'Exibir legenda',
-    'praxis.charts.editor.field.labelsEnabled': 'Exibir rótulos',
-    'praxis.charts.editor.field.tooltipEnabled': 'Exibir dica de ferramenta (tooltip)',
-    'praxis.charts.editor.field.themeVariant': 'Variante de tema',
-    'praxis.charts.editor.field.paletteMode': 'Modo da paleta',
-    'praxis.charts.editor.field.paletteToken': 'Token da paleta',
-    'praxis.charts.editor.field.palette': 'Cores da paleta',
-    'praxis.charts.editor.field.surfaceMode': 'Modo da superfície',
-    'praxis.charts.editor.field.emptyTitle': 'Título do estado vazio',
-    'praxis.charts.editor.field.emptyDescription': 'Descrição do estado vazio',
-    'praxis.charts.editor.field.loadingTitle': 'Título de carregamento',
-    'praxis.charts.editor.field.loadingDescription': 'Descrição de carregamento',
-    'praxis.charts.editor.field.errorTitle': 'Título do erro',
-    'praxis.charts.editor.field.errorDescription': 'Descrição do erro',
-    'praxis.charts.editor.field.motionEnabled': 'Ativar animações',
-    'praxis.charts.editor.field.motionPreset': 'Predefinição de movimento',
-    'praxis.charts.editor.field.eventAction': 'Ação',
-    'praxis.charts.editor.field.eventTarget': 'Destino',
-    'praxis.charts.editor.field.eventMapping': 'Mapeamento',
-    'praxis.charts.editor.preview.title': 'Visualização do gráfico',
-    'praxis.charts.editor.preview.caption': 'Visualização local derivada do contrato canônico, sem chamadas remotas.',
-    'praxis.charts.editor.preview.invalid': 'A visualização fica indisponível enquanto houver erro bloqueante no contrato.',
-    'praxis.charts.editor.issues.title': 'Problemas de validação',
-    'praxis.charts.editor.issues.empty': 'Nenhum problema identificado.',
-    'praxis.charts.editor.appearance.featuresTitle': 'Recursos visuais',
-    'praxis.charts.editor.appearance.paletteTitle': 'Paleta',
-    'praxis.charts.editor.appearance.paletteHint': 'Use um token registrado ou cores separadas por vírgula para persistir `theme.palette` no contrato canônico.',
-    'praxis.charts.editor.appearance.surfaceTitle': 'Superfície',
-    'praxis.charts.editor.appearance.surfaceHint': 'Use embutido para widgets de dashboard e contido apenas quando o gráfico precisar ser dono da própria superfície visual.',
-    'praxis.charts.editor.appearance.statesTitle': 'Mensagens de estado',
-    'praxis.charts.editor.catalog.resourceMissing': 'O catálogo de recursos é obrigatório para authoring governado de praxis.stats.',
-    'praxis.charts.editor.catalog.resourceStale': 'O recurso selecionado não está disponível no catálogo governado de recursos.',
-    'praxis.charts.editor.catalog.operationMissing': 'O recurso selecionado não publica operações de stats authoráveis.',
-    'praxis.charts.editor.catalog.operationStale': 'A operação selecionada não é suportada pelo catálogo governado do recurso.',
-    'praxis.charts.editor.catalog.fieldCatalogMissing': 'O recurso selecionado não publica campos governados para a autoria do gráfico.',
-    'praxis.charts.editor.catalog.dimensionFieldsMissing': 'Nenhuma dimensão governada está disponível para o recurso e a operação atuais.',
-    'praxis.charts.editor.catalog.metricFieldsMissing': 'Nenhuma métrica governada está disponível para o recurso e a operação atuais.',
-    'praxis.charts.editor.catalog.dimensionFieldStale': 'A dimensão selecionada não é elegível para o recurso e a operação atuais.',
-    'praxis.charts.editor.catalog.metricFieldStale': 'A métrica selecionada não é elegível para o recurso e a operação atuais.',
-    'praxis.charts.editor.catalog.metricAggregationStale': 'A agregação selecionada não é permitida para a métrica escolhida.',
-    'praxis.charts.editor.catalog.comparisonPeriodFieldsMissing': 'Nenhum campo temporal governado está disponível para períodos de comparação.',
-    'praxis.charts.editor.catalog.comparisonPeriodFieldStale': 'O campo de período selecionado não é elegível para série temporal na operação de comparação governada.',
-    'praxis.charts.editor.catalog.targetMissing': 'O catálogo de destinos é obrigatório para esta ação de evento governada.',
-    'praxis.charts.editor.catalog.targetStale': 'O destino selecionado não está disponível para esta ação de evento.',
-    'praxis.charts.editor.catalog.capabilitiesDenied': 'O acesso às capabilities do recurso selecionado foi negado.',
-    'praxis.charts.editor.catalog.capabilitiesUnavailable': 'As capabilities do recurso selecionado estão temporariamente indisponíveis.',
-    'praxis.charts.editor.catalog.contextUnavailable': 'Não foi possível resolver o contexto governado de authoring do gráfico.',
-    'praxis.charts.widget.contextDiagnostics.title': 'Contexto de authoring',
-    'praxis.charts.widget.contextDiagnostics.catalogDenied': 'O acesso ao catálogo governado de recursos foi negado.',
-    'praxis.charts.widget.contextDiagnostics.catalogUnavailable': 'O catálogo governado de recursos está temporariamente indisponível.',
-    'praxis.charts.widget.contextDiagnostics.catalogEmpty': 'Nenhum recurso de stats authorável foi publicado pelo catálogo governado.',
-    'praxis.charts.widget.contextDiagnostics.catalogPathInvalid': 'O catálogo de recursos publicou um path operacional inseguro ou não relativo.',
-    'praxis.charts.widget.contextDiagnostics.capabilitiesDenied': 'O acesso às capabilities do recurso selecionado foi negado.',
-    'praxis.charts.widget.contextDiagnostics.capabilitiesUnavailable': 'As capabilities do recurso selecionado estão temporariamente indisponíveis.',
-    'praxis.charts.widget.contextDiagnostics.operationsEmpty': 'O recurso selecionado não publica operações de stats authoráveis.',
-    'praxis.charts.widget.contextDiagnostics.fieldsEmpty': 'O recurso selecionado não publica campos governados para a autoria do gráfico.',
-    'praxis.charts.widget.contextDiagnostics.identityMismatch': 'A identidade do recurso selecionado não corresponde ao snapshot governado de capabilities.',
-    'praxis.charts.widget.contextDiagnostics.capabilitiesPathInvalid': 'O snapshot de capabilities selecionado não publicou um path de recurso governado e seguro.',
-    'praxis.charts.widget.contextDiagnostics.capabilitiesPathMismatch': 'O path do snapshot de capabilities não corresponde ao path operacional publicado pelo catálogo.',
-    'praxis.charts.widget.contextDiagnostics.partial': 'Algumas opções governadas de authoring não puderam ser materializadas a partir do contexto atual da página.',
-    'praxis.charts.editor.hint.sizingMode': 'Use preencher container apenas quando o widget host fornecer altura definida para o corpo.',
-    'praxis.charts.editor.hint.height': 'Números são salvos como pixels; medidas CSS como 20rem também são aceitas.',
-    'praxis.charts.editor.hint.minHeight': 'Defina um mínimo legível para widgets compactos de dashboard.',
-    'praxis.charts.editor.hint.maxHeight': 'Deixe vazio exceto quando o gráfico não puder crescer dentro de um layout flexível.',
-    'praxis.charts.editor.hint.aspectRatio': 'Opcional. Use valores como 1.777 ou 16 / 9.',
-    'praxis.charts.editor.analytics.dimensionsTitle': 'Dimensões',
-    'praxis.charts.editor.analytics.metricsTitle': 'Métricas',
-    'praxis.charts.editor.analytics.addDimension': 'Adicionar dimensão',
-    'praxis.charts.editor.analytics.addMetric': 'Adicionar métrica',
-    'praxis.charts.editor.analytics.removeDimension': 'Remover dimensão',
-    'praxis.charts.editor.analytics.removeMetric': 'Remover métrica',
-    'praxis.charts.editor.specialization.timeseriesTitle': 'Opções de séries temporais',
-    'praxis.charts.editor.specialization.distributionTitle': 'Opções de distribuição',
-    'praxis.charts.editor.specialization.comparisonTitle': 'Período de comparação',
-    'praxis.charts.editor.specialization.comboTitle': 'Guia de combo',
-    'praxis.charts.editor.specialization.comboHint': 'Gráficos combo exigem pelo menos duas métricas e permitem configurar eixo e tipo de série por métrica.',
-    'praxis.charts.editor.specialization.pieDonutTitle': 'Guia de composição',
-    'praxis.charts.editor.themeVariant.none': 'Sem variante',
-    'praxis.charts.editor.themeVariant.default': 'Padrão',
-    'praxis.charts.editor.themeVariant.compact': 'Compacta',
-    'praxis.charts.editor.themeVariant.executive': 'Executiva',
-    'praxis.charts.editor.paletteMode.token': 'Token registrado',
-    'praxis.charts.editor.paletteMode.custom': 'Cores customizadas',
-    'praxis.charts.editor.paletteToken.brand-primary': 'Marca principal',
-    'praxis.charts.editor.paletteToken.brand-balanced': 'Marca balanceada',
-    'praxis.charts.editor.paletteToken.status': 'Status',
-    'praxis.charts.editor.paletteToken.executive': 'Executiva',
-    'praxis.charts.editor.specialization.pieDonutHint': 'Gráficos de pizza, rosca, funil e pirâmide mantêm uma métrica e usam a primeira dimensão como segmento categórico.',
-    'praxis.charts.editor.specialization.scatterTitle': 'Guia de dispersão (scatter)',
-    'praxis.charts.editor.specialization.scatterHint': 'Gráficos de dispersão usam a primeira dimensão como eixo X e a primeira métrica como eixo Y.',
-    'praxis.charts.editor.events.pointClickTitle': 'Clique no ponto',
-    'praxis.charts.editor.events.selectionChangeTitle': 'Mudança de seleção',
-    'praxis.charts.editor.events.drillDownTitle': 'Drill down',
-    'praxis.charts.editor.events.crossFilterTitle': 'Filtro cruzado',
-    'praxis.charts.editor.events.none': 'Nenhuma',
-    'praxis.charts.editor.sourceKind.praxisStats': 'praxis.stats',
-    'praxis.charts.editor.sourceKind.derived': 'derivado',
-    'praxis.charts.editor.sizing.fixed': 'Altura fixa',
-    'praxis.charts.editor.sizing.fill-container': 'Preencher widget',
-    'praxis.charts.editor.sizing.auto': 'Automático',
-    'praxis.charts.editor.surface.auto': 'Automático',
-    'praxis.charts.editor.surface.embedded': 'Embutido no widget',
-    'praxis.charts.editor.surface.contained': 'Superfície contida',
-    'praxis.charts.editor.operation.groupBy': 'agrupar por',
-    'praxis.charts.editor.operation.timeseries': 'série temporal',
-    'praxis.charts.editor.operation.distribution': 'distribuição',
-    'praxis.charts.editor.operation.comparison': 'comparação',
-    'praxis.charts.editor.granularity.day': 'dia',
-    'praxis.charts.editor.granularity.week': 'semana',
-    'praxis.charts.editor.granularity.month': 'mês',
-    'praxis.charts.editor.distributionMode.terms': 'termos',
-    'praxis.charts.editor.distributionMode.histogram': 'histograma',
-    'praxis.charts.editor.comparisonPreset.TODAY': 'Hoje',
-    'praxis.charts.editor.comparisonPreset.YESTERDAY': 'Ontem',
-    'praxis.charts.editor.comparisonPreset.LAST_7_DAYS': 'Últimos 7 dias',
-    'praxis.charts.editor.comparisonPreset.LAST_30_DAYS': 'Últimos 30 dias',
-    'praxis.charts.editor.comparisonPreset.THIS_MONTH': 'Este mês',
-    'praxis.charts.editor.comparisonPreset.LAST_MONTH': 'Mês anterior',
-    'praxis.charts.editor.comparisonPreset.THIS_QUARTER': 'Este trimestre',
-    'praxis.charts.editor.comparisonPreset.THIS_YEAR': 'Este ano',
-    'praxis.charts.editor.comparisonMode.PREVIOUS_ALIGNED': 'Período anterior alinhado',
-    'praxis.charts.editor.comparisonMode.PREVIOUS_CALENDAR_PERIOD': 'Período anterior do calendário',
-    'praxis.charts.editor.motionPreset.subtle': 'sutil',
-    'praxis.charts.editor.motionPreset.standard': 'padrão',
-    'praxis.charts.editor.motionPreset.expressive': 'expressivo',
-    'praxis.charts.editor.dimensionRole.category': 'categoria',
-    'praxis.charts.editor.dimensionRole.series': 'série',
-    'praxis.charts.editor.dimensionRole.segment': 'segmento',
-    'praxis.charts.editor.dimensionRole.time': 'tempo',
-    'praxis.charts.editor.dimensionRole.value': 'valor',
-    'praxis.charts.editor.metricAggregation.sum': 'soma',
-    'praxis.charts.editor.metricAggregation.count': 'contagem',
-    'praxis.charts.editor.metricAggregation.distinct-count': 'contagem distinta',
-    'praxis.charts.editor.metricAggregation.avg': 'média',
-    'praxis.charts.editor.metricAggregation.min': 'mínimo',
-    'praxis.charts.editor.metricAggregation.max': 'máximo',
-    'praxis.charts.editor.metricAxis.primary': 'primário',
-    'praxis.charts.editor.metricAxis.secondary': 'secundário',
-    'praxis.charts.editor.metricSeriesKind.bar': 'barra',
-    'praxis.charts.editor.metricSeriesKind.line': 'linha',
-    'praxis.charts.editor.metricSeriesKind.area': 'área',
-    'praxis.charts.editor.eventAction.filter-widget': 'filtrar widget',
-    'praxis.charts.editor.eventAction.open-detail': 'abrir detalhes',
-    'praxis.charts.editor.eventAction.navigate': 'navegar',
-    'praxis.charts.editor.eventAction.update-context': 'atualizar contexto',
-    'praxis.charts.editor.eventAction.emit': 'emitir',
-    'praxis.charts.editor.kind.bar': 'Barra',
-    'praxis.charts.editor.kind.horizontal-bar': 'Barra Horizontal',
-    'praxis.charts.editor.kind.line': 'Linha',
-    'praxis.charts.editor.kind.area': 'Área',
-    'praxis.charts.editor.kind.stacked-bar': 'Barra Empilhada',
-    'praxis.charts.editor.kind.stacked-area': 'Área Empilhada',
-    'praxis.charts.editor.kind.combo': 'Combinado (Combo)',
-    'praxis.charts.editor.kind.pie': 'Pizza (Pie)',
-    'praxis.charts.editor.kind.donut': 'Rosca (Donut)',
-    'praxis.charts.editor.kind.scatter': 'Dispersão (Scatter)',
-    'praxis.charts.editor.kind.funnel': 'Funil',
-    'praxis.charts.editor.kind.pyramid': 'Pirâmide',
-    'praxis.charts.analyticsPresentation.selectorLabel': 'Apresentação analítica',
-    'praxis.charts.analyticsPresentation.chart': 'Gráfico',
-    'praxis.charts.analyticsPresentation.table': 'Tabela',
-    'praxis.charts.analyticsPresentation.unavailable': 'Apresentação indisponível',
-    'praxis.charts.analyticsPresentation.loading': 'Carregando dados analíticos…',
-    'praxis.charts.analyticsPresentation.empty': 'Nenhum dado disponível.',
-    'praxis.charts.analyticsPresentation.projectionMissing': 'A projection analítica "{projectionId}" não foi encontrada.',
-    'praxis.charts.analyticsPresentation.noRenderer': 'A projection analítica "{projectionId}" não possui renderer instalado elegível.',
-    'praxis.charts.analyticsPresentation.familyIneligible': 'A família de apresentação "{family}" não é elegível para a projection "{projectionId}".',
-};
-
-const PRAXIS_CHARTS_I18N = new InjectionToken('PRAXIS_CHARTS_I18N', {
-    factory: () => ({}),
-});
-function createPraxisChartsI18nConfig(options = {}) {
-    const localeDictionaries = {
-        'pt-BR': {
-            ...PRAXIS_CHARTS_PT_BR,
-            ...(options.dictionaries?.['pt-BR'] ?? {}),
-        },
-        'en-US': {
-            ...PRAXIS_CHARTS_EN_US,
-            ...(options.dictionaries?.['en-US'] ?? {}),
-        },
-    };
-    for (const [locale, dictionary] of Object.entries(options.dictionaries ?? {})) {
-        if (locale === 'pt-BR' || locale === 'en-US') {
-            continue;
-        }
-        localeDictionaries[locale] = {
-            ...(localeDictionaries[locale] ?? {}),
-            ...dictionary,
-        };
-    }
-    return {
-        locale: options.locale,
-        fallbackLocale: options.fallbackLocale ?? 'pt-BR',
-        namespaces: {
-            charts: localeDictionaries,
-        },
-    };
-}
-function providePraxisChartsI18n(options = {}) {
-    return [
-        {
-            provide: PRAXIS_CHARTS_I18N,
-            useValue: {},
-        },
-        providePraxisI18n(createPraxisChartsI18nConfig(options)),
-    ];
-}
-function resolvePraxisChartsText(value, fallback) {
-    if (typeof value === 'string') {
-        return { text: value };
-    }
-    if (value?.key || value?.text) {
-        return value;
-    }
-    return { text: fallback ?? '' };
-}
-
-const INSTALLED_FAMILIES = ['chart', 'analytic-table'];
+const INSTALLED_FAMILIES = ['chart', 'analytic-table', 'kpi'];
 class PraxisAnalyticsPresentationComponent {
     analytics = input.required(...(ngDevMode ? [{ debugName: "analytics" }] : /* istanbul ignore next */ []));
     projectionId = input.required(...(ngDevMode ? [{ debugName: "projectionId" }] : /* istanbul ignore next */ []));
@@ -4404,15 +3918,15 @@ class PraxisAnalyticsPresentationComponent {
     tableAdapter = inject(AnalyticsTableConfigAdapterService);
     tableStats = inject(AnalyticsTableStatsApiService);
     temporaryFamily = signal(null, ...(ngDevMode ? [{ debugName: "temporaryFamily" }] : /* istanbul ignore next */ []));
-    tableRows = signal([], ...(ngDevMode ? [{ debugName: "tableRows" }] : /* istanbul ignore next */ []));
-    tableState = signal('idle', ...(ngDevMode ? [{ debugName: "tableState" }] : /* istanbul ignore next */ []));
-    tableDiagnostic = signal(null, ...(ngDevMode ? [{ debugName: "tableDiagnostic" }] : /* istanbul ignore next */ []));
-    tableRequestGeneration = 0;
+    resultRows = signal([], ...(ngDevMode ? [{ debugName: "resultRows" }] : /* istanbul ignore next */ []));
+    resultState = signal('idle', ...(ngDevMode ? [{ debugName: "resultState" }] : /* istanbul ignore next */ []));
+    resultDiagnostic = signal(null, ...(ngDevMode ? [{ debugName: "resultDiagnostic" }] : /* istanbul ignore next */ []));
+    resultRequestGeneration = 0;
     previousProjectionId = null;
     resolved = computed(() => this.resolvePresentation(), ...(ngDevMode ? [{ debugName: "resolved" }] : /* istanbul ignore next */ []));
     activeFamily = computed(() => this.resolved().family, ...(ngDevMode ? [{ debugName: "activeFamily" }] : /* istanbul ignore next */ []));
     eligibleFamilies = computed(() => this.resolved().eligibleFamilies, ...(ngDevMode ? [{ debugName: "eligibleFamilies" }] : /* istanbul ignore next */ []));
-    diagnostic = computed(() => this.resolved().diagnostic ?? this.tableDiagnostic(), ...(ngDevMode ? [{ debugName: "diagnostic" }] : /* istanbul ignore next */ []));
+    diagnostic = computed(() => this.resolved().diagnostic ?? this.resultDiagnostic(), ...(ngDevMode ? [{ debugName: "diagnostic" }] : /* istanbul ignore next */ []));
     chartConfig = computed(() => {
         const projection = this.resolved().projection;
         return projection
@@ -4425,8 +3939,31 @@ class PraxisAnalyticsPresentationComponent {
             ? this.tableAdapter.toTableConfig(projection, { title: this.title(), subtitle: this.subtitle() })
             : null;
     }, ...(ngDevMode ? [{ debugName: "tableConfig" }] : /* istanbul ignore next */ []));
-    isTableLoading = computed(() => this.tableState() === 'loading', ...(ngDevMode ? [{ debugName: "isTableLoading" }] : /* istanbul ignore next */ []));
-    isTableEmpty = computed(() => this.tableState() === 'ready' && this.tableRows().length === 0, ...(ngDevMode ? [{ debugName: "isTableEmpty" }] : /* istanbul ignore next */ []));
+    isResultLoading = computed(() => this.resultState() === 'loading', ...(ngDevMode ? [{ debugName: "isResultLoading" }] : /* istanbul ignore next */ []));
+    isResultEmpty = computed(() => this.resultState() === 'ready' && this.resultRows().length === 0, ...(ngDevMode ? [{ debugName: "isResultEmpty" }] : /* istanbul ignore next */ []));
+    kpiTitle = computed(() => this.resolveText(this.title()), ...(ngDevMode ? [{ debugName: "kpiTitle" }] : /* istanbul ignore next */ []));
+    kpiSubtitle = computed(() => this.resolveText(this.subtitle()), ...(ngDevMode ? [{ debugName: "kpiSubtitle" }] : /* istanbul ignore next */ []));
+    kpiItems = computed(() => {
+        const projection = this.resolved().projection;
+        const dimension = projection?.bindings.primaryDimension;
+        const metric = projection?.bindings.primaryMetrics[0];
+        if (!projection || !dimension?.field || !metric?.field || !this.isKpiEligible(projection)) {
+            return [];
+        }
+        return this.resultRows().map((row, index) => {
+            const rawValue = row[metric.field];
+            const value = typeof rawValue === 'number' && Number.isFinite(rawValue) ? rawValue : 0;
+            const label = stringifyValue(row[dimension.field]) ?? this.t('praxis.charts.analyticsPresentation.kpiUnknownBucket', 'Unidentified category');
+            return {
+                trackId: `${stringifyValue(row[ANALYTICS_TABLE_ROW_KEY_FIELD]) ?? label}-${index}`,
+                label,
+                metricLabel: metric.label?.trim() || metric.field,
+                value,
+                formattedValue: this.i18n.formatNumber(value),
+                row,
+            };
+        });
+    }, ...(ngDevMode ? [{ debugName: "kpiItems" }] : /* istanbul ignore next */ []));
     constructor() {
         effect(() => {
             const projectionId = this.projectionId();
@@ -4438,39 +3975,39 @@ class PraxisAnalyticsPresentationComponent {
         effect((onCleanup) => {
             const resolved = this.resolved();
             const queryContext = this.queryContext();
-            const generation = ++this.tableRequestGeneration;
+            const generation = ++this.resultRequestGeneration;
             onCleanup(() => {
-                if (this.tableRequestGeneration === generation) {
-                    this.tableRequestGeneration += 1;
+                if (this.resultRequestGeneration === generation) {
+                    this.resultRequestGeneration += 1;
                 }
             });
-            this.tableRows.set([]);
-            this.tableDiagnostic.set(null);
-            this.tableState.set('idle');
-            if (resolved.family !== 'analytic-table' || !resolved.projection) {
+            this.resultRows.set([]);
+            this.resultDiagnostic.set(null);
+            this.resultState.set('idle');
+            if (!this.usesRemoteRows(resolved.family) || !resolved.projection) {
                 return;
             }
-            this.tableState.set('loading');
+            this.resultState.set('loading');
             void this.tableStats.execute(resolved.projection, queryContext).then((rows) => {
-                if (this.tableRequestGeneration !== generation)
+                if (this.resultRequestGeneration !== generation)
                     return;
-                this.tableRows.set(rows);
-                this.tableState.set('ready');
-            }, (error) => {
-                if (this.tableRequestGeneration !== generation)
+                this.resultRows.set(rows);
+                this.resultState.set('ready');
+            }, () => {
+                if (this.resultRequestGeneration !== generation)
                     return;
-                this.tableRows.set([]);
-                this.tableState.set('error');
-                this.tableDiagnostic.set(normalizeError$1(error));
+                this.resultRows.set([]);
+                this.resultState.set('error');
+                this.resultDiagnostic.set(this.t('praxis.charts.analyticsPresentation.loadError', 'Analytics data could not be loaded.'));
             });
         });
     }
     selectFamily(family) {
         if (!this.eligibleFamilies().includes(family)) {
-            this.tableDiagnostic.set(this.message('praxis.charts.analyticsPresentation.familyIneligible', 'Presentation family "{family}" is not eligible for projection "{projectionId}".', { family, projectionId: this.projectionId() }));
+            this.resultDiagnostic.set(this.message('praxis.charts.analyticsPresentation.familyIneligible', 'Presentation family "{family}" is not eligible for projection "{projectionId}".', { family, projectionId: this.projectionId() }));
             return;
         }
-        this.tableDiagnostic.set(null);
+        this.resultDiagnostic.set(null);
         this.temporaryFamily.set(family);
         this.presentationChange.emit({
             projectionId: this.projectionId(),
@@ -4492,6 +4029,20 @@ class PraxisAnalyticsPresentationComponent {
             data: row,
         });
     }
+    handleKpiClick(row, label, value) {
+        const projection = this.resolved().projection;
+        if (!projection)
+            return;
+        this.pointClick.emit({
+            chartId: projection.id,
+            category: label,
+            value,
+            data: row,
+        });
+    }
+    kpiItemAriaLabel(category, formattedValue, metric) {
+        return this.message('praxis.charts.analyticsPresentation.kpiItemAriaLabel', '{category}: {value} {metric}', { category, value: formattedValue, metric });
+    }
     resolvePresentation() {
         const projectionId = this.projectionId();
         const projection = this.analytics().projections.find((candidate) => candidate.id === projectionId) ?? null;
@@ -4526,11 +4077,19 @@ class PraxisAnalyticsPresentationComponent {
             const decision = this.resolver.resolve({ projections: [projection] }, { availableFamilies: eligibleFamilies, preferFamily: requestedFamily });
             return { projection, family: decision.family, eligibleFamilies, diagnostic: null };
         }
-        catch (error) {
-            return { projection, family: null, eligibleFamilies, diagnostic: normalizeError$1(error) };
+        catch {
+            return {
+                projection,
+                family: null,
+                eligibleFamilies,
+                diagnostic: this.t('praxis.charts.analyticsPresentation.resolutionError', 'The analytics presentation could not be resolved.'),
+            };
         }
     }
     isEligible(projection, family) {
+        if (family === 'kpi' && !this.isKpiEligible(projection)) {
+            return false;
+        }
         try {
             return this.resolver.resolve({ projections: [projection] }, { availableFamilies: [family], preferFamily: family }).family === family;
         }
@@ -4538,22 +4097,35 @@ class PraxisAnalyticsPresentationComponent {
             return false;
         }
     }
+    isKpiEligible(projection) {
+        return (projection.source.operation === 'group-by'
+            && !!projection.bindings.primaryDimension?.field
+            && projection.bindings.primaryMetrics.length === 1
+            && !!projection.bindings.primaryMetrics[0]?.field
+            && (projection.presentationHints?.preferredFamilies ?? []).includes('kpi'));
+    }
+    usesRemoteRows(family) {
+        return family === 'analytic-table' || family === 'kpi';
+    }
+    resolveText(value) {
+        if (!value)
+            return null;
+        const resolved = this.i18n.resolve(value).trim();
+        return resolved || null;
+    }
     t(key, fallback) {
-        return this.i18n.resolve(resolvePraxisChartsText({ key, text: fallback }, fallback));
+        return this.i18n.t(key, undefined, fallback, 'charts');
     }
     message(key, fallback, values) {
         return Object.entries(values).reduce((message, [name, value]) => message.replaceAll(`{${name}}`, value), this.t(key, fallback));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisAnalyticsPresentationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: PraxisAnalyticsPresentationComponent, isStandalone: true, selector: "praxis-analytics-presentation", inputs: { analytics: { classPropertyName: "analytics", publicName: "analytics", isSignal: true, isRequired: true, transformFunction: null }, projectionId: { classPropertyName: "projectionId", publicName: "projectionId", isSignal: true, isRequired: true, transformFunction: null }, availableFamilies: { classPropertyName: "availableFamilies", publicName: "availableFamilies", isSignal: true, isRequired: false, transformFunction: null }, preferredFamily: { classPropertyName: "preferredFamily", publicName: "preferredFamily", isSignal: true, isRequired: false, transformFunction: null }, queryContext: { classPropertyName: "queryContext", publicName: "queryContext", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, enableCustomization: { classPropertyName: "enableCustomization", publicName: "enableCustomization", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { presentationChange: "presentationChange", pointClick: "pointClick", pointAction: "pointAction", selectionChange: "selectionChange", drillDown: "drillDown", crossFilter: "crossFilter", queryRequest: "queryRequest", loadStateChange: "loadStateChange" }, ngImport: i0, template: "<section class=\"analytics-presentation\" [attr.aria-label]=\"projectionId()\">\n  <div class=\"analytics-presentation__toolbar\" role=\"group\" [attr.aria-label]=\"t('praxis.charts.analyticsPresentation.selectorLabel', 'Analytics presentation')\">\n    @if (eligibleFamilies().includes('chart')) {\n      <button type=\"button\" [attr.aria-pressed]=\"activeFamily() === 'chart'\" (click)=\"selectFamily('chart')\">\n        {{ t('praxis.charts.analyticsPresentation.chart', 'Chart') }}\n      </button>\n    }\n    @if (eligibleFamilies().includes('analytic-table')) {\n      <button type=\"button\" [attr.aria-pressed]=\"activeFamily() === 'analytic-table'\" (click)=\"selectFamily('analytic-table')\">\n        {{ t('praxis.charts.analyticsPresentation.table', 'Table') }}\n      </button>\n    }\n  </div>\n\n  @if (diagnostic(); as message) {\n    <section class=\"analytics-presentation__state analytics-presentation__state--error\" role=\"alert\">\n      <strong>{{ t('praxis.charts.analyticsPresentation.unavailable', 'Presentation unavailable') }}</strong>\n      <span>{{ message }}</span>\n    </section>\n  } @else if (activeFamily() === 'chart' && chartConfig(); as config) {\n    <praxis-chart\n      [config]=\"config\"\n      [queryContext]=\"queryContext()\"\n      [enableCustomization]=\"enableCustomization()\"\n      (pointClick)=\"pointClick.emit($event)\"\n      (pointAction)=\"pointAction.emit($event)\"\n      (selectionChange)=\"selectionChange.emit($event)\"\n      (drillDown)=\"drillDown.emit($event)\"\n      (crossFilter)=\"crossFilter.emit($event)\"\n      (queryRequest)=\"queryRequest.emit($event)\"\n      (loadStateChange)=\"loadStateChange.emit($event)\"\n    />\n  } @else if (activeFamily() === 'analytic-table' && tableConfig(); as config) {\n    @if (isTableLoading()) {\n      <section class=\"analytics-presentation__state\" role=\"status\">{{ t('praxis.charts.analyticsPresentation.loading', 'Loading analytics\u2026') }}</section>\n    } @else if (isTableEmpty()) {\n      <section class=\"analytics-presentation__state\" role=\"status\">{{ t('praxis.charts.analyticsPresentation.empty', 'No data available.') }}</section>\n    } @else {\n      <praxis-table\n        [config]=\"config\"\n        [data]=\"tableRows()\"\n        [tableId]=\"projectionId() + '-analytic-table'\"\n        (rowClick)=\"handleTableRowClick($event)\"\n      />\n    }\n  }\n</section>\n", styles: [":host{display:block;min-width:0}.analytics-presentation{display:grid;gap:12px;min-width:0}.analytics-presentation__toolbar{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.analytics-presentation__toolbar button{min-height:40px;padding:0 14px;border:1px solid var(--md-sys-color-outline-variant, #c4c7c5);border-radius:999px;background:var(--md-sys-color-surface, #fff);color:var(--md-sys-color-on-surface, #1a1c1e);font:inherit;cursor:pointer}.analytics-presentation__toolbar button[aria-pressed=true]{border-color:var(--md-sys-color-primary, #1263b4);background:var(--md-sys-color-primary-container, #d7e3ff);color:var(--md-sys-color-on-primary-container, #001b3e)}.analytics-presentation__toolbar button:focus-visible{outline:3px solid color-mix(in srgb,var(--md-sys-color-primary, #1263b4) 45%,transparent);outline-offset:2px}.analytics-presentation__state{min-height:220px;display:grid;place-content:center;gap:6px;padding:24px;border:1px solid var(--md-sys-color-outline-variant, #c4c7c5);border-radius:16px;background:var(--md-sys-color-surface-container-low, #f7f8fa);color:var(--md-sys-color-on-surface, #1a1c1e);text-align:center}.analytics-presentation__state--error{border-color:var(--md-sys-color-error, #ba1a1a);color:var(--md-sys-color-error, #ba1a1a)}@media(max-width:600px){.analytics-presentation__toolbar{justify-content:stretch}.analytics-presentation__toolbar button{flex:1 1 0}}\n"], dependencies: [{ kind: "component", type: PraxisChartComponent, selector: "praxis-chart", inputs: ["config", "data", "chartDocument", "filterCriteria", "queryContext", "remoteDataResolver", "enableCustomization", "availableResources", "availableFields", "availableTargets"], outputs: ["pointClick", "pointAction", "selectionChange", "drillDown", "crossFilter", "queryRequest", "loadStateChange", "chartDocumentApplied", "chartDocumentSaved"] }, { kind: "component", type: PraxisTable, selector: "praxis-table", inputs: ["config", "resourcePath", "data", "tableId", "componentInstanceId", "configPersistenceStrategy", "title", "subtitle", "icon", "autoDelete", "notifyIfOutdated", "snoozeMs", "autoOpenSettingsOnOutdated", "crudContext", "filterCriteria", "queryContext", "aiContext", "aiAssistantVoiceInputMode", "aiAssistantVoiceLanguage", "horizontalScroll", "enableCustomization", "authoringCapability", "dense"], outputs: ["rowClick", "widgetEvent", "resourceEvent", "rowDoubleClick", "rowExpansionChange", "rowAction", "toolbarAction", "bulkAction", "exportAction", "columnReorder", "columnReorderAttempt", "columnResize", "beforeDelete", "afterDelete", "deleteError", "beforeBulkDelete", "afterBulkDelete", "bulkDeleteError", "schemaStatusChange", "configChange", "metadataChange", "loadingStateChange", "collectionLinksChange", "selectionChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: PraxisAnalyticsPresentationComponent, isStandalone: true, selector: "praxis-analytics-presentation", inputs: { analytics: { classPropertyName: "analytics", publicName: "analytics", isSignal: true, isRequired: true, transformFunction: null }, projectionId: { classPropertyName: "projectionId", publicName: "projectionId", isSignal: true, isRequired: true, transformFunction: null }, availableFamilies: { classPropertyName: "availableFamilies", publicName: "availableFamilies", isSignal: true, isRequired: false, transformFunction: null }, preferredFamily: { classPropertyName: "preferredFamily", publicName: "preferredFamily", isSignal: true, isRequired: false, transformFunction: null }, queryContext: { classPropertyName: "queryContext", publicName: "queryContext", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, enableCustomization: { classPropertyName: "enableCustomization", publicName: "enableCustomization", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { presentationChange: "presentationChange", pointClick: "pointClick", pointAction: "pointAction", selectionChange: "selectionChange", drillDown: "drillDown", crossFilter: "crossFilter", queryRequest: "queryRequest", loadStateChange: "loadStateChange" }, ngImport: i0, template: "<section class=\"analytics-presentation\" [attr.aria-label]=\"projectionId()\">\n  <div class=\"analytics-presentation__toolbar\" role=\"group\" [attr.aria-label]=\"t('praxis.charts.analyticsPresentation.selectorLabel', 'Analytics presentation')\">\n    @if (eligibleFamilies().includes('chart')) {\n      <button type=\"button\" [attr.aria-pressed]=\"activeFamily() === 'chart'\" (click)=\"selectFamily('chart')\">\n        {{ t('praxis.charts.analyticsPresentation.chart', 'Chart') }}\n      </button>\n    }\n    @if (eligibleFamilies().includes('analytic-table')) {\n      <button type=\"button\" [attr.aria-pressed]=\"activeFamily() === 'analytic-table'\" (click)=\"selectFamily('analytic-table')\">\n        {{ t('praxis.charts.analyticsPresentation.table', 'Table') }}\n      </button>\n    }\n    @if (eligibleFamilies().includes('kpi')) {\n      <button type=\"button\" [attr.aria-pressed]=\"activeFamily() === 'kpi'\" (click)=\"selectFamily('kpi')\">\n        {{ t('praxis.charts.analyticsPresentation.kpi', 'KPI') }}\n      </button>\n    }\n  </div>\n\n  @if (diagnostic(); as message) {\n    <section class=\"analytics-presentation__state analytics-presentation__state--error\" role=\"alert\">\n      <strong>{{ t('praxis.charts.analyticsPresentation.unavailable', 'Presentation unavailable') }}</strong>\n      <span>{{ message }}</span>\n    </section>\n  } @else if (activeFamily() === 'chart' && chartConfig(); as config) {\n    <praxis-chart\n      [config]=\"config\"\n      [queryContext]=\"queryContext()\"\n      [enableCustomization]=\"enableCustomization()\"\n      (pointClick)=\"pointClick.emit($event)\"\n      (pointAction)=\"pointAction.emit($event)\"\n      (selectionChange)=\"selectionChange.emit($event)\"\n      (drillDown)=\"drillDown.emit($event)\"\n      (crossFilter)=\"crossFilter.emit($event)\"\n      (queryRequest)=\"queryRequest.emit($event)\"\n      (loadStateChange)=\"loadStateChange.emit($event)\"\n    />\n  } @else if (activeFamily() === 'analytic-table' && tableConfig(); as config) {\n    @if (isResultLoading()) {\n      <section class=\"analytics-presentation__state\" role=\"status\">{{ t('praxis.charts.analyticsPresentation.loading', 'Loading analytics\u2026') }}</section>\n    } @else if (isResultEmpty()) {\n      <section class=\"analytics-presentation__state\" role=\"status\">{{ t('praxis.charts.analyticsPresentation.empty', 'No data available.') }}</section>\n    } @else {\n      <praxis-table\n        [config]=\"config\"\n        [data]=\"resultRows()\"\n        [tableId]=\"projectionId() + '-analytic-table'\"\n        (rowClick)=\"handleTableRowClick($event)\"\n      />\n    }\n  } @else if (activeFamily() === 'kpi') {\n    @if (isResultLoading()) {\n      <section class=\"analytics-presentation__state\" role=\"status\">{{ t('praxis.charts.analyticsPresentation.loading', 'Loading analytics\u2026') }}</section>\n    } @else if (isResultEmpty()) {\n      <section class=\"analytics-presentation__state\" role=\"status\">{{ t('praxis.charts.analyticsPresentation.empty', 'No data available.') }}</section>\n    } @else {\n      <section class=\"analytics-presentation__kpi\" [attr.aria-label]=\"kpiTitle() || t('praxis.charts.analyticsPresentation.kpiCollection', 'Key metrics')\">\n        @if (kpiTitle(); as heading) {\n          <header class=\"analytics-presentation__kpi-header\">\n            <h3>{{ heading }}</h3>\n            @if (kpiSubtitle(); as description) {\n              <p>{{ description }}</p>\n            }\n          </header>\n        }\n        <div class=\"analytics-presentation__kpi-grid\" role=\"list\">\n          @for (item of kpiItems(); track item.trackId) {\n            <div role=\"listitem\">\n              <button\n                class=\"analytics-presentation__kpi-card\"\n                type=\"button\"\n                [attr.aria-label]=\"kpiItemAriaLabel(item.label, item.formattedValue, item.metricLabel)\"\n                (click)=\"handleKpiClick(item.row, item.label, item.value)\"\n              >\n                <strong>{{ item.formattedValue }}</strong>\n                <span>{{ item.label }}</span>\n                <small>{{ item.metricLabel }}</small>\n              </button>\n            </div>\n          }\n        </div>\n      </section>\n    }\n  }\n</section>\n", styles: [":host{display:block;min-width:0}.analytics-presentation{display:grid;gap:12px;min-width:0}.analytics-presentation__toolbar{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.analytics-presentation__toolbar button{min-height:40px;padding:0 14px;border:1px solid var(--md-sys-color-outline-variant, #c4c7c5);border-radius:999px;background:var(--md-sys-color-surface, #fff);color:var(--md-sys-color-on-surface, #1a1c1e);font:inherit;cursor:pointer}.analytics-presentation__toolbar button[aria-pressed=true]{border-color:var(--md-sys-color-primary, #1263b4);background:var(--md-sys-color-primary-container, #d7e3ff);color:var(--md-sys-color-on-primary-container, #001b3e)}.analytics-presentation__toolbar button:focus-visible{outline:3px solid color-mix(in srgb,var(--md-sys-color-primary, #1263b4) 45%,transparent);outline-offset:2px}.analytics-presentation__state{min-height:220px;display:grid;place-content:center;gap:6px;padding:24px;border:1px solid var(--md-sys-color-outline-variant, #c4c7c5);border-radius:16px;background:var(--md-sys-color-surface-container-low, #f7f8fa);color:var(--md-sys-color-on-surface, #1a1c1e);text-align:center}.analytics-presentation__state--error{border-color:var(--md-sys-color-error, #ba1a1a);color:var(--md-sys-color-error, #ba1a1a)}.analytics-presentation__kpi{display:grid;gap:16px;min-width:0}.analytics-presentation__kpi-header{display:grid;gap:4px}.analytics-presentation__kpi-header h3,.analytics-presentation__kpi-header p{margin:0}.analytics-presentation__kpi-header h3{color:var(--md-sys-color-on-surface, #1a1c1e);font-size:1rem;font-weight:650}.analytics-presentation__kpi-header p{color:var(--md-sys-color-on-surface-variant, #44474e);font-size:.875rem}.analytics-presentation__kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,176px),1fr));gap:12px;min-width:0}.analytics-presentation__kpi-card{display:grid;gap:6px;width:100%;height:100%;min-width:0;min-height:132px;align-content:center;padding:18px;border:1px solid var(--md-sys-color-outline-variant, #c4c7c5);border-radius:16px;background:var(--md-sys-color-surface-container-low, #f7f8fa);color:var(--md-sys-color-on-surface, #1a1c1e);font:inherit;text-align:left;cursor:pointer}.analytics-presentation__kpi-card:hover{border-color:var(--md-sys-color-primary, #1263b4);background:var(--md-sys-color-surface-container, #f0f1f3)}.analytics-presentation__kpi-card:focus-visible{outline:3px solid color-mix(in srgb,var(--md-sys-color-primary, #1263b4) 45%,transparent);outline-offset:2px}.analytics-presentation__kpi-card strong{overflow-wrap:anywhere;color:var(--md-sys-color-primary, #1263b4);font-size:clamp(1.75rem,5vw,2.5rem);font-variant-numeric:tabular-nums;line-height:1}.analytics-presentation__kpi-card span,.analytics-presentation__kpi-card small{overflow-wrap:anywhere}.analytics-presentation__kpi-card span{font-weight:600}.analytics-presentation__kpi-card small{color:var(--md-sys-color-on-surface-variant, #44474e)}@media(max-width:600px){.analytics-presentation__toolbar{justify-content:stretch}.analytics-presentation__toolbar button{flex:1 1 0}}\n"], dependencies: [{ kind: "component", type: PraxisChartComponent, selector: "praxis-chart", inputs: ["config", "data", "chartDocument", "filterCriteria", "queryContext", "remoteDataResolver", "enableCustomization", "availableResources", "availableFields", "availableTargets"], outputs: ["pointClick", "pointAction", "selectionChange", "drillDown", "crossFilter", "queryRequest", "loadStateChange", "chartDocumentApplied", "chartDocumentSaved"] }, { kind: "component", type: PraxisTable, selector: "praxis-table", inputs: ["config", "resourcePath", "data", "tableId", "componentInstanceId", "configPersistenceStrategy", "title", "subtitle", "icon", "autoDelete", "notifyIfOutdated", "snoozeMs", "autoOpenSettingsOnOutdated", "crudContext", "filterCriteria", "queryContext", "aiContext", "aiAssistantVoiceInputMode", "aiAssistantVoiceLanguage", "horizontalScroll", "enableCustomization", "authoringCapability", "dense"], outputs: ["rowClick", "widgetEvent", "resourceEvent", "rowDoubleClick", "rowExpansionChange", "rowAction", "toolbarAction", "bulkAction", "exportAction", "columnReorder", "columnReorderAttempt", "columnResize", "beforeDelete", "afterDelete", "deleteError", "beforeBulkDelete", "afterBulkDelete", "bulkDeleteError", "schemaStatusChange", "configChange", "metadataChange", "loadingStateChange", "collectionLinksChange", "selectionChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisAnalyticsPresentationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'praxis-analytics-presentation', standalone: true, imports: [PraxisChartComponent, PraxisTable], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"analytics-presentation\" [attr.aria-label]=\"projectionId()\">\n  <div class=\"analytics-presentation__toolbar\" role=\"group\" [attr.aria-label]=\"t('praxis.charts.analyticsPresentation.selectorLabel', 'Analytics presentation')\">\n    @if (eligibleFamilies().includes('chart')) {\n      <button type=\"button\" [attr.aria-pressed]=\"activeFamily() === 'chart'\" (click)=\"selectFamily('chart')\">\n        {{ t('praxis.charts.analyticsPresentation.chart', 'Chart') }}\n      </button>\n    }\n    @if (eligibleFamilies().includes('analytic-table')) {\n      <button type=\"button\" [attr.aria-pressed]=\"activeFamily() === 'analytic-table'\" (click)=\"selectFamily('analytic-table')\">\n        {{ t('praxis.charts.analyticsPresentation.table', 'Table') }}\n      </button>\n    }\n  </div>\n\n  @if (diagnostic(); as message) {\n    <section class=\"analytics-presentation__state analytics-presentation__state--error\" role=\"alert\">\n      <strong>{{ t('praxis.charts.analyticsPresentation.unavailable', 'Presentation unavailable') }}</strong>\n      <span>{{ message }}</span>\n    </section>\n  } @else if (activeFamily() === 'chart' && chartConfig(); as config) {\n    <praxis-chart\n      [config]=\"config\"\n      [queryContext]=\"queryContext()\"\n      [enableCustomization]=\"enableCustomization()\"\n      (pointClick)=\"pointClick.emit($event)\"\n      (pointAction)=\"pointAction.emit($event)\"\n      (selectionChange)=\"selectionChange.emit($event)\"\n      (drillDown)=\"drillDown.emit($event)\"\n      (crossFilter)=\"crossFilter.emit($event)\"\n      (queryRequest)=\"queryRequest.emit($event)\"\n      (loadStateChange)=\"loadStateChange.emit($event)\"\n    />\n  } @else if (activeFamily() === 'analytic-table' && tableConfig(); as config) {\n    @if (isTableLoading()) {\n      <section class=\"analytics-presentation__state\" role=\"status\">{{ t('praxis.charts.analyticsPresentation.loading', 'Loading analytics\u2026') }}</section>\n    } @else if (isTableEmpty()) {\n      <section class=\"analytics-presentation__state\" role=\"status\">{{ t('praxis.charts.analyticsPresentation.empty', 'No data available.') }}</section>\n    } @else {\n      <praxis-table\n        [config]=\"config\"\n        [data]=\"tableRows()\"\n        [tableId]=\"projectionId() + '-analytic-table'\"\n        (rowClick)=\"handleTableRowClick($event)\"\n      />\n    }\n  }\n</section>\n", styles: [":host{display:block;min-width:0}.analytics-presentation{display:grid;gap:12px;min-width:0}.analytics-presentation__toolbar{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.analytics-presentation__toolbar button{min-height:40px;padding:0 14px;border:1px solid var(--md-sys-color-outline-variant, #c4c7c5);border-radius:999px;background:var(--md-sys-color-surface, #fff);color:var(--md-sys-color-on-surface, #1a1c1e);font:inherit;cursor:pointer}.analytics-presentation__toolbar button[aria-pressed=true]{border-color:var(--md-sys-color-primary, #1263b4);background:var(--md-sys-color-primary-container, #d7e3ff);color:var(--md-sys-color-on-primary-container, #001b3e)}.analytics-presentation__toolbar button:focus-visible{outline:3px solid color-mix(in srgb,var(--md-sys-color-primary, #1263b4) 45%,transparent);outline-offset:2px}.analytics-presentation__state{min-height:220px;display:grid;place-content:center;gap:6px;padding:24px;border:1px solid var(--md-sys-color-outline-variant, #c4c7c5);border-radius:16px;background:var(--md-sys-color-surface-container-low, #f7f8fa);color:var(--md-sys-color-on-surface, #1a1c1e);text-align:center}.analytics-presentation__state--error{border-color:var(--md-sys-color-error, #ba1a1a);color:var(--md-sys-color-error, #ba1a1a)}@media(max-width:600px){.analytics-presentation__toolbar{justify-content:stretch}.analytics-presentation__toolbar button{flex:1 1 0}}\n"] }]
+            args: [{ selector: 'praxis-analytics-presentation', imports: [PraxisChartComponent, PraxisTable], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"analytics-presentation\" [attr.aria-label]=\"projectionId()\">\n  <div class=\"analytics-presentation__toolbar\" role=\"group\" [attr.aria-label]=\"t('praxis.charts.analyticsPresentation.selectorLabel', 'Analytics presentation')\">\n    @if (eligibleFamilies().includes('chart')) {\n      <button type=\"button\" [attr.aria-pressed]=\"activeFamily() === 'chart'\" (click)=\"selectFamily('chart')\">\n        {{ t('praxis.charts.analyticsPresentation.chart', 'Chart') }}\n      </button>\n    }\n    @if (eligibleFamilies().includes('analytic-table')) {\n      <button type=\"button\" [attr.aria-pressed]=\"activeFamily() === 'analytic-table'\" (click)=\"selectFamily('analytic-table')\">\n        {{ t('praxis.charts.analyticsPresentation.table', 'Table') }}\n      </button>\n    }\n    @if (eligibleFamilies().includes('kpi')) {\n      <button type=\"button\" [attr.aria-pressed]=\"activeFamily() === 'kpi'\" (click)=\"selectFamily('kpi')\">\n        {{ t('praxis.charts.analyticsPresentation.kpi', 'KPI') }}\n      </button>\n    }\n  </div>\n\n  @if (diagnostic(); as message) {\n    <section class=\"analytics-presentation__state analytics-presentation__state--error\" role=\"alert\">\n      <strong>{{ t('praxis.charts.analyticsPresentation.unavailable', 'Presentation unavailable') }}</strong>\n      <span>{{ message }}</span>\n    </section>\n  } @else if (activeFamily() === 'chart' && chartConfig(); as config) {\n    <praxis-chart\n      [config]=\"config\"\n      [queryContext]=\"queryContext()\"\n      [enableCustomization]=\"enableCustomization()\"\n      (pointClick)=\"pointClick.emit($event)\"\n      (pointAction)=\"pointAction.emit($event)\"\n      (selectionChange)=\"selectionChange.emit($event)\"\n      (drillDown)=\"drillDown.emit($event)\"\n      (crossFilter)=\"crossFilter.emit($event)\"\n      (queryRequest)=\"queryRequest.emit($event)\"\n      (loadStateChange)=\"loadStateChange.emit($event)\"\n    />\n  } @else if (activeFamily() === 'analytic-table' && tableConfig(); as config) {\n    @if (isResultLoading()) {\n      <section class=\"analytics-presentation__state\" role=\"status\">{{ t('praxis.charts.analyticsPresentation.loading', 'Loading analytics\u2026') }}</section>\n    } @else if (isResultEmpty()) {\n      <section class=\"analytics-presentation__state\" role=\"status\">{{ t('praxis.charts.analyticsPresentation.empty', 'No data available.') }}</section>\n    } @else {\n      <praxis-table\n        [config]=\"config\"\n        [data]=\"resultRows()\"\n        [tableId]=\"projectionId() + '-analytic-table'\"\n        (rowClick)=\"handleTableRowClick($event)\"\n      />\n    }\n  } @else if (activeFamily() === 'kpi') {\n    @if (isResultLoading()) {\n      <section class=\"analytics-presentation__state\" role=\"status\">{{ t('praxis.charts.analyticsPresentation.loading', 'Loading analytics\u2026') }}</section>\n    } @else if (isResultEmpty()) {\n      <section class=\"analytics-presentation__state\" role=\"status\">{{ t('praxis.charts.analyticsPresentation.empty', 'No data available.') }}</section>\n    } @else {\n      <section class=\"analytics-presentation__kpi\" [attr.aria-label]=\"kpiTitle() || t('praxis.charts.analyticsPresentation.kpiCollection', 'Key metrics')\">\n        @if (kpiTitle(); as heading) {\n          <header class=\"analytics-presentation__kpi-header\">\n            <h3>{{ heading }}</h3>\n            @if (kpiSubtitle(); as description) {\n              <p>{{ description }}</p>\n            }\n          </header>\n        }\n        <div class=\"analytics-presentation__kpi-grid\" role=\"list\">\n          @for (item of kpiItems(); track item.trackId) {\n            <div role=\"listitem\">\n              <button\n                class=\"analytics-presentation__kpi-card\"\n                type=\"button\"\n                [attr.aria-label]=\"kpiItemAriaLabel(item.label, item.formattedValue, item.metricLabel)\"\n                (click)=\"handleKpiClick(item.row, item.label, item.value)\"\n              >\n                <strong>{{ item.formattedValue }}</strong>\n                <span>{{ item.label }}</span>\n                <small>{{ item.metricLabel }}</small>\n              </button>\n            </div>\n          }\n        </div>\n      </section>\n    }\n  }\n</section>\n", styles: [":host{display:block;min-width:0}.analytics-presentation{display:grid;gap:12px;min-width:0}.analytics-presentation__toolbar{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.analytics-presentation__toolbar button{min-height:40px;padding:0 14px;border:1px solid var(--md-sys-color-outline-variant, #c4c7c5);border-radius:999px;background:var(--md-sys-color-surface, #fff);color:var(--md-sys-color-on-surface, #1a1c1e);font:inherit;cursor:pointer}.analytics-presentation__toolbar button[aria-pressed=true]{border-color:var(--md-sys-color-primary, #1263b4);background:var(--md-sys-color-primary-container, #d7e3ff);color:var(--md-sys-color-on-primary-container, #001b3e)}.analytics-presentation__toolbar button:focus-visible{outline:3px solid color-mix(in srgb,var(--md-sys-color-primary, #1263b4) 45%,transparent);outline-offset:2px}.analytics-presentation__state{min-height:220px;display:grid;place-content:center;gap:6px;padding:24px;border:1px solid var(--md-sys-color-outline-variant, #c4c7c5);border-radius:16px;background:var(--md-sys-color-surface-container-low, #f7f8fa);color:var(--md-sys-color-on-surface, #1a1c1e);text-align:center}.analytics-presentation__state--error{border-color:var(--md-sys-color-error, #ba1a1a);color:var(--md-sys-color-error, #ba1a1a)}.analytics-presentation__kpi{display:grid;gap:16px;min-width:0}.analytics-presentation__kpi-header{display:grid;gap:4px}.analytics-presentation__kpi-header h3,.analytics-presentation__kpi-header p{margin:0}.analytics-presentation__kpi-header h3{color:var(--md-sys-color-on-surface, #1a1c1e);font-size:1rem;font-weight:650}.analytics-presentation__kpi-header p{color:var(--md-sys-color-on-surface-variant, #44474e);font-size:.875rem}.analytics-presentation__kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,176px),1fr));gap:12px;min-width:0}.analytics-presentation__kpi-card{display:grid;gap:6px;width:100%;height:100%;min-width:0;min-height:132px;align-content:center;padding:18px;border:1px solid var(--md-sys-color-outline-variant, #c4c7c5);border-radius:16px;background:var(--md-sys-color-surface-container-low, #f7f8fa);color:var(--md-sys-color-on-surface, #1a1c1e);font:inherit;text-align:left;cursor:pointer}.analytics-presentation__kpi-card:hover{border-color:var(--md-sys-color-primary, #1263b4);background:var(--md-sys-color-surface-container, #f0f1f3)}.analytics-presentation__kpi-card:focus-visible{outline:3px solid color-mix(in srgb,var(--md-sys-color-primary, #1263b4) 45%,transparent);outline-offset:2px}.analytics-presentation__kpi-card strong{overflow-wrap:anywhere;color:var(--md-sys-color-primary, #1263b4);font-size:clamp(1.75rem,5vw,2.5rem);font-variant-numeric:tabular-nums;line-height:1}.analytics-presentation__kpi-card span,.analytics-presentation__kpi-card small{overflow-wrap:anywhere}.analytics-presentation__kpi-card span{font-weight:600}.analytics-presentation__kpi-card small{color:var(--md-sys-color-on-surface-variant, #44474e)}@media(max-width:600px){.analytics-presentation__toolbar{justify-content:stretch}.analytics-presentation__toolbar button{flex:1 1 0}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { analytics: [{ type: i0.Input, args: [{ isSignal: true, alias: "analytics", required: true }] }], projectionId: [{ type: i0.Input, args: [{ isSignal: true, alias: "projectionId", required: true }] }], availableFamilies: [{ type: i0.Input, args: [{ isSignal: true, alias: "availableFamilies", required: false }] }], preferredFamily: [{ type: i0.Input, args: [{ isSignal: true, alias: "preferredFamily", required: false }] }], queryContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "queryContext", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], enableCustomization: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableCustomization", required: false }] }], presentationChange: [{ type: i0.Output, args: ["presentationChange"] }], pointClick: [{ type: i0.Output, args: ["pointClick"] }], pointAction: [{ type: i0.Output, args: ["pointAction"] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }], drillDown: [{ type: i0.Output, args: ["drillDown"] }], crossFilter: [{ type: i0.Output, args: ["crossFilter"] }], queryRequest: [{ type: i0.Output, args: ["queryRequest"] }], loadStateChange: [{ type: i0.Output, args: ["loadStateChange"] }] } });
-function normalizeError$1(error) {
-    return error instanceof Error && error.message.trim() ? error.message.trim() : 'Analytics presentation failed.';
-}
 function stringifyValue(value) {
     return value === null || value === undefined ? undefined : String(value);
 }
@@ -5165,273 +4737,771 @@ class EChartsOptionBuilderService {
         if (value === 'code' || value === 'name' || value === 'narrowSymbol') {
             return value;
         }
-        return 'symbol';
+        return 'symbol';
+    }
+    parseNumberFormat(format) {
+        const [pattern, ...modifiers] = format.split('|').map((part) => part.trim());
+        const match = /^(\d+)\.(\d+)-(\d+)$/.exec(pattern);
+        if (!match) {
+            return null;
+        }
+        return {
+            minimumFractionDigits: this.clampDecimals(Number.parseInt(match[2], 10), 0),
+            maximumFractionDigits: this.clampDecimals(Number.parseInt(match[3], 10), 0),
+            useGrouping: !modifiers.some((part) => part.toLowerCase() === 'nosep'),
+        };
+    }
+    clampDecimals(value, fallback) {
+        if (!Number.isFinite(value)) {
+            return fallback;
+        }
+        return Math.min(Math.max(value, 0), 20);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EChartsOptionBuilderService, deps: [{ token: PraxisChartDataTransformerService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EChartsOptionBuilderService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EChartsOptionBuilderService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: PraxisChartDataTransformerService }] });
+function truncateLegendText(name) {
+    const value = String(name ?? '').trim();
+    if (value.length <= 28) {
+        return value;
+    }
+    return `${value.slice(0, 25)}...`;
+}
+function escapeTooltipHtml(value) {
+    return String(value ?? '')
+        .replace(/&/g, '&amp;')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&#39;');
+}
+
+use([
+    AriaComponent,
+    BarChart,
+    CanvasRenderer,
+    DatasetComponent,
+    FunnelChart,
+    GridComponent,
+    LegendComponent,
+    LineChart,
+    PieChart,
+    ScatterChart,
+    TitleComponent,
+    TooltipComponent,
+    TransformComponent,
+]);
+class EChartsEngineAdapter {
+    optionBuilder;
+    chart;
+    currentHost;
+    clickHost;
+    domClickHandler;
+    zrenderClickHandler;
+    lastSeriesClickAt = 0;
+    lastGridClick;
+    constructor(optionBuilder) {
+        this.optionBuilder = optionBuilder;
+    }
+    render(host, payload) {
+        if (this.chart && this.currentHost !== host) {
+            this.disposeChart();
+        }
+        if (!this.chart) {
+            this.chart = this.createChart(host);
+            this.currentHost = host;
+        }
+        const option = this.optionBuilder.build(payload.config, payload.data);
+        const chart = this.chart;
+        chart.setOption(option, true);
+        this.detachHandlers();
+        chart.off('click');
+        chart.on('click', (params) => {
+            this.lastSeriesClickAt = Date.now();
+            this.lastGridClick = undefined;
+            const data = pointData(params?.name, params?.data ?? params?.value);
+            payload.onPointClick?.({
+                chartId: payload.config.id,
+                seriesId: params?.seriesId,
+                seriesName: params?.seriesName,
+                category: this.resolvePointCategory(payload, data, params?.name),
+                value: pointValue(params?.value ?? params?.data),
+                data,
+            });
+        });
+        const zrender = chart?.getZr?.();
+        this.zrenderClickHandler = (event) => {
+            window.setTimeout(() => {
+                if (Date.now() - this.lastSeriesClickAt < 80) {
+                    return;
+                }
+                this.emitCategoryClickFromGrid(event, payload);
+            }, 0);
+        };
+        zrender?.on?.('click', this.zrenderClickHandler);
+        this.domClickHandler = (event) => {
+            window.setTimeout(() => {
+                if (Date.now() - this.lastSeriesClickAt < 80) {
+                    return;
+                }
+                const rect = host.getBoundingClientRect();
+                const offsetX = Number.isFinite(event.offsetX) ? event.offsetX : event.clientX - rect.left;
+                const offsetY = Number.isFinite(event.offsetY) ? event.offsetY : event.clientY - rect.top;
+                this.emitCategoryClickFromGrid({
+                    offsetX,
+                    offsetY,
+                }, payload);
+            }, 0);
+        };
+        host.addEventListener('click', this.domClickHandler, true);
+        this.clickHost = host;
+    }
+    resize() {
+        this.chart?.resize();
+    }
+    destroy() {
+        this.disposeChart();
+    }
+    createChart(host) {
+        return init(host);
+    }
+    disposeChart() {
+        this.detachHandlers();
+        this.chart?.off('click');
+        this.chart?.dispose();
+        this.chart = undefined;
+        this.currentHost = undefined;
+        this.lastSeriesClickAt = 0;
+        this.lastGridClick = undefined;
+    }
+    detachHandlers() {
+        const zrender = this.chart?.getZr?.();
+        if (zrender && this.zrenderClickHandler) {
+            zrender.off?.('click', this.zrenderClickHandler);
+        }
+        if (this.clickHost && this.domClickHandler) {
+            this.clickHost.removeEventListener('click', this.domClickHandler, true);
+        }
+        this.clickHost = undefined;
+        this.domClickHandler = undefined;
+        this.zrenderClickHandler = undefined;
+    }
+    resolvePointCategory(payload, data, fallback) {
+        const categoryField = payload.config.axes?.x?.field
+            ?? payload.config.series.find((series) => series.categoryField)?.categoryField;
+        const dataSource = payload.config.dataSource;
+        const usesCanonicalStatsTime = dataSource?.kind === 'remote'
+            && dataSource.query?.sourceKind === 'praxis.stats';
+        const usesCanonicalStatsTimePoint = usesCanonicalStatsTime
+            && (payload.config.axes?.x?.type === 'time'
+                || (dataSource?.kind === 'remote' && dataSource.query?.statsOperation === 'timeseries'));
+        const candidate = usesCanonicalStatsTimePoint && data['label'] !== null
+            && data['label'] !== undefined
+            && data['label'] !== ''
+            ? data['label']
+            : categoryField && data[categoryField] !== null && data[categoryField] !== undefined
+                ? data[categoryField]
+                : fallback;
+        return candidate === null || candidate === undefined
+            ? undefined
+            : String(candidate);
+    }
+    emitCategoryClickFromGrid(event, payload) {
+        const chart = this.chart;
+        if (!chart || typeof chart.containPixel !== 'function' || typeof chart.convertFromPixel !== 'function') {
+            return;
+        }
+        const point = [event?.offsetX, event?.offsetY];
+        if (!Number.isFinite(point[0]) || !Number.isFinite(point[1])) {
+            return;
+        }
+        if (!chart.containPixel({ gridIndex: 0 }, point)) {
+            return;
+        }
+        const option = chart.getOption?.();
+        const xAxis = firstOptionEntry(option?.xAxis);
+        const yAxis = firstOptionEntry(option?.yAxis);
+        const horizontal = yAxis?.type === 'category';
+        const categories = (horizontal ? yAxis?.data : xAxis?.data) ?? [];
+        if (!Array.isArray(categories) || categories.length === 0) {
+            return;
+        }
+        const converted = chart.convertFromPixel({ gridIndex: 0 }, point);
+        const categoryIndex = Math.round(Number(horizontal ? converted?.[1] : converted?.[0]));
+        if (!Number.isInteger(categoryIndex) || categoryIndex < 0 || categoryIndex >= categories.length) {
+            return;
+        }
+        const category = categories[categoryIndex];
+        const categoryValue = category == null ? undefined : String(category);
+        const categoryField = payload.config.axes?.x?.field
+            ?? payload.config.series.find((series) => series.categoryField)?.categoryField;
+        const signature = JSON.stringify({
+            chartId: payload.config.id,
+            category: categoryValue,
+            horizontal,
+            categoryIndex,
+        });
+        if (this.isDuplicateGridClick(signature)) {
+            return;
+        }
+        const usesCanonicalStatsRows = payload.config.dataSource?.kind === 'remote'
+            && payload.config.dataSource.query?.sourceKind === 'praxis.stats';
+        const fallbackSourceRow = !usesCanonicalStatsRows
+            && categoryField
+            && categoryValue !== undefined
+            ? payload.data.find((row) => String(row[categoryField] ?? '') === categoryValue)
+            : undefined;
+        const sourceRow = usesCanonicalStatsRows
+            ? payload.data[categoryIndex]
+            : fallbackSourceRow;
+        const data = {
+            ...(sourceRow ?? {}),
+            category: categoryValue,
+        };
+        if (categoryField && categoryValue !== undefined) {
+            data[categoryField] = categoryValue;
+        }
+        payload.onPointClick?.({
+            chartId: payload.config.id,
+            category: categoryValue,
+            data,
+        });
     }
-    parseNumberFormat(format) {
-        const [pattern, ...modifiers] = format.split('|').map((part) => part.trim());
-        const match = /^(\d+)\.(\d+)-(\d+)$/.exec(pattern);
-        if (!match) {
-            return null;
-        }
-        return {
-            minimumFractionDigits: this.clampDecimals(Number.parseInt(match[2], 10), 0),
-            maximumFractionDigits: this.clampDecimals(Number.parseInt(match[3], 10), 0),
-            useGrouping: !modifiers.some((part) => part.toLowerCase() === 'nosep'),
-        };
+    isDuplicateGridClick(signature) {
+        const now = Date.now();
+        const duplicate = this.lastGridClick?.signature === signature
+            && now - this.lastGridClick.at < 80;
+        this.lastGridClick = { signature, at: now };
+        return duplicate;
     }
-    clampDecimals(value, fallback) {
-        if (!Number.isFinite(value)) {
-            return fallback;
-        }
-        return Math.min(Math.max(value, 0), 20);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EChartsEngineAdapter, deps: [{ token: EChartsOptionBuilderService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EChartsEngineAdapter });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EChartsEngineAdapter, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: EChartsOptionBuilderService }] });
+function firstOptionEntry(value) {
+    return Array.isArray(value) ? value[0] : value;
+}
+function pointValue(value) {
+    if (Array.isArray(value)) {
+        return value.length > 1 ? value[1] : value[0];
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EChartsOptionBuilderService, deps: [{ token: PraxisChartDataTransformerService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EChartsOptionBuilderService, providedIn: 'root' });
+    if (value && typeof value === 'object' && 'value' in value) {
+        return pointValue(value.value);
+    }
+    return value;
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EChartsOptionBuilderService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: PraxisChartDataTransformerService }] });
-function truncateLegendText(name) {
-    const value = String(name ?? '').trim();
-    if (value.length <= 28) {
+function pointData(category, value) {
+    if (value && typeof value === 'object' && !Array.isArray(value)) {
         return value;
     }
-    return `${value.slice(0, 25)}...`;
-}
-function escapeTooltipHtml(value) {
-    return String(value ?? '')
-        .replace(/&/g, '&amp;')
-        .replace(/</g, '&lt;')
-        .replace(/>/g, '&gt;')
-        .replace(/"/g, '&quot;')
-        .replace(/'/g, '&#39;');
+    return {
+        category,
+        value: pointValue(value),
+    };
 }
 
-use([
-    AriaComponent,
-    BarChart,
-    CanvasRenderer,
-    DatasetComponent,
-    FunnelChart,
-    GridComponent,
-    LegendComponent,
-    LineChart,
-    PieChart,
-    ScatterChart,
-    TitleComponent,
-    TooltipComponent,
-    TransformComponent,
-]);
-class EChartsEngineAdapter {
-    optionBuilder;
-    chart;
-    currentHost;
-    clickHost;
-    domClickHandler;
-    zrenderClickHandler;
-    lastSeriesClickAt = 0;
-    lastGridClick;
-    constructor(optionBuilder) {
-        this.optionBuilder = optionBuilder;
-    }
-    render(host, payload) {
-        if (this.chart && this.currentHost !== host) {
-            this.disposeChart();
-        }
-        if (!this.chart) {
-            this.chart = this.createChart(host);
-            this.currentHost = host;
-        }
-        const option = this.optionBuilder.build(payload.config, payload.data);
-        const chart = this.chart;
-        chart.setOption(option, true);
-        this.detachHandlers();
-        chart.off('click');
-        chart.on('click', (params) => {
-            this.lastSeriesClickAt = Date.now();
-            this.lastGridClick = undefined;
-            const data = pointData(params?.name, params?.data ?? params?.value);
-            payload.onPointClick?.({
-                chartId: payload.config.id,
-                seriesId: params?.seriesId,
-                seriesName: params?.seriesName,
-                category: this.resolvePointCategory(payload, data, params?.name),
-                value: pointValue(params?.value ?? params?.data),
-                data,
-            });
-        });
-        const zrender = chart?.getZr?.();
-        this.zrenderClickHandler = (event) => {
-            window.setTimeout(() => {
-                if (Date.now() - this.lastSeriesClickAt < 80) {
-                    return;
-                }
-                this.emitCategoryClickFromGrid(event, payload);
-            }, 0);
-        };
-        zrender?.on?.('click', this.zrenderClickHandler);
-        this.domClickHandler = (event) => {
-            window.setTimeout(() => {
-                if (Date.now() - this.lastSeriesClickAt < 80) {
-                    return;
-                }
-                const rect = host.getBoundingClientRect();
-                const offsetX = Number.isFinite(event.offsetX) ? event.offsetX : event.clientX - rect.left;
-                const offsetY = Number.isFinite(event.offsetY) ? event.offsetY : event.clientY - rect.top;
-                this.emitCategoryClickFromGrid({
-                    offsetX,
-                    offsetY,
-                }, payload);
-            }, 0);
-        };
-        host.addEventListener('click', this.domClickHandler, true);
-        this.clickHost = host;
-    }
-    resize() {
-        this.chart?.resize();
-    }
-    destroy() {
-        this.disposeChart();
-    }
-    createChart(host) {
-        return init(host);
-    }
-    disposeChart() {
-        this.detachHandlers();
-        this.chart?.off('click');
-        this.chart?.dispose();
-        this.chart = undefined;
-        this.currentHost = undefined;
-        this.lastSeriesClickAt = 0;
-        this.lastGridClick = undefined;
-    }
-    detachHandlers() {
-        const zrender = this.chart?.getZr?.();
-        if (zrender && this.zrenderClickHandler) {
-            zrender.off?.('click', this.zrenderClickHandler);
-        }
-        if (this.clickHost && this.domClickHandler) {
-            this.clickHost.removeEventListener('click', this.domClickHandler, true);
-        }
-        this.clickHost = undefined;
-        this.domClickHandler = undefined;
-        this.zrenderClickHandler = undefined;
-    }
-    resolvePointCategory(payload, data, fallback) {
-        const categoryField = payload.config.axes?.x?.field
-            ?? payload.config.series.find((series) => series.categoryField)?.categoryField;
-        const dataSource = payload.config.dataSource;
-        const usesCanonicalStatsTime = dataSource?.kind === 'remote'
-            && dataSource.query?.sourceKind === 'praxis.stats';
-        const usesCanonicalStatsTimePoint = usesCanonicalStatsTime
-            && (payload.config.axes?.x?.type === 'time'
-                || (dataSource?.kind === 'remote' && dataSource.query?.statsOperation === 'timeseries'));
-        const candidate = usesCanonicalStatsTimePoint && data['label'] !== null
-            && data['label'] !== undefined
-            && data['label'] !== ''
-            ? data['label']
-            : categoryField && data[categoryField] !== null && data[categoryField] !== undefined
-                ? data[categoryField]
-                : fallback;
-        return candidate === null || candidate === undefined
-            ? undefined
-            : String(candidate);
-    }
-    emitCategoryClickFromGrid(event, payload) {
-        const chart = this.chart;
-        if (!chart || typeof chart.containPixel !== 'function' || typeof chart.convertFromPixel !== 'function') {
-            return;
-        }
-        const point = [event?.offsetX, event?.offsetY];
-        if (!Number.isFinite(point[0]) || !Number.isFinite(point[1])) {
-            return;
-        }
-        if (!chart.containPixel({ gridIndex: 0 }, point)) {
-            return;
-        }
-        const option = chart.getOption?.();
-        const xAxis = firstOptionEntry(option?.xAxis);
-        const yAxis = firstOptionEntry(option?.yAxis);
-        const horizontal = yAxis?.type === 'category';
-        const categories = (horizontal ? yAxis?.data : xAxis?.data) ?? [];
-        if (!Array.isArray(categories) || categories.length === 0) {
-            return;
-        }
-        const converted = chart.convertFromPixel({ gridIndex: 0 }, point);
-        const categoryIndex = Math.round(Number(horizontal ? converted?.[1] : converted?.[0]));
-        if (!Number.isInteger(categoryIndex) || categoryIndex < 0 || categoryIndex >= categories.length) {
-            return;
-        }
-        const category = categories[categoryIndex];
-        const categoryValue = category == null ? undefined : String(category);
-        const categoryField = payload.config.axes?.x?.field
-            ?? payload.config.series.find((series) => series.categoryField)?.categoryField;
-        const signature = JSON.stringify({
-            chartId: payload.config.id,
-            category: categoryValue,
-            horizontal,
-            categoryIndex,
-        });
-        if (this.isDuplicateGridClick(signature)) {
-            return;
+const PRAXIS_CHARTS_EN_US = {
+    'praxis.charts.runtime.editChart': 'Edit chart settings',
+    'praxis.charts.runtime.invalidDocumentTitle': 'Invalid canonical configuration',
+    'praxis.charts.runtime.invalidDocumentDescription': 'The canonical chart document could not be mapped by Praxis Charts. Review the chart contract before continuing.',
+    'praxis.charts.runtime.remoteErrorTitle': 'Chart data could not be loaded',
+    'praxis.charts.runtime.remoteErrorDescription': 'Review the chart data source and analytics request before continuing.',
+    'praxis.charts.runtime.booleanFalseLabel': 'Not {{ label }}',
+    'praxis.charts.runtime.comparisonCurrent': 'Current',
+    'praxis.charts.runtime.comparisonPrevious': 'Previous',
+    'praxis.charts.widget.missingDocument': 'This widget does not have a canonical chart document yet. Runtime inputs are preserved until a canonical chartDocument is provided by the host.',
+    'praxis.charts.widget.queryContext.label': 'Query context',
+    'praxis.charts.widget.queryContext.ariaLabel': 'Chart query context',
+    'praxis.charts.widget.queryContext.invalidJson': 'Query context must be valid JSON.',
+    'praxis.charts.widget.queryContext.mustBeObject': 'Query context must be a JSON object.',
+    'praxis.charts.editor.section.general': 'General',
+    'praxis.charts.editor.section.data': 'Data',
+    'praxis.charts.editor.section.analytics': 'Analytics',
+    'praxis.charts.editor.section.appearance': 'Appearance',
+    'praxis.charts.editor.section.motion': 'Motion',
+    'praxis.charts.editor.section.events': 'Events',
+    'praxis.charts.editor.section.preview': 'Preview',
+    'praxis.charts.editor.field.chartId': 'Chart ID',
+    'praxis.charts.editor.field.kind': 'Kind',
+    'praxis.charts.editor.field.title': 'Title',
+    'praxis.charts.editor.field.subtitle': 'Subtitle',
+    'praxis.charts.editor.field.sizingMode': 'Sizing',
+    'praxis.charts.editor.field.height': 'Height',
+    'praxis.charts.editor.field.minHeight': 'Minimum height',
+    'praxis.charts.editor.field.maxHeight': 'Maximum height',
+    'praxis.charts.editor.field.aspectRatio': 'Aspect ratio',
+    'praxis.charts.editor.field.sourceKind': 'Source',
+    'praxis.charts.editor.field.resource': 'Resource',
+    'praxis.charts.editor.field.operation': 'Operation',
+    'praxis.charts.editor.field.granularity': 'Granularity',
+    'praxis.charts.editor.field.fillGaps': 'Fill missing intervals',
+    'praxis.charts.editor.field.distributionMode': 'Distribution mode',
+    'praxis.charts.editor.field.bucketSize': 'Bucket size',
+    'praxis.charts.editor.field.bucketCount': 'Bucket count',
+    'praxis.charts.editor.field.comparisonPeriodField': 'Period field',
+    'praxis.charts.editor.field.comparisonTimezone': 'Timezone',
+    'praxis.charts.editor.field.comparisonPreset': 'Period preset',
+    'praxis.charts.editor.field.comparisonMode': 'Comparison mode',
+    'praxis.charts.editor.field.dimension': 'Dimension',
+    'praxis.charts.editor.field.dimensionRole': 'Dimension role',
+    'praxis.charts.editor.field.metric': 'Metric',
+    'praxis.charts.editor.field.metricLabel': 'Metric label',
+    'praxis.charts.editor.field.metricAggregation': 'Aggregation',
+    'praxis.charts.editor.field.metricAxis': 'Axis',
+    'praxis.charts.editor.field.metricSeriesKind': 'Series kind',
+    'praxis.charts.editor.field.legendEnabled': 'Show legend',
+    'praxis.charts.editor.field.labelsEnabled': 'Show labels',
+    'praxis.charts.editor.field.tooltipEnabled': 'Show tooltip',
+    'praxis.charts.editor.field.themeVariant': 'Theme variant',
+    'praxis.charts.editor.field.paletteMode': 'Palette mode',
+    'praxis.charts.editor.field.paletteToken': 'Palette token',
+    'praxis.charts.editor.field.palette': 'Palette colors',
+    'praxis.charts.editor.field.surfaceMode': 'Surface mode',
+    'praxis.charts.editor.field.emptyTitle': 'Empty title',
+    'praxis.charts.editor.field.emptyDescription': 'Empty description',
+    'praxis.charts.editor.field.loadingTitle': 'Loading title',
+    'praxis.charts.editor.field.loadingDescription': 'Loading description',
+    'praxis.charts.editor.field.errorTitle': 'Error title',
+    'praxis.charts.editor.field.errorDescription': 'Error description',
+    'praxis.charts.editor.field.motionEnabled': 'Enable animations',
+    'praxis.charts.editor.field.motionPreset': 'Motion preset',
+    'praxis.charts.editor.field.eventAction': 'Action',
+    'praxis.charts.editor.field.eventTarget': 'Target',
+    'praxis.charts.editor.field.eventMapping': 'Mapping',
+    'praxis.charts.editor.preview.title': 'Chart preview',
+    'praxis.charts.editor.preview.caption': 'Local preview derived from the canonical contract without remote calls.',
+    'praxis.charts.editor.preview.invalid': 'Preview is unavailable while the contract has blocking errors.',
+    'praxis.charts.editor.issues.title': 'Validation issues',
+    'praxis.charts.editor.issues.empty': 'No issues were identified.',
+    'praxis.charts.editor.appearance.featuresTitle': 'Display features',
+    'praxis.charts.editor.appearance.paletteTitle': 'Palette',
+    'praxis.charts.editor.appearance.paletteHint': 'Use a registered token or comma-separated colors to persist theme.palette in the canonical contract.',
+    'praxis.charts.editor.appearance.surfaceTitle': 'Surface',
+    'praxis.charts.editor.appearance.surfaceHint': 'Use embedded for dashboard widgets and contained only when the chart must own its visual surface.',
+    'praxis.charts.editor.appearance.statesTitle': 'State messages',
+    'praxis.charts.editor.catalog.resourceMissing': 'Resource catalog is required for governed praxis.stats authoring.',
+    'praxis.charts.editor.catalog.resourceStale': 'Selected resource is not available in the governed resource catalog.',
+    'praxis.charts.editor.catalog.operationMissing': 'Selected resource does not publish authorable stats operations.',
+    'praxis.charts.editor.catalog.operationStale': 'Selected operation is not supported by the governed resource catalog.',
+    'praxis.charts.editor.catalog.fieldCatalogMissing': 'The selected resource does not publish governed fields for chart authoring.',
+    'praxis.charts.editor.catalog.dimensionFieldsMissing': 'No governed dimensions are available for the current resource and operation.',
+    'praxis.charts.editor.catalog.metricFieldsMissing': 'No governed metrics are available for the current resource and operation.',
+    'praxis.charts.editor.catalog.dimensionFieldStale': 'Selected dimension is not eligible for the current resource and operation.',
+    'praxis.charts.editor.catalog.metricFieldStale': 'Selected metric is not eligible for the current resource and operation.',
+    'praxis.charts.editor.catalog.metricAggregationStale': 'Selected aggregation is not allowed for the selected metric field.',
+    'praxis.charts.editor.catalog.comparisonPeriodFieldsMissing': 'No governed time-series field is available for comparison periods.',
+    'praxis.charts.editor.catalog.comparisonPeriodFieldStale': 'Selected period field is not time-series eligible for the governed comparison operation.',
+    'praxis.charts.editor.catalog.targetMissing': 'Target catalog is required for this governed event action.',
+    'praxis.charts.editor.catalog.targetStale': 'Selected target is not available for this event action.',
+    'praxis.charts.editor.catalog.capabilitiesDenied': 'Access to the selected resource capabilities was denied.',
+    'praxis.charts.editor.catalog.capabilitiesUnavailable': 'The selected resource capabilities are temporarily unavailable.',
+    'praxis.charts.editor.catalog.contextUnavailable': 'Governed chart authoring context could not be resolved.',
+    'praxis.charts.widget.contextDiagnostics.title': 'Authoring context',
+    'praxis.charts.widget.contextDiagnostics.catalogDenied': 'Access to the governed resource catalog was denied.',
+    'praxis.charts.widget.contextDiagnostics.catalogUnavailable': 'The governed resource catalog is temporarily unavailable.',
+    'praxis.charts.widget.contextDiagnostics.catalogEmpty': 'No authorable stats resources were published by the governed catalog.',
+    'praxis.charts.widget.contextDiagnostics.catalogPathInvalid': 'The resource catalog published an unsafe or non-relative operational path.',
+    'praxis.charts.widget.contextDiagnostics.capabilitiesDenied': 'Access to the selected resource capabilities was denied.',
+    'praxis.charts.widget.contextDiagnostics.capabilitiesUnavailable': 'The selected resource capabilities are temporarily unavailable.',
+    'praxis.charts.widget.contextDiagnostics.operationsEmpty': 'The selected resource does not publish authorable stats operations.',
+    'praxis.charts.widget.contextDiagnostics.fieldsEmpty': 'The selected resource does not publish governed fields for chart authoring.',
+    'praxis.charts.widget.contextDiagnostics.identityMismatch': 'The selected resource identity does not match its governed capability snapshot.',
+    'praxis.charts.widget.contextDiagnostics.capabilitiesPathInvalid': 'The selected capability snapshot did not publish a safe governed resource path.',
+    'praxis.charts.widget.contextDiagnostics.capabilitiesPathMismatch': 'The selected capability snapshot path does not match the operational path published by the catalog.',
+    'praxis.charts.widget.contextDiagnostics.partial': 'Some governed authoring choices could not be materialized from the current page context.',
+    'praxis.charts.editor.hint.sizingMode': 'Use fill-container only when the host widget provides a defined body height.',
+    'praxis.charts.editor.hint.height': 'Numbers are saved as pixels; CSS lengths such as 20rem are also accepted.',
+    'praxis.charts.editor.hint.minHeight': 'Set a readable minimum for compact dashboard widgets.',
+    'praxis.charts.editor.hint.maxHeight': 'Leave empty unless the chart must stop growing inside a flexible layout.',
+    'praxis.charts.editor.hint.aspectRatio': 'Optional. Use values such as 1.777 or 16 / 9.',
+    'praxis.charts.editor.analytics.dimensionsTitle': 'Dimensions',
+    'praxis.charts.editor.analytics.metricsTitle': 'Metrics',
+    'praxis.charts.editor.analytics.addDimension': 'Add dimension',
+    'praxis.charts.editor.analytics.addMetric': 'Add metric',
+    'praxis.charts.editor.analytics.removeDimension': 'Remove dimension',
+    'praxis.charts.editor.analytics.removeMetric': 'Remove metric',
+    'praxis.charts.editor.specialization.timeseriesTitle': 'Timeseries options',
+    'praxis.charts.editor.specialization.distributionTitle': 'Distribution options',
+    'praxis.charts.editor.specialization.comparisonTitle': 'Comparison period',
+    'praxis.charts.editor.specialization.comboTitle': 'Combo guidance',
+    'praxis.charts.editor.specialization.comboHint': 'Combo charts require at least two metrics and allow per-metric axis and series kind mapping.',
+    'praxis.charts.editor.specialization.pieDonutTitle': 'Composition guidance',
+    'praxis.charts.editor.themeVariant.none': 'No variant',
+    'praxis.charts.editor.themeVariant.default': 'Default',
+    'praxis.charts.editor.themeVariant.compact': 'Compact',
+    'praxis.charts.editor.themeVariant.executive': 'Executive',
+    'praxis.charts.editor.paletteMode.token': 'Registered token',
+    'praxis.charts.editor.paletteMode.custom': 'Custom colors',
+    'praxis.charts.editor.paletteToken.brand-primary': 'Brand primary',
+    'praxis.charts.editor.paletteToken.brand-balanced': 'Brand balanced',
+    'praxis.charts.editor.paletteToken.status': 'Status',
+    'praxis.charts.editor.paletteToken.executive': 'Executive',
+    'praxis.charts.editor.specialization.pieDonutHint': 'Pie, donut, funnel and pyramid charts keep one metric and use the first dimension as the category segment.',
+    'praxis.charts.editor.specialization.scatterTitle': 'Scatter guidance',
+    'praxis.charts.editor.specialization.scatterHint': 'Scatter charts use the first dimension as X and the first metric as Y.',
+    'praxis.charts.editor.events.pointClickTitle': 'Point click',
+    'praxis.charts.editor.events.selectionChangeTitle': 'Selection change',
+    'praxis.charts.editor.events.drillDownTitle': 'Drill down',
+    'praxis.charts.editor.events.crossFilterTitle': 'Cross filter',
+    'praxis.charts.editor.events.none': 'None',
+    'praxis.charts.editor.sourceKind.praxisStats': 'praxis.stats',
+    'praxis.charts.editor.sourceKind.derived': 'derived',
+    'praxis.charts.editor.sizing.fixed': 'Fixed height',
+    'praxis.charts.editor.sizing.fill-container': 'Fill widget',
+    'praxis.charts.editor.sizing.auto': 'Automatic',
+    'praxis.charts.editor.surface.auto': 'Automatic',
+    'praxis.charts.editor.surface.embedded': 'Embedded in widget',
+    'praxis.charts.editor.surface.contained': 'Contained surface',
+    'praxis.charts.editor.operation.groupBy': 'group-by',
+    'praxis.charts.editor.operation.timeseries': 'timeseries',
+    'praxis.charts.editor.operation.distribution': 'distribution',
+    'praxis.charts.editor.operation.comparison': 'comparison',
+    'praxis.charts.editor.granularity.day': 'day',
+    'praxis.charts.editor.granularity.week': 'week',
+    'praxis.charts.editor.granularity.month': 'month',
+    'praxis.charts.editor.distributionMode.terms': 'terms',
+    'praxis.charts.editor.distributionMode.histogram': 'histogram',
+    'praxis.charts.editor.comparisonPreset.TODAY': 'Today',
+    'praxis.charts.editor.comparisonPreset.YESTERDAY': 'Yesterday',
+    'praxis.charts.editor.comparisonPreset.LAST_7_DAYS': 'Last 7 days',
+    'praxis.charts.editor.comparisonPreset.LAST_30_DAYS': 'Last 30 days',
+    'praxis.charts.editor.comparisonPreset.THIS_MONTH': 'This month',
+    'praxis.charts.editor.comparisonPreset.LAST_MONTH': 'Last month',
+    'praxis.charts.editor.comparisonPreset.THIS_QUARTER': 'This quarter',
+    'praxis.charts.editor.comparisonPreset.THIS_YEAR': 'This year',
+    'praxis.charts.editor.comparisonMode.PREVIOUS_ALIGNED': 'Previous aligned period',
+    'praxis.charts.editor.comparisonMode.PREVIOUS_CALENDAR_PERIOD': 'Previous calendar period',
+    'praxis.charts.editor.motionPreset.subtle': 'subtle',
+    'praxis.charts.editor.motionPreset.standard': 'standard',
+    'praxis.charts.editor.motionPreset.expressive': 'expressive',
+    'praxis.charts.editor.dimensionRole.category': 'category',
+    'praxis.charts.editor.dimensionRole.series': 'series',
+    'praxis.charts.editor.dimensionRole.segment': 'segment',
+    'praxis.charts.editor.dimensionRole.time': 'time',
+    'praxis.charts.editor.dimensionRole.value': 'value',
+    'praxis.charts.editor.metricAggregation.sum': 'sum',
+    'praxis.charts.editor.metricAggregation.count': 'count',
+    'praxis.charts.editor.metricAggregation.distinct-count': 'distinct count',
+    'praxis.charts.editor.metricAggregation.avg': 'avg',
+    'praxis.charts.editor.metricAggregation.min': 'min',
+    'praxis.charts.editor.metricAggregation.max': 'max',
+    'praxis.charts.editor.metricAxis.primary': 'primary',
+    'praxis.charts.editor.metricAxis.secondary': 'secondary',
+    'praxis.charts.editor.metricSeriesKind.bar': 'bar',
+    'praxis.charts.editor.metricSeriesKind.line': 'line',
+    'praxis.charts.editor.metricSeriesKind.area': 'area',
+    'praxis.charts.editor.eventAction.filter-widget': 'filter-widget',
+    'praxis.charts.editor.eventAction.open-detail': 'open-detail',
+    'praxis.charts.editor.eventAction.navigate': 'navigate',
+    'praxis.charts.editor.eventAction.update-context': 'update-context',
+    'praxis.charts.editor.eventAction.emit': 'emit',
+    'praxis.charts.editor.kind.bar': 'Bar',
+    'praxis.charts.editor.kind.horizontal-bar': 'Horizontal Bar',
+    'praxis.charts.editor.kind.line': 'Line',
+    'praxis.charts.editor.kind.area': 'Area',
+    'praxis.charts.editor.kind.stacked-bar': 'Stacked Bar',
+    'praxis.charts.editor.kind.stacked-area': 'Stacked Area',
+    'praxis.charts.editor.kind.combo': 'Combo',
+    'praxis.charts.editor.kind.pie': 'Pie',
+    'praxis.charts.editor.kind.donut': 'Donut',
+    'praxis.charts.editor.kind.scatter': 'Scatter',
+    'praxis.charts.editor.kind.funnel': 'Funnel',
+    'praxis.charts.editor.kind.pyramid': 'Pyramid',
+    'praxis.charts.analyticsPresentation.selectorLabel': 'Analytics presentation',
+    'praxis.charts.analyticsPresentation.chart': 'Chart',
+    'praxis.charts.analyticsPresentation.table': 'Table',
+    'praxis.charts.analyticsPresentation.kpi': 'KPI',
+    'praxis.charts.analyticsPresentation.kpiCollection': 'Key metrics',
+    'praxis.charts.analyticsPresentation.kpiUnknownBucket': 'Unidentified category',
+    'praxis.charts.analyticsPresentation.kpiItemAriaLabel': '{category}: {value} {metric}',
+    'praxis.charts.analyticsPresentation.unavailable': 'Presentation unavailable',
+    'praxis.charts.analyticsPresentation.loading': 'Loading analytics…',
+    'praxis.charts.analyticsPresentation.empty': 'No data available.',
+    'praxis.charts.analyticsPresentation.loadError': 'Analytics data could not be loaded.',
+    'praxis.charts.analyticsPresentation.resolutionError': 'The analytics presentation could not be resolved.',
+    'praxis.charts.analyticsPresentation.projectionMissing': 'Analytics projection "{projectionId}" was not found.',
+    'praxis.charts.analyticsPresentation.noRenderer': 'Analytics projection "{projectionId}" has no eligible installed renderer.',
+    'praxis.charts.analyticsPresentation.familyIneligible': 'Presentation family "{family}" is not eligible for projection "{projectionId}".',
+};
+
+const PRAXIS_CHARTS_PT_BR = {
+    'praxis.charts.runtime.editChart': 'Editar configurações do gráfico',
+    'praxis.charts.runtime.invalidDocumentTitle': 'Configuração canônica inválida',
+    'praxis.charts.runtime.invalidDocumentDescription': 'O documento canônico do gráfico não pode ser mapeado pelo Praxis Charts. Revise o contrato do gráfico antes de continuar.',
+    'praxis.charts.runtime.remoteErrorTitle': 'Não foi possível carregar os dados do gráfico',
+    'praxis.charts.runtime.remoteErrorDescription': 'Revise a fonte de dados e os filtros antes de continuar.',
+    'praxis.charts.runtime.booleanFalseLabel': 'Não {{ label }}',
+    'praxis.charts.runtime.comparisonCurrent': 'Atual',
+    'praxis.charts.runtime.comparisonPrevious': 'Anterior',
+    'praxis.charts.widget.missingDocument': 'Este widget ainda não possui um documento canônico de gráfico. Os inputs runtime são preservados até o host fornecer um chartDocument canônico.',
+    'praxis.charts.widget.queryContext.label': 'Contexto da consulta',
+    'praxis.charts.widget.queryContext.ariaLabel': 'Contexto da consulta do gráfico',
+    'praxis.charts.widget.queryContext.invalidJson': 'O contexto da consulta deve ser um JSON válido.',
+    'praxis.charts.widget.queryContext.mustBeObject': 'O contexto da consulta deve ser um objeto JSON.',
+    'praxis.charts.editor.section.general': 'Geral',
+    'praxis.charts.editor.section.data': 'Dados',
+    'praxis.charts.editor.section.analytics': 'Estrutura',
+    'praxis.charts.editor.section.appearance': 'Aparência',
+    'praxis.charts.editor.section.motion': 'Movimento',
+    'praxis.charts.editor.section.events': 'Eventos',
+    'praxis.charts.editor.section.preview': 'Visualização',
+    'praxis.charts.editor.field.chartId': 'ID do Gráfico',
+    'praxis.charts.editor.field.kind': 'Tipo',
+    'praxis.charts.editor.field.title': 'Título',
+    'praxis.charts.editor.field.subtitle': 'Subtítulo',
+    'praxis.charts.editor.field.sizingMode': 'Tamanho',
+    'praxis.charts.editor.field.height': 'Altura',
+    'praxis.charts.editor.field.minHeight': 'Altura mínima',
+    'praxis.charts.editor.field.maxHeight': 'Altura máxima',
+    'praxis.charts.editor.field.aspectRatio': 'Proporção',
+    'praxis.charts.editor.field.sourceKind': 'Fonte',
+    'praxis.charts.editor.field.resource': 'Recurso',
+    'praxis.charts.editor.field.operation': 'Operação',
+    'praxis.charts.editor.field.granularity': 'Granularidade',
+    'praxis.charts.editor.field.fillGaps': 'Preencher intervalos sem dados',
+    'praxis.charts.editor.field.distributionMode': 'Modo de distribuição',
+    'praxis.charts.editor.field.bucketSize': 'Tamanho do bucket',
+    'praxis.charts.editor.field.bucketCount': 'Quantidade de buckets',
+    'praxis.charts.editor.field.comparisonPeriodField': 'Campo de período',
+    'praxis.charts.editor.field.comparisonTimezone': 'Fuso horário',
+    'praxis.charts.editor.field.comparisonPreset': 'Período predefinido',
+    'praxis.charts.editor.field.comparisonMode': 'Modo de comparação',
+    'praxis.charts.editor.field.dimension': 'Dimensão',
+    'praxis.charts.editor.field.dimensionRole': 'Papel da dimensão',
+    'praxis.charts.editor.field.metric': 'Métrica',
+    'praxis.charts.editor.field.metricLabel': 'Rótulo da métrica',
+    'praxis.charts.editor.field.metricAggregation': 'Agregação',
+    'praxis.charts.editor.field.metricAxis': 'Eixo',
+    'praxis.charts.editor.field.metricSeriesKind': 'Tipo da série',
+    'praxis.charts.editor.field.legendEnabled': 'Exibir legenda',
+    'praxis.charts.editor.field.labelsEnabled': 'Exibir rótulos',
+    'praxis.charts.editor.field.tooltipEnabled': 'Exibir dica de ferramenta (tooltip)',
+    'praxis.charts.editor.field.themeVariant': 'Variante de tema',
+    'praxis.charts.editor.field.paletteMode': 'Modo da paleta',
+    'praxis.charts.editor.field.paletteToken': 'Token da paleta',
+    'praxis.charts.editor.field.palette': 'Cores da paleta',
+    'praxis.charts.editor.field.surfaceMode': 'Modo da superfície',
+    'praxis.charts.editor.field.emptyTitle': 'Título do estado vazio',
+    'praxis.charts.editor.field.emptyDescription': 'Descrição do estado vazio',
+    'praxis.charts.editor.field.loadingTitle': 'Título de carregamento',
+    'praxis.charts.editor.field.loadingDescription': 'Descrição de carregamento',
+    'praxis.charts.editor.field.errorTitle': 'Título do erro',
+    'praxis.charts.editor.field.errorDescription': 'Descrição do erro',
+    'praxis.charts.editor.field.motionEnabled': 'Ativar animações',
+    'praxis.charts.editor.field.motionPreset': 'Predefinição de movimento',
+    'praxis.charts.editor.field.eventAction': 'Ação',
+    'praxis.charts.editor.field.eventTarget': 'Destino',
+    'praxis.charts.editor.field.eventMapping': 'Mapeamento',
+    'praxis.charts.editor.preview.title': 'Visualização do gráfico',
+    'praxis.charts.editor.preview.caption': 'Visualização local derivada do contrato canônico, sem chamadas remotas.',
+    'praxis.charts.editor.preview.invalid': 'A visualização fica indisponível enquanto houver erro bloqueante no contrato.',
+    'praxis.charts.editor.issues.title': 'Problemas de validação',
+    'praxis.charts.editor.issues.empty': 'Nenhum problema identificado.',
+    'praxis.charts.editor.appearance.featuresTitle': 'Recursos visuais',
+    'praxis.charts.editor.appearance.paletteTitle': 'Paleta',
+    'praxis.charts.editor.appearance.paletteHint': 'Use um token registrado ou cores separadas por vírgula para persistir `theme.palette` no contrato canônico.',
+    'praxis.charts.editor.appearance.surfaceTitle': 'Superfície',
+    'praxis.charts.editor.appearance.surfaceHint': 'Use embutido para widgets de dashboard e contido apenas quando o gráfico precisar ser dono da própria superfície visual.',
+    'praxis.charts.editor.appearance.statesTitle': 'Mensagens de estado',
+    'praxis.charts.editor.catalog.resourceMissing': 'O catálogo de recursos é obrigatório para authoring governado de praxis.stats.',
+    'praxis.charts.editor.catalog.resourceStale': 'O recurso selecionado não está disponível no catálogo governado de recursos.',
+    'praxis.charts.editor.catalog.operationMissing': 'O recurso selecionado não publica operações de stats authoráveis.',
+    'praxis.charts.editor.catalog.operationStale': 'A operação selecionada não é suportada pelo catálogo governado do recurso.',
+    'praxis.charts.editor.catalog.fieldCatalogMissing': 'O recurso selecionado não publica campos governados para a autoria do gráfico.',
+    'praxis.charts.editor.catalog.dimensionFieldsMissing': 'Nenhuma dimensão governada está disponível para o recurso e a operação atuais.',
+    'praxis.charts.editor.catalog.metricFieldsMissing': 'Nenhuma métrica governada está disponível para o recurso e a operação atuais.',
+    'praxis.charts.editor.catalog.dimensionFieldStale': 'A dimensão selecionada não é elegível para o recurso e a operação atuais.',
+    'praxis.charts.editor.catalog.metricFieldStale': 'A métrica selecionada não é elegível para o recurso e a operação atuais.',
+    'praxis.charts.editor.catalog.metricAggregationStale': 'A agregação selecionada não é permitida para a métrica escolhida.',
+    'praxis.charts.editor.catalog.comparisonPeriodFieldsMissing': 'Nenhum campo temporal governado está disponível para períodos de comparação.',
+    'praxis.charts.editor.catalog.comparisonPeriodFieldStale': 'O campo de período selecionado não é elegível para série temporal na operação de comparação governada.',
+    'praxis.charts.editor.catalog.targetMissing': 'O catálogo de destinos é obrigatório para esta ação de evento governada.',
+    'praxis.charts.editor.catalog.targetStale': 'O destino selecionado não está disponível para esta ação de evento.',
+    'praxis.charts.editor.catalog.capabilitiesDenied': 'O acesso às capabilities do recurso selecionado foi negado.',
+    'praxis.charts.editor.catalog.capabilitiesUnavailable': 'As capabilities do recurso selecionado estão temporariamente indisponíveis.',
+    'praxis.charts.editor.catalog.contextUnavailable': 'Não foi possível resolver o contexto governado de authoring do gráfico.',
+    'praxis.charts.widget.contextDiagnostics.title': 'Contexto de authoring',
+    'praxis.charts.widget.contextDiagnostics.catalogDenied': 'O acesso ao catálogo governado de recursos foi negado.',
+    'praxis.charts.widget.contextDiagnostics.catalogUnavailable': 'O catálogo governado de recursos está temporariamente indisponível.',
+    'praxis.charts.widget.contextDiagnostics.catalogEmpty': 'Nenhum recurso de stats authorável foi publicado pelo catálogo governado.',
+    'praxis.charts.widget.contextDiagnostics.catalogPathInvalid': 'O catálogo de recursos publicou um path operacional inseguro ou não relativo.',
+    'praxis.charts.widget.contextDiagnostics.capabilitiesDenied': 'O acesso às capabilities do recurso selecionado foi negado.',
+    'praxis.charts.widget.contextDiagnostics.capabilitiesUnavailable': 'As capabilities do recurso selecionado estão temporariamente indisponíveis.',
+    'praxis.charts.widget.contextDiagnostics.operationsEmpty': 'O recurso selecionado não publica operações de stats authoráveis.',
+    'praxis.charts.widget.contextDiagnostics.fieldsEmpty': 'O recurso selecionado não publica campos governados para a autoria do gráfico.',
+    'praxis.charts.widget.contextDiagnostics.identityMismatch': 'A identidade do recurso selecionado não corresponde ao snapshot governado de capabilities.',
+    'praxis.charts.widget.contextDiagnostics.capabilitiesPathInvalid': 'O snapshot de capabilities selecionado não publicou um path de recurso governado e seguro.',
+    'praxis.charts.widget.contextDiagnostics.capabilitiesPathMismatch': 'O path do snapshot de capabilities não corresponde ao path operacional publicado pelo catálogo.',
+    'praxis.charts.widget.contextDiagnostics.partial': 'Algumas opções governadas de authoring não puderam ser materializadas a partir do contexto atual da página.',
+    'praxis.charts.editor.hint.sizingMode': 'Use preencher container apenas quando o widget host fornecer altura definida para o corpo.',
+    'praxis.charts.editor.hint.height': 'Números são salvos como pixels; medidas CSS como 20rem também são aceitas.',
+    'praxis.charts.editor.hint.minHeight': 'Defina um mínimo legível para widgets compactos de dashboard.',
+    'praxis.charts.editor.hint.maxHeight': 'Deixe vazio exceto quando o gráfico não puder crescer dentro de um layout flexível.',
+    'praxis.charts.editor.hint.aspectRatio': 'Opcional. Use valores como 1.777 ou 16 / 9.',
+    'praxis.charts.editor.analytics.dimensionsTitle': 'Dimensões',
+    'praxis.charts.editor.analytics.metricsTitle': 'Métricas',
+    'praxis.charts.editor.analytics.addDimension': 'Adicionar dimensão',
+    'praxis.charts.editor.analytics.addMetric': 'Adicionar métrica',
+    'praxis.charts.editor.analytics.removeDimension': 'Remover dimensão',
+    'praxis.charts.editor.analytics.removeMetric': 'Remover métrica',
+    'praxis.charts.editor.specialization.timeseriesTitle': 'Opções de séries temporais',
+    'praxis.charts.editor.specialization.distributionTitle': 'Opções de distribuição',
+    'praxis.charts.editor.specialization.comparisonTitle': 'Período de comparação',
+    'praxis.charts.editor.specialization.comboTitle': 'Guia de combo',
+    'praxis.charts.editor.specialization.comboHint': 'Gráficos combo exigem pelo menos duas métricas e permitem configurar eixo e tipo de série por métrica.',
+    'praxis.charts.editor.specialization.pieDonutTitle': 'Guia de composição',
+    'praxis.charts.editor.themeVariant.none': 'Sem variante',
+    'praxis.charts.editor.themeVariant.default': 'Padrão',
+    'praxis.charts.editor.themeVariant.compact': 'Compacta',
+    'praxis.charts.editor.themeVariant.executive': 'Executiva',
+    'praxis.charts.editor.paletteMode.token': 'Token registrado',
+    'praxis.charts.editor.paletteMode.custom': 'Cores customizadas',
+    'praxis.charts.editor.paletteToken.brand-primary': 'Marca principal',
+    'praxis.charts.editor.paletteToken.brand-balanced': 'Marca balanceada',
+    'praxis.charts.editor.paletteToken.status': 'Status',
+    'praxis.charts.editor.paletteToken.executive': 'Executiva',
+    'praxis.charts.editor.specialization.pieDonutHint': 'Gráficos de pizza, rosca, funil e pirâmide mantêm uma métrica e usam a primeira dimensão como segmento categórico.',
+    'praxis.charts.editor.specialization.scatterTitle': 'Guia de dispersão (scatter)',
+    'praxis.charts.editor.specialization.scatterHint': 'Gráficos de dispersão usam a primeira dimensão como eixo X e a primeira métrica como eixo Y.',
+    'praxis.charts.editor.events.pointClickTitle': 'Clique no ponto',
+    'praxis.charts.editor.events.selectionChangeTitle': 'Mudança de seleção',
+    'praxis.charts.editor.events.drillDownTitle': 'Drill down',
+    'praxis.charts.editor.events.crossFilterTitle': 'Filtro cruzado',
+    'praxis.charts.editor.events.none': 'Nenhuma',
+    'praxis.charts.editor.sourceKind.praxisStats': 'praxis.stats',
+    'praxis.charts.editor.sourceKind.derived': 'derivado',
+    'praxis.charts.editor.sizing.fixed': 'Altura fixa',
+    'praxis.charts.editor.sizing.fill-container': 'Preencher widget',
+    'praxis.charts.editor.sizing.auto': 'Automático',
+    'praxis.charts.editor.surface.auto': 'Automático',
+    'praxis.charts.editor.surface.embedded': 'Embutido no widget',
+    'praxis.charts.editor.surface.contained': 'Superfície contida',
+    'praxis.charts.editor.operation.groupBy': 'agrupar por',
+    'praxis.charts.editor.operation.timeseries': 'série temporal',
+    'praxis.charts.editor.operation.distribution': 'distribuição',
+    'praxis.charts.editor.operation.comparison': 'comparação',
+    'praxis.charts.editor.granularity.day': 'dia',
+    'praxis.charts.editor.granularity.week': 'semana',
+    'praxis.charts.editor.granularity.month': 'mês',
+    'praxis.charts.editor.distributionMode.terms': 'termos',
+    'praxis.charts.editor.distributionMode.histogram': 'histograma',
+    'praxis.charts.editor.comparisonPreset.TODAY': 'Hoje',
+    'praxis.charts.editor.comparisonPreset.YESTERDAY': 'Ontem',
+    'praxis.charts.editor.comparisonPreset.LAST_7_DAYS': 'Últimos 7 dias',
+    'praxis.charts.editor.comparisonPreset.LAST_30_DAYS': 'Últimos 30 dias',
+    'praxis.charts.editor.comparisonPreset.THIS_MONTH': 'Este mês',
+    'praxis.charts.editor.comparisonPreset.LAST_MONTH': 'Mês anterior',
+    'praxis.charts.editor.comparisonPreset.THIS_QUARTER': 'Este trimestre',
+    'praxis.charts.editor.comparisonPreset.THIS_YEAR': 'Este ano',
+    'praxis.charts.editor.comparisonMode.PREVIOUS_ALIGNED': 'Período anterior alinhado',
+    'praxis.charts.editor.comparisonMode.PREVIOUS_CALENDAR_PERIOD': 'Período anterior do calendário',
+    'praxis.charts.editor.motionPreset.subtle': 'sutil',
+    'praxis.charts.editor.motionPreset.standard': 'padrão',
+    'praxis.charts.editor.motionPreset.expressive': 'expressivo',
+    'praxis.charts.editor.dimensionRole.category': 'categoria',
+    'praxis.charts.editor.dimensionRole.series': 'série',
+    'praxis.charts.editor.dimensionRole.segment': 'segmento',
+    'praxis.charts.editor.dimensionRole.time': 'tempo',
+    'praxis.charts.editor.dimensionRole.value': 'valor',
+    'praxis.charts.editor.metricAggregation.sum': 'soma',
+    'praxis.charts.editor.metricAggregation.count': 'contagem',
+    'praxis.charts.editor.metricAggregation.distinct-count': 'contagem distinta',
+    'praxis.charts.editor.metricAggregation.avg': 'média',
+    'praxis.charts.editor.metricAggregation.min': 'mínimo',
+    'praxis.charts.editor.metricAggregation.max': 'máximo',
+    'praxis.charts.editor.metricAxis.primary': 'primário',
+    'praxis.charts.editor.metricAxis.secondary': 'secundário',
+    'praxis.charts.editor.metricSeriesKind.bar': 'barra',
+    'praxis.charts.editor.metricSeriesKind.line': 'linha',
+    'praxis.charts.editor.metricSeriesKind.area': 'área',
+    'praxis.charts.editor.eventAction.filter-widget': 'filtrar widget',
+    'praxis.charts.editor.eventAction.open-detail': 'abrir detalhes',
+    'praxis.charts.editor.eventAction.navigate': 'navegar',
+    'praxis.charts.editor.eventAction.update-context': 'atualizar contexto',
+    'praxis.charts.editor.eventAction.emit': 'emitir',
+    'praxis.charts.editor.kind.bar': 'Barra',
+    'praxis.charts.editor.kind.horizontal-bar': 'Barra Horizontal',
+    'praxis.charts.editor.kind.line': 'Linha',
+    'praxis.charts.editor.kind.area': 'Área',
+    'praxis.charts.editor.kind.stacked-bar': 'Barra Empilhada',
+    'praxis.charts.editor.kind.stacked-area': 'Área Empilhada',
+    'praxis.charts.editor.kind.combo': 'Combinado (Combo)',
+    'praxis.charts.editor.kind.pie': 'Pizza (Pie)',
+    'praxis.charts.editor.kind.donut': 'Rosca (Donut)',
+    'praxis.charts.editor.kind.scatter': 'Dispersão (Scatter)',
+    'praxis.charts.editor.kind.funnel': 'Funil',
+    'praxis.charts.editor.kind.pyramid': 'Pirâmide',
+    'praxis.charts.analyticsPresentation.selectorLabel': 'Apresentação analítica',
+    'praxis.charts.analyticsPresentation.chart': 'Gráfico',
+    'praxis.charts.analyticsPresentation.table': 'Tabela',
+    'praxis.charts.analyticsPresentation.kpi': 'Indicadores',
+    'praxis.charts.analyticsPresentation.kpiCollection': 'Indicadores principais',
+    'praxis.charts.analyticsPresentation.kpiUnknownBucket': 'Categoria não identificada',
+    'praxis.charts.analyticsPresentation.kpiItemAriaLabel': '{category}: {value} {metric}',
+    'praxis.charts.analyticsPresentation.unavailable': 'Apresentação indisponível',
+    'praxis.charts.analyticsPresentation.loading': 'Carregando dados analíticos…',
+    'praxis.charts.analyticsPresentation.empty': 'Nenhum dado disponível.',
+    'praxis.charts.analyticsPresentation.loadError': 'Não foi possível carregar os dados analíticos.',
+    'praxis.charts.analyticsPresentation.resolutionError': 'Não foi possível resolver a apresentação analítica.',
+    'praxis.charts.analyticsPresentation.projectionMissing': 'A projection analítica "{projectionId}" não foi encontrada.',
+    'praxis.charts.analyticsPresentation.noRenderer': 'A projection analítica "{projectionId}" não possui renderer instalado elegível.',
+    'praxis.charts.analyticsPresentation.familyIneligible': 'A família de apresentação "{family}" não é elegível para a projection "{projectionId}".',
+};
+
+const PRAXIS_CHARTS_I18N = new InjectionToken('PRAXIS_CHARTS_I18N', {
+    factory: () => ({}),
+});
+function createPraxisChartsI18nConfig(options = {}) {
+    const localeDictionaries = {
+        'pt-BR': {
+            ...PRAXIS_CHARTS_PT_BR,
+            ...(options.dictionaries?.['pt-BR'] ?? {}),
+        },
+        'en-US': {
+            ...PRAXIS_CHARTS_EN_US,
+            ...(options.dictionaries?.['en-US'] ?? {}),
+        },
+    };
+    for (const [locale, dictionary] of Object.entries(options.dictionaries ?? {})) {
+        if (locale === 'pt-BR' || locale === 'en-US') {
+            continue;
         }
-        const usesCanonicalStatsRows = payload.config.dataSource?.kind === 'remote'
-            && payload.config.dataSource.query?.sourceKind === 'praxis.stats';
-        const fallbackSourceRow = !usesCanonicalStatsRows
-            && categoryField
-            && categoryValue !== undefined
-            ? payload.data.find((row) => String(row[categoryField] ?? '') === categoryValue)
-            : undefined;
-        const sourceRow = usesCanonicalStatsRows
-            ? payload.data[categoryIndex]
-            : fallbackSourceRow;
-        const data = {
-            ...(sourceRow ?? {}),
-            category: categoryValue,
+        localeDictionaries[locale] = {
+            ...(localeDictionaries[locale] ?? {}),
+            ...dictionary,
         };
-        if (categoryField && categoryValue !== undefined) {
-            data[categoryField] = categoryValue;
-        }
-        payload.onPointClick?.({
-            chartId: payload.config.id,
-            category: categoryValue,
-            data,
-        });
-    }
-    isDuplicateGridClick(signature) {
-        const now = Date.now();
-        const duplicate = this.lastGridClick?.signature === signature
-            && now - this.lastGridClick.at < 80;
-        this.lastGridClick = { signature, at: now };
-        return duplicate;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EChartsEngineAdapter, deps: [{ token: EChartsOptionBuilderService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EChartsEngineAdapter });
+    return {
+        locale: options.locale,
+        fallbackLocale: options.fallbackLocale ?? 'pt-BR',
+        namespaces: {
+            charts: localeDictionaries,
+        },
+    };
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EChartsEngineAdapter, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: EChartsOptionBuilderService }] });
-function firstOptionEntry(value) {
-    return Array.isArray(value) ? value[0] : value;
+function providePraxisChartsI18n(options = {}) {
+    return [
+        {
+            provide: PRAXIS_CHARTS_I18N,
+            useValue: {},
+        },
+        providePraxisI18n(createPraxisChartsI18nConfig(options)),
+    ];
 }
-function pointValue(value) {
-    if (Array.isArray(value)) {
-        return value.length > 1 ? value[1] : value[0];
-    }
-    if (value && typeof value === 'object' && 'value' in value) {
-        return pointValue(value.value);
+function resolvePraxisChartsText(value, fallback) {
+    if (typeof value === 'string') {
+        return { text: value };
     }
-    return value;
-}
-function pointData(category, value) {
-    if (value && typeof value === 'object' && !Array.isArray(value)) {
+    if (value?.key || value?.text) {
         return value;
     }
-    return {
-        category,
-        value: pointValue(value),
-    };
+    return { text: fallback ?? '' };
 }
 
 class ChartEditorDefaultsService {
@@ -8836,7 +8906,7 @@ const PRAXIS_ANALYTICS_PRESENTATION_COMPONENT_METADATA = {
     friendlyName: 'Apresentação analítica governada',
     description: 'Alterna renderers elegíveis para uma projection x-ui.analytics selecionada por id, preservando o query context.',
     icon: 'monitoring',
-    tags: ['analytics', 'chart', 'table', 'projection', 'dashboard'],
+    tags: ['analytics', 'chart', 'table', 'kpi', 'projection', 'dashboard'],
     lib: '@praxisui/charts',
     authoringManifestRef: {
         componentId: 'praxis-analytics-presentation',
@@ -8857,14 +8927,14 @@ const PRAXIS_ANALYTICS_PRESENTATION_COMPONENT_METADATA = {
                             primaryDimension: { field: 'category', role: 'category', label: 'Categoria' },
                             primaryMetrics: [{ field: 'value', aggregation: 'sum', label: 'Valor' }],
                         },
-                        presentationHints: { preferredFamilies: ['chart', 'analytic-table'] },
+                        presentationHints: { preferredFamilies: ['chart', 'analytic-table', 'kpi'] },
                     }],
             },
         },
         { name: 'projectionId', type: 'string', description: 'Identidade exata da projection; labels não são usados para seleção.', default: 'analytics-presentation-sample' },
-        { name: 'availableFamilies', type: 'AnalyticsPresentationFamily[]', description: 'Famílias autorizadas após capabilities e renderers instalados.', default: ['chart', 'analytic-table'] },
+        { name: 'availableFamilies', type: 'AnalyticsPresentationFamily[]', description: 'Famílias autorizadas após capabilities e renderers instalados.', default: ['chart', 'analytic-table', 'kpi'] },
         { name: 'preferredFamily', type: 'AnalyticsPresentationFamily | null', description: 'Preferência persistida pelo host; a escolha temporária do usuário tem precedência.', default: null },
-        { name: 'queryContext', type: 'PraxisDataQueryContext | null', description: 'Contexto governado compartilhado por chart e analytic-table.', default: null },
+        { name: 'queryContext', type: 'PraxisDataQueryContext | null', description: 'Contexto governado compartilhado por chart, analytic-table e KPI.', default: null },
         { name: 'title', type: 'PraxisTextValue', description: 'Título compartilhado pelos renderers.' },
         { name: 'subtitle', type: 'PraxisTextValue', description: 'Subtítulo compartilhado pelos renderers.' },
         { name: 'enableCustomization', type: 'boolean', description: 'Habilita authoring interno do chart quando aplicável.', default: false },
@@ -10253,7 +10323,7 @@ class PraxisChartCompositionShowcaseComponent {
         </article>
       </div>
     </section>
-  `, isInline: true, styles: [":host{display:block}.showcase-shell{display:grid;gap:24px}.showcase-hero{display:grid;gap:20px;padding:28px;border-radius:28px;background:radial-gradient(circle at top right,rgba(18,99,180,.18),transparent 30%),linear-gradient(135deg,#071836f2,#1263b4c7);color:#f7fbff}.showcase-copy h2{margin:0 0 10px;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.05}.showcase-copy p{margin:0;max-width:52rem;color:#f7fbffe0}.showcase-eyebrow,.panel-kicker{margin:0 0 8px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#f7fbffb8}.showcase-controls{display:flex;flex-wrap:wrap;gap:16px}.control-group{display:grid;gap:8px}.control-group span{font-size:.84rem;color:#f7fbffc2}.control-buttons{display:flex;flex-wrap:wrap;gap:8px}.control-buttons button{border:1px solid rgba(247,251,255,.22);background:#f7fbff14;color:#f7fbff;border-radius:999px;padding:10px 14px;cursor:pointer;transition:background .16s ease,transform .16s ease}.control-buttons button.active{background:#f7fbff;color:#0d2d5f}.showcase-grid{display:grid;gap:20px;grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr)}.runtime-panel,.payload-panel{display:grid;gap:16px;padding:20px;border-radius:24px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline, #c5c7ce) 76%,transparent);background:linear-gradient(180deg,#fffffff0,#f4f7fbf5)}.panel-header{display:flex;align-items:start;justify-content:space-between;gap:12px}.panel-header h3{margin:0;color:#142033}.panel-caption{margin:6px 0 0;color:#516074;font-size:.88rem;line-height:1.45}.panel-chip{border-radius:999px;padding:6px 10px;font-size:.76rem;background:#1263b41f;color:#1263b4}.payload-panel pre{margin:0;padding:16px;border-radius:18px;background:#09111f;color:#d7e6ff;overflow:auto;font-size:.84rem;line-height:1.5}@media(max-width:1080px){.showcase-grid{grid-template-columns:1fr}}\n"], dependencies: [{ kind: "component", type: DynamicWidgetPageComponent, selector: "praxis-dynamic-page", inputs: ["page", "context", "strictValidation", "enableCustomization", "showPageSettingsButton", "shellEditorComponent", "pageEditorComponent", "autoPersist", "pageIdentity", "componentInstanceId", "showWidgetAssistantButton"], outputs: ["pageChange", "widgetEvent", "widgetSelectionChange", "widgetAssistantRequested", "widgetDiagnosticsChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block}.showcase-shell{display:grid;gap:24px}.showcase-hero{display:grid;gap:20px;padding:28px;border-radius:28px;background:radial-gradient(circle at top right,rgba(18,99,180,.18),transparent 30%),linear-gradient(135deg,#071836f2,#1263b4c7);color:#f7fbff}.showcase-copy h2{margin:0 0 10px;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.05}.showcase-copy p{margin:0;max-width:52rem;color:#f7fbffe0}.showcase-eyebrow,.panel-kicker{margin:0 0 8px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#f7fbffb8}.showcase-controls{display:flex;flex-wrap:wrap;gap:16px}.control-group{display:grid;gap:8px}.control-group span{font-size:.84rem;color:#f7fbffc2}.control-buttons{display:flex;flex-wrap:wrap;gap:8px}.control-buttons button{border:1px solid rgba(247,251,255,.22);background:#f7fbff14;color:#f7fbff;border-radius:999px;padding:10px 14px;cursor:pointer;transition:background .16s ease,transform .16s ease}.control-buttons button.active{background:#f7fbff;color:#0d2d5f}.showcase-grid{display:grid;gap:20px;grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr)}.runtime-panel,.payload-panel{display:grid;gap:16px;padding:20px;border-radius:24px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline, #c5c7ce) 76%,transparent);background:linear-gradient(180deg,#fffffff0,#f4f7fbf5)}.panel-header{display:flex;align-items:start;justify-content:space-between;gap:12px}.panel-header h3{margin:0;color:#142033}.panel-caption{margin:6px 0 0;color:#516074;font-size:.88rem;line-height:1.45}.panel-chip{border-radius:999px;padding:6px 10px;font-size:.76rem;background:#1263b41f;color:#1263b4}.payload-panel pre{margin:0;padding:16px;border-radius:18px;background:#09111f;color:#d7e6ff;overflow:auto;font-size:.84rem;line-height:1.5}@media(max-width:1080px){.showcase-grid{grid-template-columns:1fr}}\n"], dependencies: [{ kind: "component", type: DynamicWidgetPageComponent, selector: "praxis-dynamic-page", inputs: ["page", "context", "strictValidation", "enableCustomization", "authoringCapabilities", "showPageSettingsButton", "shellEditorComponent", "pageEditorComponent", "autoPersist", "pageIdentity", "componentInstanceId", "showWidgetAssistantButton"], outputs: ["pageChange", "widgetEvent", "widgetSelectionChange", "widgetAssistantRequested", "widgetDiagnosticsChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisChartCompositionShowcaseComponent, decorators: [{
             type: Component,
@@ -10867,7 +10937,7 @@ const PRAXIS_ANALYTICS_PRESENTATION_AUTHORING_MANIFEST = {
         { name: 'analytics', type: 'PraxisXUiAnalytics', description: 'Canonical x-ui.analytics projections.' },
         { name: 'projectionId', type: 'string', description: 'Stable projection identity; labels never select projections.' },
         { name: 'availableFamilies', type: 'AnalyticsPresentationFamily[]', description: 'Capability- and host-authorized renderer families.' },
-        { name: 'preferredFamily', type: 'AnalyticsPresentationFamily | null', allowedValues: ['chart', 'analytic-table'], description: 'Persisted host preference. Temporary user choice remains runtime-only.' },
+        { name: 'preferredFamily', type: 'AnalyticsPresentationFamily | null', allowedValues: ['chart', 'analytic-table', 'kpi'], description: 'Persisted host preference. Temporary user choice remains runtime-only.' },
         { name: 'queryContext', type: 'PraxisDataQueryContext | null', description: 'Shared governed query context forwarded to the selected renderer.' },
     ],
     editableTargets: [
@@ -10894,7 +10964,7 @@ const PRAXIS_ANALYTICS_PRESENTATION_AUTHORING_MANIFEST = {
                 type: 'object',
                 additionalProperties: false,
                 required: ['family'],
-                properties: { family: { enum: ['chart', 'analytic-table'] } },
+                properties: { family: { enum: ['chart', 'analytic-table', 'kpi'] } },
             },
             effects: [{ kind: 'set-value', path: 'preferredFamily', inputPath: 'family' }],
             destructive: false,
@@ -10926,7 +10996,7 @@ const PRAXIS_ANALYTICS_PRESENTATION_AUTHORING_MANIFEST = {
                 targetKind: 'analyticsPresentationPreference',
                 category: 'analytics-renderer',
                 description: 'Compatible presentation families resolved from the canonical projection and installed renderers.',
-                options: ['chart', 'analytic-table'],
+                options: ['chart', 'analytic-table', 'kpi'],
                 appliesToTypes: ['PraxisXUiAnalytics'],
                 unknownCompatible: false,
             },
@@ -10941,10 +11011,17 @@ const PRAXIS_ANALYTICS_PRESENTATION_AUTHORING_MANIFEST = {
             isPositive: true,
         },
         {
-            id: 'reject-kpi-without-renderer',
-            request: 'Use KPI even though no KPI renderer is installed.',
+            id: 'prefer-kpi',
+            request: 'Use the KPI presentation for projection supplier-procurement-funnel.',
             operationId: 'analytics.presentation.prefer-family',
             params: { family: 'kpi' },
+            isPositive: true,
+        },
+        {
+            id: 'reject-summary-list-without-renderer',
+            request: 'Use summary-list even though no summary-list renderer is installed.',
+            operationId: 'analytics.presentation.prefer-family',
+            params: { family: 'summary-list' },
             isPositive: false,
         },
     ],