@praxisui/crud 10.0.0-rc.16 → 10.0.0-rc.18

package/README.md

@@ -365,7 +365,9 @@ and materializes them in the contextual bulk selection toolbar:
    executions until terminal state (`COMPLETED`, `COMPLETED_WITH_ERRORS`,
    `CANCELLED`, `STOPPED`, `RECONCILIATION_REQUIRED`), aggregates all rejection
    categories (`denied`, `invalid`, `conflict`, `notProcessed`, `unknown`),
-   clears table selection, refreshes the collection, and re-fetches capabilities
+   clears table selection on full success or deselects only confirmed items on
+   partial outcomes so rejected/unprocessed rows remain selected across
+   `persistOnDataUpdate: true` table refreshes, and re-fetches capabilities
    when `refresh.capabilities === true`.
 
 Unavailable bulk operations (`availability.allowed === false`) remain visible

package/ai/component-registry.json

@@ -1,8 +1,8 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-10-14T20:20:10.826Z",
+  "generatedAt": "2026-10-14T22:59:57.823Z",
   "packageName": "@praxisui/crud",
-  "packageVersion": "10.0.0-rc.16",
+  "packageVersion": "10.0.0-rc.18",
   "sourceRegistry": "praxis-component-registry-ingestion",
   "sourceRegistryVersion": "1.0.0",
   "componentCount": 2,

package/fesm2022/praxisui-crud.mjs

@@ -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 } 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';
 export { createDynamicRecord, extractRecordId, isDynamicDataRecord, resolveDataField } from '@praxisui/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
@@ -522,6 +522,7 @@ class PraxisBulkOperationDialogComponent {
         this.dialogRef.close({
             success: isSuccess,
             execution: exec,
+            results: this.executionItems(),
         });
     }
     onCancel() {
@@ -1771,6 +1772,7 @@ class PraxisBulkEditDialogComponent {
         this.dialogRef.close({
             success: isSuccess,
             execution: exec,
+            results: this.executionItems(),
         });
     }
     onCancel() {
@@ -7089,6 +7091,15 @@ class PraxisCrudComponent {
     collectionCapabilities = null;
     activeAuthoringPanelRef;
     constructor() {
+        this.destroyRef.onDestroy(() => {
+            if (this.activeAuthoringPanelRef) {
+                try {
+                    this.activeAuthoringPanelRef.close();
+                }
+                catch { }
+                this.activeAuthoringPanelRef = undefined;
+            }
+        });
         this.enterpriseRuntimeContext?.contextChanges$
             .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe(() => {
@@ -7227,8 +7238,21 @@ class PraxisCrudComponent {
         this.openingActionLabel.set(this.resolveOpeningActionLabel(action, event));
         try {
             let resolvedBulk = this.resolveSyncBulkExecutionContractForAction(action, normalizedAction, configAction, crudAction, tableBulkAction);
-            if (!resolvedBulk.contract && this.tableCollectionLinks && (!crudAction || !this.hasExplicitOpenBinding(crudAction))) {
-                resolvedBulk = await this.resolveAsyncDiscoveredBulkContractForAction(action, normalizedAction);
+            if ((!resolvedBulk.contract ||
+                (!resolvedBulk.catalogAction &&
+                    resolvedBulk.contract.mode === 'DOMAIN_COMMAND' &&
+                    !configAction?.requestSchemaId &&
+                    !configAction?.commandParameterDescriptors &&
+                    !crudAction?.requestSchemaId)) &&
+                this.tableCollectionLinks &&
+                (!crudAction || !this.hasExplicitOpenBinding(crudAction))) {
+                const asyncBulk = await this.resolveAsyncDiscoveredBulkContractForAction(action, normalizedAction);
+                if (asyncBulk.contract || asyncBulk.catalogAction) {
+                    resolvedBulk = {
+                        contract: resolvedBulk.contract ?? asyncBulk.contract,
+                        catalogAction: resolvedBulk.catalogAction ?? asyncBulk.catalogAction,
+                    };
+                }
             }
             const bulkContract = resolvedBulk.contract;
             const discoveredCatalogAction = resolvedBulk.catalogAction;
@@ -7239,14 +7263,22 @@ class PraxisCrudComponent {
                     this.snack.open(`A seleção atual (${selectedCount} itens) excede o limite máximo permitido (${maxTargets} itens por lote).`, undefined, { duration: 4000 });
                     return;
                 }
-                const requiresResourceVersion = discoveredCatalogAction?.execution?.preconditions?.resourceVersion !== 'NONE';
+                const resourceVersionPrecondition = discoveredCatalogAction?.execution?.preconditions?.resourceVersion ??
+                    configAction?.execution?.preconditions?.resourceVersion ??
+                    crudAction?.execution?.preconditions?.resourceVersion ??
+                    bulkContract?.preconditions?.resourceVersion;
+                const requiresResourceVersion = resourceVersionPrecondition !== 'NONE';
                 const targets = Array.isArray(rawTargets) && rawTargets.length > 0
                     ? rawTargets
-                    : await this.resolveBulkTargetsFromRows(rows, requiresResourceVersion);
+                    : await this.resolveBulkTargetsFromRows(rows, requiresResourceVersion, resourcePath);
                 if (!targets.length) {
                     this.snack.open('Nenhum registro selecionado para a operação em lote.', undefined, { duration: 3000 });
                     return;
                 }
+                const refreshPolicy = discoveredCatalogAction?.execution?.refresh ??
+                    configAction?.execution?.refresh ??
+                    crudAction?.execution?.refresh ??
+                    bulkContract?.refresh;
                 const columns = this.table?.config?.columns?.length
                     ? this.table.config.columns
                     : this.effectiveTableConfig?.columns;
@@ -7277,7 +7309,7 @@ class PraxisCrudComponent {
                         .afterClosed()
                         .pipe(takeUntilDestroyed(this.destroyRef))
                         .subscribe((res) => {
-                        this.handleBulkDialogResult(res, discoveredCatalogAction?.execution?.refresh, 'Atualização em lote concluída com sucesso.');
+                        this.handleBulkDialogResult(res, refreshPolicy, 'Atualização em lote concluída com sucesso.');
                     });
                     return;
                 }
@@ -7314,7 +7346,7 @@ class PraxisCrudComponent {
                         .afterClosed()
                         .pipe(takeUntilDestroyed(this.destroyRef))
                         .subscribe((res) => {
-                        this.handleBulkDialogResult(res, discoveredCatalogAction?.execution?.refresh, 'Operação em lote executada com sucesso.');
+                        this.handleBulkDialogResult(res, refreshPolicy, 'Operação em lote executada com sucesso.');
                     });
                     return;
                 }
@@ -7331,6 +7363,15 @@ class PraxisCrudComponent {
     }
     handleBulkDialogResult(res, refreshPolicy, defaultSuccessMessage) {
         const exec = res?.execution;
+        const confirmedIds = Array.isArray(res?.results)
+            ? new Set(res.results
+                .filter((item) => (item?.status === 'CONFIRMED' ||
+                item?.status === 'UNCHANGED' ||
+                item?.outcome === 'CONFIRMED' ||
+                item?.outcome === 'UNCHANGED') &&
+                item?.id != null)
+                .map((item) => String(item.id)))
+            : undefined;
         if (exec && exec.status) {
             const status = exec.status;
             const confirmed = exec.totals?.['confirmed'] ?? 0;
@@ -7345,13 +7386,13 @@ class PraxisCrudComponent {
                 return;
             }
             if (status === 'COMPLETED_WITH_ERRORS' || (status === 'COMPLETED' && rejected > 0)) {
-                this.handleBulkExecutionCompleted(refreshPolicy, false);
+                this.handleBulkExecutionCompleted(refreshPolicy, false, confirmedIds);
                 this.snack.open(`Operação em lote concluída parcialmente (${confirmed} efetivado(s), ${rejected} com restrição).`, undefined, { duration: 4000 });
                 return;
             }
             if (status === 'CANCELLED') {
                 if (confirmed > 0) {
-                    this.handleBulkExecutionCompleted(refreshPolicy, false);
+                    this.handleBulkExecutionCompleted(refreshPolicy, false, confirmedIds);
                 }
                 this.snack.open(confirmed > 0
                     ? `Execução em lote cancelada após efetivar ${confirmed} registro(s).`
@@ -7360,7 +7401,7 @@ class PraxisCrudComponent {
             }
             if (status === 'STOPPED' || status === 'RECONCILIATION_REQUIRED') {
                 if (confirmed > 0 || status === 'RECONCILIATION_REQUIRED') {
-                    this.handleBulkExecutionCompleted(refreshPolicy, false);
+                    this.handleBulkExecutionCompleted(refreshPolicy, false, confirmedIds);
                 }
                 this.snack.open(status === 'RECONCILIATION_REQUIRED'
                     ? 'Execução em lote exige reconciliação. Verifique os diagnósticos.'
@@ -7373,7 +7414,7 @@ class PraxisCrudComponent {
             this.snack.open(defaultSuccessMessage, undefined, { duration: 3000 });
         }
     }
-    handleBulkExecutionCompleted(refreshPolicy, clearSelection = true) {
+    handleBulkExecutionCompleted(refreshPolicy, clearSelection = true, confirmedIds) {
         if (clearSelection) {
             try {
                 this.table?.clearSelection?.();
@@ -7383,6 +7424,23 @@ class PraxisCrudComponent {
                 // Best-effort table selection cleanup
             }
         }
+        else if (confirmedIds && confirmedIds.size > 0) {
+            try {
+                const selectionModel = this.table?.selection;
+                if (selectionModel && Array.isArray(selectionModel.selected)) {
+                    const rowsToDeselect = selectionModel.selected.filter((row) => {
+                        const id = this.resolveRowResourceId(row);
+                        return id != null && confirmedIds.has(String(id));
+                    });
+                    if (rowsToDeselect.length > 0 && typeof selectionModel.deselect === 'function') {
+                        selectionModel.deselect(...rowsToDeselect);
+                    }
+                }
+            }
+            catch {
+                // Best-effort partial selection reconciliation
+            }
+        }
         if (refreshPolicy?.collection !== false) {
             this.refreshTable();
         }
@@ -7447,12 +7505,6 @@ class PraxisCrudComponent {
         return results;
     }
     resolveSyncBulkExecutionContractForAction(action, normalizedAction, configAction, crudAction, tableBulkAction) {
-        const direct = configAction?.execution?.bulk ||
-            crudAction?.execution?.bulk ||
-            tableBulkAction?.execution?.bulk;
-        if (direct) {
-            return { contract: direct };
-        }
         const matchKey = (candidate) => {
             const id = String(candidate?.id || candidate?.action || candidate?.operationId || '').trim();
             const norm = this.normalizeCrudActionName(id).toLowerCase();
@@ -7461,8 +7513,12 @@ class PraxisCrudComponent {
                 String(candidate?.operationId || '').trim() === action);
         };
         const capAction = (this.collectionCapabilities?.actions || []).find((a) => matchKey(a) && a.execution?.bulk);
-        if (capAction?.execution?.bulk) {
-            return { contract: capAction.execution.bulk, catalogAction: capAction };
+        const direct = configAction?.execution?.bulk ||
+            crudAction?.execution?.bulk ||
+            tableBulkAction?.execution?.bulk ||
+            capAction?.execution?.bulk;
+        if (direct) {
+            return { contract: direct, ...(capAction ? { catalogAction: capAction } : {}) };
         }
         const capOp = Object.values(this.collectionCapabilities?.operations || {}).find((op) => matchKey(op) && op?.bulk);
         if (capOp?.bulk) {
@@ -7511,6 +7567,16 @@ class PraxisCrudComponent {
         await this.onAction(action, row ?? undefined, event);
     }
     ngOnChanges(changes) {
+        if (changes['enableCustomization'] || changes['authoringCapability']) {
+            if (!this.isCustomizationAvailable() && this.activeAuthoringPanelRef) {
+                try {
+                    this.activeAuthoringPanelRef.close();
+                }
+                catch { }
+                this.activeAuthoringPanelRef = undefined;
+            }
+            this.cdr.markForCheck();
+        }
         if (!changes['metadata'] && !changes['context'] && !changes['resource']) {
             if (changes['filterCriteria'] && !changes['filterCriteria'].firstChange) {
                 this.applyFilterCriteria(this.filterCriteria);
@@ -9022,7 +9088,7 @@ class PraxisCrudComponent {
                     allowSelectAll: prevSelection?.allowSelectAll ?? true,
                     checkboxPosition: prevSelection?.checkboxPosition || 'start',
                     persistSelection: prevSelection?.persistSelection ?? true,
-                    persistOnDataUpdate: prevSelection?.persistOnDataUpdate ?? false,
+                    persistOnDataUpdate: prevSelection?.persistOnDataUpdate ?? true,
                 };
             }
             changed = true;
@@ -9339,6 +9405,12 @@ class PraxisCrudComponent {
             items.push({
                 id: action.id,
                 label: action.title || action.id,
+                title: action.title || action.id,
+                description: action.description,
+                operationId: action.operationId,
+                requestSchemaId: action.requestSchemaId,
+                requestSchemaUrl: action.requestSchemaUrl,
+                commandParameterDescriptors: action.commandParameterDescriptors,
                 icon: action.icon || (action.execution?.bulk?.mode === 'UNIFORM_UPDATE' ? 'edit_note' : 'playlist_add_check'),
                 action: action.id,
                 requiresSelection: true,
@@ -9346,7 +9418,7 @@ class PraxisCrudComponent {
                 tooltip: !available
                     ? translateUnavailableWorkflowMessage(this.i18n, capabilities.operations?.[action.id]?.availability || action.availability) || action.description
                     : action.description,
-                execution: { bulk: action.execution.bulk },
+                execution: action.execution,
             });
         }
         for (const [opKey, op] of Object.entries(capabilities.operations || {})) {
@@ -12054,6 +12126,8 @@ const PRAXIS_CRUD_AUTHORING_MANIFEST = {
 class PraxisResourcePage {
     route = inject(ActivatedRoute, { optional: true });
     runtimeContext = inject(EnterpriseRuntimeContextService, { optional: true });
+    customizationMode = inject(PraxisCustomizationModeService, { optional: true });
+    crudComponent;
     routeSub;
     contextSub;
     observedContext = false;
@@ -12069,7 +12143,7 @@ class PraxisResourcePage {
     scopeBar;
     scopeItems;
     defaultScopeId;
-    enableCustomization = false;
+    enableCustomization;
     tableConfigPersistenceStrategy = 'local-first';
     context;
     actions;
@@ -12119,8 +12193,18 @@ class PraxisResourcePage {
     }, ...(ngDevMode ? [{ debugName: "effectiveDomain" }] : /* istanbul ignore next */ []));
     effectiveEnableCustomization = computed(() => {
         this.inputsVersion();
-        return this.enableCustomization || this.routeCustomizationSignal() || false;
+        if (typeof this.enableCustomization === 'boolean') {
+            return this.enableCustomization;
+        }
+        const routeCustomization = this.routeCustomizationSignal();
+        if (typeof routeCustomization === 'boolean') {
+            return routeCustomization;
+        }
+        return this.customizationMode?.isCustomizing() ?? false;
     }, ...(ngDevMode ? [{ debugName: "effectiveEnableCustomization" }] : /* istanbul ignore next */ []));
+    openPageCustomization() {
+        this.crudComponent?.onConfigureRequested();
+    }
     effectiveScopeBar = computed(() => {
         this.inputsVersion();
         if (this.scopeBar)
@@ -12490,9 +12574,12 @@ class PraxisResourcePage {
         if (typeof data['enableCustomization'] === 'boolean') {
             this.routeCustomizationSignal.set(data['enableCustomization']);
         }
+        else {
+            this.routeCustomizationSignal.set(null);
+        }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisResourcePage, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: PraxisResourcePage, isStandalone: true, selector: "praxis-resource-page", inputs: { resource: "resource", resourcePath: "resourcePath", crudId: "crudId", metadata: "metadata", title: "title", subtitle: "subtitle", domain: "domain", scopeBar: "scopeBar", scopeItems: "scopeItems", defaultScopeId: "defaultScopeId", enableCustomization: "enableCustomization", tableConfigPersistenceStrategy: "tableConfigPersistenceStrategy", context: "context", actions: "actions", filterCriteria: "filterCriteria" }, outputs: { rowClick: "rowClick", rowAction: "rowAction", rowDoubleClick: "rowDoubleClick", selectionChange: "selectionChange", drawerOpen: "drawerOpen", drawerClose: "drawerClose", afterOpen: "afterOpen", afterClose: "afterClose", kpiCardClick: "kpiCardClick", afterSave: "afterSave", afterDelete: "afterDelete", error: "error" }, usesOnChanges: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: PraxisResourcePage, isStandalone: true, selector: "praxis-resource-page", inputs: { resource: "resource", resourcePath: "resourcePath", crudId: "crudId", metadata: "metadata", title: "title", subtitle: "subtitle", domain: "domain", scopeBar: "scopeBar", scopeItems: "scopeItems", defaultScopeId: "defaultScopeId", enableCustomization: "enableCustomization", tableConfigPersistenceStrategy: "tableConfigPersistenceStrategy", context: "context", actions: "actions", filterCriteria: "filterCriteria" }, outputs: { rowClick: "rowClick", rowAction: "rowAction", rowDoubleClick: "rowDoubleClick", selectionChange: "selectionChange", drawerOpen: "drawerOpen", drawerClose: "drawerClose", afterOpen: "afterOpen", afterClose: "afterClose", kpiCardClick: "kpiCardClick", afterSave: "afterSave", afterDelete: "afterDelete", error: "error" }, viewQueries: [{ propertyName: "crudComponent", first: true, predicate: PraxisCrudComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
     <div class="praxis-resource-page page-container">
       <!-- Auto-Header Governado -->
       @if (effectiveTitle() || effectiveDomain()) {
@@ -12518,6 +12605,17 @@ class PraxisResourcePage {
           </div>
 
           <div class="praxis-resource-page__header-actions">
+            @if (effectiveEnableCustomization()) {
+              <button
+                type="button"
+                class="praxis-resource-page__configure-btn"
+                data-testid="resource-page-configure-btn"
+                (click)="openPageCustomization()"
+              >
+                <span class="material-symbols-outlined">tune</span>
+                <span>Configurar Página</span>
+              </button>
+            }
             <ng-content select="[page-header-actions]"></ng-content>
           </div>
         </header>
@@ -12564,7 +12662,7 @@ class PraxisResourcePage {
         }
       }
     </div>
-  `, isInline: true, styles: [":host{display:block;width:100%;min-height:100%;box-sizing:border-box}.praxis-resource-page{width:100%;display:flex;flex-direction:column;gap:20px;padding:var(--praxis-page-padding, 24px);box-sizing:border-box;max-width:1540px;margin:0 auto}.praxis-resource-page__header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.praxis-resource-page__header-main{min-width:0;display:flex;flex-direction:column}.praxis-resource-page__domain-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;align-self:flex-start;background:var(--praxis-domain-badge-bg, rgba(255, 255, 255, .08));color:var(--praxis-domain-badge-color, inherit);border:1px solid var(--praxis-domain-badge-border, rgba(255, 255, 255, .1))}.praxis-resource-page__domain-badge.tone-primary,.praxis-resource-page__domain-badge.tone-info{background:color-mix(in srgb,var(--praxis-info, #0284c7) 14%,transparent);color:var(--praxis-info, #38bdf8);border-color:color-mix(in srgb,var(--praxis-info, #0284c7) 30%,transparent)}.praxis-resource-page__domain-badge.tone-success{background:color-mix(in srgb,var(--praxis-success, #059669) 14%,transparent);color:var(--praxis-success, #34d399);border-color:color-mix(in srgb,var(--praxis-success, #059669) 30%,transparent)}.praxis-resource-page__domain-badge.tone-warning{background:color-mix(in srgb,var(--praxis-warning, #d97706) 14%,transparent);color:var(--praxis-warning, #fbbf24);border-color:color-mix(in srgb,var(--praxis-warning, #d97706) 30%,transparent)}.praxis-resource-page__domain-badge.tone-danger,.praxis-resource-page__domain-badge.tone-error{background:color-mix(in srgb,var(--praxis-error, #dc2626) 14%,transparent);color:var(--praxis-error, #f87171);border-color:color-mix(in srgb,var(--praxis-error, #dc2626) 30%,transparent)}.praxis-resource-page__domain-badge span.material-symbols-outlined{font-size:14px}.praxis-resource-page__title{margin:0 0 6px;font-size:var(--praxis-page-title-size, 2rem);font-weight:800;letter-spacing:-.02em;color:var(--praxis-page-title-color, var(--foreground, inherit));line-height:1.2}.praxis-resource-page__subtitle{margin:0;font-size:var(--praxis-page-subtitle-size, .9rem);color:var(--muted-foreground, #94a3b8);max-width:800px;line-height:1.5}.praxis-resource-page__crud-surface{width:100%;border-radius:var(--praxis-surface-radius, 16px);overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: PraxisCrudComponent, selector: "praxis-crud", inputs: ["metadata", "crudId", "resource", "componentInstanceId", "tableConfigPersistenceStrategy", "context", "enableCustomization", "showResourceIdentityKey", "authoringCapability", "filterCriteria", "filterTeleport", "disableAutoDrawer"], outputs: ["configureRequested", "afterOpen", "afterClose", "afterSave", "afterDelete", "reactiveDeterminationExecuted", "reactiveDeterminationPendingChange", "reactiveDeterminationStabilityChange", "error", "rowClick", "rowAction", "selectionChange", "resourceEvent", "tableRuntimeConfigChange", "drawerOpen", "drawerClose", "crudAuthoringDocumentApplied", "crudAuthoringDocumentSaved", "kpiCardClick"] }, { kind: "component", type: PraxisScopeBarComponent, selector: "praxis-scope-bar", inputs: ["items", "activeId", "showOmnibox", "omniboxPlaceholder", "omniboxValue", "omniboxDebounceMs", "leadIcon", "leadLabel", "showClearButton", "clearLabel", "target", "targetWidgetId", "scopeBarId", "searchField"], outputs: ["activeIdChange", "omniboxValueChange", "scopeChange", "searchChange", "filterCriteriaChange", "clear"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block;width:100%;min-height:100%;box-sizing:border-box}.praxis-resource-page{width:100%;display:flex;flex-direction:column;gap:20px;padding:var(--praxis-page-padding, 24px);box-sizing:border-box;max-width:1540px;margin:0 auto}.praxis-resource-page__header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.praxis-resource-page__header-main{min-width:0;display:flex;flex-direction:column}.praxis-resource-page__domain-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;align-self:flex-start;background:var(--praxis-domain-badge-bg, rgba(255, 255, 255, .08));color:var(--praxis-domain-badge-color, inherit);border:1px solid var(--praxis-domain-badge-border, rgba(255, 255, 255, .1))}.praxis-resource-page__domain-badge.tone-primary,.praxis-resource-page__domain-badge.tone-info{background:color-mix(in srgb,var(--praxis-info, #0284c7) 14%,transparent);color:var(--praxis-info, #38bdf8);border-color:color-mix(in srgb,var(--praxis-info, #0284c7) 30%,transparent)}.praxis-resource-page__domain-badge.tone-success{background:color-mix(in srgb,var(--praxis-success, #059669) 14%,transparent);color:var(--praxis-success, #34d399);border-color:color-mix(in srgb,var(--praxis-success, #059669) 30%,transparent)}.praxis-resource-page__domain-badge.tone-warning{background:color-mix(in srgb,var(--praxis-warning, #d97706) 14%,transparent);color:var(--praxis-warning, #fbbf24);border-color:color-mix(in srgb,var(--praxis-warning, #d97706) 30%,transparent)}.praxis-resource-page__domain-badge.tone-danger,.praxis-resource-page__domain-badge.tone-error{background:color-mix(in srgb,var(--praxis-error, #dc2626) 14%,transparent);color:var(--praxis-error, #f87171);border-color:color-mix(in srgb,var(--praxis-error, #dc2626) 30%,transparent)}.praxis-resource-page__domain-badge span.material-symbols-outlined{font-size:14px}.praxis-resource-page__title{margin:0 0 6px;font-size:var(--praxis-page-title-size, 2rem);font-weight:800;letter-spacing:-.02em;color:var(--praxis-page-title-color, var(--foreground, inherit));line-height:1.2}.praxis-resource-page__subtitle{margin:0;font-size:var(--praxis-page-subtitle-size, .9rem);color:var(--muted-foreground, #94a3b8);max-width:800px;line-height:1.5}.praxis-resource-page__header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.praxis-resource-page__configure-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:10px;border:1px solid color-mix(in srgb,var(--praxis-primary, #6366f1) 35%,transparent);background:color-mix(in srgb,var(--praxis-primary, #6366f1) 14%,transparent);color:var(--praxis-primary, #818cf8);font-size:13px;font-weight:600;cursor:pointer;transition:all .16s ease}.praxis-resource-page__configure-btn:hover{background:color-mix(in srgb,var(--praxis-primary, #6366f1) 22%,transparent)}.praxis-resource-page__configure-btn .material-symbols-outlined{font-size:18px}.praxis-resource-page__crud-surface{width:100%;border-radius:var(--praxis-surface-radius, 16px);overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: PraxisCrudComponent, selector: "praxis-crud", inputs: ["metadata", "crudId", "resource", "componentInstanceId", "tableConfigPersistenceStrategy", "context", "enableCustomization", "showResourceIdentityKey", "authoringCapability", "filterCriteria", "filterTeleport", "disableAutoDrawer"], outputs: ["configureRequested", "afterOpen", "afterClose", "afterSave", "afterDelete", "reactiveDeterminationExecuted", "reactiveDeterminationPendingChange", "reactiveDeterminationStabilityChange", "error", "rowClick", "rowAction", "selectionChange", "resourceEvent", "tableRuntimeConfigChange", "drawerOpen", "drawerClose", "crudAuthoringDocumentApplied", "crudAuthoringDocumentSaved", "kpiCardClick"] }, { kind: "component", type: PraxisScopeBarComponent, selector: "praxis-scope-bar", inputs: ["items", "activeId", "showOmnibox", "omniboxPlaceholder", "omniboxValue", "omniboxDebounceMs", "leadIcon", "leadLabel", "showClearButton", "clearLabel", "target", "targetWidgetId", "scopeBarId", "searchField"], outputs: ["activeIdChange", "omniboxValueChange", "scopeChange", "searchChange", "filterCriteriaChange", "clear"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisResourcePage, decorators: [{
             type: Component,
@@ -12594,6 +12692,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
           </div>
 
           <div class="praxis-resource-page__header-actions">
+            @if (effectiveEnableCustomization()) {
+              <button
+                type="button"
+                class="praxis-resource-page__configure-btn"
+                data-testid="resource-page-configure-btn"
+                (click)="openPageCustomization()"
+              >
+                <span class="material-symbols-outlined">tune</span>
+                <span>Configurar Página</span>
+              </button>
+            }
             <ng-content select="[page-header-actions]"></ng-content>
           </div>
         </header>
@@ -12640,8 +12749,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
         }
       }
     </div>
-  `, styles: [":host{display:block;width:100%;min-height:100%;box-sizing:border-box}.praxis-resource-page{width:100%;display:flex;flex-direction:column;gap:20px;padding:var(--praxis-page-padding, 24px);box-sizing:border-box;max-width:1540px;margin:0 auto}.praxis-resource-page__header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.praxis-resource-page__header-main{min-width:0;display:flex;flex-direction:column}.praxis-resource-page__domain-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;align-self:flex-start;background:var(--praxis-domain-badge-bg, rgba(255, 255, 255, .08));color:var(--praxis-domain-badge-color, inherit);border:1px solid var(--praxis-domain-badge-border, rgba(255, 255, 255, .1))}.praxis-resource-page__domain-badge.tone-primary,.praxis-resource-page__domain-badge.tone-info{background:color-mix(in srgb,var(--praxis-info, #0284c7) 14%,transparent);color:var(--praxis-info, #38bdf8);border-color:color-mix(in srgb,var(--praxis-info, #0284c7) 30%,transparent)}.praxis-resource-page__domain-badge.tone-success{background:color-mix(in srgb,var(--praxis-success, #059669) 14%,transparent);color:var(--praxis-success, #34d399);border-color:color-mix(in srgb,var(--praxis-success, #059669) 30%,transparent)}.praxis-resource-page__domain-badge.tone-warning{background:color-mix(in srgb,var(--praxis-warning, #d97706) 14%,transparent);color:var(--praxis-warning, #fbbf24);border-color:color-mix(in srgb,var(--praxis-warning, #d97706) 30%,transparent)}.praxis-resource-page__domain-badge.tone-danger,.praxis-resource-page__domain-badge.tone-error{background:color-mix(in srgb,var(--praxis-error, #dc2626) 14%,transparent);color:var(--praxis-error, #f87171);border-color:color-mix(in srgb,var(--praxis-error, #dc2626) 30%,transparent)}.praxis-resource-page__domain-badge span.material-symbols-outlined{font-size:14px}.praxis-resource-page__title{margin:0 0 6px;font-size:var(--praxis-page-title-size, 2rem);font-weight:800;letter-spacing:-.02em;color:var(--praxis-page-title-color, var(--foreground, inherit));line-height:1.2}.praxis-resource-page__subtitle{margin:0;font-size:var(--praxis-page-subtitle-size, .9rem);color:var(--muted-foreground, #94a3b8);max-width:800px;line-height:1.5}.praxis-resource-page__crud-surface{width:100%;border-radius:var(--praxis-surface-radius, 16px);overflow:hidden}\n"] }]
-        }], propDecorators: { resource: [{
+  `, styles: [":host{display:block;width:100%;min-height:100%;box-sizing:border-box}.praxis-resource-page{width:100%;display:flex;flex-direction:column;gap:20px;padding:var(--praxis-page-padding, 24px);box-sizing:border-box;max-width:1540px;margin:0 auto}.praxis-resource-page__header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.praxis-resource-page__header-main{min-width:0;display:flex;flex-direction:column}.praxis-resource-page__domain-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;align-self:flex-start;background:var(--praxis-domain-badge-bg, rgba(255, 255, 255, .08));color:var(--praxis-domain-badge-color, inherit);border:1px solid var(--praxis-domain-badge-border, rgba(255, 255, 255, .1))}.praxis-resource-page__domain-badge.tone-primary,.praxis-resource-page__domain-badge.tone-info{background:color-mix(in srgb,var(--praxis-info, #0284c7) 14%,transparent);color:var(--praxis-info, #38bdf8);border-color:color-mix(in srgb,var(--praxis-info, #0284c7) 30%,transparent)}.praxis-resource-page__domain-badge.tone-success{background:color-mix(in srgb,var(--praxis-success, #059669) 14%,transparent);color:var(--praxis-success, #34d399);border-color:color-mix(in srgb,var(--praxis-success, #059669) 30%,transparent)}.praxis-resource-page__domain-badge.tone-warning{background:color-mix(in srgb,var(--praxis-warning, #d97706) 14%,transparent);color:var(--praxis-warning, #fbbf24);border-color:color-mix(in srgb,var(--praxis-warning, #d97706) 30%,transparent)}.praxis-resource-page__domain-badge.tone-danger,.praxis-resource-page__domain-badge.tone-error{background:color-mix(in srgb,var(--praxis-error, #dc2626) 14%,transparent);color:var(--praxis-error, #f87171);border-color:color-mix(in srgb,var(--praxis-error, #dc2626) 30%,transparent)}.praxis-resource-page__domain-badge span.material-symbols-outlined{font-size:14px}.praxis-resource-page__title{margin:0 0 6px;font-size:var(--praxis-page-title-size, 2rem);font-weight:800;letter-spacing:-.02em;color:var(--praxis-page-title-color, var(--foreground, inherit));line-height:1.2}.praxis-resource-page__subtitle{margin:0;font-size:var(--praxis-page-subtitle-size, .9rem);color:var(--muted-foreground, #94a3b8);max-width:800px;line-height:1.5}.praxis-resource-page__header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.praxis-resource-page__configure-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:10px;border:1px solid color-mix(in srgb,var(--praxis-primary, #6366f1) 35%,transparent);background:color-mix(in srgb,var(--praxis-primary, #6366f1) 14%,transparent);color:var(--praxis-primary, #818cf8);font-size:13px;font-weight:600;cursor:pointer;transition:all .16s ease}.praxis-resource-page__configure-btn:hover{background:color-mix(in srgb,var(--praxis-primary, #6366f1) 22%,transparent)}.praxis-resource-page__configure-btn .material-symbols-outlined{font-size:18px}.praxis-resource-page__crud-surface{width:100%;border-radius:var(--praxis-surface-radius, 16px);overflow:hidden}\n"] }]
+        }], propDecorators: { crudComponent: [{
+                type: ViewChild,
+                args: [PraxisCrudComponent]
+            }], resource: [{
                 type: Input
             }], resourcePath: [{
                 type: Input

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@praxisui/crud",
-  "version": "10.0.0-rc.16",
+  "version": "10.0.0-rc.18",
   "description": "CRUD building blocks for Praxis UI: integrates dynamic forms and tables with unified configuration and services.",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
     "@angular/core": "^21.0.0",
-    "@praxisui/dynamic-form": "^10.0.0-rc.16",
-    "@praxisui/table": "^10.0.0-rc.16",
-    "@praxisui/core": "^10.0.0-rc.16",
-    "@praxisui/dynamic-fields": "^10.0.0-rc.16",
-    "@praxisui/settings-panel": "^10.0.0-rc.16",
+    "@praxisui/dynamic-form": "^10.0.0-rc.18",
+    "@praxisui/table": "^10.0.0-rc.18",
+    "@praxisui/core": "^10.0.0-rc.18",
+    "@praxisui/dynamic-fields": "^10.0.0-rc.18",
+    "@praxisui/settings-panel": "^10.0.0-rc.18",
     "@angular/cdk": "^21.0.0",
     "@angular/forms": "^21.0.0",
     "@angular/material": "^21.0.0",
     "@angular/router": "^21.0.0",
-    "@praxisui/ai": "^10.0.0-rc.16",
+    "@praxisui/ai": "^10.0.0-rc.18",
     "rxjs": "~7.8.0"
   },
   "dependencies": {

package/types/praxisui-crud.d.ts

@@ -1071,6 +1071,8 @@ interface PraxisResourceScopeBarConfig {
 declare class PraxisResourcePage implements OnInit, OnChanges, OnDestroy {
     private readonly route;
     private readonly runtimeContext;
+    private readonly customizationMode;
+    private crudComponent?;
     private routeSub?;
     private contextSub?;
     private observedContext;
@@ -1086,7 +1088,7 @@ declare class PraxisResourcePage implements OnInit, OnChanges, OnDestroy {
     scopeBar?: PraxisResourceScopeBarConfig;
     scopeItems?: PraxisScopeBarItem[];
     defaultScopeId?: string;
-    enableCustomization: boolean;
+    enableCustomization?: boolean;
     tableConfigPersistenceStrategy: TableConfigPersistenceStrategy;
     context?: Record<string, unknown>;
     actions?: CrudAction[];
@@ -1132,6 +1134,7 @@ declare class PraxisResourcePage implements OnInit, OnChanges, OnDestroy {
     readonly effectiveSubtitle: _angular_core.Signal<string | null>;
     readonly effectiveDomain: _angular_core.Signal<PraxisResourceDomainBadge | null>;
     readonly effectiveEnableCustomization: _angular_core.Signal<boolean>;
+    openPageCustomization(): void;
     readonly effectiveScopeBar: _angular_core.Signal<PraxisResourceScopeBarConfig | null>;
     readonly resolvedCrudId: _angular_core.Signal<string>;
     readonly effectiveMetadata: _angular_core.Signal<CrudMetadata>;