@praxisui/files-upload 3.0.0-beta.7 → 3.0.0-beta.8

package/fesm2022/praxisui-files-upload.mjs

@@ -1,5 +1,5 @@
 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 { Injectable, inject, signal, InjectionToken, Inject, Component, Optional, EventEmitter, ViewChild, Output, Input, ChangeDetectionStrategy, ENVIRONMENT_INITIALIZER } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import * as i9 from '@angular/common';
 import { CommonModule } from '@angular/common';
@@ -16,7 +16,7 @@ import { MatMenuModule } from '@angular/material/menu';
 import * as i1 from '@angular/common/http';
 import { HttpHeaders, HttpEventType, HttpResponse, HttpErrorResponse } from '@angular/common/http';
 import * as i1$2 from '@praxisui/core';
-import { providePraxisI18n, ComponentKeyService, ASYNC_CONFIG_STORAGE, PraxisIconDirective, PraxisI18nService, ComponentMetadataRegistry } from '@praxisui/core';
+import { providePraxisI18n, PraxisI18nService, 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';
@@ -393,1212 +393,1197 @@ function getErrorMeta(code) {
     return DEFAULT_CATALOG[code] ?? { title: code };
 }
 
-class PraxisFilesUploadConfigEditor {
-    fb;
-    panelData;
-    snackBar;
-    destroyRef;
-    form;
-    // Integração com backend: baseUrl e sinais de configuração efetiva
-    baseUrl;
-    state;
-    serverLoading = () => (this.state ? this.state.loading() : false);
-    serverData = () => (this.state ? this.state.data() : undefined);
-    serverError = () => (this.state ? this.state.error() : undefined);
-    get uiGroup() {
-        return this.form.get('ui');
-    }
-    get dropzoneGroup() {
-        return this.form.get('ui').get('dropzone');
-    }
-    get listGroup() {
-        return this.form.get('ui').get('list');
-    }
-    get limitsGroup() {
-        return this.form.get('limits');
-    }
-    get optionsGroup() {
-        return this.form.get('options');
-    }
-    get quotasGroup() {
-        return this.form.get('quotas');
-    }
-    get rateLimitGroup() {
-        return this.form.get('rateLimit');
-    }
-    get bulkGroup() {
-        return this.form.get('bulk');
-    }
-    get messagesGroup() {
-        return this.form.get('messages');
-    }
-    get headersGroup() {
-        return this.form.get('headers');
-    }
-    get errorsGroup() {
-        return this.messagesGroup.get('errors');
-    }
-    errorCodes = Object.values(ErrorCode);
-    errorEntries = [];
-    isDirty$ = new BehaviorSubject(false);
-    isValid$;
-    isBusy$ = new BehaviorSubject(false);
-    jsonError = null;
-    constructor(fb, panelData, snackBar, destroyRef) {
-        this.fb = fb;
-        this.panelData = panelData;
-        this.snackBar = snackBar;
-        this.destroyRef = destroyRef;
-        this.form = this.fb.group({
-            strategy: ['direct'],
-            ui: this.fb.group({
-                showDropzone: [true],
-                showProgress: [true],
-                showConflictPolicySelector: [true],
-                manualUpload: [false],
-                dense: [false],
-                accept: [''],
-                showMetadataForm: [false],
-                // Grupos específicos de UI
-                dropzone: this.fb.group({
-                    expandOnDragProximity: [true],
-                    proximityPx: [64],
-                    expandMode: ['overlay'],
-                    expandHeight: [200],
-                    expandDebounceMs: [120],
-                }),
-                list: this.fb.group({
-                    collapseAfter: [5],
-                    detailsMode: ['auto'],
-                    detailsMaxWidth: [480],
-                    detailsShowTechnical: [false],
-                    detailsFields: [''], // CSV na UI
-                    detailsAnchor: ['item'],
-                }),
-            }),
-            limits: this.fb.group({
-                maxFileSizeBytes: [null],
-                maxFilesPerBulk: [null],
-                maxBulkSizeBytes: [null],
-            }),
-            options: this.fb.group({
-                defaultConflictPolicy: ['RENAME'],
-                strictValidation: [true],
-                maxUploadSizeMb: [50],
-                allowedExtensions: [''],
-                acceptMimeTypes: [''],
-                targetDirectory: [''],
-                enableVirusScanning: [false],
-            }),
-            bulk: this.fb.group({
-                failFast: [false],
-                parallelUploads: [1],
-                retryCount: [0],
-                retryBackoffMs: [0],
-            }),
-            quotas: this.fb.group({
-                showQuotaWarnings: [false],
-                blockOnExceed: [false],
-            }),
-            rateLimit: this.fb.group({
-                autoRetryOn429: [false],
-                showBannerOn429: [true],
-                maxAutoRetry: [0],
-                baseBackoffMs: [0],
-            }),
-            headers: this.fb.group({
-                tenantHeader: ['X-Tenant-Id'],
-                userHeader: ['X-User-Id'],
-                // Valores usados nas consultas de configuração do servidor
-                tenantValue: [''],
-                userValue: [''],
-            }),
-            messages: this.fb.group({
-                successSingle: [''],
-                successBulk: [''],
-                errors: this.fb.group({}),
-            }),
-        });
-        // Inicializa labels mais didáticos para os códigos de erro
-        const FRIENDLY = {
-            INVALID_FILE_TYPE: 'Tipo de arquivo inválido',
-            FILE_TOO_LARGE: 'Arquivo muito grande',
-            NOT_FOUND: 'Arquivo não encontrado',
-            UNAUTHORIZED: 'Acesso não autorizado',
-            RATE_LIMIT_EXCEEDED: 'Limite de requisições excedido',
-            INTERNAL_ERROR: 'Erro interno do servidor',
-            QUOTA_EXCEEDED: 'Cota de upload excedida',
-            SEC_VIRUS_DETECTED: 'Vírus detectado no arquivo',
-            SEC_MALICIOUS_CONTENT: 'Conteúdo malicioso detectado',
-            SEC_DANGEROUS_TYPE: 'Tipo de arquivo perigoso',
-            FMT_MAGIC_MISMATCH: 'Conteúdo do arquivo incompatível',
-            FMT_CORRUPTED: 'Arquivo corrompido',
-            FMT_UNSUPPORTED: 'Formato não suportado',
-            SYS_STORAGE_ERROR: 'Erro no armazenamento',
-            SYS_SERVICE_DOWN: 'Serviço indisponível',
-            SYS_RATE_LIMIT: 'Limite de requisições (sistema) excedido',
-        };
-        this.errorEntries = this.errorCodes.map((code) => ({
-            code,
-            label: FRIENDLY[code] ?? String(code),
-        }));
-        const errorsGroup = this.errorsGroup;
-        this.errorCodes.forEach((code) => {
-            errorsGroup.addControl(code, this.fb.control(''));
-        });
-        this.isValid$ = this.form.statusChanges.pipe(map$1((s) => s === 'VALID'), startWith(this.form.valid));
-        // Definir baseUrl e inicializar hook em contexto de injeção
-        this.baseUrl = this.panelData?.baseUrl ?? this.panelData?.__baseUrl;
-        this.state = useEffectiveUploadConfig(this.baseUrl ?? '/api/files', () => this.getHeadersForFetch());
-        // Observa mudanças na configuração efetiva do servidor (em contexto de injeção)
-        toObservable(this.state.data)
-            .pipe(takeUntilDestroyed(this.destroyRef))
-            .subscribe((cfg) => this.applyServerConfig(cfg));
-    }
-    ngOnInit() {
-        // baseUrl opcional vinda do componente pai (Settings Panel inputs)
-        // (já definida no construtor)
-        if (this.panelData) {
-            const patch = { ...this.panelData };
-            if (patch.ui?.accept) {
-                patch.ui = { ...patch.ui, accept: patch.ui.accept.join(',') };
-            }
-            // Normalizar lista de detalhes para CSV
-            if (patch.ui?.list?.detailsFields) {
-                patch.ui = {
-                    ...patch.ui,
-                    list: {
-                        ...patch.ui.list,
-                        detailsFields: patch.ui.list.detailsFields.join(','),
-                    },
-                };
-            }
-            if (patch.options?.allowedExtensions) {
-                patch.options = {
-                    ...patch.options,
-                    allowedExtensions: patch.options.allowedExtensions.join(','),
-                };
-            }
-            if (patch.options?.acceptMimeTypes) {
-                patch.options = {
-                    ...patch.options,
-                    acceptMimeTypes: patch.options.acceptMimeTypes.join(','),
-                };
-            }
-            this.form.patchValue(patch);
-        }
-        // Sempre que cabeçalhos mudarem, atualiza contexto da consulta (e refaz fetch)
-        this.headersGroup.valueChanges.subscribe(() => {
-            this.state.refetch();
-        });
-        this.form.valueChanges.subscribe(() => this.isDirty$.next(true));
-    }
-    applyServerConfig(cfg) {
-        if (!cfg)
-            return;
-        // Configuração efetiva do backend separada em validações locais, opções
-        // de backend e execução de lote.
-        const options = cfg.options ?? {};
-        const bulk = cfg.bulk ?? {};
-        // Validações locais alimentadas pelo backend
-        this.limitsGroup.patchValue({
-            // Preencher máx. arquivos por lote a partir do backend
-            maxFilesPerBulk: typeof bulk.maxFilesPerBatch === 'number'
-                ? bulk.maxFilesPerBatch
-                : null,
-        }, { emitEvent: false });
-        // Opções de backend (normalizar arrays em string CSV)
-        const allowed = Array.isArray(options.allowedExtensions)
-            ? options.allowedExtensions.join(',')
-            : '';
-        const mimes = Array.isArray(options.acceptMimeTypes)
-            ? options.acceptMimeTypes.join(',')
-            : '';
-        this.optionsGroup.patchValue({
-            defaultConflictPolicy: options.nameConflictPolicy ?? null,
-            strictValidation: options.strictValidation ?? null,
-            maxUploadSizeMb: options.maxUploadSizeMb ?? null,
-            allowedExtensions: allowed,
-            acceptMimeTypes: mimes,
-            targetDirectory: options.targetDirectory ?? '',
-            enableVirusScanning: !!options.enableVirusScanning,
-        }, { emitEvent: false });
-        // Execução de lote
-        this.bulkGroup.patchValue({
-            failFast: bulk.failFastModeDefault ?? false,
-            parallelUploads: typeof bulk.maxConcurrentUploads === 'number'
-                ? bulk.maxConcurrentUploads
-                : 1,
-        }, { emitEvent: false });
-        // rate limit (somente leitura na UI)
-        this.rateLimitGroup.patchValue({
-        // Mantemos flags de UI; os números vêm do servidor e são mostrados no resumo
-        }, { emitEvent: false });
-        // quotas (somente preferências de UI)
-        this.quotasGroup.patchValue({}, { emitEvent: false });
-        // Mensagens de erro do servidor
-        const serverMessages = cfg.messages ?? {};
-        const errorsGroup = this.errorsGroup;
-        const alias = {
-            INVALID_TYPE: ErrorCode.INVALID_FILE_TYPE,
-            UNSUPPORTED_FILE_TYPE: ErrorCode.FMT_UNSUPPORTED,
-            MAGIC_NUMBER_MISMATCH: ErrorCode.FMT_MAGIC_MISMATCH,
-            CORRUPTED_FILE: ErrorCode.FMT_CORRUPTED,
-            FILE_TOO_LARGE: ErrorCode.FILE_TOO_LARGE,
-            RATE_LIMIT_EXCEEDED: ErrorCode.RATE_LIMIT_EXCEEDED,
-            QUOTA_EXCEEDED: ErrorCode.QUOTA_EXCEEDED,
-            INTERNAL_ERROR: ErrorCode.INTERNAL_ERROR,
-            UNKNOWN_ERROR: ErrorCode.INTERNAL_ERROR,
-            MALWARE_DETECTED: ErrorCode.SEC_MALICIOUS_CONTENT,
-            VIRUS_DETECTED: ErrorCode.SEC_VIRUS_DETECTED,
-            DANGEROUS_FILE_TYPE: ErrorCode.SEC_DANGEROUS_TYPE,
-            DANGEROUS_EXECUTABLE: ErrorCode.SEC_DANGEROUS_TYPE,
-            FILE_STORE_ERROR: ErrorCode.SYS_STORAGE_ERROR,
-            SYS_STORAGE_ERROR: ErrorCode.SYS_STORAGE_ERROR,
-        };
-        Object.keys(serverMessages).forEach((rawCode) => {
-            const mapped = alias[rawCode] ?? ErrorCode[rawCode];
-            const ctrlName = mapped ? String(mapped) : rawCode;
-            if (!errorsGroup.get(ctrlName)) {
-                errorsGroup.addControl(ctrlName, this.fb.control(''));
-            }
-            if (!this.errorEntries.some((e) => e.code === ctrlName)) {
-                const meta = getErrorMeta(rawCode);
-                const label = meta.title || ctrlName;
-                this.errorEntries.push({ code: ctrlName, label });
-            }
-            errorsGroup
-                .get(ctrlName)
-                ?.patchValue(serverMessages[rawCode], { emitEvent: false });
-        });
-    }
-    getSettingsValue() {
-        const value = this.form.value;
-        // accept (UI)
-        const accept = this.uiGroup.get('accept')?.value;
-        if (accept !== undefined) {
-            value.ui = value.ui ?? {};
-            value.ui.accept = accept
-                .split(',')
-                .map((s) => s.trim())
-                .filter((s) => !!s);
-        }
-        // NOVO: detailsFields (UI)
-        const df = this.uiGroup.get('list')?.get('detailsFields')
-            ?.value;
-        if (df !== undefined) {
-            value.ui = value.ui ?? {};
-            value.ui.list = value.ui.list ?? {};
-            value.ui.list.detailsFields = df
-                .split(',')
-                .map((s) => s.trim())
-                .filter((s) => !!s);
-        }
-        // options.allowedExtensions
-        const allowedExt = this.optionsGroup.get('allowedExtensions')
-            ?.value;
-        if (allowedExt !== undefined) {
-            value.options = value.options ?? {};
-            value.options.allowedExtensions = allowedExt
-                .split(',')
-                .map((s) => s.trim())
-                .filter((s) => !!s);
-        }
-        // options.acceptMimeTypes
-        const mime = this.optionsGroup.get('acceptMimeTypes')?.value;
-        if (mime !== undefined) {
-            value.options = value.options ?? {};
-            value.options.acceptMimeTypes = mime
-                .split(',')
-                .map((s) => s.trim())
-                .filter((s) => !!s);
-        }
-        return value;
-    }
-    copyServerConfig() {
-        const data = this.serverData();
-        if (!data) {
-            return;
-        }
-        const json = JSON.stringify(data, null, 2);
-        if (navigator?.clipboard?.writeText) {
-            navigator.clipboard.writeText(json);
-            this.snackBar.open('Configuração copiada', undefined, {
-                duration: 2000,
-            });
-        }
-    }
-    onJsonChange(json) {
-        try {
-            const parsed = JSON.parse(json);
-            this.form.patchValue(parsed);
-            this.jsonError = null;
-        }
-        catch {
-            this.jsonError = 'JSON inválido: verifique a sintaxe.';
-            this.snackBar.open('JSON inválido', undefined, { duration: 2000 });
-        }
-    }
-    getHeadersForFetch() {
-        const h = this.headersGroup.value;
-        const headers = {};
-        if (h?.tenantHeader && h?.tenantValue)
-            headers[h.tenantHeader] = h.tenantValue;
-        if (h?.userHeader && h?.userValue)
-            headers[h.userHeader] = h.userValue;
-        return headers;
-    }
-    refetchServerConfig() {
-        this.state.refetch();
-    }
-    get summaryStrategyTitle() {
-        const strategy = this.form.get('strategy')?.value;
-        if (strategy === 'presign')
-            return 'Upload com URL pré-assinada';
-        if (strategy === 'auto')
-            return 'Seleção automática da estratégia';
-        return 'Upload direto ao backend';
-    }
-    get summaryStrategyDetail() {
-        const strategy = this.form.get('strategy')?.value;
-        if (strategy === 'presign') {
-            return 'Depende de endpoint de presign e costuma reduzir carga direta no servidor principal.';
-        }
-        if (strategy === 'auto') {
-            return 'Tenta presign primeiro e volta ao fluxo direto quando necessário.';
-        }
-        return 'Fluxo mais simples de integrar e diagnosticar em ambientes controlados.';
-    }
-    get summaryExperienceTitle() {
-        const ui = this.uiGroup.value;
-        if (ui?.manualUpload)
-            return 'Revisão manual antes do envio';
-        if (ui?.showDropzone === false)
-            return 'Seleção orientada por campo compacto';
-        return 'Envio imediato com dropzone visível';
-    }
-    get summaryExperienceDetail() {
-        const ui = this.uiGroup.value;
-        const tokens = [
-            ui?.showProgress ? 'progresso visível' : 'sem barra de progresso',
-            ui?.showConflictPolicySelector
-                ? 'escolha de conflito disponível'
-                : 'política de conflito escondida',
-            ui?.showMetadataForm ? 'metadados editáveis na UI' : 'sem formulário extra',
-        ];
-        return tokens.join(' • ');
-    }
-    get summaryLimitsTitle() {
-        const maxFile = this.optionsGroup.get('maxUploadSizeMb')?.value;
-        const maxBulk = this.limitsGroup.get('maxFilesPerBulk')?.value;
-        return `${maxFile || '—'} MB por arquivo • ${maxBulk || '—'} itens por lote`;
-    }
-    get summaryLimitsDetail() {
-        const parallel = this.bulkGroup.get('parallelUploads')?.value;
-        const failFast = this.bulkGroup.get('failFast')?.value;
-        return `${parallel || 1} upload(s) paralelos • ${failFast ? 'fail-fast ativo' : 'falhas parciais permitidas'}`;
-    }
-    get summaryServerTitle() {
-        const conflict = this.optionsGroup.get('defaultConflictPolicy')?.value || 'RENAME';
-        return `Conflito padrão: ${conflict}`;
-    }
-    get summaryServerDetail() {
-        const strict = this.optionsGroup.get('strictValidation')?.value;
-        const virus = this.optionsGroup.get('enableVirusScanning')?.value;
-        return `${strict ? 'validação rigorosa ligada' : 'validação rígida desativada'} • ${virus ? 'antivírus forçado' : 'antivírus opcional/inativo'}`;
-    }
-    get activeRisks() {
-        const risks = [];
-        if (this.optionsGroup.get('defaultConflictPolicy')?.value === 'OVERWRITE') {
-            risks.push({
-                title: 'Sobrescrita habilitada',
-                detail: 'Arquivos existentes podem ser substituídos silenciosamente se o backend aceitar a operação.',
-            });
-        }
-        if (this.optionsGroup.get('enableVirusScanning')?.value === true) {
-            risks.push({
-                title: 'Antivírus pode elevar latência',
-                detail: 'Ativar varredura forçada melhora segurança, mas pode impactar throughput e tempo de resposta.',
-            });
-        }
-        if (this.bulkGroup.get('failFast')?.value === true) {
-            risks.push({
-                title: 'Lote para no primeiro erro',
-                detail: 'Usuários podem precisar reenviar itens válidos quando o primeiro erro interromper o restante do lote.',
-            });
-        }
-        if ((this.rateLimitGroup.get('maxAutoRetry')?.value ?? 0) >= 5) {
-            risks.push({
-                title: 'Retry automático agressivo',
-                detail: 'Muitas tentativas automáticas podem aumentar tempo de espera percebido e ruído operacional.',
-            });
-        }
-        if (this.uiGroup.get('manualUpload')?.value === true) {
-            risks.push({
-                title: 'Fluxo exige ação manual',
-                detail: 'Adequado para revisão, mas aumenta passos no envio e pode reduzir taxa de conclusão em cenários simples.',
-            });
-        }
-        return risks;
-    }
-    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: `
-    <div class="editor-layout">
-      <aside class="summary-panel" aria-label="Resumo executivo da configuração">
-        <h3>Resumo executivo</h3>
-        <p class="summary-intro">
-          Revise aqui o impacto operacional antes de percorrer todos os grupos
-          de configuração.
-        </p>
-
-        <div class="summary-grid">
-          <section class="summary-card">
-            <span class="eyebrow">Estratégia</span>
-            <strong>{{ summaryStrategyTitle }}</strong>
-            <p>{{ summaryStrategyDetail }}</p>
-          </section>
-
-          <section class="summary-card">
-            <span class="eyebrow">Experiência</span>
-            <strong>{{ summaryExperienceTitle }}</strong>
-            <p>{{ summaryExperienceDetail }}</p>
-          </section>
-
-          <section class="summary-card">
-            <span class="eyebrow">Limites</span>
-            <strong>{{ summaryLimitsTitle }}</strong>
-            <p>{{ summaryLimitsDetail }}</p>
-          </section>
-
-          <section class="summary-card">
-            <span class="eyebrow">Servidor</span>
-            <strong>{{ summaryServerTitle }}</strong>
-            <p>{{ summaryServerDetail }}</p>
-          </section>
-        </div>
-
-        <section class="risk-panel" [class.safe]="activeRisks.length === 0">
-          <h4>
-            <mat-icon aria-hidden="true">{{
-              activeRisks.length === 0 ? 'verified' : 'warning'
-            }}</mat-icon>
-            Riscos e atenção
-          </h4>
-          <div *ngIf="activeRisks.length > 0; else noRiskState" class="risk-list">
-            <article class="risk-item" *ngFor="let risk of activeRisks">
-              <strong>{{ risk.title }}</strong>
-              <p>{{ risk.detail }}</p>
-            </article>
-          </div>
-          <ng-template #noRiskState>
-            <p class="safe-copy">
-              Nenhum risco operacional evidente na configuração atual.
-            </p>
-          </ng-template>
-        </section>
-      </aside>
-
-      <div class="editor-main">
-    <mat-tab-group>
-      <mat-tab label="Comportamento">
-        <div class="tab-panel">
-        <section class="tab-intro">
-          <h3>Estratégia e cadência do envio</h3>
-          <p>
-            Defina aqui como o usuário inicia o upload e como o lote se
-            comporta em termos de paralelismo e retentativa.
-          </p>
-        </section>
-        <section class="config-section">
-        <form [formGroup]="form">
-          <mat-form-field appearance="fill">
-            <mat-label>Estratégia de envio <span class="opt-tag">opcional</span></mat-label>
-            <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>
-            <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>
-        </section>
-        <section class="config-section">
-        <form [formGroup]="bulkGroup">
-          <h4 class="section-subtitle">
-            <mat-icon aria-hidden="true">build</mat-icon>
-            Opções configuráveis — Lote
-          </h4>
-          <p class="section-note">
-            Use paralelismo e retries com moderação. Em ambientes corporativos,
-            esses controles afetam throughput, experiência percebida e carga no
-            backend.
-          </p>
-          <mat-form-field appearance="fill">
-            <mat-label>Uploads paralelos <span class="opt-tag">opcional</span></mat-label>
-            <input matInput type="number" formControlName="parallelUploads" />
-            <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" />
-            <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" />
-            <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>
-        </section>
-        </div>
-      </mat-tab>
-      <mat-tab label="Interface">
-        <div class="tab-panel">
-        <section class="tab-intro">
-          <h3>Experiência visível para o usuário</h3>
-          <p>
-            Configure densidade, dropzone, metadados e detalhes da lista.
-            Priorize clareza operacional antes de habilitar recursos avançados.
-          </p>
-        </section>
-        <section class="config-section">
-        <form [formGroup]="uiGroup">
-          <h4 class="section-subtitle">
-            <mat-icon aria-hidden="true">edit</mat-icon>
-            Opções configuráveis — Interface
-          </h4>
-          <p class="section-note">
-            Esta seção controla a ergonomia do componente. Mudanças aqui afetam
-            descoberta, esforço de uso e taxa de conclusão do envio.
-          </p>
-          <mat-checkbox formControlName="showDropzone"
-            >Exibir área de soltar</mat-checkbox
-          >
-          <mat-checkbox formControlName="showProgress"
-            >Exibir barra de progresso</mat-checkbox
-          >
-          <mat-checkbox formControlName="showConflictPolicySelector"
-            >Permitir escolher a política de conflito</mat-checkbox
-          >
-          <mat-checkbox formControlName="manualUpload"
-            >Exigir clique em “Enviar” (modo manual)</mat-checkbox
-          >
-          <mat-checkbox formControlName="dense">Layout compacto</mat-checkbox>
-          <mat-form-field appearance="fill">
-            <mat-label>Tipos permitidos (accept) <span class="opt-tag">opcional</span></mat-label>
-            <input
-              matInput
-              formControlName="accept"
-              placeholder="ex.: pdf,jpg,png"
-            />
-            <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
-          >
-
-          <!-- NOVO: Grupo Dropzone -->
-          <fieldset [formGroup]="dropzoneGroup" class="subgroup">
-            <legend>
-              <mat-icon aria-hidden="true">download</mat-icon>
-              Dropzone (expansão por proximidade)
-            </legend>
-            <mat-checkbox formControlName="expandOnDragProximity">
-              Expandir ao aproximar arquivo durante arraste
-            </mat-checkbox>
-            <mat-form-field appearance="fill">
-              <mat-label>Raio de proximidade (px) <span class="opt-tag">opcional</span></mat-label>
-              <input matInput type="number" formControlName="proximityPx" />
-            </mat-form-field>
-            <mat-form-field appearance="fill">
-              <mat-label>Modo de expansão</mat-label>
-              <mat-select formControlName="expandMode">
-                <mat-option value="overlay">Overlay (recomendado)</mat-option>
-                <mat-option value="inline">Inline</mat-option>
-              </mat-select>
-            </mat-form-field>
-            <mat-form-field appearance="fill">
-              <mat-label>Altura do overlay (px) <span class="opt-tag">opcional</span></mat-label>
-              <input matInput type="number" formControlName="expandHeight" />
-            </mat-form-field>
-            <mat-form-field appearance="fill">
-              <mat-label>Debounce de arraste (ms) <span class="opt-tag">opcional</span></mat-label>
-              <input matInput type="number" formControlName="expandDebounceMs" />
-            </mat-form-field>
-          </fieldset>
-
-          <!-- NOVO: Grupo Lista/Detalhes -->
-          <fieldset [formGroup]="listGroup" class="subgroup">
-            <legend>
-              <mat-icon aria-hidden="true">view_list</mat-icon>
-              Lista e detalhes
-            </legend>
-            <mat-form-field appearance="fill">
-              <mat-label>Colapsar após (itens) <span class="opt-tag">opcional</span></mat-label>
-              <input matInput type="number" formControlName="collapseAfter" />
-            </mat-form-field>
-            <mat-form-field appearance="fill">
-              <mat-label>Modo de detalhes</mat-label>
-              <mat-select formControlName="detailsMode">
-                <mat-option value="auto">Automático</mat-option>
-                <mat-option value="card">Card (overlay)</mat-option>
-                <mat-option value="sidesheet">Side-sheet</mat-option>
-              </mat-select>
-            </mat-form-field>
-            <mat-form-field appearance="fill">
-              <mat-label>Largura máxima do card (px) <span class="opt-tag">opcional</span></mat-label>
-              <input matInput type="number" formControlName="detailsMaxWidth" />
-            </mat-form-field>
-            <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" />
-            <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">
-                <mat-option value="item">Item</mat-option>
-                <mat-option value="field">Campo</mat-option>
-              </mat-select>
-            </mat-form-field>
-          </fieldset>
-        </form>
-        </section>
-        </div>
-      </mat-tab>
-      <mat-tab label="Validações">
-        <div class="tab-panel">
-        <section class="tab-intro">
-          <h3>Regras de aceite e comportamento operacional</h3>
-          <p>
-            Separe mentalmente o que é validação de UX local do que é regra
-            efetiva de backend. Revise com atenção as opções destrutivas.
-          </p>
-        </section>
-        <section class="config-section">
-        <form [formGroup]="limitsGroup">
-          <h4 class="section-subtitle">
-            <mat-icon aria-hidden="true">build</mat-icon>
-            Opções configuráveis — Validações
-          </h4>
-          <p class="section-note">
-            Limites locais melhoram feedback imediato, mas não substituem a
-            política efetiva do servidor.
-          </p>
-          <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" />
-            <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>
-            <input matInput type="number" formControlName="maxFilesPerBulk" />
-          </mat-form-field>
-          <mat-form-field appearance="fill">
-            <mat-label>Tamanho máximo do lote (bytes) <span class="opt-tag">opcional</span></mat-label>
-            <input matInput type="number" formControlName="maxBulkSizeBytes" />
-          </mat-form-field>
-        </form>
-        </section>
-        <section class="config-section">
-        <form [formGroup]="optionsGroup">
-          <h4 class="section-subtitle">
-            <mat-icon aria-hidden="true">tune</mat-icon>
-            Opções configuráveis — Backend
-          </h4>
-          <p class="section-note">
-            Estas opções têm impacto direto no contrato com o servidor e em
-            governança operacional. Trate alterações aqui como decisão de
-            política, não apenas de interface.
-          </p>
-          <mat-form-field appearance="fill">
-            <mat-label>Política de conflito (padrão) <span class="opt-tag">opcional</span></mat-label>
-            <mat-select formControlName="defaultConflictPolicy">
-              <mat-option value="RENAME">Renomear automaticamente</mat-option>
-              <mat-option value="MAKE_UNIQUE">Gerar nome único</mat-option>
-              <mat-option value="OVERWRITE">Sobrescrever arquivo existente</mat-option>
-              <mat-option value="SKIP">Pular se já existir</mat-option>
-              <mat-option value="ERROR">Falhar (erro)</mat-option>
-            </mat-select>
-            <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="optionsGroup.get('defaultConflictPolicy')?.value === 'OVERWRITE'">
-              <mat-icon color="warn" aria-hidden="true">warning</mat-icon>
-              Atenção: OVERWRITE pode sobrescrever arquivos existentes.
-            </div>
-          </mat-form-field>
-          <mat-checkbox formControlName="strictValidation"
-            >Validação rigorosa (backend)</mat-checkbox
-          >
-          <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 />
-            <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>
-          <mat-form-field appearance="fill">
-            <mat-label>Extensões permitidas <span class="opt-tag">opcional</span></mat-label>
-            <input
-              matInput
-              formControlName="allowedExtensions"
-              placeholder="ex.: pdf,docx,xlsx"
-            />
-            <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>
-            <input
-              matInput
-              formControlName="acceptMimeTypes"
-              placeholder="ex.: application/pdf,image/png"
-            />
-            <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>
-            <input
-              matInput
-              formControlName="targetDirectory"
-              placeholder="ex.: documentos/notas"
-            />
-          </mat-form-field>
-          <mat-checkbox formControlName="enableVirusScanning">
-            Forçar antivírus (quando disponível)
-          </mat-checkbox>
-          <div class="warn" *ngIf="optionsGroup.get('enableVirusScanning')?.value === true">
-            <mat-icon color="warn" aria-hidden="true">warning</mat-icon>
-            Pode impactar desempenho e latência de upload.
-          </div>
-        </form>
-        </section>
-        <section class="config-section">
-        <form [formGroup]="quotasGroup">
-          <h4 class="section-subtitle">
-            <mat-icon aria-hidden="true">edit</mat-icon>
-            Opções configuráveis — Quotas (UI)
-          </h4>
-          <mat-checkbox formControlName="showQuotaWarnings"
-            >Exibir avisos de cota</mat-checkbox
-          >
-          <mat-checkbox formControlName="blockOnExceed"
-            >Bloquear ao exceder cota</mat-checkbox
-          >
-        </form>
-        </section>
-        <section class="config-section">
-        <form [formGroup]="rateLimitGroup">
-          <h4 class="section-subtitle">
-            <mat-icon aria-hidden="true">edit</mat-icon>
-            Opções configuráveis — Rate Limit (UI)
-          </h4>
-          <p class="section-note">
-            Prefira poucos retries automáticos. Mais tentativas aliviam atrito
-            imediato, mas podem mascarar gargalos reais do ambiente.
-          </p>
-          <mat-checkbox formControlName="showBannerOn429"
-            >Exibir banner quando atingir o limite</mat-checkbox
-          >
-          <mat-checkbox formControlName="autoRetryOn429"
-            >Tentar novamente automaticamente</mat-checkbox
-          >
-          <mat-form-field appearance="fill">
-            <mat-label>Máximo de tentativas automáticas <span class="opt-tag">opcional</span></mat-label>
-            <input matInput type="number" formControlName="maxAutoRetry" />
-          </mat-form-field>
-          <mat-form-field appearance="fill">
-            <mat-label>Intervalo base entre tentativas (ms) <span class="opt-tag">opcional</span></mat-label>
-            <input matInput type="number" formControlName="baseBackoffMs" />
-          </mat-form-field>
-        </form>
-        </section>
-        <section class="config-section">
-        <form [formGroup]="bulkGroup">
-          <h4 class="section-subtitle">
-            <mat-icon aria-hidden="true">bolt</mat-icon>
-            Opções configuráveis — Execução do lote
-          </h4>
-          <mat-checkbox formControlName="failFast"
-            >Parar no primeiro erro (fail-fast)</mat-checkbox
-          >
-        </form>
-        </section>
-        </div>
-      </mat-tab>
-      <mat-tab label="Mensagens">
-        <div class="tab-panel">
-        <section class="tab-intro">
-          <h3>Mensagens orientadas à operação</h3>
-          <p>
-            Ajuste o texto exibido ao usuário final. Priorize clareza,
-            consistência e linguagem acionável.
-          </p>
-        </section>
-        <section class="config-section">
-        <form [formGroup]="messagesGroup">
-          <h4 class="section-subtitle">
-            <mat-icon aria-hidden="true">edit</mat-icon>
-            Opções configuráveis — Mensagens (UI)
-          </h4>
-          <p class="section-note">
-            Mensagens curtas e objetivas funcionam melhor em contextos de alta
-            frequência. Use este grupo para adequar a voz da interface ao seu
-            ambiente.
-          </p>
-          <mat-form-field appearance="fill">
-            <mat-label>Sucesso (individual) <span class="opt-tag">opcional</span></mat-label>
-            <input
-              matInput
-              formControlName="successSingle"
-              placeholder="ex.: Arquivo enviado com sucesso"
-            />
-          </mat-form-field>
-          <mat-form-field appearance="fill">
-            <mat-label>Sucesso (em lote) <span class="opt-tag">opcional</span></mat-label>
-            <input
-              matInput
-              formControlName="successBulk"
-              placeholder="ex.: Upload concluído"
-            />
-          </mat-form-field>
-          <div [formGroup]="errorsGroup">
-            <ng-container *ngFor="let e of errorEntries">
-              <mat-form-field appearance="fill">
-                <mat-label>{{ e.label }} <span class="opt-tag">opcional</span></mat-label>
-                <input matInput [formControlName]="e.code" />
-                <mat-hint class="code-hint">{{ e.code }}</mat-hint>
-              </mat-form-field>
-            </ng-container>
-          </div>
-        </form>
-        </section>
-        </div>
-      </mat-tab>
-      <mat-tab label="Cabeçalhos">
-        <div class="tab-panel">
-        <section class="tab-intro">
-          <h3>Contexto de tenant e usuário</h3>
-          <p>
-            Use cabeçalhos para consultar configuração efetiva do servidor no
-            mesmo contexto que o componente usará em produção.
-          </p>
-        </section>
-        <section class="config-section">
-        <form [formGroup]="headersGroup">
-          <h4 class="section-subtitle">
-            <mat-icon aria-hidden="true">edit</mat-icon>
-            Opções configuráveis — Cabeçalhos (consulta)
-          </h4>
-          <mat-form-field appearance="fill">
-            <mat-label>Cabeçalho de tenant <span class="opt-tag">opcional</span></mat-label>
-            <input
-              matInput
-              formControlName="tenantHeader"
-              placeholder="X-Tenant-Id"
-            />
-          </mat-form-field>
-          <mat-form-field appearance="fill">
-            <mat-label>Valor do tenant <span class="opt-tag">opcional</span></mat-label>
-            <input
-              matInput
-              formControlName="tenantValue"
-              placeholder="ex.: demo-tenant"
-            />
-          </mat-form-field>
-          <mat-form-field appearance="fill">
-            <mat-label>Cabeçalho de usuário <span class="opt-tag">opcional</span></mat-label>
-            <input
-              matInput
-              formControlName="userHeader"
-              placeholder="X-User-Id"
-            />
-          </mat-form-field>
-          <mat-form-field appearance="fill">
-            <mat-label>Valor do usuário <span class="opt-tag">opcional</span></mat-label>
-            <input matInput formControlName="userValue" placeholder="ex.: 42" />
-          </mat-form-field>
-        </form>
-        </section>
-        </div>
-      </mat-tab>
-      <mat-tab label="Servidor">
-        <div class="tab-panel">
-        <section class="tab-intro">
-          <h3>Contrato efetivo retornado pelo backend</h3>
-          <p>
-            Esta aba é a fonte de verdade do ambiente ativo. Compare o resumo
-            do servidor com o que foi configurado nos formulários anteriores.
-          </p>
-        </section>
-        <section class="config-section">
-        <div class="server-tab">
-          <div class="toolbar">
-            <h4 class="section-subtitle ro">
-              <mat-icon aria-hidden="true">info</mat-icon>
-              Servidor (somente leitura)
-              <span class="badge">read-only</span>
-            </h4>
-            <button type="button" (click)="refetchServerConfig()">
-              Recarregar do servidor
-            </button>
-            <span class="hint" *ngIf="!baseUrl"
-              >Defina a baseUrl no componente pai para consultar
-              /api/files/config.</span
-            >
-          </div>
-          <div *ngIf="serverLoading(); else serverLoaded">
-            Carregando configuração do servidor…
-          </div>
-          <ng-template #serverLoaded>
-            <div *ngIf="serverError(); else serverOk" class="error">
-              Falha ao carregar: {{ serverError() | json }}
-            </div>
-            <ng-template #serverOk>
-              <section *ngIf="serverData() as _">
-                <h3>Resumo da configuração ativa</h3>
-                <ul class="summary">
-                  <li>
-                    <strong>Max por arquivo (MB):</strong>
-                    {{ serverData()?.options?.maxUploadSizeMb }}
-                  </li>
-                  <li>
-                    <strong>Validação rigorosa:</strong>
-                    {{ serverData()?.options?.strictValidation }}
-                  </li>
-                  <li>
-                    <strong>Antivírus:</strong>
-                    {{ serverData()?.options?.enableVirusScanning }}
-                  </li>
-                  <li>
-                    <strong>Conflito de nome (padrão):</strong>
-                    {{ serverData()?.options?.nameConflictPolicy }}
-                  </li>
-                  <li>
-                    <strong>MIME aceitos:</strong>
-                    {{
-                      (serverData()?.options?.acceptMimeTypes || []).join(', ')
-                    }}
-                  </li>
-                  <li>
-                    <strong>Bulk - fail-fast padrão:</strong>
-                    {{ serverData()?.bulk?.failFastModeDefault }}
-                  </li>
-                  <li>
-                    <strong>Rate limit:</strong>
-                    {{ serverData()?.rateLimit?.enabled }} ({{
-                      serverData()?.rateLimit?.perMinute
-                    }}/min, {{ serverData()?.rateLimit?.perHour }}/h)
-                  </li>
-                  <li>
-                    <strong>Quotas:</strong> {{ serverData()?.quotas?.enabled }}
-                  </li>
-                  <li>
-                    <strong>Servidor:</strong> v{{
-                      serverData()?.metadata?.version
-                    }}
-                    • {{ serverData()?.metadata?.locale }}
-                  </li>
-                </ul>
-                <details>
-                  <summary>Ver JSON</summary>
-                  <button
-                    mat-icon-button
-                    aria-label="Copiar JSON"
-                    (click)="copyServerConfig()"
-                    type="button"
-                    title="Copiar JSON"
-                  >
-                    <mat-icon>content_copy</mat-icon>
-                  </button>
-                  <pre>{{ serverData() | json }}</pre>
-                </details>
-                <p class="note">
-                  As opções acima que podem ser alteradas via payload são:
-                  conflito de nome, validação rigorosa, tamanho máximo (MB),
-                  extensões/MIME aceitos, diretório destino, antivírus,
-                  metadados personalizados e fail-fast (no bulk).
-                </p>
-              </section>
-            </ng-template>
-          </ng-template>
-        </div>
-        </section>
-        </div>
-      </mat-tab>
-      <mat-tab label="JSON">
-        <div class="tab-panel">
-        <section class="tab-intro">
-          <h3>Modo avançado</h3>
-          <p>
-            Edite o payload bruto apenas quando precisar de controle fino.
-            Alterações aqui exigem mais rigor de revisão e validação.
-          </p>
-        </section>
-        <div class="advanced-note">
-          O JSON é uma visão de baixo nível da configuração. Prefira as abas
-          guiadas sempre que possível para reduzir erro humano e manter a
-          configuração auditável.
-        </div>
-        <textarea
-          class="json-textarea"
-          rows="10"
-          [ngModel]="form.value | json"
-          (ngModelChange)="onJsonChange($event)"
-        ></textarea>
-        <div class="error" *ngIf="jsonError">{{ jsonError }}</div>
-        </div>
-      </mat-tab>
-    </mat-tab-group>
-      </div>
-    </div>
-  `, isInline: true, styles: [".editor-layout{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:16px;align-items:start}.summary-panel{position:sticky;top:0;display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--pfx-surface-border, #d8d8d8);border-radius:16px;background:linear-gradient(180deg,#fafbfc,#fff)}.summary-panel h3{margin:0;font-size:1rem;font-weight:600}.summary-panel .summary-intro{margin:0;color:#000000a6;line-height:1.4;font-size:.88rem}.summary-grid{display:grid;gap:10px}.summary-card{padding:12px;border-radius:12px;background:#fff;border:1px solid #e7e9ee}.summary-card .eyebrow{display:block;margin-bottom:4px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#5f6b7a}.summary-card strong{display:block;margin-bottom:4px;font-size:.95rem}.summary-card p{margin:0;font-size:.85rem;line-height:1.45;color:#000000b8}.risk-panel{padding:12px;border-radius:12px;background:#fff8e8;border:1px solid #f0d29a}.risk-panel.safe{background:#f4fbf6;border-color:#b8ddc1}.risk-panel h4{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:.92rem}.risk-list{display:grid;gap:8px}.risk-item{padding:10px;border-radius:10px;background:#ffffffb8}.risk-item strong{display:block;margin-bottom:2px;font-size:.84rem}.risk-item p,.risk-panel .safe-copy{margin:0;font-size:.82rem;line-height:1.4;color:#000000b8}.editor-main{min-width:0}.tab-panel{display:grid;gap:16px;padding-top:8px}.tab-intro{padding:16px 18px;border:1px solid #e5e8ef;border-radius:16px;background:linear-gradient(180deg,#fff,#f7f9fc)}.tab-intro h3{margin:0 0 6px;font-size:1rem;font-weight:600}.tab-intro p{margin:0;font-size:.9rem;line-height:1.5;color:#000000b8}.config-section{padding:18px;border:1px solid #e5e8ef;border-radius:16px;background:#fff}.config-section+.config-section{margin-top:0}.section-note{margin:0 0 16px;color:#000000b3;font-size:.88rem;line-height:1.45}.advanced-note{padding:14px 16px;border-radius:14px;border:1px solid #f0d29a;background:#fff8e8;color:#000000c7;font-size:.88rem;line-height:1.45}.json-textarea{width:100%;min-height:280px;padding:14px 16px;border-radius:14px;border:1px solid #d7dce5;background:#0f172a;color:#e5eefc;font:500 .84rem/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;resize:vertical}.server-tab{display:grid;gap:16px}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.summary{display:grid;gap:8px;padding-left:18px}.summary li{line-height:1.45}details{margin-top:12px;padding:14px 16px;border:1px solid #e5e8ef;border-radius:14px;background:#fbfcfe}details pre{white-space:pre-wrap;word-break:break-word}@media(max-width:1100px){.editor-layout{grid-template-columns:1fr}.summary-panel{position:static}}.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: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i9.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.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: i11.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$1.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: i9.JsonPipe, name: "json" }] });
+const FILES_UPLOAD_EN_US = {
+    'praxis.filesUpload.editor.summary.ariaLabel': 'Executive summary for the current configuration',
+    'praxis.filesUpload.editor.summary.title': 'Executive summary',
+    'praxis.filesUpload.editor.summary.intro': 'Review the operational impact here before going through all configuration groups.',
+    'praxis.filesUpload.editor.summary.strategy': 'Strategy',
+    'praxis.filesUpload.editor.summary.experience': 'Experience',
+    'praxis.filesUpload.editor.summary.limits': 'Limits',
+    'praxis.filesUpload.editor.summary.server': 'Server',
+    'praxis.filesUpload.editor.risks.title': 'Risks and attention points',
+    'praxis.filesUpload.editor.risks.none': 'No evident operational risk in the current configuration.',
+    'praxis.filesUpload.editor.tabs.behavior': 'Behavior',
+    'praxis.filesUpload.editor.tabs.interface': 'Interface',
+    'praxis.filesUpload.editor.tabs.validation': 'Validation',
+    'praxis.filesUpload.editor.tabs.messages': 'Messages',
+    'praxis.filesUpload.editor.tabs.server': 'Server',
+    'praxis.filesUpload.editor.tabs.json': 'JSON',
+    'praxis.filesUpload.editor.behavior.intro.title': 'Upload strategy and cadence',
+    'praxis.filesUpload.editor.behavior.intro.body': 'Define how the user starts the upload and how the batch behaves in terms of parallelism and retries.',
+    'praxis.filesUpload.editor.behavior.strategy.label': 'Upload strategy',
+    'praxis.filesUpload.editor.behavior.strategy.direct': 'Direct (standard HTTP)',
+    'praxis.filesUpload.editor.behavior.strategy.presign': 'Presigned URL (S3/GCS)',
+    'praxis.filesUpload.editor.behavior.strategy.auto': 'Automatic (tries presigned first and falls back to direct)',
+    'praxis.filesUpload.editor.behavior.strategy.hint': 'How files will be sent to the server.',
+    'praxis.filesUpload.editor.behavior.bulk.title': 'Configurable options — Batch',
+    'praxis.filesUpload.editor.behavior.bulk.note': 'Use parallelism and retries in moderation. In enterprise environments these controls affect throughput, perceived experience and backend load.',
+    'praxis.filesUpload.editor.behavior.bulk.parallel': 'Parallel uploads',
+    'praxis.filesUpload.editor.behavior.bulk.parallelHint': 'How many files to send at the same time.',
+    'praxis.filesUpload.editor.behavior.bulk.retryCount': 'Retry count',
+    'praxis.filesUpload.editor.behavior.bulk.retryCountHint': 'Automatic attempts in case of failure.',
+    'praxis.filesUpload.editor.behavior.bulk.retryBackoff': 'Retry interval (ms)',
+    'praxis.filesUpload.editor.behavior.bulk.retryBackoffHint': 'Wait time between attempts.',
+    'praxis.filesUpload.editor.interface.intro.title': 'Visible experience for the user',
+    'praxis.filesUpload.editor.interface.intro.body': 'Configure density, dropzone, metadata and list details. Prioritize operational clarity before enabling advanced capabilities.',
+    'praxis.filesUpload.editor.interface.section.title': 'Configurable options — Interface',
+    'praxis.filesUpload.editor.interface.section.note': 'This section controls the component ergonomics. Changes here affect discoverability, usage effort and upload completion rate.',
+    'praxis.filesUpload.editor.interface.showDropzone': 'Show drop area',
+    'praxis.filesUpload.editor.interface.showProgress': 'Show progress bar',
+    'praxis.filesUpload.editor.interface.showConflictPolicySelector': 'Allow choosing the conflict policy',
+    'praxis.filesUpload.editor.interface.manualUpload': 'Require clicking "Upload" (manual mode)',
+    'praxis.filesUpload.editor.interface.dense': 'Compact layout',
+    'praxis.filesUpload.editor.interface.accept': 'Allowed types (accept)',
+    'praxis.filesUpload.editor.shared.optionalTag': 'optional',
+    'praxis.filesUpload.editor.shared.csvOptional': 'Comma-separated list (optional).',
+    'praxis.filesUpload.editor.placeholders.accept': 'e.g.: pdf,jpg,png',
+    'praxis.filesUpload.editor.placeholders.detailsFields': 'e.g.: id,fileName,contentType',
+    'praxis.filesUpload.editor.placeholders.allowedExtensions': 'e.g.: pdf,docx,xlsx',
+    'praxis.filesUpload.editor.placeholders.acceptMimeTypes': 'e.g.: application/pdf,image/png',
+    'praxis.filesUpload.editor.placeholders.targetDirectory': 'e.g.: documents/invoices',
+    'praxis.filesUpload.editor.placeholders.successSingle': 'e.g.: File uploaded successfully',
+    'praxis.filesUpload.editor.placeholders.successBulk': 'e.g.: Upload completed',
+    'praxis.filesUpload.editor.placeholders.tenantValue': 'e.g.: demo-tenant',
+    'praxis.filesUpload.editor.placeholders.userValue': 'e.g.: 42',
+    'praxis.filesUpload.editor.interface.metadataForm': 'Show metadata form (JSON)',
+    'praxis.filesUpload.editor.interface.dropzone.title': 'Dropzone (proximity expansion)',
+    'praxis.filesUpload.editor.interface.dropzone.expandOnProximity': 'Expand when a file gets close during drag',
+    'praxis.filesUpload.editor.interface.dropzone.proximity': 'Proximity radius (px)',
+    'praxis.filesUpload.editor.interface.dropzone.mode': 'Expansion mode',
+    'praxis.filesUpload.editor.interface.dropzone.mode.overlay': 'Overlay (recommended)',
+    'praxis.filesUpload.editor.interface.dropzone.mode.inline': 'Inline',
+    'praxis.filesUpload.editor.interface.dropzone.height': 'Overlay height (px)',
+    'praxis.filesUpload.editor.interface.dropzone.debounce': 'Drag debounce (ms)',
+    'praxis.filesUpload.editor.interface.list.title': 'List and details',
+    'praxis.filesUpload.editor.interface.list.collapseAfter': 'Collapse after (items)',
+    'praxis.filesUpload.editor.interface.list.detailsMode': 'Details mode',
+    'praxis.filesUpload.editor.interface.list.detailsMode.auto': 'Automatic',
+    'praxis.filesUpload.editor.interface.list.detailsMode.card': 'Card (overlay)',
+    'praxis.filesUpload.editor.interface.list.detailsMode.sidesheet': 'Side-sheet',
+    'praxis.filesUpload.editor.interface.list.detailsWidth': 'Maximum card width (px)',
+    'praxis.filesUpload.editor.interface.list.showTechnical': 'Show technical details by default',
+    'praxis.filesUpload.editor.interface.list.detailsFields': 'Metadata fields (whitelist)',
+    'praxis.filesUpload.editor.interface.list.detailsFieldsHint': 'Comma-separated list; empty = all.',
+    'praxis.filesUpload.editor.interface.list.anchor': 'Overlay anchor',
+    'praxis.filesUpload.editor.interface.list.anchor.item': 'Item',
+    'praxis.filesUpload.editor.interface.list.anchor.field': 'Field',
+    'praxis.filesUpload.editor.validation.intro.title': 'Acceptance rules and operational behavior',
+    'praxis.filesUpload.editor.validation.intro.body': 'Separate local UX validation from effective backend rules. Review destructive options carefully.',
+    'praxis.filesUpload.editor.validation.local.title': 'Configurable options — Validation',
+    'praxis.filesUpload.editor.validation.local.note': 'Local limits improve immediate feedback, but do not replace the effective server policy.',
+    'praxis.filesUpload.editor.validation.local.maxFileSize': 'Maximum file size (bytes)',
+    'praxis.filesUpload.editor.validation.local.maxFileSizeHint': 'Client-side validation limit (optional).',
+    'praxis.filesUpload.editor.validation.local.maxFilesPerBulk': 'Max files per batch',
+    'praxis.filesUpload.editor.validation.local.maxBulkSize': 'Maximum batch size (bytes)',
+    'praxis.filesUpload.editor.validation.backend.title': 'Configurable options — Backend',
+    'praxis.filesUpload.editor.validation.backend.note': 'These options directly impact the server contract and operational governance. Treat changes here as policy decisions, not only UI changes.',
+    'praxis.filesUpload.editor.validation.backend.conflictPolicy': 'Conflict policy (default)',
+    'praxis.filesUpload.editor.validation.backend.conflictPolicy.rename': 'Rename automatically',
+    'praxis.filesUpload.editor.validation.backend.conflictPolicy.unique': 'Generate unique name',
+    'praxis.filesUpload.editor.validation.backend.conflictPolicy.overwrite': 'Overwrite existing file',
+    'praxis.filesUpload.editor.validation.backend.conflictPolicy.skip': 'Skip if already exists',
+    'praxis.filesUpload.editor.validation.backend.conflictPolicy.error': 'Fail (error)',
+    'praxis.filesUpload.editor.validation.backend.conflictPolicyHint': 'What to do when the file name already exists.',
+    'praxis.filesUpload.editor.validation.backend.overwriteWarn': 'Warning: OVERWRITE may replace existing files.',
+    'praxis.filesUpload.editor.validation.backend.strictValidation': 'Strict validation (backend)',
+    'praxis.filesUpload.editor.validation.backend.maxUploadSizeMb': 'Maximum size per file (MB)',
+    'praxis.filesUpload.editor.validation.backend.maxUploadSizeMbHint': 'Validated by the backend (1–500 MB).',
+    'praxis.filesUpload.editor.validation.backend.allowedExtensions': 'Allowed extensions',
+    'praxis.filesUpload.editor.validation.backend.acceptMimeTypes': 'Accepted MIME types',
+    'praxis.filesUpload.editor.validation.backend.targetDirectory': 'Target directory',
+    'praxis.filesUpload.editor.validation.backend.enableVirusScanning': 'Force antivirus (when available)',
+    'praxis.filesUpload.editor.validation.backend.virusWarn': 'May impact upload performance and latency.',
+    'praxis.filesUpload.editor.validation.quotas.title': 'Configurable options — Quotas (UI)',
+    'praxis.filesUpload.editor.validation.quotas.showWarnings': 'Show quota warnings',
+    'praxis.filesUpload.editor.validation.quotas.blockOnExceed': 'Block on quota exceed',
+    'praxis.filesUpload.editor.validation.rateLimit.title': 'Configurable options — Rate Limit (UI)',
+    'praxis.filesUpload.editor.validation.rateLimit.note': 'Prefer a small number of automatic retries. More attempts reduce immediate friction, but may hide real environment bottlenecks.',
+    'praxis.filesUpload.editor.validation.rateLimit.showBanner': 'Show banner when the limit is reached',
+    'praxis.filesUpload.editor.validation.rateLimit.autoRetry': 'Retry automatically',
+    'praxis.filesUpload.editor.validation.rateLimit.maxAutoRetry': 'Maximum automatic retries',
+    'praxis.filesUpload.editor.validation.rateLimit.baseBackoff': 'Base retry interval (ms)',
+    'praxis.filesUpload.editor.validation.batch.title': 'Configurable options — Batch execution',
+    'praxis.filesUpload.editor.validation.batch.failFast': 'Stop on the first error (fail-fast)',
+    'praxis.filesUpload.editor.messages.intro.title': 'Messages oriented to operations',
+    'praxis.filesUpload.editor.messages.intro.body': 'Adjust the text shown to the end user. Prioritize clarity, consistency and actionable language.',
+    'praxis.filesUpload.editor.messages.section.title': 'Configurable options — Messages (UI)',
+    'praxis.filesUpload.editor.messages.section.note': 'Short and objective messages work better in high-frequency contexts. Use this group to adapt the interface voice to your environment.',
+    'praxis.filesUpload.editor.messages.successSingle': 'Success (single)',
+    'praxis.filesUpload.editor.messages.successBulk': 'Success (batch)',
+    'praxis.filesUpload.editor.tabs.headers': 'Headers',
+    'praxis.filesUpload.editor.headers.intro.title': 'Tenant and user context',
+    'praxis.filesUpload.editor.headers.intro.body': 'Use headers to query the effective server configuration in the same context the component will use in production.',
+    'praxis.filesUpload.editor.headers.section.title': 'Configurable options — Headers (query)',
+    'praxis.filesUpload.editor.headers.tenantHeader': 'Tenant header',
+    'praxis.filesUpload.editor.headers.tenantValue': 'Tenant value',
+    'praxis.filesUpload.editor.headers.userHeader': 'User header',
+    'praxis.filesUpload.editor.headers.userValue': 'User value',
+    'praxis.filesUpload.editor.errors.INVALID_FILE_TYPE': 'Invalid file type',
+    'praxis.filesUpload.editor.errors.FILE_TOO_LARGE': 'File too large',
+    'praxis.filesUpload.editor.errors.NOT_FOUND': 'File not found',
+    'praxis.filesUpload.editor.errors.UNAUTHORIZED': 'Unauthorized access',
+    'praxis.filesUpload.editor.errors.RATE_LIMIT_EXCEEDED': 'Request limit exceeded',
+    'praxis.filesUpload.editor.errors.INTERNAL_ERROR': 'Internal server error',
+    'praxis.filesUpload.editor.errors.QUOTA_EXCEEDED': 'Upload quota exceeded',
+    'praxis.filesUpload.editor.errors.SEC_VIRUS_DETECTED': 'Virus detected in file',
+    'praxis.filesUpload.editor.errors.SEC_MALICIOUS_CONTENT': 'Malicious content detected',
+    'praxis.filesUpload.editor.errors.SEC_DANGEROUS_TYPE': 'Dangerous file type',
+    'praxis.filesUpload.editor.errors.FMT_MAGIC_MISMATCH': 'File content does not match type',
+    'praxis.filesUpload.editor.errors.FMT_CORRUPTED': 'Corrupted file',
+    'praxis.filesUpload.editor.errors.FMT_UNSUPPORTED': 'Unsupported format',
+    'praxis.filesUpload.editor.errors.SYS_STORAGE_ERROR': 'Storage error',
+    'praxis.filesUpload.editor.errors.SYS_SERVICE_DOWN': 'Service unavailable',
+    'praxis.filesUpload.editor.errors.SYS_RATE_LIMIT': 'System request limit exceeded',
+    'praxis.filesUpload.editor.server.summary.maxPerFile': 'Max per file (MB):',
+    'praxis.filesUpload.editor.server.summary.strictValidation': 'Strict validation:',
+    'praxis.filesUpload.editor.server.summary.antivirus': 'Antivirus:',
+    'praxis.filesUpload.editor.server.summary.conflictPolicy': 'Default name conflict:',
+    'praxis.filesUpload.editor.server.summary.mimeTypes': 'Accepted MIME types:',
+    'praxis.filesUpload.editor.server.summary.bulkFailFast': 'Default bulk fail-fast:',
+    'praxis.filesUpload.editor.server.summary.rateLimit': 'Rate limit:',
+    'praxis.filesUpload.editor.server.summary.quotas': 'Quotas:',
+    'praxis.filesUpload.editor.server.summary.server': 'Server:',
+    'praxis.filesUpload.editor.server.mutableOptionsText': 'The options above that can be changed via payload are: name conflict, strict validation, maximum size (MB), accepted extensions/MIME, target directory, antivirus, custom metadata and fail-fast (in bulk).',
+    'praxis.filesUpload.editor.server.intro.title': 'Effective contract returned by the backend',
+    'praxis.filesUpload.editor.server.intro.body': 'This tab is the source of truth for the active environment. Compare the server summary with what was configured in the previous forms.',
+    'praxis.filesUpload.editor.server.readonly': 'Server (read-only)',
+    'praxis.filesUpload.editor.server.reload': 'Reload from server',
+    'praxis.filesUpload.editor.server.baseUrlHint': 'Set baseUrl on the parent component to query /api/files/config.',
+    'praxis.filesUpload.editor.server.loading': 'Loading server configuration...',
+    'praxis.filesUpload.editor.server.loadError': 'Failed to load:',
+    'praxis.filesUpload.editor.server.summaryTitle': 'Active configuration summary',
+    'praxis.filesUpload.editor.server.viewJson': 'View JSON',
+    'praxis.filesUpload.editor.server.copyJson': 'Copy JSON',
+    'praxis.filesUpload.editor.server.mutableOptionsPrefix': 'The options above that can be changed via payload are:',
+    'praxis.filesUpload.editor.json.intro.title': 'Advanced mode',
+    'praxis.filesUpload.editor.json.intro.body': 'Edit the raw payload only when you need fine-grained control. Changes here require stricter review and validation.',
+    'praxis.filesUpload.editor.json.note': 'JSON is a low-level view of the configuration. Prefer the guided tabs whenever possible to reduce human error and keep the configuration auditable.',
+    'praxis.filesUpload.editor.snackbar.configCopied': 'Configuration copied',
+    'praxis.filesUpload.editor.snackbar.invalidJson': 'Invalid JSON',
+    'praxis.filesUpload.editor.json.invalid': 'Invalid JSON: check the syntax.',
+    'praxis.filesUpload.editor.summary.strategy.presign': 'Upload with presigned URL',
+    'praxis.filesUpload.editor.summary.strategy.auto': 'Automatic strategy selection',
+    'praxis.filesUpload.editor.summary.strategy.direct': 'Direct upload to backend',
+    'praxis.filesUpload.editor.summary.strategy.presignDetail': 'Depends on a presign endpoint and usually reduces direct load on the main server.',
+    'praxis.filesUpload.editor.summary.strategy.autoDetail': 'Tries presign first and falls back to the direct flow when needed.',
+    'praxis.filesUpload.editor.summary.strategy.directDetail': 'Simpler flow to integrate and diagnose in controlled environments.',
+    'praxis.filesUpload.editor.summary.experience.manual': 'Manual review before upload',
+    'praxis.filesUpload.editor.summary.experience.compact': 'Selection guided by compact field',
+    'praxis.filesUpload.editor.summary.experience.dropzone': 'Immediate upload with visible dropzone',
+    'praxis.filesUpload.editor.summary.experience.progressVisible': 'visible progress',
+    'praxis.filesUpload.editor.summary.experience.progressHidden': 'no progress bar',
+    'praxis.filesUpload.editor.summary.experience.conflictVisible': 'conflict selection available',
+    'praxis.filesUpload.editor.summary.experience.conflictHidden': 'conflict policy hidden',
+    'praxis.filesUpload.editor.summary.experience.metadataVisible': 'editable metadata in the UI',
+    'praxis.filesUpload.editor.summary.experience.metadataHidden': 'no extra form',
+    'praxis.filesUpload.editor.summary.limits.titleValue': '{maxFile} MB per file • {maxBulk} items per batch',
+    'praxis.filesUpload.editor.summary.limits.detailValue': '{parallel} parallel upload(s) • {mode}',
+    'praxis.filesUpload.editor.summary.limits.failFast': 'fail-fast enabled',
+    'praxis.filesUpload.editor.summary.limits.partialFailures': 'partial failures allowed',
+    'praxis.filesUpload.editor.summary.server.titleValue': 'Default conflict: {conflict}',
+    'praxis.filesUpload.editor.summary.server.detailValue': '{strict} • {virus}',
+    'praxis.filesUpload.editor.summary.server.strictOn': 'strict validation enabled',
+    'praxis.filesUpload.editor.summary.server.strictOff': 'strict validation disabled',
+    'praxis.filesUpload.editor.summary.server.virusOn': 'forced antivirus',
+    'praxis.filesUpload.editor.summary.server.virusOff': 'optional/inactive antivirus',
+    'praxis.filesUpload.editor.risks.overwrite.title': 'Overwrite enabled',
+    'praxis.filesUpload.editor.risks.overwrite.detail': 'Existing files may be silently replaced if the backend accepts the operation.',
+    'praxis.filesUpload.editor.risks.virus.title': 'Antivirus may increase latency',
+    'praxis.filesUpload.editor.risks.virus.detail': 'Forced scanning improves security, but may impact throughput and response time.',
+    'praxis.filesUpload.editor.risks.failFast.title': 'Batch stops on the first error',
+    'praxis.filesUpload.editor.risks.failFast.detail': 'Users may need to resend valid items when the first error interrupts the rest of the batch.',
+    'praxis.filesUpload.editor.risks.retry.title': 'Aggressive automatic retry',
+    'praxis.filesUpload.editor.risks.retry.detail': 'Too many automatic retries may increase perceived wait time and operational noise.',
+    'praxis.filesUpload.editor.risks.manual.title': 'Flow requires manual action',
+    'praxis.filesUpload.editor.risks.manual.detail': 'Suitable for review, but adds upload steps and may reduce completion rate in simple scenarios.',
+    'praxis.filesUpload.settingsAriaLabel': 'Open settings',
+    'praxis.filesUpload.dropzoneLabel': 'Drag files or',
+    'praxis.filesUpload.dropzoneButton': 'select',
+    'praxis.filesUpload.conflictPolicyLabel': 'Conflict policy',
+    'praxis.filesUpload.metadataLabel': 'Metadata (JSON)',
+    'praxis.filesUpload.progressAriaLabel': 'Upload progress',
+    'praxis.filesUpload.rateLimitBanner': 'Rate limit exceeded. Try again at',
+    'praxis.filesUpload.settingsTitle': 'Files Upload Configuration',
+    'praxis.filesUpload.statusSuccess': 'Uploaded',
+    'praxis.filesUpload.statusError': 'Error',
+    'praxis.filesUpload.invalidMetadata': 'Invalid metadata.',
+    'praxis.filesUpload.genericUploadError': 'File upload error.',
+    'praxis.filesUpload.acceptError': 'File type not allowed.',
+    'praxis.filesUpload.maxFileSizeError': 'File exceeds the maximum size.',
+    'praxis.filesUpload.maxFilesPerBulkError': 'Too many files selected.',
+    'praxis.filesUpload.maxBulkSizeError': 'Total files size exceeded.',
+    'praxis.filesUpload.serviceUnavailable': 'Upload service unavailable.',
+    'praxis.filesUpload.baseUrlMissing': 'Base URL not configured. Provide [baseUrl] to enable uploads.',
+    'praxis.filesUpload.selectFiles': 'Select file(s)',
+    'praxis.filesUpload.remove': 'Remove',
+    'praxis.filesUpload.moreActions': 'More actions',
+    'praxis.filesUpload.policySummaryAction': 'Information about upload policies',
+    'praxis.filesUpload.retry': 'Retry',
+    'praxis.filesUpload.download': 'Download',
+    'praxis.filesUpload.copyLink': 'Copy link',
+    'praxis.filesUpload.details': 'Details',
+    'praxis.filesUpload.detailsMetadata': 'Metadata',
+    'praxis.filesUpload.dropzoneHint': 'Drag and drop files here or click to select',
+    'praxis.filesUpload.dropzoneProximityHint': 'Drop here to upload',
+    'praxis.filesUpload.placeholder': 'Select or drop files…',
+    'praxis.filesUpload.partialUploadError': 'Partial upload completed with failures in part of the batch.',
+    'praxis.filesUpload.presignMetadataMissing': 'Presigned upload completed without file metadata.',
+    'praxis.filesUpload.fieldChipAria': 'Additional files selected',
+    'praxis.filesUpload.fieldPendingCountSuffix': 'file(s) selected',
+    'praxis.filesUpload.removePendingFile': 'Remove selected file',
+    'praxis.filesUpload.fieldPolicyTypes': 'Types',
+    'praxis.filesUpload.fieldPolicyMaxPerFile': 'Max/file',
+    'praxis.filesUpload.fieldPolicyMaxItems': 'Max/items',
+    'praxis.filesUpload.fieldPolicyNotConfigured': 'Not configured',
+    'praxis.filesUpload.sizeUnitBytes': 'Bytes',
+    'praxis.filesUpload.sizeUnitKB': 'KB',
+    'praxis.filesUpload.sizeUnitMB': 'MB',
+    'praxis.filesUpload.sizeUnitGB': 'GB',
+    'praxis.filesUpload.sizeUnitTB': 'TB',
+    'praxis.filesUpload.errors.INVALID_FILE_TYPE': 'Invalid file type.',
+    'praxis.filesUpload.errors.FILE_TOO_LARGE': 'File is too large.',
+    'praxis.filesUpload.errors.NOT_FOUND': 'File not found.',
+    'praxis.filesUpload.errors.UNAUTHORIZED': 'Unauthorized request.',
+    'praxis.filesUpload.errors.RATE_LIMIT_EXCEEDED': 'Request limit exceeded.',
+    'praxis.filesUpload.errors.INTERNAL_ERROR': 'Internal server error.',
+    'praxis.filesUpload.errors.QUOTA_EXCEEDED': 'Quota exceeded.',
+    'praxis.filesUpload.errors.SEC_VIRUS_DETECTED': 'Virus detected in file.',
+    'praxis.filesUpload.errors.SEC_MALICIOUS_CONTENT': 'Malicious content detected.',
+    'praxis.filesUpload.errors.SEC_DANGEROUS_TYPE': 'Dangerous file type.',
+    'praxis.filesUpload.errors.FMT_MAGIC_MISMATCH': 'File content does not match the declared format.',
+    'praxis.filesUpload.errors.FMT_CORRUPTED': 'Corrupted file.',
+    'praxis.filesUpload.errors.FMT_UNSUPPORTED': 'Unsupported file format.',
+    'praxis.filesUpload.errors.SYS_STORAGE_ERROR': 'Storage error.',
+    'praxis.filesUpload.errors.SYS_SERVICE_DOWN': 'Service unavailable.',
+    'praxis.filesUpload.errors.SYS_RATE_LIMIT': 'Request limit exceeded.',
+    'praxis.filesUpload.errors.ARQUIVO_MUITO_GRANDE': 'File is too large.',
+    'praxis.filesUpload.errors.TIPO_ARQUIVO_INVALIDO': 'Invalid file type.',
+    'praxis.filesUpload.errors.TIPO_MIDIA_NAO_SUPORTADO': 'Unsupported media type.',
+    'praxis.filesUpload.errors.CAMPO_OBRIGATORIO_AUSENTE': 'Required field is missing.',
+    'praxis.filesUpload.errors.OPCOES_JSON_INVALIDAS': 'Invalid JSON options.',
+    'praxis.filesUpload.errors.ARGUMENTO_INVALIDO': 'Invalid argument.',
+    'praxis.filesUpload.errors.NAO_AUTORIZADO': 'Authentication required.',
+    'praxis.filesUpload.errors.ERRO_INTERNO': 'Internal server error.',
+    'praxis.filesUpload.errors.LIMITE_TAXA_EXCEDIDO': 'Rate limit exceeded.',
+    'praxis.filesUpload.errors.COTA_EXCEDIDA': 'Quota exceeded.',
+    'praxis.filesUpload.errors.ARQUIVO_JA_EXISTE': 'File already exists.',
+    'praxis.filesUpload.errors.INVALID_JSON_OPTIONS': 'Invalid JSON options.',
+    'praxis.filesUpload.errors.EMPTY_FILENAME': 'File name is required.',
+    'praxis.filesUpload.errors.FILE_EXISTS': 'File already exists.',
+    'praxis.filesUpload.errors.PATH_TRAVERSAL': 'Path traversal detected.',
+    'praxis.filesUpload.errors.INSUFFICIENT_STORAGE': 'Insufficient storage.',
+    'praxis.filesUpload.errors.UPLOAD_TIMEOUT': 'Upload timed out.',
+    'praxis.filesUpload.errors.BULK_UPLOAD_TIMEOUT': 'Bulk upload timed out.',
+    'praxis.filesUpload.errors.BULK_UPLOAD_CANCELLED': 'Bulk upload cancelled.',
+    'praxis.filesUpload.errors.USER_CANCELLED': 'Upload cancelled by user.',
+    'praxis.filesUpload.errors.UNKNOWN_ERROR': 'Unknown error.',
+    'praxis.filesUpload.fieldPendingSummary': 'Files ready to upload',
+    'praxis.filesUpload.fieldSelectedSummary': 'Selected file',
+    'praxis.filesUpload.fieldSelectedPlural': 'files attached',
+    'praxis.filesUpload.fieldEmptySummary': 'No file selected',
+    'praxis.filesUpload.fieldErrorSummary': 'Fix the error to continue',
+    'praxis.filesUpload.fieldActionUpload': 'Upload selected files',
+    'praxis.filesUpload.fieldActionUploadShort': 'Upload',
+    'praxis.filesUpload.fieldActionCancel': 'Cancel current selection',
+    'praxis.filesUpload.fieldActionCancelShort': 'Cancel',
+    'praxis.filesUpload.fieldActionSelect': 'Select file(s)',
+    'praxis.filesUpload.fieldActionClear': 'Clear',
+    'praxis.filesUpload.fieldInfoAction': 'Information',
+    'praxis.filesUpload.fieldMoreActions': 'More actions',
+    'praxis.filesUpload.fieldPendingAriaSuffix': 'files ready to upload',
+    'praxis.filesUpload.selectedOverlayAriaLabel': 'Selected files',
+    'praxis.filesUpload.selectedOverlayTitle': 'Selected',
+    'praxis.filesUpload.bulkSummaryTotal': 'Total',
+    'praxis.filesUpload.bulkSummarySuccess': 'Success',
+    'praxis.filesUpload.bulkSummaryFailed': 'Failed',
+    'praxis.filesUpload.resultMetaIdLabel': 'ID',
+    'praxis.filesUpload.resultMetaTypeLabel': 'Type',
+    'praxis.filesUpload.resultMetaSizeLabel': 'Size',
+    'praxis.filesUpload.resultMetaUploadedAtLabel': 'Uploaded at',
+    'praxis.filesUpload.policySummaryAny': 'any',
+    'praxis.filesUpload.policySummaryNotConfigured': '—',
+    'praxis.filesUpload.policySummaryTypesLabel': 'Types',
+    'praxis.filesUpload.policySummaryMaxPerFileLabel': 'Max. per file',
+    'praxis.filesUpload.policySummaryQuantityLabel': 'Qty',
+    'praxis.filesUpload.showAll': 'Show all',
+    'praxis.filesUpload.showLess': 'Show less',
+};
+
+const FILES_UPLOAD_PT_BR = {
+    'praxis.filesUpload.editor.summary.ariaLabel': 'Resumo executivo da configuracao atual',
+    'praxis.filesUpload.editor.summary.title': 'Resumo executivo',
+    'praxis.filesUpload.editor.summary.intro': 'Revise aqui o impacto operacional antes de percorrer todos os grupos de configuracao.',
+    'praxis.filesUpload.editor.summary.strategy': 'Estrategia',
+    'praxis.filesUpload.editor.summary.experience': 'Experiencia',
+    'praxis.filesUpload.editor.summary.limits': 'Limites',
+    'praxis.filesUpload.editor.summary.server': 'Servidor',
+    'praxis.filesUpload.editor.risks.title': 'Riscos e atencao',
+    'praxis.filesUpload.editor.risks.none': 'Nenhum risco operacional evidente na configuracao atual.',
+    'praxis.filesUpload.editor.tabs.behavior': 'Comportamento',
+    'praxis.filesUpload.editor.tabs.interface': 'Interface',
+    'praxis.filesUpload.editor.tabs.validation': 'Validacoes',
+    'praxis.filesUpload.editor.tabs.messages': 'Mensagens',
+    'praxis.filesUpload.editor.tabs.server': 'Servidor',
+    'praxis.filesUpload.editor.tabs.json': 'JSON',
+    'praxis.filesUpload.editor.behavior.intro.title': 'Estrategia e cadencia do envio',
+    'praxis.filesUpload.editor.behavior.intro.body': 'Defina aqui como o usuario inicia o upload e como o lote se comporta em termos de paralelismo e retentativa.',
+    'praxis.filesUpload.editor.behavior.strategy.label': 'Estrategia de envio',
+    'praxis.filesUpload.editor.behavior.strategy.direct': 'Direto (HTTP padrao)',
+    'praxis.filesUpload.editor.behavior.strategy.presign': 'URL pre-assinada (S3/GCS)',
+    'praxis.filesUpload.editor.behavior.strategy.auto': 'Automatico (tenta pre-assinada e volta ao direto)',
+    'praxis.filesUpload.editor.behavior.strategy.hint': 'Como os arquivos serao enviados ao servidor.',
+    'praxis.filesUpload.editor.behavior.bulk.title': 'Opcoes configuraveis — Lote',
+    'praxis.filesUpload.editor.behavior.bulk.note': 'Use paralelismo e retries com moderacao. Em ambientes corporativos, esses controles afetam throughput, experiencia percebida e carga no backend.',
+    'praxis.filesUpload.editor.behavior.bulk.parallel': 'Uploads paralelos',
+    'praxis.filesUpload.editor.behavior.bulk.parallelHint': 'Quantos arquivos enviar ao mesmo tempo.',
+    'praxis.filesUpload.editor.behavior.bulk.retryCount': 'Numero de tentativas',
+    'praxis.filesUpload.editor.behavior.bulk.retryCountHint': 'Tentativas automaticas em caso de falha.',
+    'praxis.filesUpload.editor.behavior.bulk.retryBackoff': 'Intervalo entre tentativas (ms)',
+    'praxis.filesUpload.editor.behavior.bulk.retryBackoffHint': 'Tempo de espera entre tentativas.',
+    'praxis.filesUpload.editor.interface.intro.title': 'Experiencia visivel para o usuario',
+    'praxis.filesUpload.editor.interface.intro.body': 'Configure densidade, dropzone, metadados e detalhes da lista. Priorize clareza operacional antes de habilitar recursos avancados.',
+    'praxis.filesUpload.editor.interface.section.title': 'Opcoes configuraveis — Interface',
+    'praxis.filesUpload.editor.interface.section.note': 'Esta secao controla a ergonomia do componente. Mudancas aqui afetam descoberta, esforco de uso e taxa de conclusao do envio.',
+    'praxis.filesUpload.editor.interface.showDropzone': 'Exibir area de soltar',
+    'praxis.filesUpload.editor.interface.showProgress': 'Exibir barra de progresso',
+    'praxis.filesUpload.editor.interface.showConflictPolicySelector': 'Permitir escolher a politica de conflito',
+    'praxis.filesUpload.editor.interface.manualUpload': 'Exigir clique em "Enviar" (modo manual)',
+    'praxis.filesUpload.editor.interface.dense': 'Layout compacto',
+    'praxis.filesUpload.editor.interface.accept': 'Tipos permitidos (accept)',
+    'praxis.filesUpload.editor.shared.optionalTag': 'opcional',
+    'praxis.filesUpload.editor.shared.csvOptional': 'Lista separada por virgula (opcional).',
+    'praxis.filesUpload.editor.placeholders.accept': 'ex.: pdf,jpg,png',
+    'praxis.filesUpload.editor.placeholders.detailsFields': 'ex.: id,fileName,contentType',
+    'praxis.filesUpload.editor.placeholders.allowedExtensions': 'ex.: pdf,docx,xlsx',
+    'praxis.filesUpload.editor.placeholders.acceptMimeTypes': 'ex.: application/pdf,image/png',
+    'praxis.filesUpload.editor.placeholders.targetDirectory': 'ex.: documentos/notas',
+    'praxis.filesUpload.editor.placeholders.successSingle': 'ex.: Arquivo enviado com sucesso',
+    'praxis.filesUpload.editor.placeholders.successBulk': 'ex.: Upload concluido',
+    'praxis.filesUpload.editor.placeholders.tenantValue': 'ex.: demo-tenant',
+    'praxis.filesUpload.editor.placeholders.userValue': 'ex.: 42',
+    'praxis.filesUpload.editor.interface.metadataForm': 'Exibir formulario de metadados (JSON)',
+    'praxis.filesUpload.editor.interface.dropzone.title': 'Dropzone (expansao por proximidade)',
+    'praxis.filesUpload.editor.interface.dropzone.expandOnProximity': 'Expandir ao aproximar arquivo durante arraste',
+    'praxis.filesUpload.editor.interface.dropzone.proximity': 'Raio de proximidade (px)',
+    'praxis.filesUpload.editor.interface.dropzone.mode': 'Modo de expansao',
+    'praxis.filesUpload.editor.interface.dropzone.mode.overlay': 'Overlay (recomendado)',
+    'praxis.filesUpload.editor.interface.dropzone.mode.inline': 'Inline',
+    'praxis.filesUpload.editor.interface.dropzone.height': 'Altura do overlay (px)',
+    'praxis.filesUpload.editor.interface.dropzone.debounce': 'Debounce de arraste (ms)',
+    'praxis.filesUpload.editor.interface.list.title': 'Lista e detalhes',
+    'praxis.filesUpload.editor.interface.list.collapseAfter': 'Colapsar apos (itens)',
+    'praxis.filesUpload.editor.interface.list.detailsMode': 'Modo de detalhes',
+    'praxis.filesUpload.editor.interface.list.detailsMode.auto': 'Automatico',
+    'praxis.filesUpload.editor.interface.list.detailsMode.card': 'Card (overlay)',
+    'praxis.filesUpload.editor.interface.list.detailsMode.sidesheet': 'Side-sheet',
+    'praxis.filesUpload.editor.interface.list.detailsWidth': 'Largura maxima do card (px)',
+    'praxis.filesUpload.editor.interface.list.showTechnical': 'Mostrar detalhes tecnicos por padrao',
+    'praxis.filesUpload.editor.interface.list.detailsFields': 'Campos de metadados (whitelist)',
+    'praxis.filesUpload.editor.interface.list.detailsFieldsHint': 'Lista separada por virgula; vazio = todos.',
+    'praxis.filesUpload.editor.interface.list.anchor': 'Ancora do overlay',
+    'praxis.filesUpload.editor.interface.list.anchor.item': 'Item',
+    'praxis.filesUpload.editor.interface.list.anchor.field': 'Campo',
+    'praxis.filesUpload.editor.validation.intro.title': 'Regras de aceite e comportamento operacional',
+    'praxis.filesUpload.editor.validation.intro.body': 'Separe mentalmente o que e validacao de UX local do que e regra efetiva de backend. Revise com atencao as opcoes destrutivas.',
+    'praxis.filesUpload.editor.validation.local.title': 'Opcoes configuraveis — Validacoes',
+    'praxis.filesUpload.editor.validation.local.note': 'Limites locais melhoram feedback imediato, mas nao substituem a politica efetiva do servidor.',
+    'praxis.filesUpload.editor.validation.local.maxFileSize': 'Tamanho maximo do arquivo (bytes)',
+    'praxis.filesUpload.editor.validation.local.maxFileSizeHint': 'Limite de validacao no cliente (opcional).',
+    'praxis.filesUpload.editor.validation.local.maxFilesPerBulk': 'Max. arquivos por lote',
+    'praxis.filesUpload.editor.validation.local.maxBulkSize': 'Tamanho maximo do lote (bytes)',
+    'praxis.filesUpload.editor.validation.backend.title': 'Opcoes configuraveis — Backend',
+    'praxis.filesUpload.editor.validation.backend.note': 'Estas opcoes tem impacto direto no contrato com o servidor e em governanca operacional. Trate alteracoes aqui como decisao de politica, nao apenas de interface.',
+    'praxis.filesUpload.editor.validation.backend.conflictPolicy': 'Politica de conflito (padrao)',
+    'praxis.filesUpload.editor.validation.backend.conflictPolicy.rename': 'Renomear automaticamente',
+    'praxis.filesUpload.editor.validation.backend.conflictPolicy.unique': 'Gerar nome unico',
+    'praxis.filesUpload.editor.validation.backend.conflictPolicy.overwrite': 'Sobrescrever arquivo existente',
+    'praxis.filesUpload.editor.validation.backend.conflictPolicy.skip': 'Pular se ja existir',
+    'praxis.filesUpload.editor.validation.backend.conflictPolicy.error': 'Falhar (erro)',
+    'praxis.filesUpload.editor.validation.backend.conflictPolicyHint': 'O que fazer quando o nome do arquivo ja existe.',
+    'praxis.filesUpload.editor.validation.backend.overwriteWarn': 'Atencao: OVERWRITE pode sobrescrever arquivos existentes.',
+    'praxis.filesUpload.editor.validation.backend.strictValidation': 'Validacao rigorosa (backend)',
+    'praxis.filesUpload.editor.validation.backend.maxUploadSizeMb': 'Tamanho max. por arquivo (MB)',
+    'praxis.filesUpload.editor.validation.backend.maxUploadSizeMbHint': 'Validado pelo backend (1–500 MB).',
+    'praxis.filesUpload.editor.validation.backend.allowedExtensions': 'Extensoes permitidas',
+    'praxis.filesUpload.editor.validation.backend.acceptMimeTypes': 'MIME types aceitos',
+    'praxis.filesUpload.editor.validation.backend.targetDirectory': 'Diretorio destino',
+    'praxis.filesUpload.editor.validation.backend.enableVirusScanning': 'Forcar antivirus (quando disponivel)',
+    'praxis.filesUpload.editor.validation.backend.virusWarn': 'Pode impactar desempenho e latencia de upload.',
+    'praxis.filesUpload.editor.validation.quotas.title': 'Opcoes configuraveis — Quotas (UI)',
+    'praxis.filesUpload.editor.validation.quotas.showWarnings': 'Exibir avisos de cota',
+    'praxis.filesUpload.editor.validation.quotas.blockOnExceed': 'Bloquear ao exceder cota',
+    'praxis.filesUpload.editor.validation.rateLimit.title': 'Opcoes configuraveis — Rate Limit (UI)',
+    'praxis.filesUpload.editor.validation.rateLimit.note': 'Prefira poucos retries automaticos. Mais tentativas aliviam atrito imediato, mas podem mascarar gargalos reais do ambiente.',
+    'praxis.filesUpload.editor.validation.rateLimit.showBanner': 'Exibir banner quando atingir o limite',
+    'praxis.filesUpload.editor.validation.rateLimit.autoRetry': 'Tentar novamente automaticamente',
+    'praxis.filesUpload.editor.validation.rateLimit.maxAutoRetry': 'Maximo de tentativas automaticas',
+    'praxis.filesUpload.editor.validation.rateLimit.baseBackoff': 'Intervalo base entre tentativas (ms)',
+    'praxis.filesUpload.editor.validation.batch.title': 'Opcoes configuraveis — Execucao do lote',
+    'praxis.filesUpload.editor.validation.batch.failFast': 'Parar no primeiro erro (fail-fast)',
+    'praxis.filesUpload.editor.messages.intro.title': 'Mensagens orientadas a operacao',
+    'praxis.filesUpload.editor.messages.intro.body': 'Ajuste o texto exibido ao usuario final. Priorize clareza, consistencia e linguagem acionavel.',
+    'praxis.filesUpload.editor.messages.section.title': 'Opcoes configuraveis — Mensagens (UI)',
+    'praxis.filesUpload.editor.messages.section.note': 'Mensagens curtas e objetivas funcionam melhor em contextos de alta frequencia. Use este grupo para adequar a voz da interface ao seu ambiente.',
+    'praxis.filesUpload.editor.messages.successSingle': 'Sucesso (individual)',
+    'praxis.filesUpload.editor.messages.successBulk': 'Sucesso (em lote)',
+    'praxis.filesUpload.editor.tabs.headers': 'Cabecalhos',
+    'praxis.filesUpload.editor.headers.intro.title': 'Contexto de tenant e usuario',
+    'praxis.filesUpload.editor.headers.intro.body': 'Use cabecalhos para consultar configuracao efetiva do servidor no mesmo contexto que o componente usara em producao.',
+    'praxis.filesUpload.editor.headers.section.title': 'Opcoes configuraveis — Cabecalhos (consulta)',
+    'praxis.filesUpload.editor.headers.tenantHeader': 'Cabecalho de tenant',
+    'praxis.filesUpload.editor.headers.tenantValue': 'Valor do tenant',
+    'praxis.filesUpload.editor.headers.userHeader': 'Cabecalho de usuario',
+    'praxis.filesUpload.editor.headers.userValue': 'Valor do usuario',
+    'praxis.filesUpload.editor.errors.INVALID_FILE_TYPE': 'Tipo de arquivo invalido',
+    'praxis.filesUpload.editor.errors.FILE_TOO_LARGE': 'Arquivo muito grande',
+    'praxis.filesUpload.editor.errors.NOT_FOUND': 'Arquivo nao encontrado',
+    'praxis.filesUpload.editor.errors.UNAUTHORIZED': 'Acesso nao autorizado',
+    'praxis.filesUpload.editor.errors.RATE_LIMIT_EXCEEDED': 'Limite de requisicoes excedido',
+    'praxis.filesUpload.editor.errors.INTERNAL_ERROR': 'Erro interno do servidor',
+    'praxis.filesUpload.editor.errors.QUOTA_EXCEEDED': 'Cota de upload excedida',
+    'praxis.filesUpload.editor.errors.SEC_VIRUS_DETECTED': 'Virus detectado no arquivo',
+    'praxis.filesUpload.editor.errors.SEC_MALICIOUS_CONTENT': 'Conteudo malicioso detectado',
+    'praxis.filesUpload.editor.errors.SEC_DANGEROUS_TYPE': 'Tipo de arquivo perigoso',
+    'praxis.filesUpload.editor.errors.FMT_MAGIC_MISMATCH': 'Conteudo do arquivo incompativel',
+    'praxis.filesUpload.editor.errors.FMT_CORRUPTED': 'Arquivo corrompido',
+    'praxis.filesUpload.editor.errors.FMT_UNSUPPORTED': 'Formato nao suportado',
+    'praxis.filesUpload.editor.errors.SYS_STORAGE_ERROR': 'Erro no armazenamento',
+    'praxis.filesUpload.editor.errors.SYS_SERVICE_DOWN': 'Servico indisponivel',
+    'praxis.filesUpload.editor.errors.SYS_RATE_LIMIT': 'Limite de requisicoes (sistema) excedido',
+    'praxis.filesUpload.editor.server.summary.maxPerFile': 'Max por arquivo (MB):',
+    'praxis.filesUpload.editor.server.summary.strictValidation': 'Validacao rigorosa:',
+    'praxis.filesUpload.editor.server.summary.antivirus': 'Antivirus:',
+    'praxis.filesUpload.editor.server.summary.conflictPolicy': 'Conflito de nome (padrao):',
+    'praxis.filesUpload.editor.server.summary.mimeTypes': 'MIME aceitos:',
+    'praxis.filesUpload.editor.server.summary.bulkFailFast': 'Bulk - fail-fast padrao:',
+    'praxis.filesUpload.editor.server.summary.rateLimit': 'Rate limit:',
+    'praxis.filesUpload.editor.server.summary.quotas': 'Quotas:',
+    'praxis.filesUpload.editor.server.summary.server': 'Servidor:',
+    'praxis.filesUpload.editor.server.mutableOptionsText': 'As opcoes acima que podem ser alteradas via payload sao: conflito de nome, validacao rigorosa, tamanho maximo (MB), extensoes/MIME aceitos, diretorio destino, antivirus, metadados personalizados e fail-fast (no bulk).',
+    'praxis.filesUpload.editor.server.intro.title': 'Contrato efetivo retornado pelo backend',
+    'praxis.filesUpload.editor.server.intro.body': 'Esta aba e a fonte de verdade do ambiente ativo. Compare o resumo do servidor com o que foi configurado nos formularios anteriores.',
+    'praxis.filesUpload.editor.server.readonly': 'Servidor (somente leitura)',
+    'praxis.filesUpload.editor.server.reload': 'Recarregar do servidor',
+    'praxis.filesUpload.editor.server.baseUrlHint': 'Defina a baseUrl no componente pai para consultar /api/files/config.',
+    'praxis.filesUpload.editor.server.loading': 'Carregando configuracao do servidor...',
+    'praxis.filesUpload.editor.server.loadError': 'Falha ao carregar:',
+    'praxis.filesUpload.editor.server.summaryTitle': 'Resumo da configuracao ativa',
+    'praxis.filesUpload.editor.server.viewJson': 'Ver JSON',
+    'praxis.filesUpload.editor.server.copyJson': 'Copiar JSON',
+    'praxis.filesUpload.editor.server.mutableOptionsPrefix': 'As opcoes acima que podem ser alteradas via payload sao:',
+    'praxis.filesUpload.editor.json.intro.title': 'Modo avancado',
+    'praxis.filesUpload.editor.json.intro.body': 'Edite o payload bruto apenas quando precisar de controle fino. Alteracoes aqui exigem mais rigor de revisao e validacao.',
+    'praxis.filesUpload.editor.json.note': 'O JSON e uma visao de baixo nivel da configuracao. Prefira as abas guiadas sempre que possivel para reduzir erro humano e manter a configuracao auditavel.',
+    'praxis.filesUpload.editor.snackbar.configCopied': 'Configuracao copiada',
+    'praxis.filesUpload.editor.snackbar.invalidJson': 'JSON invalido',
+    'praxis.filesUpload.editor.json.invalid': 'JSON invalido: verifique a sintaxe.',
+    'praxis.filesUpload.editor.summary.strategy.presign': 'Upload com URL pre-assinada',
+    'praxis.filesUpload.editor.summary.strategy.auto': 'Selecao automatica da estrategia',
+    'praxis.filesUpload.editor.summary.strategy.direct': 'Upload direto ao backend',
+    'praxis.filesUpload.editor.summary.strategy.presignDetail': 'Depende de endpoint de presign e costuma reduzir carga direta no servidor principal.',
+    'praxis.filesUpload.editor.summary.strategy.autoDetail': 'Tenta presign primeiro e volta ao fluxo direto quando necessario.',
+    'praxis.filesUpload.editor.summary.strategy.directDetail': 'Fluxo mais simples de integrar e diagnosticar em ambientes controlados.',
+    'praxis.filesUpload.editor.summary.experience.manual': 'Revisao manual antes do envio',
+    'praxis.filesUpload.editor.summary.experience.compact': 'Selecao orientada por campo compacto',
+    'praxis.filesUpload.editor.summary.experience.dropzone': 'Envio imediato com dropzone visivel',
+    'praxis.filesUpload.editor.summary.experience.progressVisible': 'progresso visivel',
+    'praxis.filesUpload.editor.summary.experience.progressHidden': 'sem barra de progresso',
+    'praxis.filesUpload.editor.summary.experience.conflictVisible': 'escolha de conflito disponivel',
+    'praxis.filesUpload.editor.summary.experience.conflictHidden': 'politica de conflito escondida',
+    'praxis.filesUpload.editor.summary.experience.metadataVisible': 'metadados editaveis na UI',
+    'praxis.filesUpload.editor.summary.experience.metadataHidden': 'sem formulario extra',
+    'praxis.filesUpload.editor.summary.limits.titleValue': '{maxFile} MB por arquivo • {maxBulk} itens por lote',
+    'praxis.filesUpload.editor.summary.limits.detailValue': '{parallel} upload(s) paralelos • {mode}',
+    'praxis.filesUpload.editor.summary.limits.failFast': 'fail-fast ativo',
+    'praxis.filesUpload.editor.summary.limits.partialFailures': 'falhas parciais permitidas',
+    'praxis.filesUpload.editor.summary.server.titleValue': 'Conflito padrao: {conflict}',
+    'praxis.filesUpload.editor.summary.server.detailValue': '{strict} • {virus}',
+    'praxis.filesUpload.editor.summary.server.strictOn': 'validacao rigorosa ligada',
+    'praxis.filesUpload.editor.summary.server.strictOff': 'validacao rigida desativada',
+    'praxis.filesUpload.editor.summary.server.virusOn': 'antivirus forcado',
+    'praxis.filesUpload.editor.summary.server.virusOff': 'antivirus opcional/inativo',
+    'praxis.filesUpload.editor.risks.overwrite.title': 'Sobrescrita habilitada',
+    'praxis.filesUpload.editor.risks.overwrite.detail': 'Arquivos existentes podem ser substituidos silenciosamente se o backend aceitar a operacao.',
+    'praxis.filesUpload.editor.risks.virus.title': 'Antivirus pode elevar latencia',
+    'praxis.filesUpload.editor.risks.virus.detail': 'Ativar varredura forcada melhora seguranca, mas pode impactar throughput e tempo de resposta.',
+    'praxis.filesUpload.editor.risks.failFast.title': 'Lote para no primeiro erro',
+    'praxis.filesUpload.editor.risks.failFast.detail': 'Usuarios podem precisar reenviar itens validos quando o primeiro erro interromper o restante do lote.',
+    'praxis.filesUpload.editor.risks.retry.title': 'Retry automatico agressivo',
+    'praxis.filesUpload.editor.risks.retry.detail': 'Muitas tentativas automaticas podem aumentar tempo de espera percebido e ruido operacional.',
+    'praxis.filesUpload.editor.risks.manual.title': 'Fluxo exige acao manual',
+    'praxis.filesUpload.editor.risks.manual.detail': 'Adequado para revisao, mas aumenta passos no envio e pode reduzir taxa de conclusao em cenarios simples.',
+    'praxis.filesUpload.settingsAriaLabel': 'Abrir configurações',
+    'praxis.filesUpload.dropzoneLabel': 'Arraste arquivos ou',
+    'praxis.filesUpload.dropzoneButton': 'selecionar',
+    'praxis.filesUpload.conflictPolicyLabel': 'Política de conflito',
+    'praxis.filesUpload.metadataLabel': 'Metadados (JSON)',
+    'praxis.filesUpload.progressAriaLabel': 'Progresso do upload',
+    'praxis.filesUpload.rateLimitBanner': 'Limite de requisições excedido. Tente novamente às',
+    'praxis.filesUpload.settingsTitle': 'Configuração de Upload de Arquivos',
+    'praxis.filesUpload.statusSuccess': 'Enviado',
+    'praxis.filesUpload.statusError': 'Erro',
+    'praxis.filesUpload.invalidMetadata': 'Metadados inválidos.',
+    'praxis.filesUpload.genericUploadError': 'Erro no envio de arquivo.',
+    'praxis.filesUpload.acceptError': 'Tipo de arquivo não permitido.',
+    'praxis.filesUpload.maxFileSizeError': 'Arquivo excede o tamanho máximo.',
+    'praxis.filesUpload.maxFilesPerBulkError': 'Quantidade de arquivos excedida.',
+    'praxis.filesUpload.maxBulkSizeError': 'Tamanho total dos arquivos excedido.',
+    'praxis.filesUpload.serviceUnavailable': 'Serviço de upload indisponível.',
+    'praxis.filesUpload.baseUrlMissing': 'Base URL não configurada. Informe [baseUrl] para habilitar o envio.',
+    'praxis.filesUpload.selectFiles': 'Selecionar arquivo(s)',
+    'praxis.filesUpload.remove': 'Remover',
+    'praxis.filesUpload.moreActions': 'Mais ações',
+    'praxis.filesUpload.policySummaryAction': 'Informações sobre políticas de upload',
+    'praxis.filesUpload.retry': 'Reenviar',
+    'praxis.filesUpload.download': 'Baixar',
+    'praxis.filesUpload.copyLink': 'Copiar link',
+    'praxis.filesUpload.details': 'Detalhes',
+    'praxis.filesUpload.detailsMetadata': 'Metadados',
+    'praxis.filesUpload.dropzoneHint': 'Arraste e solte arquivos aqui ou clique para selecionar',
+    'praxis.filesUpload.dropzoneProximityHint': 'Solte aqui para enviar',
+    'praxis.filesUpload.placeholder': 'Selecione ou solte arquivos…',
+    'praxis.filesUpload.partialUploadError': 'Upload parcial concluído com falhas em parte do lote.',
+    'praxis.filesUpload.presignMetadataMissing': 'Upload assinado concluído sem metadados do arquivo.',
+    'praxis.filesUpload.fieldChipAria': 'Arquivos adicionais selecionados',
+    'praxis.filesUpload.fieldPendingCountSuffix': 'arquivo(s) selecionado(s)',
+    'praxis.filesUpload.removePendingFile': 'Remover arquivo selecionado',
+    'praxis.filesUpload.fieldPolicyTypes': 'Tipos',
+    'praxis.filesUpload.fieldPolicyMaxPerFile': 'Máx/arquivo',
+    'praxis.filesUpload.fieldPolicyMaxItems': 'Máx/itens',
+    'praxis.filesUpload.fieldPolicyNotConfigured': 'Não configurado',
+    'praxis.filesUpload.sizeUnitBytes': 'Bytes',
+    'praxis.filesUpload.sizeUnitKB': 'KB',
+    'praxis.filesUpload.sizeUnitMB': 'MB',
+    'praxis.filesUpload.sizeUnitGB': 'GB',
+    'praxis.filesUpload.sizeUnitTB': 'TB',
+    'praxis.filesUpload.errors.INVALID_FILE_TYPE': 'Tipo de arquivo inválido.',
+    'praxis.filesUpload.errors.FILE_TOO_LARGE': 'Arquivo muito grande.',
+    'praxis.filesUpload.errors.NOT_FOUND': 'Arquivo não encontrado.',
+    'praxis.filesUpload.errors.UNAUTHORIZED': 'Requisição não autorizada.',
+    'praxis.filesUpload.errors.RATE_LIMIT_EXCEEDED': 'Limite de requisições excedido.',
+    'praxis.filesUpload.errors.INTERNAL_ERROR': 'Erro interno do servidor.',
+    'praxis.filesUpload.errors.QUOTA_EXCEEDED': 'Cota excedida.',
+    'praxis.filesUpload.errors.SEC_VIRUS_DETECTED': 'Vírus detectado no arquivo.',
+    'praxis.filesUpload.errors.SEC_MALICIOUS_CONTENT': 'Conteúdo malicioso detectado.',
+    'praxis.filesUpload.errors.SEC_DANGEROUS_TYPE': 'Tipo de arquivo perigoso.',
+    'praxis.filesUpload.errors.FMT_MAGIC_MISMATCH': 'Conteúdo do arquivo incompatível.',
+    'praxis.filesUpload.errors.FMT_CORRUPTED': 'Arquivo corrompido.',
+    'praxis.filesUpload.errors.FMT_UNSUPPORTED': 'Formato de arquivo não suportado.',
+    'praxis.filesUpload.errors.SYS_STORAGE_ERROR': 'Erro de armazenamento.',
+    'praxis.filesUpload.errors.SYS_SERVICE_DOWN': 'Serviço indisponível.',
+    'praxis.filesUpload.errors.SYS_RATE_LIMIT': 'Limite de requisições excedido.',
+    // Aliases PT-BR do backend e códigos adicionais
+    'praxis.filesUpload.errors.ARQUIVO_MUITO_GRANDE': 'Arquivo muito grande.',
+    'praxis.filesUpload.errors.TIPO_ARQUIVO_INVALIDO': 'Tipo de arquivo inválido.',
+    'praxis.filesUpload.errors.TIPO_MIDIA_NAO_SUPORTADO': 'Tipo de mídia não suportado.',
+    'praxis.filesUpload.errors.CAMPO_OBRIGATORIO_AUSENTE': 'Campo obrigatório ausente.',
+    'praxis.filesUpload.errors.OPCOES_JSON_INVALIDAS': 'JSON de opções inválido.',
+    'praxis.filesUpload.errors.ARGUMENTO_INVALIDO': 'Argumento inválido.',
+    'praxis.filesUpload.errors.NAO_AUTORIZADO': 'Autenticação necessária.',
+    'praxis.filesUpload.errors.ERRO_INTERNO': 'Erro interno do servidor.',
+    'praxis.filesUpload.errors.LIMITE_TAXA_EXCEDIDO': 'Limite de taxa excedido.',
+    'praxis.filesUpload.errors.COTA_EXCEDIDA': 'Cota excedida.',
+    'praxis.filesUpload.errors.ARQUIVO_JA_EXISTE': 'Arquivo já existe.',
+    // Outros possíveis códigos mapeados no catálogo
+    'praxis.filesUpload.errors.INVALID_JSON_OPTIONS': 'JSON de opções inválido.',
+    'praxis.filesUpload.errors.EMPTY_FILENAME': 'Nome do arquivo obrigatório.',
+    'praxis.filesUpload.errors.FILE_EXISTS': 'Arquivo já existe.',
+    'praxis.filesUpload.errors.PATH_TRAVERSAL': 'Path traversal detectado.',
+    'praxis.filesUpload.errors.INSUFFICIENT_STORAGE': 'Sem espaço em disco.',
+    'praxis.filesUpload.errors.UPLOAD_TIMEOUT': 'Tempo esgotado no upload.',
+    'praxis.filesUpload.errors.BULK_UPLOAD_TIMEOUT': 'Tempo esgotado no upload em lote.',
+    'praxis.filesUpload.errors.BULK_UPLOAD_CANCELLED': 'Upload em lote cancelado.',
+    'praxis.filesUpload.errors.USER_CANCELLED': 'Upload cancelado pelo usuário.',
+    'praxis.filesUpload.errors.UNKNOWN_ERROR': 'Erro desconhecido.',
+    'praxis.filesUpload.fieldPendingSummary': 'Arquivos prontos para envio',
+    'praxis.filesUpload.fieldSelectedSummary': 'Arquivo selecionado',
+    'praxis.filesUpload.fieldSelectedPlural': 'arquivos vinculados',
+    'praxis.filesUpload.fieldEmptySummary': 'Nenhum arquivo selecionado',
+    'praxis.filesUpload.fieldErrorSummary': 'Corrija o erro para continuar',
+    'praxis.filesUpload.fieldActionUpload': 'Enviar arquivos selecionados',
+    'praxis.filesUpload.fieldActionUploadShort': 'Enviar',
+    'praxis.filesUpload.fieldActionCancel': 'Cancelar seleção atual',
+    'praxis.filesUpload.fieldActionCancelShort': 'Cancelar',
+    'praxis.filesUpload.fieldActionSelect': 'Selecionar arquivo(s)',
+    'praxis.filesUpload.fieldActionClear': 'Limpar',
+    'praxis.filesUpload.fieldInfoAction': 'Informações',
+    'praxis.filesUpload.fieldMoreActions': 'Mais ações',
+    'praxis.filesUpload.fieldPendingAriaSuffix': 'arquivos prontos para envio',
+    'praxis.filesUpload.selectedOverlayAriaLabel': 'Arquivos selecionados',
+    'praxis.filesUpload.selectedOverlayTitle': 'Selecionados',
+    'praxis.filesUpload.bulkSummaryTotal': 'Total',
+    'praxis.filesUpload.bulkSummarySuccess': 'Sucesso',
+    'praxis.filesUpload.bulkSummaryFailed': 'Falhas',
+    'praxis.filesUpload.resultMetaIdLabel': 'ID',
+    'praxis.filesUpload.resultMetaTypeLabel': 'Tipo',
+    'praxis.filesUpload.resultMetaSizeLabel': 'Tamanho',
+    'praxis.filesUpload.resultMetaUploadedAtLabel': 'Enviado em',
+    'praxis.filesUpload.policySummaryAny': 'qualquer',
+    'praxis.filesUpload.policySummaryNotConfigured': '—',
+    'praxis.filesUpload.policySummaryTypesLabel': 'Tipos',
+    'praxis.filesUpload.policySummaryMaxPerFileLabel': 'Máx. por arquivo',
+    'praxis.filesUpload.policySummaryQuantityLabel': 'Qtde',
+    'praxis.filesUpload.showAll': 'Ver todos',
+    'praxis.filesUpload.showLess': 'Ver menos',
+};
+
+/** @deprecated Transitional compatibility token. Prefer PraxisI18nService. */
+const FILES_UPLOAD_TEXTS = new InjectionToken('FILES_UPLOAD_TEXTS', {
+    providedIn: 'root',
+    factory: () => ({
+        settingsAriaLabel: 'Abrir configurações',
+        dropzoneLabel: 'Arraste arquivos ou',
+        dropzoneButton: 'selecionar',
+        conflictPolicyLabel: 'Política de conflito',
+        metadataLabel: 'Metadados (JSON)',
+        progressAriaLabel: 'Progresso do upload',
+        rateLimitBanner: 'Limite de requisições excedido. Tente novamente às',
+    }),
+});
+/** @deprecated Transitional compatibility token. Prefer PraxisI18nService. */
+const TRANSLATE_LIKE = new InjectionToken('TRANSLATE_LIKE');
+function createPraxisFilesUploadI18nConfig(options = {}) {
+    const dictionaries = {
+        'pt-BR': {
+            ...FILES_UPLOAD_PT_BR,
+            ...(options.dictionaries?.['pt-BR'] ?? {}),
+        },
+        'en-US': {
+            ...FILES_UPLOAD_EN_US,
+            ...(options.dictionaries?.['en-US'] ?? {}),
+        },
+    };
+    for (const [locale, dictionary] of Object.entries(options.dictionaries ?? {})) {
+        if (locale === 'pt-BR' || locale === 'en-US') {
+            continue;
+        }
+        dictionaries[locale] = {
+            ...(dictionaries[locale] ?? {}),
+            ...dictionary,
+        };
+    }
+    return {
+        locale: options.locale,
+        fallbackLocale: options.fallbackLocale ?? 'pt-BR',
+        dictionaries,
+    };
 }
-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: [
-                        CommonModule,
-                        ReactiveFormsModule,
-                        MatTabsModule,
-                        MatFormFieldModule,
-                        MatInputModule,
-                        MatCheckboxModule,
-                        MatSelectModule,
-                        MatButtonModule,
-                        MatIconModule,
-                        MatTooltipModule,
-                        MatSnackBarModule,
-                        FormsModule,
-                    ], template: `
+function providePraxisFilesUploadI18n(options = {}) {
+    return providePraxisI18n(createPraxisFilesUploadI18nConfig(options));
+}
+function resolvePraxisFilesUploadText(i18n, key, fallback, legacyTexts, legacyTranslate) {
+    const namespacedKey = key.startsWith('praxis.filesUpload.')
+        ? key
+        : `praxis.filesUpload.${key}`;
+    const coreTranslation = i18n.t(namespacedKey, undefined, '');
+    if (coreTranslation) {
+        return coreTranslation;
+    }
+    const legacyText = legacyTexts?.[key];
+    if (legacyText) {
+        return legacyText;
+    }
+    const translatedByLegacyService = legacyTranslate?.t?.(namespacedKey, undefined, '') ||
+        legacyTranslate?.t?.(key, undefined, '') ||
+        resolveLegacyInstantTranslation(legacyTranslate, namespacedKey) ||
+        resolveLegacyInstantTranslation(legacyTranslate, key);
+    if (translatedByLegacyService) {
+        return translatedByLegacyService;
+    }
+    return fallback;
+}
+function resolveLegacyInstantTranslation(legacyTranslate, key) {
+    const translated = legacyTranslate?.instant?.(key);
+    return translated && translated !== key ? translated : '';
+}
+
+class PraxisFilesUploadConfigEditor {
+    fb;
+    panelData;
+    snackBar;
+    destroyRef;
+    i18n = inject(PraxisI18nService);
+    form;
+    // Integração com backend: baseUrl e sinais de configuração efetiva
+    baseUrl;
+    state;
+    serverLoading = () => (this.state ? this.state.loading() : false);
+    serverData = () => (this.state ? this.state.data() : undefined);
+    serverError = () => (this.state ? this.state.error() : undefined);
+    get uiGroup() {
+        return this.form.get('ui');
+    }
+    get dropzoneGroup() {
+        return this.form.get('ui').get('dropzone');
+    }
+    get listGroup() {
+        return this.form.get('ui').get('list');
+    }
+    get limitsGroup() {
+        return this.form.get('limits');
+    }
+    get optionsGroup() {
+        return this.form.get('options');
+    }
+    get quotasGroup() {
+        return this.form.get('quotas');
+    }
+    get rateLimitGroup() {
+        return this.form.get('rateLimit');
+    }
+    get bulkGroup() {
+        return this.form.get('bulk');
+    }
+    get messagesGroup() {
+        return this.form.get('messages');
+    }
+    get headersGroup() {
+        return this.form.get('headers');
+    }
+    get errorsGroup() {
+        return this.messagesGroup.get('errors');
+    }
+    errorCodes = Object.values(ErrorCode);
+    errorEntries = [];
+    isDirty$ = new BehaviorSubject(false);
+    isValid$;
+    isBusy$ = new BehaviorSubject(false);
+    jsonError = null;
+    tx(key, fallback) {
+        return resolvePraxisFilesUploadText(this.i18n, key, fallback);
+    }
+    getFriendlyErrorLabel(code) {
+        const normalized = String(code);
+        return this.tx(`editor.errors.${normalized}`, normalized);
+    }
+    constructor(fb, panelData, snackBar, destroyRef) {
+        this.fb = fb;
+        this.panelData = panelData;
+        this.snackBar = snackBar;
+        this.destroyRef = destroyRef;
+        this.form = this.fb.group({
+            strategy: ['direct'],
+            ui: this.fb.group({
+                showDropzone: [true],
+                showProgress: [true],
+                showConflictPolicySelector: [true],
+                manualUpload: [false],
+                dense: [false],
+                accept: [''],
+                showMetadataForm: [false],
+                // Grupos específicos de UI
+                dropzone: this.fb.group({
+                    expandOnDragProximity: [true],
+                    proximityPx: [64],
+                    expandMode: ['overlay'],
+                    expandHeight: [200],
+                    expandDebounceMs: [120],
+                }),
+                list: this.fb.group({
+                    collapseAfter: [5],
+                    detailsMode: ['auto'],
+                    detailsMaxWidth: [480],
+                    detailsShowTechnical: [false],
+                    detailsFields: [''], // CSV na UI
+                    detailsAnchor: ['item'],
+                }),
+            }),
+            limits: this.fb.group({
+                maxFileSizeBytes: [null],
+                maxFilesPerBulk: [null],
+                maxBulkSizeBytes: [null],
+            }),
+            options: this.fb.group({
+                defaultConflictPolicy: ['RENAME'],
+                strictValidation: [true],
+                maxUploadSizeMb: [50],
+                allowedExtensions: [''],
+                acceptMimeTypes: [''],
+                targetDirectory: [''],
+                enableVirusScanning: [false],
+            }),
+            bulk: this.fb.group({
+                failFast: [false],
+                parallelUploads: [1],
+                retryCount: [0],
+                retryBackoffMs: [0],
+            }),
+            quotas: this.fb.group({
+                showQuotaWarnings: [false],
+                blockOnExceed: [false],
+            }),
+            rateLimit: this.fb.group({
+                autoRetryOn429: [false],
+                showBannerOn429: [true],
+                maxAutoRetry: [0],
+                baseBackoffMs: [0],
+            }),
+            headers: this.fb.group({
+                tenantHeader: ['X-Tenant-Id'],
+                userHeader: ['X-User-Id'],
+                // Valores usados nas consultas de configuração do servidor
+                tenantValue: [''],
+                userValue: [''],
+            }),
+            messages: this.fb.group({
+                successSingle: [''],
+                successBulk: [''],
+                errors: this.fb.group({}),
+            }),
+        });
+        this.errorEntries = this.errorCodes.map((code) => ({
+            code,
+            label: this.getFriendlyErrorLabel(code),
+        }));
+        const errorsGroup = this.errorsGroup;
+        this.errorCodes.forEach((code) => {
+            errorsGroup.addControl(code, this.fb.control(''));
+        });
+        this.isValid$ = this.form.statusChanges.pipe(map$1((s) => s === 'VALID'), startWith(this.form.valid));
+        // Definir baseUrl e inicializar hook em contexto de injeção
+        this.baseUrl = this.panelData?.baseUrl ?? this.panelData?.__baseUrl;
+        this.state = useEffectiveUploadConfig(this.baseUrl ?? '/api/files', () => this.getHeadersForFetch());
+        // Observa mudanças na configuração efetiva do servidor (em contexto de injeção)
+        toObservable(this.state.data)
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe((cfg) => this.applyServerConfig(cfg));
+    }
+    ngOnInit() {
+        // baseUrl opcional vinda do componente pai (Settings Panel inputs)
+        // (já definida no construtor)
+        if (this.panelData) {
+            const patch = { ...this.panelData };
+            if (patch.ui?.accept) {
+                patch.ui = { ...patch.ui, accept: patch.ui.accept.join(',') };
+            }
+            // Normalizar lista de detalhes para CSV
+            if (patch.ui?.list?.detailsFields) {
+                patch.ui = {
+                    ...patch.ui,
+                    list: {
+                        ...patch.ui.list,
+                        detailsFields: patch.ui.list.detailsFields.join(','),
+                    },
+                };
+            }
+            if (patch.options?.allowedExtensions) {
+                patch.options = {
+                    ...patch.options,
+                    allowedExtensions: patch.options.allowedExtensions.join(','),
+                };
+            }
+            if (patch.options?.acceptMimeTypes) {
+                patch.options = {
+                    ...patch.options,
+                    acceptMimeTypes: patch.options.acceptMimeTypes.join(','),
+                };
+            }
+            this.form.patchValue(patch);
+        }
+        // Sempre que cabeçalhos mudarem, atualiza contexto da consulta (e refaz fetch)
+        this.headersGroup.valueChanges.subscribe(() => {
+            this.state.refetch();
+        });
+        this.form.valueChanges.subscribe(() => this.isDirty$.next(true));
+    }
+    applyServerConfig(cfg) {
+        if (!cfg)
+            return;
+        // Configuração efetiva do backend separada em validações locais, opções
+        // de backend e execução de lote.
+        const options = cfg.options ?? {};
+        const bulk = cfg.bulk ?? {};
+        // Validações locais alimentadas pelo backend
+        this.limitsGroup.patchValue({
+            // Preencher máx. arquivos por lote a partir do backend
+            maxFilesPerBulk: typeof bulk.maxFilesPerBatch === 'number'
+                ? bulk.maxFilesPerBatch
+                : null,
+        }, { emitEvent: false });
+        // Opções de backend (normalizar arrays em string CSV)
+        const allowed = Array.isArray(options.allowedExtensions)
+            ? options.allowedExtensions.join(',')
+            : '';
+        const mimes = Array.isArray(options.acceptMimeTypes)
+            ? options.acceptMimeTypes.join(',')
+            : '';
+        this.optionsGroup.patchValue({
+            defaultConflictPolicy: options.nameConflictPolicy ?? null,
+            strictValidation: options.strictValidation ?? null,
+            maxUploadSizeMb: options.maxUploadSizeMb ?? null,
+            allowedExtensions: allowed,
+            acceptMimeTypes: mimes,
+            targetDirectory: options.targetDirectory ?? '',
+            enableVirusScanning: !!options.enableVirusScanning,
+        }, { emitEvent: false });
+        // Execução de lote
+        this.bulkGroup.patchValue({
+            failFast: bulk.failFastModeDefault ?? false,
+            parallelUploads: typeof bulk.maxConcurrentUploads === 'number'
+                ? bulk.maxConcurrentUploads
+                : 1,
+        }, { emitEvent: false });
+        // rate limit (somente leitura na UI)
+        this.rateLimitGroup.patchValue({
+        // Mantemos flags de UI; os números vêm do servidor e são mostrados no resumo
+        }, { emitEvent: false });
+        // quotas (somente preferências de UI)
+        this.quotasGroup.patchValue({}, { emitEvent: false });
+        // Mensagens de erro do servidor
+        const serverMessages = cfg.messages ?? {};
+        const errorsGroup = this.errorsGroup;
+        const alias = {
+            INVALID_TYPE: ErrorCode.INVALID_FILE_TYPE,
+            UNSUPPORTED_FILE_TYPE: ErrorCode.FMT_UNSUPPORTED,
+            MAGIC_NUMBER_MISMATCH: ErrorCode.FMT_MAGIC_MISMATCH,
+            CORRUPTED_FILE: ErrorCode.FMT_CORRUPTED,
+            FILE_TOO_LARGE: ErrorCode.FILE_TOO_LARGE,
+            RATE_LIMIT_EXCEEDED: ErrorCode.RATE_LIMIT_EXCEEDED,
+            QUOTA_EXCEEDED: ErrorCode.QUOTA_EXCEEDED,
+            INTERNAL_ERROR: ErrorCode.INTERNAL_ERROR,
+            UNKNOWN_ERROR: ErrorCode.INTERNAL_ERROR,
+            MALWARE_DETECTED: ErrorCode.SEC_MALICIOUS_CONTENT,
+            VIRUS_DETECTED: ErrorCode.SEC_VIRUS_DETECTED,
+            DANGEROUS_FILE_TYPE: ErrorCode.SEC_DANGEROUS_TYPE,
+            DANGEROUS_EXECUTABLE: ErrorCode.SEC_DANGEROUS_TYPE,
+            FILE_STORE_ERROR: ErrorCode.SYS_STORAGE_ERROR,
+            SYS_STORAGE_ERROR: ErrorCode.SYS_STORAGE_ERROR,
+        };
+        Object.keys(serverMessages).forEach((rawCode) => {
+            const mapped = alias[rawCode] ?? ErrorCode[rawCode];
+            const ctrlName = mapped ? String(mapped) : rawCode;
+            if (!errorsGroup.get(ctrlName)) {
+                errorsGroup.addControl(ctrlName, this.fb.control(''));
+            }
+            if (!this.errorEntries.some((e) => e.code === ctrlName)) {
+                const meta = getErrorMeta(rawCode);
+                const label = meta.title || ctrlName;
+                this.errorEntries.push({ code: ctrlName, label });
+            }
+            errorsGroup
+                .get(ctrlName)
+                ?.patchValue(serverMessages[rawCode], { emitEvent: false });
+        });
+    }
+    getSettingsValue() {
+        const value = this.form.value;
+        // accept (UI)
+        const accept = this.uiGroup.get('accept')?.value;
+        if (accept !== undefined) {
+            value.ui = value.ui ?? {};
+            value.ui.accept = accept
+                .split(',')
+                .map((s) => s.trim())
+                .filter((s) => !!s);
+        }
+        // NOVO: detailsFields (UI)
+        const df = this.uiGroup.get('list')?.get('detailsFields')
+            ?.value;
+        if (df !== undefined) {
+            value.ui = value.ui ?? {};
+            value.ui.list = value.ui.list ?? {};
+            value.ui.list.detailsFields = df
+                .split(',')
+                .map((s) => s.trim())
+                .filter((s) => !!s);
+        }
+        // options.allowedExtensions
+        const allowedExt = this.optionsGroup.get('allowedExtensions')
+            ?.value;
+        if (allowedExt !== undefined) {
+            value.options = value.options ?? {};
+            value.options.allowedExtensions = allowedExt
+                .split(',')
+                .map((s) => s.trim())
+                .filter((s) => !!s);
+        }
+        // options.acceptMimeTypes
+        const mime = this.optionsGroup.get('acceptMimeTypes')?.value;
+        if (mime !== undefined) {
+            value.options = value.options ?? {};
+            value.options.acceptMimeTypes = mime
+                .split(',')
+                .map((s) => s.trim())
+                .filter((s) => !!s);
+        }
+        return value;
+    }
+    copyServerConfig() {
+        const data = this.serverData();
+        if (!data) {
+            return;
+        }
+        const json = JSON.stringify(data, null, 2);
+        if (navigator?.clipboard?.writeText) {
+            navigator.clipboard.writeText(json);
+            this.snackBar.open(this.tx('editor.snackbar.configCopied', 'Configuration copied'), undefined, {
+                duration: 2000,
+            });
+        }
+    }
+    onJsonChange(json) {
+        try {
+            const parsed = JSON.parse(json);
+            this.form.patchValue(parsed);
+            this.jsonError = null;
+        }
+        catch {
+            this.jsonError = this.tx('editor.json.invalid', 'Invalid JSON: check the syntax.');
+            this.snackBar.open(this.tx('editor.snackbar.invalidJson', 'Invalid JSON'), undefined, { duration: 2000 });
+        }
+    }
+    getHeadersForFetch() {
+        const h = this.headersGroup.value;
+        const headers = {};
+        if (h?.tenantHeader && h?.tenantValue)
+            headers[h.tenantHeader] = h.tenantValue;
+        if (h?.userHeader && h?.userValue)
+            headers[h.userHeader] = h.userValue;
+        return headers;
+    }
+    refetchServerConfig() {
+        this.state.refetch();
+    }
+    get summaryStrategyTitle() {
+        const strategy = this.form.get('strategy')?.value;
+        if (strategy === 'presign') {
+            return this.tx('editor.summary.strategy.presign', 'Upload with presigned URL');
+        }
+        if (strategy === 'auto') {
+            return this.tx('editor.summary.strategy.auto', 'Automatic strategy selection');
+        }
+        return this.tx('editor.summary.strategy.direct', 'Direct upload to backend');
+    }
+    get summaryStrategyDetail() {
+        const strategy = this.form.get('strategy')?.value;
+        if (strategy === 'presign') {
+            return this.tx('editor.summary.strategy.presignDetail', 'Depends on a presign endpoint and usually reduces direct load on the main server.');
+        }
+        if (strategy === 'auto') {
+            return this.tx('editor.summary.strategy.autoDetail', 'Tries presign first and falls back to the direct flow when needed.');
+        }
+        return this.tx('editor.summary.strategy.directDetail', 'Simpler flow to integrate and diagnose in controlled environments.');
+    }
+    get summaryExperienceTitle() {
+        const ui = this.uiGroup.value;
+        if (ui?.manualUpload) {
+            return this.tx('editor.summary.experience.manual', 'Manual review before upload');
+        }
+        if (ui?.showDropzone === false) {
+            return this.tx('editor.summary.experience.compact', 'Selection guided by compact field');
+        }
+        return this.tx('editor.summary.experience.dropzone', 'Immediate upload with visible dropzone');
+    }
+    get summaryExperienceDetail() {
+        const ui = this.uiGroup.value;
+        const tokens = [
+            ui?.showProgress
+                ? this.tx('editor.summary.experience.progressVisible', 'visible progress')
+                : this.tx('editor.summary.experience.progressHidden', 'no progress bar'),
+            ui?.showConflictPolicySelector
+                ? this.tx('editor.summary.experience.conflictVisible', 'conflict selection available')
+                : this.tx('editor.summary.experience.conflictHidden', 'conflict policy hidden'),
+            ui?.showMetadataForm
+                ? this.tx('editor.summary.experience.metadataVisible', 'editable metadata in the UI')
+                : this.tx('editor.summary.experience.metadataHidden', 'no extra form'),
+        ];
+        return tokens.join(' • ');
+    }
+    get summaryLimitsTitle() {
+        const maxFile = this.optionsGroup.get('maxUploadSizeMb')?.value;
+        const maxBulk = this.limitsGroup.get('maxFilesPerBulk')?.value;
+        return this.tx('editor.summary.limits.titleValue', '{maxFile} MB per file • {maxBulk} items per batch')
+            .replace('{maxFile}', String(maxFile || '—'))
+            .replace('{maxBulk}', String(maxBulk || '—'));
+    }
+    get summaryLimitsDetail() {
+        const parallel = this.bulkGroup.get('parallelUploads')?.value;
+        const failFast = this.bulkGroup.get('failFast')?.value;
+        return this.tx('editor.summary.limits.detailValue', '{parallel} parallel upload(s) • {mode}')
+            .replace('{parallel}', String(parallel || 1))
+            .replace('{mode}', failFast
+            ? this.tx('editor.summary.limits.failFast', 'fail-fast enabled')
+            : this.tx('editor.summary.limits.partialFailures', 'partial failures allowed'));
+    }
+    get summaryServerTitle() {
+        const conflict = this.optionsGroup.get('defaultConflictPolicy')?.value || 'RENAME';
+        return this.tx('editor.summary.server.titleValue', 'Default conflict: {conflict}').replace('{conflict}', String(conflict));
+    }
+    get summaryServerDetail() {
+        const strict = this.optionsGroup.get('strictValidation')?.value;
+        const virus = this.optionsGroup.get('enableVirusScanning')?.value;
+        return this.tx('editor.summary.server.detailValue', '{strict} • {virus}')
+            .replace('{strict}', strict
+            ? this.tx('editor.summary.server.strictOn', 'strict validation enabled')
+            : this.tx('editor.summary.server.strictOff', 'strict validation disabled'))
+            .replace('{virus}', virus
+            ? this.tx('editor.summary.server.virusOn', 'forced antivirus')
+            : this.tx('editor.summary.server.virusOff', 'optional/inactive antivirus'));
+    }
+    get activeRisks() {
+        const risks = [];
+        if (this.optionsGroup.get('defaultConflictPolicy')?.value === 'OVERWRITE') {
+            risks.push({
+                title: this.tx('editor.risks.overwrite.title', 'Overwrite enabled'),
+                detail: this.tx('editor.risks.overwrite.detail', 'Existing files may be silently replaced if the backend accepts the operation.'),
+            });
+        }
+        if (this.optionsGroup.get('enableVirusScanning')?.value === true) {
+            risks.push({
+                title: this.tx('editor.risks.virus.title', 'Antivirus may increase latency'),
+                detail: this.tx('editor.risks.virus.detail', 'Forced scanning improves security, but may impact throughput and response time.'),
+            });
+        }
+        if (this.bulkGroup.get('failFast')?.value === true) {
+            risks.push({
+                title: this.tx('editor.risks.failFast.title', 'Batch stops on the first error'),
+                detail: this.tx('editor.risks.failFast.detail', 'Users may need to resend valid items when the first error interrupts the rest of the batch.'),
+            });
+        }
+        if ((this.rateLimitGroup.get('maxAutoRetry')?.value ?? 0) >= 5) {
+            risks.push({
+                title: this.tx('editor.risks.retry.title', 'Aggressive automatic retry'),
+                detail: this.tx('editor.risks.retry.detail', 'Too many automatic retries may increase perceived wait time and operational noise.'),
+            });
+        }
+        if (this.uiGroup.get('manualUpload')?.value === true) {
+            risks.push({
+                title: this.tx('editor.risks.manual.title', 'Flow requires manual action'),
+                detail: this.tx('editor.risks.manual.detail', 'Suitable for review, but adds upload steps and may reduce completion rate in simple scenarios.'),
+            });
+        }
+        return risks;
+    }
+    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", providers: [providePraxisFilesUploadI18n()], ngImport: i0, template: `
     <div class="editor-layout">
-      <aside class="summary-panel" aria-label="Resumo executivo da configuração">
-        <h3>Resumo executivo</h3>
+      <aside class="summary-panel" [attr.aria-label]="tx('editor.summary.ariaLabel', 'Executive summary for the current configuration')">
+        <h3>{{ tx('editor.summary.title', 'Executive summary') }}</h3>
         <p class="summary-intro">
-          Revise aqui o impacto operacional antes de percorrer todos os grupos
-          de configuração.
+          {{ tx('editor.summary.intro', 'Review the operational impact here before going through all configuration groups.') }}
         </p>
 
         <div class="summary-grid">
           <section class="summary-card">
-            <span class="eyebrow">Estratégia</span>
+            <span class="eyebrow">{{ tx('editor.summary.strategy', 'Strategy') }}</span>
             <strong>{{ summaryStrategyTitle }}</strong>
             <p>{{ summaryStrategyDetail }}</p>
           </section>
 
           <section class="summary-card">
-            <span class="eyebrow">Experiência</span>
+            <span class="eyebrow">{{ tx('editor.summary.experience', 'Experience') }}</span>
             <strong>{{ summaryExperienceTitle }}</strong>
             <p>{{ summaryExperienceDetail }}</p>
           </section>
 
           <section class="summary-card">
-            <span class="eyebrow">Limites</span>
+            <span class="eyebrow">{{ tx('editor.summary.limits', 'Limits') }}</span>
             <strong>{{ summaryLimitsTitle }}</strong>
             <p>{{ summaryLimitsDetail }}</p>
           </section>
 
           <section class="summary-card">
-            <span class="eyebrow">Servidor</span>
+            <span class="eyebrow">{{ tx('editor.summary.server', 'Server') }}</span>
             <strong>{{ summaryServerTitle }}</strong>
             <p>{{ summaryServerDetail }}</p>
           </section>
@@ -1609,7 +1594,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
             <mat-icon aria-hidden="true">{{
               activeRisks.length === 0 ? 'verified' : 'warning'
             }}</mat-icon>
-            Riscos e atenção
+            {{ tx('editor.risks.title', 'Risks and attention points') }}
           </h4>
           <div *ngIf="activeRisks.length > 0; else noRiskState" class="risk-list">
             <article class="risk-item" *ngFor="let risk of activeRisks">
@@ -1619,7 +1604,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
           </div>
           <ng-template #noRiskState>
             <p class="safe-copy">
-              Nenhum risco operacional evidente na configuração atual.
+              {{ tx('editor.risks.none', 'No evident operational risk in the current configuration.') }}
             </p>
           </ng-template>
         </section>
@@ -1627,24 +1612,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
 
       <div class="editor-main">
     <mat-tab-group>
-      <mat-tab label="Comportamento">
+      <mat-tab [label]="tx('editor.tabs.behavior', 'Behavior')">
         <div class="tab-panel">
         <section class="tab-intro">
-          <h3>Estratégia e cadência do envio</h3>
+          <h3>{{ tx('editor.behavior.intro.title', 'Upload strategy and cadence') }}</h3>
           <p>
-            Defina aqui como o usuário inicia o upload e como o lote se
-            comporta em termos de paralelismo e retentativa.
+            {{ tx('editor.behavior.intro.body', 'Define how the user starts the upload and how the batch behaves in terms of parallelism and retries.') }}
           </p>
         </section>
         <section class="config-section">
         <form [formGroup]="form">
           <mat-form-field appearance="fill">
-            <mat-label>Estratégia de envio <span class="opt-tag">opcional</span></mat-label>
+            <mat-label>{{ tx('editor.behavior.strategy.label', 'Upload strategy') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
             <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="direct">{{ tx('editor.behavior.strategy.direct', 'Direct (standard HTTP)') }}</mat-option>
+              <mat-option value="presign">{{ tx('editor.behavior.strategy.presign', 'Presigned URL (S3/GCS)') }}</mat-option>
             <mat-option value="auto"
-              >Automático (tenta pré-assinada e volta ao direto)</mat-option
+              >{{ tx('editor.behavior.strategy.auto', 'Automatic (tries presigned first and falls back to direct)') }}</mat-option
             >
           </mat-select>
             <button
@@ -1652,7 +1636,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
               matSuffix
               class="help-icon-button"
               type="button"
-              [matTooltip]="'Como os arquivos serão enviados ao servidor.'"
+              [matTooltip]="tx('editor.behavior.strategy.hint', 'How files will be sent to the server.')"
               matTooltipPosition="above"
             >
               <mat-icon>help_outline</mat-icon>
@@ -1664,50 +1648,48 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         <form [formGroup]="bulkGroup">
           <h4 class="section-subtitle">
             <mat-icon aria-hidden="true">build</mat-icon>
-            Opções configuráveis — Lote
+            {{ tx('editor.behavior.bulk.title', 'Configurable options — Batch') }}
           </h4>
           <p class="section-note">
-            Use paralelismo e retries com moderação. Em ambientes corporativos,
-            esses controles afetam throughput, experiência percebida e carga no
-            backend.
+            {{ tx('editor.behavior.bulk.note', 'Use parallelism and retries in moderation. In enterprise environments these controls affect throughput, perceived experience and backend load.') }}
           </p>
           <mat-form-field appearance="fill">
-            <mat-label>Uploads paralelos <span class="opt-tag">opcional</span></mat-label>
+            <mat-label>{{ tx('editor.behavior.bulk.parallel', 'Parallel uploads') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
             <input matInput type="number" formControlName="parallelUploads" />
             <button
               mat-icon-button
               matSuffix
               class="help-icon-button"
               type="button"
-              [matTooltip]="'Quantos arquivos enviar ao mesmo tempo.'"
+              [matTooltip]="tx('editor.behavior.bulk.parallelHint', 'How many files to send at the same time.')"
               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>
+            <mat-label>{{ tx('editor.behavior.bulk.retryCount', 'Retry count') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
             <input matInput type="number" formControlName="retryCount" />
             <button
               mat-icon-button
               matSuffix
               class="help-icon-button"
               type="button"
-              [matTooltip]="'Tentativas automáticas em caso de falha.'"
+              [matTooltip]="tx('editor.behavior.bulk.retryCountHint', 'Automatic attempts in case of failure.')"
               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>
+            <mat-label>{{ tx('editor.behavior.bulk.retryBackoff', 'Retry interval (ms)') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
             <input matInput type="number" formControlName="retryBackoffMs" />
             <button
               mat-icon-button
               matSuffix
               class="help-icon-button"
               type="button"
-              [matTooltip]="'Tempo de espera entre tentativas.'"
+              [matTooltip]="tx('editor.behavior.bulk.retryBackoffHint', 'Wait time between attempts.')"
               matTooltipPosition="above"
             >
               <mat-icon>help_outline</mat-icon>
@@ -1717,86 +1699,83 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         </section>
         </div>
       </mat-tab>
-      <mat-tab label="Interface">
+      <mat-tab [label]="tx('editor.tabs.interface', 'Interface')">
         <div class="tab-panel">
         <section class="tab-intro">
-          <h3>Experiência visível para o usuário</h3>
+          <h3>{{ tx('editor.interface.intro.title', 'Visible experience for the user') }}</h3>
           <p>
-            Configure densidade, dropzone, metadados e detalhes da lista.
-            Priorize clareza operacional antes de habilitar recursos avançados.
+            {{ tx('editor.interface.intro.body', 'Configure density, dropzone, metadata and list details. Prioritize operational clarity before enabling advanced capabilities.') }}
           </p>
         </section>
         <section class="config-section">
         <form [formGroup]="uiGroup">
           <h4 class="section-subtitle">
             <mat-icon aria-hidden="true">edit</mat-icon>
-            Opções configuráveis — Interface
+            {{ tx('editor.interface.section.title', 'Configurable options — Interface') }}
           </h4>
           <p class="section-note">
-            Esta seção controla a ergonomia do componente. Mudanças aqui afetam
-            descoberta, esforço de uso e taxa de conclusão do envio.
+            {{ tx('editor.interface.section.note', 'This section controls the component ergonomics. Changes here affect discoverability, usage effort and upload completion rate.') }}
           </p>
           <mat-checkbox formControlName="showDropzone"
-            >Exibir área de soltar</mat-checkbox
+            >{{ tx('editor.interface.showDropzone', 'Show drop area') }}</mat-checkbox
           >
           <mat-checkbox formControlName="showProgress"
-            >Exibir barra de progresso</mat-checkbox
+            >{{ tx('editor.interface.showProgress', 'Show progress bar') }}</mat-checkbox
           >
           <mat-checkbox formControlName="showConflictPolicySelector"
-            >Permitir escolher a política de conflito</mat-checkbox
+            >{{ tx('editor.interface.showConflictPolicySelector', 'Allow choosing the conflict policy') }}</mat-checkbox
           >
           <mat-checkbox formControlName="manualUpload"
-            >Exigir clique em “Enviar” (modo manual)</mat-checkbox
-          >
-          <mat-checkbox formControlName="dense">Layout compacto</mat-checkbox>
+            >{{ tx('editor.interface.manualUpload', 'Require clicking "Upload" (manual mode)') }}</mat-checkbox>
+          <mat-checkbox formControlName="dense">{{ tx('editor.interface.dense', 'Compact layout') }}</mat-checkbox>
           <mat-form-field appearance="fill">
-            <mat-label>Tipos permitidos (accept) <span class="opt-tag">opcional</span></mat-label>
+            <mat-label>{{ tx('editor.interface.accept', 'Allowed types (accept)') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
             <input
               matInput
               formControlName="accept"
-              placeholder="ex.: pdf,jpg,png"
+              [placeholder]="tx('editor.placeholders.accept', 'e.g.: pdf,jpg,png')"
             />
             <button
               mat-icon-button
               matSuffix
               class="help-icon-button"
               type="button"
-              [matTooltip]="'Lista separada por vírgula (opcional).'"
+              [matTooltip]="tx('editor.shared.csvOptional', 'Comma-separated list (optional).')"
               matTooltipPosition="above"
             >
               <mat-icon>help_outline</mat-icon>
             </button>
           </mat-form-field>
           <mat-checkbox formControlName="showMetadataForm"
-            >Exibir formulário de metadados (JSON)</mat-checkbox
+            >{{ tx('editor.interface.metadataForm', 'Show metadata form (JSON)') }}</mat-checkbox
           >
 
           <!-- NOVO: Grupo Dropzone -->
           <fieldset [formGroup]="dropzoneGroup" class="subgroup">
             <legend>
               <mat-icon aria-hidden="true">download</mat-icon>
-              Dropzone (expansão por proximidade)
+              {{ tx('editor.interface.dropzone.title', 'Dropzone (proximity expansion)') }}
             </legend>
             <mat-checkbox formControlName="expandOnDragProximity">
-              Expandir ao aproximar arquivo durante arraste
+              {{ tx('editor.interface.dropzone.expandOnProximity', 'Expand when a file gets close during drag') }}
             </mat-checkbox>
             <mat-form-field appearance="fill">
-              <mat-label>Raio de proximidade (px) <span class="opt-tag">opcional</span></mat-label>
+              <mat-label>{{ tx('editor.interface.dropzone.proximity', 'Proximity radius (px)') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
               <input matInput type="number" formControlName="proximityPx" />
             </mat-form-field>
             <mat-form-field appearance="fill">
-              <mat-label>Modo de expansão</mat-label>
+              <mat-label>{{ tx('editor.interface.dropzone.mode', 'Expansion mode') }}</mat-label>
               <mat-select formControlName="expandMode">
-                <mat-option value="overlay">Overlay (recomendado)</mat-option>
-                <mat-option value="inline">Inline</mat-option>
+                <mat-option value="overlay">{{ tx('editor.interface.dropzone.mode.overlay', 'Overlay (recommended)') }}</mat-option>
+                <mat-option value="inline">{{ tx('editor.interface.dropzone.mode.inline', 'Inline') }}</mat-option>
               </mat-select>
             </mat-form-field>
             <mat-form-field appearance="fill">
-              <mat-label>Altura do overlay (px) <span class="opt-tag">opcional</span></mat-label>
+              <mat-label>{{ tx('editor.interface.dropzone.height', 'Overlay height (px)') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
               <input matInput type="number" formControlName="expandHeight" />
             </mat-form-field>
             <mat-form-field appearance="fill">
-              <mat-label>Debounce de arraste (ms) <span class="opt-tag">opcional</span></mat-label>
+              <mat-label>{{ tx('editor.interface.dropzone.debounce', 'Drag debounce (ms)') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
               <input matInput type="number" formControlName="expandDebounceMs" />
             </mat-form-field>
           </fieldset>
@@ -1805,46 +1784,46 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
           <fieldset [formGroup]="listGroup" class="subgroup">
             <legend>
               <mat-icon aria-hidden="true">view_list</mat-icon>
-              Lista e detalhes
+              {{ tx('editor.interface.list.title', 'List and details') }}
             </legend>
             <mat-form-field appearance="fill">
-              <mat-label>Colapsar após (itens) <span class="opt-tag">opcional</span></mat-label>
+              <mat-label>{{ tx('editor.interface.list.collapseAfter', 'Collapse after (items)') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
               <input matInput type="number" formControlName="collapseAfter" />
             </mat-form-field>
             <mat-form-field appearance="fill">
-              <mat-label>Modo de detalhes</mat-label>
+              <mat-label>{{ tx('editor.interface.list.detailsMode', 'Details mode') }}</mat-label>
               <mat-select formControlName="detailsMode">
-                <mat-option value="auto">Automático</mat-option>
-                <mat-option value="card">Card (overlay)</mat-option>
-                <mat-option value="sidesheet">Side-sheet</mat-option>
+                <mat-option value="auto">{{ tx('editor.interface.list.detailsMode.auto', 'Automatic') }}</mat-option>
+                <mat-option value="card">{{ tx('editor.interface.list.detailsMode.card', 'Card (overlay)') }}</mat-option>
+                <mat-option value="sidesheet">{{ tx('editor.interface.list.detailsMode.sidesheet', 'Side-sheet') }}</mat-option>
               </mat-select>
             </mat-form-field>
             <mat-form-field appearance="fill">
-              <mat-label>Largura máxima do card (px) <span class="opt-tag">opcional</span></mat-label>
+              <mat-label>{{ tx('editor.interface.list.detailsWidth', 'Maximum card width (px)') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
               <input matInput type="number" formControlName="detailsMaxWidth" />
             </mat-form-field>
             <mat-checkbox formControlName="detailsShowTechnical">
-              Mostrar detalhes técnicos por padrão
+              {{ tx('editor.interface.list.showTechnical', 'Show technical details by default') }}
             </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-label>{{ tx('editor.interface.list.detailsFields', 'Metadata fields (whitelist)') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
+            <input matInput formControlName="detailsFields" [placeholder]="tx('editor.placeholders.detailsFields', 'e.g.: id,fileName,contentType')" />
             <button
               mat-icon-button
               matSuffix
               class="help-icon-button"
               type="button"
-              [matTooltip]="'Lista separada por vírgula; vazio = todos.'"
+              [matTooltip]="tx('editor.interface.list.detailsFieldsHint', 'Comma-separated list; empty = all.')"
               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-label>{{ tx('editor.interface.list.anchor', 'Overlay anchor') }}</mat-label>
               <mat-select formControlName="detailsAnchor">
-                <mat-option value="item">Item</mat-option>
-                <mat-option value="field">Campo</mat-option>
+                <mat-option value="item">{{ tx('editor.interface.list.anchor.item', 'Item') }}</mat-option>
+                <mat-option value="field">{{ tx('editor.interface.list.anchor.field', 'Field') }}</mat-option>
               </mat-select>
             </mat-form-field>
           </fieldset>
@@ -1852,45 +1831,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         </section>
         </div>
       </mat-tab>
-      <mat-tab label="Validações">
+      <mat-tab [label]="tx('editor.tabs.validation', 'Validation')">
         <div class="tab-panel">
         <section class="tab-intro">
-          <h3>Regras de aceite e comportamento operacional</h3>
+          <h3>{{ tx('editor.validation.intro.title', 'Acceptance rules and operational behavior') }}</h3>
           <p>
-            Separe mentalmente o que é validação de UX local do que é regra
-            efetiva de backend. Revise com atenção as opções destrutivas.
+            {{ tx('editor.validation.intro.body', 'Separate local UX validation from effective backend rules. Review destructive options carefully.') }}
           </p>
         </section>
         <section class="config-section">
         <form [formGroup]="limitsGroup">
           <h4 class="section-subtitle">
             <mat-icon aria-hidden="true">build</mat-icon>
-            Opções configuráveis — Validações
+            {{ tx('editor.validation.local.title', 'Configurable options — Validation') }}
           </h4>
           <p class="section-note">
-            Limites locais melhoram feedback imediato, mas não substituem a
-            política efetiva do servidor.
+            {{ tx('editor.validation.local.note', 'Local limits improve immediate feedback, but do not replace the effective server policy.') }}
           </p>
           <mat-form-field appearance="fill">
-            <mat-label>Tamanho máximo do arquivo (bytes) <span class="opt-tag">opcional</span></mat-label>
+            <mat-label>{{ tx('editor.validation.local.maxFileSize', 'Maximum file size (bytes)') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
             <input matInput type="number" formControlName="maxFileSizeBytes" />
             <button
               mat-icon-button
               matSuffix
               class="help-icon-button"
               type="button"
-              [matTooltip]="'Limite de validação no cliente (opcional).'"
+              [matTooltip]="tx('editor.validation.local.maxFileSizeHint', 'Client-side validation limit (optional).')"
               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>
+            <mat-label>{{ tx('editor.validation.local.maxFilesPerBulk', 'Max files per batch') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
             <input matInput type="number" formControlName="maxFilesPerBulk" />
           </mat-form-field>
           <mat-form-field appearance="fill">
-            <mat-label>Tamanho máximo do lote (bytes) <span class="opt-tag">opcional</span></mat-label>
+            <mat-label>{{ tx('editor.validation.local.maxBulkSize', 'Maximum batch size (bytes)') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
             <input matInput type="number" formControlName="maxBulkSizeBytes" />
           </mat-form-field>
         </form>
@@ -1899,104 +1876,102 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         <form [formGroup]="optionsGroup">
           <h4 class="section-subtitle">
             <mat-icon aria-hidden="true">tune</mat-icon>
-            Opções configuráveis — Backend
+            {{ tx('editor.validation.backend.title', 'Configurable options — Backend') }}
           </h4>
           <p class="section-note">
-            Estas opções têm impacto direto no contrato com o servidor e em
-            governança operacional. Trate alterações aqui como decisão de
-            política, não apenas de interface.
+            {{ tx('editor.validation.backend.note', 'These options directly impact the server contract and operational governance. Treat changes here as policy decisions, not only UI changes.') }}
           </p>
           <mat-form-field appearance="fill">
-            <mat-label>Política de conflito (padrão) <span class="opt-tag">opcional</span></mat-label>
+            <mat-label>{{ tx('editor.validation.backend.conflictPolicy', 'Conflict policy (default)') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
             <mat-select formControlName="defaultConflictPolicy">
-              <mat-option value="RENAME">Renomear automaticamente</mat-option>
-              <mat-option value="MAKE_UNIQUE">Gerar nome único</mat-option>
-              <mat-option value="OVERWRITE">Sobrescrever arquivo existente</mat-option>
-              <mat-option value="SKIP">Pular se já existir</mat-option>
-              <mat-option value="ERROR">Falhar (erro)</mat-option>
+              <mat-option value="RENAME">{{ tx('editor.validation.backend.conflictPolicy.rename', 'Rename automatically') }}</mat-option>
+              <mat-option value="MAKE_UNIQUE">{{ tx('editor.validation.backend.conflictPolicy.unique', 'Generate unique name') }}</mat-option>
+              <mat-option value="OVERWRITE">{{ tx('editor.validation.backend.conflictPolicy.overwrite', 'Overwrite existing file') }}</mat-option>
+              <mat-option value="SKIP">{{ tx('editor.validation.backend.conflictPolicy.skip', 'Skip if already exists') }}</mat-option>
+              <mat-option value="ERROR">{{ tx('editor.validation.backend.conflictPolicy.error', 'Fail (error)') }}</mat-option>
             </mat-select>
             <button
               mat-icon-button
               matSuffix
               class="help-icon-button"
               type="button"
-              [matTooltip]="'O que fazer quando o nome do arquivo já existe.'"
+              [matTooltip]="tx('editor.validation.backend.conflictPolicyHint', 'What to do when the file name already exists.')"
               matTooltipPosition="above"
             >
               <mat-icon>help_outline</mat-icon>
             </button>
             <div class="warn" *ngIf="optionsGroup.get('defaultConflictPolicy')?.value === 'OVERWRITE'">
               <mat-icon color="warn" aria-hidden="true">warning</mat-icon>
-              Atenção: OVERWRITE pode sobrescrever arquivos existentes.
+              {{ tx('editor.validation.backend.overwriteWarn', 'Warning: OVERWRITE may replace existing files.') }}
             </div>
           </mat-form-field>
           <mat-checkbox formControlName="strictValidation"
-            >Validação rigorosa (backend)</mat-checkbox
+            >{{ tx('editor.validation.backend.strictValidation', 'Strict validation (backend)') }}</mat-checkbox
           >
           <mat-form-field appearance="fill">
-            <mat-label>Tamanho máx. por arquivo (MB) <span class="req-tag">mandatório</span></mat-label>
+            <mat-label>{{ tx('editor.validation.backend.maxUploadSizeMb', 'Maximum size per file (MB)') }} <span class="req-tag">mandatório</span></mat-label>
             <input matInput type="number" formControlName="maxUploadSizeMb" required />
             <button
               mat-icon-button
               matSuffix
               class="help-icon-button"
               type="button"
-              [matTooltip]="'Validado pelo backend (1–500 MB).'"
+              [matTooltip]="tx('editor.validation.backend.maxUploadSizeMbHint', 'Validated by the backend (1–500 MB).')"
               matTooltipPosition="above"
             >
               <mat-icon>help_outline</mat-icon>
             </button>
           </mat-form-field>
           <mat-form-field appearance="fill">
-            <mat-label>Extensões permitidas <span class="opt-tag">opcional</span></mat-label>
+            <mat-label>{{ tx('editor.validation.backend.allowedExtensions', 'Allowed extensions') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
             <input
               matInput
               formControlName="allowedExtensions"
-              placeholder="ex.: pdf,docx,xlsx"
+              [placeholder]="tx('editor.placeholders.allowedExtensions', 'e.g.: pdf,docx,xlsx')"
             />
             <button
               mat-icon-button
               matSuffix
               class="help-icon-button"
               type="button"
-              [matTooltip]="'Lista separada por vírgula (opcional).'"
+              [matTooltip]="tx('editor.shared.csvOptional', 'Comma-separated list (optional).')"
               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>
+            <mat-label>{{ tx('editor.validation.backend.acceptMimeTypes', 'Accepted MIME types') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
             <input
               matInput
               formControlName="acceptMimeTypes"
-              placeholder="ex.: application/pdf,image/png"
+              [placeholder]="tx('editor.placeholders.acceptMimeTypes', 'e.g.: application/pdf,image/png')"
             />
             <button
               mat-icon-button
               matSuffix
               class="help-icon-button"
               type="button"
-              [matTooltip]="'Lista separada por vírgula (opcional).'"
+              [matTooltip]="tx('editor.shared.csvOptional', 'Comma-separated list (optional).')"
               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>
+            <mat-label>{{ tx('editor.validation.backend.targetDirectory', 'Target directory') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
             <input
               matInput
               formControlName="targetDirectory"
-              placeholder="ex.: documentos/notas"
+              [placeholder]="tx('editor.placeholders.targetDirectory', 'e.g.: documents/invoices')"
             />
           </mat-form-field>
           <mat-checkbox formControlName="enableVirusScanning">
-            Forçar antivírus (quando disponível)
+            {{ tx('editor.validation.backend.enableVirusScanning', 'Force antivirus (when available)') }}
           </mat-checkbox>
           <div class="warn" *ngIf="optionsGroup.get('enableVirusScanning')?.value === true">
             <mat-icon color="warn" aria-hidden="true">warning</mat-icon>
-            Pode impactar desempenho e latência de upload.
+            {{ tx('editor.validation.backend.virusWarn', 'May impact upload performance and latency.') }}
           </div>
         </form>
         </section>
@@ -2004,13 +1979,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         <form [formGroup]="quotasGroup">
           <h4 class="section-subtitle">
             <mat-icon aria-hidden="true">edit</mat-icon>
-            Opções configuráveis — Quotas (UI)
+            {{ tx('editor.validation.quotas.title', 'Configurable options — Quotas (UI)') }}
           </h4>
           <mat-checkbox formControlName="showQuotaWarnings"
-            >Exibir avisos de cota</mat-checkbox
+            >{{ tx('editor.validation.quotas.showWarnings', 'Show quota warnings') }}</mat-checkbox
           >
           <mat-checkbox formControlName="blockOnExceed"
-            >Bloquear ao exceder cota</mat-checkbox
+            >{{ tx('editor.validation.quotas.blockOnExceed', 'Block on quota exceed') }}</mat-checkbox
           >
         </form>
         </section>
@@ -2018,24 +1993,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         <form [formGroup]="rateLimitGroup">
           <h4 class="section-subtitle">
             <mat-icon aria-hidden="true">edit</mat-icon>
-            Opções configuráveis — Rate Limit (UI)
+            {{ tx('editor.validation.rateLimit.title', 'Configurable options — Rate Limit (UI)') }}
           </h4>
           <p class="section-note">
-            Prefira poucos retries automáticos. Mais tentativas aliviam atrito
-            imediato, mas podem mascarar gargalos reais do ambiente.
+            {{ tx('editor.validation.rateLimit.note', 'Prefer a small number of automatic retries. More attempts reduce immediate friction, but may hide real environment bottlenecks.') }}
           </p>
           <mat-checkbox formControlName="showBannerOn429"
-            >Exibir banner quando atingir o limite</mat-checkbox
+            >{{ tx('editor.validation.rateLimit.showBanner', 'Show banner when the limit is reached') }}</mat-checkbox
           >
           <mat-checkbox formControlName="autoRetryOn429"
-            >Tentar novamente automaticamente</mat-checkbox
+            >{{ tx('editor.validation.rateLimit.autoRetry', 'Retry automatically') }}</mat-checkbox
           >
           <mat-form-field appearance="fill">
-            <mat-label>Máximo de tentativas automáticas <span class="opt-tag">opcional</span></mat-label>
+            <mat-label>{{ tx('editor.validation.rateLimit.maxAutoRetry', 'Maximum automatic retries') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
             <input matInput type="number" formControlName="maxAutoRetry" />
           </mat-form-field>
           <mat-form-field appearance="fill">
-            <mat-label>Intervalo base entre tentativas (ms) <span class="opt-tag">opcional</span></mat-label>
+            <mat-label>{{ tx('editor.validation.rateLimit.baseBackoff', 'Base retry interval (ms)') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
             <input matInput type="number" formControlName="baseBackoffMs" />
           </mat-form-field>
         </form>
@@ -2044,55 +2018,52 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         <form [formGroup]="bulkGroup">
           <h4 class="section-subtitle">
             <mat-icon aria-hidden="true">bolt</mat-icon>
-            Opções configuráveis — Execução do lote
+            {{ tx('editor.validation.batch.title', 'Configurable options — Batch execution') }}
           </h4>
           <mat-checkbox formControlName="failFast"
-            >Parar no primeiro erro (fail-fast)</mat-checkbox
+            >{{ tx('editor.validation.batch.failFast', 'Stop on the first error (fail-fast)') }}</mat-checkbox
           >
         </form>
         </section>
         </div>
       </mat-tab>
-      <mat-tab label="Mensagens">
+      <mat-tab [label]="tx('editor.tabs.messages', 'Messages')">
         <div class="tab-panel">
         <section class="tab-intro">
-          <h3>Mensagens orientadas à operação</h3>
+          <h3>{{ tx('editor.messages.intro.title', 'Messages oriented to operations') }}</h3>
           <p>
-            Ajuste o texto exibido ao usuário final. Priorize clareza,
-            consistência e linguagem acionável.
+            {{ tx('editor.messages.intro.body', 'Adjust the text shown to the end user. Prioritize clarity, consistency and actionable language.') }}
           </p>
         </section>
         <section class="config-section">
         <form [formGroup]="messagesGroup">
           <h4 class="section-subtitle">
             <mat-icon aria-hidden="true">edit</mat-icon>
-            Opções configuráveis — Mensagens (UI)
+            {{ tx('editor.messages.section.title', 'Configurable options — Messages (UI)') }}
           </h4>
           <p class="section-note">
-            Mensagens curtas e objetivas funcionam melhor em contextos de alta
-            frequência. Use este grupo para adequar a voz da interface ao seu
-            ambiente.
+            {{ tx('editor.messages.section.note', 'Short and objective messages work better in high-frequency contexts. Use this group to adapt the interface voice to your environment.') }}
           </p>
           <mat-form-field appearance="fill">
-            <mat-label>Sucesso (individual) <span class="opt-tag">opcional</span></mat-label>
+            <mat-label>{{ tx('editor.messages.successSingle', 'Success (single)') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
             <input
               matInput
               formControlName="successSingle"
-              placeholder="ex.: Arquivo enviado com sucesso"
+              [placeholder]="tx('editor.placeholders.successSingle', 'e.g.: File uploaded successfully')"
             />
           </mat-form-field>
           <mat-form-field appearance="fill">
-            <mat-label>Sucesso (em lote) <span class="opt-tag">opcional</span></mat-label>
+            <mat-label>{{ tx('editor.messages.successBulk', 'Success (batch)') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
             <input
               matInput
               formControlName="successBulk"
-              placeholder="ex.: Upload concluído"
+              [placeholder]="tx('editor.placeholders.successBulk', 'e.g.: Upload completed')"
             />
           </mat-form-field>
           <div [formGroup]="errorsGroup">
             <ng-container *ngFor="let e of errorEntries">
               <mat-form-field appearance="fill">
-                <mat-label>{{ e.label }} <span class="opt-tag">opcional</span></mat-label>
+                <mat-label>{{ e.label }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
                 <input matInput [formControlName]="e.code" />
                 <mat-hint class="code-hint">{{ e.code }}</mat-hint>
               </mat-form-field>
@@ -2102,23 +2073,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         </section>
         </div>
       </mat-tab>
-      <mat-tab label="Cabeçalhos">
+      <mat-tab [label]="tx('editor.tabs.headers', 'Headers')">
         <div class="tab-panel">
         <section class="tab-intro">
-          <h3>Contexto de tenant e usuário</h3>
+          <h3>{{ tx('editor.headers.intro.title', 'Tenant and user context') }}</h3>
           <p>
-            Use cabeçalhos para consultar configuração efetiva do servidor no
-            mesmo contexto que o componente usará em produção.
+            {{ tx('editor.headers.intro.body', 'Use headers to query the effective server configuration in the same context the component will use in production.') }}
           </p>
         </section>
         <section class="config-section">
         <form [formGroup]="headersGroup">
           <h4 class="section-subtitle">
             <mat-icon aria-hidden="true">edit</mat-icon>
-            Opções configuráveis — Cabeçalhos (consulta)
+            {{ tx('editor.headers.section.title', 'Configurable options — Headers (query)') }}
           </h4>
           <mat-form-field appearance="fill">
-            <mat-label>Cabeçalho de tenant <span class="opt-tag">opcional</span></mat-label>
+            <mat-label>{{ tx('editor.headers.tenantHeader', 'Tenant header') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
             <input
               matInput
               formControlName="tenantHeader"
@@ -2126,15 +2096,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
             />
           </mat-form-field>
           <mat-form-field appearance="fill">
-            <mat-label>Valor do tenant <span class="opt-tag">opcional</span></mat-label>
+            <mat-label>{{ tx('editor.headers.tenantValue', 'Tenant value') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
             <input
               matInput
               formControlName="tenantValue"
-              placeholder="ex.: demo-tenant"
+              [placeholder]="tx('editor.placeholders.tenantValue', 'e.g.: demo-tenant')"
             />
           </mat-form-field>
           <mat-form-field appearance="fill">
-            <mat-label>Cabeçalho de usuário <span class="opt-tag">opcional</span></mat-label>
+            <mat-label>{{ tx('editor.headers.userHeader', 'User header') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
             <input
               matInput
               formControlName="userHeader"
@@ -2142,20 +2112,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
             />
           </mat-form-field>
           <mat-form-field appearance="fill">
-            <mat-label>Valor do usuário <span class="opt-tag">opcional</span></mat-label>
-            <input matInput formControlName="userValue" placeholder="ex.: 42" />
+            <mat-label>{{ tx('editor.headers.userValue', 'User value') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
+            <input matInput formControlName="userValue" [placeholder]="tx('editor.placeholders.userValue', 'e.g.: 42')" />
           </mat-form-field>
         </form>
         </section>
         </div>
       </mat-tab>
-      <mat-tab label="Servidor">
+      <mat-tab [label]="tx('editor.tabs.server', 'Server')">
         <div class="tab-panel">
         <section class="tab-intro">
-          <h3>Contrato efetivo retornado pelo backend</h3>
+          <h3>{{ tx('editor.server.intro.title', 'Effective contract returned by the backend') }}</h3>
           <p>
-            Esta aba é a fonte de verdade do ambiente ativo. Compare o resumo
-            do servidor com o que foi configurado nos formulários anteriores.
+            {{ tx('editor.server.intro.body', 'This tab is the source of truth for the active environment. Compare the server summary with what was configured in the previous forms.') }}
           </p>
         </section>
         <section class="config-section">
@@ -2163,427 +2132,823 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
           <div class="toolbar">
             <h4 class="section-subtitle ro">
               <mat-icon aria-hidden="true">info</mat-icon>
-              Servidor (somente leitura)
+              {{ tx('editor.server.readonly', 'Server (read-only)') }}
               <span class="badge">read-only</span>
             </h4>
             <button type="button" (click)="refetchServerConfig()">
-              Recarregar do servidor
+              {{ tx('editor.server.reload', 'Reload from server') }}
             </button>
             <span class="hint" *ngIf="!baseUrl"
-              >Defina a baseUrl no componente pai para consultar
-              /api/files/config.</span
+              >{{ tx('editor.server.baseUrlHint', 'Set baseUrl on the parent component to query /api/files/config.') }}</span
             >
           </div>
           <div *ngIf="serverLoading(); else serverLoaded">
-            Carregando configuração do servidor…
+            {{ tx('editor.server.loading', 'Loading server configuration...') }}
           </div>
           <ng-template #serverLoaded>
             <div *ngIf="serverError(); else serverOk" class="error">
-              Falha ao carregar: {{ serverError() | json }}
+              {{ tx('editor.server.loadError', 'Failed to load:') }} {{ serverError() | json }}
             </div>
             <ng-template #serverOk>
               <section *ngIf="serverData() as _">
-                <h3>Resumo da configuração ativa</h3>
+                <h3>{{ tx('editor.server.summaryTitle', 'Active configuration summary') }}</h3>
                 <ul class="summary">
                   <li>
-                    <strong>Max por arquivo (MB):</strong>
+                    <strong>{{ tx('editor.server.summary.maxPerFile', 'Max per file (MB):') }}</strong>
                     {{ serverData()?.options?.maxUploadSizeMb }}
                   </li>
                   <li>
-                    <strong>Validação rigorosa:</strong>
+                    <strong>{{ tx('editor.server.summary.strictValidation', 'Strict validation:') }}</strong>
                     {{ serverData()?.options?.strictValidation }}
                   </li>
                   <li>
-                    <strong>Antivírus:</strong>
+                    <strong>{{ tx('editor.server.summary.antivirus', 'Antivirus:') }}</strong>
                     {{ serverData()?.options?.enableVirusScanning }}
                   </li>
                   <li>
-                    <strong>Conflito de nome (padrão):</strong>
+                    <strong>{{ tx('editor.server.summary.conflictPolicy', 'Default name conflict:') }}</strong>
                     {{ serverData()?.options?.nameConflictPolicy }}
                   </li>
                   <li>
-                    <strong>MIME aceitos:</strong>
+                    <strong>{{ tx('editor.server.summary.mimeTypes', 'Accepted MIME types:') }}</strong>
                     {{
                       (serverData()?.options?.acceptMimeTypes || []).join(', ')
                     }}
                   </li>
                   <li>
-                    <strong>Bulk - fail-fast padrão:</strong>
+                    <strong>{{ tx('editor.server.summary.bulkFailFast', 'Default bulk fail-fast:') }}</strong>
                     {{ serverData()?.bulk?.failFastModeDefault }}
                   </li>
                   <li>
-                    <strong>Rate limit:</strong>
+                    <strong>{{ tx('editor.server.summary.rateLimit', 'Rate limit:') }}</strong>
                     {{ serverData()?.rateLimit?.enabled }} ({{
                       serverData()?.rateLimit?.perMinute
                     }}/min, {{ serverData()?.rateLimit?.perHour }}/h)
                   </li>
                   <li>
-                    <strong>Quotas:</strong> {{ serverData()?.quotas?.enabled }}
+                    <strong>{{ tx('editor.server.summary.quotas', 'Quotas:') }}</strong> {{ serverData()?.quotas?.enabled }}
                   </li>
                   <li>
-                    <strong>Servidor:</strong> v{{
+                    <strong>{{ tx('editor.server.summary.server', 'Server:') }}</strong> v{{
                       serverData()?.metadata?.version
                     }}
                     • {{ serverData()?.metadata?.locale }}
                   </li>
                 </ul>
                 <details>
-                  <summary>Ver JSON</summary>
+                  <summary>{{ tx('editor.server.viewJson', 'View JSON') }}</summary>
                   <button
                     mat-icon-button
-                    aria-label="Copiar JSON"
+                    [attr.aria-label]="tx('editor.server.copyJson', 'Copy JSON')"
                     (click)="copyServerConfig()"
                     type="button"
-                    title="Copiar JSON"
+                    [title]="tx('editor.server.copyJson', 'Copy JSON')"
                   >
                     <mat-icon>content_copy</mat-icon>
                   </button>
                   <pre>{{ serverData() | json }}</pre>
-                </details>
-                <p class="note">
-                  As opções acima que podem ser alteradas via payload são:
-                  conflito de nome, validação rigorosa, tamanho máximo (MB),
-                  extensões/MIME aceitos, diretório destino, antivírus,
-                  metadados personalizados e fail-fast (no bulk).
-                </p>
-              </section>
-            </ng-template>
-          </ng-template>
-        </div>
-        </section>
-        </div>
-      </mat-tab>
-      <mat-tab label="JSON">
-        <div class="tab-panel">
-        <section class="tab-intro">
-          <h3>Modo avançado</h3>
-          <p>
-            Edite o payload bruto apenas quando precisar de controle fino.
-            Alterações aqui exigem mais rigor de revisão e validação.
-          </p>
-        </section>
-        <div class="advanced-note">
-          O JSON é uma visão de baixo nível da configuração. Prefira as abas
-          guiadas sempre que possível para reduzir erro humano e manter a
-          configuração auditável.
-        </div>
-        <textarea
-          class="json-textarea"
-          rows="10"
-          [ngModel]="form.value | json"
-          (ngModelChange)="onJsonChange($event)"
-        ></textarea>
-        <div class="error" *ngIf="jsonError">{{ jsonError }}</div>
-        </div>
-      </mat-tab>
-    </mat-tab-group>
-      </div>
-    </div>
-  `, styles: [".editor-layout{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:16px;align-items:start}.summary-panel{position:sticky;top:0;display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--pfx-surface-border, #d8d8d8);border-radius:16px;background:linear-gradient(180deg,#fafbfc,#fff)}.summary-panel h3{margin:0;font-size:1rem;font-weight:600}.summary-panel .summary-intro{margin:0;color:#000000a6;line-height:1.4;font-size:.88rem}.summary-grid{display:grid;gap:10px}.summary-card{padding:12px;border-radius:12px;background:#fff;border:1px solid #e7e9ee}.summary-card .eyebrow{display:block;margin-bottom:4px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#5f6b7a}.summary-card strong{display:block;margin-bottom:4px;font-size:.95rem}.summary-card p{margin:0;font-size:.85rem;line-height:1.45;color:#000000b8}.risk-panel{padding:12px;border-radius:12px;background:#fff8e8;border:1px solid #f0d29a}.risk-panel.safe{background:#f4fbf6;border-color:#b8ddc1}.risk-panel h4{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:.92rem}.risk-list{display:grid;gap:8px}.risk-item{padding:10px;border-radius:10px;background:#ffffffb8}.risk-item strong{display:block;margin-bottom:2px;font-size:.84rem}.risk-item p,.risk-panel .safe-copy{margin:0;font-size:.82rem;line-height:1.4;color:#000000b8}.editor-main{min-width:0}.tab-panel{display:grid;gap:16px;padding-top:8px}.tab-intro{padding:16px 18px;border:1px solid #e5e8ef;border-radius:16px;background:linear-gradient(180deg,#fff,#f7f9fc)}.tab-intro h3{margin:0 0 6px;font-size:1rem;font-weight:600}.tab-intro p{margin:0;font-size:.9rem;line-height:1.5;color:#000000b8}.config-section{padding:18px;border:1px solid #e5e8ef;border-radius:16px;background:#fff}.config-section+.config-section{margin-top:0}.section-note{margin:0 0 16px;color:#000000b3;font-size:.88rem;line-height:1.45}.advanced-note{padding:14px 16px;border-radius:14px;border:1px solid #f0d29a;background:#fff8e8;color:#000000c7;font-size:.88rem;line-height:1.45}.json-textarea{width:100%;min-height:280px;padding:14px 16px;border-radius:14px;border:1px solid #d7dce5;background:#0f172a;color:#e5eefc;font:500 .84rem/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;resize:vertical}.server-tab{display:grid;gap:16px}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.summary{display:grid;gap:8px;padding-left:18px}.summary li{line-height:1.45}details{margin-top:12px;padding:14px 16px;border:1px solid #e5e8ef;border-radius:14px;background:#fbfcfe}details pre{white-space:pre-wrap;word-break:break-word}@media(max-width:1100px){.editor-layout{grid-template-columns:1fr}.summary-panel{position:static}}.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]
-                }] }, { type: i2.MatSnackBar }, { type: i0.DestroyRef }] });
-
-const FILES_UPLOAD_EN_US = {
-    'praxis.filesUpload.settingsAriaLabel': 'Open settings',
-    'praxis.filesUpload.dropzoneLabel': 'Drag files or',
-    'praxis.filesUpload.dropzoneButton': 'select',
-    'praxis.filesUpload.conflictPolicyLabel': 'Conflict policy',
-    'praxis.filesUpload.metadataLabel': 'Metadata (JSON)',
-    'praxis.filesUpload.progressAriaLabel': 'Upload progress',
-    'praxis.filesUpload.rateLimitBanner': 'Rate limit exceeded. Try again at',
-    'praxis.filesUpload.settingsTitle': 'Files Upload Configuration',
-    'praxis.filesUpload.statusSuccess': 'Uploaded',
-    'praxis.filesUpload.statusError': 'Error',
-    'praxis.filesUpload.invalidMetadata': 'Invalid metadata.',
-    'praxis.filesUpload.genericUploadError': 'File upload error.',
-    'praxis.filesUpload.acceptError': 'File type not allowed.',
-    'praxis.filesUpload.maxFileSizeError': 'File exceeds the maximum size.',
-    'praxis.filesUpload.maxFilesPerBulkError': 'Too many files selected.',
-    'praxis.filesUpload.maxBulkSizeError': 'Total files size exceeded.',
-    'praxis.filesUpload.serviceUnavailable': 'Upload service unavailable.',
-    'praxis.filesUpload.baseUrlMissing': 'Base URL not configured. Provide [baseUrl] to enable uploads.',
-    'praxis.filesUpload.selectFiles': 'Select file(s)',
-    'praxis.filesUpload.remove': 'Remove',
-    'praxis.filesUpload.moreActions': 'More actions',
-    'praxis.filesUpload.policySummaryAction': 'Information about upload policies',
-    'praxis.filesUpload.retry': 'Retry',
-    'praxis.filesUpload.download': 'Download',
-    'praxis.filesUpload.copyLink': 'Copy link',
-    'praxis.filesUpload.details': 'Details',
-    'praxis.filesUpload.detailsMetadata': 'Metadata',
-    'praxis.filesUpload.dropzoneHint': 'Drag and drop files here or click to select',
-    'praxis.filesUpload.dropzoneProximityHint': 'Drop here to upload',
-    'praxis.filesUpload.placeholder': 'Select or drop files…',
-    'praxis.filesUpload.partialUploadError': 'Partial upload completed with failures in part of the batch.',
-    'praxis.filesUpload.presignMetadataMissing': 'Presigned upload completed without file metadata.',
-    'praxis.filesUpload.fieldChipAria': 'Additional files selected',
-    'praxis.filesUpload.fieldPendingCountSuffix': 'file(s) selected',
-    'praxis.filesUpload.removePendingFile': 'Remove selected file',
-    'praxis.filesUpload.fieldPolicyTypes': 'Types',
-    'praxis.filesUpload.fieldPolicyMaxPerFile': 'Max/file',
-    'praxis.filesUpload.fieldPolicyMaxItems': 'Max/items',
-    'praxis.filesUpload.fieldPolicyNotConfigured': 'Not configured',
-    'praxis.filesUpload.sizeUnitBytes': 'Bytes',
-    'praxis.filesUpload.sizeUnitKB': 'KB',
-    'praxis.filesUpload.sizeUnitMB': 'MB',
-    'praxis.filesUpload.sizeUnitGB': 'GB',
-    'praxis.filesUpload.sizeUnitTB': 'TB',
-    'praxis.filesUpload.errors.INVALID_FILE_TYPE': 'Invalid file type.',
-    'praxis.filesUpload.errors.FILE_TOO_LARGE': 'File is too large.',
-    'praxis.filesUpload.errors.NOT_FOUND': 'File not found.',
-    'praxis.filesUpload.errors.UNAUTHORIZED': 'Unauthorized request.',
-    'praxis.filesUpload.errors.RATE_LIMIT_EXCEEDED': 'Request limit exceeded.',
-    'praxis.filesUpload.errors.INTERNAL_ERROR': 'Internal server error.',
-    'praxis.filesUpload.errors.QUOTA_EXCEEDED': 'Quota exceeded.',
-    'praxis.filesUpload.errors.SEC_VIRUS_DETECTED': 'Virus detected in file.',
-    'praxis.filesUpload.errors.SEC_MALICIOUS_CONTENT': 'Malicious content detected.',
-    'praxis.filesUpload.errors.SEC_DANGEROUS_TYPE': 'Dangerous file type.',
-    'praxis.filesUpload.errors.FMT_MAGIC_MISMATCH': 'File content does not match the declared format.',
-    'praxis.filesUpload.errors.FMT_CORRUPTED': 'Corrupted file.',
-    'praxis.filesUpload.errors.FMT_UNSUPPORTED': 'Unsupported file format.',
-    'praxis.filesUpload.errors.SYS_STORAGE_ERROR': 'Storage error.',
-    'praxis.filesUpload.errors.SYS_SERVICE_DOWN': 'Service unavailable.',
-    'praxis.filesUpload.errors.SYS_RATE_LIMIT': 'Request limit exceeded.',
-    'praxis.filesUpload.errors.ARQUIVO_MUITO_GRANDE': 'File is too large.',
-    'praxis.filesUpload.errors.TIPO_ARQUIVO_INVALIDO': 'Invalid file type.',
-    'praxis.filesUpload.errors.TIPO_MIDIA_NAO_SUPORTADO': 'Unsupported media type.',
-    'praxis.filesUpload.errors.CAMPO_OBRIGATORIO_AUSENTE': 'Required field is missing.',
-    'praxis.filesUpload.errors.OPCOES_JSON_INVALIDAS': 'Invalid JSON options.',
-    'praxis.filesUpload.errors.ARGUMENTO_INVALIDO': 'Invalid argument.',
-    'praxis.filesUpload.errors.NAO_AUTORIZADO': 'Authentication required.',
-    'praxis.filesUpload.errors.ERRO_INTERNO': 'Internal server error.',
-    'praxis.filesUpload.errors.LIMITE_TAXA_EXCEDIDO': 'Rate limit exceeded.',
-    'praxis.filesUpload.errors.COTA_EXCEDIDA': 'Quota exceeded.',
-    'praxis.filesUpload.errors.ARQUIVO_JA_EXISTE': 'File already exists.',
-    'praxis.filesUpload.errors.INVALID_JSON_OPTIONS': 'Invalid JSON options.',
-    'praxis.filesUpload.errors.EMPTY_FILENAME': 'File name is required.',
-    'praxis.filesUpload.errors.FILE_EXISTS': 'File already exists.',
-    'praxis.filesUpload.errors.PATH_TRAVERSAL': 'Path traversal detected.',
-    'praxis.filesUpload.errors.INSUFFICIENT_STORAGE': 'Insufficient storage.',
-    'praxis.filesUpload.errors.UPLOAD_TIMEOUT': 'Upload timed out.',
-    'praxis.filesUpload.errors.BULK_UPLOAD_TIMEOUT': 'Bulk upload timed out.',
-    'praxis.filesUpload.errors.BULK_UPLOAD_CANCELLED': 'Bulk upload cancelled.',
-    'praxis.filesUpload.errors.USER_CANCELLED': 'Upload cancelled by user.',
-    'praxis.filesUpload.errors.UNKNOWN_ERROR': 'Unknown error.',
-    'praxis.filesUpload.fieldPendingSummary': 'Files ready to upload',
-    'praxis.filesUpload.fieldSelectedSummary': 'Selected file',
-    'praxis.filesUpload.fieldSelectedPlural': 'files attached',
-    'praxis.filesUpload.fieldEmptySummary': 'No file selected',
-    'praxis.filesUpload.fieldErrorSummary': 'Fix the error to continue',
-    'praxis.filesUpload.fieldActionUpload': 'Upload selected files',
-    'praxis.filesUpload.fieldActionUploadShort': 'Upload',
-    'praxis.filesUpload.fieldActionCancel': 'Cancel current selection',
-    'praxis.filesUpload.fieldActionCancelShort': 'Cancel',
-    'praxis.filesUpload.fieldActionSelect': 'Select file(s)',
-    'praxis.filesUpload.fieldActionClear': 'Clear',
-    'praxis.filesUpload.fieldInfoAction': 'Information',
-    'praxis.filesUpload.fieldMoreActions': 'More actions',
-    'praxis.filesUpload.fieldPendingAriaSuffix': 'files ready to upload',
-    'praxis.filesUpload.selectedOverlayAriaLabel': 'Selected files',
-    'praxis.filesUpload.selectedOverlayTitle': 'Selected',
-    'praxis.filesUpload.bulkSummaryTotal': 'Total',
-    'praxis.filesUpload.bulkSummarySuccess': 'Success',
-    'praxis.filesUpload.bulkSummaryFailed': 'Failed',
-    'praxis.filesUpload.resultMetaIdLabel': 'ID',
-    'praxis.filesUpload.resultMetaTypeLabel': 'Type',
-    'praxis.filesUpload.resultMetaSizeLabel': 'Size',
-    'praxis.filesUpload.resultMetaUploadedAtLabel': 'Uploaded at',
-    'praxis.filesUpload.policySummaryAny': 'any',
-    'praxis.filesUpload.policySummaryNotConfigured': '—',
-    'praxis.filesUpload.policySummaryTypesLabel': 'Types',
-    'praxis.filesUpload.policySummaryMaxPerFileLabel': 'Max. per file',
-    'praxis.filesUpload.policySummaryQuantityLabel': 'Qty',
-    'praxis.filesUpload.showAll': 'Show all',
-    'praxis.filesUpload.showLess': 'Show less',
-};
+                </details>
+                <p class="note">
+                  {{ tx('editor.server.mutableOptionsText', 'The options above that can be changed via payload are: name conflict, strict validation, maximum size (MB), accepted extensions/MIME, target directory, antivirus, custom metadata and fail-fast (in bulk).') }}
+                </p>
+              </section>
+            </ng-template>
+          </ng-template>
+        </div>
+        </section>
+        </div>
+      </mat-tab>
+      <mat-tab [label]="tx('editor.tabs.json', 'JSON')">
+        <div class="tab-panel">
+        <section class="tab-intro">
+          <h3>{{ tx('editor.json.intro.title', 'Advanced mode') }}</h3>
+          <p>
+            {{ tx('editor.json.intro.body', 'Edit the raw payload only when you need fine-grained control. Changes here require stricter review and validation.') }}
+          </p>
+        </section>
+        <div class="advanced-note">
+          {{ tx('editor.json.note', 'JSON is a low-level view of the configuration. Prefer the guided tabs whenever possible to reduce human error and keep the configuration auditable.') }}
+        </div>
+        <textarea
+          class="json-textarea"
+          rows="10"
+          [ngModel]="form.value | json"
+          (ngModelChange)="onJsonChange($event)"
+        ></textarea>
+        <div class="error" *ngIf="jsonError">{{ jsonError }}</div>
+        </div>
+      </mat-tab>
+    </mat-tab-group>
+      </div>
+    </div>
+  `, isInline: true, styles: [".editor-layout{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:16px;align-items:start}.summary-panel{position:sticky;top:0;display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--pfx-surface-border, #d8d8d8);border-radius:16px;background:linear-gradient(180deg,#fafbfc,#fff)}.summary-panel h3{margin:0;font-size:1rem;font-weight:600}.summary-panel .summary-intro{margin:0;color:#000000a6;line-height:1.4;font-size:.88rem}.summary-grid{display:grid;gap:10px}.summary-card{padding:12px;border-radius:12px;background:#fff;border:1px solid #e7e9ee}.summary-card .eyebrow{display:block;margin-bottom:4px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#5f6b7a}.summary-card strong{display:block;margin-bottom:4px;font-size:.95rem}.summary-card p{margin:0;font-size:.85rem;line-height:1.45;color:#000000b8}.risk-panel{padding:12px;border-radius:12px;background:#fff8e8;border:1px solid #f0d29a}.risk-panel.safe{background:#f4fbf6;border-color:#b8ddc1}.risk-panel h4{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:.92rem}.risk-list{display:grid;gap:8px}.risk-item{padding:10px;border-radius:10px;background:#ffffffb8}.risk-item strong{display:block;margin-bottom:2px;font-size:.84rem}.risk-item p,.risk-panel .safe-copy{margin:0;font-size:.82rem;line-height:1.4;color:#000000b8}.editor-main{min-width:0}.tab-panel{display:grid;gap:16px;padding-top:8px}.tab-intro{padding:16px 18px;border:1px solid #e5e8ef;border-radius:16px;background:linear-gradient(180deg,#fff,#f7f9fc)}.tab-intro h3{margin:0 0 6px;font-size:1rem;font-weight:600}.tab-intro p{margin:0;font-size:.9rem;line-height:1.5;color:#000000b8}.config-section{padding:18px;border:1px solid #e5e8ef;border-radius:16px;background:#fff}.config-section+.config-section{margin-top:0}.section-note{margin:0 0 16px;color:#000000b3;font-size:.88rem;line-height:1.45}.advanced-note{padding:14px 16px;border-radius:14px;border:1px solid #f0d29a;background:#fff8e8;color:#000000c7;font-size:.88rem;line-height:1.45}.json-textarea{width:100%;min-height:280px;padding:14px 16px;border-radius:14px;border:1px solid #d7dce5;background:#0f172a;color:#e5eefc;font:500 .84rem/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;resize:vertical}.server-tab{display:grid;gap:16px}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.summary{display:grid;gap:8px;padding-left:18px}.summary li{line-height:1.45}details{margin-top:12px;padding:14px 16px;border:1px solid #e5e8ef;border-radius:14px;background:#fbfcfe}details pre{white-space:pre-wrap;word-break:break-word}@media(max-width:1100px){.editor-layout{grid-template-columns:1fr}.summary-panel{position:static}}.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: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i9.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.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: i11.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$1.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: i9.JsonPipe, name: "json" }] });
+}
+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, providers: [providePraxisFilesUploadI18n()], imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        MatTabsModule,
+                        MatFormFieldModule,
+                        MatInputModule,
+                        MatCheckboxModule,
+                        MatSelectModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        MatTooltipModule,
+                        MatSnackBarModule,
+                        FormsModule,
+                    ], template: `
+    <div class="editor-layout">
+      <aside class="summary-panel" [attr.aria-label]="tx('editor.summary.ariaLabel', 'Executive summary for the current configuration')">
+        <h3>{{ tx('editor.summary.title', 'Executive summary') }}</h3>
+        <p class="summary-intro">
+          {{ tx('editor.summary.intro', 'Review the operational impact here before going through all configuration groups.') }}
+        </p>
 
-const FILES_UPLOAD_PT_BR = {
-    'praxis.filesUpload.settingsAriaLabel': 'Abrir configurações',
-    'praxis.filesUpload.dropzoneLabel': 'Arraste arquivos ou',
-    'praxis.filesUpload.dropzoneButton': 'selecionar',
-    'praxis.filesUpload.conflictPolicyLabel': 'Política de conflito',
-    'praxis.filesUpload.metadataLabel': 'Metadados (JSON)',
-    'praxis.filesUpload.progressAriaLabel': 'Progresso do upload',
-    'praxis.filesUpload.rateLimitBanner': 'Limite de requisições excedido. Tente novamente às',
-    'praxis.filesUpload.settingsTitle': 'Configuração de Upload de Arquivos',
-    'praxis.filesUpload.statusSuccess': 'Enviado',
-    'praxis.filesUpload.statusError': 'Erro',
-    'praxis.filesUpload.invalidMetadata': 'Metadados inválidos.',
-    'praxis.filesUpload.genericUploadError': 'Erro no envio de arquivo.',
-    'praxis.filesUpload.acceptError': 'Tipo de arquivo não permitido.',
-    'praxis.filesUpload.maxFileSizeError': 'Arquivo excede o tamanho máximo.',
-    'praxis.filesUpload.maxFilesPerBulkError': 'Quantidade de arquivos excedida.',
-    'praxis.filesUpload.maxBulkSizeError': 'Tamanho total dos arquivos excedido.',
-    'praxis.filesUpload.serviceUnavailable': 'Serviço de upload indisponível.',
-    'praxis.filesUpload.baseUrlMissing': 'Base URL não configurada. Informe [baseUrl] para habilitar o envio.',
-    'praxis.filesUpload.selectFiles': 'Selecionar arquivo(s)',
-    'praxis.filesUpload.remove': 'Remover',
-    'praxis.filesUpload.moreActions': 'Mais ações',
-    'praxis.filesUpload.policySummaryAction': 'Informações sobre políticas de upload',
-    'praxis.filesUpload.retry': 'Reenviar',
-    'praxis.filesUpload.download': 'Baixar',
-    'praxis.filesUpload.copyLink': 'Copiar link',
-    'praxis.filesUpload.details': 'Detalhes',
-    'praxis.filesUpload.detailsMetadata': 'Metadados',
-    'praxis.filesUpload.dropzoneHint': 'Arraste e solte arquivos aqui ou clique para selecionar',
-    'praxis.filesUpload.dropzoneProximityHint': 'Solte aqui para enviar',
-    'praxis.filesUpload.placeholder': 'Selecione ou solte arquivos…',
-    'praxis.filesUpload.partialUploadError': 'Upload parcial concluído com falhas em parte do lote.',
-    'praxis.filesUpload.presignMetadataMissing': 'Upload assinado concluído sem metadados do arquivo.',
-    'praxis.filesUpload.fieldChipAria': 'Arquivos adicionais selecionados',
-    'praxis.filesUpload.fieldPendingCountSuffix': 'arquivo(s) selecionado(s)',
-    'praxis.filesUpload.removePendingFile': 'Remover arquivo selecionado',
-    'praxis.filesUpload.fieldPolicyTypes': 'Tipos',
-    'praxis.filesUpload.fieldPolicyMaxPerFile': 'Máx/arquivo',
-    'praxis.filesUpload.fieldPolicyMaxItems': 'Máx/itens',
-    'praxis.filesUpload.fieldPolicyNotConfigured': 'Não configurado',
-    'praxis.filesUpload.sizeUnitBytes': 'Bytes',
-    'praxis.filesUpload.sizeUnitKB': 'KB',
-    'praxis.filesUpload.sizeUnitMB': 'MB',
-    'praxis.filesUpload.sizeUnitGB': 'GB',
-    'praxis.filesUpload.sizeUnitTB': 'TB',
-    'praxis.filesUpload.errors.INVALID_FILE_TYPE': 'Tipo de arquivo inválido.',
-    'praxis.filesUpload.errors.FILE_TOO_LARGE': 'Arquivo muito grande.',
-    'praxis.filesUpload.errors.NOT_FOUND': 'Arquivo não encontrado.',
-    'praxis.filesUpload.errors.UNAUTHORIZED': 'Requisição não autorizada.',
-    'praxis.filesUpload.errors.RATE_LIMIT_EXCEEDED': 'Limite de requisições excedido.',
-    'praxis.filesUpload.errors.INTERNAL_ERROR': 'Erro interno do servidor.',
-    'praxis.filesUpload.errors.QUOTA_EXCEEDED': 'Cota excedida.',
-    'praxis.filesUpload.errors.SEC_VIRUS_DETECTED': 'Vírus detectado no arquivo.',
-    'praxis.filesUpload.errors.SEC_MALICIOUS_CONTENT': 'Conteúdo malicioso detectado.',
-    'praxis.filesUpload.errors.SEC_DANGEROUS_TYPE': 'Tipo de arquivo perigoso.',
-    'praxis.filesUpload.errors.FMT_MAGIC_MISMATCH': 'Conteúdo do arquivo incompatível.',
-    'praxis.filesUpload.errors.FMT_CORRUPTED': 'Arquivo corrompido.',
-    'praxis.filesUpload.errors.FMT_UNSUPPORTED': 'Formato de arquivo não suportado.',
-    'praxis.filesUpload.errors.SYS_STORAGE_ERROR': 'Erro de armazenamento.',
-    'praxis.filesUpload.errors.SYS_SERVICE_DOWN': 'Serviço indisponível.',
-    'praxis.filesUpload.errors.SYS_RATE_LIMIT': 'Limite de requisições excedido.',
-    // Aliases PT-BR do backend e códigos adicionais
-    'praxis.filesUpload.errors.ARQUIVO_MUITO_GRANDE': 'Arquivo muito grande.',
-    'praxis.filesUpload.errors.TIPO_ARQUIVO_INVALIDO': 'Tipo de arquivo inválido.',
-    'praxis.filesUpload.errors.TIPO_MIDIA_NAO_SUPORTADO': 'Tipo de mídia não suportado.',
-    'praxis.filesUpload.errors.CAMPO_OBRIGATORIO_AUSENTE': 'Campo obrigatório ausente.',
-    'praxis.filesUpload.errors.OPCOES_JSON_INVALIDAS': 'JSON de opções inválido.',
-    'praxis.filesUpload.errors.ARGUMENTO_INVALIDO': 'Argumento inválido.',
-    'praxis.filesUpload.errors.NAO_AUTORIZADO': 'Autenticação necessária.',
-    'praxis.filesUpload.errors.ERRO_INTERNO': 'Erro interno do servidor.',
-    'praxis.filesUpload.errors.LIMITE_TAXA_EXCEDIDO': 'Limite de taxa excedido.',
-    'praxis.filesUpload.errors.COTA_EXCEDIDA': 'Cota excedida.',
-    'praxis.filesUpload.errors.ARQUIVO_JA_EXISTE': 'Arquivo já existe.',
-    // Outros possíveis códigos mapeados no catálogo
-    'praxis.filesUpload.errors.INVALID_JSON_OPTIONS': 'JSON de opções inválido.',
-    'praxis.filesUpload.errors.EMPTY_FILENAME': 'Nome do arquivo obrigatório.',
-    'praxis.filesUpload.errors.FILE_EXISTS': 'Arquivo já existe.',
-    'praxis.filesUpload.errors.PATH_TRAVERSAL': 'Path traversal detectado.',
-    'praxis.filesUpload.errors.INSUFFICIENT_STORAGE': 'Sem espaço em disco.',
-    'praxis.filesUpload.errors.UPLOAD_TIMEOUT': 'Tempo esgotado no upload.',
-    'praxis.filesUpload.errors.BULK_UPLOAD_TIMEOUT': 'Tempo esgotado no upload em lote.',
-    'praxis.filesUpload.errors.BULK_UPLOAD_CANCELLED': 'Upload em lote cancelado.',
-    'praxis.filesUpload.errors.USER_CANCELLED': 'Upload cancelado pelo usuário.',
-    'praxis.filesUpload.errors.UNKNOWN_ERROR': 'Erro desconhecido.',
-    'praxis.filesUpload.fieldPendingSummary': 'Arquivos prontos para envio',
-    'praxis.filesUpload.fieldSelectedSummary': 'Arquivo selecionado',
-    'praxis.filesUpload.fieldSelectedPlural': 'arquivos vinculados',
-    'praxis.filesUpload.fieldEmptySummary': 'Nenhum arquivo selecionado',
-    'praxis.filesUpload.fieldErrorSummary': 'Corrija o erro para continuar',
-    'praxis.filesUpload.fieldActionUpload': 'Enviar arquivos selecionados',
-    'praxis.filesUpload.fieldActionUploadShort': 'Enviar',
-    'praxis.filesUpload.fieldActionCancel': 'Cancelar seleção atual',
-    'praxis.filesUpload.fieldActionCancelShort': 'Cancelar',
-    'praxis.filesUpload.fieldActionSelect': 'Selecionar arquivo(s)',
-    'praxis.filesUpload.fieldActionClear': 'Limpar',
-    'praxis.filesUpload.fieldInfoAction': 'Informações',
-    'praxis.filesUpload.fieldMoreActions': 'Mais ações',
-    'praxis.filesUpload.fieldPendingAriaSuffix': 'arquivos prontos para envio',
-    'praxis.filesUpload.selectedOverlayAriaLabel': 'Arquivos selecionados',
-    'praxis.filesUpload.selectedOverlayTitle': 'Selecionados',
-    'praxis.filesUpload.bulkSummaryTotal': 'Total',
-    'praxis.filesUpload.bulkSummarySuccess': 'Sucesso',
-    'praxis.filesUpload.bulkSummaryFailed': 'Falhas',
-    'praxis.filesUpload.resultMetaIdLabel': 'ID',
-    'praxis.filesUpload.resultMetaTypeLabel': 'Tipo',
-    'praxis.filesUpload.resultMetaSizeLabel': 'Tamanho',
-    'praxis.filesUpload.resultMetaUploadedAtLabel': 'Enviado em',
-    'praxis.filesUpload.policySummaryAny': 'qualquer',
-    'praxis.filesUpload.policySummaryNotConfigured': '—',
-    'praxis.filesUpload.policySummaryTypesLabel': 'Tipos',
-    'praxis.filesUpload.policySummaryMaxPerFileLabel': 'Máx. por arquivo',
-    'praxis.filesUpload.policySummaryQuantityLabel': 'Qtde',
-    'praxis.filesUpload.showAll': 'Ver todos',
-    'praxis.filesUpload.showLess': 'Ver menos',
-};
+        <div class="summary-grid">
+          <section class="summary-card">
+            <span class="eyebrow">{{ tx('editor.summary.strategy', 'Strategy') }}</span>
+            <strong>{{ summaryStrategyTitle }}</strong>
+            <p>{{ summaryStrategyDetail }}</p>
+          </section>
+
+          <section class="summary-card">
+            <span class="eyebrow">{{ tx('editor.summary.experience', 'Experience') }}</span>
+            <strong>{{ summaryExperienceTitle }}</strong>
+            <p>{{ summaryExperienceDetail }}</p>
+          </section>
+
+          <section class="summary-card">
+            <span class="eyebrow">{{ tx('editor.summary.limits', 'Limits') }}</span>
+            <strong>{{ summaryLimitsTitle }}</strong>
+            <p>{{ summaryLimitsDetail }}</p>
+          </section>
+
+          <section class="summary-card">
+            <span class="eyebrow">{{ tx('editor.summary.server', 'Server') }}</span>
+            <strong>{{ summaryServerTitle }}</strong>
+            <p>{{ summaryServerDetail }}</p>
+          </section>
+        </div>
+
+        <section class="risk-panel" [class.safe]="activeRisks.length === 0">
+          <h4>
+            <mat-icon aria-hidden="true">{{
+              activeRisks.length === 0 ? 'verified' : 'warning'
+            }}</mat-icon>
+            {{ tx('editor.risks.title', 'Risks and attention points') }}
+          </h4>
+          <div *ngIf="activeRisks.length > 0; else noRiskState" class="risk-list">
+            <article class="risk-item" *ngFor="let risk of activeRisks">
+              <strong>{{ risk.title }}</strong>
+              <p>{{ risk.detail }}</p>
+            </article>
+          </div>
+          <ng-template #noRiskState>
+            <p class="safe-copy">
+              {{ tx('editor.risks.none', 'No evident operational risk in the current configuration.') }}
+            </p>
+          </ng-template>
+        </section>
+      </aside>
+
+      <div class="editor-main">
+    <mat-tab-group>
+      <mat-tab [label]="tx('editor.tabs.behavior', 'Behavior')">
+        <div class="tab-panel">
+        <section class="tab-intro">
+          <h3>{{ tx('editor.behavior.intro.title', 'Upload strategy and cadence') }}</h3>
+          <p>
+            {{ tx('editor.behavior.intro.body', 'Define how the user starts the upload and how the batch behaves in terms of parallelism and retries.') }}
+          </p>
+        </section>
+        <section class="config-section">
+        <form [formGroup]="form">
+          <mat-form-field appearance="fill">
+            <mat-label>{{ tx('editor.behavior.strategy.label', 'Upload strategy') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
+            <mat-select formControlName="strategy">
+              <mat-option value="direct">{{ tx('editor.behavior.strategy.direct', 'Direct (standard HTTP)') }}</mat-option>
+              <mat-option value="presign">{{ tx('editor.behavior.strategy.presign', 'Presigned URL (S3/GCS)') }}</mat-option>
+            <mat-option value="auto"
+              >{{ tx('editor.behavior.strategy.auto', 'Automatic (tries presigned first and falls back to direct)') }}</mat-option
+            >
+          </mat-select>
+            <button
+              mat-icon-button
+              matSuffix
+              class="help-icon-button"
+              type="button"
+              [matTooltip]="tx('editor.behavior.strategy.hint', 'How files will be sent to the server.')"
+              matTooltipPosition="above"
+            >
+              <mat-icon>help_outline</mat-icon>
+            </button>
+          </mat-form-field>
+        </form>
+        </section>
+        <section class="config-section">
+        <form [formGroup]="bulkGroup">
+          <h4 class="section-subtitle">
+            <mat-icon aria-hidden="true">build</mat-icon>
+            {{ tx('editor.behavior.bulk.title', 'Configurable options — Batch') }}
+          </h4>
+          <p class="section-note">
+            {{ tx('editor.behavior.bulk.note', 'Use parallelism and retries in moderation. In enterprise environments these controls affect throughput, perceived experience and backend load.') }}
+          </p>
+          <mat-form-field appearance="fill">
+            <mat-label>{{ tx('editor.behavior.bulk.parallel', 'Parallel uploads') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
+            <input matInput type="number" formControlName="parallelUploads" />
+            <button
+              mat-icon-button
+              matSuffix
+              class="help-icon-button"
+              type="button"
+              [matTooltip]="tx('editor.behavior.bulk.parallelHint', 'How many files to send at the same time.')"
+              matTooltipPosition="above"
+            >
+              <mat-icon>help_outline</mat-icon>
+            </button>
+          </mat-form-field>
+          <mat-form-field appearance="fill">
+            <mat-label>{{ tx('editor.behavior.bulk.retryCount', 'Retry count') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
+            <input matInput type="number" formControlName="retryCount" />
+            <button
+              mat-icon-button
+              matSuffix
+              class="help-icon-button"
+              type="button"
+              [matTooltip]="tx('editor.behavior.bulk.retryCountHint', 'Automatic attempts in case of failure.')"
+              matTooltipPosition="above"
+            >
+              <mat-icon>help_outline</mat-icon>
+            </button>
+          </mat-form-field>
+          <mat-form-field appearance="fill">
+            <mat-label>{{ tx('editor.behavior.bulk.retryBackoff', 'Retry interval (ms)') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
+            <input matInput type="number" formControlName="retryBackoffMs" />
+            <button
+              mat-icon-button
+              matSuffix
+              class="help-icon-button"
+              type="button"
+              [matTooltip]="tx('editor.behavior.bulk.retryBackoffHint', 'Wait time between attempts.')"
+              matTooltipPosition="above"
+            >
+              <mat-icon>help_outline</mat-icon>
+            </button>
+          </mat-form-field>
+        </form>
+        </section>
+        </div>
+      </mat-tab>
+      <mat-tab [label]="tx('editor.tabs.interface', 'Interface')">
+        <div class="tab-panel">
+        <section class="tab-intro">
+          <h3>{{ tx('editor.interface.intro.title', 'Visible experience for the user') }}</h3>
+          <p>
+            {{ tx('editor.interface.intro.body', 'Configure density, dropzone, metadata and list details. Prioritize operational clarity before enabling advanced capabilities.') }}
+          </p>
+        </section>
+        <section class="config-section">
+        <form [formGroup]="uiGroup">
+          <h4 class="section-subtitle">
+            <mat-icon aria-hidden="true">edit</mat-icon>
+            {{ tx('editor.interface.section.title', 'Configurable options — Interface') }}
+          </h4>
+          <p class="section-note">
+            {{ tx('editor.interface.section.note', 'This section controls the component ergonomics. Changes here affect discoverability, usage effort and upload completion rate.') }}
+          </p>
+          <mat-checkbox formControlName="showDropzone"
+            >{{ tx('editor.interface.showDropzone', 'Show drop area') }}</mat-checkbox
+          >
+          <mat-checkbox formControlName="showProgress"
+            >{{ tx('editor.interface.showProgress', 'Show progress bar') }}</mat-checkbox
+          >
+          <mat-checkbox formControlName="showConflictPolicySelector"
+            >{{ tx('editor.interface.showConflictPolicySelector', 'Allow choosing the conflict policy') }}</mat-checkbox
+          >
+          <mat-checkbox formControlName="manualUpload"
+            >{{ tx('editor.interface.manualUpload', 'Require clicking "Upload" (manual mode)') }}</mat-checkbox>
+          <mat-checkbox formControlName="dense">{{ tx('editor.interface.dense', 'Compact layout') }}</mat-checkbox>
+          <mat-form-field appearance="fill">
+            <mat-label>{{ tx('editor.interface.accept', 'Allowed types (accept)') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
+            <input
+              matInput
+              formControlName="accept"
+              [placeholder]="tx('editor.placeholders.accept', 'e.g.: pdf,jpg,png')"
+            />
+            <button
+              mat-icon-button
+              matSuffix
+              class="help-icon-button"
+              type="button"
+              [matTooltip]="tx('editor.shared.csvOptional', 'Comma-separated list (optional).')"
+              matTooltipPosition="above"
+            >
+              <mat-icon>help_outline</mat-icon>
+            </button>
+          </mat-form-field>
+          <mat-checkbox formControlName="showMetadataForm"
+            >{{ tx('editor.interface.metadataForm', 'Show metadata form (JSON)') }}</mat-checkbox
+          >
 
-/** @deprecated Transitional compatibility token. Prefer PraxisI18nService. */
-const FILES_UPLOAD_TEXTS = new InjectionToken('FILES_UPLOAD_TEXTS', {
-    providedIn: 'root',
-    factory: () => ({
-        settingsAriaLabel: 'Abrir configurações',
-        dropzoneLabel: 'Arraste arquivos ou',
-        dropzoneButton: 'selecionar',
-        conflictPolicyLabel: 'Política de conflito',
-        metadataLabel: 'Metadados (JSON)',
-        progressAriaLabel: 'Progresso do upload',
-        rateLimitBanner: 'Limite de requisições excedido. Tente novamente às',
-    }),
-});
-/** @deprecated Transitional compatibility token. Prefer PraxisI18nService. */
-const TRANSLATE_LIKE = new InjectionToken('TRANSLATE_LIKE');
-function createPraxisFilesUploadI18nConfig(options = {}) {
-    const dictionaries = {
-        'pt-BR': {
-            ...FILES_UPLOAD_PT_BR,
-            ...(options.dictionaries?.['pt-BR'] ?? {}),
-        },
-        'en-US': {
-            ...FILES_UPLOAD_EN_US,
-            ...(options.dictionaries?.['en-US'] ?? {}),
-        },
-    };
-    for (const [locale, dictionary] of Object.entries(options.dictionaries ?? {})) {
-        if (locale === 'pt-BR' || locale === 'en-US') {
-            continue;
-        }
-        dictionaries[locale] = {
-            ...(dictionaries[locale] ?? {}),
-            ...dictionary,
-        };
-    }
-    return {
-        locale: options.locale,
-        fallbackLocale: options.fallbackLocale ?? 'pt-BR',
-        dictionaries,
-    };
-}
-function providePraxisFilesUploadI18n(options = {}) {
-    return providePraxisI18n(createPraxisFilesUploadI18nConfig(options));
-}
-function resolvePraxisFilesUploadText(i18n, key, fallback, legacyTexts, legacyTranslate) {
-    const namespacedKey = key.startsWith('praxis.filesUpload.')
-        ? key
-        : `praxis.filesUpload.${key}`;
-    const coreTranslation = i18n.t(namespacedKey, undefined, '');
-    if (coreTranslation) {
-        return coreTranslation;
-    }
-    const legacyText = legacyTexts?.[key];
-    if (legacyText) {
-        return legacyText;
-    }
-    const translatedByLegacyService = legacyTranslate?.t?.(namespacedKey, undefined, '') ||
-        legacyTranslate?.t?.(key, undefined, '') ||
-        resolveLegacyInstantTranslation(legacyTranslate, namespacedKey) ||
-        resolveLegacyInstantTranslation(legacyTranslate, key);
-    if (translatedByLegacyService) {
-        return translatedByLegacyService;
-    }
-    return fallback;
-}
-function resolveLegacyInstantTranslation(legacyTranslate, key) {
-    const translated = legacyTranslate?.instant?.(key);
-    return translated && translated !== key ? translated : '';
-}
+          <!-- NOVO: Grupo Dropzone -->
+          <fieldset [formGroup]="dropzoneGroup" class="subgroup">
+            <legend>
+              <mat-icon aria-hidden="true">download</mat-icon>
+              {{ tx('editor.interface.dropzone.title', 'Dropzone (proximity expansion)') }}
+            </legend>
+            <mat-checkbox formControlName="expandOnDragProximity">
+              {{ tx('editor.interface.dropzone.expandOnProximity', 'Expand when a file gets close during drag') }}
+            </mat-checkbox>
+            <mat-form-field appearance="fill">
+              <mat-label>{{ tx('editor.interface.dropzone.proximity', 'Proximity radius (px)') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
+              <input matInput type="number" formControlName="proximityPx" />
+            </mat-form-field>
+            <mat-form-field appearance="fill">
+              <mat-label>{{ tx('editor.interface.dropzone.mode', 'Expansion mode') }}</mat-label>
+              <mat-select formControlName="expandMode">
+                <mat-option value="overlay">{{ tx('editor.interface.dropzone.mode.overlay', 'Overlay (recommended)') }}</mat-option>
+                <mat-option value="inline">{{ tx('editor.interface.dropzone.mode.inline', 'Inline') }}</mat-option>
+              </mat-select>
+            </mat-form-field>
+            <mat-form-field appearance="fill">
+              <mat-label>{{ tx('editor.interface.dropzone.height', 'Overlay height (px)') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
+              <input matInput type="number" formControlName="expandHeight" />
+            </mat-form-field>
+            <mat-form-field appearance="fill">
+              <mat-label>{{ tx('editor.interface.dropzone.debounce', 'Drag debounce (ms)') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
+              <input matInput type="number" formControlName="expandDebounceMs" />
+            </mat-form-field>
+          </fieldset>
+
+          <!-- NOVO: Grupo Lista/Detalhes -->
+          <fieldset [formGroup]="listGroup" class="subgroup">
+            <legend>
+              <mat-icon aria-hidden="true">view_list</mat-icon>
+              {{ tx('editor.interface.list.title', 'List and details') }}
+            </legend>
+            <mat-form-field appearance="fill">
+              <mat-label>{{ tx('editor.interface.list.collapseAfter', 'Collapse after (items)') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
+              <input matInput type="number" formControlName="collapseAfter" />
+            </mat-form-field>
+            <mat-form-field appearance="fill">
+              <mat-label>{{ tx('editor.interface.list.detailsMode', 'Details mode') }}</mat-label>
+              <mat-select formControlName="detailsMode">
+                <mat-option value="auto">{{ tx('editor.interface.list.detailsMode.auto', 'Automatic') }}</mat-option>
+                <mat-option value="card">{{ tx('editor.interface.list.detailsMode.card', 'Card (overlay)') }}</mat-option>
+                <mat-option value="sidesheet">{{ tx('editor.interface.list.detailsMode.sidesheet', 'Side-sheet') }}</mat-option>
+              </mat-select>
+            </mat-form-field>
+            <mat-form-field appearance="fill">
+              <mat-label>{{ tx('editor.interface.list.detailsWidth', 'Maximum card width (px)') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
+              <input matInput type="number" formControlName="detailsMaxWidth" />
+            </mat-form-field>
+            <mat-checkbox formControlName="detailsShowTechnical">
+              {{ tx('editor.interface.list.showTechnical', 'Show technical details by default') }}
+            </mat-checkbox>
+          <mat-form-field appearance="fill">
+            <mat-label>{{ tx('editor.interface.list.detailsFields', 'Metadata fields (whitelist)') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
+            <input matInput formControlName="detailsFields" [placeholder]="tx('editor.placeholders.detailsFields', 'e.g.: id,fileName,contentType')" />
+            <button
+              mat-icon-button
+              matSuffix
+              class="help-icon-button"
+              type="button"
+              [matTooltip]="tx('editor.interface.list.detailsFieldsHint', 'Comma-separated list; empty = all.')"
+              matTooltipPosition="above"
+            >
+              <mat-icon>help_outline</mat-icon>
+            </button>
+          </mat-form-field>
+            <mat-form-field appearance="fill">
+              <mat-label>{{ tx('editor.interface.list.anchor', 'Overlay anchor') }}</mat-label>
+              <mat-select formControlName="detailsAnchor">
+                <mat-option value="item">{{ tx('editor.interface.list.anchor.item', 'Item') }}</mat-option>
+                <mat-option value="field">{{ tx('editor.interface.list.anchor.field', 'Field') }}</mat-option>
+              </mat-select>
+            </mat-form-field>
+          </fieldset>
+        </form>
+        </section>
+        </div>
+      </mat-tab>
+      <mat-tab [label]="tx('editor.tabs.validation', 'Validation')">
+        <div class="tab-panel">
+        <section class="tab-intro">
+          <h3>{{ tx('editor.validation.intro.title', 'Acceptance rules and operational behavior') }}</h3>
+          <p>
+            {{ tx('editor.validation.intro.body', 'Separate local UX validation from effective backend rules. Review destructive options carefully.') }}
+          </p>
+        </section>
+        <section class="config-section">
+        <form [formGroup]="limitsGroup">
+          <h4 class="section-subtitle">
+            <mat-icon aria-hidden="true">build</mat-icon>
+            {{ tx('editor.validation.local.title', 'Configurable options — Validation') }}
+          </h4>
+          <p class="section-note">
+            {{ tx('editor.validation.local.note', 'Local limits improve immediate feedback, but do not replace the effective server policy.') }}
+          </p>
+          <mat-form-field appearance="fill">
+            <mat-label>{{ tx('editor.validation.local.maxFileSize', 'Maximum file size (bytes)') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
+            <input matInput type="number" formControlName="maxFileSizeBytes" />
+            <button
+              mat-icon-button
+              matSuffix
+              class="help-icon-button"
+              type="button"
+              [matTooltip]="tx('editor.validation.local.maxFileSizeHint', 'Client-side validation limit (optional).')"
+              matTooltipPosition="above"
+            >
+              <mat-icon>help_outline</mat-icon>
+            </button>
+          </mat-form-field>
+          <mat-form-field appearance="fill">
+            <mat-label>{{ tx('editor.validation.local.maxFilesPerBulk', 'Max files per batch') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
+            <input matInput type="number" formControlName="maxFilesPerBulk" />
+          </mat-form-field>
+          <mat-form-field appearance="fill">
+            <mat-label>{{ tx('editor.validation.local.maxBulkSize', 'Maximum batch size (bytes)') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
+            <input matInput type="number" formControlName="maxBulkSizeBytes" />
+          </mat-form-field>
+        </form>
+        </section>
+        <section class="config-section">
+        <form [formGroup]="optionsGroup">
+          <h4 class="section-subtitle">
+            <mat-icon aria-hidden="true">tune</mat-icon>
+            {{ tx('editor.validation.backend.title', 'Configurable options — Backend') }}
+          </h4>
+          <p class="section-note">
+            {{ tx('editor.validation.backend.note', 'These options directly impact the server contract and operational governance. Treat changes here as policy decisions, not only UI changes.') }}
+          </p>
+          <mat-form-field appearance="fill">
+            <mat-label>{{ tx('editor.validation.backend.conflictPolicy', 'Conflict policy (default)') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
+            <mat-select formControlName="defaultConflictPolicy">
+              <mat-option value="RENAME">{{ tx('editor.validation.backend.conflictPolicy.rename', 'Rename automatically') }}</mat-option>
+              <mat-option value="MAKE_UNIQUE">{{ tx('editor.validation.backend.conflictPolicy.unique', 'Generate unique name') }}</mat-option>
+              <mat-option value="OVERWRITE">{{ tx('editor.validation.backend.conflictPolicy.overwrite', 'Overwrite existing file') }}</mat-option>
+              <mat-option value="SKIP">{{ tx('editor.validation.backend.conflictPolicy.skip', 'Skip if already exists') }}</mat-option>
+              <mat-option value="ERROR">{{ tx('editor.validation.backend.conflictPolicy.error', 'Fail (error)') }}</mat-option>
+            </mat-select>
+            <button
+              mat-icon-button
+              matSuffix
+              class="help-icon-button"
+              type="button"
+              [matTooltip]="tx('editor.validation.backend.conflictPolicyHint', 'What to do when the file name already exists.')"
+              matTooltipPosition="above"
+            >
+              <mat-icon>help_outline</mat-icon>
+            </button>
+            <div class="warn" *ngIf="optionsGroup.get('defaultConflictPolicy')?.value === 'OVERWRITE'">
+              <mat-icon color="warn" aria-hidden="true">warning</mat-icon>
+              {{ tx('editor.validation.backend.overwriteWarn', 'Warning: OVERWRITE may replace existing files.') }}
+            </div>
+          </mat-form-field>
+          <mat-checkbox formControlName="strictValidation"
+            >{{ tx('editor.validation.backend.strictValidation', 'Strict validation (backend)') }}</mat-checkbox
+          >
+          <mat-form-field appearance="fill">
+            <mat-label>{{ tx('editor.validation.backend.maxUploadSizeMb', 'Maximum size per file (MB)') }} <span class="req-tag">mandatório</span></mat-label>
+            <input matInput type="number" formControlName="maxUploadSizeMb" required />
+            <button
+              mat-icon-button
+              matSuffix
+              class="help-icon-button"
+              type="button"
+              [matTooltip]="tx('editor.validation.backend.maxUploadSizeMbHint', 'Validated by the backend (1–500 MB).')"
+              matTooltipPosition="above"
+            >
+              <mat-icon>help_outline</mat-icon>
+            </button>
+          </mat-form-field>
+          <mat-form-field appearance="fill">
+            <mat-label>{{ tx('editor.validation.backend.allowedExtensions', 'Allowed extensions') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
+            <input
+              matInput
+              formControlName="allowedExtensions"
+              [placeholder]="tx('editor.placeholders.allowedExtensions', 'e.g.: pdf,docx,xlsx')"
+            />
+            <button
+              mat-icon-button
+              matSuffix
+              class="help-icon-button"
+              type="button"
+              [matTooltip]="tx('editor.shared.csvOptional', 'Comma-separated list (optional).')"
+              matTooltipPosition="above"
+            >
+              <mat-icon>help_outline</mat-icon>
+            </button>
+          </mat-form-field>
+          <mat-form-field appearance="fill">
+            <mat-label>{{ tx('editor.validation.backend.acceptMimeTypes', 'Accepted MIME types') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
+            <input
+              matInput
+              formControlName="acceptMimeTypes"
+              [placeholder]="tx('editor.placeholders.acceptMimeTypes', 'e.g.: application/pdf,image/png')"
+            />
+            <button
+              mat-icon-button
+              matSuffix
+              class="help-icon-button"
+              type="button"
+              [matTooltip]="tx('editor.shared.csvOptional', 'Comma-separated list (optional).')"
+              matTooltipPosition="above"
+            >
+              <mat-icon>help_outline</mat-icon>
+            </button>
+          </mat-form-field>
+          <mat-form-field appearance="fill">
+            <mat-label>{{ tx('editor.validation.backend.targetDirectory', 'Target directory') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
+            <input
+              matInput
+              formControlName="targetDirectory"
+              [placeholder]="tx('editor.placeholders.targetDirectory', 'e.g.: documents/invoices')"
+            />
+          </mat-form-field>
+          <mat-checkbox formControlName="enableVirusScanning">
+            {{ tx('editor.validation.backend.enableVirusScanning', 'Force antivirus (when available)') }}
+          </mat-checkbox>
+          <div class="warn" *ngIf="optionsGroup.get('enableVirusScanning')?.value === true">
+            <mat-icon color="warn" aria-hidden="true">warning</mat-icon>
+            {{ tx('editor.validation.backend.virusWarn', 'May impact upload performance and latency.') }}
+          </div>
+        </form>
+        </section>
+        <section class="config-section">
+        <form [formGroup]="quotasGroup">
+          <h4 class="section-subtitle">
+            <mat-icon aria-hidden="true">edit</mat-icon>
+            {{ tx('editor.validation.quotas.title', 'Configurable options — Quotas (UI)') }}
+          </h4>
+          <mat-checkbox formControlName="showQuotaWarnings"
+            >{{ tx('editor.validation.quotas.showWarnings', 'Show quota warnings') }}</mat-checkbox
+          >
+          <mat-checkbox formControlName="blockOnExceed"
+            >{{ tx('editor.validation.quotas.blockOnExceed', 'Block on quota exceed') }}</mat-checkbox
+          >
+        </form>
+        </section>
+        <section class="config-section">
+        <form [formGroup]="rateLimitGroup">
+          <h4 class="section-subtitle">
+            <mat-icon aria-hidden="true">edit</mat-icon>
+            {{ tx('editor.validation.rateLimit.title', 'Configurable options — Rate Limit (UI)') }}
+          </h4>
+          <p class="section-note">
+            {{ tx('editor.validation.rateLimit.note', 'Prefer a small number of automatic retries. More attempts reduce immediate friction, but may hide real environment bottlenecks.') }}
+          </p>
+          <mat-checkbox formControlName="showBannerOn429"
+            >{{ tx('editor.validation.rateLimit.showBanner', 'Show banner when the limit is reached') }}</mat-checkbox
+          >
+          <mat-checkbox formControlName="autoRetryOn429"
+            >{{ tx('editor.validation.rateLimit.autoRetry', 'Retry automatically') }}</mat-checkbox
+          >
+          <mat-form-field appearance="fill">
+            <mat-label>{{ tx('editor.validation.rateLimit.maxAutoRetry', 'Maximum automatic retries') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
+            <input matInput type="number" formControlName="maxAutoRetry" />
+          </mat-form-field>
+          <mat-form-field appearance="fill">
+            <mat-label>{{ tx('editor.validation.rateLimit.baseBackoff', 'Base retry interval (ms)') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
+            <input matInput type="number" formControlName="baseBackoffMs" />
+          </mat-form-field>
+        </form>
+        </section>
+        <section class="config-section">
+        <form [formGroup]="bulkGroup">
+          <h4 class="section-subtitle">
+            <mat-icon aria-hidden="true">bolt</mat-icon>
+            {{ tx('editor.validation.batch.title', 'Configurable options — Batch execution') }}
+          </h4>
+          <mat-checkbox formControlName="failFast"
+            >{{ tx('editor.validation.batch.failFast', 'Stop on the first error (fail-fast)') }}</mat-checkbox
+          >
+        </form>
+        </section>
+        </div>
+      </mat-tab>
+      <mat-tab [label]="tx('editor.tabs.messages', 'Messages')">
+        <div class="tab-panel">
+        <section class="tab-intro">
+          <h3>{{ tx('editor.messages.intro.title', 'Messages oriented to operations') }}</h3>
+          <p>
+            {{ tx('editor.messages.intro.body', 'Adjust the text shown to the end user. Prioritize clarity, consistency and actionable language.') }}
+          </p>
+        </section>
+        <section class="config-section">
+        <form [formGroup]="messagesGroup">
+          <h4 class="section-subtitle">
+            <mat-icon aria-hidden="true">edit</mat-icon>
+            {{ tx('editor.messages.section.title', 'Configurable options — Messages (UI)') }}
+          </h4>
+          <p class="section-note">
+            {{ tx('editor.messages.section.note', 'Short and objective messages work better in high-frequency contexts. Use this group to adapt the interface voice to your environment.') }}
+          </p>
+          <mat-form-field appearance="fill">
+            <mat-label>{{ tx('editor.messages.successSingle', 'Success (single)') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
+            <input
+              matInput
+              formControlName="successSingle"
+              [placeholder]="tx('editor.placeholders.successSingle', 'e.g.: File uploaded successfully')"
+            />
+          </mat-form-field>
+          <mat-form-field appearance="fill">
+            <mat-label>{{ tx('editor.messages.successBulk', 'Success (batch)') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
+            <input
+              matInput
+              formControlName="successBulk"
+              [placeholder]="tx('editor.placeholders.successBulk', 'e.g.: Upload completed')"
+            />
+          </mat-form-field>
+          <div [formGroup]="errorsGroup">
+            <ng-container *ngFor="let e of errorEntries">
+              <mat-form-field appearance="fill">
+                <mat-label>{{ e.label }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
+                <input matInput [formControlName]="e.code" />
+                <mat-hint class="code-hint">{{ e.code }}</mat-hint>
+              </mat-form-field>
+            </ng-container>
+          </div>
+        </form>
+        </section>
+        </div>
+      </mat-tab>
+      <mat-tab [label]="tx('editor.tabs.headers', 'Headers')">
+        <div class="tab-panel">
+        <section class="tab-intro">
+          <h3>{{ tx('editor.headers.intro.title', 'Tenant and user context') }}</h3>
+          <p>
+            {{ tx('editor.headers.intro.body', 'Use headers to query the effective server configuration in the same context the component will use in production.') }}
+          </p>
+        </section>
+        <section class="config-section">
+        <form [formGroup]="headersGroup">
+          <h4 class="section-subtitle">
+            <mat-icon aria-hidden="true">edit</mat-icon>
+            {{ tx('editor.headers.section.title', 'Configurable options — Headers (query)') }}
+          </h4>
+          <mat-form-field appearance="fill">
+            <mat-label>{{ tx('editor.headers.tenantHeader', 'Tenant header') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
+            <input
+              matInput
+              formControlName="tenantHeader"
+              placeholder="X-Tenant-Id"
+            />
+          </mat-form-field>
+          <mat-form-field appearance="fill">
+            <mat-label>{{ tx('editor.headers.tenantValue', 'Tenant value') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
+            <input
+              matInput
+              formControlName="tenantValue"
+              [placeholder]="tx('editor.placeholders.tenantValue', 'e.g.: demo-tenant')"
+            />
+          </mat-form-field>
+          <mat-form-field appearance="fill">
+            <mat-label>{{ tx('editor.headers.userHeader', 'User header') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
+            <input
+              matInput
+              formControlName="userHeader"
+              placeholder="X-User-Id"
+            />
+          </mat-form-field>
+          <mat-form-field appearance="fill">
+            <mat-label>{{ tx('editor.headers.userValue', 'User value') }} <span class="opt-tag">{{ tx('editor.shared.optionalTag', 'optional') }}</span></mat-label>
+            <input matInput formControlName="userValue" [placeholder]="tx('editor.placeholders.userValue', 'e.g.: 42')" />
+          </mat-form-field>
+        </form>
+        </section>
+        </div>
+      </mat-tab>
+      <mat-tab [label]="tx('editor.tabs.server', 'Server')">
+        <div class="tab-panel">
+        <section class="tab-intro">
+          <h3>{{ tx('editor.server.intro.title', 'Effective contract returned by the backend') }}</h3>
+          <p>
+            {{ tx('editor.server.intro.body', 'This tab is the source of truth for the active environment. Compare the server summary with what was configured in the previous forms.') }}
+          </p>
+        </section>
+        <section class="config-section">
+        <div class="server-tab">
+          <div class="toolbar">
+            <h4 class="section-subtitle ro">
+              <mat-icon aria-hidden="true">info</mat-icon>
+              {{ tx('editor.server.readonly', 'Server (read-only)') }}
+              <span class="badge">read-only</span>
+            </h4>
+            <button type="button" (click)="refetchServerConfig()">
+              {{ tx('editor.server.reload', 'Reload from server') }}
+            </button>
+            <span class="hint" *ngIf="!baseUrl"
+              >{{ tx('editor.server.baseUrlHint', 'Set baseUrl on the parent component to query /api/files/config.') }}</span
+            >
+          </div>
+          <div *ngIf="serverLoading(); else serverLoaded">
+            {{ tx('editor.server.loading', 'Loading server configuration...') }}
+          </div>
+          <ng-template #serverLoaded>
+            <div *ngIf="serverError(); else serverOk" class="error">
+              {{ tx('editor.server.loadError', 'Failed to load:') }} {{ serverError() | json }}
+            </div>
+            <ng-template #serverOk>
+              <section *ngIf="serverData() as _">
+                <h3>{{ tx('editor.server.summaryTitle', 'Active configuration summary') }}</h3>
+                <ul class="summary">
+                  <li>
+                    <strong>{{ tx('editor.server.summary.maxPerFile', 'Max per file (MB):') }}</strong>
+                    {{ serverData()?.options?.maxUploadSizeMb }}
+                  </li>
+                  <li>
+                    <strong>{{ tx('editor.server.summary.strictValidation', 'Strict validation:') }}</strong>
+                    {{ serverData()?.options?.strictValidation }}
+                  </li>
+                  <li>
+                    <strong>{{ tx('editor.server.summary.antivirus', 'Antivirus:') }}</strong>
+                    {{ serverData()?.options?.enableVirusScanning }}
+                  </li>
+                  <li>
+                    <strong>{{ tx('editor.server.summary.conflictPolicy', 'Default name conflict:') }}</strong>
+                    {{ serverData()?.options?.nameConflictPolicy }}
+                  </li>
+                  <li>
+                    <strong>{{ tx('editor.server.summary.mimeTypes', 'Accepted MIME types:') }}</strong>
+                    {{
+                      (serverData()?.options?.acceptMimeTypes || []).join(', ')
+                    }}
+                  </li>
+                  <li>
+                    <strong>{{ tx('editor.server.summary.bulkFailFast', 'Default bulk fail-fast:') }}</strong>
+                    {{ serverData()?.bulk?.failFastModeDefault }}
+                  </li>
+                  <li>
+                    <strong>{{ tx('editor.server.summary.rateLimit', 'Rate limit:') }}</strong>
+                    {{ serverData()?.rateLimit?.enabled }} ({{
+                      serverData()?.rateLimit?.perMinute
+                    }}/min, {{ serverData()?.rateLimit?.perHour }}/h)
+                  </li>
+                  <li>
+                    <strong>{{ tx('editor.server.summary.quotas', 'Quotas:') }}</strong> {{ serverData()?.quotas?.enabled }}
+                  </li>
+                  <li>
+                    <strong>{{ tx('editor.server.summary.server', 'Server:') }}</strong> v{{
+                      serverData()?.metadata?.version
+                    }}
+                    • {{ serverData()?.metadata?.locale }}
+                  </li>
+                </ul>
+                <details>
+                  <summary>{{ tx('editor.server.viewJson', 'View JSON') }}</summary>
+                  <button
+                    mat-icon-button
+                    [attr.aria-label]="tx('editor.server.copyJson', 'Copy JSON')"
+                    (click)="copyServerConfig()"
+                    type="button"
+                    [title]="tx('editor.server.copyJson', 'Copy JSON')"
+                  >
+                    <mat-icon>content_copy</mat-icon>
+                  </button>
+                  <pre>{{ serverData() | json }}</pre>
+                </details>
+                <p class="note">
+                  {{ tx('editor.server.mutableOptionsText', 'The options above that can be changed via payload are: name conflict, strict validation, maximum size (MB), accepted extensions/MIME, target directory, antivirus, custom metadata and fail-fast (in bulk).') }}
+                </p>
+              </section>
+            </ng-template>
+          </ng-template>
+        </div>
+        </section>
+        </div>
+      </mat-tab>
+      <mat-tab [label]="tx('editor.tabs.json', 'JSON')">
+        <div class="tab-panel">
+        <section class="tab-intro">
+          <h3>{{ tx('editor.json.intro.title', 'Advanced mode') }}</h3>
+          <p>
+            {{ tx('editor.json.intro.body', 'Edit the raw payload only when you need fine-grained control. Changes here require stricter review and validation.') }}
+          </p>
+        </section>
+        <div class="advanced-note">
+          {{ tx('editor.json.note', 'JSON is a low-level view of the configuration. Prefer the guided tabs whenever possible to reduce human error and keep the configuration auditable.') }}
+        </div>
+        <textarea
+          class="json-textarea"
+          rows="10"
+          [ngModel]="form.value | json"
+          (ngModelChange)="onJsonChange($event)"
+        ></textarea>
+        <div class="error" *ngIf="jsonError">{{ jsonError }}</div>
+        </div>
+      </mat-tab>
+    </mat-tab-group>
+      </div>
+    </div>
+  `, styles: [".editor-layout{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:16px;align-items:start}.summary-panel{position:sticky;top:0;display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--pfx-surface-border, #d8d8d8);border-radius:16px;background:linear-gradient(180deg,#fafbfc,#fff)}.summary-panel h3{margin:0;font-size:1rem;font-weight:600}.summary-panel .summary-intro{margin:0;color:#000000a6;line-height:1.4;font-size:.88rem}.summary-grid{display:grid;gap:10px}.summary-card{padding:12px;border-radius:12px;background:#fff;border:1px solid #e7e9ee}.summary-card .eyebrow{display:block;margin-bottom:4px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#5f6b7a}.summary-card strong{display:block;margin-bottom:4px;font-size:.95rem}.summary-card p{margin:0;font-size:.85rem;line-height:1.45;color:#000000b8}.risk-panel{padding:12px;border-radius:12px;background:#fff8e8;border:1px solid #f0d29a}.risk-panel.safe{background:#f4fbf6;border-color:#b8ddc1}.risk-panel h4{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:.92rem}.risk-list{display:grid;gap:8px}.risk-item{padding:10px;border-radius:10px;background:#ffffffb8}.risk-item strong{display:block;margin-bottom:2px;font-size:.84rem}.risk-item p,.risk-panel .safe-copy{margin:0;font-size:.82rem;line-height:1.4;color:#000000b8}.editor-main{min-width:0}.tab-panel{display:grid;gap:16px;padding-top:8px}.tab-intro{padding:16px 18px;border:1px solid #e5e8ef;border-radius:16px;background:linear-gradient(180deg,#fff,#f7f9fc)}.tab-intro h3{margin:0 0 6px;font-size:1rem;font-weight:600}.tab-intro p{margin:0;font-size:.9rem;line-height:1.5;color:#000000b8}.config-section{padding:18px;border:1px solid #e5e8ef;border-radius:16px;background:#fff}.config-section+.config-section{margin-top:0}.section-note{margin:0 0 16px;color:#000000b3;font-size:.88rem;line-height:1.45}.advanced-note{padding:14px 16px;border-radius:14px;border:1px solid #f0d29a;background:#fff8e8;color:#000000c7;font-size:.88rem;line-height:1.45}.json-textarea{width:100%;min-height:280px;padding:14px 16px;border-radius:14px;border:1px solid #d7dce5;background:#0f172a;color:#e5eefc;font:500 .84rem/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;resize:vertical}.server-tab{display:grid;gap:16px}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.summary{display:grid;gap:8px;padding-left:18px}.summary li{line-height:1.45}details{margin-top:12px;padding:14px 16px;border:1px solid #e5e8ef;border-radius:14px;background:#fbfcfe}details pre{white-space:pre-wrap;word-break:break-word}@media(max-width:1100px){.editor-layout{grid-template-columns:1fr}.summary-panel{position:static}}.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]
+                }] }, { type: i2.MatSnackBar }, { type: i0.DestroyRef }] });
 
 function toError(key, info) {
     return { [key]: info };