@praxisui/crud 10.0.0-rc.19 → 10.0.0-rc.21

package/fesm2022/praxisui-crud.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, DestroyRef, signal, HostListener, ViewChild, Inject, ViewEncapsulation, Component, EventEmitter, ChangeDetectorRef, Output, Input, ChangeDetectionStrategy, Injectable, InjectionToken, input, computed, effect, output, Injector, booleanAttribute, Optional, ENVIRONMENT_INITIALIZER } from '@angular/core';
+import { inject, DestroyRef, signal, HostListener, ViewChild, Inject, ViewEncapsulation, Component, EventEmitter, ChangeDetectorRef, Output, Input, ChangeDetectionStrategy, Injectable, InjectionToken, input, ElementRef, computed, linkedSignal, effect, output, Injector, booleanAttribute, Optional, ENVIRONMENT_INITIALIZER } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { HttpClient } from '@angular/common/http';
 import { Router, ActivatedRoute, RouterLink } from '@angular/router';
@@ -7,7 +7,7 @@ import { MatSnackBar } from '@angular/material/snack-bar';
 import { firstValueFrom, BehaviorSubject, Subscription } from 'rxjs';
 import { take, filter } from 'rxjs/operators';
 import * as i2$1 from '@praxisui/core';
-import { PraxisBulkClientService, generateBulkIdempotencyKey, API_URL, SafeExpressionEvaluator, buildApiUrl, ASYNC_CONFIG_STORAGE, GlobalConfigService, CrudOperationResolutionService, LoggerService, SurfaceNavigationError, fillUndefined, SETTINGS_PANEL_DATA, PraxisI18nService, PraxisIconDirective, providePraxisI18nConfig, createDefaultTableConfig, PraxisWidgetEventBus, EnterpriseRuntimeContextService, GLOBAL_SURFACE_SERVICE, SurfaceOutletRegistryService, ComponentKeyService, ResourceDiscoveryService, ResourceActionOpenAdapterService, ResourceSurfaceOpenAdapterService, composeHeadersWithVersion, normalizeSurfaceOperationContext, translateUnavailableWorkflowMessage, isSurfaceNavigationError, translateSurfaceNavigationRejected, normalizeUnknownError, EmptyStateCardComponent, RESOURCE_DISCOVERY_I18N_CONFIG, SURFACE_DRAWER_REF, SURFACE_DRAWER_CONTENT_DATA, PraxisIconButtonComponent, PraxisResourceIdentityComponent, GenericCrudService, ComponentMetadataRegistry, PraxisCustomizationModeService } from '@praxisui/core';
+import { PraxisBulkClientService, generateBulkIdempotencyKey, API_URL, SafeExpressionEvaluator, buildApiUrl, ASYNC_CONFIG_STORAGE, GlobalConfigService, CrudOperationResolutionService, LoggerService, SurfaceNavigationError, fillUndefined, GenericCrudService, SETTINGS_PANEL_DATA, PraxisI18nService, buildBaseColumnFromDef, PraxisIconDirective, providePraxisI18nConfig, SchemaNormalizerService, createDefaultTableConfig, PraxisWidgetEventBus, EnterpriseRuntimeContextService, GLOBAL_SURFACE_SERVICE, SurfaceOutletRegistryService, ComponentKeyService, ResourceDiscoveryService, ResourceActionOpenAdapterService, ResourceSurfaceOpenAdapterService, composeHeadersWithVersion, normalizeSurfaceOperationContext, translateUnavailableWorkflowMessage, isSurfaceNavigationError, translateSurfaceNavigationRejected, normalizeUnknownError, EmptyStateCardComponent, RESOURCE_DISCOVERY_I18N_CONFIG, SURFACE_DRAWER_REF, SURFACE_DRAWER_CONTENT_DATA, PraxisIconButtonComponent, PraxisResourceIdentityComponent, ComponentMetadataRegistry, PraxisCustomizationModeService } from '@praxisui/core';
 export { createDynamicRecord, extractRecordId, isDynamicDataRecord, resolveDataField } from '@praxisui/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
@@ -2804,6 +2804,12 @@ class PraxisKpiBandComponent {
                 ? card.interactive
                 : !!(card.action || card.filter || card.route || isObserved);
             const active = this.isCardFilterActive(card.filter, this.activeFilter);
+            const rawVariant = card.variant;
+            const mappedVariantTone = rawVariant === 'primary'
+                ? 'info'
+                : rawVariant === 'default'
+                    ? 'neutral'
+                    : rawVariant;
             return {
                 raw: card,
                 id: card.id,
@@ -2812,7 +2818,7 @@ class PraxisKpiBandComponent {
                 displayCaption: rawCaption,
                 footnote: card.footnote,
                 icon: card.icon,
-                tone: card.tone || 'neutral',
+                tone: card.tone || mappedVariantTone || 'neutral',
                 interactive,
                 active,
                 className: card.className,
@@ -3697,6 +3703,13 @@ const DOCUMENT_KIND = 'praxis.crud.editor';
 const DOCUMENT_VERSION = 1;
 const CANONICAL_ACTIONS = ['create', 'view', 'edit', 'delete'];
 const OPEN_MODES$1 = ['route', 'modal', 'drawer'];
+const KPI_VARIANTS$1 = [
+    'default',
+    'primary',
+    'success',
+    'warning',
+    'danger',
+];
 function createCrudAuthoringDocument(source) {
     return normalizeCrudAuthoringDocument({
         kind: DOCUMENT_KIND,
@@ -3770,11 +3783,63 @@ function validateCrudAuthoringDocument(doc, context) {
     for (const action of metadata.actions || []) {
         validateCrudAction(action, metadata, diagnostics);
     }
+    validateCrudKpiBand(metadata, diagnostics);
+    validateCrudFilterBar(metadata, diagnostics);
     return diagnostics;
 }
 function findCrudAction(actions, actionName) {
     return (actions || []).find((action) => action?.action === actionName);
 }
+function validateCrudKpiBand(metadata, diagnostics) {
+    const kpiBand = metadata.kpiBand;
+    if (!kpiBand || typeof kpiBand !== 'object' || kpiBand.enabled === false) {
+        return;
+    }
+    const cards = Array.isArray(kpiBand.cards) ? kpiBand.cards : [];
+    cards.forEach((card, index) => {
+        if (!trimString(card?.label)) {
+            diagnostics.push(errorDiagnostic('crud.metadata.kpiBand.cards.label.required', `KPI card #${index + 1} requires a label`, `metadata.kpiBand.cards.${index}.label`));
+        }
+        const val = card?.value;
+        const hasValueExpr = !!trimString(card?.valueExpr);
+        const isEmptyValue = !hasValueExpr &&
+            (val === undefined ||
+                val === null ||
+                (typeof val === 'string' && !val.trim()) ||
+                (typeof val === 'number' && !Number.isFinite(val)));
+        if (isEmptyValue) {
+            diagnostics.push(errorDiagnostic('crud.metadata.kpiBand.cards.value.required', `KPI card #${index + 1} requires a displayed value`, `metadata.kpiBand.cards.${index}.value`));
+        }
+        if (card?.filter !== undefined &&
+            (!card.filter || typeof card.filter !== 'object' || Array.isArray(card.filter))) {
+            diagnostics.push(errorDiagnostic('crud.metadata.kpiBand.cards.filter.invalid', `KPI card #${index + 1} filter must be a valid criteria object`, `metadata.kpiBand.cards.${index}.filter`));
+        }
+    });
+}
+function validateCrudFilterBar(metadata, diagnostics) {
+    const filterBar = metadata.filterBar;
+    if (!filterBar || typeof filterBar !== 'object') {
+        return;
+    }
+    if (Array.isArray(filterBar.quickFilters)) {
+        filterBar.quickFilters.forEach((qf, index) => {
+            if (!trimString(qf?.id)) {
+                diagnostics.push(errorDiagnostic('crud.metadata.filterBar.quickFilters.id.required', `Quick filter #${index + 1} requires an id`, `metadata.filterBar.quickFilters.${index}.id`));
+            }
+            if (!trimString(qf?.label)) {
+                diagnostics.push(errorDiagnostic('crud.metadata.filterBar.quickFilters.label.required', `Quick filter #${index + 1} requires a label`, `metadata.filterBar.quickFilters.${index}.label`));
+            }
+            const filterVal = qf?.filter;
+            const isInvalidFilter = filterVal === undefined ||
+                filterVal === null ||
+                (typeof filterVal !== 'string' &&
+                    (typeof filterVal !== 'object' || Array.isArray(filterVal)));
+            if (isInvalidFilter) {
+                diagnostics.push(errorDiagnostic('crud.metadata.filterBar.quickFilters.filter.invalid', `Quick filter #${index + 1} requires a valid filter condition`, `metadata.filterBar.quickFilters.${index}.filter`));
+            }
+        });
+    }
+}
 function validateCrudAction(action, metadata, diagnostics) {
     const actionName = trimString(action?.action) || 'unknown';
     const effectiveOpenMode = normalizeOpenMode(action?.openMode ?? metadata.defaults?.openMode) || 'route';
@@ -3843,8 +3908,84 @@ function normalizeCrudMetadata(metadata) {
             .map((action) => normalizeCrudAction(action))
             .sort(compareCrudActions);
     }
+    if (base.kpiBand && typeof base.kpiBand === 'object') {
+        normalized.kpiBand = normalizeKpiBandConfig(base.kpiBand);
+    }
+    if (base.filterBar && typeof base.filterBar === 'object') {
+        normalized.filterBar = normalizeFilterBarConfig(base.filterBar);
+    }
     return stripUndefinedDeep(normalized);
 }
+function normalizeKpiBandConfig(value) {
+    const cards = Array.isArray(value.cards)
+        ? value.cards.map((card) => normalizeKpiCardConfig(card))
+        : [];
+    return stripUndefinedDeep({
+        ...value,
+        enabled: typeof value.enabled === 'boolean' ? value.enabled : undefined,
+        cards,
+    });
+}
+function normalizeKpiCardConfig(card) {
+    const rawVariant = trimString(card?.variant);
+    const variant = rawVariant && KPI_VARIANTS$1.includes(rawVariant)
+        ? rawVariant
+        : undefined;
+    const rawTone = trimString(card?.tone);
+    const rawValue = card?.value;
+    const normalizedValue = typeof rawValue === 'number'
+        ? rawValue
+        : typeof rawValue === 'string'
+            ? rawValue.trim()
+            : trimString(card?.valueExpr)
+                ? undefined
+                : '';
+    const filter = card?.filter !== undefined &&
+        card.filter !== null &&
+        typeof card.filter === 'object' &&
+        !Array.isArray(card.filter)
+        ? cloneJson(card.filter)
+        : undefined;
+    return stripUndefinedDeep({
+        ...card,
+        id: trimString(card?.id) || undefined,
+        label: typeof card?.label === 'string' ? card.label.trim() : '',
+        value: normalizedValue,
+        caption: trimString(card?.caption) || undefined,
+        icon: trimString(card?.icon) || undefined,
+        variant,
+        tone: rawTone || undefined,
+        filter,
+    });
+}
+function normalizeFilterBarConfig(value) {
+    const inlineFields = Array.isArray(value.inlineFields)
+        ? Array.from(new Set(value.inlineFields
+            .map((field) => trimString(field))
+            .filter((field) => !!field)))
+        : undefined;
+    let quickFilters;
+    if (value.quickFilters === false) {
+        quickFilters = false;
+    }
+    else if (Array.isArray(value.quickFilters)) {
+        quickFilters = value.quickFilters.map((qf) => stripUndefinedDeep({
+            id: typeof qf?.id === 'string' ? qf.id.trim() : '',
+            label: typeof qf?.label === 'string' ? qf.label.trim() : '',
+            icon: trimString(qf?.icon) || undefined,
+            filter: typeof qf?.filter === 'string'
+                ? qf.filter.trim()
+                : qf?.filter && typeof qf.filter === 'object' && !Array.isArray(qf.filter)
+                    ? cloneJson(qf.filter)
+                    : {},
+        }));
+    }
+    return stripUndefinedDeep({
+        inlineFields,
+        quickFilters,
+        showAdvanced: typeof value.showAdvanced === 'boolean' ? value.showAdvanced : undefined,
+    });
+}
 function normalizeCrudAction(action) {
     return stripUndefinedDeep({
         ...action,
@@ -4348,6 +4489,90 @@ const PRAXIS_CRUD_AUTHORING_I18N_CONFIG = {
                 'crud.authoring.action.schemaReadyNote': 'Schema vinculado',
                 'crud.authoring.action.submitReadyNote': 'Contrato de submit pronto',
                 'crud.authoring.action.apiReadyNote': 'Mapeamento de API pronto',
+                'crud.authoring.section.kpis': 'Faixa de KPIs',
+                'crud.authoring.tab.kpis': 'KPIs',
+                'crud.authoring.overview.kpis': 'Faixa de KPIs',
+                'crud.authoring.overview.kpisDisabled': 'Desativada',
+                'crud.authoring.overview.kpisEnabled': '{count} cards configurados',
+                'crud.authoring.overview.kpisEmpty': 'Ativa · adicione cards',
+                'crud.authoring.nextFocus.kpis': 'Próximo foco: faixa de KPIs',
+                'crud.authoring.kpis.enabled': 'Exibir faixa de KPIs acima da listagem',
+                'crud.authoring.kpis.sectionSummary': 'Configure indicadores rápidos de contexto operacional que também podem filtrar a listagem ao clicar.',
+                'crud.authoring.kpis.addCard': 'Adicionar KPI',
+                'crud.authoring.kpis.removeCard': 'Remover KPI',
+                'crud.authoring.kpis.moveUp': 'Mover para cima',
+                'crud.authoring.kpis.moveDown': 'Mover para baixo',
+                'crud.authoring.kpis.empty': 'Nenhum card de KPI configurado. Adicione indicadores para destacar métricas e atalhos de filtro.',
+                'crud.authoring.kpis.cardTitle': 'Card #{index}',
+                'crud.authoring.kpis.label': 'Rótulo',
+                'crud.authoring.kpis.labelPlaceholder': 'ex.: Em andamento',
+                'crud.authoring.kpis.value': 'Valor exibido',
+                'crud.authoring.kpis.valuePlaceholder': 'ex.: 18',
+                'crud.authoring.kpis.caption': 'Legenda / contexto',
+                'crud.authoring.kpis.captionPlaceholder': 'ex.: Todos os setores',
+                'crud.authoring.kpis.icon': 'Ícone (Material Icon)',
+                'crud.authoring.kpis.iconPlaceholder': 'ex.: radar',
+                'crud.authoring.kpis.variant': 'Tom semântico',
+                'crud.authoring.kpis.variant.default': 'Neutro (Default)',
+                'crud.authoring.kpis.variant.primary': 'Destaque (Primary)',
+                'crud.authoring.kpis.variant.success': 'Sucesso (Success)',
+                'crud.authoring.kpis.variant.warning': 'Atenção (Warning)',
+                'crud.authoring.kpis.variant.danger': 'Crítico (Danger)',
+                'crud.authoring.kpis.filterMode': 'Comportamento ao clicar (Filtro)',
+                'crud.authoring.kpis.filterMode.none': 'Apenas informativo (sem filtro)',
+                'crud.authoring.kpis.filterMode.clear': 'Limpar filtros (Exibir todos)',
+                'crud.authoring.kpis.filterMode.condition': 'Aplicar critério de filtro',
+                'crud.authoring.kpis.filterField': 'Campo do filtro',
+                'crud.authoring.kpis.filterFieldPlaceholder': 'ex.: status',
+                'crud.authoring.kpis.filterValue': 'Valor esperado',
+                'crud.authoring.kpis.filterValuePlaceholder': 'ex.: EM_ANDAMENTO',
+                'crud.authoring.kpis.filterJson': 'Critério de filtro avançado (JSON)',
+                'crud.authoring.kpis.previewTitle': 'Prévia da faixa de KPIs',
+                'crud.authoring.validation.kpiLabelRequired': 'Informe o rótulo do card de KPI #{index}.',
+                'crud.authoring.validation.kpiValueRequired': 'Informe o valor exibido no card de KPI #{index}.',
+                'crud.authoring.validation.kpiFilterInvalid': 'Informe um critério de filtro válido no card de KPI #{index}.',
+                'crud.authoring.section.filters': 'Barra de Filtros',
+                'crud.authoring.tab.filters': 'Filtros',
+                'crud.authoring.overview.filters': 'Filtros',
+                'crud.authoring.overview.filtersDefault': 'Descoberta automática do recurso',
+                'crud.authoring.overview.filtersConfigured': '{inline} inline · {quick} rápidos',
+                'crud.authoring.nextFocus.filters': 'Próximo foco: barra de filtros',
+                'crud.authoring.filters.sectionSummary': 'Configure os campos sempre visíveis na barra de busca, os atalhos de filtro rápido (chips) e o acesso à gaveta de filtros avançados.',
+                'crud.authoring.filters.showAdvanced': 'Permitir abertura de filtros avançados',
+                'crud.authoring.filters.inlineGroup': 'Campos sempre visíveis (Inline Fields)',
+                'crud.authoring.filters.inlineNote': 'Selecione campos do recurso ou adicione identificadores de campos que devem aparecer diretamente na barra de filtros.',
+                'crud.authoring.filters.inlineFieldInput': 'Adicionar campo inline',
+                'crud.authoring.filters.inlineFieldPlaceholder': 'ex.: status, prioridade',
+                'crud.authoring.filters.inlineAdd': 'Adicionar campo',
+                'crud.authoring.filters.inlineEmpty': 'Nenhum campo inline fixado. O runtime usará a configuração padrão do schema.',
+                'crud.authoring.filters.availableFields': 'Sugestões de campos disponíveis',
+                'crud.authoring.filters.quickGroup': 'Atalhos de filtro rápido (Quick Filters)',
+                'crud.authoring.filters.quickMode': 'Modo dos filtros rápidos',
+                'crud.authoring.filters.quickMode.inherit': 'Padrão da tabela / recurso',
+                'crud.authoring.filters.quickMode.disabled': 'Ocultar filtros rápidos',
+                'crud.authoring.filters.quickMode.custom': 'Personalizar chips de filtro rápido',
+                'crud.authoring.filters.addQuickFilter': 'Adicionar filtro rápido',
+                'crud.authoring.filters.removeQuickFilter': 'Remover filtro rápido',
+                'crud.authoring.filters.quickEmpty': 'Nenhum filtro rápido configurado.',
+                'crud.authoring.filters.quickId': 'Identificador',
+                'crud.authoring.filters.quickLabel': 'Rótulo do chip',
+                'crud.authoring.filters.quickIcon': 'Ícone (opcional)',
+                'crud.authoring.filters.quickConditionMode': 'Tipo de condição',
+                'crud.authoring.filters.quickConditionMode.clear': 'Todos (limpar filtro)',
+                'crud.authoring.filters.quickConditionMode.fieldEquals': 'Campo igual a valor',
+                'crud.authoring.filters.quickConditionMode.expression': 'Expressão / JSON customizado',
+                'crud.authoring.filters.quickField': 'Campo',
+                'crud.authoring.filters.quickValue': 'Valor',
+                'crud.authoring.filters.quickExpression': 'Expressão ou JSON de filtro',
+                'crud.authoring.filters.previewTitle': 'Resumo da barra de filtros',
+                'crud.authoring.validation.quickFilterLabelRequired': 'Informe o rótulo do filtro rápido #{index}.',
+                'crud.authoring.validation.quickFilterIdRequired': 'Informe o identificador do filtro rápido #{index}.',
+                'crud.authoring.validation.quickFilterInvalid': 'Informe uma condição válida para o filtro rápido #{index}.',
+                'crud.authoring.table.inheritedColumnsCount': '{count} colunas do recurso',
+                'crud.authoring.table.inheritedColumnsPending': 'Colunas herdadas do recurso',
+                'crud.authoring.table.inheritedColumnsNote': 'As colunas estão sendo derivadas automaticamente do contrato do recurso ({path}). Você pode reordenar, ocultar ou formatar colunas abaixo.',
+                'crud.authoring.table.customColumnsNote': 'As colunas desta tabela possuem customizações explícitas salvas nos metadados do CRUD.',
+                'crud.authoring.table.focusColumnsButton': 'Editar colunas do recurso',
             },
             'en-US': {
                 'crud.authoring.title': 'CRUD settings',
@@ -4581,6 +4806,90 @@ const PRAXIS_CRUD_AUTHORING_I18N_CONFIG = {
                 'crud.authoring.action.schemaReadyNote': 'Schema linked',
                 'crud.authoring.action.submitReadyNote': 'Submit contract ready',
                 'crud.authoring.action.apiReadyNote': 'API mapping ready',
+                'crud.authoring.section.kpis': 'KPI Band',
+                'crud.authoring.tab.kpis': 'KPIs',
+                'crud.authoring.overview.kpis': 'KPI Band',
+                'crud.authoring.overview.kpisDisabled': 'Disabled',
+                'crud.authoring.overview.kpisEnabled': '{count} cards configured',
+                'crud.authoring.overview.kpisEmpty': 'Enabled · add cards',
+                'crud.authoring.nextFocus.kpis': 'Next focus: KPI band',
+                'crud.authoring.kpis.enabled': 'Show KPI band above collection table',
+                'crud.authoring.kpis.sectionSummary': 'Configure operational summary indicators that can also filter the collection when clicked.',
+                'crud.authoring.kpis.addCard': 'Add KPI',
+                'crud.authoring.kpis.removeCard': 'Remove KPI',
+                'crud.authoring.kpis.moveUp': 'Move up',
+                'crud.authoring.kpis.moveDown': 'Move down',
+                'crud.authoring.kpis.empty': 'No KPI cards configured yet. Add indicators to highlight metrics and filter shortcuts.',
+                'crud.authoring.kpis.cardTitle': 'Card #{index}',
+                'crud.authoring.kpis.label': 'Label',
+                'crud.authoring.kpis.labelPlaceholder': 'e.g. In progress',
+                'crud.authoring.kpis.value': 'Displayed value',
+                'crud.authoring.kpis.valuePlaceholder': 'e.g. 18',
+                'crud.authoring.kpis.caption': 'Caption / context',
+                'crud.authoring.kpis.captionPlaceholder': 'e.g. All sectors',
+                'crud.authoring.kpis.icon': 'Icon (Material Icon)',
+                'crud.authoring.kpis.iconPlaceholder': 'e.g. radar',
+                'crud.authoring.kpis.variant': 'Semantic tone',
+                'crud.authoring.kpis.variant.default': 'Neutral (Default)',
+                'crud.authoring.kpis.variant.primary': 'Accent (Primary)',
+                'crud.authoring.kpis.variant.success': 'Success',
+                'crud.authoring.kpis.variant.warning': 'Warning',
+                'crud.authoring.kpis.variant.danger': 'Danger',
+                'crud.authoring.kpis.filterMode': 'Click behavior (Filter)',
+                'crud.authoring.kpis.filterMode.none': 'Informational only (no filter)',
+                'crud.authoring.kpis.filterMode.clear': 'Clear filters (Show all)',
+                'crud.authoring.kpis.filterMode.condition': 'Apply filter condition',
+                'crud.authoring.kpis.filterField': 'Filter field',
+                'crud.authoring.kpis.filterFieldPlaceholder': 'e.g. status',
+                'crud.authoring.kpis.filterValue': 'Expected value',
+                'crud.authoring.kpis.filterValuePlaceholder': 'e.g. IN_PROGRESS',
+                'crud.authoring.kpis.filterJson': 'Advanced filter criteria (JSON)',
+                'crud.authoring.kpis.previewTitle': 'KPI band preview',
+                'crud.authoring.validation.kpiLabelRequired': 'Provide a label for KPI card #{index}.',
+                'crud.authoring.validation.kpiValueRequired': 'Provide a displayed value for KPI card #{index}.',
+                'crud.authoring.validation.kpiFilterInvalid': 'Provide valid filter criteria for KPI card #{index}.',
+                'crud.authoring.section.filters': 'Filter Bar',
+                'crud.authoring.tab.filters': 'Filters',
+                'crud.authoring.overview.filters': 'Filters',
+                'crud.authoring.overview.filtersDefault': 'Automatic resource discovery',
+                'crud.authoring.overview.filtersConfigured': '{inline} inline · {quick} quick',
+                'crud.authoring.nextFocus.filters': 'Next focus: filter bar',
+                'crud.authoring.filters.sectionSummary': 'Configure always-visible search fields, quick filter chips, and access to the advanced filters drawer.',
+                'crud.authoring.filters.showAdvanced': 'Allow opening advanced filters',
+                'crud.authoring.filters.inlineGroup': 'Always-visible fields (Inline Fields)',
+                'crud.authoring.filters.inlineNote': 'Select resource fields or add field identifiers that should appear directly in the filter bar.',
+                'crud.authoring.filters.inlineFieldInput': 'Add inline field',
+                'crud.authoring.filters.inlineFieldPlaceholder': 'e.g. status, priority',
+                'crud.authoring.filters.inlineAdd': 'Add field',
+                'crud.authoring.filters.inlineEmpty': 'No pinned inline fields. Runtime will use the default schema configuration.',
+                'crud.authoring.filters.availableFields': 'Available field suggestions',
+                'crud.authoring.filters.quickGroup': 'Quick filter shortcuts (Quick Filters)',
+                'crud.authoring.filters.quickMode': 'Quick filters mode',
+                'crud.authoring.filters.quickMode.inherit': 'Table / resource default',
+                'crud.authoring.filters.quickMode.disabled': 'Hide quick filters',
+                'crud.authoring.filters.quickMode.custom': 'Customize quick filter chips',
+                'crud.authoring.filters.addQuickFilter': 'Add quick filter',
+                'crud.authoring.filters.removeQuickFilter': 'Remove quick filter',
+                'crud.authoring.filters.quickEmpty': 'No quick filters configured.',
+                'crud.authoring.filters.quickId': 'Identifier',
+                'crud.authoring.filters.quickLabel': 'Chip label',
+                'crud.authoring.filters.quickIcon': 'Icon (optional)',
+                'crud.authoring.filters.quickConditionMode': 'Condition type',
+                'crud.authoring.filters.quickConditionMode.clear': 'All (clear filter)',
+                'crud.authoring.filters.quickConditionMode.fieldEquals': 'Field equals value',
+                'crud.authoring.filters.quickConditionMode.expression': 'Custom expression / JSON',
+                'crud.authoring.filters.quickField': 'Field',
+                'crud.authoring.filters.quickValue': 'Value',
+                'crud.authoring.filters.quickExpression': 'Filter expression or JSON',
+                'crud.authoring.filters.previewTitle': 'Filter bar summary',
+                'crud.authoring.validation.quickFilterLabelRequired': 'Provide a label for quick filter #{index}.',
+                'crud.authoring.validation.quickFilterIdRequired': 'Provide an identifier for quick filter #{index}.',
+                'crud.authoring.validation.quickFilterInvalid': 'Provide a valid condition for quick filter #{index}.',
+                'crud.authoring.table.inheritedColumnsCount': '{count} resource columns',
+                'crud.authoring.table.inheritedColumnsPending': 'Columns inherited from resource',
+                'crud.authoring.table.inheritedColumnsNote': 'Columns are automatically derived from the resource contract ({path}). You can reorder, hide, or format columns below.',
+                'crud.authoring.table.customColumnsNote': 'This table has explicit column customizations saved in the CRUD metadata.',
+                'crud.authoring.table.focusColumnsButton': 'Edit resource columns',
             },
         },
     },
@@ -4590,21 +4899,48 @@ function translateCrudAuthoringText(i18n, key, fallback, params) {
 }
 
 const ACTION_KEYS = ['create', 'view', 'edit'];
+const SECTION_KEYS = [
+    'connection',
+    'defaults',
+    'actions',
+    'kpis',
+    'filters',
+    'table',
+];
+const SECTION_TAB_INDEX = {
+    connection: 0,
+    defaults: 1,
+    actions: 2,
+    kpis: 3,
+    filters: 4,
+    table: 5,
+    json: 6,
+};
 const OPEN_MODES = ['route', 'modal', 'drawer'];
 const HEADER_VARIANTS = ['ghost', 'tonal', 'outlined'];
 const SUBMIT_METHODS = ['post', 'put', 'patch'];
 const MODAL_DENSITIES = ['default', 'compact'];
 const BACK_STRATEGIES = ['auto', 'close', 'navigate'];
 const PARAM_TARGETS = ['routeParam', 'query', 'input'];
+const KPI_VARIANTS = ['default', 'primary', 'success', 'warning', 'danger'];
+const KPI_FILTER_MODES = ['none', 'clear', 'condition'];
+const QUICK_FILTER_MODES = ['inherit', 'disabled', 'custom'];
+const QUICK_CONDITION_MODES = [
+    'clear',
+    'fieldEquals',
+    'expression',
+];
 class CrudMetadataEditorComponent {
     documentInput = input(null, { ...(ngDevMode ? { debugName: "documentInput" } : /* istanbul ignore next */ {}), alias: 'document' });
     metadataInput = input(null, { ...(ngDevMode ? { debugName: "metadataInput" } : /* istanbul ignore next */ {}), alias: 'metadata' });
     crudIdInput = input(null, { ...(ngDevMode ? { debugName: "crudIdInput" } : /* istanbul ignore next */ {}), alias: 'crudId' });
     readonlyInput = input(false, { ...(ngDevMode ? { debugName: "readonlyInput" } : /* istanbul ignore next */ {}), alias: 'readonly' });
+    effectiveTableConfigInput = input(null, { ...(ngDevMode ? { debugName: "effectiveTableConfigInput" } : /* istanbul ignore next */ {}), alias: 'effectiveTableConfig' });
     isDirty$ = new BehaviorSubject(false);
     isValid$ = new BehaviorSubject(true);
     isBusy$ = new BehaviorSubject(false);
     actionKeys = ACTION_KEYS;
+    sectionKeys = SECTION_KEYS;
     healthBuckets = ['invalid', 'pending', 'ready'];
     openModes = OPEN_MODES;
     headerVariants = HEADER_VARIANTS;
@@ -4612,14 +4948,40 @@ class CrudMetadataEditorComponent {
     modalDensities = MODAL_DENSITIES;
     backStrategies = BACK_STRATEGIES;
     paramTargets = PARAM_TARGETS;
+    kpiVariants = KPI_VARIANTS;
+    kpiFilterModes = KPI_FILTER_MODES;
+    quickFilterModes = QUICK_FILTER_MODES;
+    quickConditionModes = QUICK_CONDITION_MODES;
+    selectedTabIndex = signal(0, ...(ngDevMode ? [{ debugName: "selectedTabIndex" }] : /* istanbul ignore next */ []));
+    inlineFieldDraft = signal('', ...(ngDevMode ? [{ debugName: "inlineFieldDraft" }] : /* istanbul ignore next */ []));
     initialValueDrafts = signal({}, ...(ngDevMode ? [{ debugName: "initialValueDrafts" }] : /* istanbul ignore next */ []));
-    injectedData = inject(SETTINGS_PANEL_DATA, { optional: true });
+    kpiFilterJsonDrafts = signal({}, ...(ngDevMode ? [{ debugName: "kpiFilterJsonDrafts" }] : /* istanbul ignore next */ []));
+    quickFilterExpressionDrafts = signal({}, ...(ngDevMode ? [{ debugName: "quickFilterExpressionDrafts" }] : /* istanbul ignore next */ []));
+    schemaResolvedColumnsSignal = signal([], ...(ngDevMode ? [{ debugName: "schemaResolvedColumnsSignal" }] : /* istanbul ignore next */ []));
+    schemaResolvedFilterFieldsSignal = signal([], ...(ngDevMode ? [{ debugName: "schemaResolvedFilterFieldsSignal" }] : /* istanbul ignore next */ []));
+    destroyRef = inject(DestroyRef);
+    hostRef = inject((ElementRef), { optional: true });
+    crudService = inject(GenericCrudService, { optional: true });
+    injectedData = inject(SETTINGS_PANEL_DATA, {
+        optional: true,
+    });
     i18n = inject(PraxisI18nService);
     currentDocument = signal(createCrudAuthoringDocument({}), ...(ngDevMode ? [{ debugName: "currentDocument" }] : /* istanbul ignore next */ []));
     initialDocument = signal(createCrudAuthoringDocument({}), ...(ngDevMode ? [{ debugName: "initialDocument" }] : /* istanbul ignore next */ []));
     lastExternalSignature = null;
+    lastLoadedResourceSignature = '';
+    schemaSub;
+    schemaScopeSignature = null;
+    schemaGeneration = 0;
+    destroyed = false;
     effectiveCrudId = computed(() => this.crudIdInput() || this.injectedData?.crudId || null, ...(ngDevMode ? [{ debugName: "effectiveCrudId" }] : /* istanbul ignore next */ []));
     isReadonly = computed(() => !!(this.readonlyInput() || this.injectedData?.readonly), ...(ngDevMode ? [{ debugName: "isReadonly" }] : /* istanbul ignore next */ []));
+    providedEffectiveTableConfig = computed(() => this.effectiveTableConfigInput() || this.injectedData?.effectiveTableConfig || null, ...(ngDevMode ? [{ debugName: "providedEffectiveTableConfig" }] : /* istanbul ignore next */ []));
+    providedSnapshotOwner = linkedSignal({ ...(ngDevMode ? { debugName: "providedSnapshotOwner" } : /* istanbul ignore next */ {}), source: () => ({
+            snapshot: this.providedEffectiveTableConfig(),
+            resourceIdentity: this.resourceSchemaIdentity(parseLegacyOrCrudDocument(this.resolveExternalSeed()).metadata),
+        }),
+        computation: (source, previous) => previous && source.snapshot === previous.source.snapshot ? previous.value : source });
     diagnostics = computed(() => validateCrudAuthoringDocument(this.currentDocument(), { requireCanonicalActions: true }), ...(ngDevMode ? [{ debugName: "diagnostics" }] : /* istanbul ignore next */ []));
     errorCount = computed(() => this.diagnostics().filter((issue) => issue.level === 'error').length, ...(ngDevMode ? [{ debugName: "errorCount" }] : /* istanbul ignore next */ []));
     warningCount = computed(() => this.diagnostics().filter((issue) => issue.level !== 'error').length, ...(ngDevMode ? [{ debugName: "warningCount" }] : /* istanbul ignore next */ []));
@@ -4634,6 +4996,113 @@ class CrudMetadataEditorComponent {
     resourcePath = computed(() => this.currentDocument().metadata.resource?.path || '', ...(ngDevMode ? [{ debugName: "resourcePath" }] : /* istanbul ignore next */ []));
     resourceIdField = computed(() => String(this.currentDocument().metadata.resource?.idField ?? ''), ...(ngDevMode ? [{ debugName: "resourceIdField" }] : /* istanbul ignore next */ []));
     resourceEndpointKey = computed(() => String(this.currentDocument().metadata.resource?.endpointKey ?? ''), ...(ngDevMode ? [{ debugName: "resourceEndpointKey" }] : /* istanbul ignore next */ []));
+    resourceChangedSinceInit = computed(() => this.resourceSchemaIdentity(this.initialDocument().metadata) !==
+        this.resourceSchemaIdentity(this.currentDocument().metadata), ...(ngDevMode ? [{ debugName: "resourceChangedSinceInit" }] : /* istanbul ignore next */ []));
+    authoredTableColumns = computed(() => {
+        const raw = this.currentDocument().metadata.table?.columns;
+        return Array.isArray(raw) ? raw : [];
+    }, ...(ngDevMode ? [{ debugName: "authoredTableColumns" }] : /* istanbul ignore next */ []));
+    resolvedInheritedColumns = computed(() => {
+        const provided = this.providedSnapshotOwner();
+        if (provided.resourceIdentity === this.resourceSchemaIdentity(this.currentDocument().metadata)) {
+            const runtimeColumns = provided.snapshot?.columns;
+            if (Array.isArray(runtimeColumns) && runtimeColumns.length > 0) {
+                return runtimeColumns;
+            }
+        }
+        const schemaColumns = this.schemaResolvedColumnsSignal();
+        if (Array.isArray(schemaColumns) && schemaColumns.length > 0) {
+            return schemaColumns;
+        }
+        return [];
+    }, ...(ngDevMode ? [{ debugName: "resolvedInheritedColumns" }] : /* istanbul ignore next */ []));
+    effectiveTableColumns = computed(() => {
+        const authored = this.authoredTableColumns();
+        return authored.length > 0 ? authored : this.resolvedInheritedColumns();
+    }, ...(ngDevMode ? [{ debugName: "effectiveTableColumns" }] : /* istanbul ignore next */ []));
+    isUsingInheritedResourceColumns = computed(() => {
+        return (this.authoredTableColumns().length === 0 &&
+            (this.resolvedInheritedColumns().length > 0 || !!this.resourcePath().trim()));
+    }, ...(ngDevMode ? [{ debugName: "isUsingInheritedResourceColumns" }] : /* istanbul ignore next */ []));
+    effectiveTableConfigForEditor = computed(() => {
+        const base = this.tableConfig();
+        if (base.columns.length > 0) {
+            return base;
+        }
+        const inherited = this.resolvedInheritedColumns();
+        if (inherited.length > 0) {
+            return {
+                ...base,
+                columns: cloneColumns(inherited),
+            };
+        }
+        return base;
+    }, ...(ngDevMode ? [{ debugName: "effectiveTableConfigForEditor" }] : /* istanbul ignore next */ []));
+    availableResourceFieldOptions = computed(() => {
+        const seen = new Set();
+        const options = [];
+        const registerField = (field, header) => {
+            const normalized = String(field || '').trim();
+            if (!normalized || seen.has(normalized)) {
+                return;
+            }
+            seen.add(normalized);
+            options.push({
+                field: normalized,
+                header: String(header || normalized).trim() || normalized,
+            });
+        };
+        for (const column of this.effectiveTableColumns()) {
+            registerField(column.field, column.header);
+        }
+        for (const fieldItem of this.schemaResolvedFilterFieldsSignal()) {
+            registerField(fieldItem.field, fieldItem.header);
+        }
+        return options;
+    }, ...(ngDevMode ? [{ debugName: "availableResourceFieldOptions" }] : /* istanbul ignore next */ []));
+    effectiveKpiBand = computed(() => {
+        const meta = this.currentDocument().metadata;
+        return (meta.kpiBand ||
+            meta.table?.kpiBand ||
+            meta.table?.behavior?.kpiBand ||
+            null);
+    }, ...(ngDevMode ? [{ debugName: "effectiveKpiBand" }] : /* istanbul ignore next */ []));
+    kpiBandEnabled = computed(() => {
+        const band = this.effectiveKpiBand();
+        if (!band) {
+            return false;
+        }
+        return band.enabled !== false;
+    }, ...(ngDevMode ? [{ debugName: "kpiBandEnabled" }] : /* istanbul ignore next */ []));
+    kpiCards = computed(() => {
+        const cards = this.effectiveKpiBand()?.cards;
+        return Array.isArray(cards) ? cards : [];
+    }, ...(ngDevMode ? [{ debugName: "kpiCards" }] : /* istanbul ignore next */ []));
+    kpiBandPreviewConfig = computed(() => ({
+        ...(this.effectiveKpiBand() || {}),
+        enabled: true,
+        cards: this.kpiCards(),
+    }), ...(ngDevMode ? [{ debugName: "kpiBandPreviewConfig" }] : /* istanbul ignore next */ []));
+    effectiveFilterBar = computed(() => this.currentDocument().metadata.filterBar || null, ...(ngDevMode ? [{ debugName: "effectiveFilterBar" }] : /* istanbul ignore next */ []));
+    filterBarShowAdvanced = computed(() => this.effectiveFilterBar()?.showAdvanced !== false, ...(ngDevMode ? [{ debugName: "filterBarShowAdvanced" }] : /* istanbul ignore next */ []));
+    filterBarInlineFields = computed(() => {
+        const fields = this.effectiveFilterBar()?.inlineFields;
+        return Array.isArray(fields) ? fields : [];
+    }, ...(ngDevMode ? [{ debugName: "filterBarInlineFields" }] : /* istanbul ignore next */ []));
+    filterBarQuickMode = computed(() => {
+        const quickFilters = this.effectiveFilterBar()?.quickFilters;
+        if (quickFilters === false) {
+            return 'disabled';
+        }
+        if (Array.isArray(quickFilters)) {
+            return 'custom';
+        }
+        return 'inherit';
+    }, ...(ngDevMode ? [{ debugName: "filterBarQuickMode" }] : /* istanbul ignore next */ []));
+    filterBarQuickFilters = computed(() => {
+        const quickFilters = this.effectiveFilterBar()?.quickFilters;
+        return Array.isArray(quickFilters) ? quickFilters : [];
+    }, ...(ngDevMode ? [{ debugName: "filterBarQuickFilters" }] : /* istanbul ignore next */ []));
     defaultsOpenMode = computed(() => this.currentDocument().metadata.defaults?.openMode || 'route', ...(ngDevMode ? [{ debugName: "defaultsOpenMode" }] : /* istanbul ignore next */ []));
     headerShowBack = computed(() => !!this.currentDocument().metadata.defaults?.header?.showBack, ...(ngDevMode ? [{ debugName: "headerShowBack" }] : /* istanbul ignore next */ []));
     headerBackLabel = computed(() => this.currentDocument().metadata.defaults?.header?.backLabel || '', ...(ngDevMode ? [{ debugName: "headerBackLabel" }] : /* istanbul ignore next */ []));
@@ -4652,12 +5121,12 @@ class CrudMetadataEditorComponent {
     backReturnTo = computed(() => this.currentDocument().metadata.defaults?.back?.returnTo || '', ...(ngDevMode ? [{ debugName: "backReturnTo" }] : /* istanbul ignore next */ []));
     backConfirmOnDirty = computed(() => !!this.currentDocument().metadata.defaults?.back?.confirmOnDirty, ...(ngDevMode ? [{ debugName: "backConfirmOnDirty" }] : /* istanbul ignore next */ []));
     nextFocusSection = computed(() => {
-        for (const section of ['connection', 'defaults', 'actions', 'table']) {
+        for (const section of SECTION_KEYS) {
             if (this.sectionStatus(section) === 'invalid') {
                 return section;
             }
         }
-        for (const section of ['connection', 'defaults', 'actions', 'table']) {
+        for (const section of SECTION_KEYS) {
             if (this.sectionStatus(section) === 'pending') {
                 return section;
             }
@@ -4666,24 +5135,21 @@ class CrudMetadataEditorComponent {
     }, ...(ngDevMode ? [{ debugName: "nextFocusSection" }] : /* istanbul ignore next */ []));
     nextFocusStatus = computed(() => this.sectionStatus(this.nextFocusSection()), ...(ngDevMode ? [{ debugName: "nextFocusStatus" }] : /* istanbul ignore next */ []));
     visibleHealthBuckets = computed(() => {
-        const attentionBuckets = ['invalid', 'pending']
-            .filter((bucket) => this.hasHealthBucketContent(bucket));
+        const attentionBuckets = ['invalid', 'pending'].filter((bucket) => this.hasHealthBucketContent(bucket));
         if (attentionBuckets.length) {
             return attentionBuckets;
         }
         return this.hasHealthBucketContent('ready') ? ['ready'] : [];
     }, ...(ngDevMode ? [{ debugName: "visibleHealthBuckets" }] : /* istanbul ignore next */ []));
     showHealthMap = computed(() => this.visibleHealthBuckets().length > 1, ...(ngDevMode ? [{ debugName: "showHealthMap" }] : /* istanbul ignore next */ []));
-    groupedDiagnostics = computed(() => ['connection', 'defaults', 'actions', 'table']
-        .map((section) => {
+    groupedDiagnostics = computed(() => SECTION_KEYS.map((section) => {
         const issues = this.sectionDiagnostics(section);
         return {
             section,
             issues,
             hasError: issues.some((issue) => issue.level === 'error'),
         };
-    })
-        .filter((group) => group.issues.length > 0), ...(ngDevMode ? [{ debugName: "groupedDiagnostics" }] : /* istanbul ignore next */ []));
+    }).filter((group) => group.issues.length > 0), ...(ngDevMode ? [{ debugName: "groupedDiagnostics" }] : /* istanbul ignore next */ []));
     constructor() {
         effect(() => {
             const seed = this.resolveExternalSeed();
@@ -4695,8 +5161,31 @@ class CrudMetadataEditorComponent {
             const parsed = parseLegacyOrCrudDocument(seed);
             this.initialDocument.set(parsed);
             this.currentDocument.set(parsed);
+            // Observe the supplied snapshot with its external resource, before local edits.
+            this.providedSnapshotOwner();
+            this.synchronizeSchemaScope();
+            this.kpiFilterJsonDrafts.set({});
+            this.quickFilterExpressionDrafts.set({});
             this.syncState();
         });
+        effect(() => {
+            const path = this.resourcePath().trim();
+            const endpointKey = this.resourceEndpointKey().trim();
+            const apiUrlEntry = this.currentDocument().metadata.resource?.apiUrlEntry ?? null;
+            const signature = this.resourceSchemaIdentity(this.currentDocument().metadata);
+            this.synchronizeSchemaScope();
+            if (!path)
+                return;
+            if (signature === this.lastLoadedResourceSignature) {
+                return;
+            }
+            this.lastLoadedResourceSignature = signature;
+            this.loadResourceSchemaColumns(path, endpointKey || undefined, apiUrlEntry);
+        });
+        this.destroyRef.onDestroy(() => {
+            this.destroyed = true;
+            this.invalidateSchemaScope();
+        });
     }
     getSettingsValue() {
         return this.buildPayload();
@@ -4706,7 +5195,11 @@ class CrudMetadataEditorComponent {
     }
     reset() {
         this.currentDocument.set(this.initialDocument());
+        this.synchronizeSchemaScope();
         this.initialValueDrafts.set({});
+        this.kpiFilterJsonDrafts.set({});
+        this.quickFilterExpressionDrafts.set({});
+        this.inlineFieldDraft.set('');
         this.syncState();
     }
     actionValue(actionName) {
@@ -4794,8 +5287,7 @@ class CrudMetadataEditorComponent {
         const parts = [];
         const params = this.actionParams(actionName);
         if (params.length) {
-            parts.push(this.tx('crud.authoring.action.paramsSummary', '{count} mappings')
-                .replace('{count}', String(params.length)));
+            parts.push(this.tx('crud.authoring.action.paramsSummary', '{count} mappings').replace('{count}', String(params.length)));
         }
         else {
             parts.push(this.tx('crud.authoring.action.paramsNone', 'No param mappings yet'));
@@ -4846,8 +5338,7 @@ class CrudMetadataEditorComponent {
         if (apiStatus !== 'ready') {
             pending.push(this.tx('crud.authoring.action.apiGroup', 'API mapping'));
         }
-        const summary = this.tx('crud.authoring.action.advancedPending', 'Pending: {groups}')
-            .replace('{groups}', pending.join(', '));
+        const summary = this.tx('crud.authoring.action.advancedPending', 'Pending: {groups}').replace('{groups}', pending.join(', '));
         return inputsSummary ? `${summary} · ${inputsSummary}` : summary;
     }
     actionPrimarySummary(actionName) {
@@ -4864,8 +5355,7 @@ class CrudMetadataEditorComponent {
             invalid.push(this.tx('crud.authoring.action.schemaGroup', 'Schema contract'));
         }
         if (invalid.length) {
-            return this.tx('crud.authoring.action.primaryInvalid', 'Resolve: {groups}')
-                .replace('{groups}', invalid.join(', '));
+            return this.tx('crud.authoring.action.primaryInvalid', 'Resolve: {groups}').replace('{groups}', invalid.join(', '));
         }
         const pending = [];
         if (bindingStatus !== 'ready') {
@@ -4874,8 +5364,7 @@ class CrudMetadataEditorComponent {
         if (schemaStatus !== 'ready') {
             pending.push(this.tx('crud.authoring.action.schemaGroup', 'Schema contract'));
         }
-        return this.tx('crud.authoring.action.primaryPending', 'Next: {groups}')
-            .replace('{groups}', pending.join(', '));
+        return this.tx('crud.authoring.action.primaryPending', 'Next: {groups}').replace('{groups}', pending.join(', '));
     }
     actionBindingNote(actionName) {
         if (this.actionGroupStatus(actionName, 'binding') === 'ready') {
@@ -4917,12 +5406,10 @@ class CrudMetadataEditorComponent {
         }
         const parts = [];
         if (actionBack.strategy) {
-            parts.push(this.tx('crud.authoring.action.backNoteStrategy', 'Strategy: {value}')
-                .replace('{value}', this.backStrategyLabel(actionBack.strategy)));
+            parts.push(this.tx('crud.authoring.action.backNoteStrategy', 'Strategy: {value}').replace('{value}', this.backStrategyLabel(actionBack.strategy)));
         }
         if (actionBack.returnTo) {
-            parts.push(this.tx('crud.authoring.action.backNoteReturnTo', 'Return: {value}')
-                .replace('{value}', actionBack.returnTo));
+            parts.push(this.tx('crud.authoring.action.backNoteReturnTo', 'Return: {value}').replace('{value}', actionBack.returnTo));
         }
         if (actionBack.confirmOnDirty) {
             parts.push(this.tx('crud.authoring.action.backNoteConfirmOnDirty', 'Dirty confirmation'));
@@ -4934,8 +5421,8 @@ class CrudMetadataEditorComponent {
         const effectiveMode = (action.openMode || this.defaultsOpenMode());
         const actionDiagnostics = this.actionDiagnostics(actionName);
         if (group === 'binding') {
-            const hasBindingError = actionDiagnostics.some((issue) => (issue.code === 'crud.metadata.actions.route.required'
-                || issue.code === 'crud.metadata.actions.formId.required'));
+            const hasBindingError = actionDiagnostics.some((issue) => issue.code === 'crud.metadata.actions.route.required' ||
+                issue.code === 'crud.metadata.actions.formId.required');
             if (hasBindingError) {
                 return 'invalid';
             }
@@ -4974,26 +5461,22 @@ class CrudMetadataEditorComponent {
     actionGroupsSummary(actionName) {
         const invalidGroups = this.actionGroupLabelsByStatus(actionName, 'invalid');
         if (invalidGroups.length) {
-            return this.tx('crud.authoring.action.groupsInvalid', 'Invalid: {groups}')
-                .replace('{groups}', invalidGroups.join(', '));
+            return this.tx('crud.authoring.action.groupsInvalid', 'Invalid: {groups}').replace('{groups}', invalidGroups.join(', '));
         }
         const pendingGroups = this.actionGroupLabelsByStatus(actionName, 'pending');
         if (pendingGroups.length) {
-            return this.tx('crud.authoring.action.groupsPending', 'Pending: {groups}')
-                .replace('{groups}', pendingGroups.join(', '));
+            return this.tx('crud.authoring.action.groupsPending', 'Pending: {groups}').replace('{groups}', pendingGroups.join(', '));
         }
         return this.tx('crud.authoring.action.groupsReady', 'All groups ready');
     }
     actionEditorialSummary(actionName) {
         const invalidGroups = this.actionGroupLabelsByStatus(actionName, 'invalid');
         if (invalidGroups.length) {
-            return this.tx('crud.authoring.action.editorialInvalid', 'Resolve: {groups}')
-                .replace('{groups}', invalidGroups.join(', '));
+            return this.tx('crud.authoring.action.editorialInvalid', 'Resolve: {groups}').replace('{groups}', invalidGroups.join(', '));
         }
         const pendingGroups = this.actionGroupLabelsByStatus(actionName, 'pending');
         if (pendingGroups.length) {
-            return this.tx('crud.authoring.action.editorialPending', 'Finish: {groups}')
-                .replace('{groups}', pendingGroups.join(', '));
+            return this.tx('crud.authoring.action.editorialPending', 'Finish: {groups}').replace('{groups}', pendingGroups.join(', '));
         }
         return this.tx('crud.authoring.action.editorialReady', 'Ready to use');
     }
@@ -5001,8 +5484,8 @@ class CrudMetadataEditorComponent {
         return this.actionStatus(actionName) !== 'ready';
     }
     actionAdvancedPanelExpanded(actionName) {
-        return this.actionGroupStatus(actionName, 'submit') !== 'ready'
-            || this.actionGroupStatus(actionName, 'api') !== 'ready';
+        return (this.actionGroupStatus(actionName, 'submit') !== 'ready' ||
+            this.actionGroupStatus(actionName, 'api') !== 'ready');
     }
     actionStatus(actionName) {
         const diagnosticPaths = this.actionDiagnostics(actionName);
@@ -5050,8 +5533,7 @@ class CrudMetadataEditorComponent {
                 : this.tx('crud.authoring.overview.sourceRemote', 'Fonte remota'));
         }
         else if (Array.isArray(localRows)) {
-            parts.push(this.tx('crud.authoring.overview.sourceLocal', 'Fonte local · {count} registros')
-                .replace('{count}', String(localRows.length)));
+            parts.push(this.tx('crud.authoring.overview.sourceLocal', 'Fonte local · {count} registros').replace('{count}', String(localRows.length)));
         }
         if (!parts.length) {
             return this.tx('crud.authoring.overview.connectionDetailsPending', 'Identifier and endpoint details are still optional here.');
@@ -5068,12 +5550,10 @@ class CrudMetadataEditorComponent {
                 : this.tx('crud.authoring.overview.backHidden', 'Back hidden'),
         ];
         if (this.modalDensity() !== 'default') {
-            parts.push(this.tx('crud.authoring.overview.modalDensity', 'Modal: {value}')
-                .replace('{value}', this.modalDensityLabel(this.modalDensity())));
+            parts.push(this.tx('crud.authoring.overview.modalDensity', 'Modal: {value}').replace('{value}', this.modalDensityLabel(this.modalDensity())));
         }
         if (this.backStrategy() !== 'auto') {
-            parts.push(this.tx('crud.authoring.overview.backStrategy', 'Back: {value}')
-                .replace('{value}', this.backStrategyLabel(this.backStrategy())));
+            parts.push(this.tx('crud.authoring.overview.backStrategy', 'Back: {value}').replace('{value}', this.backStrategyLabel(this.backStrategy())));
         }
         if (this.modalRememberLastState()) {
             parts.push(this.tx('crud.authoring.overview.modalRememberState', 'State remembered'));
@@ -5091,8 +5571,7 @@ class CrudMetadataEditorComponent {
     }
     modalDefaultsNote() {
         const parts = [
-            this.tx('crud.authoring.defaults.modal.noteDensity', 'Density: {value}')
-                .replace('{value}', this.modalDensityLabel(this.modalDensity())),
+            this.tx('crud.authoring.defaults.modal.noteDensity', 'Density: {value}').replace('{value}', this.modalDensityLabel(this.modalDensity())),
         ];
         if (!this.modalCanMaximize()) {
             parts.push(this.tx('crud.authoring.defaults.modal.noteNoMaximize', 'Maximize hidden'));
@@ -5110,19 +5589,16 @@ class CrudMetadataEditorComponent {
             parts.push(this.tx('crud.authoring.defaults.modal.noteBackdropLocked', 'Backdrop locked'));
         }
         if (this.modalFullscreenBreakpoint().trim()) {
-            parts.push(this.tx('crud.authoring.defaults.modal.noteBreakpoint', 'Fullscreen at {value}px')
-                .replace('{value}', this.modalFullscreenBreakpoint().trim()));
+            parts.push(this.tx('crud.authoring.defaults.modal.noteBreakpoint', 'Fullscreen at {value}px').replace('{value}', this.modalFullscreenBreakpoint().trim()));
         }
         return parts.join(' · ');
     }
     backDefaultsNote() {
         const parts = [
-            this.tx('crud.authoring.defaults.back.noteStrategy', 'Strategy: {value}')
-                .replace('{value}', this.backStrategyLabel(this.backStrategy())),
+            this.tx('crud.authoring.defaults.back.noteStrategy', 'Strategy: {value}').replace('{value}', this.backStrategyLabel(this.backStrategy())),
         ];
         if (this.backReturnTo().trim()) {
-            parts.push(this.tx('crud.authoring.defaults.back.noteReturnTo', 'Return: {value}')
-                .replace('{value}', this.backReturnTo().trim()));
+            parts.push(this.tx('crud.authoring.defaults.back.noteReturnTo', 'Return: {value}').replace('{value}', this.backReturnTo().trim()));
         }
         if (this.backConfirmOnDirty()) {
             parts.push(this.tx('crud.authoring.defaults.back.noteConfirmOnDirty', 'Dirty confirmation'));
@@ -5151,13 +5627,46 @@ class CrudMetadataEditorComponent {
                 .replace('{action}', this.actionLabel(focusedAction))
                 .replace('{summary}', this.actionFocusSummary(focusedAction));
         }
-        return this.tx('crud.authoring.overview.actionsTracked', '{count} tracked action blocks')
-            .replace('{count}', String(this.actionKeys.length));
+        return this.tx('crud.authoring.overview.actionsTracked', '{count} tracked action blocks').replace('{count}', String(this.actionKeys.length));
+    }
+    kpisOverview() {
+        if (!this.kpiBandEnabled()) {
+            return this.tx('crud.authoring.overview.kpisDisabled', 'Disabled');
+        }
+        const count = this.kpiCards().length;
+        if (count === 0) {
+            return this.tx('crud.authoring.overview.kpisEmpty', 'Enabled · add cards');
+        }
+        return this.tx('crud.authoring.overview.kpisEnabled', '{count} cards configured').replace('{count}', String(count));
+    }
+    kpisOverviewNote() {
+        if (!this.kpiBandEnabled()) {
+            return this.tx('crud.authoring.kpis.sectionSummary', 'Configure operational summary indicators that can also filter the collection when clicked.');
+        }
+        const interactiveCount = this.kpiCards().filter((card) => card.filter !== undefined && card.filter !== null).length;
+        return `${interactiveCount} / ${this.kpiCards().length} cards filterable`;
+    }
+    filtersOverview() {
+        const inlineCount = this.filterBarInlineFields().length;
+        const quickCount = this.filterBarQuickFilters().length;
+        if (inlineCount === 0 && this.filterBarQuickMode() === 'inherit') {
+            return this.tx('crud.authoring.overview.filtersDefault', 'Automatic resource discovery');
+        }
+        return this.tx('crud.authoring.overview.filtersConfigured', '{inline} inline · {quick} quick')
+            .replace('{inline}', String(inlineCount))
+            .replace('{quick}', String(quickCount));
+    }
+    filtersOverviewNote() {
+        const modeLabel = this.quickFilterModeLabel(this.filterBarQuickMode());
+        const advLabel = this.filterBarShowAdvanced()
+            ? this.tx('crud.authoring.filters.showAdvanced', 'Allow opening advanced filters')
+            : 'Advanced off';
+        return `${modeLabel} · ${advLabel}`;
     }
     tableOverview() {
         const table = this.tableConfig();
         const title = table.toolbar?.title;
-        const count = table.columns?.length || 0;
+        const count = this.effectiveTableColumns().length;
         if (title) {
             return title;
         }
@@ -5167,6 +5676,9 @@ class CrudMetadataEditorComponent {
         const table = this.tableConfig();
         const subtitle = table.toolbar?.subtitle;
         const parts = [this.tableBehaviorSummary(), this.tableStatesSummary()];
+        if (this.isUsingInheritedResourceColumns()) {
+            parts.unshift(this.inheritedColumnsCountLabel());
+        }
         if (subtitle) {
             parts.unshift(subtitle);
         }
@@ -5174,7 +5686,7 @@ class CrudMetadataEditorComponent {
     }
     tableStructureSummary() {
         const table = this.tableConfig();
-        const count = table.columns?.length || 0;
+        const count = this.effectiveTableColumns().length;
         const density = table.appearance?.density
             ? this.tx(`crud.authoring.table.density.${table.appearance.density}`, table.appearance.density)
             : this.tx('crud.authoring.table.density.comfortable', 'Comfortable');
@@ -5191,8 +5703,7 @@ class CrudMetadataEditorComponent {
             parts.push(this.tx('crud.authoring.table.paginationOff', 'Pagination off'));
         }
         else {
-            parts.push(this.tx('crud.authoring.table.paginationSummary', 'Page size {value}')
-                .replace('{value}', String(pagination?.pageSize || 10)));
+            parts.push(this.tx('crud.authoring.table.paginationSummary', 'Page size {value}').replace('{value}', String(pagination?.pageSize || 10)));
         }
         if (sorting?.enabled === false) {
             parts.push(this.tx('crud.authoring.table.sortingOff', 'Sorting off'));
@@ -5206,29 +5717,60 @@ class CrudMetadataEditorComponent {
     }
     tableStatesSummary() {
         const states = this.tableConfig().messages?.states;
-        const customized = [
-            states?.loading,
-            states?.empty,
-            states?.noResults,
-            states?.error,
-        ].filter((value) => !!String(value || '').trim()).length;
+        const customized = [states?.loading, states?.empty, states?.noResults, states?.error].filter((value) => !!String(value || '').trim()).length;
         if (!customized) {
             return this.tx('crud.authoring.table.statesDefault', 'Default state copy');
         }
-        return this.tx('crud.authoring.table.statesCustom', '{count} custom states')
-            .replace('{count}', String(customized));
+        return this.tx('crud.authoring.table.statesCustom', '{count} custom states').replace('{count}', String(customized));
     }
     tableEditingFlowSummary() {
         return this.tx('crud.authoring.table.flowSummary', 'Core presentation stays visible below. Pagination, sorting, state copy, and columns stay in advanced table panels.');
     }
+    inheritedColumnsCountLabel() {
+        const count = this.resolvedInheritedColumns().length;
+        if (count > 0) {
+            return this.tx('crud.authoring.table.inheritedColumnsCount', '{count} resource columns').replace('{count}', String(count));
+        }
+        return this.tx('crud.authoring.table.inheritedColumnsPending', 'Columns inherited from resource');
+    }
+    inheritedColumnsNote() {
+        return this.tx('crud.authoring.table.inheritedColumnsNote', 'Columns are automatically derived from the resource contract ({path}). You can reorder, hide, or format columns below.').replace('{path}', this.resourcePath() || 'resource');
+    }
+    focusTableColumnsAuthoring() {
+        this.selectedTabIndex.set(SECTION_TAB_INDEX.table);
+        const expandColumnsPanel = () => {
+            const root = this.hostRef?.nativeElement;
+            if (!root) {
+                return;
+            }
+            const panel = root.querySelector('[data-testid="table-inline-editor-columns-panel"]');
+            if (!panel) {
+                return;
+            }
+            if (!panel.classList.contains('mat-expanded')) {
+                const header = panel.querySelector('mat-expansion-panel-header');
+                header?.click();
+            }
+            panel.scrollIntoView?.({ behavior: 'smooth', block: 'nearest' });
+        };
+        expandColumnsPanel();
+        setTimeout(expandColumnsPanel, 0);
+    }
+    resetToInheritedColumns() {
+        this.updateMetadata((metadata) => ({
+            ...metadata,
+            table: {
+                ...(metadata.table || {}),
+                columns: [],
+            },
+        }));
+    }
     validationOverview() {
         if (this.errorCount() > 0) {
-            return this.tx('crud.authoring.overview.validationErrors', '{count} errors')
-                .replace('{count}', String(this.errorCount()));
+            return this.tx('crud.authoring.overview.validationErrors', '{count} errors').replace('{count}', String(this.errorCount()));
         }
         if (this.warningCount() > 0) {
-            return this.tx('crud.authoring.overview.validationWarnings', '{count} warnings')
-                .replace('{count}', String(this.warningCount()));
+            return this.tx('crud.authoring.overview.validationWarnings', '{count} warnings').replace('{count}', String(this.warningCount()));
         }
         return this.tx('crud.authoring.overview.validationClean', 'No blocking diagnostics');
     }
@@ -5252,6 +5794,9 @@ class CrudMetadataEditorComponent {
         if (diagnostics.some((issue) => issue.level === 'error')) {
             return 'invalid';
         }
+        if (section === 'kpis' && Object.keys(this.kpiFilterJsonDrafts()).length > 0) {
+            return 'invalid';
+        }
         if (diagnostics.some((issue) => issue.level === 'warning')) {
             return 'pending';
         }
@@ -5266,7 +5811,19 @@ class CrudMetadataEditorComponent {
                 ? 'ready'
                 : 'pending';
         }
-        const table = this.tableConfig();
+        if (section === 'kpis') {
+            if (this.kpiBandEnabled() && this.kpiCards().length === 0) {
+                return 'pending';
+            }
+            return 'ready';
+        }
+        if (section === 'filters') {
+            if (this.filterBarQuickMode() === 'custom' && this.filterBarQuickFilters().length === 0) {
+                return 'pending';
+            }
+            return 'ready';
+        }
+        const table = this.effectiveTableConfigForEditor();
         const hasTitle = !!String(table.toolbar?.title || '').trim();
         const hasColumns = (table.columns?.length || 0) > 0;
         return hasTitle || hasColumns ? 'ready' : 'pending';
@@ -5318,6 +5875,12 @@ class CrudMetadataEditorComponent {
                 .replace('{total}', String(this.actionKeys.length))
                 .replace('{action}', focusedAction ? this.actionLabel(focusedAction) : this.actionLabel('create'));
         }
+        if (section === 'kpis') {
+            return this.tx('crud.authoring.kpis.sectionSummary', 'Configure operational summary indicators that can also filter the collection when clicked.');
+        }
+        if (section === 'filters') {
+            return this.tx('crud.authoring.filters.sectionSummary', 'Configure always-visible search fields, quick filter chips, and access to the advanced filter drawer.');
+        }
         return this.tx('crud.authoring.table.sectionSummary', '{structure}. {behavior}. {states}.')
             .replace('{structure}', this.tableStructureSummary())
             .replace('{behavior}', this.tableBehaviorSummary())
@@ -5368,14 +5931,14 @@ class CrudMetadataEditorComponent {
         }[bucket];
     }
     healthBucketSummary(bucket) {
-        const sections = ['connection', 'defaults', 'actions', 'table']
-            .filter((section) => this.sectionStatus(section) === bucket);
+        const sections = SECTION_KEYS.filter((section) => this.sectionStatus(section) === bucket);
         if (!sections.length) {
             return this.tx(`crud.authoring.health.${bucket}Empty`, 'None');
         }
         return sections.map((section) => this.sectionDisplayLabel(section)).join(' · ');
     }
     diagnosticsGroupStatusLabel(section, issues) {
+        void section;
         const hasError = issues.some((issue) => issue.level === 'error');
         if (hasError) {
             return this.tx('crud.authoring.diagnostics.errors', 'Errors');
@@ -5383,19 +5946,18 @@ class CrudMetadataEditorComponent {
         return this.tx('crud.authoring.diagnostics.warnings', 'Warnings');
     }
     diagnosticsGroupSummary(section, issues) {
+        void section;
         const errorCount = issues.filter((issue) => issue.level === 'error').length;
         const warningCount = issues.length - errorCount;
         if (errorCount > 0) {
-            return this.tx('crud.authoring.diagnostics.errorSummary', '{count} blocking diagnostics in this section.')
-                .replace('{count}', String(errorCount));
+            return this.tx('crud.authoring.diagnostics.errorSummary', '{count} blocking diagnostics in this section.').replace('{count}', String(errorCount));
         }
         const key = warningCount === 1
             ? 'crud.authoring.diagnostics.warningSummarySingle'
             : 'crud.authoring.diagnostics.warningSummary';
         return this.tx(key, warningCount === 1
             ? '1 diagnostic worth reviewing in this section.'
-            : '{count} diagnostics worth reviewing in this section.')
-            .replace('{count}', String(warningCount));
+            : '{count} diagnostics worth reviewing in this section.').replace('{count}', String(warningCount));
     }
     modeLabel(mode) {
         return this.tx(`crud.authoring.mode.${mode}`, mode);
@@ -5409,13 +5971,454 @@ class CrudMetadataEditorComponent {
     backStrategyLabel(strategy) {
         return this.tx(`crud.authoring.defaults.back.strategy.${strategy}`, strategy);
     }
+    kpiCardTitle(index, card) {
+        const base = this.tx('crud.authoring.kpis.cardTitle', 'Card #{index}').replace('{index}', String(index + 1));
+        const label = String(card?.label || '').trim();
+        return label ? `${base} · ${label}` : base;
+    }
+    kpiVariantLabel(variant) {
+        return this.tx(`crud.authoring.kpis.variant.${variant}`, variant);
+    }
+    kpiFilterModeLabel(mode) {
+        return this.tx(`crud.authoring.kpis.filterMode.${mode}`, mode);
+    }
+    kpiCardVariant(card) {
+        if (card?.variant && KPI_VARIANTS.includes(card.variant)) {
+            return card.variant;
+        }
+        const tone = String(card?.tone || '').trim().toLowerCase();
+        if (tone === 'info' || tone === 'primary') {
+            return 'primary';
+        }
+        if (tone === 'success') {
+            return 'success';
+        }
+        if (tone === 'warning') {
+            return 'warning';
+        }
+        if (tone === 'error' || tone === 'danger') {
+            return 'danger';
+        }
+        return 'default';
+    }
+    kpiCardFilterMode(index) {
+        if (this.kpiFilterJsonDrafts()[index] !== undefined) {
+            return 'condition';
+        }
+        const card = this.kpiCards()[index];
+        if (!card || card.filter === undefined || card.filter === null) {
+            return 'none';
+        }
+        if (typeof card.filter === 'object' &&
+            !Array.isArray(card.filter) &&
+            Object.keys(card.filter).length === 0) {
+            return 'clear';
+        }
+        return 'condition';
+    }
+    kpiCardFilterField(index) {
+        const filter = this.kpiCards()[index]?.filter;
+        if (!filter || typeof filter !== 'object' || Array.isArray(filter)) {
+            return '';
+        }
+        return Object.keys(filter)[0] || '';
+    }
+    kpiCardFilterValue(index) {
+        const filter = this.kpiCards()[index]?.filter;
+        if (!filter || typeof filter !== 'object' || Array.isArray(filter)) {
+            return '';
+        }
+        const key = Object.keys(filter)[0];
+        if (!key) {
+            return '';
+        }
+        const val = filter[key];
+        if (val === undefined || val === null) {
+            return '';
+        }
+        return typeof val === 'object' ? JSON.stringify(val) : String(val);
+    }
+    kpiCardFilterJsonDraft(index) {
+        const draft = this.kpiFilterJsonDrafts()[index];
+        if (draft !== undefined) {
+            return draft;
+        }
+        const filter = this.kpiCards()[index]?.filter;
+        return filter && typeof filter === 'object' ? JSON.stringify(filter, null, 2) : '';
+    }
+    setKpiBandEnabled(enabled) {
+        this.updateKpiBand((current) => ({
+            ...current,
+            enabled: !!enabled,
+            cards: [...(current.cards || [])],
+        }));
+    }
+    addKpiCard() {
+        this.updateKpiBand((current) => {
+            const cards = [...(current.cards || [])];
+            cards.push({
+                id: `kpi-${cards.length + 1}`,
+                label: '',
+                value: '',
+                variant: 'default',
+                tone: 'neutral',
+            });
+            return {
+                ...current,
+                enabled: true,
+                cards,
+            };
+        });
+    }
+    removeKpiCard(index) {
+        this.kpiFilterJsonDrafts.update((drafts) => reindexDraftMapAfterRemove(drafts, index));
+        this.updateKpiBand((current) => {
+            const cards = [...(current.cards || [])];
+            cards.splice(index, 1);
+            return {
+                ...current,
+                cards,
+            };
+        });
+    }
+    moveKpiCard(index, delta) {
+        const cards = this.kpiCards();
+        const targetIndex = index + delta;
+        if (targetIndex < 0 || targetIndex >= cards.length) {
+            return;
+        }
+        this.kpiFilterJsonDrafts.update((drafts) => reindexDraftMapAfterSwap(drafts, index, targetIndex));
+        this.updateKpiBand((current) => {
+            const nextCards = [...(current.cards || [])];
+            if (targetIndex < 0 || targetIndex >= nextCards.length) {
+                return current;
+            }
+            const [moved] = nextCards.splice(index, 1);
+            nextCards.splice(targetIndex, 0, moved);
+            return {
+                ...current,
+                cards: nextCards,
+            };
+        });
+    }
+    setKpiCardField(index, field, value) {
+        this.patchKpiCard(index, (card) => ({
+            ...card,
+            [field]: field === 'value'
+                ? typeof value === 'number'
+                    ? value
+                    : String(value ?? '')
+                : typeof value === 'string'
+                    ? value
+                    : value ?? undefined,
+        }));
+    }
+    setKpiCardVariant(index, variant) {
+        const mappedTone = variant === 'primary'
+            ? 'info'
+            : variant === 'default'
+                ? 'neutral'
+                : variant;
+        this.patchKpiCard(index, (card) => ({
+            ...card,
+            variant: variant || 'default',
+            tone: mappedTone,
+        }));
+    }
+    setKpiCardFilterMode(index, mode) {
+        this.clearKpiFilterJsonDraft(index);
+        if (mode === 'none') {
+            this.patchKpiCard(index, (card) => ({
+                ...card,
+                filter: undefined,
+            }));
+            return;
+        }
+        if (mode === 'clear') {
+            this.patchKpiCard(index, (card) => ({
+                ...card,
+                filter: {},
+            }));
+            return;
+        }
+        const defaultField = this.availableResourceFieldOptions()[0]?.field || 'status';
+        this.patchKpiCard(index, (card) => ({
+            ...card,
+            filter: card.filter && typeof card.filter === 'object' && Object.keys(card.filter).length > 0
+                ? card.filter
+                : { [defaultField]: '' },
+        }));
+    }
+    setKpiCardFilterCondition(index, field, rawValue) {
+        this.clearKpiFilterJsonDraft(index);
+        const cleanField = String(field || '').trim();
+        const coercedValue = coerceFilterScalarValue(rawValue);
+        this.patchKpiCard(index, (card) => ({
+            ...card,
+            filter: cleanField ? { [cleanField]: coercedValue } : { '': coercedValue },
+        }));
+    }
+    setKpiCardFilterJson(index, raw) {
+        const trimmed = String(raw || '').trim();
+        if (!trimmed) {
+            this.clearKpiFilterJsonDraft(index);
+            this.patchKpiCard(index, (card) => ({
+                ...card,
+                filter: undefined,
+            }));
+            return;
+        }
+        try {
+            const parsed = JSON.parse(trimmed);
+            if (parsed && typeof parsed === 'object' && !Array.isArray(parsed)) {
+                this.clearKpiFilterJsonDraft(index);
+                this.patchKpiCard(index, (card) => ({
+                    ...card,
+                    filter: parsed,
+                }));
+                return;
+            }
+        }
+        catch {
+            // Keep invalid draft in signal so sectionStatus('kpis') surfaces 'invalid'
+        }
+        this.kpiFilterJsonDrafts.update((drafts) => ({
+            ...drafts,
+            [index]: raw,
+        }));
+        this.syncState();
+    }
+    quickFilterModeLabel(mode) {
+        return this.tx(`crud.authoring.filters.quickMode.${mode}`, mode);
+    }
+    quickConditionModeLabel(mode) {
+        return this.tx(`crud.authoring.filters.quickConditionMode.${mode}`, mode);
+    }
+    setFilterBarShowAdvanced(showAdvanced) {
+        this.updateFilterBar((current) => ({
+            ...current,
+            showAdvanced: !!showAdvanced,
+        }));
+    }
+    addInlineFilterField(field) {
+        const clean = String(field || '').trim();
+        if (!clean) {
+            return;
+        }
+        const existing = this.filterBarInlineFields();
+        if (existing.includes(clean)) {
+            return;
+        }
+        this.updateFilterBar((current) => ({
+            ...current,
+            inlineFields: [...existing, clean],
+        }));
+    }
+    addInlineFilterFieldFromDraft() {
+        const draft = this.inlineFieldDraft().trim();
+        if (!draft) {
+            return;
+        }
+        for (const part of draft.split(',')) {
+            this.addInlineFilterField(part);
+        }
+        this.inlineFieldDraft.set('');
+    }
+    removeInlineFilterField(field) {
+        const next = this.filterBarInlineFields().filter((item) => item !== field);
+        this.updateFilterBar((current) => ({
+            ...current,
+            inlineFields: next,
+        }));
+    }
+    toggleInlineFilterField(field) {
+        if (this.filterBarInlineFields().includes(field)) {
+            this.removeInlineFilterField(field);
+        }
+        else {
+            this.addInlineFilterField(field);
+        }
+    }
+    setFilterBarQuickMode(mode) {
+        this.quickFilterExpressionDrafts.set({});
+        if (mode === 'inherit') {
+            this.updateFilterBar((current) => ({
+                ...current,
+                quickFilters: undefined,
+            }));
+            return;
+        }
+        if (mode === 'disabled') {
+            this.updateFilterBar((current) => ({
+                ...current,
+                quickFilters: false,
+            }));
+            return;
+        }
+        const existing = this.filterBarQuickFilters();
+        this.updateFilterBar((current) => ({
+            ...current,
+            quickFilters: [...existing],
+        }));
+    }
+    addQuickFilter() {
+        const list = [...this.filterBarQuickFilters()];
+        list.push({
+            id: `qf-${list.length + 1}`,
+            label: '',
+            filter: {},
+        });
+        this.updateFilterBar((current) => ({
+            ...current,
+            quickFilters: list,
+        }));
+    }
+    removeQuickFilter(index) {
+        this.quickFilterExpressionDrafts.update((drafts) => reindexDraftMapAfterRemove(drafts, index));
+        const list = [...this.filterBarQuickFilters()];
+        list.splice(index, 1);
+        this.updateFilterBar((current) => ({
+            ...current,
+            quickFilters: list,
+        }));
+    }
+    moveQuickFilter(index, delta) {
+        const list = [...this.filterBarQuickFilters()];
+        const targetIndex = index + delta;
+        if (targetIndex < 0 || targetIndex >= list.length) {
+            return;
+        }
+        this.quickFilterExpressionDrafts.update((drafts) => reindexDraftMapAfterSwap(drafts, index, targetIndex));
+        const [moved] = list.splice(index, 1);
+        list.splice(targetIndex, 0, moved);
+        this.updateFilterBar((current) => ({
+            ...current,
+            quickFilters: list,
+        }));
+    }
+    setQuickFilterField(index, field, value) {
+        this.patchQuickFilter(index, (qf) => ({
+            ...qf,
+            [field]: typeof value === 'string' ? value : String(value ?? ''),
+        }));
+    }
+    quickFilterConditionMode(index) {
+        const qf = this.filterBarQuickFilters()[index];
+        if (!qf) {
+            return 'clear';
+        }
+        if (this.quickFilterExpressionDrafts()[index] !== undefined || typeof qf.filter === 'string') {
+            return 'expression';
+        }
+        if (qf.filter && typeof qf.filter === 'object' && !Array.isArray(qf.filter)) {
+            const keys = Object.keys(qf.filter);
+            if (keys.length === 0) {
+                return 'clear';
+            }
+            if (keys.length === 1 &&
+                (typeof qf.filter[keys[0]] !== 'object' || qf.filter[keys[0]] === null)) {
+                return 'fieldEquals';
+            }
+            return 'expression';
+        }
+        return 'clear';
+    }
+    setQuickFilterConditionMode(index, mode) {
+        this.quickFilterExpressionDrafts.update((drafts) => {
+            const next = { ...drafts };
+            delete next[index];
+            return next;
+        });
+        if (mode === 'clear') {
+            this.patchQuickFilter(index, (qf) => ({ ...qf, filter: {} }));
+            return;
+        }
+        if (mode === 'fieldEquals') {
+            const defaultField = this.availableResourceFieldOptions()[0]?.field || 'status';
+            this.patchQuickFilter(index, (qf) => ({
+                ...qf,
+                filter: { [defaultField]: '' },
+            }));
+            return;
+        }
+        this.patchQuickFilter(index, (qf) => ({
+            ...qf,
+            filter: typeof qf.filter === 'string' ? qf.filter : '',
+        }));
+    }
+    quickFilterConditionField(index) {
+        const filter = this.filterBarQuickFilters()[index]?.filter;
+        if (!filter || typeof filter !== 'object' || Array.isArray(filter)) {
+            return '';
+        }
+        return Object.keys(filter)[0] || '';
+    }
+    quickFilterConditionValue(index) {
+        const filter = this.filterBarQuickFilters()[index]?.filter;
+        if (!filter || typeof filter !== 'object' || Array.isArray(filter)) {
+            return '';
+        }
+        const key = Object.keys(filter)[0];
+        if (!key) {
+            return '';
+        }
+        const val = filter[key];
+        return val === undefined || val === null ? '' : String(val);
+    }
+    setQuickFilterFieldEquals(index, field, rawValue) {
+        const cleanField = String(field || '').trim();
+        const coerced = coerceFilterScalarValue(rawValue);
+        this.patchQuickFilter(index, (qf) => ({
+            ...qf,
+            filter: cleanField ? { [cleanField]: coerced } : { '': coerced },
+        }));
+    }
+    quickFilterExpressionDraft(index) {
+        const draft = this.quickFilterExpressionDrafts()[index];
+        if (draft !== undefined) {
+            return draft;
+        }
+        const filter = this.filterBarQuickFilters()[index]?.filter;
+        if (typeof filter === 'string') {
+            return filter;
+        }
+        if (filter && typeof filter === 'object') {
+            return JSON.stringify(filter);
+        }
+        return '';
+    }
+    setQuickFilterExpression(index, raw) {
+        this.quickFilterExpressionDrafts.update((drafts) => ({
+            ...drafts,
+            [index]: raw,
+        }));
+        const trimmed = String(raw || '').trim();
+        if (trimmed.startsWith('{')) {
+            try {
+                const parsed = JSON.parse(trimmed);
+                if (parsed && typeof parsed === 'object' && !Array.isArray(parsed)) {
+                    this.patchQuickFilter(index, (qf) => ({
+                        ...qf,
+                        filter: parsed,
+                    }));
+                    return;
+                }
+            }
+            catch {
+                // Fall through to string expression
+            }
+        }
+        this.patchQuickFilter(index, (qf) => ({
+            ...qf,
+            filter: trimmed,
+        }));
+    }
     actionInputsSummaryBadge(actionName) {
         const paramsCount = this.actionParams(actionName).length;
         const hasInitialValue = !!this.actionValue(actionName).form?.initialValue;
         const parts = [];
         if (paramsCount > 0) {
-            parts.push(this.tx('crud.authoring.action.paramsSummaryCompact', '{count} map')
-                .replace('{count}', String(paramsCount)));
+            parts.push(this.tx('crud.authoring.action.paramsSummaryCompact', '{count} map').replace('{count}', String(paramsCount)));
         }
         if (hasInitialValue) {
             parts.push(this.tx('crud.authoring.action.initialValueReadyCompact', 'Seed'));
@@ -5436,14 +6439,21 @@ class CrudMetadataEditorComponent {
             'crud.metadata.actions.route.required': 'crud.authoring.validation.routeRequired',
             'crud.metadata.actions.formId.required': 'crud.authoring.validation.formIdRequired',
             'crud.metadata.actions.form.submit-contract.invalid': 'crud.authoring.validation.submitContract',
+            'crud.metadata.kpiBand.cards.label.required': 'crud.authoring.validation.kpiLabelRequired',
+            'crud.metadata.kpiBand.cards.value.required': 'crud.authoring.validation.kpiValueRequired',
+            'crud.metadata.kpiBand.cards.filter.invalid': 'crud.authoring.validation.kpiFilterInvalid',
+            'crud.metadata.filterBar.quickFilters.id.required': 'crud.authoring.validation.quickFilterIdRequired',
+            'crud.metadata.filterBar.quickFilters.label.required': 'crud.authoring.validation.quickFilterLabelRequired',
+            'crud.metadata.filterBar.quickFilters.filter.invalid': 'crud.authoring.validation.quickFilterInvalid',
         }[code];
         if (key) {
-            return this.tx(key, fallback);
+            const indexMatch = fallback.match(/#(\d+)/);
+            const translated = this.tx(key, fallback);
+            return indexMatch ? translated.replace('{index}', indexMatch[1]) : translated;
         }
         const canonicalActionMatch = code.match(/^crud\.metadata\.actions\.(create|view|edit|delete)\.missing$/);
         if (canonicalActionMatch) {
-            return this.tx('crud.authoring.validation.canonicalActionMissing', 'Canonical CRUD action {action} is not declared yet')
-                .replace('{action}', this.actionLabel(canonicalActionMatch[1]));
+            return this.tx('crud.authoring.validation.canonicalActionMissing', 'Canonical CRUD action {action} is not declared yet').replace('{action}', this.actionLabel(canonicalActionMatch[1]));
         }
         return fallback;
     }
@@ -5478,9 +6488,7 @@ class CrudMetadataEditorComponent {
         }));
     }
     setModalField(field, value) {
-        const nextValue = field === 'fullscreenBreakpoint'
-            ? this.normalizeOptionalNumber(value)
-            : value;
+        const nextValue = field === 'fullscreenBreakpoint' ? this.normalizeOptionalNumber(value) : value;
         this.updateMetadata((metadata) => ({
             ...metadata,
             defaults: {
@@ -5611,16 +6619,158 @@ class CrudMetadataEditorComponent {
         }));
     }
     setTableConfig(config) {
+        const nextTable = cloneTableConfig(config);
+        const currentAuthoredCols = this.authoredTableColumns();
+        const inheritedCols = this.resolvedInheritedColumns();
+        if (currentAuthoredCols.length === 0 &&
+            inheritedCols.length > 0 &&
+            areColumnsEquivalentToInherited(nextTable.columns, inheritedCols)) {
+            nextTable.columns = [];
+        }
+        else if (Array.isArray(nextTable.columns) && nextTable.columns.length > 0) {
+            nextTable.columns = sanitizePersistedColumns(nextTable.columns);
+        }
         this.updateMetadata((metadata) => ({
             ...metadata,
-            table: cloneTableConfig(config),
+            table: nextTable,
         }));
     }
+    updateKpiBand(updater) {
+        this.updateMetadata((metadata) => {
+            const base = this.effectiveKpiBand() || { enabled: false, cards: [] };
+            const nextBand = updater(base);
+            return {
+                ...metadata,
+                kpiBand: nextBand,
+            };
+        });
+    }
+    patchKpiCard(index, patcher) {
+        this.updateKpiBand((current) => {
+            const cards = [...(current.cards || [])];
+            const existing = cards[index] || { label: '', value: '' };
+            cards[index] = patcher(existing);
+            return {
+                ...current,
+                cards,
+            };
+        });
+    }
+    clearKpiFilterJsonDraft(index) {
+        if (this.kpiFilterJsonDrafts()[index] === undefined) {
+            return;
+        }
+        this.kpiFilterJsonDrafts.update((drafts) => {
+            const next = { ...drafts };
+            delete next[index];
+            return next;
+        });
+    }
+    updateFilterBar(updater) {
+        this.updateMetadata((metadata) => {
+            const base = this.effectiveFilterBar() || {};
+            const nextFilterBar = updater(base);
+            return {
+                ...metadata,
+                filterBar: nextFilterBar,
+            };
+        });
+    }
+    patchQuickFilter(index, patcher) {
+        this.updateFilterBar((current) => {
+            const list = Array.isArray(current.quickFilters) ? [...current.quickFilters] : [];
+            const existing = list[index] || { id: '', label: '', filter: {} };
+            list[index] = patcher(existing);
+            return {
+                ...current,
+                quickFilters: list,
+            };
+        });
+    }
+    resourceSchemaIdentity(metadata) {
+        const resource = metadata.resource;
+        return JSON.stringify([
+            String(resource?.path ?? '').trim(),
+            String(resource?.endpointKey ?? '').trim(),
+            resource?.apiUrlEntry ?? null,
+        ]);
+    }
+    synchronizeSchemaScope() {
+        const signature = this.resourceSchemaIdentity(this.currentDocument().metadata);
+        if (signature === this.schemaScopeSignature)
+            return;
+        this.invalidateSchemaScope();
+        this.schemaScopeSignature = signature;
+    }
+    invalidateSchemaScope() {
+        ++this.schemaGeneration;
+        this.schemaSub?.unsubscribe();
+        this.schemaSub = undefined;
+        this.lastLoadedResourceSignature = '';
+        this.schemaResolvedColumnsSignal.set([]);
+        this.schemaResolvedFilterFieldsSignal.set([]);
+        this.isBusy$.next(false);
+    }
+    loadResourceSchemaColumns(resourcePath, endpointKey, apiUrlEntry) {
+        if (!this.crudService)
+            return;
+        const generation = this.schemaGeneration;
+        const signature = this.resourceSchemaIdentity(this.currentDocument().metadata);
+        const externalSignature = () => this.resourceSchemaIdentity(parseLegacyOrCrudDocument(this.resolveExternalSeed()).metadata);
+        const requestExternalSignature = externalSignature();
+        const isCurrent = () => {
+            const external = externalSignature();
+            return !this.destroyed && generation === this.schemaGeneration &&
+                signature === this.resourceSchemaIdentity(this.currentDocument().metadata) &&
+                // An editorial seed update or owner echo of the edited resource keeps this read.
+                (external === requestExternalSignature || external === signature);
+        };
+        this.isBusy$.next(true);
+        try {
+            this.crudService.configure(resourcePath, {
+                endpointKey: endpointKey,
+                apiUrlEntry: apiUrlEntry ?? undefined,
+            });
+            this.schemaSub = this.crudService.getSchema().subscribe({
+                next: (fields) => {
+                    if (!isCurrent())
+                        return;
+                    const resolved = Array.isArray(fields) ? fields : [];
+                    this.schemaResolvedColumnsSignal.set(resolved
+                        .filter((field) => !field.tableHidden && !field.hidden)
+                        .map((field) => buildBaseColumnFromDef(field)));
+                    this.schemaResolvedFilterFieldsSignal.set(resolved
+                        .filter((field) => !!String(field?.name || '').trim())
+                        .map((field) => ({
+                        field: String(field.name).trim(),
+                        header: String(field.label || field.name).trim(),
+                    })));
+                    this.isBusy$.next(false);
+                },
+                error: () => {
+                    if (!isCurrent())
+                        return;
+                    this.schemaResolvedColumnsSignal.set([]);
+                    this.schemaResolvedFilterFieldsSignal.set([]);
+                    this.isBusy$.next(false);
+                },
+                complete: () => { if (isCurrent())
+                    this.isBusy$.next(false); },
+            });
+        }
+        catch {
+            // An unavailable reader must not preserve another resource's inferred fields.
+            if (isCurrent())
+                this.isBusy$.next(false);
+        }
+    }
     patchAction(actionName, patcher) {
         this.updateMetadata((metadata) => {
             const actions = [...(metadata.actions || [])];
             const index = actions.findIndex((entry) => entry?.action === actionName);
-            const current = index >= 0 ? actions[index] : { action: actionName, label: this.actionLabel(actionName) };
+            const current = index >= 0
+                ? actions[index]
+                : { action: actionName, label: this.actionLabel(actionName) };
             const next = patcher(current);
             if (index >= 0) {
                 actions[index] = next;
@@ -5637,6 +6787,7 @@ class CrudMetadataEditorComponent {
             metadata: updater(this.currentDocument().metadata),
         });
         this.currentDocument.set(next);
+        this.synchronizeSchemaScope();
         this.syncState();
     }
     buildPayload() {
@@ -5648,17 +6799,19 @@ class CrudMetadataEditorComponent {
         };
     }
     resolveExternalSeed() {
-        return this.documentInput()
-            || this.metadataInput()
-            || this.injectedData?.document
-            || this.injectedData?.metadata
-            || null;
+        return (this.documentInput() ||
+            this.metadataInput() ||
+            this.injectedData?.document ||
+            this.injectedData?.metadata ||
+            null);
     }
     syncState() {
         const currentSignature = JSON.stringify(serializeCrudAuthoringDocument(this.currentDocument()));
         const initialSignature = JSON.stringify(serializeCrudAuthoringDocument(this.initialDocument()));
-        this.isDirty$.next(currentSignature !== initialSignature);
-        this.isValid$.next(!this.diagnostics().some((issue) => issue.level === 'error'));
+        const hasInvalidKpiJson = Object.keys(this.kpiFilterJsonDrafts()).length > 0;
+        this.isDirty$.next(currentSignature !== initialSignature || hasInvalidKpiJson);
+        const hasErrorDiagnostics = this.diagnostics().some((issue) => issue.level === 'error');
+        this.isValid$.next(!hasErrorDiagnostics && !hasInvalidKpiJson);
     }
     tx(key, fallback) {
         return translateCrudAuthoringText(this.i18n, key, fallback);
@@ -5672,21 +6825,32 @@ class CrudMetadataEditorComponent {
         return Number.isFinite(parsed) ? parsed : undefined;
     }
     hasHealthBucketContent(bucket) {
-        return ['connection', 'defaults', 'actions', 'table']
-            .some((section) => this.sectionStatus(section) === bucket);
+        return SECTION_KEYS.some((section) => this.sectionStatus(section) === bucket);
     }
     sectionDiagnostics(section) {
+        if (section === 'table') {
+            return this.diagnostics().filter((issue) => {
+                const path = String(issue.path || '');
+                return (path.includes('metadata.table') &&
+                    !path.includes('kpiBand') &&
+                    !path.includes('filterBar'));
+            });
+        }
         const prefixes = {
             connection: ['metadata.component', 'metadata.resource', 'metadata.data'],
             defaults: ['metadata.defaults'],
             actions: ['metadata.actions'],
-            table: ['metadata.table'],
+            kpis: ['metadata.kpiBand', 'metadata.table.kpiBand', 'metadata.table.behavior.kpiBand'],
+            filters: [
+                'metadata.filterBar',
+                'metadata.table.filterBar',
+                'metadata.table.behavior.filtering',
+            ],
         }[section];
         return this.diagnostics().filter((issue) => prefixes.some((prefix) => String(issue.path || '').includes(prefix)));
     }
     actionDiagnostics(actionName) {
-        return this.diagnostics()
-            .filter((issue) => String(issue.path || '').includes(`metadata.actions.${actionName}`));
+        return this.diagnostics().filter((issue) => String(issue.path || '').includes(`metadata.actions.${actionName}`));
     }
     actionGroupLabelsByStatus(actionName, status) {
         return ['binding', 'schema', 'submit', 'api']
@@ -5696,31 +6860,44 @@ class CrudMetadataEditorComponent {
     actionFocusSummary(actionName) {
         const invalidGroups = this.actionGroupLabelsByStatus(actionName, 'invalid');
         if (invalidGroups.length) {
-            return this.tx('crud.authoring.action.focusInvalid', '{count} blocking groups')
-                .replace('{count}', String(invalidGroups.length));
+            return this.tx('crud.authoring.action.focusInvalid', '{count} blocking groups').replace('{count}', String(invalidGroups.length));
         }
         const pendingGroups = this.actionGroupLabelsByStatus(actionName, 'pending');
         if (pendingGroups.length) {
-            return this.tx('crud.authoring.action.focusPending', '{count} groups still pending')
-                .replace('{count}', String(pendingGroups.length));
+            return this.tx('crud.authoring.action.focusPending', '{count} groups still pending').replace('{count}', String(pendingGroups.length));
         }
         return this.tx('crud.authoring.action.focusReady', 'Ready');
     }
     prioritizedActionKey() {
-        return this.actionKeys.find((actionName) => this.actionStatus(actionName) === 'invalid')
-            || this.actionKeys.find((actionName) => this.actionStatus(actionName) === 'pending')
-            || null;
+        return (this.actionKeys.find((actionName) => this.actionStatus(actionName) === 'invalid') ||
+            this.actionKeys.find((actionName) => this.actionStatus(actionName) === 'pending') ||
+            null);
     }
     sectionDisplayLabel(section) {
         return {
             connection: this.tx('crud.authoring.section.connection', 'Connection'),
             defaults: this.tx('crud.authoring.section.defaults', 'Open mode and header'),
             actions: this.tx('crud.authoring.section.actions', 'Actions'),
+            kpis: this.tx('crud.authoring.section.kpis', 'KPI Band'),
+            filters: this.tx('crud.authoring.section.filters', 'Filter Bar'),
             table: this.tx('crud.authoring.section.table', 'Table'),
         }[section];
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CrudMetadataEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: CrudMetadataEditorComponent, isStandalone: true, selector: "praxis-crud-metadata-editor", inputs: { documentInput: { classPropertyName: "documentInput", publicName: "document", isSignal: true, isRequired: false, transformFunction: null }, metadataInput: { classPropertyName: "metadataInput", publicName: "metadata", isSignal: true, isRequired: false, transformFunction: null }, crudIdInput: { classPropertyName: "crudIdInput", publicName: "crudId", isSignal: true, isRequired: false, transformFunction: null }, readonlyInput: { classPropertyName: "readonlyInput", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null } }, providers: [providePraxisI18nConfig(PRAXIS_CRUD_AUTHORING_I18N_CONFIG)], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: CrudMetadataEditorComponent, isStandalone: true, selector: "praxis-crud-metadata-editor", inputs: { documentInput: { classPropertyName: "documentInput", publicName: "document", isSignal: true, isRequired: false, transformFunction: null }, metadataInput: { classPropertyName: "metadataInput", publicName: "metadata", isSignal: true, isRequired: false, transformFunction: null }, crudIdInput: { classPropertyName: "crudIdInput", publicName: "crudId", isSignal: true, isRequired: false, transformFunction: null }, readonlyInput: { classPropertyName: "readonlyInput", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, effectiveTableConfigInput: { classPropertyName: "effectiveTableConfigInput", publicName: "effectiveTableConfig", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            providePraxisI18nConfig(PRAXIS_CRUD_AUTHORING_I18N_CONFIG),
+            {
+                provide: GenericCrudService,
+                useFactory: () => {
+                    const http = inject(HttpClient, { optional: true });
+                    const apiUrl = inject(API_URL, { optional: true });
+                    // Offline authoring has no transport; a configured editor owns its mutable reader.
+                    if (http === null || apiUrl === null)
+                        return null;
+                    return new GenericCrudService(http, inject(SchemaNormalizerService), inject(GlobalConfigService), apiUrl);
+                },
+            },
+        ], ngImport: i0, template: `
     <section class="editor-shell" data-testid="crud-metadata-editor">
       <header class="editor-header">
         <div>
@@ -5746,6 +6923,16 @@ class CrudMetadataEditorComponent {
           <strong class="editor-overview-value" data-testid="crud-editor-overview-actions">{{ actionsOverview() }}</strong>
           <p class="editor-overview-note" data-testid="crud-editor-overview-actions-note">{{ actionsOverviewNote() }}</p>
         </article>
+        <article class="editor-overview-card">
+          <span class="editor-overview-label">{{ tx('crud.authoring.overview.kpis', 'KPI Band') }}</span>
+          <strong class="editor-overview-value" data-testid="crud-editor-overview-kpis">{{ kpisOverview() }}</strong>
+          <p class="editor-overview-note" data-testid="crud-editor-overview-kpis-note">{{ kpisOverviewNote() }}</p>
+        </article>
+        <article class="editor-overview-card">
+          <span class="editor-overview-label">{{ tx('crud.authoring.overview.filters', 'Filters') }}</span>
+          <strong class="editor-overview-value" data-testid="crud-editor-overview-filters">{{ filtersOverview() }}</strong>
+          <p class="editor-overview-note" data-testid="crud-editor-overview-filters-note">{{ filtersOverviewNote() }}</p>
+        </article>
         <article class="editor-overview-card">
           <span class="editor-overview-label">{{ tx('crud.authoring.overview.table', 'Table') }}</span>
           <strong class="editor-overview-value" data-testid="crud-editor-overview-table">{{ tableOverview() }}</strong>
@@ -5788,7 +6975,14 @@ class CrudMetadataEditorComponent {
         </div>
       </section>
 
-      <mat-tab-group class="editor-tabs" data-testid="crud-editor-tabs" dynamicHeight animationDuration="0ms">
+      <mat-tab-group
+        class="editor-tabs"
+        data-testid="crud-editor-tabs"
+        dynamicHeight
+        animationDuration="0ms"
+        [selectedIndex]="selectedTabIndex()"
+        (selectedIndexChange)="selectedTabIndex.set($event)"
+      >
         <mat-tab>
           <ng-template mat-tab-label>
             <mat-icon [praxisIcon]="'link'"></mat-icon>
@@ -6191,6 +7385,520 @@ class CrudMetadataEditorComponent {
           </div>
         </mat-tab>
 
+        <mat-tab>
+          <ng-template mat-tab-label>
+            <mat-icon [praxisIcon]="'analytics'"></mat-icon>
+            <span data-testid="crud-editor-tab-kpis">{{ tx('crud.authoring.tab.kpis', 'KPIs') }}</span>
+            <span
+              class="tab-status-dot"
+              [class.tab-status-dot--warn]="sectionStatus('kpis') === 'pending'"
+              [class.tab-status-dot--error]="sectionStatus('kpis') === 'invalid'"
+              [attr.title]="sectionStatusLabel('kpis')"
+            ></span>
+          </ng-template>
+          <div class="tab-content">
+            <mat-card class="editor-card" data-testid="crud-editor-kpis-section">
+              <div class="editor-section-header">
+                <div>
+                  <h3>{{ tx('crud.authoring.section.kpis', 'KPI Band') }}</h3>
+                  <p class="editor-section-note">{{ sectionSummary('kpis') }}</p>
+                </div>
+                <span
+                  class="action-summary-chip"
+                  [class.action-summary-chip--error]="sectionStatus('kpis') === 'invalid'"
+                  [class.action-summary-chip--warn]="sectionStatus('kpis') === 'pending'"
+                >
+                  {{ sectionStatusLabel('kpis') }}
+                </span>
+              </div>
+
+              <div class="editor-toolbar-row">
+                <mat-slide-toggle
+                  data-testid="crud-kpi-band-enabled"
+                  [ngModel]="kpiBandEnabled()"
+                  (ngModelChange)="setKpiBandEnabled($event)"
+                  [disabled]="isReadonly()"
+                >
+                  {{ tx('crud.authoring.kpis.enabled', 'Show KPI band above collection table') }}
+                </mat-slide-toggle>
+                <button
+                  mat-stroked-button
+                  type="button"
+                  data-testid="crud-kpi-add-card-btn"
+                  (click)="addKpiCard()"
+                  [disabled]="isReadonly()"
+                >
+                  <mat-icon [praxisIcon]="'add'"></mat-icon>
+                  {{ tx('crud.authoring.kpis.addCard', 'Add KPI') }}
+                </button>
+              </div>
+
+              @if (kpiCards().length === 0) {
+                <p class="editor-section-note" data-testid="crud-kpi-empty-state">
+                  {{ tx('crud.authoring.kpis.empty', 'No KPI cards configured yet.') }}
+                </p>
+              } @else {
+                <div class="kpi-cards-list">
+                  @for (card of kpiCards(); track $index) {
+                    <section class="action-group" [attr.data-testid]="'crud-kpi-card-item-' + $index">
+                      <div class="editor-section-header">
+                        <strong>{{ kpiCardTitle($index, card) }}</strong>
+                        <div class="inline-actions-row">
+                          <button
+                            mat-stroked-button
+                            type="button"
+                            [attr.data-testid]="'crud-kpi-card-up-' + $index"
+                            (click)="moveKpiCard($index, -1)"
+                            [disabled]="isReadonly() || $index === 0"
+                          >
+                            {{ tx('crud.authoring.kpis.moveUp', 'Move up') }}
+                          </button>
+                          <button
+                            mat-stroked-button
+                            type="button"
+                            [attr.data-testid]="'crud-kpi-card-down-' + $index"
+                            (click)="moveKpiCard($index, 1)"
+                            [disabled]="isReadonly() || $index === kpiCards().length - 1"
+                          >
+                            {{ tx('crud.authoring.kpis.moveDown', 'Move down') }}
+                          </button>
+                          <button
+                            mat-stroked-button
+                            type="button"
+                            [attr.data-testid]="'crud-kpi-card-remove-' + $index"
+                            (click)="removeKpiCard($index)"
+                            [disabled]="isReadonly()"
+                          >
+                            {{ tx('crud.authoring.kpis.removeCard', 'Remove KPI') }}
+                          </button>
+                        </div>
+                      </div>
+
+                      <div class="editor-grid">
+                        <mat-form-field appearance="outline">
+                          <mat-label>{{ tx('crud.authoring.kpis.label', 'Label') }}</mat-label>
+                          <input
+                            matInput
+                            [attr.data-testid]="'crud-kpi-card-label-' + $index"
+                            [ngModel]="card.label || ''"
+                            (ngModelChange)="setKpiCardField($index, 'label', $event)"
+                            [placeholder]="tx('crud.authoring.kpis.labelPlaceholder', 'e.g. In progress')"
+                            [disabled]="isReadonly()"
+                          />
+                        </mat-form-field>
+
+                        <mat-form-field appearance="outline">
+                          <mat-label>{{ tx('crud.authoring.kpis.value', 'Displayed value') }}</mat-label>
+                          <input
+                            matInput
+                            [attr.data-testid]="'crud-kpi-card-value-' + $index"
+                            [ngModel]="card.value ?? ''"
+                            (ngModelChange)="setKpiCardField($index, 'value', $event)"
+                            [placeholder]="tx('crud.authoring.kpis.valuePlaceholder', 'e.g. 18')"
+                            [disabled]="isReadonly()"
+                          />
+                        </mat-form-field>
+
+                        <mat-form-field appearance="outline">
+                          <mat-label>{{ tx('crud.authoring.kpis.caption', 'Caption / context') }}</mat-label>
+                          <input
+                            matInput
+                            [attr.data-testid]="'crud-kpi-card-caption-' + $index"
+                            [ngModel]="card.caption || ''"
+                            (ngModelChange)="setKpiCardField($index, 'caption', $event)"
+                            [placeholder]="tx('crud.authoring.kpis.captionPlaceholder', 'e.g. All sectors')"
+                            [disabled]="isReadonly()"
+                          />
+                        </mat-form-field>
+
+                        <mat-form-field appearance="outline">
+                          <mat-label>{{ tx('crud.authoring.kpis.icon', 'Icon (Material Icon)') }}</mat-label>
+                          <input
+                            matInput
+                            [attr.data-testid]="'crud-kpi-card-icon-' + $index"
+                            [ngModel]="card.icon || ''"
+                            (ngModelChange)="setKpiCardField($index, 'icon', $event)"
+                            [placeholder]="tx('crud.authoring.kpis.iconPlaceholder', 'e.g. radar')"
+                            [disabled]="isReadonly()"
+                          />
+                        </mat-form-field>
+
+                        <mat-form-field appearance="outline">
+                          <mat-label>{{ tx('crud.authoring.kpis.variant', 'Semantic tone') }}</mat-label>
+                          <mat-select
+                            [attr.data-testid]="'crud-kpi-card-variant-' + $index"
+                            [ngModel]="kpiCardVariant(card)"
+                            (ngModelChange)="setKpiCardVariant($index, $event)"
+                            [disabled]="isReadonly()"
+                          >
+                            @for (variant of kpiVariants; track variant) {
+                              <mat-option [value]="variant">{{ kpiVariantLabel(variant) }}</mat-option>
+                            }
+                          </mat-select>
+                        </mat-form-field>
+
+                        <mat-form-field appearance="outline">
+                          <mat-label>{{ tx('crud.authoring.kpis.filterMode', 'Click behavior (Filter)') }}</mat-label>
+                          <mat-select
+                            [attr.data-testid]="'crud-kpi-card-filter-mode-' + $index"
+                            [ngModel]="kpiCardFilterMode($index)"
+                            (ngModelChange)="setKpiCardFilterMode($index, $event)"
+                            [disabled]="isReadonly()"
+                          >
+                            @for (mode of kpiFilterModes; track mode) {
+                              <mat-option [value]="mode">{{ kpiFilterModeLabel(mode) }}</mat-option>
+                            }
+                          </mat-select>
+                        </mat-form-field>
+                      </div>
+
+                      @if (kpiCardFilterMode($index) === 'condition') {
+                        <div class="editor-grid">
+                          <mat-form-field appearance="outline">
+                            <mat-label>{{ tx('crud.authoring.kpis.filterField', 'Filter field') }}</mat-label>
+                            <input
+                              matInput
+                              [attr.data-testid]="'crud-kpi-card-filter-field-' + $index"
+                              [ngModel]="kpiCardFilterField($index)"
+                              (ngModelChange)="setKpiCardFilterCondition($index, $event, kpiCardFilterValue($index))"
+                              [placeholder]="tx('crud.authoring.kpis.filterFieldPlaceholder', 'e.g. status')"
+                              [disabled]="isReadonly()"
+                            />
+                          </mat-form-field>
+
+                          <mat-form-field appearance="outline">
+                            <mat-label>{{ tx('crud.authoring.kpis.filterValue', 'Expected value') }}</mat-label>
+                            <input
+                              matInput
+                              [attr.data-testid]="'crud-kpi-card-filter-value-' + $index"
+                              [ngModel]="kpiCardFilterValue($index)"
+                              (ngModelChange)="setKpiCardFilterCondition($index, kpiCardFilterField($index), $event)"
+                              [placeholder]="tx('crud.authoring.kpis.filterValuePlaceholder', 'e.g. IN_PROGRESS')"
+                              [disabled]="isReadonly()"
+                            />
+                          </mat-form-field>
+                        </div>
+
+                        <mat-form-field appearance="outline">
+                          <mat-label>{{ tx('crud.authoring.kpis.filterJson', 'Advanced filter criteria (JSON)') }}</mat-label>
+                          <textarea
+                            matInput
+                            rows="3"
+                            [attr.data-testid]="'crud-kpi-card-filter-json-' + $index"
+                            [ngModel]="kpiCardFilterJsonDraft($index)"
+                            (ngModelChange)="setKpiCardFilterJson($index, $event)"
+                            [disabled]="isReadonly()"
+                          ></textarea>
+                        </mat-form-field>
+                      }
+                    </section>
+                  }
+                </div>
+              }
+
+              @if (kpiBandEnabled() && kpiCards().length > 0) {
+                <section class="action-group" data-testid="crud-kpi-band-preview-section">
+                  <strong>{{ tx('crud.authoring.kpis.previewTitle', 'KPI band preview') }}</strong>
+                  <praxis-kpi-band
+                    data-testid="crud-kpi-band-preview"
+                    [config]="kpiBandPreviewConfig()"
+                    [isInteractiveHost]="false"
+                  />
+                </section>
+              }
+            </mat-card>
+          </div>
+        </mat-tab>
+
+        <mat-tab>
+          <ng-template mat-tab-label>
+            <mat-icon [praxisIcon]="'filter_alt'"></mat-icon>
+            <span data-testid="crud-editor-tab-filters">{{ tx('crud.authoring.tab.filters', 'Filters') }}</span>
+            <span
+              class="tab-status-dot"
+              [class.tab-status-dot--warn]="sectionStatus('filters') === 'pending'"
+              [class.tab-status-dot--error]="sectionStatus('filters') === 'invalid'"
+              [attr.title]="sectionStatusLabel('filters')"
+            ></span>
+          </ng-template>
+          <div class="tab-content">
+            <mat-card class="editor-card" data-testid="crud-editor-filters-section">
+              <div class="editor-section-header">
+                <div>
+                  <h3>{{ tx('crud.authoring.section.filters', 'Filter Bar') }}</h3>
+                  <p class="editor-section-note">{{ sectionSummary('filters') }}</p>
+                </div>
+                <span
+                  class="action-summary-chip"
+                  [class.action-summary-chip--error]="sectionStatus('filters') === 'invalid'"
+                  [class.action-summary-chip--warn]="sectionStatus('filters') === 'pending'"
+                >
+                  {{ sectionStatusLabel('filters') }}
+                </span>
+              </div>
+
+              <div class="editor-toggles">
+                <mat-slide-toggle
+                  data-testid="crud-filterbar-show-advanced"
+                  [ngModel]="filterBarShowAdvanced()"
+                  (ngModelChange)="setFilterBarShowAdvanced($event)"
+                  [disabled]="isReadonly()"
+                >
+                  {{ tx('crud.authoring.filters.showAdvanced', 'Allow opening advanced filters') }}
+                </mat-slide-toggle>
+              </div>
+
+              <section class="action-group" data-testid="crud-filterbar-inline-group">
+                <div class="action-group__header">
+                  <strong>{{ tx('crud.authoring.filters.inlineGroup', 'Always-visible fields (Inline Fields)') }}</strong>
+                  <p class="editor-section-note">{{ tx('crud.authoring.filters.inlineNote', 'Select resource fields or add field identifiers to keep pinned in the filter bar.') }}</p>
+                </div>
+
+                <div class="editor-toolbar-row">
+                  <mat-form-field appearance="outline" class="editor-inline-grow">
+                    <mat-label>{{ tx('crud.authoring.filters.inlineFieldInput', 'Add inline field') }}</mat-label>
+                    <input
+                      matInput
+                      data-testid="crud-filterbar-inline-field-input"
+                      [ngModel]="inlineFieldDraft()"
+                      (ngModelChange)="inlineFieldDraft.set($event)"
+                      (keydown.enter)="$event.preventDefault(); addInlineFilterFieldFromDraft()"
+                      [placeholder]="tx('crud.authoring.filters.inlineFieldPlaceholder', 'e.g. status, priority')"
+                      [disabled]="isReadonly()"
+                    />
+                  </mat-form-field>
+                  <button
+                    mat-stroked-button
+                    type="button"
+                    data-testid="crud-filterbar-inline-field-add-btn"
+                    (click)="addInlineFilterFieldFromDraft()"
+                    [disabled]="isReadonly()"
+                  >
+                    {{ tx('crud.authoring.filters.inlineAdd', 'Add field') }}
+                  </button>
+                </div>
+
+                @if (filterBarInlineFields().length === 0) {
+                  <p class="editor-section-note" data-testid="crud-filterbar-inline-empty">
+                    {{ tx('crud.authoring.filters.inlineEmpty', 'No inline fields pinned yet. Runtime will use the default schema configuration.') }}
+                  </p>
+                } @else {
+                  <div class="action-summary-strip" data-testid="crud-filterbar-inline-chips">
+                    @for (field of filterBarInlineFields(); track field) {
+                      <span class="action-summary-chip inline-chip" [attr.data-testid]="'crud-filterbar-inline-chip-' + field">
+                        <span>{{ field }}</span>
+                        <button
+                          type="button"
+                          class="chip-remove-btn"
+                          [attr.data-testid]="'crud-filterbar-inline-remove-' + field"
+                          (click)="removeInlineFilterField(field)"
+                          [disabled]="isReadonly()"
+                          aria-label="Remove"
+                        >
+                          ×
+                        </button>
+                      </span>
+                    }
+                  </div>
+                }
+
+                @if (availableResourceFieldOptions().length > 0) {
+                  <div class="action-subgroup" data-testid="crud-filterbar-available-fields">
+                    <span class="editor-overview-label">{{ tx('crud.authoring.filters.availableFields', 'Available field suggestions') }}</span>
+                    <div class="action-summary-strip">
+                      @for (opt of availableResourceFieldOptions(); track opt.field) {
+                        <button
+                          mat-stroked-button
+                          type="button"
+                          [attr.data-testid]="'crud-filterbar-available-field-' + opt.field"
+                          (click)="toggleInlineFilterField(opt.field)"
+                          [disabled]="isReadonly()"
+                        >
+                          {{ opt.header }} ({{ opt.field }})
+                        </button>
+                      }
+                    </div>
+                  </div>
+                }
+              </section>
+
+              <section class="action-group" data-testid="crud-filterbar-quick-group">
+                <div class="action-group__header">
+                  <strong>{{ tx('crud.authoring.filters.quickGroup', 'Quick filter shortcuts (Quick Filters)') }}</strong>
+                </div>
+
+                <div class="editor-toolbar-row">
+                  <mat-form-field appearance="outline" class="editor-inline-grow">
+                    <mat-label>{{ tx('crud.authoring.filters.quickMode', 'Quick filters mode') }}</mat-label>
+                    <mat-select
+                      data-testid="crud-filterbar-quick-mode"
+                      [ngModel]="filterBarQuickMode()"
+                      (ngModelChange)="setFilterBarQuickMode($event)"
+                      [disabled]="isReadonly()"
+                    >
+                      @for (mode of quickFilterModes; track mode) {
+                        <mat-option [value]="mode">{{ quickFilterModeLabel(mode) }}</mat-option>
+                      }
+                    </mat-select>
+                  </mat-form-field>
+
+                  @if (filterBarQuickMode() === 'custom') {
+                    <button
+                      mat-stroked-button
+                      type="button"
+                      data-testid="crud-filterbar-add-quick-btn"
+                      (click)="addQuickFilter()"
+                      [disabled]="isReadonly()"
+                    >
+                      <mat-icon [praxisIcon]="'add'"></mat-icon>
+                      {{ tx('crud.authoring.filters.addQuickFilter', 'Add quick filter') }}
+                    </button>
+                  }
+                </div>
+
+                @if (filterBarQuickMode() === 'custom') {
+                  @if (filterBarQuickFilters().length === 0) {
+                    <p class="editor-section-note" data-testid="crud-filterbar-quick-empty">
+                      {{ tx('crud.authoring.filters.quickEmpty', 'No quick filters configured.') }}
+                    </p>
+                  } @else {
+                    <div class="kpi-cards-list">
+                      @for (qf of filterBarQuickFilters(); track $index) {
+                        <div class="action-subgroup" [attr.data-testid]="'crud-filterbar-quick-item-' + $index">
+                          <div class="editor-section-header">
+                            <strong>#{{ $index + 1 }} · {{ qf.label || qf.id || 'Chip' }}</strong>
+                            <div class="inline-actions-row">
+                              <button
+                                mat-stroked-button
+                                type="button"
+                                [attr.data-testid]="'crud-filterbar-quick-up-' + $index"
+                                (click)="moveQuickFilter($index, -1)"
+                                [disabled]="isReadonly() || $index === 0"
+                              >
+                                {{ tx('crud.authoring.kpis.moveUp', 'Move up') }}
+                              </button>
+                              <button
+                                mat-stroked-button
+                                type="button"
+                                [attr.data-testid]="'crud-filterbar-quick-down-' + $index"
+                                (click)="moveQuickFilter($index, 1)"
+                                [disabled]="isReadonly() || $index === filterBarQuickFilters().length - 1"
+                              >
+                                {{ tx('crud.authoring.kpis.moveDown', 'Move down') }}
+                              </button>
+                              <button
+                                mat-stroked-button
+                                type="button"
+                                [attr.data-testid]="'crud-filterbar-quick-remove-' + $index"
+                                (click)="removeQuickFilter($index)"
+                                [disabled]="isReadonly()"
+                              >
+                                {{ tx('crud.authoring.filters.removeQuickFilter', 'Remove quick filter') }}
+                              </button>
+                            </div>
+                          </div>
+
+                          <div class="editor-grid">
+                            <mat-form-field appearance="outline">
+                              <mat-label>{{ tx('crud.authoring.filters.quickId', 'Identifier') }}</mat-label>
+                              <input
+                                matInput
+                                [attr.data-testid]="'crud-filterbar-quick-id-' + $index"
+                                [ngModel]="qf.id || ''"
+                                (ngModelChange)="setQuickFilterField($index, 'id', $event)"
+                                [disabled]="isReadonly()"
+                              />
+                            </mat-form-field>
+
+                            <mat-form-field appearance="outline">
+                              <mat-label>{{ tx('crud.authoring.filters.quickLabel', 'Chip label') }}</mat-label>
+                              <input
+                                matInput
+                                [attr.data-testid]="'crud-filterbar-quick-label-' + $index"
+                                [ngModel]="qf.label || ''"
+                                (ngModelChange)="setQuickFilterField($index, 'label', $event)"
+                                [disabled]="isReadonly()"
+                              />
+                            </mat-form-field>
+
+                            <mat-form-field appearance="outline">
+                              <mat-label>{{ tx('crud.authoring.filters.quickIcon', 'Icon (optional)') }}</mat-label>
+                              <input
+                                matInput
+                                [attr.data-testid]="'crud-filterbar-quick-icon-' + $index"
+                                [ngModel]="qf.icon || ''"
+                                (ngModelChange)="setQuickFilterField($index, 'icon', $event)"
+                                [disabled]="isReadonly()"
+                              />
+                            </mat-form-field>
+
+                            <mat-form-field appearance="outline">
+                              <mat-label>{{ tx('crud.authoring.filters.quickConditionMode', 'Condition type') }}</mat-label>
+                              <mat-select
+                                [attr.data-testid]="'crud-filterbar-quick-condition-mode-' + $index"
+                                [ngModel]="quickFilterConditionMode($index)"
+                                (ngModelChange)="setQuickFilterConditionMode($index, $event)"
+                                [disabled]="isReadonly()"
+                              >
+                                @for (cMode of quickConditionModes; track cMode) {
+                                  <mat-option [value]="cMode">{{ quickConditionModeLabel(cMode) }}</mat-option>
+                                }
+                              </mat-select>
+                            </mat-form-field>
+                          </div>
+
+                          @if (quickFilterConditionMode($index) === 'fieldEquals') {
+                            <div class="editor-grid">
+                              <mat-form-field appearance="outline">
+                                <mat-label>{{ tx('crud.authoring.filters.quickField', 'Field') }}</mat-label>
+                                <input
+                                  matInput
+                                  [attr.data-testid]="'crud-filterbar-quick-field-' + $index"
+                                  [ngModel]="quickFilterConditionField($index)"
+                                  (ngModelChange)="setQuickFilterFieldEquals($index, $event, quickFilterConditionValue($index))"
+                                  [disabled]="isReadonly()"
+                                />
+                              </mat-form-field>
+                              <mat-form-field appearance="outline">
+                                <mat-label>{{ tx('crud.authoring.filters.quickValue', 'Value') }}</mat-label>
+                                <input
+                                  matInput
+                                  [attr.data-testid]="'crud-filterbar-quick-value-' + $index"
+                                  [ngModel]="quickFilterConditionValue($index)"
+                                  (ngModelChange)="setQuickFilterFieldEquals($index, quickFilterConditionField($index), $event)"
+                                  [disabled]="isReadonly()"
+                                />
+                              </mat-form-field>
+                            </div>
+                          }
+
+                          @if (quickFilterConditionMode($index) === 'expression') {
+                            <mat-form-field appearance="outline">
+                              <mat-label>{{ tx('crud.authoring.filters.quickExpression', 'Filter expression or JSON') }}</mat-label>
+                              <input
+                                matInput
+                                [attr.data-testid]="'crud-filterbar-quick-expression-' + $index"
+                                [ngModel]="quickFilterExpressionDraft($index)"
+                                (ngModelChange)="setQuickFilterExpression($index, $event)"
+                                [disabled]="isReadonly()"
+                              />
+                            </mat-form-field>
+                          }
+                        </div>
+                      }
+                    </div>
+                  }
+                }
+              </section>
+
+              <section class="action-summary-strip" data-testid="crud-filterbar-preview">
+                <span class="action-summary-chip">{{ filtersOverview() }}</span>
+                <span class="action-summary-chip">{{ filtersOverviewNote() }}</span>
+              </section>
+            </mat-card>
+          </div>
+        </mat-tab>
+
         <mat-tab>
           <ng-template mat-tab-label>
             <mat-icon [praxisIcon]="'table_view'"></mat-icon>
@@ -6218,10 +7926,68 @@ class CrudMetadataEditorComponent {
           <span class="action-summary-chip" data-testid="crud-editor-table-summary-behavior">{{ tableBehaviorSummary() }}</span>
           <span class="action-summary-chip" data-testid="crud-editor-table-summary-states">{{ tableStatesSummary() }}</span>
         </section>
+
+        @if (isUsingInheritedResourceColumns()) {
+          <section class="inherited-columns-banner" data-testid="crud-table-column-inheritance-banner">
+            <div class="inherited-columns-banner__copy">
+              <div class="inherited-columns-banner__title-row">
+                <strong>{{ tx('crud.authoring.table.inheritedColumnsPending', 'Columns inherited from resource') }}</strong>
+                @if (resolvedInheritedColumns().length > 0) {
+                  <span class="action-summary-chip" data-testid="crud-table-inherited-columns-badge">
+                    {{ inheritedColumnsCountLabel() }}
+                  </span>
+                }
+              </div>
+              <p class="editor-section-note" data-testid="crud-table-inherited-columns-note">
+                {{ inheritedColumnsNote() }}
+              </p>
+            </div>
+            <button
+              mat-stroked-button
+              type="button"
+              data-testid="crud-table-focus-columns-btn"
+              (click)="focusTableColumnsAuthoring()"
+              [disabled]="isReadonly()"
+            >
+              <mat-icon [praxisIcon]="'view_column'"></mat-icon>
+              {{ tx('crud.authoring.table.focusColumnsButton', 'Edit resource columns') }}
+            </button>
+          </section>
+        } @else {
+          <section class="inherited-columns-banner" data-testid="crud-table-column-custom-banner">
+            <p class="editor-section-note">
+              {{ tx('crud.authoring.table.customColumnsNote', 'The columns in this table have explicit customizations saved in the CRUD metadata.') }}
+            </p>
+            <div class="inline-actions-row">
+              @if (resolvedInheritedColumns().length > 0) {
+                <button
+                  mat-stroked-button
+                  type="button"
+                  data-testid="crud-table-reset-inherited-columns-btn"
+                  (click)="resetToInheritedColumns()"
+                  [disabled]="isReadonly()"
+                >
+                  {{ tx('crud.authoring.table.inheritedColumnsPending', 'Columns inherited from resource') }}
+                </button>
+              }
+              <button
+                mat-stroked-button
+                type="button"
+                data-testid="crud-table-focus-columns-btn"
+                (click)="focusTableColumnsAuthoring()"
+                [disabled]="isReadonly()"
+              >
+                <mat-icon [praxisIcon]="'view_column'"></mat-icon>
+                {{ tx('crud.authoring.table.focusColumnsButton', 'Edit resource columns') }}
+              </button>
+            </div>
+          </section>
+        }
+
         <p class="editor-section-note" data-testid="crud-editor-table-flow-note">{{ tableEditingFlowSummary() }}</p>
         <praxis-table-inline-authoring-editor
           data-testid="crud-editor-table-inline"
-          [config]="tableConfig()"
+          [config]="effectiveTableConfigForEditor()"
           [readonly]="isReadonly()"
           (configChange)="setTableConfig($event)"
         />
@@ -6272,7 +8038,7 @@ class CrudMetadataEditorComponent {
         </mat-tab>
       </mat-tab-group>
     </section>
-  `, isInline: true, styles: [":host{display:block;min-width:0;color:var(--md-sys-color-on-surface,#1a1b20)}.editor-shell{display:grid;gap:16px}.editor-header{display:flex;justify-content:space-between;gap:16px;align-items:start}.editor-overview,.editor-health-map{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.editor-health-card{display:grid;gap:4px;padding:14px;border-radius:18px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high,#eef1f6) 92%,transparent)}.editor-health-card--warn{background:color-mix(in srgb,var(--md-sys-color-tertiary-container,#f8e08e) 78%,transparent)}.editor-health-card--error{background:color-mix(in srgb,var(--md-sys-color-error-container,#f9dedc) 82%,transparent);color:var(--md-sys-color-on-error-container,#410e0b)}.editor-focus{display:flex;gap:12px;align-items:start;padding:14px 16px;border-radius:18px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high,#eef1f6) 92%,transparent)}.editor-focus--success{background:color-mix(in srgb,var(--md-sys-color-secondary-container,#d7e3ff) 70%,transparent)}.editor-focus-chip{padding:6px 10px;border-radius:999px;font-size:12px;background:color-mix(in srgb,var(--md-sys-color-secondary-container,#d7e3ff) 70%,transparent);white-space:nowrap}.editor-focus-chip--warn{background:color-mix(in srgb,var(--md-sys-color-tertiary-container,#f8e08e) 78%,transparent)}.editor-focus-chip--error{background:color-mix(in srgb,var(--md-sys-color-error-container,#f9dedc) 82%,transparent);color:var(--md-sys-color-on-error-container,#410e0b)}.editor-focus-copy{display:grid;gap:4px}.editor-focus-copy p{margin:0;color:var(--md-sys-color-on-surface-variant,#5a5d67)}.editor-tabs{display:flex;flex-direction:column;min-width:0}.editor-tabs .mat-mdc-tab{min-width:118px}.editor-tabs ::ng-deep .mdc-tab__content{gap:8px}.editor-tabs ::ng-deep .mat-mdc-tab-body-wrapper,.editor-tabs ::ng-deep .mat-mdc-tab-group-container{flex:1 1 auto;min-height:0}.editor-tabs ::ng-deep .mat-mdc-tab-body-content{overflow:hidden}.tab-status-dot{width:8px;height:8px;border-radius:999px;background:var(--md-sys-color-primary,#1263b4);flex:0 0 auto}.tab-status-dot--warn{background:var(--md-sys-color-tertiary,#7d5700)}.tab-status-dot--error{background:var(--md-sys-color-error,#b3261e)}.tab-content{display:grid;gap:14px;min-width:0;padding:12px 2px 4px;box-sizing:border-box}.editor-overview-card{display:grid;gap:4px;padding:14px;border-radius:18px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high,#eef1f6) 92%,transparent)}.editor-overview-card--warn{background:color-mix(in srgb,var(--md-sys-color-tertiary-container,#f8e08e) 78%,transparent)}.editor-overview-card--error{background:color-mix(in srgb,var(--md-sys-color-error-container,#f9dedc) 82%,transparent);color:var(--md-sys-color-on-error-container,#410e0b)}.editor-overview-label{font-size:12px;color:var(--md-sys-color-on-surface-variant,#5a5d67)}.editor-overview-value{line-height:1.3;overflow-wrap:anywhere}.editor-overview-note{margin:0;font-size:12px;color:var(--md-sys-color-on-surface-variant,#5a5d67)}.editor-header h2,.editor-card h3{margin:0}.editor-header p{margin:6px 0 0;color:var(--md-sys-color-on-surface-variant,#5a5d67)}.editor-chip{padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary,#1263b4) 12%,transparent);font-size:12px}.editor-card{display:grid;gap:14px;padding:16px;border-radius:20px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline,#c5c7ce) 70%,transparent)}.editor-section-header{display:flex;justify-content:space-between;gap:12px;align-items:start}.editor-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.editor-grid--compact{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.editor-toggles{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.editor-actions,.action-grid{display:grid;gap:14px}.action-summary-strip{display:flex;flex-wrap:wrap;gap:8px}.action-summary-chip{padding:6px 10px;border-radius:999px;font-size:12px;background:color-mix(in srgb,var(--md-sys-color-secondary-container,#d7e3ff) 70%,transparent)}.action-summary-chip--warn{background:color-mix(in srgb,var(--md-sys-color-tertiary-container,#f8e08e) 78%,transparent)}.action-summary-chip--error{background:color-mix(in srgb,var(--md-sys-color-error-container,#f9dedc) 82%,transparent);color:var(--md-sys-color-on-error-container,#410e0b)}.action-group{display:grid;gap:10px;padding:12px;border-radius:16px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high,#eef1f6) 88%,transparent)}.action-group--advanced{background:color-mix(in srgb,var(--md-sys-color-surface-container,#f5f7fb) 90%,transparent)}.action-group__header{display:grid;gap:4px}.action-subgroup{display:grid;gap:10px;padding:10px;border-radius:14px;background:color-mix(in srgb,var(--md-sys-color-surface-container-low,#fafbfd) 92%,transparent)}.action-subgroup__header{display:grid;gap:4px}.action-param-list{display:grid;gap:12px}.action-param-row{display:grid;gap:8px}.action-advanced-panel{border:1px solid color-mix(in srgb,var(--md-sys-color-outline,#c5c7ce) 65%,transparent);border-radius:16px}.editor-section-note{margin:0;color:var(--md-sys-color-on-surface-variant,#5a5d67)}.diagnostics-groups{display:grid;gap:12px}.diagnostics-group{display:grid;gap:10px;padding:12px;border-radius:16px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high,#eef1f6) 92%,transparent)}.diagnostics{display:grid;gap:8px;margin:0;padding-left:18px}.diagnostics .error{color:var(--md-sys-color-error,#b3261e)}pre{margin:0;overflow:auto;max-height:320px;padding:12px;border-radius:14px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high,#eef1f6) 92%,transparent)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i3$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "component", type: i4$3.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i4$3.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i4$3.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i4$3.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i6.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i8.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i9.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i9.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i9.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: PraxisTableInlineAuthoringEditorComponent, selector: "praxis-table-inline-authoring-editor", inputs: ["config", "readonly"], outputs: ["configChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block;min-width:0;color:var(--md-sys-color-on-surface,#1a1b20)}.editor-shell{display:grid;gap:16px}.editor-header{display:flex;justify-content:space-between;gap:16px;align-items:start}.editor-overview,.editor-health-map{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.editor-health-card{display:grid;gap:4px;padding:14px;border-radius:18px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high,#eef1f6) 92%,transparent)}.editor-health-card--warn{background:color-mix(in srgb,var(--md-sys-color-tertiary-container,#f8e08e) 78%,transparent)}.editor-health-card--error{background:color-mix(in srgb,var(--md-sys-color-error-container,#f9dedc) 82%,transparent);color:var(--md-sys-color-on-error-container,#410e0b)}.editor-focus{display:flex;gap:12px;align-items:start;padding:14px 16px;border-radius:18px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high,#eef1f6) 92%,transparent)}.editor-focus--success{background:color-mix(in srgb,var(--md-sys-color-secondary-container,#d7e3ff) 70%,transparent)}.editor-focus-chip{padding:6px 10px;border-radius:999px;font-size:12px;background:color-mix(in srgb,var(--md-sys-color-secondary-container,#d7e3ff) 70%,transparent);white-space:nowrap}.editor-focus-chip--warn{background:color-mix(in srgb,var(--md-sys-color-tertiary-container,#f8e08e) 78%,transparent)}.editor-focus-chip--error{background:color-mix(in srgb,var(--md-sys-color-error-container,#f9dedc) 82%,transparent);color:var(--md-sys-color-on-error-container,#410e0b)}.editor-focus-copy{display:grid;gap:4px}.editor-focus-copy p{margin:0;color:var(--md-sys-color-on-surface-variant,#5a5d67)}.editor-tabs{display:flex;flex-direction:column;min-width:0}.editor-tabs .mat-mdc-tab{min-width:118px}.editor-tabs ::ng-deep .mdc-tab__content{gap:8px}.editor-tabs ::ng-deep .mat-mdc-tab-body-wrapper,.editor-tabs ::ng-deep .mat-mdc-tab-group-container{flex:1 1 auto;min-height:0}.editor-tabs ::ng-deep .mat-mdc-tab-body-content{overflow:hidden}.tab-status-dot{width:8px;height:8px;border-radius:999px;background:var(--md-sys-color-primary,#1263b4);flex:0 0 auto}.tab-status-dot--warn{background:var(--md-sys-color-tertiary,#7d5700)}.tab-status-dot--error{background:var(--md-sys-color-error,#b3261e)}.tab-content{display:grid;gap:14px;min-width:0;padding:12px 2px 4px;box-sizing:border-box}.editor-overview-card{display:grid;gap:4px;padding:14px;border-radius:18px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high,#eef1f6) 92%,transparent)}.editor-overview-card--warn{background:color-mix(in srgb,var(--md-sys-color-tertiary-container,#f8e08e) 78%,transparent)}.editor-overview-card--error{background:color-mix(in srgb,var(--md-sys-color-error-container,#f9dedc) 82%,transparent);color:var(--md-sys-color-on-error-container,#410e0b)}.editor-overview-label{font-size:12px;color:var(--md-sys-color-on-surface-variant,#5a5d67)}.editor-overview-value{line-height:1.3;overflow-wrap:anywhere}.editor-overview-note{margin:0;font-size:12px;color:var(--md-sys-color-on-surface-variant,#5a5d67)}.editor-header h2,.editor-card h3{margin:0}.editor-header p{margin:6px 0 0;color:var(--md-sys-color-on-surface-variant,#5a5d67)}.editor-chip{padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary,#1263b4) 12%,transparent);font-size:12px}.editor-card{display:grid;gap:14px;padding:16px;border-radius:20px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline,#c5c7ce) 70%,transparent)}.editor-section-header{display:flex;justify-content:space-between;gap:12px;align-items:start;flex-wrap:wrap}.editor-toolbar-row{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.editor-inline-grow{flex:1 1 240px}.inline-actions-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.inline-chip{display:inline-flex;align-items:center;gap:6px}.chip-remove-btn{border:0;background:transparent;cursor:pointer;font-size:14px;line-height:1;padding:0 2px;color:inherit}.kpi-cards-list{display:grid;gap:12px}.inherited-columns-banner{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 14px;border-radius:16px;background:color-mix(in srgb,var(--md-sys-color-secondary-container,#d7e3ff) 55%,transparent)}.inherited-columns-banner__copy{display:grid;gap:4px}.inherited-columns-banner__title-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.editor-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.editor-grid--compact{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.editor-toggles{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.editor-actions,.action-grid{display:grid;gap:14px}.action-summary-strip{display:flex;flex-wrap:wrap;gap:8px}.action-summary-chip{padding:6px 10px;border-radius:999px;font-size:12px;background:color-mix(in srgb,var(--md-sys-color-secondary-container,#d7e3ff) 70%,transparent)}.action-summary-chip--warn{background:color-mix(in srgb,var(--md-sys-color-tertiary-container,#f8e08e) 78%,transparent)}.action-summary-chip--error{background:color-mix(in srgb,var(--md-sys-color-error-container,#f9dedc) 82%,transparent);color:var(--md-sys-color-on-error-container,#410e0b)}.action-group{display:grid;gap:10px;padding:12px;border-radius:16px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high,#eef1f6) 88%,transparent)}.action-group--advanced{background:color-mix(in srgb,var(--md-sys-color-surface-container,#f5f7fb) 90%,transparent)}.action-group__header{display:grid;gap:4px}.action-subgroup{display:grid;gap:10px;padding:10px;border-radius:14px;background:color-mix(in srgb,var(--md-sys-color-surface-container-low,#fafbfd) 92%,transparent)}.action-subgroup__header{display:grid;gap:4px}.action-param-list{display:grid;gap:12px}.action-param-row{display:grid;gap:8px}.action-advanced-panel{border:1px solid color-mix(in srgb,var(--md-sys-color-outline,#c5c7ce) 65%,transparent);border-radius:16px}.editor-section-note{margin:0;color:var(--md-sys-color-on-surface-variant,#5a5d67)}.diagnostics-groups{display:grid;gap:12px}.diagnostics-group{display:grid;gap:10px;padding:12px;border-radius:16px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high,#eef1f6) 92%,transparent)}.diagnostics{display:grid;gap:8px;margin:0;padding-left:18px}.diagnostics .error{color:var(--md-sys-color-error,#b3261e)}pre{margin:0;overflow:auto;max-height:320px;padding:12px;border-radius:14px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high,#eef1f6) 92%,transparent)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i3$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "component", type: i4$3.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i4$3.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i4$3.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i4$3.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i6.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i8.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i9.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i9.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i9.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: PraxisKpiBandComponent, selector: "praxis-kpi-band", inputs: ["config", "dataContext", "isInteractiveHost", "activeFilter"], outputs: ["cardClick", "statsLoaded", "statsError", "refreshClick"] }, { kind: "component", type: PraxisTableInlineAuthoringEditorComponent, selector: "praxis-table-inline-authoring-editor", inputs: ["config", "readonly"], outputs: ["configChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CrudMetadataEditorComponent, decorators: [{
             type: Component,
@@ -6288,8 +8054,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         MatSlideToggleModule,
                         MatTabsModule,
                         PraxisIconDirective,
-                        PraxisTableInlineAuthoringEditorComponent
-                    ], providers: [providePraxisI18nConfig(PRAXIS_CRUD_AUTHORING_I18N_CONFIG)], template: `
+                        PraxisKpiBandComponent,
+                        PraxisTableInlineAuthoringEditorComponent,
+                    ], providers: [
+                        providePraxisI18nConfig(PRAXIS_CRUD_AUTHORING_I18N_CONFIG),
+                        {
+                            provide: GenericCrudService,
+                            useFactory: () => {
+                                const http = inject(HttpClient, { optional: true });
+                                const apiUrl = inject(API_URL, { optional: true });
+                                // Offline authoring has no transport; a configured editor owns its mutable reader.
+                                if (http === null || apiUrl === null)
+                                    return null;
+                                return new GenericCrudService(http, inject(SchemaNormalizerService), inject(GlobalConfigService), apiUrl);
+                            },
+                        },
+                    ], template: `
     <section class="editor-shell" data-testid="crud-metadata-editor">
       <header class="editor-header">
         <div>
@@ -6315,6 +8095,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
           <strong class="editor-overview-value" data-testid="crud-editor-overview-actions">{{ actionsOverview() }}</strong>
           <p class="editor-overview-note" data-testid="crud-editor-overview-actions-note">{{ actionsOverviewNote() }}</p>
         </article>
+        <article class="editor-overview-card">
+          <span class="editor-overview-label">{{ tx('crud.authoring.overview.kpis', 'KPI Band') }}</span>
+          <strong class="editor-overview-value" data-testid="crud-editor-overview-kpis">{{ kpisOverview() }}</strong>
+          <p class="editor-overview-note" data-testid="crud-editor-overview-kpis-note">{{ kpisOverviewNote() }}</p>
+        </article>
+        <article class="editor-overview-card">
+          <span class="editor-overview-label">{{ tx('crud.authoring.overview.filters', 'Filters') }}</span>
+          <strong class="editor-overview-value" data-testid="crud-editor-overview-filters">{{ filtersOverview() }}</strong>
+          <p class="editor-overview-note" data-testid="crud-editor-overview-filters-note">{{ filtersOverviewNote() }}</p>
+        </article>
         <article class="editor-overview-card">
           <span class="editor-overview-label">{{ tx('crud.authoring.overview.table', 'Table') }}</span>
           <strong class="editor-overview-value" data-testid="crud-editor-overview-table">{{ tableOverview() }}</strong>
@@ -6357,7 +8147,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
         </div>
       </section>
 
-      <mat-tab-group class="editor-tabs" data-testid="crud-editor-tabs" dynamicHeight animationDuration="0ms">
+      <mat-tab-group
+        class="editor-tabs"
+        data-testid="crud-editor-tabs"
+        dynamicHeight
+        animationDuration="0ms"
+        [selectedIndex]="selectedTabIndex()"
+        (selectedIndexChange)="selectedTabIndex.set($event)"
+      >
         <mat-tab>
           <ng-template mat-tab-label>
             <mat-icon [praxisIcon]="'link'"></mat-icon>
@@ -6760,6 +8557,520 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
           </div>
         </mat-tab>
 
+        <mat-tab>
+          <ng-template mat-tab-label>
+            <mat-icon [praxisIcon]="'analytics'"></mat-icon>
+            <span data-testid="crud-editor-tab-kpis">{{ tx('crud.authoring.tab.kpis', 'KPIs') }}</span>
+            <span
+              class="tab-status-dot"
+              [class.tab-status-dot--warn]="sectionStatus('kpis') === 'pending'"
+              [class.tab-status-dot--error]="sectionStatus('kpis') === 'invalid'"
+              [attr.title]="sectionStatusLabel('kpis')"
+            ></span>
+          </ng-template>
+          <div class="tab-content">
+            <mat-card class="editor-card" data-testid="crud-editor-kpis-section">
+              <div class="editor-section-header">
+                <div>
+                  <h3>{{ tx('crud.authoring.section.kpis', 'KPI Band') }}</h3>
+                  <p class="editor-section-note">{{ sectionSummary('kpis') }}</p>
+                </div>
+                <span
+                  class="action-summary-chip"
+                  [class.action-summary-chip--error]="sectionStatus('kpis') === 'invalid'"
+                  [class.action-summary-chip--warn]="sectionStatus('kpis') === 'pending'"
+                >
+                  {{ sectionStatusLabel('kpis') }}
+                </span>
+              </div>
+
+              <div class="editor-toolbar-row">
+                <mat-slide-toggle
+                  data-testid="crud-kpi-band-enabled"
+                  [ngModel]="kpiBandEnabled()"
+                  (ngModelChange)="setKpiBandEnabled($event)"
+                  [disabled]="isReadonly()"
+                >
+                  {{ tx('crud.authoring.kpis.enabled', 'Show KPI band above collection table') }}
+                </mat-slide-toggle>
+                <button
+                  mat-stroked-button
+                  type="button"
+                  data-testid="crud-kpi-add-card-btn"
+                  (click)="addKpiCard()"
+                  [disabled]="isReadonly()"
+                >
+                  <mat-icon [praxisIcon]="'add'"></mat-icon>
+                  {{ tx('crud.authoring.kpis.addCard', 'Add KPI') }}
+                </button>
+              </div>
+
+              @if (kpiCards().length === 0) {
+                <p class="editor-section-note" data-testid="crud-kpi-empty-state">
+                  {{ tx('crud.authoring.kpis.empty', 'No KPI cards configured yet.') }}
+                </p>
+              } @else {
+                <div class="kpi-cards-list">
+                  @for (card of kpiCards(); track $index) {
+                    <section class="action-group" [attr.data-testid]="'crud-kpi-card-item-' + $index">
+                      <div class="editor-section-header">
+                        <strong>{{ kpiCardTitle($index, card) }}</strong>
+                        <div class="inline-actions-row">
+                          <button
+                            mat-stroked-button
+                            type="button"
+                            [attr.data-testid]="'crud-kpi-card-up-' + $index"
+                            (click)="moveKpiCard($index, -1)"
+                            [disabled]="isReadonly() || $index === 0"
+                          >
+                            {{ tx('crud.authoring.kpis.moveUp', 'Move up') }}
+                          </button>
+                          <button
+                            mat-stroked-button
+                            type="button"
+                            [attr.data-testid]="'crud-kpi-card-down-' + $index"
+                            (click)="moveKpiCard($index, 1)"
+                            [disabled]="isReadonly() || $index === kpiCards().length - 1"
+                          >
+                            {{ tx('crud.authoring.kpis.moveDown', 'Move down') }}
+                          </button>
+                          <button
+                            mat-stroked-button
+                            type="button"
+                            [attr.data-testid]="'crud-kpi-card-remove-' + $index"
+                            (click)="removeKpiCard($index)"
+                            [disabled]="isReadonly()"
+                          >
+                            {{ tx('crud.authoring.kpis.removeCard', 'Remove KPI') }}
+                          </button>
+                        </div>
+                      </div>
+
+                      <div class="editor-grid">
+                        <mat-form-field appearance="outline">
+                          <mat-label>{{ tx('crud.authoring.kpis.label', 'Label') }}</mat-label>
+                          <input
+                            matInput
+                            [attr.data-testid]="'crud-kpi-card-label-' + $index"
+                            [ngModel]="card.label || ''"
+                            (ngModelChange)="setKpiCardField($index, 'label', $event)"
+                            [placeholder]="tx('crud.authoring.kpis.labelPlaceholder', 'e.g. In progress')"
+                            [disabled]="isReadonly()"
+                          />
+                        </mat-form-field>
+
+                        <mat-form-field appearance="outline">
+                          <mat-label>{{ tx('crud.authoring.kpis.value', 'Displayed value') }}</mat-label>
+                          <input
+                            matInput
+                            [attr.data-testid]="'crud-kpi-card-value-' + $index"
+                            [ngModel]="card.value ?? ''"
+                            (ngModelChange)="setKpiCardField($index, 'value', $event)"
+                            [placeholder]="tx('crud.authoring.kpis.valuePlaceholder', 'e.g. 18')"
+                            [disabled]="isReadonly()"
+                          />
+                        </mat-form-field>
+
+                        <mat-form-field appearance="outline">
+                          <mat-label>{{ tx('crud.authoring.kpis.caption', 'Caption / context') }}</mat-label>
+                          <input
+                            matInput
+                            [attr.data-testid]="'crud-kpi-card-caption-' + $index"
+                            [ngModel]="card.caption || ''"
+                            (ngModelChange)="setKpiCardField($index, 'caption', $event)"
+                            [placeholder]="tx('crud.authoring.kpis.captionPlaceholder', 'e.g. All sectors')"
+                            [disabled]="isReadonly()"
+                          />
+                        </mat-form-field>
+
+                        <mat-form-field appearance="outline">
+                          <mat-label>{{ tx('crud.authoring.kpis.icon', 'Icon (Material Icon)') }}</mat-label>
+                          <input
+                            matInput
+                            [attr.data-testid]="'crud-kpi-card-icon-' + $index"
+                            [ngModel]="card.icon || ''"
+                            (ngModelChange)="setKpiCardField($index, 'icon', $event)"
+                            [placeholder]="tx('crud.authoring.kpis.iconPlaceholder', 'e.g. radar')"
+                            [disabled]="isReadonly()"
+                          />
+                        </mat-form-field>
+
+                        <mat-form-field appearance="outline">
+                          <mat-label>{{ tx('crud.authoring.kpis.variant', 'Semantic tone') }}</mat-label>
+                          <mat-select
+                            [attr.data-testid]="'crud-kpi-card-variant-' + $index"
+                            [ngModel]="kpiCardVariant(card)"
+                            (ngModelChange)="setKpiCardVariant($index, $event)"
+                            [disabled]="isReadonly()"
+                          >
+                            @for (variant of kpiVariants; track variant) {
+                              <mat-option [value]="variant">{{ kpiVariantLabel(variant) }}</mat-option>
+                            }
+                          </mat-select>
+                        </mat-form-field>
+
+                        <mat-form-field appearance="outline">
+                          <mat-label>{{ tx('crud.authoring.kpis.filterMode', 'Click behavior (Filter)') }}</mat-label>
+                          <mat-select
+                            [attr.data-testid]="'crud-kpi-card-filter-mode-' + $index"
+                            [ngModel]="kpiCardFilterMode($index)"
+                            (ngModelChange)="setKpiCardFilterMode($index, $event)"
+                            [disabled]="isReadonly()"
+                          >
+                            @for (mode of kpiFilterModes; track mode) {
+                              <mat-option [value]="mode">{{ kpiFilterModeLabel(mode) }}</mat-option>
+                            }
+                          </mat-select>
+                        </mat-form-field>
+                      </div>
+
+                      @if (kpiCardFilterMode($index) === 'condition') {
+                        <div class="editor-grid">
+                          <mat-form-field appearance="outline">
+                            <mat-label>{{ tx('crud.authoring.kpis.filterField', 'Filter field') }}</mat-label>
+                            <input
+                              matInput
+                              [attr.data-testid]="'crud-kpi-card-filter-field-' + $index"
+                              [ngModel]="kpiCardFilterField($index)"
+                              (ngModelChange)="setKpiCardFilterCondition($index, $event, kpiCardFilterValue($index))"
+                              [placeholder]="tx('crud.authoring.kpis.filterFieldPlaceholder', 'e.g. status')"
+                              [disabled]="isReadonly()"
+                            />
+                          </mat-form-field>
+
+                          <mat-form-field appearance="outline">
+                            <mat-label>{{ tx('crud.authoring.kpis.filterValue', 'Expected value') }}</mat-label>
+                            <input
+                              matInput
+                              [attr.data-testid]="'crud-kpi-card-filter-value-' + $index"
+                              [ngModel]="kpiCardFilterValue($index)"
+                              (ngModelChange)="setKpiCardFilterCondition($index, kpiCardFilterField($index), $event)"
+                              [placeholder]="tx('crud.authoring.kpis.filterValuePlaceholder', 'e.g. IN_PROGRESS')"
+                              [disabled]="isReadonly()"
+                            />
+                          </mat-form-field>
+                        </div>
+
+                        <mat-form-field appearance="outline">
+                          <mat-label>{{ tx('crud.authoring.kpis.filterJson', 'Advanced filter criteria (JSON)') }}</mat-label>
+                          <textarea
+                            matInput
+                            rows="3"
+                            [attr.data-testid]="'crud-kpi-card-filter-json-' + $index"
+                            [ngModel]="kpiCardFilterJsonDraft($index)"
+                            (ngModelChange)="setKpiCardFilterJson($index, $event)"
+                            [disabled]="isReadonly()"
+                          ></textarea>
+                        </mat-form-field>
+                      }
+                    </section>
+                  }
+                </div>
+              }
+
+              @if (kpiBandEnabled() && kpiCards().length > 0) {
+                <section class="action-group" data-testid="crud-kpi-band-preview-section">
+                  <strong>{{ tx('crud.authoring.kpis.previewTitle', 'KPI band preview') }}</strong>
+                  <praxis-kpi-band
+                    data-testid="crud-kpi-band-preview"
+                    [config]="kpiBandPreviewConfig()"
+                    [isInteractiveHost]="false"
+                  />
+                </section>
+              }
+            </mat-card>
+          </div>
+        </mat-tab>
+
+        <mat-tab>
+          <ng-template mat-tab-label>
+            <mat-icon [praxisIcon]="'filter_alt'"></mat-icon>
+            <span data-testid="crud-editor-tab-filters">{{ tx('crud.authoring.tab.filters', 'Filters') }}</span>
+            <span
+              class="tab-status-dot"
+              [class.tab-status-dot--warn]="sectionStatus('filters') === 'pending'"
+              [class.tab-status-dot--error]="sectionStatus('filters') === 'invalid'"
+              [attr.title]="sectionStatusLabel('filters')"
+            ></span>
+          </ng-template>
+          <div class="tab-content">
+            <mat-card class="editor-card" data-testid="crud-editor-filters-section">
+              <div class="editor-section-header">
+                <div>
+                  <h3>{{ tx('crud.authoring.section.filters', 'Filter Bar') }}</h3>
+                  <p class="editor-section-note">{{ sectionSummary('filters') }}</p>
+                </div>
+                <span
+                  class="action-summary-chip"
+                  [class.action-summary-chip--error]="sectionStatus('filters') === 'invalid'"
+                  [class.action-summary-chip--warn]="sectionStatus('filters') === 'pending'"
+                >
+                  {{ sectionStatusLabel('filters') }}
+                </span>
+              </div>
+
+              <div class="editor-toggles">
+                <mat-slide-toggle
+                  data-testid="crud-filterbar-show-advanced"
+                  [ngModel]="filterBarShowAdvanced()"
+                  (ngModelChange)="setFilterBarShowAdvanced($event)"
+                  [disabled]="isReadonly()"
+                >
+                  {{ tx('crud.authoring.filters.showAdvanced', 'Allow opening advanced filters') }}
+                </mat-slide-toggle>
+              </div>
+
+              <section class="action-group" data-testid="crud-filterbar-inline-group">
+                <div class="action-group__header">
+                  <strong>{{ tx('crud.authoring.filters.inlineGroup', 'Always-visible fields (Inline Fields)') }}</strong>
+                  <p class="editor-section-note">{{ tx('crud.authoring.filters.inlineNote', 'Select resource fields or add field identifiers to keep pinned in the filter bar.') }}</p>
+                </div>
+
+                <div class="editor-toolbar-row">
+                  <mat-form-field appearance="outline" class="editor-inline-grow">
+                    <mat-label>{{ tx('crud.authoring.filters.inlineFieldInput', 'Add inline field') }}</mat-label>
+                    <input
+                      matInput
+                      data-testid="crud-filterbar-inline-field-input"
+                      [ngModel]="inlineFieldDraft()"
+                      (ngModelChange)="inlineFieldDraft.set($event)"
+                      (keydown.enter)="$event.preventDefault(); addInlineFilterFieldFromDraft()"
+                      [placeholder]="tx('crud.authoring.filters.inlineFieldPlaceholder', 'e.g. status, priority')"
+                      [disabled]="isReadonly()"
+                    />
+                  </mat-form-field>
+                  <button
+                    mat-stroked-button
+                    type="button"
+                    data-testid="crud-filterbar-inline-field-add-btn"
+                    (click)="addInlineFilterFieldFromDraft()"
+                    [disabled]="isReadonly()"
+                  >
+                    {{ tx('crud.authoring.filters.inlineAdd', 'Add field') }}
+                  </button>
+                </div>
+
+                @if (filterBarInlineFields().length === 0) {
+                  <p class="editor-section-note" data-testid="crud-filterbar-inline-empty">
+                    {{ tx('crud.authoring.filters.inlineEmpty', 'No inline fields pinned yet. Runtime will use the default schema configuration.') }}
+                  </p>
+                } @else {
+                  <div class="action-summary-strip" data-testid="crud-filterbar-inline-chips">
+                    @for (field of filterBarInlineFields(); track field) {
+                      <span class="action-summary-chip inline-chip" [attr.data-testid]="'crud-filterbar-inline-chip-' + field">
+                        <span>{{ field }}</span>
+                        <button
+                          type="button"
+                          class="chip-remove-btn"
+                          [attr.data-testid]="'crud-filterbar-inline-remove-' + field"
+                          (click)="removeInlineFilterField(field)"
+                          [disabled]="isReadonly()"
+                          aria-label="Remove"
+                        >
+                          ×
+                        </button>
+                      </span>
+                    }
+                  </div>
+                }
+
+                @if (availableResourceFieldOptions().length > 0) {
+                  <div class="action-subgroup" data-testid="crud-filterbar-available-fields">
+                    <span class="editor-overview-label">{{ tx('crud.authoring.filters.availableFields', 'Available field suggestions') }}</span>
+                    <div class="action-summary-strip">
+                      @for (opt of availableResourceFieldOptions(); track opt.field) {
+                        <button
+                          mat-stroked-button
+                          type="button"
+                          [attr.data-testid]="'crud-filterbar-available-field-' + opt.field"
+                          (click)="toggleInlineFilterField(opt.field)"
+                          [disabled]="isReadonly()"
+                        >
+                          {{ opt.header }} ({{ opt.field }})
+                        </button>
+                      }
+                    </div>
+                  </div>
+                }
+              </section>
+
+              <section class="action-group" data-testid="crud-filterbar-quick-group">
+                <div class="action-group__header">
+                  <strong>{{ tx('crud.authoring.filters.quickGroup', 'Quick filter shortcuts (Quick Filters)') }}</strong>
+                </div>
+
+                <div class="editor-toolbar-row">
+                  <mat-form-field appearance="outline" class="editor-inline-grow">
+                    <mat-label>{{ tx('crud.authoring.filters.quickMode', 'Quick filters mode') }}</mat-label>
+                    <mat-select
+                      data-testid="crud-filterbar-quick-mode"
+                      [ngModel]="filterBarQuickMode()"
+                      (ngModelChange)="setFilterBarQuickMode($event)"
+                      [disabled]="isReadonly()"
+                    >
+                      @for (mode of quickFilterModes; track mode) {
+                        <mat-option [value]="mode">{{ quickFilterModeLabel(mode) }}</mat-option>
+                      }
+                    </mat-select>
+                  </mat-form-field>
+
+                  @if (filterBarQuickMode() === 'custom') {
+                    <button
+                      mat-stroked-button
+                      type="button"
+                      data-testid="crud-filterbar-add-quick-btn"
+                      (click)="addQuickFilter()"
+                      [disabled]="isReadonly()"
+                    >
+                      <mat-icon [praxisIcon]="'add'"></mat-icon>
+                      {{ tx('crud.authoring.filters.addQuickFilter', 'Add quick filter') }}
+                    </button>
+                  }
+                </div>
+
+                @if (filterBarQuickMode() === 'custom') {
+                  @if (filterBarQuickFilters().length === 0) {
+                    <p class="editor-section-note" data-testid="crud-filterbar-quick-empty">
+                      {{ tx('crud.authoring.filters.quickEmpty', 'No quick filters configured.') }}
+                    </p>
+                  } @else {
+                    <div class="kpi-cards-list">
+                      @for (qf of filterBarQuickFilters(); track $index) {
+                        <div class="action-subgroup" [attr.data-testid]="'crud-filterbar-quick-item-' + $index">
+                          <div class="editor-section-header">
+                            <strong>#{{ $index + 1 }} · {{ qf.label || qf.id || 'Chip' }}</strong>
+                            <div class="inline-actions-row">
+                              <button
+                                mat-stroked-button
+                                type="button"
+                                [attr.data-testid]="'crud-filterbar-quick-up-' + $index"
+                                (click)="moveQuickFilter($index, -1)"
+                                [disabled]="isReadonly() || $index === 0"
+                              >
+                                {{ tx('crud.authoring.kpis.moveUp', 'Move up') }}
+                              </button>
+                              <button
+                                mat-stroked-button
+                                type="button"
+                                [attr.data-testid]="'crud-filterbar-quick-down-' + $index"
+                                (click)="moveQuickFilter($index, 1)"
+                                [disabled]="isReadonly() || $index === filterBarQuickFilters().length - 1"
+                              >
+                                {{ tx('crud.authoring.kpis.moveDown', 'Move down') }}
+                              </button>
+                              <button
+                                mat-stroked-button
+                                type="button"
+                                [attr.data-testid]="'crud-filterbar-quick-remove-' + $index"
+                                (click)="removeQuickFilter($index)"
+                                [disabled]="isReadonly()"
+                              >
+                                {{ tx('crud.authoring.filters.removeQuickFilter', 'Remove quick filter') }}
+                              </button>
+                            </div>
+                          </div>
+
+                          <div class="editor-grid">
+                            <mat-form-field appearance="outline">
+                              <mat-label>{{ tx('crud.authoring.filters.quickId', 'Identifier') }}</mat-label>
+                              <input
+                                matInput
+                                [attr.data-testid]="'crud-filterbar-quick-id-' + $index"
+                                [ngModel]="qf.id || ''"
+                                (ngModelChange)="setQuickFilterField($index, 'id', $event)"
+                                [disabled]="isReadonly()"
+                              />
+                            </mat-form-field>
+
+                            <mat-form-field appearance="outline">
+                              <mat-label>{{ tx('crud.authoring.filters.quickLabel', 'Chip label') }}</mat-label>
+                              <input
+                                matInput
+                                [attr.data-testid]="'crud-filterbar-quick-label-' + $index"
+                                [ngModel]="qf.label || ''"
+                                (ngModelChange)="setQuickFilterField($index, 'label', $event)"
+                                [disabled]="isReadonly()"
+                              />
+                            </mat-form-field>
+
+                            <mat-form-field appearance="outline">
+                              <mat-label>{{ tx('crud.authoring.filters.quickIcon', 'Icon (optional)') }}</mat-label>
+                              <input
+                                matInput
+                                [attr.data-testid]="'crud-filterbar-quick-icon-' + $index"
+                                [ngModel]="qf.icon || ''"
+                                (ngModelChange)="setQuickFilterField($index, 'icon', $event)"
+                                [disabled]="isReadonly()"
+                              />
+                            </mat-form-field>
+
+                            <mat-form-field appearance="outline">
+                              <mat-label>{{ tx('crud.authoring.filters.quickConditionMode', 'Condition type') }}</mat-label>
+                              <mat-select
+                                [attr.data-testid]="'crud-filterbar-quick-condition-mode-' + $index"
+                                [ngModel]="quickFilterConditionMode($index)"
+                                (ngModelChange)="setQuickFilterConditionMode($index, $event)"
+                                [disabled]="isReadonly()"
+                              >
+                                @for (cMode of quickConditionModes; track cMode) {
+                                  <mat-option [value]="cMode">{{ quickConditionModeLabel(cMode) }}</mat-option>
+                                }
+                              </mat-select>
+                            </mat-form-field>
+                          </div>
+
+                          @if (quickFilterConditionMode($index) === 'fieldEquals') {
+                            <div class="editor-grid">
+                              <mat-form-field appearance="outline">
+                                <mat-label>{{ tx('crud.authoring.filters.quickField', 'Field') }}</mat-label>
+                                <input
+                                  matInput
+                                  [attr.data-testid]="'crud-filterbar-quick-field-' + $index"
+                                  [ngModel]="quickFilterConditionField($index)"
+                                  (ngModelChange)="setQuickFilterFieldEquals($index, $event, quickFilterConditionValue($index))"
+                                  [disabled]="isReadonly()"
+                                />
+                              </mat-form-field>
+                              <mat-form-field appearance="outline">
+                                <mat-label>{{ tx('crud.authoring.filters.quickValue', 'Value') }}</mat-label>
+                                <input
+                                  matInput
+                                  [attr.data-testid]="'crud-filterbar-quick-value-' + $index"
+                                  [ngModel]="quickFilterConditionValue($index)"
+                                  (ngModelChange)="setQuickFilterFieldEquals($index, quickFilterConditionField($index), $event)"
+                                  [disabled]="isReadonly()"
+                                />
+                              </mat-form-field>
+                            </div>
+                          }
+
+                          @if (quickFilterConditionMode($index) === 'expression') {
+                            <mat-form-field appearance="outline">
+                              <mat-label>{{ tx('crud.authoring.filters.quickExpression', 'Filter expression or JSON') }}</mat-label>
+                              <input
+                                matInput
+                                [attr.data-testid]="'crud-filterbar-quick-expression-' + $index"
+                                [ngModel]="quickFilterExpressionDraft($index)"
+                                (ngModelChange)="setQuickFilterExpression($index, $event)"
+                                [disabled]="isReadonly()"
+                              />
+                            </mat-form-field>
+                          }
+                        </div>
+                      }
+                    </div>
+                  }
+                }
+              </section>
+
+              <section class="action-summary-strip" data-testid="crud-filterbar-preview">
+                <span class="action-summary-chip">{{ filtersOverview() }}</span>
+                <span class="action-summary-chip">{{ filtersOverviewNote() }}</span>
+              </section>
+            </mat-card>
+          </div>
+        </mat-tab>
+
         <mat-tab>
           <ng-template mat-tab-label>
             <mat-icon [praxisIcon]="'table_view'"></mat-icon>
@@ -6787,10 +9098,68 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
           <span class="action-summary-chip" data-testid="crud-editor-table-summary-behavior">{{ tableBehaviorSummary() }}</span>
           <span class="action-summary-chip" data-testid="crud-editor-table-summary-states">{{ tableStatesSummary() }}</span>
         </section>
+
+        @if (isUsingInheritedResourceColumns()) {
+          <section class="inherited-columns-banner" data-testid="crud-table-column-inheritance-banner">
+            <div class="inherited-columns-banner__copy">
+              <div class="inherited-columns-banner__title-row">
+                <strong>{{ tx('crud.authoring.table.inheritedColumnsPending', 'Columns inherited from resource') }}</strong>
+                @if (resolvedInheritedColumns().length > 0) {
+                  <span class="action-summary-chip" data-testid="crud-table-inherited-columns-badge">
+                    {{ inheritedColumnsCountLabel() }}
+                  </span>
+                }
+              </div>
+              <p class="editor-section-note" data-testid="crud-table-inherited-columns-note">
+                {{ inheritedColumnsNote() }}
+              </p>
+            </div>
+            <button
+              mat-stroked-button
+              type="button"
+              data-testid="crud-table-focus-columns-btn"
+              (click)="focusTableColumnsAuthoring()"
+              [disabled]="isReadonly()"
+            >
+              <mat-icon [praxisIcon]="'view_column'"></mat-icon>
+              {{ tx('crud.authoring.table.focusColumnsButton', 'Edit resource columns') }}
+            </button>
+          </section>
+        } @else {
+          <section class="inherited-columns-banner" data-testid="crud-table-column-custom-banner">
+            <p class="editor-section-note">
+              {{ tx('crud.authoring.table.customColumnsNote', 'The columns in this table have explicit customizations saved in the CRUD metadata.') }}
+            </p>
+            <div class="inline-actions-row">
+              @if (resolvedInheritedColumns().length > 0) {
+                <button
+                  mat-stroked-button
+                  type="button"
+                  data-testid="crud-table-reset-inherited-columns-btn"
+                  (click)="resetToInheritedColumns()"
+                  [disabled]="isReadonly()"
+                >
+                  {{ tx('crud.authoring.table.inheritedColumnsPending', 'Columns inherited from resource') }}
+                </button>
+              }
+              <button
+                mat-stroked-button
+                type="button"
+                data-testid="crud-table-focus-columns-btn"
+                (click)="focusTableColumnsAuthoring()"
+                [disabled]="isReadonly()"
+              >
+                <mat-icon [praxisIcon]="'view_column'"></mat-icon>
+                {{ tx('crud.authoring.table.focusColumnsButton', 'Edit resource columns') }}
+              </button>
+            </div>
+          </section>
+        }
+
         <p class="editor-section-note" data-testid="crud-editor-table-flow-note">{{ tableEditingFlowSummary() }}</p>
         <praxis-table-inline-authoring-editor
           data-testid="crud-editor-table-inline"
-          [config]="tableConfig()"
+          [config]="effectiveTableConfigForEditor()"
           [readonly]="isReadonly()"
           (configChange)="setTableConfig($event)"
         />
@@ -6841,11 +9210,73 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
         </mat-tab>
       </mat-tab-group>
     </section>
-  `, styles: [":host{display:block;min-width:0;color:var(--md-sys-color-on-surface,#1a1b20)}.editor-shell{display:grid;gap:16px}.editor-header{display:flex;justify-content:space-between;gap:16px;align-items:start}.editor-overview,.editor-health-map{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.editor-health-card{display:grid;gap:4px;padding:14px;border-radius:18px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high,#eef1f6) 92%,transparent)}.editor-health-card--warn{background:color-mix(in srgb,var(--md-sys-color-tertiary-container,#f8e08e) 78%,transparent)}.editor-health-card--error{background:color-mix(in srgb,var(--md-sys-color-error-container,#f9dedc) 82%,transparent);color:var(--md-sys-color-on-error-container,#410e0b)}.editor-focus{display:flex;gap:12px;align-items:start;padding:14px 16px;border-radius:18px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high,#eef1f6) 92%,transparent)}.editor-focus--success{background:color-mix(in srgb,var(--md-sys-color-secondary-container,#d7e3ff) 70%,transparent)}.editor-focus-chip{padding:6px 10px;border-radius:999px;font-size:12px;background:color-mix(in srgb,var(--md-sys-color-secondary-container,#d7e3ff) 70%,transparent);white-space:nowrap}.editor-focus-chip--warn{background:color-mix(in srgb,var(--md-sys-color-tertiary-container,#f8e08e) 78%,transparent)}.editor-focus-chip--error{background:color-mix(in srgb,var(--md-sys-color-error-container,#f9dedc) 82%,transparent);color:var(--md-sys-color-on-error-container,#410e0b)}.editor-focus-copy{display:grid;gap:4px}.editor-focus-copy p{margin:0;color:var(--md-sys-color-on-surface-variant,#5a5d67)}.editor-tabs{display:flex;flex-direction:column;min-width:0}.editor-tabs .mat-mdc-tab{min-width:118px}.editor-tabs ::ng-deep .mdc-tab__content{gap:8px}.editor-tabs ::ng-deep .mat-mdc-tab-body-wrapper,.editor-tabs ::ng-deep .mat-mdc-tab-group-container{flex:1 1 auto;min-height:0}.editor-tabs ::ng-deep .mat-mdc-tab-body-content{overflow:hidden}.tab-status-dot{width:8px;height:8px;border-radius:999px;background:var(--md-sys-color-primary,#1263b4);flex:0 0 auto}.tab-status-dot--warn{background:var(--md-sys-color-tertiary,#7d5700)}.tab-status-dot--error{background:var(--md-sys-color-error,#b3261e)}.tab-content{display:grid;gap:14px;min-width:0;padding:12px 2px 4px;box-sizing:border-box}.editor-overview-card{display:grid;gap:4px;padding:14px;border-radius:18px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high,#eef1f6) 92%,transparent)}.editor-overview-card--warn{background:color-mix(in srgb,var(--md-sys-color-tertiary-container,#f8e08e) 78%,transparent)}.editor-overview-card--error{background:color-mix(in srgb,var(--md-sys-color-error-container,#f9dedc) 82%,transparent);color:var(--md-sys-color-on-error-container,#410e0b)}.editor-overview-label{font-size:12px;color:var(--md-sys-color-on-surface-variant,#5a5d67)}.editor-overview-value{line-height:1.3;overflow-wrap:anywhere}.editor-overview-note{margin:0;font-size:12px;color:var(--md-sys-color-on-surface-variant,#5a5d67)}.editor-header h2,.editor-card h3{margin:0}.editor-header p{margin:6px 0 0;color:var(--md-sys-color-on-surface-variant,#5a5d67)}.editor-chip{padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary,#1263b4) 12%,transparent);font-size:12px}.editor-card{display:grid;gap:14px;padding:16px;border-radius:20px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline,#c5c7ce) 70%,transparent)}.editor-section-header{display:flex;justify-content:space-between;gap:12px;align-items:start}.editor-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.editor-grid--compact{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.editor-toggles{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.editor-actions,.action-grid{display:grid;gap:14px}.action-summary-strip{display:flex;flex-wrap:wrap;gap:8px}.action-summary-chip{padding:6px 10px;border-radius:999px;font-size:12px;background:color-mix(in srgb,var(--md-sys-color-secondary-container,#d7e3ff) 70%,transparent)}.action-summary-chip--warn{background:color-mix(in srgb,var(--md-sys-color-tertiary-container,#f8e08e) 78%,transparent)}.action-summary-chip--error{background:color-mix(in srgb,var(--md-sys-color-error-container,#f9dedc) 82%,transparent);color:var(--md-sys-color-on-error-container,#410e0b)}.action-group{display:grid;gap:10px;padding:12px;border-radius:16px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high,#eef1f6) 88%,transparent)}.action-group--advanced{background:color-mix(in srgb,var(--md-sys-color-surface-container,#f5f7fb) 90%,transparent)}.action-group__header{display:grid;gap:4px}.action-subgroup{display:grid;gap:10px;padding:10px;border-radius:14px;background:color-mix(in srgb,var(--md-sys-color-surface-container-low,#fafbfd) 92%,transparent)}.action-subgroup__header{display:grid;gap:4px}.action-param-list{display:grid;gap:12px}.action-param-row{display:grid;gap:8px}.action-advanced-panel{border:1px solid color-mix(in srgb,var(--md-sys-color-outline,#c5c7ce) 65%,transparent);border-radius:16px}.editor-section-note{margin:0;color:var(--md-sys-color-on-surface-variant,#5a5d67)}.diagnostics-groups{display:grid;gap:12px}.diagnostics-group{display:grid;gap:10px;padding:12px;border-radius:16px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high,#eef1f6) 92%,transparent)}.diagnostics{display:grid;gap:8px;margin:0;padding-left:18px}.diagnostics .error{color:var(--md-sys-color-error,#b3261e)}pre{margin:0;overflow:auto;max-height:320px;padding:12px;border-radius:14px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high,#eef1f6) 92%,transparent)}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { documentInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "document", required: false }] }], metadataInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "metadata", required: false }] }], crudIdInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "crudId", required: false }] }], readonlyInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }] } });
+  `, styles: [":host{display:block;min-width:0;color:var(--md-sys-color-on-surface,#1a1b20)}.editor-shell{display:grid;gap:16px}.editor-header{display:flex;justify-content:space-between;gap:16px;align-items:start}.editor-overview,.editor-health-map{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.editor-health-card{display:grid;gap:4px;padding:14px;border-radius:18px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high,#eef1f6) 92%,transparent)}.editor-health-card--warn{background:color-mix(in srgb,var(--md-sys-color-tertiary-container,#f8e08e) 78%,transparent)}.editor-health-card--error{background:color-mix(in srgb,var(--md-sys-color-error-container,#f9dedc) 82%,transparent);color:var(--md-sys-color-on-error-container,#410e0b)}.editor-focus{display:flex;gap:12px;align-items:start;padding:14px 16px;border-radius:18px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high,#eef1f6) 92%,transparent)}.editor-focus--success{background:color-mix(in srgb,var(--md-sys-color-secondary-container,#d7e3ff) 70%,transparent)}.editor-focus-chip{padding:6px 10px;border-radius:999px;font-size:12px;background:color-mix(in srgb,var(--md-sys-color-secondary-container,#d7e3ff) 70%,transparent);white-space:nowrap}.editor-focus-chip--warn{background:color-mix(in srgb,var(--md-sys-color-tertiary-container,#f8e08e) 78%,transparent)}.editor-focus-chip--error{background:color-mix(in srgb,var(--md-sys-color-error-container,#f9dedc) 82%,transparent);color:var(--md-sys-color-on-error-container,#410e0b)}.editor-focus-copy{display:grid;gap:4px}.editor-focus-copy p{margin:0;color:var(--md-sys-color-on-surface-variant,#5a5d67)}.editor-tabs{display:flex;flex-direction:column;min-width:0}.editor-tabs .mat-mdc-tab{min-width:118px}.editor-tabs ::ng-deep .mdc-tab__content{gap:8px}.editor-tabs ::ng-deep .mat-mdc-tab-body-wrapper,.editor-tabs ::ng-deep .mat-mdc-tab-group-container{flex:1 1 auto;min-height:0}.editor-tabs ::ng-deep .mat-mdc-tab-body-content{overflow:hidden}.tab-status-dot{width:8px;height:8px;border-radius:999px;background:var(--md-sys-color-primary,#1263b4);flex:0 0 auto}.tab-status-dot--warn{background:var(--md-sys-color-tertiary,#7d5700)}.tab-status-dot--error{background:var(--md-sys-color-error,#b3261e)}.tab-content{display:grid;gap:14px;min-width:0;padding:12px 2px 4px;box-sizing:border-box}.editor-overview-card{display:grid;gap:4px;padding:14px;border-radius:18px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high,#eef1f6) 92%,transparent)}.editor-overview-card--warn{background:color-mix(in srgb,var(--md-sys-color-tertiary-container,#f8e08e) 78%,transparent)}.editor-overview-card--error{background:color-mix(in srgb,var(--md-sys-color-error-container,#f9dedc) 82%,transparent);color:var(--md-sys-color-on-error-container,#410e0b)}.editor-overview-label{font-size:12px;color:var(--md-sys-color-on-surface-variant,#5a5d67)}.editor-overview-value{line-height:1.3;overflow-wrap:anywhere}.editor-overview-note{margin:0;font-size:12px;color:var(--md-sys-color-on-surface-variant,#5a5d67)}.editor-header h2,.editor-card h3{margin:0}.editor-header p{margin:6px 0 0;color:var(--md-sys-color-on-surface-variant,#5a5d67)}.editor-chip{padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary,#1263b4) 12%,transparent);font-size:12px}.editor-card{display:grid;gap:14px;padding:16px;border-radius:20px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline,#c5c7ce) 70%,transparent)}.editor-section-header{display:flex;justify-content:space-between;gap:12px;align-items:start;flex-wrap:wrap}.editor-toolbar-row{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.editor-inline-grow{flex:1 1 240px}.inline-actions-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.inline-chip{display:inline-flex;align-items:center;gap:6px}.chip-remove-btn{border:0;background:transparent;cursor:pointer;font-size:14px;line-height:1;padding:0 2px;color:inherit}.kpi-cards-list{display:grid;gap:12px}.inherited-columns-banner{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 14px;border-radius:16px;background:color-mix(in srgb,var(--md-sys-color-secondary-container,#d7e3ff) 55%,transparent)}.inherited-columns-banner__copy{display:grid;gap:4px}.inherited-columns-banner__title-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.editor-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.editor-grid--compact{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.editor-toggles{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.editor-actions,.action-grid{display:grid;gap:14px}.action-summary-strip{display:flex;flex-wrap:wrap;gap:8px}.action-summary-chip{padding:6px 10px;border-radius:999px;font-size:12px;background:color-mix(in srgb,var(--md-sys-color-secondary-container,#d7e3ff) 70%,transparent)}.action-summary-chip--warn{background:color-mix(in srgb,var(--md-sys-color-tertiary-container,#f8e08e) 78%,transparent)}.action-summary-chip--error{background:color-mix(in srgb,var(--md-sys-color-error-container,#f9dedc) 82%,transparent);color:var(--md-sys-color-on-error-container,#410e0b)}.action-group{display:grid;gap:10px;padding:12px;border-radius:16px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high,#eef1f6) 88%,transparent)}.action-group--advanced{background:color-mix(in srgb,var(--md-sys-color-surface-container,#f5f7fb) 90%,transparent)}.action-group__header{display:grid;gap:4px}.action-subgroup{display:grid;gap:10px;padding:10px;border-radius:14px;background:color-mix(in srgb,var(--md-sys-color-surface-container-low,#fafbfd) 92%,transparent)}.action-subgroup__header{display:grid;gap:4px}.action-param-list{display:grid;gap:12px}.action-param-row{display:grid;gap:8px}.action-advanced-panel{border:1px solid color-mix(in srgb,var(--md-sys-color-outline,#c5c7ce) 65%,transparent);border-radius:16px}.editor-section-note{margin:0;color:var(--md-sys-color-on-surface-variant,#5a5d67)}.diagnostics-groups{display:grid;gap:12px}.diagnostics-group{display:grid;gap:10px;padding:12px;border-radius:16px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high,#eef1f6) 92%,transparent)}.diagnostics{display:grid;gap:8px;margin:0;padding-left:18px}.diagnostics .error{color:var(--md-sys-color-error,#b3261e)}pre{margin:0;overflow:auto;max-height:320px;padding:12px;border-radius:14px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high,#eef1f6) 92%,transparent)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { documentInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "document", required: false }] }], metadataInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "metadata", required: false }] }], crudIdInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "crudId", required: false }] }], readonlyInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], effectiveTableConfigInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "effectiveTableConfig", required: false }] }] } });
 function cloneTableConfig(config) {
     return JSON.parse(JSON.stringify(config || { columns: [] }));
 }
+function cloneColumns(columns) {
+    return JSON.parse(JSON.stringify(Array.isArray(columns) ? columns : []));
+}
+function sanitizePersistedColumns(columns) {
+    return cloneColumns(columns).map((col) => {
+        const copy = { ...col };
+        delete copy['_isApiField'];
+        delete copy['_originalApiType'];
+        return copy;
+    });
+}
+function areColumnsEquivalentToInherited(candidateColumns, inheritedColumns) {
+    const left = sanitizePersistedColumns(candidateColumns);
+    const right = sanitizePersistedColumns(inheritedColumns);
+    return JSON.stringify(left) === JSON.stringify(right);
+}
+function coerceFilterScalarValue(rawValue) {
+    const trimmed = String(rawValue ?? '').trim();
+    if (trimmed === 'true') {
+        return true;
+    }
+    if (trimmed === 'false') {
+        return false;
+    }
+    if (trimmed !== '' && /^-?\d+(\.\d+)?$/.test(trimmed)) {
+        const num = Number(trimmed);
+        if (Number.isFinite(num)) {
+            return num;
+        }
+    }
+    return rawValue;
+}
+function reindexDraftMapAfterRemove(drafts, removedIndex) {
+    const next = {};
+    for (const [key, value] of Object.entries(drafts)) {
+        const numericKey = Number(key);
+        if (!Number.isFinite(numericKey) || numericKey === removedIndex) {
+            continue;
+        }
+        next[numericKey > removedIndex ? numericKey - 1 : numericKey] = value;
+    }
+    return next;
+}
+function reindexDraftMapAfterSwap(drafts, fromIndex, toIndex) {
+    const next = {};
+    for (const [key, value] of Object.entries(drafts)) {
+        const numericKey = Number(key);
+        if (!Number.isFinite(numericKey)) {
+            continue;
+        }
+        if (numericKey === fromIndex) {
+            next[toIndex] = value;
+        }
+        else if (numericKey === toIndex) {
+            next[fromIndex] = value;
+        }
+        else {
+            next[numericKey] = value;
+        }
+    }
+    return next;
+}
 
 function openCrudMetadataEditor(settings, opts) {
     return settings.open({
@@ -6857,6 +9288,7 @@ function openCrudMetadataEditor(settings, opts) {
             inputs: {
                 document: opts?.document ?? null,
                 metadata: opts?.metadata ?? null,
+                effectiveTableConfig: opts?.effectiveTableConfig ?? null,
                 crudId: opts?.crudId ?? null,
                 readonly: opts?.readonly ?? false,
             },
@@ -7026,9 +9458,14 @@ class PraxisCrudComponent {
     onKpiCardClick(event) {
         this.kpiCardClick.emit(event);
         if (!this.kpiCardClick.observed && event.card.filter && typeof event.card.filter === 'object') {
+            const cardFilter = event.card.filter;
+            if (Object.keys(cardFilter).length === 0) {
+                this.clearFilterCriteria();
+                return;
+            }
             this.tableFilterCriteria = {
                 ...this.resolveFilterCriteria(this.resolvedMetadata),
-                ...event.card.filter,
+                ...cardFilter,
             };
             if (this.table) {
                 this.table.applyAdvancedFilterCriteria(this.tableFilterCriteria);
@@ -7874,6 +10311,32 @@ class PraxisCrudComponent {
             return current;
         }
     }
+    getMaterializedInputSnapshot(_inputNames) {
+        return {
+            metadata: this.cloneResolvedMetadataSnapshot(),
+            effectiveTableConfig: this.buildMaterializedEffectiveTableConfigSnapshot(),
+            crudId: this.crudId,
+            resourcePath: this.resolveResourcePath(this.resolvedMetadata),
+        };
+    }
+    cloneResolvedMetadataSnapshot() {
+        try {
+            return JSON.parse(JSON.stringify(this.resolvedMetadata || { component: 'praxis-crud', table: { columns: [] } }));
+        }
+        catch {
+            return {
+                ...(this.resolvedMetadata || { component: 'praxis-crud', table: { columns: [] } }),
+            };
+        }
+    }
+    buildMaterializedEffectiveTableConfigSnapshot() {
+        const runtimeTable = this.lastTableRuntimeConfigSnapshot ||
+            this.getCurrentTableConfigSnapshot() ||
+            this.effectiveTableConfig ||
+            this.resolvedMetadata?.table ||
+            createDefaultTableConfig();
+        return this.cloneTableConfigSnapshot(runtimeTable);
+    }
     onTableConfigChange(config) {
         if (this.isInspectOnly()) {
             return;
@@ -8853,6 +11316,9 @@ class PraxisCrudComponent {
             else if (fb.quickFilters === false) {
                 toolbar.filters.quickFilters = [];
             }
+            else if (fb.quickFilters === undefined) {
+                delete toolbar.filters.quickFilters;
+            }
             if (Array.isArray(fb.inlineFields) && fb.inlineFields.length > 0) {
                 const behavior = (cfg.behavior = cfg.behavior || {});
                 const filtering = (behavior.filtering = behavior.filtering || {
@@ -8869,6 +11335,16 @@ class PraxisCrudComponent {
                     settings.showAdvanced = fb.showAdvanced;
                 }
             }
+            else if (Array.isArray(fb.inlineFields) && fb.inlineFields.length === 0) {
+                const settings = cfg.behavior?.filtering?.advancedFilters?.settings;
+                if (settings && Array.isArray(settings.alwaysVisibleFields)) {
+                    settings.alwaysVisibleFields = [];
+                }
+            }
+            if (fb.showAdvanced !== undefined &&
+                cfg.behavior?.filtering?.advancedFilters?.settings) {
+                cfg.behavior.filtering.advancedFilters.settings.showAdvanced = fb.showAdvanced;
+            }
             changed = true;
         }
         else if (this.supportsFilterCapability(capabilities) && !cfg.toolbar?.filters && !cfg.behavior?.filtering?.advancedFilters) {
@@ -9183,17 +11659,37 @@ class PraxisCrudComponent {
             || createCrudAuthoringDocument({ metadata: this.resolvedMetadata });
         const liveTableConfig = this.lastTableRuntimeConfigSnapshot
             || this.getCurrentTableConfigSnapshot();
-        const seed = liveTableConfig
+        const effectiveTableSnapshot = liveTableConfig
+            ? this.cloneTableConfigSnapshot(liveTableConfig)
+            : null;
+        const authoredColumns = Array.isArray(canonicalSeed.metadata?.table?.columns)
+            ? canonicalSeed.metadata.table.columns
+            : [];
+        const isInheritingColumns = authoredColumns.length === 0;
+        const seed = effectiveTableSnapshot
             ? createCrudAuthoringDocument({
                 metadata: {
                     ...canonicalSeed.metadata,
-                    table: this.cloneTableConfigSnapshot(liveTableConfig),
+                    table: {
+                        ...effectiveTableSnapshot,
+                        columns: isInheritingColumns
+                            ? []
+                            : JSON.parse(JSON.stringify(Array.isArray(effectiveTableSnapshot.columns)
+                                ? effectiveTableSnapshot.columns
+                                : authoredColumns)),
+                        ...(canonicalSeed.metadata?.table?.columnProjection
+                            ? {
+                                columnProjection: JSON.parse(JSON.stringify(canonicalSeed.metadata.table.columnProjection)),
+                            }
+                            : {}),
+                    },
                 },
             })
             : canonicalSeed;
         const ref = openCrudMetadataEditor(this.settingsPanel, {
             crudId: this.crudId,
             document: seed,
+            effectiveTableConfig: effectiveTableSnapshot,
             title: this.tx('crud.authoring.title', 'Configurações do CRUD'),
             titleIcon: 'table_chart',
         });
@@ -10812,6 +13308,7 @@ var dynamicFormDialogHost_component = /*#__PURE__*/Object.freeze({
 
 class PraxisCrudWidgetConfigEditor {
     inputs = null;
+    context = null;
     widgetKey;
     crudEditor;
     isDirty$ = new BehaviorSubject(false);
@@ -10832,6 +13329,34 @@ class PraxisCrudWidgetConfigEditor {
     get metadata() {
         return this.createDocumentFromInputs().metadata;
     }
+    get effectiveTableConfig() {
+        const rawContext = this.context ??
+            this.inputs?.context ??
+            null;
+        if (!rawContext || typeof rawContext !== 'object') {
+            return null;
+        }
+        const directTable = rawContext['effectiveTableConfig'];
+        if (directTable &&
+            typeof directTable === 'object' &&
+            !Array.isArray(directTable)) {
+            return directTable;
+        }
+        const effectiveMeta = rawContext['effectiveMetadata'];
+        if (effectiveMeta) {
+            try {
+                const parsed = parseLegacyOrCrudDocument(effectiveMeta);
+                if (parsed.metadata?.table &&
+                    typeof parsed.metadata.table === 'object') {
+                    return parsed.metadata.table;
+                }
+            }
+            catch {
+                // Ignore invalid effectiveMetadata
+            }
+        }
+        return null;
+    }
     get effectiveCrudId() {
         return this.inputs?.crudId ?? this.widgetKey ?? null;
     }
@@ -10846,12 +13371,13 @@ class PraxisCrudWidgetConfigEditor {
     }
     buildValue(rawPayload) {
         const document = this.extractDocument(rawPayload);
+        const sanitizedContext = this.sanitizePersistedContext(this.inputs?.context);
         const inputs = {
             ...(this.inputs ?? {}),
             metadata: document.metadata,
             crudId: this.inputs?.crudId ?? this.widgetKey,
             componentInstanceId: this.inputs?.componentInstanceId ?? this.widgetKey,
-            context: this.inputs?.context,
+            context: sanitizedContext,
             enableCustomization: this.inputs?.enableCustomization ?? false,
             authoringCapability: this.inputs?.authoringCapability ?? null,
         };
@@ -10859,6 +13385,19 @@ class PraxisCrudWidgetConfigEditor {
             inputs,
         };
     }
+    sanitizePersistedContext(context) {
+        if (!context || typeof context !== 'object') {
+            return undefined;
+        }
+        if (!('effectiveMetadata' in context) &&
+            !('effectiveTableConfig' in context)) {
+            return context;
+        }
+        const rest = { ...context };
+        delete rest['effectiveMetadata'];
+        delete rest['effectiveTableConfig'];
+        return Object.keys(rest).length > 0 ? rest : undefined;
+    }
     createDocumentFromInputs() {
         return parseLegacyOrCrudDocument(this.inputs?.metadata ?? {
             component: 'praxis-crud',
@@ -10872,15 +13411,16 @@ class PraxisCrudWidgetConfigEditor {
             serializeCrudAuthoringDocument(this.createDocumentFromInputs()));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisCrudWidgetConfigEditor, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.14", type: PraxisCrudWidgetConfigEditor, isStandalone: true, selector: "praxis-crud-widget-config-editor", inputs: { inputs: "inputs", widgetKey: "widgetKey" }, viewQueries: [{ propertyName: "crudEditor", first: true, predicate: ["crudEditor"], descendants: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.14", type: PraxisCrudWidgetConfigEditor, isStandalone: true, selector: "praxis-crud-widget-config-editor", inputs: { inputs: "inputs", context: "context", widgetKey: "widgetKey" }, viewQueries: [{ propertyName: "crudEditor", first: true, predicate: ["crudEditor"], descendants: true }], ngImport: i0, template: `
     <section data-testid="crud-widget-config-editor">
       <praxis-crud-metadata-editor
         #crudEditor
         [metadata]="metadata"
+        [effectiveTableConfig]="effectiveTableConfig"
         [crudId]="effectiveCrudId"
       />
     </section>
-  `, isInline: true, dependencies: [{ kind: "component", type: CrudMetadataEditorComponent, selector: "praxis-crud-metadata-editor", inputs: ["document", "metadata", "crudId", "readonly"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "component", type: CrudMetadataEditorComponent, selector: "praxis-crud-metadata-editor", inputs: ["document", "metadata", "crudId", "readonly", "effectiveTableConfig"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisCrudWidgetConfigEditor, decorators: [{
             type: Component,
@@ -10893,6 +13433,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       <praxis-crud-metadata-editor
         #crudEditor
         [metadata]="metadata"
+        [effectiveTableConfig]="effectiveTableConfig"
         [crudId]="effectiveCrudId"
       />
     </section>
@@ -10901,6 +13442,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 }]
         }], propDecorators: { inputs: [{
                 type: Input
+            }], context: [{
+                type: Input
             }], widgetKey: [{
                 type: Input
             }], crudEditor: [{
@@ -11156,6 +13699,12 @@ const PRAXIS_CRUD_COMPONENT_METADATA = {
     configEditor: {
         component: PraxisCrudWidgetConfigEditor,
         title: 'Configurar CRUD',
+        contextResolver: ({ materializedInputs }) => ({
+            context: {
+                effectiveMetadata: materializedInputs?.['metadata'],
+                effectiveTableConfig: materializedInputs?.['effectiveTableConfig'],
+            },
+        }),
     },
     inputs: [
         {
@@ -11685,12 +14234,64 @@ const surfaceConfigureSchema = {
         back: { type: 'object' },
     },
 };
+const kpiBandSchema = {
+    type: 'object',
+    properties: {
+        enabled: { type: 'boolean' },
+        cards: {
+            type: 'array',
+            items: {
+                type: 'object',
+                required: ['label', 'value'],
+                properties: {
+                    id: { type: 'string' },
+                    label: { type: 'string' },
+                    value: { type: ['string', 'number'] },
+                    caption: { type: 'string' },
+                    icon: { type: 'string' },
+                    variant: { enum: ['default', 'primary', 'success', 'warning', 'danger'] },
+                    filter: { type: 'object' },
+                },
+            },
+        },
+    },
+};
+const filterBarSchema = {
+    type: 'object',
+    properties: {
+        inlineFields: {
+            type: 'array',
+            items: { type: 'string' },
+        },
+        quickFilters: {
+            oneOf: [
+                { const: false },
+                {
+                    type: 'array',
+                    items: {
+                        type: 'object',
+                        required: ['id', 'label', 'filter'],
+                        properties: {
+                            id: { type: 'string' },
+                            label: { type: 'string' },
+                            icon: { type: 'string' },
+                            filter: { type: ['string', 'object'] },
+                        },
+                    },
+                },
+            ],
+        },
+        showAdvanced: { type: 'boolean' },
+    },
+};
 const listSurfaceSchema = {
     type: 'object',
     properties: {
         tablePatch: { type: 'object' },
         queryContext: { type: 'object' },
         filterCriteria: { type: 'object' },
+        kpiBand: kpiBandSchema,
+        filterBar: filterBarSchema,
     },
 };
 const deleteBehaviorSchema = {
@@ -11866,18 +14467,58 @@ const PRAXIS_CRUD_AUTHORING_MANIFEST = {
             target: { kind: 'listSurface', resolver: 'crud-list-surface', ambiguityPolicy: 'fail', required: true },
             inputSchema: listSurfaceSchema,
             effects: [{ kind: 'compile-domain-patch', handler: 'crud-list-surface-configure', handlerContract: {
-                        reads: ['CrudMetadata.table', 'CrudMetadata.queryContext', 'PRAXIS_TABLE_AUTHORING_MANIFEST', 'CRUD_AI_CAPABILITIES'],
-                        writes: ['CrudMetadata.table', 'CrudMetadata.queryContext', 'CrudMetadata.filterCriteria'],
+                        reads: ['CrudMetadata.table', 'CrudMetadata.queryContext', 'CrudMetadata.kpiBand', 'CrudMetadata.filterBar', 'PRAXIS_TABLE_AUTHORING_MANIFEST', 'CRUD_AI_CAPABILITIES'],
+                        writes: ['CrudMetadata.table', 'CrudMetadata.queryContext', 'CrudMetadata.filterCriteria', 'CrudMetadata.kpiBand', 'CrudMetadata.filterBar'],
                         identityKeys: ['crudId'],
                         inputSchema: listSurfaceSchema,
                         failureModes: ['table-operation-not-delegated', 'table-patch-not-supported', 'query-context-invalid'],
-                        description: 'Configures CRUD-owned list orchestration while routing table semantics to the praxis-table manifest.',
+                        description: 'Configures CRUD-owned list orchestration (including KPI band and filter bar shortcuts) while routing table semantics to the praxis-table manifest.',
                     } }],
             validators: ['table-child-operation-delegated', 'query-context-valid', 'filter-criteria-bridge-valid', 'crud-context-stable'],
-            affectedPaths: ['table', 'queryContext', 'filterCriteria'],
+            affectedPaths: ['table', 'queryContext', 'filterCriteria', 'kpiBand', 'filterBar'],
             submissionImpact: 'config-only',
             preconditions: ['crud-metadata-loaded', 'praxis-table-manifest-available'],
         },
+        {
+            operationId: 'list.kpiBand.configure',
+            title: 'Configure CRUD KPI band',
+            scope: 'interaction',
+            targetKind: 'listSurface',
+            target: { kind: 'listSurface', resolver: 'crud-list-surface', ambiguityPolicy: 'fail', required: true },
+            inputSchema: kpiBandSchema,
+            effects: [{ kind: 'compile-domain-patch', handler: 'crud-kpi-band-configure', handlerContract: {
+                        reads: ['CrudMetadata.kpiBand', 'CrudMetadata.resource'],
+                        writes: ['CrudMetadata.kpiBand'],
+                        identityKeys: ['crudId'],
+                        inputSchema: kpiBandSchema,
+                        failureModes: ['kpi-card-label-missing', 'kpi-card-value-missing', 'kpi-card-filter-invalid'],
+                        description: 'Configures the CRUD KPI summary band and optional click-to-filter card criteria.',
+                    } }],
+            validators: ['crud-context-stable'],
+            affectedPaths: ['kpiBand'],
+            submissionImpact: 'config-only',
+            preconditions: ['crud-metadata-loaded'],
+        },
+        {
+            operationId: 'list.filterBar.configure',
+            title: 'Configure CRUD filter bar',
+            scope: 'interaction',
+            targetKind: 'listSurface',
+            target: { kind: 'listSurface', resolver: 'crud-list-surface', ambiguityPolicy: 'fail', required: true },
+            inputSchema: filterBarSchema,
+            effects: [{ kind: 'compile-domain-patch', handler: 'crud-filter-bar-configure', handlerContract: {
+                        reads: ['CrudMetadata.filterBar', 'CrudMetadata.resource'],
+                        writes: ['CrudMetadata.filterBar'],
+                        identityKeys: ['crudId'],
+                        inputSchema: filterBarSchema,
+                        failureModes: ['quick-filter-id-missing', 'quick-filter-label-missing', 'quick-filter-condition-invalid'],
+                        description: 'Configures CRUD filterBar shorthand (inlineFields, quickFilters, showAdvanced) expanded into the internal table runtime.',
+                    } }],
+            validators: ['crud-context-stable'],
+            affectedPaths: ['filterBar'],
+            submissionImpact: 'config-only',
+            preconditions: ['crud-metadata-loaded'],
+        },
         {
             operationId: 'surface.create.configure',
             title: 'Configure create surface',