@praxisui/files-upload 1.0.0-beta.5 → 1.0.0-beta.52

package/fesm2022/praxisui-files-upload.mjs

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
 import { Injectable, inject, signal, Inject, Component, InjectionToken, Optional, EventEmitter, ViewChild, Output, Input, ChangeDetectionStrategy, ENVIRONMENT_INITIALIZER } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
 import * as i7 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1$1 from '@angular/forms';
@@ -8,13 +9,13 @@ import * as i9 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import * as i10 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import * as i11 from '@angular/material/progress-bar';
+import * as i11$1 from '@angular/material/progress-bar';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
 import * as i3$1 from '@angular/material/menu';
 import { MatMenuModule } from '@angular/material/menu';
 import * as i1 from '@angular/common/http';
 import { HttpHeaders, HttpEventType, HttpErrorResponse } from '@angular/common/http';
-import { CONFIG_STORAGE, PraxisIconDirective, ComponentMetadataRegistry } from '@praxisui/core';
+import { ComponentKeyService, ASYNC_CONFIG_STORAGE, PraxisIconDirective, ComponentMetadataRegistry } from '@praxisui/core';
 import * as i4 from '@angular/material/tabs';
 import { MatTabsModule } from '@angular/material/tabs';
 import * as i5 from '@angular/material/form-field';
@@ -25,16 +26,16 @@ import * as i7$1 from '@angular/material/checkbox';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import * as i8 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
+import * as i11 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
 import * as i2 from '@angular/material/snack-bar';
 import { MatSnackBarModule } from '@angular/material/snack-bar';
 import { toObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { of, throwError, BehaviorSubject, map as map$1, startWith, retry, debounceTime } from 'rxjs';
 import * as i1$2 from '@praxisui/settings-panel';
 import { SETTINGS_PANEL_DATA } from '@praxisui/settings-panel';
-import { map, catchError } from 'rxjs/operators';
+import { map, catchError, take } from 'rxjs/operators';
 import { TemplatePortal } from '@angular/cdk/portal';
-import * as i13 from '@angular/material/tooltip';
-import { MatTooltipModule } from '@angular/material/tooltip';
 import * as i3 from '@angular/cdk/overlay';
 import { SimpleBaseInputComponent } from '@praxisui/dynamic-fields';
 
@@ -131,10 +132,10 @@ class ConfigService {
             return throwError(() => err);
         }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ConfigService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ConfigService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ConfigService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ConfigService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ConfigService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ConfigService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i1.HttpClient }] });
@@ -724,8 +725,8 @@ class PraxisFilesUploadConfigEditor {
     refetchServerConfig() {
         this.state.refetch();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: PraxisFilesUploadConfigEditor, deps: [{ token: i1$1.FormBuilder }, { token: SETTINGS_PANEL_DATA }, { token: i2.MatSnackBar }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: PraxisFilesUploadConfigEditor, isStandalone: true, selector: "praxis-files-upload-config-editor", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisFilesUploadConfigEditor, deps: [{ token: i1$1.FormBuilder }, { token: SETTINGS_PANEL_DATA }, { token: i2.MatSnackBar }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: PraxisFilesUploadConfigEditor, isStandalone: true, selector: "praxis-files-upload-config-editor", ngImport: i0, template: `
     <mat-tab-group>
       <mat-tab label="Comportamento">
         <form [formGroup]="form">
@@ -734,11 +735,20 @@ class PraxisFilesUploadConfigEditor {
             <mat-select formControlName="strategy">
               <mat-option value="direct">Direto (HTTP padrão)</mat-option>
               <mat-option value="presign">URL pré-assinada (S3/GCS)</mat-option>
-              <mat-option value="auto"
-                >Automático (tenta pré-assinada e volta ao direto)</mat-option
-              >
-            </mat-select>
-            <mat-hint>Como os arquivos serão enviados ao servidor.</mat-hint>
+            <mat-option value="auto"
+              >Automático (tenta pré-assinada e volta ao direto)</mat-option
+            >
+          </mat-select>
+            <button
+              mat-icon-button
+              matSuffix
+              class="help-icon-button"
+              type="button"
+              [matTooltip]="'Como os arquivos serão enviados ao servidor.'"
+              matTooltipPosition="above"
+            >
+              <mat-icon>help_outline</mat-icon>
+            </button>
           </mat-form-field>
         </form>
         <form [formGroup]="bulkGroup">
@@ -749,17 +759,44 @@ class PraxisFilesUploadConfigEditor {
           <mat-form-field appearance="fill">
             <mat-label>Uploads paralelos <span class="opt-tag">opcional</span></mat-label>
             <input matInput type="number" formControlName="parallelUploads" />
-            <mat-hint>Quantos arquivos enviar ao mesmo tempo.</mat-hint>
+            <button
+              mat-icon-button
+              matSuffix
+              class="help-icon-button"
+              type="button"
+              [matTooltip]="'Quantos arquivos enviar ao mesmo tempo.'"
+              matTooltipPosition="above"
+            >
+              <mat-icon>help_outline</mat-icon>
+            </button>
           </mat-form-field>
           <mat-form-field appearance="fill">
             <mat-label>Número de tentativas <span class="opt-tag">opcional</span></mat-label>
             <input matInput type="number" formControlName="retryCount" />
-            <mat-hint>Tentativas automáticas em caso de falha.</mat-hint>
+            <button
+              mat-icon-button
+              matSuffix
+              class="help-icon-button"
+              type="button"
+              [matTooltip]="'Tentativas automáticas em caso de falha.'"
+              matTooltipPosition="above"
+            >
+              <mat-icon>help_outline</mat-icon>
+            </button>
           </mat-form-field>
           <mat-form-field appearance="fill">
             <mat-label>Intervalo entre tentativas (ms) <span class="opt-tag">opcional</span></mat-label>
             <input matInput type="number" formControlName="retryBackoffMs" />
-            <mat-hint>Tempo de espera entre tentativas.</mat-hint>
+            <button
+              mat-icon-button
+              matSuffix
+              class="help-icon-button"
+              type="button"
+              [matTooltip]="'Tempo de espera entre tentativas.'"
+              matTooltipPosition="above"
+            >
+              <mat-icon>help_outline</mat-icon>
+            </button>
           </mat-form-field>
         </form>
       </mat-tab>
@@ -789,7 +826,16 @@ class PraxisFilesUploadConfigEditor {
               formControlName="accept"
               placeholder="ex.: pdf,jpg,png"
             />
-            <mat-hint>Lista separada por vírgula (opcional).</mat-hint>
+            <button
+              mat-icon-button
+              matSuffix
+              class="help-icon-button"
+              type="button"
+              [matTooltip]="'Lista separada por vírgula (opcional).'"
+              matTooltipPosition="above"
+            >
+              <mat-icon>help_outline</mat-icon>
+            </button>
           </mat-form-field>
           <mat-checkbox formControlName="showMetadataForm"
             >Exibir formulário de metadados (JSON)</mat-checkbox
@@ -850,11 +896,20 @@ class PraxisFilesUploadConfigEditor {
             <mat-checkbox formControlName="detailsShowTechnical">
               Mostrar detalhes técnicos por padrão
             </mat-checkbox>
-            <mat-form-field appearance="fill">
-              <mat-label>Campos de metadados (whitelist) <span class="opt-tag">opcional</span></mat-label>
-              <input matInput formControlName="detailsFields" placeholder="ex.: id,fileName,contentType" />
-              <mat-hint>Lista separada por vírgula; vazio = todos.</mat-hint>
-            </mat-form-field>
+          <mat-form-field appearance="fill">
+            <mat-label>Campos de metadados (whitelist) <span class="opt-tag">opcional</span></mat-label>
+            <input matInput formControlName="detailsFields" placeholder="ex.: id,fileName,contentType" />
+            <button
+              mat-icon-button
+              matSuffix
+              class="help-icon-button"
+              type="button"
+              [matTooltip]="'Lista separada por vírgula; vazio = todos.'"
+              matTooltipPosition="above"
+            >
+              <mat-icon>help_outline</mat-icon>
+            </button>
+          </mat-form-field>
             <mat-form-field appearance="fill">
               <mat-label>Âncora do overlay</mat-label>
               <mat-select formControlName="detailsAnchor">
@@ -874,7 +929,16 @@ class PraxisFilesUploadConfigEditor {
           <mat-form-field appearance="fill">
             <mat-label>Tamanho máximo do arquivo (bytes) <span class="opt-tag">opcional</span></mat-label>
             <input matInput type="number" formControlName="maxFileSizeBytes" />
-            <mat-hint>Limite de validação no cliente (opcional).</mat-hint>
+            <button
+              mat-icon-button
+              matSuffix
+              class="help-icon-button"
+              type="button"
+              [matTooltip]="'Limite de validação no cliente (opcional).'"
+              matTooltipPosition="above"
+            >
+              <mat-icon>help_outline</mat-icon>
+            </button>
           </mat-form-field>
           <mat-form-field appearance="fill">
             <mat-label>Máx. arquivos por lote <span class="opt-tag">opcional</span></mat-label>
@@ -893,7 +957,16 @@ class PraxisFilesUploadConfigEditor {
               <mat-option value="SKIP">Pular se já existir</mat-option>
               <mat-option value="ERROR">Falhar (erro)</mat-option>
             </mat-select>
-            <mat-hint>O que fazer quando o nome do arquivo já existe.</mat-hint>
+            <button
+              mat-icon-button
+              matSuffix
+              class="help-icon-button"
+              type="button"
+              [matTooltip]="'O que fazer quando o nome do arquivo já existe.'"
+              matTooltipPosition="above"
+            >
+              <mat-icon>help_outline</mat-icon>
+            </button>
             <div class="warn" *ngIf="limitsGroup.get('defaultConflictPolicy')?.value === 'OVERWRITE'">
               <mat-icon color="warn" aria-hidden="true">warning</mat-icon>
               Atenção: OVERWRITE pode sobrescrever arquivos existentes.
@@ -908,7 +981,16 @@ class PraxisFilesUploadConfigEditor {
           <mat-form-field appearance="fill">
             <mat-label>Tamanho máx. por arquivo (MB) <span class="req-tag">mandatório</span></mat-label>
             <input matInput type="number" formControlName="maxUploadSizeMb" required />
-            <mat-hint>Validado pelo backend (1–500 MB).</mat-hint>
+            <button
+              mat-icon-button
+              matSuffix
+              class="help-icon-button"
+              type="button"
+              [matTooltip]="'Validado pelo backend (1–500 MB).'"
+              matTooltipPosition="above"
+            >
+              <mat-icon>help_outline</mat-icon>
+            </button>
           </mat-form-field>
         </form>
         <form [formGroup]="optionsGroup">
@@ -923,7 +1005,16 @@ class PraxisFilesUploadConfigEditor {
               formControlName="allowedExtensions"
               placeholder="ex.: pdf,docx,xlsx"
             />
-            <mat-hint>Lista separada por vírgula (opcional).</mat-hint>
+            <button
+              mat-icon-button
+              matSuffix
+              class="help-icon-button"
+              type="button"
+              [matTooltip]="'Lista separada por vírgula (opcional).'"
+              matTooltipPosition="above"
+            >
+              <mat-icon>help_outline</mat-icon>
+            </button>
           </mat-form-field>
           <mat-form-field appearance="fill">
             <mat-label>MIME types aceitos <span class="opt-tag">opcional</span></mat-label>
@@ -932,7 +1023,16 @@ class PraxisFilesUploadConfigEditor {
               formControlName="acceptMimeTypes"
               placeholder="ex.: application/pdf,image/png"
             />
-            <mat-hint>Lista separada por vírgula (opcional).</mat-hint>
+            <button
+              mat-icon-button
+              matSuffix
+              class="help-icon-button"
+              type="button"
+              [matTooltip]="'Lista separada por vírgula (opcional).'"
+              matTooltipPosition="above"
+            >
+              <mat-icon>help_outline</mat-icon>
+            </button>
           </mat-form-field>
           <mat-form-field appearance="fill">
             <mat-label>Diretório destino <span class="opt-tag">opcional</span></mat-label>
@@ -1154,14 +1254,11 @@ class PraxisFilesUploadConfigEditor {
         <div class="error" *ngIf="jsonError">{{ jsonError }}</div>
       </mat-tab>
     </mat-tab-group>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.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: i1$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i4.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i4.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: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i6.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: MatCheckboxModule }, { kind: "component", type: i7$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i8.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: i8.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i9.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatSnackBarModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i7.JsonPipe, name: "json" }] });
+  `, isInline: true, styles: [".help-icon-button{--mdc-icon-button-state-layer-size: 28px;--mdc-icon-button-icon-size: 18px;width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;margin-right:-4px}.help-icon-button mat-icon{font-size:18px;width:18px;height:18px}.mat-mdc-form-field-icon-suffix{align-self:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.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: i1$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i4.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i4.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: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i5.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i6.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: MatCheckboxModule }, { kind: "component", type: i7$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i8.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: i8.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i9.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i11.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatSnackBarModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i7.JsonPipe, name: "json" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: PraxisFilesUploadConfigEditor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisFilesUploadConfigEditor, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'praxis-files-upload-config-editor',
-                    standalone: true,
-                    imports: [
+            args: [{ selector: 'praxis-files-upload-config-editor', standalone: true, imports: [
                         CommonModule,
                         ReactiveFormsModule,
                         MatTabsModule,
@@ -1171,10 +1268,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                         MatSelectModule,
                         MatButtonModule,
                         MatIconModule,
+                        MatTooltipModule,
                         MatSnackBarModule,
                         FormsModule,
-                    ],
-                    template: `
+                    ], template: `
     <mat-tab-group>
       <mat-tab label="Comportamento">
         <form [formGroup]="form">
@@ -1183,11 +1280,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
             <mat-select formControlName="strategy">
               <mat-option value="direct">Direto (HTTP padrão)</mat-option>
               <mat-option value="presign">URL pré-assinada (S3/GCS)</mat-option>
-              <mat-option value="auto"
-                >Automático (tenta pré-assinada e volta ao direto)</mat-option
-              >
-            </mat-select>
-            <mat-hint>Como os arquivos serão enviados ao servidor.</mat-hint>
+            <mat-option value="auto"
+              >Automático (tenta pré-assinada e volta ao direto)</mat-option
+            >
+          </mat-select>
+            <button
+              mat-icon-button
+              matSuffix
+              class="help-icon-button"
+              type="button"
+              [matTooltip]="'Como os arquivos serão enviados ao servidor.'"
+              matTooltipPosition="above"
+            >
+              <mat-icon>help_outline</mat-icon>
+            </button>
           </mat-form-field>
         </form>
         <form [formGroup]="bulkGroup">
@@ -1198,17 +1304,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
           <mat-form-field appearance="fill">
             <mat-label>Uploads paralelos <span class="opt-tag">opcional</span></mat-label>
             <input matInput type="number" formControlName="parallelUploads" />
-            <mat-hint>Quantos arquivos enviar ao mesmo tempo.</mat-hint>
+            <button
+              mat-icon-button
+              matSuffix
+              class="help-icon-button"
+              type="button"
+              [matTooltip]="'Quantos arquivos enviar ao mesmo tempo.'"
+              matTooltipPosition="above"
+            >
+              <mat-icon>help_outline</mat-icon>
+            </button>
           </mat-form-field>
           <mat-form-field appearance="fill">
             <mat-label>Número de tentativas <span class="opt-tag">opcional</span></mat-label>
             <input matInput type="number" formControlName="retryCount" />
-            <mat-hint>Tentativas automáticas em caso de falha.</mat-hint>
+            <button
+              mat-icon-button
+              matSuffix
+              class="help-icon-button"
+              type="button"
+              [matTooltip]="'Tentativas automáticas em caso de falha.'"
+              matTooltipPosition="above"
+            >
+              <mat-icon>help_outline</mat-icon>
+            </button>
           </mat-form-field>
           <mat-form-field appearance="fill">
             <mat-label>Intervalo entre tentativas (ms) <span class="opt-tag">opcional</span></mat-label>
             <input matInput type="number" formControlName="retryBackoffMs" />
-            <mat-hint>Tempo de espera entre tentativas.</mat-hint>
+            <button
+              mat-icon-button
+              matSuffix
+              class="help-icon-button"
+              type="button"
+              [matTooltip]="'Tempo de espera entre tentativas.'"
+              matTooltipPosition="above"
+            >
+              <mat-icon>help_outline</mat-icon>
+            </button>
           </mat-form-field>
         </form>
       </mat-tab>
@@ -1238,7 +1371,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
               formControlName="accept"
               placeholder="ex.: pdf,jpg,png"
             />
-            <mat-hint>Lista separada por vírgula (opcional).</mat-hint>
+            <button
+              mat-icon-button
+              matSuffix
+              class="help-icon-button"
+              type="button"
+              [matTooltip]="'Lista separada por vírgula (opcional).'"
+              matTooltipPosition="above"
+            >
+              <mat-icon>help_outline</mat-icon>
+            </button>
           </mat-form-field>
           <mat-checkbox formControlName="showMetadataForm"
             >Exibir formulário de metadados (JSON)</mat-checkbox
@@ -1299,11 +1441,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
             <mat-checkbox formControlName="detailsShowTechnical">
               Mostrar detalhes técnicos por padrão
             </mat-checkbox>
-            <mat-form-field appearance="fill">
-              <mat-label>Campos de metadados (whitelist) <span class="opt-tag">opcional</span></mat-label>
-              <input matInput formControlName="detailsFields" placeholder="ex.: id,fileName,contentType" />
-              <mat-hint>Lista separada por vírgula; vazio = todos.</mat-hint>
-            </mat-form-field>
+          <mat-form-field appearance="fill">
+            <mat-label>Campos de metadados (whitelist) <span class="opt-tag">opcional</span></mat-label>
+            <input matInput formControlName="detailsFields" placeholder="ex.: id,fileName,contentType" />
+            <button
+              mat-icon-button
+              matSuffix
+              class="help-icon-button"
+              type="button"
+              [matTooltip]="'Lista separada por vírgula; vazio = todos.'"
+              matTooltipPosition="above"
+            >
+              <mat-icon>help_outline</mat-icon>
+            </button>
+          </mat-form-field>
             <mat-form-field appearance="fill">
               <mat-label>Âncora do overlay</mat-label>
               <mat-select formControlName="detailsAnchor">
@@ -1323,7 +1474,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
           <mat-form-field appearance="fill">
             <mat-label>Tamanho máximo do arquivo (bytes) <span class="opt-tag">opcional</span></mat-label>
             <input matInput type="number" formControlName="maxFileSizeBytes" />
-            <mat-hint>Limite de validação no cliente (opcional).</mat-hint>
+            <button
+              mat-icon-button
+              matSuffix
+              class="help-icon-button"
+              type="button"
+              [matTooltip]="'Limite de validação no cliente (opcional).'"
+              matTooltipPosition="above"
+            >
+              <mat-icon>help_outline</mat-icon>
+            </button>
           </mat-form-field>
           <mat-form-field appearance="fill">
             <mat-label>Máx. arquivos por lote <span class="opt-tag">opcional</span></mat-label>
@@ -1342,7 +1502,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
               <mat-option value="SKIP">Pular se já existir</mat-option>
               <mat-option value="ERROR">Falhar (erro)</mat-option>
             </mat-select>
-            <mat-hint>O que fazer quando o nome do arquivo já existe.</mat-hint>
+            <button
+              mat-icon-button
+              matSuffix
+              class="help-icon-button"
+              type="button"
+              [matTooltip]="'O que fazer quando o nome do arquivo já existe.'"
+              matTooltipPosition="above"
+            >
+              <mat-icon>help_outline</mat-icon>
+            </button>
             <div class="warn" *ngIf="limitsGroup.get('defaultConflictPolicy')?.value === 'OVERWRITE'">
               <mat-icon color="warn" aria-hidden="true">warning</mat-icon>
               Atenção: OVERWRITE pode sobrescrever arquivos existentes.
@@ -1357,7 +1526,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
           <mat-form-field appearance="fill">
             <mat-label>Tamanho máx. por arquivo (MB) <span class="req-tag">mandatório</span></mat-label>
             <input matInput type="number" formControlName="maxUploadSizeMb" required />
-            <mat-hint>Validado pelo backend (1–500 MB).</mat-hint>
+            <button
+              mat-icon-button
+              matSuffix
+              class="help-icon-button"
+              type="button"
+              [matTooltip]="'Validado pelo backend (1–500 MB).'"
+              matTooltipPosition="above"
+            >
+              <mat-icon>help_outline</mat-icon>
+            </button>
           </mat-form-field>
         </form>
         <form [formGroup]="optionsGroup">
@@ -1372,7 +1550,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
               formControlName="allowedExtensions"
               placeholder="ex.: pdf,docx,xlsx"
             />
-            <mat-hint>Lista separada por vírgula (opcional).</mat-hint>
+            <button
+              mat-icon-button
+              matSuffix
+              class="help-icon-button"
+              type="button"
+              [matTooltip]="'Lista separada por vírgula (opcional).'"
+              matTooltipPosition="above"
+            >
+              <mat-icon>help_outline</mat-icon>
+            </button>
           </mat-form-field>
           <mat-form-field appearance="fill">
             <mat-label>MIME types aceitos <span class="opt-tag">opcional</span></mat-label>
@@ -1381,7 +1568,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
               formControlName="acceptMimeTypes"
               placeholder="ex.: application/pdf,image/png"
             />
-            <mat-hint>Lista separada por vírgula (opcional).</mat-hint>
+            <button
+              mat-icon-button
+              matSuffix
+              class="help-icon-button"
+              type="button"
+              [matTooltip]="'Lista separada por vírgula (opcional).'"
+              matTooltipPosition="above"
+            >
+              <mat-icon>help_outline</mat-icon>
+            </button>
           </mat-form-field>
           <mat-form-field appearance="fill">
             <mat-label>Diretório destino <span class="opt-tag">opcional</span></mat-label>
@@ -1603,8 +1799,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
         <div class="error" *ngIf="jsonError">{{ jsonError }}</div>
       </mat-tab>
     </mat-tab-group>
-  `,
-                }]
+  `, styles: [".help-icon-button{--mdc-icon-button-state-layer-size: 28px;--mdc-icon-button-icon-size: 18px;width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;margin-right:-4px}.help-icon-button mat-icon{font-size:18px;width:18px;height:18px}.mat-mdc-form-field-icon-suffix{align-self:center}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [SETTINGS_PANEL_DATA]
@@ -1696,10 +1891,10 @@ class ErrorMapperService {
         }
         return mapped;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ErrorMapperService, deps: [{ token: FILES_UPLOAD_ERROR_MESSAGES, optional: true }, { token: TRANSLATE_LIKE, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ErrorMapperService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ErrorMapperService, deps: [{ token: FILES_UPLOAD_ERROR_MESSAGES, optional: true }, { token: TRANSLATE_LIKE, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ErrorMapperService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ErrorMapperService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ErrorMapperService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
@@ -1836,10 +2031,10 @@ class DragProximityService {
         this.draggingWithFiles$.next(false);
         this.pointer$.next({ x: -9999, y: -9999 });
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DragProximityService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DragProximityService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DragProximityService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DragProximityService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DragProximityService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DragProximityService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i0.NgZone }] });
@@ -1903,10 +2098,10 @@ class FilesApiClient {
         const url = `${baseUrl}/upload/presign?filename=${encodeURIComponent(fileName)}`;
         return this.http.post(url, null, { observe: 'body' });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FilesApiClient, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FilesApiClient, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilesApiClient, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilesApiClient, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FilesApiClient, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilesApiClient, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i1.HttpClient }] });
@@ -1936,10 +2131,10 @@ class PresignedUploaderService {
         })
             .pipe(retry(retryCount));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: PresignedUploaderService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: PresignedUploaderService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PresignedUploaderService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PresignedUploaderService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: PresignedUploaderService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PresignedUploaderService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i1.HttpClient }] });
@@ -1951,19 +2146,43 @@ class PraxisFilesUpload {
     overlay;
     viewContainerRef;
     cdr;
+    configStorage;
     api;
     presign;
     errors;
     translate;
-    configStorage;
     config = null;
-    componentId = 'default';
+    _filesUploadId = '';
+    _uploadId = '';
+    set filesUploadId(value) {
+        this._filesUploadId = value ?? '';
+        if (!this._uploadId)
+            this._uploadId = this._filesUploadId;
+    }
+    get filesUploadId() {
+        return this._filesUploadId;
+    }
+    set uploadId(value) {
+        const v = value ?? '';
+        this._uploadId = v;
+        if (!this._filesUploadId)
+            this._filesUploadId = v;
+    }
+    get uploadId() {
+        return this._uploadId;
+    }
+    componentInstanceId;
     baseUrl;
     displayMode = 'full';
+    context = null;
+    editModeEnabled = true;
     uploadSuccess = new EventEmitter();
     bulkComplete = new EventEmitter();
     error = new EventEmitter();
     rateLimited = new EventEmitter();
+    uploadStart = new EventEmitter();
+    uploadProgress = new EventEmitter();
+    uploadError = new EventEmitter();
     // Novos outputs Sub-issue 4
     retry = new EventEmitter();
     download = new EventEmitter();
@@ -1979,7 +2198,7 @@ class PraxisFilesUpload {
     selectedOverlayTmpl;
     conflictPolicies = ['RENAME', 'ERROR', 'OVERWRITE', 'SKIP', 'MAKE_UNIQUE'];
     conflictPolicy = new FormControl('RENAME');
-    uploadProgress = 0;
+    uploadProgressValue = 0;
     allowMultiple = false;
     rateLimit = null;
     quotaExceeded = false;
@@ -2022,20 +2241,28 @@ class PraxisFilesUpload {
     selectedOverlayRef;
     // Lista: colapso
     showAllResults = false;
-    constructor(settingsPanel, dragProx, defaultTexts, overlay, viewContainerRef, cdr, api, presign, errors, translate, configStorage) {
+    constructor(settingsPanel, dragProx, defaultTexts, overlay, viewContainerRef, cdr, configStorage, api, presign, errors, translate) {
         this.settingsPanel = settingsPanel;
         this.dragProx = dragProx;
         this.defaultTexts = defaultTexts;
         this.overlay = overlay;
         this.viewContainerRef = viewContainerRef;
         this.cdr = cdr;
+        this.configStorage = configStorage;
         this.api = api;
         this.presign = presign;
         this.errors = errors;
         this.translate = translate;
-        this.configStorage = configStorage;
         this.texts = defaultTexts;
     }
+    componentKeys = inject(ComponentKeyService);
+    route = (() => { try {
+        return inject(ActivatedRoute);
+    }
+    catch {
+        return undefined;
+    } })();
+    warnedMissingId = false;
     // Helpers de UI
     get showProgress() {
         return this.uploading;
@@ -2106,12 +2333,18 @@ class PraxisFilesUpload {
         }
     }
     ngOnInit() {
-        const stored = this.configStorage?.loadConfig(`files-upload-config:${this.componentId}`) ?? this.loadLocalConfig();
-        if (stored) {
-            this.config = stored;
-        }
+        const key = this.storageKey();
         this.applyConfig(this.config ?? {});
         this.resolveTexts();
+        if (key) {
+            this.configStorage.loadConfig(key).pipe(take(1)).subscribe((stored) => {
+                if (stored) {
+                    this.config = stored;
+                    this.applyConfig(this.config ?? {});
+                    this.resolveTexts();
+                }
+            });
+        }
         // Nota: carregamento da configuração efetiva do servidor foi desabilitado aqui
         // para evitar dependência de HttpClient em testes. O fallback permanece opcional.
     }
@@ -2340,9 +2573,12 @@ class PraxisFilesUpload {
         return v && v !== k ? v : fallback;
     }
     openSettings() {
+        if (!this.editModeEnabled)
+            return;
         const configCopy = JSON.parse(JSON.stringify(this.config ?? {}));
+        const key = this.storageKey();
         const ref = this.settingsPanel.open({
-            id: `files-upload.${this.componentId}`,
+            id: `files-upload.${key || this.filesUploadId || 'default'}`,
             title: this.t('settingsTitle', 'Configuração de Upload de Arquivos'),
             content: {
                 component: PraxisFilesUploadConfigEditor,
@@ -2351,11 +2587,11 @@ class PraxisFilesUpload {
         });
         ref.applied$.subscribe((cfg) => this.applyConfig(cfg));
         ref.saved$.subscribe((cfg) => {
-            if (this.configStorage) {
-                this.configStorage.saveConfig(`files-upload-config:${this.componentId}`, cfg);
-            }
-            else {
-                this.saveLocalConfig(cfg);
+            if (key) {
+                this.configStorage
+                    .saveConfig(key, cfg)
+                    .pipe(take(1))
+                    .subscribe({ error: () => { } });
             }
             this.applyConfig(cfg);
         });
@@ -2370,20 +2606,28 @@ class PraxisFilesUpload {
         const acc = cfg.ui?.accept ?? [];
         this.acceptString = acc.includes('*') ? '' : acc.join(',');
     }
-    loadLocalConfig() {
-        try {
-            const raw = localStorage.getItem(`files-upload-config:${this.componentId}`);
-            return raw ? JSON.parse(raw) : null;
-        }
-        catch {
-            return null;
-        }
+    storageKey() {
+        const id = this.componentKeyId();
+        return id ? `files-upload-config:${id}` : null;
     }
-    saveLocalConfig(cfg) {
-        try {
-            localStorage.setItem(`files-upload-config:${this.componentId}`, JSON.stringify(cfg));
-        }
-        catch { }
+    componentKeyId() {
+        const key = this.componentKeys.buildComponentId({
+            componentType: 'praxis-files-upload',
+            componentId: this.filesUploadId,
+            instanceKey: this.componentInstanceId,
+            componentRef: this,
+            route: this.route,
+            requireComponentId: true,
+        });
+        if (!key)
+            this.warnMissingId();
+        return key;
+    }
+    warnMissingId() {
+        if (this.warnedMissingId)
+            return;
+        this.warnedMissingId = true;
+        console.warn('[PraxisFilesUpload] filesUploadId ou uploadId sao necessarios para persistencia de configuracao.');
     }
     onDragOver(evt) {
         evt.preventDefault();
@@ -2458,7 +2702,7 @@ class PraxisFilesUpload {
             return;
         }
         this.uploading = true;
-        this.uploadProgress = 0;
+        this.uploadProgressValue = 0;
         this.rateLimit = null;
         this.uploadedFiles = [];
         this.currentFiles = files;
@@ -2479,6 +2723,13 @@ class PraxisFilesUpload {
         }
         const optionsJson = this.buildOptionsJson(metadataObj);
         const strategy = this.config?.strategy ?? 'direct';
+        this.uploadStart.emit({
+            files,
+            mode: files.length > 1 && this.allowMultiple ? 'bulk' : 'single',
+            strategy,
+            uploadId: this.uploadId || this.filesUploadId,
+            baseUrl: this.baseUrl,
+        });
         if (files.length > 1 && this.allowMultiple) {
             const policy = this.conflictPolicy.value || 'RENAME';
             const bulkFiles = files.map((f) => ({
@@ -2639,8 +2890,10 @@ class PraxisFilesUpload {
         if (customMeta && typeof customMeta === 'object') {
             const mapped = {};
             for (const [k, v] of Object.entries(customMeta)) {
-                if (v !== undefined && v !== null)
-                    mapped[k] = String(v);
+                if (v === undefined || v === null)
+                    continue;
+                const resolved = typeof v === 'string' ? this.resolveTemplateString(v) : v;
+                mapped[k] = String(resolved);
             }
             if (Object.keys(mapped).length)
                 options.customMetadata = mapped;
@@ -2654,7 +2907,13 @@ class PraxisFilesUpload {
     }
     handleProgress(event) {
         if (event.type === HttpEventType.UploadProgress && event.total) {
-            this.uploadProgress = Math.round((event.loaded / event.total) * 100);
+            const progress = Math.round((event.loaded / event.total) * 100);
+            this.uploadProgressValue = progress;
+            this.uploadProgress.emit({
+                progress,
+                loaded: event.loaded,
+                total: event.total,
+            });
         }
     }
     handleError(err) {
@@ -2681,15 +2940,17 @@ class PraxisFilesUpload {
                 this.quotaExceeded = true;
             }
             this.error.emit(err.error);
+            this.uploadError.emit(err.error);
         }
         else {
             this.errorMessage = this.t('genericUploadError', 'Erro no envio de arquivo.');
             this.error.emit(err);
+            this.uploadError.emit(err);
         }
     }
     finishUpload(success, meta, results) {
         this.uploading = false;
-        this.uploadProgress = 100;
+        this.uploadProgressValue = 100;
         if (success) {
             if (meta) {
                 this.uploadedFiles.push({ fileName: meta.fileName, success: true });
@@ -2843,6 +3104,7 @@ class PraxisFilesUpload {
                         this.t('maxBulkSizeError', 'Tamanho total dos arquivos excedido.');
             }
             this.error.emit(errors);
+            this.uploadError.emit(errors);
             return false;
         }
         return true;
@@ -2858,8 +3120,25 @@ class PraxisFilesUpload {
         const maxCount = this.config?.limits?.maxFilesPerBulk ?? (this.allowMultiple ? 99 : 1);
         return `Tipos: ${acc} • Máx. por arquivo: ${maxFile} • Qtde: ${maxCount}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: PraxisFilesUpload, deps: [{ token: i1$2.SettingsPanelService }, { token: DragProximityService }, { token: FILES_UPLOAD_TEXTS }, { token: i3.Overlay }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: FilesApiClient, optional: true }, { token: PresignedUploaderService, optional: true }, { token: ErrorMapperService, optional: true }, { token: TRANSLATE_LIKE, optional: true }, { token: CONFIG_STORAGE, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: PraxisFilesUpload, isStandalone: true, selector: "praxis-files-upload", inputs: { config: "config", componentId: "componentId", baseUrl: "baseUrl", displayMode: "displayMode" }, outputs: { uploadSuccess: "uploadSuccess", bulkComplete: "bulkComplete", error: "error", rateLimited: "rateLimited", retry: "retry", download: "download", copyLink: "copyLink", detailsOpened: "detailsOpened", detailsClosed: "detailsClosed", pendingFilesChange: "pendingFilesChange", proximityChange: "proximityChange" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }, { propertyName: "hostRef", first: true, predicate: ["host"], descendants: true, static: true }, { propertyName: "overlayTmpl", first: true, predicate: ["proximityOverlayTmpl"], descendants: true }, { propertyName: "selectedOverlayTmpl", first: true, predicate: ["selectedOverlayTmpl"], descendants: true }], ngImport: i0, template: `
+    resolveTemplateString(value) {
+        if (!this.context || !value.includes('${'))
+            return value;
+        return value.replace(/\$\{([^}]+)\}/g, (_match, path) => {
+            const resolved = this.resolveContextPath(this.context, String(path).trim());
+            return resolved === undefined || resolved === null ? '' : String(resolved);
+        });
+    }
+    resolveContextPath(context, path) {
+        if (!path)
+            return undefined;
+        return path.split('.').reduce((acc, key) => {
+            if (!acc || typeof acc !== 'object')
+                return undefined;
+            return acc[key];
+        }, context);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisFilesUpload, deps: [{ token: i1$2.SettingsPanelService }, { token: DragProximityService }, { token: FILES_UPLOAD_TEXTS }, { token: i3.Overlay }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: ASYNC_CONFIG_STORAGE }, { token: FilesApiClient, optional: true }, { token: PresignedUploaderService, optional: true }, { token: ErrorMapperService, optional: true }, { token: TRANSLATE_LIKE, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: PraxisFilesUpload, isStandalone: true, selector: "praxis-files-upload", inputs: { config: "config", filesUploadId: "filesUploadId", uploadId: "uploadId", componentInstanceId: "componentInstanceId", baseUrl: "baseUrl", displayMode: "displayMode", context: "context", editModeEnabled: "editModeEnabled" }, outputs: { uploadSuccess: "uploadSuccess", bulkComplete: "bulkComplete", error: "error", rateLimited: "rateLimited", uploadStart: "uploadStart", uploadProgress: "uploadProgress", uploadError: "uploadError", retry: "retry", download: "download", copyLink: "copyLink", detailsOpened: "detailsOpened", detailsClosed: "detailsClosed", pendingFilesChange: "pendingFilesChange", proximityChange: "proximityChange" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }, { propertyName: "hostRef", first: true, predicate: ["host"], descendants: true, static: true }, { propertyName: "overlayTmpl", first: true, predicate: ["proximityOverlayTmpl"], descendants: true }, { propertyName: "selectedOverlayTmpl", first: true, predicate: ["selectedOverlayTmpl"], descendants: true }], ngImport: i0, template: `
     <div class="praxis-files-upload" [class.dense]="config?.ui?.dense" #host>
       <!-- Proximity overlay inline (fallback quando expandMode === 'inline') -->
       <div
@@ -2970,6 +3249,7 @@ class PraxisFilesUpload {
         class="settings-btn"
         (click)="openSettings()"
         [attr.aria-label]="texts.settingsAriaLabel"
+        *ngIf="editModeEnabled"
       >
         <mat-icon [praxisIcon]="'settings'"></mat-icon>
       </button>
@@ -3112,10 +3392,10 @@ class PraxisFilesUpload {
       <div class="progress" *ngIf="showProgress">
         <mat-progress-bar
           mode="determinate"
-          [value]="uploadProgress"
+          [value]="uploadProgressValue"
           [attr.aria-label]="texts.progressAriaLabel"
         ></mat-progress-bar>
-        <span class="sr-only">{{ uploadProgress }}%</span>
+        <span class="sr-only">{{ uploadProgressValue }}%</span>
       </div>
 
       <ul class="file-feedback" *ngIf="hasUploadedFiles">
@@ -3273,9 +3553,9 @@ class PraxisFilesUpload {
 
       <ng-content></ng-content>
     </div>
-  `, isInline: true, styles: ["@charset \"UTF-8\";.praxis-files-upload{position:relative}.praxis-files-upload .settings-btn{position:absolute;top:.5rem;right:.5rem}.praxis-files-upload .rate-limit-banner,.praxis-files-upload .quota-banner,.praxis-files-upload .error{margin:.5rem 0;padding:.5rem 1rem;border-radius:var(--mat-sys-shape-corner-small, 4px)}.praxis-files-upload .rate-limit-banner{background:var(--mat-sys-color-error-container);color:var(--mat-sys-color-on-error-container)}.praxis-files-upload .quota-banner{background:var(--mat-sys-color-tertiary-container);color:var(--mat-sys-color-on-tertiary-container)}.praxis-files-upload .dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px dashed var(--mat-sys-color-outline);border-radius:var(--mat-sys-shape-corner-medium, 4px);background:var(--mat-sys-color-surface-container-low);color:var(--mat-sys-color-on-surface);text-align:center;cursor:pointer;transition:background-color .2s;width:100%;min-height:160px;margin:.5rem 0;gap:.5rem;position:relative}.praxis-files-upload .dropzone:focus,.praxis-files-upload .dropzone:hover{outline:none;background:var(--mat-sys-color-surface-container-high);border-color:var(--mat-sys-color-primary)}.praxis-files-upload .dropzone.dragover{background:var(--mat-sys-color-surface-container-high);border-color:var(--mat-sys-color-primary)}.praxis-files-upload .dropzone.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.praxis-files-upload .dropzone p{margin:0 0 .5rem}.praxis-files-upload .dropzone .dz-icon{font-size:40px;color:var(--mat-sys-color-primary);margin-bottom:.25rem}.praxis-files-upload .dropzone .dz-title{font-weight:600}.praxis-files-upload .dropzone .dz-hint{margin:0;opacity:.8;font-size:.9rem}.praxis-files-upload .dropzone .field-actions{position:absolute;top:.25rem;right:.25rem;display:flex;gap:.25rem;pointer-events:auto}.praxis-files-upload .dropzone .field-actions button[mat-icon-button]{width:32px;height:32px}.praxis-files-upload .dropzone .field-actions mat-icon{font-size:20px}.praxis-files-upload .progress{margin-top:1rem}.praxis-files-upload .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.praxis-files-upload .bulk-results{margin-top:1rem}.praxis-files-upload .bulk-results .bulk-summary{display:flex;gap:1rem;align-items:center;margin-bottom:.5rem}.praxis-files-upload .bulk-results .bulk-summary .stat{display:flex;align-items:center;gap:.35rem;padding:.25rem .5rem;border-radius:6px;background:var(--mat-sys-color-surface-container-low)}.praxis-files-upload .bulk-results .bulk-summary .stat.success{color:var(--mat-sys-color-primary)}.praxis-files-upload .bulk-results .bulk-summary .stat.failed{color:var(--mat-sys-color-error)}.praxis-files-upload .bulk-results .bulk-summary .stat .label{opacity:.9}.praxis-files-upload .bulk-results .bulk-summary .stat .value{font-weight:600}.praxis-files-upload .bulk-results .results-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.praxis-files-upload .bulk-results .result-item{display:flex;gap:.75rem;padding:.5rem .75rem;border:1px solid var(--mat-sys-color-outline-variant);border-radius:8px;background:var(--mat-sys-color-surface-container-lowest)}.praxis-files-upload .bulk-results .result-item.ok{border-color:var(--mat-sys-color-primary)}.praxis-files-upload .bulk-results .result-item.err{border-color:var(--mat-sys-color-error)}.praxis-files-upload .bulk-results .result-item .status-icon{align-self:flex-start;color:currentColor}.praxis-files-upload .bulk-results .result-item .main{flex:1;min-width:0}.praxis-files-upload .bulk-results .result-item .title{display:flex;align-items:center;gap:.5rem}.praxis-files-upload .bulk-results .result-item .name{font-weight:600}.praxis-files-upload .bulk-results .result-item .badge{font-size:.75rem;padding:.1rem .4rem;border-radius:999px;background:color-mix(in oklab,var(--mat-sys-color-primary) 15%,transparent);color:var(--mat-sys-color-primary)}.praxis-files-upload .bulk-results .result-item .badge.err{background:color-mix(in oklab,var(--mat-sys-color-error) 15%,transparent);color:var(--mat-sys-color-error)}.praxis-files-upload .bulk-results .result-item .meta,.praxis-files-upload .bulk-results .result-item .error{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:.25rem}.praxis-files-upload .bulk-results .result-item .error .code{font-weight:600}.praxis-files-upload .bulk-results .result-item .extra{margin-top:.25rem}.praxis-files-upload .bulk-results .result-item .item-actions{display:flex;align-items:center;gap:.25rem}.praxis-files-upload .bulk-results .list-footer{margin-top:.5rem;display:flex;justify-content:center}.praxis-files-upload .proximity-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border:2px dashed var(--mat-sys-color-outline);border-radius:var(--mat-sys-shape-corner-medium, 4px);background:color-mix(in oklab,var(--mat-sys-color-surface-container-high) 80%,transparent);color:var(--mat-sys-color-on-surface);text-align:center;z-index:2;pointer-events:none}.praxis-files-upload .proximity-overlay .dz-icon{font-size:40px;color:var(--mat-sys-color-primary)}.praxis-files-upload .proximity-overlay .dz-title{font-weight:600}.praxis-files-upload .proximity-overlay .dz-hint{opacity:.85}.praxis-files-upload .selected-overlay{background:var(--mat-sys-color-surface);color:var(--mat-sys-color-on-surface);border:1px solid var(--mat-sys-color-outline-variant);border-radius:8px;box-shadow:var(--mat-sys-level2, 0 2px 6px rgba(0, 0, 0, .15));max-height:260px;overflow:auto;padding:.5rem}.praxis-files-upload .selected-overlay .sel-header{position:sticky;top:0;z-index:1;background:var(--mat-sys-color-surface);display:flex;align-items:center;gap:.5rem;padding-bottom:.25rem;margin-bottom:.25rem}.praxis-files-upload .selected-overlay .sel-header .title{font-weight:600}.praxis-files-upload .selected-overlay .sel-header .spacer{flex:1}.praxis-files-upload .selected-overlay .sel-list{list-style:none;margin:0;padding:0}.praxis-files-upload .selected-overlay .sel-list .sel-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-bottom:1px solid var(--mat-sys-color-outline-variant, #ccc);transition:background-color .12s ease}.praxis-files-upload .selected-overlay .sel-list .sel-item .file-icon{opacity:.9;color:var(--mat-sys-color-primary, #1976d2)}.praxis-files-upload .selected-overlay .sel-list .sel-item .info{flex:1;min-width:0}.praxis-files-upload .selected-overlay .sel-list .sel-item .info .name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.praxis-files-upload .selected-overlay .sel-list .sel-item .info .meta{font-size:.8rem;opacity:.7}.praxis-files-upload .selected-overlay .sel-list .sel-item .remove-btn{color:var(--mat-sys-color-error, #b00020)}.praxis-files-upload .selected-overlay .sel-list .sel-item .more-btn{margin-left:.25rem}.praxis-files-upload .selected-overlay .sel-list .sel-item:hover{background:color-mix(in oklab,#000 8%,transparent)}:host ::ng-deep .praxis-files-upload-overlay-panel{pointer-events:none}:host ::ng-deep .praxis-files-selected-overlay-panel{pointer-events:auto;z-index:3}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.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: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i9.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: "component", type: i9.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i11.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i13.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i7.JsonPipe, name: "json" }, { kind: "pipe", type: i7.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: ["@charset \"UTF-8\";.praxis-files-upload{position:relative}.praxis-files-upload .settings-btn{position:absolute;top:.5rem;right:.5rem}.praxis-files-upload .rate-limit-banner,.praxis-files-upload .quota-banner,.praxis-files-upload .error{margin:.5rem 0;padding:.5rem 1rem;border-radius:var(--md-sys-shape-corner-small, 4px)}.praxis-files-upload .rate-limit-banner{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.praxis-files-upload .quota-banner{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.praxis-files-upload .dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px dashed var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-medium, 4px);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);text-align:center;cursor:pointer;transition:background-color .2s;width:100%;min-height:160px;margin:.5rem 0;gap:.5rem;position:relative}.praxis-files-upload .dropzone:focus,.praxis-files-upload .dropzone:hover{outline:none;background:var(--md-sys-color-surface-container-high);border-color:var(--md-sys-color-primary)}.praxis-files-upload .dropzone.dragover{background:var(--md-sys-color-surface-container-high);border-color:var(--md-sys-color-primary)}.praxis-files-upload .dropzone.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.praxis-files-upload .dropzone p{margin:0 0 .5rem}.praxis-files-upload .dropzone .dz-icon{font-size:40px;color:var(--md-sys-color-primary);margin-bottom:.25rem}.praxis-files-upload .dropzone .dz-title{font-weight:600}.praxis-files-upload .dropzone .dz-hint{margin:0;opacity:.8;font-size:.9rem}.praxis-files-upload .dropzone .field-actions{position:absolute;top:.25rem;right:.25rem;display:flex;gap:.25rem;pointer-events:auto}.praxis-files-upload .dropzone .field-actions button[mat-icon-button]{width:32px;height:32px}.praxis-files-upload .dropzone .field-actions mat-icon{font-size:20px}.praxis-files-upload .progress{margin-top:1rem}.praxis-files-upload .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.praxis-files-upload .bulk-results{margin-top:1rem}.praxis-files-upload .bulk-results .bulk-summary{display:flex;gap:1rem;align-items:center;margin-bottom:.5rem}.praxis-files-upload .bulk-results .bulk-summary .stat{display:flex;align-items:center;gap:.35rem;padding:.25rem .5rem;border-radius:6px;background:var(--md-sys-color-surface-container-low)}.praxis-files-upload .bulk-results .bulk-summary .stat.success{color:var(--md-sys-color-primary)}.praxis-files-upload .bulk-results .bulk-summary .stat.failed{color:var(--md-sys-color-error)}.praxis-files-upload .bulk-results .bulk-summary .stat .label{opacity:.9}.praxis-files-upload .bulk-results .bulk-summary .stat .value{font-weight:600}.praxis-files-upload .bulk-results .results-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.praxis-files-upload .bulk-results .result-item{display:flex;gap:.75rem;padding:.5rem .75rem;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container-lowest)}.praxis-files-upload .bulk-results .result-item.ok{border-color:var(--md-sys-color-primary)}.praxis-files-upload .bulk-results .result-item.err{border-color:var(--md-sys-color-error)}.praxis-files-upload .bulk-results .result-item .status-icon{align-self:flex-start;color:currentColor}.praxis-files-upload .bulk-results .result-item .main{flex:1;min-width:0}.praxis-files-upload .bulk-results .result-item .title{display:flex;align-items:center;gap:.5rem}.praxis-files-upload .bulk-results .result-item .name{font-weight:600}.praxis-files-upload .bulk-results .result-item .badge{font-size:.75rem;padding:.1rem .4rem;border-radius:999px;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.praxis-files-upload .bulk-results .result-item .badge.err{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.praxis-files-upload .bulk-results .result-item .meta,.praxis-files-upload .bulk-results .result-item .error{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:.25rem}.praxis-files-upload .bulk-results .result-item .error .code{font-weight:600}.praxis-files-upload .bulk-results .result-item .extra{margin-top:.25rem}.praxis-files-upload .bulk-results .result-item .item-actions{display:flex;align-items:center;gap:.25rem}.praxis-files-upload .bulk-results .list-footer{margin-top:.5rem;display:flex;justify-content:center}.praxis-files-upload .proximity-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border:2px dashed var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-medium, 4px);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);text-align:center;z-index:2;pointer-events:none}.praxis-files-upload .proximity-overlay .dz-icon{font-size:40px;color:var(--md-sys-color-primary)}.praxis-files-upload .proximity-overlay .dz-title{font-weight:600}.praxis-files-upload .proximity-overlay .dz-hint{opacity:.85}.praxis-files-upload .selected-overlay{background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;box-shadow:var(--md-sys-elevation-level2, 0 2px 6px rgba(0, 0, 0, .15));max-height:260px;overflow:auto;padding:.5rem}.praxis-files-upload .selected-overlay .sel-header{position:sticky;top:0;z-index:1;background:var(--md-sys-color-surface);display:flex;align-items:center;gap:.5rem;padding-bottom:.25rem;margin-bottom:.25rem}.praxis-files-upload .selected-overlay .sel-header .title{font-weight:600}.praxis-files-upload .selected-overlay .sel-header .spacer{flex:1}.praxis-files-upload .selected-overlay .sel-list{list-style:none;margin:0;padding:0}.praxis-files-upload .selected-overlay .sel-list .sel-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-bottom:1px solid var(--md-sys-color-outline-variant, #ccc);transition:background-color .12s ease}.praxis-files-upload .selected-overlay .sel-list .sel-item .file-icon{opacity:.9;color:var(--md-sys-color-primary, #1976d2)}.praxis-files-upload .selected-overlay .sel-list .sel-item .info{flex:1;min-width:0}.praxis-files-upload .selected-overlay .sel-list .sel-item .info .name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.praxis-files-upload .selected-overlay .sel-list .sel-item .info .meta{font-size:.8rem;opacity:.7}.praxis-files-upload .selected-overlay .sel-list .sel-item .remove-btn{color:var(--md-sys-color-error, #b00020)}.praxis-files-upload .selected-overlay .sel-list .sel-item .more-btn{margin-left:.25rem}.praxis-files-upload .selected-overlay .sel-list .sel-item:hover{background:var(--md-sys-color-surface-container-low)}:host ::ng-deep .praxis-files-upload-overlay-panel{pointer-events:none}:host ::ng-deep .praxis-files-selected-overlay-panel{pointer-events:auto;z-index:3}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.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: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i9.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: "component", type: i9.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i11$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i11.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i7.JsonPipe, name: "json" }, { kind: "pipe", type: i7.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: PraxisFilesUpload, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisFilesUpload, decorators: [{
             type: Component,
             args: [{ selector: 'praxis-files-upload', standalone: true, imports: [
                         CommonModule,
@@ -3397,6 +3677,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
         class="settings-btn"
         (click)="openSettings()"
         [attr.aria-label]="texts.settingsAriaLabel"
+        *ngIf="editModeEnabled"
       >
         <mat-icon [praxisIcon]="'settings'"></mat-icon>
       </button>
@@ -3539,10 +3820,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
       <div class="progress" *ngIf="showProgress">
         <mat-progress-bar
           mode="determinate"
-          [value]="uploadProgress"
+          [value]="uploadProgressValue"
           [attr.aria-label]="texts.progressAriaLabel"
         ></mat-progress-bar>
-        <span class="sr-only">{{ uploadProgress }}%</span>
+        <span class="sr-only">{{ uploadProgressValue }}%</span>
       </div>
 
       <ul class="file-feedback" *ngIf="hasUploadedFiles">
@@ -3700,11 +3981,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
 
       <ng-content></ng-content>
     </div>
-  `, styles: ["@charset \"UTF-8\";.praxis-files-upload{position:relative}.praxis-files-upload .settings-btn{position:absolute;top:.5rem;right:.5rem}.praxis-files-upload .rate-limit-banner,.praxis-files-upload .quota-banner,.praxis-files-upload .error{margin:.5rem 0;padding:.5rem 1rem;border-radius:var(--mat-sys-shape-corner-small, 4px)}.praxis-files-upload .rate-limit-banner{background:var(--mat-sys-color-error-container);color:var(--mat-sys-color-on-error-container)}.praxis-files-upload .quota-banner{background:var(--mat-sys-color-tertiary-container);color:var(--mat-sys-color-on-tertiary-container)}.praxis-files-upload .dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px dashed var(--mat-sys-color-outline);border-radius:var(--mat-sys-shape-corner-medium, 4px);background:var(--mat-sys-color-surface-container-low);color:var(--mat-sys-color-on-surface);text-align:center;cursor:pointer;transition:background-color .2s;width:100%;min-height:160px;margin:.5rem 0;gap:.5rem;position:relative}.praxis-files-upload .dropzone:focus,.praxis-files-upload .dropzone:hover{outline:none;background:var(--mat-sys-color-surface-container-high);border-color:var(--mat-sys-color-primary)}.praxis-files-upload .dropzone.dragover{background:var(--mat-sys-color-surface-container-high);border-color:var(--mat-sys-color-primary)}.praxis-files-upload .dropzone.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.praxis-files-upload .dropzone p{margin:0 0 .5rem}.praxis-files-upload .dropzone .dz-icon{font-size:40px;color:var(--mat-sys-color-primary);margin-bottom:.25rem}.praxis-files-upload .dropzone .dz-title{font-weight:600}.praxis-files-upload .dropzone .dz-hint{margin:0;opacity:.8;font-size:.9rem}.praxis-files-upload .dropzone .field-actions{position:absolute;top:.25rem;right:.25rem;display:flex;gap:.25rem;pointer-events:auto}.praxis-files-upload .dropzone .field-actions button[mat-icon-button]{width:32px;height:32px}.praxis-files-upload .dropzone .field-actions mat-icon{font-size:20px}.praxis-files-upload .progress{margin-top:1rem}.praxis-files-upload .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.praxis-files-upload .bulk-results{margin-top:1rem}.praxis-files-upload .bulk-results .bulk-summary{display:flex;gap:1rem;align-items:center;margin-bottom:.5rem}.praxis-files-upload .bulk-results .bulk-summary .stat{display:flex;align-items:center;gap:.35rem;padding:.25rem .5rem;border-radius:6px;background:var(--mat-sys-color-surface-container-low)}.praxis-files-upload .bulk-results .bulk-summary .stat.success{color:var(--mat-sys-color-primary)}.praxis-files-upload .bulk-results .bulk-summary .stat.failed{color:var(--mat-sys-color-error)}.praxis-files-upload .bulk-results .bulk-summary .stat .label{opacity:.9}.praxis-files-upload .bulk-results .bulk-summary .stat .value{font-weight:600}.praxis-files-upload .bulk-results .results-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.praxis-files-upload .bulk-results .result-item{display:flex;gap:.75rem;padding:.5rem .75rem;border:1px solid var(--mat-sys-color-outline-variant);border-radius:8px;background:var(--mat-sys-color-surface-container-lowest)}.praxis-files-upload .bulk-results .result-item.ok{border-color:var(--mat-sys-color-primary)}.praxis-files-upload .bulk-results .result-item.err{border-color:var(--mat-sys-color-error)}.praxis-files-upload .bulk-results .result-item .status-icon{align-self:flex-start;color:currentColor}.praxis-files-upload .bulk-results .result-item .main{flex:1;min-width:0}.praxis-files-upload .bulk-results .result-item .title{display:flex;align-items:center;gap:.5rem}.praxis-files-upload .bulk-results .result-item .name{font-weight:600}.praxis-files-upload .bulk-results .result-item .badge{font-size:.75rem;padding:.1rem .4rem;border-radius:999px;background:color-mix(in oklab,var(--mat-sys-color-primary) 15%,transparent);color:var(--mat-sys-color-primary)}.praxis-files-upload .bulk-results .result-item .badge.err{background:color-mix(in oklab,var(--mat-sys-color-error) 15%,transparent);color:var(--mat-sys-color-error)}.praxis-files-upload .bulk-results .result-item .meta,.praxis-files-upload .bulk-results .result-item .error{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:.25rem}.praxis-files-upload .bulk-results .result-item .error .code{font-weight:600}.praxis-files-upload .bulk-results .result-item .extra{margin-top:.25rem}.praxis-files-upload .bulk-results .result-item .item-actions{display:flex;align-items:center;gap:.25rem}.praxis-files-upload .bulk-results .list-footer{margin-top:.5rem;display:flex;justify-content:center}.praxis-files-upload .proximity-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border:2px dashed var(--mat-sys-color-outline);border-radius:var(--mat-sys-shape-corner-medium, 4px);background:color-mix(in oklab,var(--mat-sys-color-surface-container-high) 80%,transparent);color:var(--mat-sys-color-on-surface);text-align:center;z-index:2;pointer-events:none}.praxis-files-upload .proximity-overlay .dz-icon{font-size:40px;color:var(--mat-sys-color-primary)}.praxis-files-upload .proximity-overlay .dz-title{font-weight:600}.praxis-files-upload .proximity-overlay .dz-hint{opacity:.85}.praxis-files-upload .selected-overlay{background:var(--mat-sys-color-surface);color:var(--mat-sys-color-on-surface);border:1px solid var(--mat-sys-color-outline-variant);border-radius:8px;box-shadow:var(--mat-sys-level2, 0 2px 6px rgba(0, 0, 0, .15));max-height:260px;overflow:auto;padding:.5rem}.praxis-files-upload .selected-overlay .sel-header{position:sticky;top:0;z-index:1;background:var(--mat-sys-color-surface);display:flex;align-items:center;gap:.5rem;padding-bottom:.25rem;margin-bottom:.25rem}.praxis-files-upload .selected-overlay .sel-header .title{font-weight:600}.praxis-files-upload .selected-overlay .sel-header .spacer{flex:1}.praxis-files-upload .selected-overlay .sel-list{list-style:none;margin:0;padding:0}.praxis-files-upload .selected-overlay .sel-list .sel-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-bottom:1px solid var(--mat-sys-color-outline-variant, #ccc);transition:background-color .12s ease}.praxis-files-upload .selected-overlay .sel-list .sel-item .file-icon{opacity:.9;color:var(--mat-sys-color-primary, #1976d2)}.praxis-files-upload .selected-overlay .sel-list .sel-item .info{flex:1;min-width:0}.praxis-files-upload .selected-overlay .sel-list .sel-item .info .name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.praxis-files-upload .selected-overlay .sel-list .sel-item .info .meta{font-size:.8rem;opacity:.7}.praxis-files-upload .selected-overlay .sel-list .sel-item .remove-btn{color:var(--mat-sys-color-error, #b00020)}.praxis-files-upload .selected-overlay .sel-list .sel-item .more-btn{margin-left:.25rem}.praxis-files-upload .selected-overlay .sel-list .sel-item:hover{background:color-mix(in oklab,#000 8%,transparent)}:host ::ng-deep .praxis-files-upload-overlay-panel{pointer-events:none}:host ::ng-deep .praxis-files-selected-overlay-panel{pointer-events:auto;z-index:3}\n"] }]
+  `, styles: ["@charset \"UTF-8\";.praxis-files-upload{position:relative}.praxis-files-upload .settings-btn{position:absolute;top:.5rem;right:.5rem}.praxis-files-upload .rate-limit-banner,.praxis-files-upload .quota-banner,.praxis-files-upload .error{margin:.5rem 0;padding:.5rem 1rem;border-radius:var(--md-sys-shape-corner-small, 4px)}.praxis-files-upload .rate-limit-banner{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.praxis-files-upload .quota-banner{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.praxis-files-upload .dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px dashed var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-medium, 4px);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);text-align:center;cursor:pointer;transition:background-color .2s;width:100%;min-height:160px;margin:.5rem 0;gap:.5rem;position:relative}.praxis-files-upload .dropzone:focus,.praxis-files-upload .dropzone:hover{outline:none;background:var(--md-sys-color-surface-container-high);border-color:var(--md-sys-color-primary)}.praxis-files-upload .dropzone.dragover{background:var(--md-sys-color-surface-container-high);border-color:var(--md-sys-color-primary)}.praxis-files-upload .dropzone.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.praxis-files-upload .dropzone p{margin:0 0 .5rem}.praxis-files-upload .dropzone .dz-icon{font-size:40px;color:var(--md-sys-color-primary);margin-bottom:.25rem}.praxis-files-upload .dropzone .dz-title{font-weight:600}.praxis-files-upload .dropzone .dz-hint{margin:0;opacity:.8;font-size:.9rem}.praxis-files-upload .dropzone .field-actions{position:absolute;top:.25rem;right:.25rem;display:flex;gap:.25rem;pointer-events:auto}.praxis-files-upload .dropzone .field-actions button[mat-icon-button]{width:32px;height:32px}.praxis-files-upload .dropzone .field-actions mat-icon{font-size:20px}.praxis-files-upload .progress{margin-top:1rem}.praxis-files-upload .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.praxis-files-upload .bulk-results{margin-top:1rem}.praxis-files-upload .bulk-results .bulk-summary{display:flex;gap:1rem;align-items:center;margin-bottom:.5rem}.praxis-files-upload .bulk-results .bulk-summary .stat{display:flex;align-items:center;gap:.35rem;padding:.25rem .5rem;border-radius:6px;background:var(--md-sys-color-surface-container-low)}.praxis-files-upload .bulk-results .bulk-summary .stat.success{color:var(--md-sys-color-primary)}.praxis-files-upload .bulk-results .bulk-summary .stat.failed{color:var(--md-sys-color-error)}.praxis-files-upload .bulk-results .bulk-summary .stat .label{opacity:.9}.praxis-files-upload .bulk-results .bulk-summary .stat .value{font-weight:600}.praxis-files-upload .bulk-results .results-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.praxis-files-upload .bulk-results .result-item{display:flex;gap:.75rem;padding:.5rem .75rem;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container-lowest)}.praxis-files-upload .bulk-results .result-item.ok{border-color:var(--md-sys-color-primary)}.praxis-files-upload .bulk-results .result-item.err{border-color:var(--md-sys-color-error)}.praxis-files-upload .bulk-results .result-item .status-icon{align-self:flex-start;color:currentColor}.praxis-files-upload .bulk-results .result-item .main{flex:1;min-width:0}.praxis-files-upload .bulk-results .result-item .title{display:flex;align-items:center;gap:.5rem}.praxis-files-upload .bulk-results .result-item .name{font-weight:600}.praxis-files-upload .bulk-results .result-item .badge{font-size:.75rem;padding:.1rem .4rem;border-radius:999px;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.praxis-files-upload .bulk-results .result-item .badge.err{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.praxis-files-upload .bulk-results .result-item .meta,.praxis-files-upload .bulk-results .result-item .error{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:.25rem}.praxis-files-upload .bulk-results .result-item .error .code{font-weight:600}.praxis-files-upload .bulk-results .result-item .extra{margin-top:.25rem}.praxis-files-upload .bulk-results .result-item .item-actions{display:flex;align-items:center;gap:.25rem}.praxis-files-upload .bulk-results .list-footer{margin-top:.5rem;display:flex;justify-content:center}.praxis-files-upload .proximity-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border:2px dashed var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-medium, 4px);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);text-align:center;z-index:2;pointer-events:none}.praxis-files-upload .proximity-overlay .dz-icon{font-size:40px;color:var(--md-sys-color-primary)}.praxis-files-upload .proximity-overlay .dz-title{font-weight:600}.praxis-files-upload .proximity-overlay .dz-hint{opacity:.85}.praxis-files-upload .selected-overlay{background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;box-shadow:var(--md-sys-elevation-level2, 0 2px 6px rgba(0, 0, 0, .15));max-height:260px;overflow:auto;padding:.5rem}.praxis-files-upload .selected-overlay .sel-header{position:sticky;top:0;z-index:1;background:var(--md-sys-color-surface);display:flex;align-items:center;gap:.5rem;padding-bottom:.25rem;margin-bottom:.25rem}.praxis-files-upload .selected-overlay .sel-header .title{font-weight:600}.praxis-files-upload .selected-overlay .sel-header .spacer{flex:1}.praxis-files-upload .selected-overlay .sel-list{list-style:none;margin:0;padding:0}.praxis-files-upload .selected-overlay .sel-list .sel-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-bottom:1px solid var(--md-sys-color-outline-variant, #ccc);transition:background-color .12s ease}.praxis-files-upload .selected-overlay .sel-list .sel-item .file-icon{opacity:.9;color:var(--md-sys-color-primary, #1976d2)}.praxis-files-upload .selected-overlay .sel-list .sel-item .info{flex:1;min-width:0}.praxis-files-upload .selected-overlay .sel-list .sel-item .info .name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.praxis-files-upload .selected-overlay .sel-list .sel-item .info .meta{font-size:.8rem;opacity:.7}.praxis-files-upload .selected-overlay .sel-list .sel-item .remove-btn{color:var(--md-sys-color-error, #b00020)}.praxis-files-upload .selected-overlay .sel-list .sel-item .more-btn{margin-left:.25rem}.praxis-files-upload .selected-overlay .sel-list .sel-item:hover{background:var(--md-sys-color-surface-container-low)}:host ::ng-deep .praxis-files-upload-overlay-panel{pointer-events:none}:host ::ng-deep .praxis-files-selected-overlay-panel{pointer-events:auto;z-index:3}\n"] }]
         }], ctorParameters: () => [{ type: i1$2.SettingsPanelService }, { type: DragProximityService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [FILES_UPLOAD_TEXTS]
-                }] }, { type: i3.Overlay }, { type: i0.ViewContainerRef }, { type: i0.ChangeDetectorRef }, { type: FilesApiClient, decorators: [{
+                }] }, { type: i3.Overlay }, { type: i0.ViewContainerRef }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [ASYNC_CONFIG_STORAGE]
+                }] }, { type: FilesApiClient, decorators: [{
                     type: Optional
                 }] }, { type: PresignedUploaderService, decorators: [{
                     type: Optional
@@ -3715,19 +3999,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                 }, {
                     type: Inject,
                     args: [TRANSLATE_LIKE]
-                }] }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [CONFIG_STORAGE]
                 }] }], propDecorators: { config: [{
                 type: Input
-            }], componentId: [{
+            }], filesUploadId: [{
+                type: Input
+            }], uploadId: [{
+                type: Input
+            }], componentInstanceId: [{
                 type: Input
             }], baseUrl: [{
                 type: Input
             }], displayMode: [{
                 type: Input
+            }], context: [{
+                type: Input
+            }], editModeEnabled: [{
+                type: Input
             }], uploadSuccess: [{
                 type: Output
             }], bulkComplete: [{
@@ -3736,6 +4023,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                 type: Output
             }], rateLimited: [{
                 type: Output
+            }], uploadStart: [{
+                type: Output
+            }], uploadProgress: [{
+                type: Output
+            }], uploadError: [{
+                type: Output
             }], retry: [{
                 type: Output
             }], download: [{
@@ -3885,8 +4178,8 @@ class PdxFilesUploadFieldComponent extends SimpleBaseInputComponent {
         const i = Math.floor(Math.log(bytes) / Math.log(k));
         return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: PdxFilesUploadFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: PdxFilesUploadFieldComponent, isStandalone: true, selector: "pdx-material-files-upload", inputs: { config: "config", valueMode: "valueMode", baseUrl: "baseUrl" }, host: { properties: { "class": "componentCssClasses()", "attr.data-field-type": "\"files-upload\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, viewQueries: [{ propertyName: "uploader", first: true, predicate: ["uploader"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PdxFilesUploadFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: PdxFilesUploadFieldComponent, isStandalone: true, selector: "pdx-material-files-upload", inputs: { config: "config", valueMode: "valueMode", baseUrl: "baseUrl" }, host: { properties: { "class": "componentCssClasses()", "attr.data-field-type": "\"files-upload\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, viewQueries: [{ propertyName: "uploader", first: true, predicate: ["uploader"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
     <!-- Casca compacta tipo input -->
     <div class="pdx-upload-field-shell"
          role="button"
@@ -3977,16 +4270,16 @@ class PdxFilesUploadFieldComponent extends SimpleBaseInputComponent {
       displayMode="compact"
       style="display: none;"
       [config]="config"
-      [componentId]="componentId()"
+      [filesUploadId]="componentId()"
       [baseUrl]="baseUrl"
       (uploadSuccess)="onUploadSuccess($event)"
       (bulkComplete)="onBulkComplete($event)"
       (error)="onUploadError($event)"
       (pendingFilesChange)="handlePendingFiles($event)"
     />
-  `, isInline: true, styles: [":host{position:relative}.pdx-upload-field-shell{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--pfx-surface-border, #ccc);border-radius:8px;background:var(--pfx-surface, var(--md-sys-color-surface));color:var(--md-sys-color-on-surface);min-height:40px;cursor:pointer}.pdx-upload-field-shell:focus-within{outline:2px solid var(--md-sys-color-primary,#1976d2);outline-offset:2px}.pdx-upload-field-shell.error{border-color:var(--md-sys-color-error,#b00020)}.pdx-upload-field-shell.disabled{opacity:.6;cursor:not-allowed}.pdx-upload-field-shell .prefix{color:var(--md-sys-color-primary,#1976d2)}.pdx-upload-field-shell .content{flex:1;min-width:0;display:flex;align-items:center;gap:.5rem}.pdx-upload-field-shell .placeholder{color:var(--md-sys-color-on-surface-variant)}.pdx-upload-field-shell .value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-upload-field-shell .chip{font-size:.75rem;padding:0 .4rem;border-radius:999px;background:color-mix(in oklab,var(--mat-sys-color-primary,#1976d2) 15%,transparent);color:var(--mat-sys-color-primary,#1976d2)}.pdx-upload-field-shell .suffixes{display:flex;align-items:center;gap:.25rem}.pdx-upload-field-shell .icon-btn{border:0;background:transparent;padding:.25rem;border-radius:6px;cursor:pointer;color:var(--md-sys-color-on-surface-variant)}.pdx-upload-field-shell .icon-btn:hover{background:#ffffff0d}.pdx-upload-field-shell.disabled .icon-btn{cursor:not-allowed}.field-messages{font-size:.82rem;margin-top:.25rem}.field-messages .hint{opacity:.8}.field-messages .error{color:var(--md-sys-color-error,#b00020)}.pending-text-btn{display:flex;align-items:center;gap:.25rem;background:0;border:0;color:var(--md-sys-color-on-surface);font-family:inherit;font-size:inherit;padding:0;margin:0;cursor:pointer}.pending-text-btn span,.pending-text-btn mat-icon{color:inherit}.pending-files-menu .mat-mdc-menu-content{padding:0}.pending-file-item{display:flex;align-items:center;width:100%;gap:.5rem;padding:8px 16px}.pending-file-item .file-info{flex:1;min-width:0;text-align:left}.pending-file-item .file-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pending-file-item .file-size{font-size:.8rem;opacity:.7}.pending-file-item .spacer{flex:1 1 auto}.pending-file-item .remove-pending-btn{color:var(--md-sys-color-on-surface-variant)}.pdx-upload-field-shell.proximity-active{border-style:dashed;border-color:var(--md-sys-color-primary);transform:scale(1.02);background:color-mix(in oklab,var(--pfx-surface) 85%,var(--md-sys-color-primary) 15%);transition:all .2s ease-in-out}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PraxisFilesUpload, selector: "praxis-files-upload", inputs: ["config", "componentId", "baseUrl", "displayMode"], outputs: ["uploadSuccess", "bulkComplete", "error", "rateLimited", "retry", "download", "copyLink", "detailsOpened", "detailsClosed", "pendingFilesChange", "proximityChange"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3$1.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i3$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i13.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
+  `, isInline: true, styles: [":host{position:relative}.pdx-upload-field-shell{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--pfx-surface-border, #ccc);border-radius:8px;background:var(--pfx-surface, var(--md-sys-color-surface));color:var(--md-sys-color-on-surface);min-height:40px;cursor:pointer}.pdx-upload-field-shell:focus-within{outline:2px solid var(--md-sys-color-primary,#1976d2);outline-offset:2px}.pdx-upload-field-shell.error{border-color:var(--md-sys-color-error,#b00020)}.pdx-upload-field-shell.disabled{opacity:.6;cursor:not-allowed}.pdx-upload-field-shell .prefix{color:var(--md-sys-color-primary,#1976d2)}.pdx-upload-field-shell .content{flex:1;min-width:0;display:flex;align-items:center;gap:.5rem}.pdx-upload-field-shell .placeholder{color:var(--md-sys-color-on-surface-variant)}.pdx-upload-field-shell .value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-upload-field-shell .chip{font-size:.75rem;padding:0 .4rem;border-radius:999px;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.pdx-upload-field-shell .suffixes{display:flex;align-items:center;gap:.25rem}.pdx-upload-field-shell .icon-btn{border:0;background:transparent;padding:.25rem;border-radius:6px;cursor:pointer;color:var(--md-sys-color-on-surface-variant)}.pdx-upload-field-shell .icon-btn:hover{background:#ffffff0d}.pdx-upload-field-shell.disabled .icon-btn{cursor:not-allowed}.field-messages{font-size:.82rem;margin-top:.25rem}.field-messages .hint{opacity:.8}.field-messages .error{color:var(--md-sys-color-error,#b00020)}.pending-text-btn{display:flex;align-items:center;gap:.25rem;background:0;border:0;color:var(--md-sys-color-on-surface);font-family:inherit;font-size:inherit;padding:0;margin:0;cursor:pointer}.pending-text-btn span,.pending-text-btn mat-icon{color:inherit}.pending-files-menu .mat-mdc-menu-content{padding:0}.pending-file-item{display:flex;align-items:center;width:100%;gap:.5rem;padding:8px 16px}.pending-file-item .file-info{flex:1;min-width:0;text-align:left}.pending-file-item .file-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pending-file-item .file-size{font-size:.8rem;opacity:.7}.pending-file-item .spacer{flex:1 1 auto}.pending-file-item .remove-pending-btn{color:var(--md-sys-color-on-surface-variant)}.pdx-upload-field-shell.proximity-active{border-style:dashed;border-color:var(--md-sys-color-primary);transform:scale(1.02);background:var(--md-sys-color-surface-container-low);transition:all .2s ease-in-out}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PraxisFilesUpload, selector: "praxis-files-upload", inputs: ["config", "filesUploadId", "uploadId", "componentInstanceId", "baseUrl", "displayMode", "context", "editModeEnabled"], outputs: ["uploadSuccess", "bulkComplete", "error", "rateLimited", "uploadStart", "uploadProgress", "uploadError", "retry", "download", "copyLink", "detailsOpened", "detailsClosed", "pendingFilesChange", "proximityChange"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3$1.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i3$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i11.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: PdxFilesUploadFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PdxFilesUploadFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pdx-material-files-upload', standalone: true, imports: [CommonModule, PraxisFilesUpload, MatIconModule, MatMenuModule, MatTooltipModule], template: `
     <!-- Casca compacta tipo input -->
@@ -4079,7 +4372,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
       displayMode="compact"
       style="display: none;"
       [config]="config"
-      [componentId]="componentId()"
+      [filesUploadId]="componentId()"
       [baseUrl]="baseUrl"
       (uploadSuccess)="onUploadSuccess($event)"
       (bulkComplete)="onBulkComplete($event)"
@@ -4091,7 +4384,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                         '[attr.data-field-type]': '"files-upload"',
                         '[attr.data-field-name]': 'metadata()?.name',
                         '[attr.data-component-id]': 'componentId()',
-                    }, styles: [":host{position:relative}.pdx-upload-field-shell{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--pfx-surface-border, #ccc);border-radius:8px;background:var(--pfx-surface, var(--md-sys-color-surface));color:var(--md-sys-color-on-surface);min-height:40px;cursor:pointer}.pdx-upload-field-shell:focus-within{outline:2px solid var(--md-sys-color-primary,#1976d2);outline-offset:2px}.pdx-upload-field-shell.error{border-color:var(--md-sys-color-error,#b00020)}.pdx-upload-field-shell.disabled{opacity:.6;cursor:not-allowed}.pdx-upload-field-shell .prefix{color:var(--md-sys-color-primary,#1976d2)}.pdx-upload-field-shell .content{flex:1;min-width:0;display:flex;align-items:center;gap:.5rem}.pdx-upload-field-shell .placeholder{color:var(--md-sys-color-on-surface-variant)}.pdx-upload-field-shell .value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-upload-field-shell .chip{font-size:.75rem;padding:0 .4rem;border-radius:999px;background:color-mix(in oklab,var(--mat-sys-color-primary,#1976d2) 15%,transparent);color:var(--mat-sys-color-primary,#1976d2)}.pdx-upload-field-shell .suffixes{display:flex;align-items:center;gap:.25rem}.pdx-upload-field-shell .icon-btn{border:0;background:transparent;padding:.25rem;border-radius:6px;cursor:pointer;color:var(--md-sys-color-on-surface-variant)}.pdx-upload-field-shell .icon-btn:hover{background:#ffffff0d}.pdx-upload-field-shell.disabled .icon-btn{cursor:not-allowed}.field-messages{font-size:.82rem;margin-top:.25rem}.field-messages .hint{opacity:.8}.field-messages .error{color:var(--md-sys-color-error,#b00020)}.pending-text-btn{display:flex;align-items:center;gap:.25rem;background:0;border:0;color:var(--md-sys-color-on-surface);font-family:inherit;font-size:inherit;padding:0;margin:0;cursor:pointer}.pending-text-btn span,.pending-text-btn mat-icon{color:inherit}.pending-files-menu .mat-mdc-menu-content{padding:0}.pending-file-item{display:flex;align-items:center;width:100%;gap:.5rem;padding:8px 16px}.pending-file-item .file-info{flex:1;min-width:0;text-align:left}.pending-file-item .file-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pending-file-item .file-size{font-size:.8rem;opacity:.7}.pending-file-item .spacer{flex:1 1 auto}.pending-file-item .remove-pending-btn{color:var(--md-sys-color-on-surface-variant)}.pdx-upload-field-shell.proximity-active{border-style:dashed;border-color:var(--md-sys-color-primary);transform:scale(1.02);background:color-mix(in oklab,var(--pfx-surface) 85%,var(--md-sys-color-primary) 15%);transition:all .2s ease-in-out}\n"] }]
+                    }, styles: [":host{position:relative}.pdx-upload-field-shell{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--pfx-surface-border, #ccc);border-radius:8px;background:var(--pfx-surface, var(--md-sys-color-surface));color:var(--md-sys-color-on-surface);min-height:40px;cursor:pointer}.pdx-upload-field-shell:focus-within{outline:2px solid var(--md-sys-color-primary,#1976d2);outline-offset:2px}.pdx-upload-field-shell.error{border-color:var(--md-sys-color-error,#b00020)}.pdx-upload-field-shell.disabled{opacity:.6;cursor:not-allowed}.pdx-upload-field-shell .prefix{color:var(--md-sys-color-primary,#1976d2)}.pdx-upload-field-shell .content{flex:1;min-width:0;display:flex;align-items:center;gap:.5rem}.pdx-upload-field-shell .placeholder{color:var(--md-sys-color-on-surface-variant)}.pdx-upload-field-shell .value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-upload-field-shell .chip{font-size:.75rem;padding:0 .4rem;border-radius:999px;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.pdx-upload-field-shell .suffixes{display:flex;align-items:center;gap:.25rem}.pdx-upload-field-shell .icon-btn{border:0;background:transparent;padding:.25rem;border-radius:6px;cursor:pointer;color:var(--md-sys-color-on-surface-variant)}.pdx-upload-field-shell .icon-btn:hover{background:#ffffff0d}.pdx-upload-field-shell.disabled .icon-btn{cursor:not-allowed}.field-messages{font-size:.82rem;margin-top:.25rem}.field-messages .hint{opacity:.8}.field-messages .error{color:var(--md-sys-color-error,#b00020)}.pending-text-btn{display:flex;align-items:center;gap:.25rem;background:0;border:0;color:var(--md-sys-color-on-surface);font-family:inherit;font-size:inherit;padding:0;margin:0;cursor:pointer}.pending-text-btn span,.pending-text-btn mat-icon{color:inherit}.pending-files-menu .mat-mdc-menu-content{padding:0}.pending-file-item{display:flex;align-items:center;width:100%;gap:.5rem;padding:8px 16px}.pending-file-item .file-info{flex:1;min-width:0;text-align:left}.pending-file-item .file-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pending-file-item .file-size{font-size:.8rem;opacity:.7}.pending-file-item .spacer{flex:1 1 auto}.pending-file-item .remove-pending-btn{color:var(--md-sys-color-on-surface-variant)}.pdx-upload-field-shell.proximity-active{border-style:dashed;border-color:var(--md-sys-color-primary);transform:scale(1.02);background:var(--md-sys-color-surface-container-low);transition:all .2s ease-in-out}\n"] }]
         }], propDecorators: { config: [{
                 type: Input
             }], valueMode: [{
@@ -4161,37 +4454,251 @@ const FILES_UPLOAD_PT_BR = {
     'praxis.filesUpload.errors.UNKNOWN_ERROR': 'Erro desconhecido.',
 };
 
-/** Metadata for PraxisFilesUpload component */
 const PRAXIS_FILES_UPLOAD_COMPONENT_METADATA = {
     id: 'praxis-files-upload',
     selector: 'praxis-files-upload',
     component: PraxisFilesUpload,
     friendlyName: 'Praxis Files Upload',
-    description: 'Upload de arquivos com dropzone, envio em lote e lista de resultados rica.',
+    description: 'Componente para upload de arquivos com suporte a configuracao dinamica, eventos e integracao com backend.',
     icon: 'upload_file',
     inputs: [
-        { name: 'config', type: 'FilesUploadConfig | null', description: 'Configuração de UI/limites/opções/bulk/quotas/rateLimit/messages' },
-        { name: 'componentId', type: 'string', default: 'default', description: 'Identificador do componente (ex.: storage de preferências)' },
-        { name: 'baseUrl', type: 'string', description: 'Base URL da API de arquivos' },
-        { name: 'displayMode', type: "'full' | 'compact'", default: 'full', description: 'Modo de exibição do componente' },
+        {
+            name: 'config',
+            type: 'FilesUploadConfig',
+            label: 'Configuracao',
+            description: 'Configuracao do upload (tipos aceitos, limites, endpoints, comportamento).',
+        },
+        {
+            name: 'filesUploadId',
+            type: 'string',
+            label: 'Upload ID',
+            description: 'Identificador logico do upload para persistencia e rastreamento.',
+        },
+        {
+            name: 'uploadId',
+            type: 'string',
+            label: 'Upload ID (alias)',
+            description: 'Alias funcional de filesUploadId para compatibilidade com hosts.',
+        },
+        {
+            name: 'componentInstanceId',
+            type: 'string',
+            label: 'ID da instancia',
+            description: 'Identificador opcional para diferenciar multiplas instancias na mesma tela.',
+        },
+        {
+            name: 'baseUrl',
+            type: 'string',
+            label: 'Base URL',
+            description: 'Base URL da API de arquivos.',
+        },
+        {
+            name: 'displayMode',
+            type: "'full' | 'compact'",
+            default: 'full',
+            label: 'Modo de exibicao',
+            description: 'Define o modo de exibicao do componente.',
+        },
+        {
+            name: 'context',
+            type: 'Record<string, unknown>',
+            label: 'Contexto',
+            description: 'Contexto usado para resolver expressoes em metadados.',
+        },
+        {
+            name: 'editModeEnabled',
+            type: 'boolean',
+            default: true,
+            label: 'Modo de edicao',
+            description: 'Habilita a UI de configuracao no runtime.',
+        },
     ],
     outputs: [
-        { name: 'uploadSuccess', type: '{ file: FileMetadata }', description: 'Emite após upload único com sucesso' },
-        { name: 'bulkComplete', type: 'BulkUploadResponse', description: 'Emite após upload em lote completar' },
-        { name: 'error', type: 'ErrorResponse', description: 'Erros de upload' },
-        { name: 'rateLimited', type: 'RateLimitInfo', description: 'Sinaliza rate limiting' },
-        { name: 'retry', type: 'BulkUploadFileResult', description: 'Usuário acionou reenvio' },
-        { name: 'download', type: 'BulkUploadFileResult', description: 'Usuário solicitou download' },
-        { name: 'copyLink', type: 'BulkUploadFileResult', description: 'Usuário copiou link' },
-        { name: 'detailsOpened', type: 'BulkUploadFileResult', description: 'Detalhes do item abertos' },
-        { name: 'detailsClosed', type: 'BulkUploadFileResult', description: 'Detalhes do item fechados' },
-        { name: 'pendingFilesChange', type: 'File[]', description: 'Mudança na lista de arquivos pendentes' },
-        { name: 'proximityChange', type: 'boolean', description: 'Mudança de estado de proximidade (drag-over expand)' },
+        {
+            name: 'uploadSuccess',
+            type: '{ file: FileMetadata }',
+            label: 'Upload concluido',
+            description: 'Disparado quando o upload e finalizado com sucesso.',
+        },
+        {
+            name: 'bulkComplete',
+            type: 'BulkUploadResponse',
+            label: 'Upload em lote concluido',
+            description: 'Disparado quando o upload em lote e finalizado.',
+        },
+        {
+            name: 'error',
+            type: 'ErrorResponse',
+            label: 'Erro no upload',
+            description: 'Disparado quando ocorre erro durante o upload.',
+        },
+        {
+            name: 'rateLimited',
+            type: 'RateLimitInfo',
+            label: 'Rate limit',
+            description: 'Disparado quando ocorre rate limiting.',
+        },
+        {
+            name: 'uploadStart',
+            type: 'UploadStartEvent',
+            label: 'Inicio do upload',
+            description: 'Disparado quando o upload inicia com contexto do envio.',
+        },
+        {
+            name: 'uploadProgress',
+            type: 'UploadProgressEvent',
+            label: 'Progresso',
+            description: 'Disparado conforme o progresso de upload.',
+        },
+        {
+            name: 'uploadError',
+            type: 'ErrorResponse',
+            label: 'Erro no upload',
+            description: 'Disparado quando ocorre erro durante o upload.',
+        },
+        {
+            name: 'retry',
+            type: 'BulkUploadFileResult',
+            label: 'Reenvio',
+            description: 'Disparado quando o usuario aciona reenvio.',
+        },
+        {
+            name: 'download',
+            type: 'BulkUploadFileResult',
+            label: 'Download',
+            description: 'Disparado quando o usuario solicita download.',
+        },
+        {
+            name: 'copyLink',
+            type: 'BulkUploadFileResult',
+            label: 'Copiar link',
+            description: 'Disparado quando o usuario copia o link.',
+        },
+        {
+            name: 'detailsOpened',
+            type: 'BulkUploadFileResult',
+            label: 'Detalhes abertos',
+            description: 'Disparado quando os detalhes do item sao abertos.',
+        },
+        {
+            name: 'detailsClosed',
+            type: 'BulkUploadFileResult',
+            label: 'Detalhes fechados',
+            description: 'Disparado quando os detalhes do item sao fechados.',
+        },
+        {
+            name: 'pendingFilesChange',
+            type: 'File[]',
+            label: 'Arquivos pendentes',
+            description: 'Disparado quando a lista de arquivos pendentes muda.',
+        },
+        {
+            name: 'proximityChange',
+            type: 'boolean',
+            label: 'Proximidade',
+            description: 'Disparado quando muda o estado de proximidade do drag.',
+        },
     ],
-    tags: ['widget', 'upload', 'configurable', 'hasWizard', 'stable'],
+    actions: [
+        {
+            id: 'retry',
+            label: 'Reenviar',
+            icon: 'refresh',
+            description: 'Emite evento de reenvio do item',
+            emit: 'retry',
+            payloadSchema: {
+                type: 'object',
+                properties: {
+                    fileName: { type: 'string', description: 'Nome do arquivo' },
+                    status: { type: 'string', description: 'Status do upload' },
+                    file: { type: 'object', description: 'Metadados do arquivo' },
+                    error: { type: 'object', description: 'Erro do upload' },
+                },
+                required: ['fileName', 'status'],
+                example: { fileName: 'documento.pdf', status: 'failed' },
+            },
+            scope: 'context',
+        },
+        {
+            id: 'download',
+            label: 'Download',
+            icon: 'file_download',
+            description: 'Emite evento de download do item',
+            emit: 'download',
+            payloadSchema: {
+                type: 'object',
+                properties: {
+                    fileName: { type: 'string', description: 'Nome do arquivo' },
+                    status: { type: 'string', description: 'Status do upload' },
+                    file: { type: 'object', description: 'Metadados do arquivo' },
+                    error: { type: 'object', description: 'Erro do upload' },
+                },
+                required: ['fileName', 'status'],
+                example: { fileName: 'documento.pdf', status: 'succeeded' },
+            },
+            scope: 'context',
+        },
+        {
+            id: 'copy-link',
+            label: 'Copiar link',
+            icon: 'link',
+            description: 'Emite evento ao copiar o link do item',
+            emit: 'copyLink',
+            payloadSchema: {
+                type: 'object',
+                properties: {
+                    fileName: { type: 'string', description: 'Nome do arquivo' },
+                    status: { type: 'string', description: 'Status do upload' },
+                    file: { type: 'object', description: 'Metadados do arquivo' },
+                    error: { type: 'object', description: 'Erro do upload' },
+                },
+                required: ['fileName', 'status'],
+                example: { fileName: 'documento.pdf', status: 'succeeded' },
+            },
+            scope: 'context',
+        },
+        {
+            id: 'details-opened',
+            label: 'Abrir detalhes',
+            icon: 'info',
+            description: 'Emite evento ao abrir detalhes do item',
+            emit: 'detailsOpened',
+            payloadSchema: {
+                type: 'object',
+                properties: {
+                    fileName: { type: 'string', description: 'Nome do arquivo' },
+                    status: { type: 'string', description: 'Status do upload' },
+                    file: { type: 'object', description: 'Metadados do arquivo' },
+                    error: { type: 'object', description: 'Erro do upload' },
+                },
+                required: ['fileName', 'status'],
+                example: { fileName: 'documento.pdf', status: 'succeeded' },
+            },
+            scope: 'context',
+        },
+        {
+            id: 'details-closed',
+            label: 'Fechar detalhes',
+            icon: 'info_outline',
+            description: 'Emite evento ao fechar detalhes do item',
+            emit: 'detailsClosed',
+            payloadSchema: {
+                type: 'object',
+                properties: {
+                    fileName: { type: 'string', description: 'Nome do arquivo' },
+                    status: { type: 'string', description: 'Status do upload' },
+                    file: { type: 'object', description: 'Metadados do arquivo' },
+                    error: { type: 'object', description: 'Erro do upload' },
+                },
+                required: ['fileName', 'status'],
+                example: { fileName: 'documento.pdf', status: 'succeeded' },
+            },
+            scope: 'context',
+        },
+    ],
+    tags: ['files', 'upload', 'widget', 'configurable'],
     lib: '@praxisui/files-upload',
 };
-/** Provider para auto-registrar metadados do componente Files Upload. */
 function providePraxisFilesUploadMetadata() {
     return {
         provide: ENVIRONMENT_INITIALIZER,
@@ -4203,11 +4710,94 @@ function providePraxisFilesUploadMetadata() {
     };
 }
 
+/**
+ * Capabilities catalog for FilesUploadConfig.
+ * Paths follow FilesUploadConfig shape (patch merged at config root).
+ */
+const ENUMS = {
+    strategy: ['direct', 'presign', 'auto'],
+    dropzoneExpandMode: ['overlay', 'inline'],
+    listDetailsMode: ['card', 'sidesheet', 'auto'],
+    listDetailsAnchor: ['item', 'field'],
+    conflictPolicy: ['ERROR', 'SKIP', 'OVERWRITE', 'MAKE_UNIQUE', 'RENAME'],
+};
+const FILES_UPLOAD_AI_CAPABILITIES = {
+    version: 'v1.0',
+    enums: ENUMS,
+    targets: ['praxis-files-upload', 'files-upload-dropzone'],
+    notes: [
+        'limits.maxFileSizeBytes and limits.maxBulkSizeBytes are bytes (e.g., 10485760 for 10MB).',
+        'options.allowedExtensions is enforced by backend validation; ui.accept is only a client hint.',
+        'Use limits.defaultConflictPolicy to control name collisions on upload.',
+    ],
+    capabilities: [
+        { path: 'strategy', category: 'strategy', valueKind: 'enum', allowedValues: ENUMS.strategy, description: 'Upload strategy.' },
+        { path: 'ui', category: 'ui', valueKind: 'object', description: 'UI configuration.' },
+        { path: 'ui.showDropzone', category: 'ui', valueKind: 'boolean', description: 'Show drag-and-drop dropzone.' },
+        { path: 'ui.accept', category: 'ui', valueKind: 'array', description: 'Accept attribute hints (extensions or mime types).' },
+        { path: 'ui.accept[]', category: 'ui', valueKind: 'string', description: 'Single accept entry.' },
+        { path: 'ui.dense', category: 'ui', valueKind: 'boolean', description: 'Dense layout.' },
+        { path: 'ui.showConflictPolicySelector', category: 'ui', valueKind: 'boolean', description: 'Show conflict policy selector.' },
+        { path: 'ui.showMetadataForm', category: 'ui', valueKind: 'boolean', description: 'Show metadata form for each file.' },
+        { path: 'ui.showProgress', category: 'ui', valueKind: 'boolean', description: 'Show progress UI.' },
+        { path: 'ui.manualUpload', category: 'ui', valueKind: 'boolean', description: 'Require manual start for uploads.' },
+        { path: 'ui.dropzone', category: 'ui', valueKind: 'object', description: 'Dropzone interaction options.' },
+        { path: 'ui.dropzone.expandOnDragProximity', category: 'ui', valueKind: 'boolean', description: 'Expand dropzone on drag proximity.' },
+        { path: 'ui.dropzone.proximityPx', category: 'ui', valueKind: 'number', description: 'Proximity radius in pixels.' },
+        { path: 'ui.dropzone.expandMode', category: 'ui', valueKind: 'enum', allowedValues: ENUMS.dropzoneExpandMode, description: 'Dropzone expansion mode.' },
+        { path: 'ui.dropzone.expandHeight', category: 'ui', valueKind: 'number', description: 'Expanded height (px).' },
+        { path: 'ui.dropzone.expandDebounceMs', category: 'ui', valueKind: 'number', description: 'Drag debounce (ms).' },
+        { path: 'ui.list', category: 'ui', valueKind: 'object', description: 'Uploaded files list options.' },
+        { path: 'ui.list.collapseAfter', category: 'ui', valueKind: 'number', description: 'Collapse list after N items.' },
+        { path: 'ui.list.detailsMode', category: 'ui', valueKind: 'enum', allowedValues: ENUMS.listDetailsMode, description: 'Details panel mode.' },
+        { path: 'ui.list.detailsMaxWidth', category: 'ui', valueKind: 'number', description: 'Details panel max width (px).' },
+        { path: 'ui.list.detailsShowTechnical', category: 'ui', valueKind: 'boolean', description: 'Show technical details by default.' },
+        { path: 'ui.list.detailsFields', category: 'ui', valueKind: 'array', description: 'Allowed metadata fields to display.' },
+        { path: 'ui.list.detailsFields[]', category: 'ui', valueKind: 'string', description: 'Single metadata field name.' },
+        { path: 'ui.list.detailsAnchor', category: 'ui', valueKind: 'enum', allowedValues: ENUMS.listDetailsAnchor, description: 'Details overlay anchor.' },
+        { path: 'limits', category: 'limits', valueKind: 'object', description: 'Upload limits.' },
+        { path: 'limits.maxFileSizeBytes', category: 'limits', valueKind: 'number', description: 'Max file size (bytes).' },
+        { path: 'limits.maxFilesPerBulk', category: 'limits', valueKind: 'number', description: 'Max files per bulk upload.' },
+        { path: 'limits.maxBulkSizeBytes', category: 'limits', valueKind: 'number', description: 'Max bulk size (bytes).' },
+        { path: 'limits.defaultConflictPolicy', category: 'limits', valueKind: 'enum', allowedValues: ENUMS.conflictPolicy, description: 'Default conflict policy.' },
+        { path: 'limits.failFast', category: 'limits', valueKind: 'boolean', description: 'Abort on first error.' },
+        { path: 'limits.strictValidation', category: 'limits', valueKind: 'boolean', description: 'Strict client validation.' },
+        { path: 'limits.maxUploadSizeMb', category: 'limits', valueKind: 'number', description: 'Max upload size in MB.' },
+        { path: 'options', category: 'options', valueKind: 'object', description: 'Backend options sent as JSON.' },
+        { path: 'options.allowedExtensions', category: 'options', valueKind: 'array', description: 'Allowed file extensions.' },
+        { path: 'options.allowedExtensions[]', category: 'options', valueKind: 'string', description: 'Single extension (e.g., pdf).' },
+        { path: 'options.acceptMimeTypes', category: 'options', valueKind: 'array', description: 'Allowed mime types.' },
+        { path: 'options.acceptMimeTypes[]', category: 'options', valueKind: 'string', description: 'Single mime type.' },
+        { path: 'options.targetDirectory', category: 'options', valueKind: 'string', description: 'Target directory on backend.' },
+        { path: 'options.enableVirusScanning', category: 'options', valueKind: 'boolean', description: 'Enable virus scanning.' },
+        { path: 'bulk', category: 'bulk', valueKind: 'object', description: 'Bulk upload tuning.' },
+        { path: 'bulk.parallelUploads', category: 'bulk', valueKind: 'number', description: 'Parallel uploads count.' },
+        { path: 'bulk.retryCount', category: 'bulk', valueKind: 'number', description: 'Retry count.' },
+        { path: 'bulk.retryBackoffMs', category: 'bulk', valueKind: 'number', description: 'Retry backoff (ms).' },
+        { path: 'quotas', category: 'quotas', valueKind: 'object', description: 'Quota UX behavior.' },
+        { path: 'quotas.showQuotaWarnings', category: 'quotas', valueKind: 'boolean', description: 'Show quota warnings.' },
+        { path: 'quotas.blockOnExceed', category: 'quotas', valueKind: 'boolean', description: 'Block uploads when exceeded.' },
+        { path: 'rateLimit', category: 'rateLimit', valueKind: 'object', description: '429 handling.' },
+        { path: 'rateLimit.autoRetryOn429', category: 'rateLimit', valueKind: 'boolean', description: 'Auto retry on 429.' },
+        { path: 'rateLimit.showBannerOn429', category: 'rateLimit', valueKind: 'boolean', description: 'Show rate limit banner.' },
+        { path: 'rateLimit.maxAutoRetry', category: 'rateLimit', valueKind: 'number', description: 'Max auto retry attempts.' },
+        { path: 'rateLimit.baseBackoffMs', category: 'rateLimit', valueKind: 'number', description: 'Base backoff (ms).' },
+        { path: 'headers', category: 'headers', valueKind: 'object', description: 'Header mapping for backend.' },
+        { path: 'headers.tenantHeader', category: 'headers', valueKind: 'string', description: 'Tenant header name.' },
+        { path: 'headers.userHeader', category: 'headers', valueKind: 'string', description: 'User header name.' },
+        { path: 'messages', category: 'messages', valueKind: 'object', description: 'User-facing text overrides.' },
+        { path: 'messages.successSingle', category: 'messages', valueKind: 'string', description: 'Single upload success message.' },
+        { path: 'messages.successBulk', category: 'messages', valueKind: 'string', description: 'Bulk upload success message.' },
+        { path: 'messages.errors', category: 'messages', valueKind: 'object', description: 'Error message map.' },
+        { path: 'messages.errors.[code]', category: 'messages', valueKind: 'string', description: 'Message for a specific error code.' },
+    ],
+};
+
 // Export all public API from subdirectories
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { BulkUploadResultStatus, ErrorCode, ErrorMapperService, FILES_UPLOAD_ERROR_MESSAGES, FILES_UPLOAD_PT_BR, FILES_UPLOAD_TEXTS, FilesApiClient, PRAXIS_FILES_UPLOAD_COMPONENT_METADATA, PdxFilesUploadFieldComponent, PraxisFilesUpload, PraxisFilesUploadConfigEditor, PresignedUploaderService, ScanStatus, TRANSLATE_LIKE, acceptValidator, maxBulkSizeValidator, maxFileSizeValidator, maxFilesPerBulkValidator, providePraxisFilesUploadMetadata };
+export { BulkUploadResultStatus, ErrorCode, ErrorMapperService, FILES_UPLOAD_AI_CAPABILITIES, FILES_UPLOAD_ERROR_MESSAGES, FILES_UPLOAD_PT_BR, FILES_UPLOAD_TEXTS, FilesApiClient, PRAXIS_FILES_UPLOAD_COMPONENT_METADATA, PdxFilesUploadFieldComponent, PraxisFilesUpload, PraxisFilesUploadConfigEditor, PresignedUploaderService, ScanStatus, TRANSLATE_LIKE, acceptValidator, maxBulkSizeValidator, maxFileSizeValidator, maxFilesPerBulkValidator, providePraxisFilesUploadMetadata };
 //# sourceMappingURL=praxisui-files-upload.mjs.map