@praxisui/files-upload 0.0.1

package/fesm2022/praxisui-files-upload.mjs

@@ -0,0 +1,4213 @@
+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 * as i7 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1$1 from '@angular/forms';
+import { ReactiveFormsModule, FormsModule, FormControl } from '@angular/forms';
+import * as i9 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i10 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i11 from '@angular/material/progress-bar';
+import { MatProgressBarModule } from '@angular/material/progress-bar';
+import * as i3$1 from '@angular/material/menu';
+import { MatMenuModule } from '@angular/material/menu';
+import * as i1 from '@angular/common/http';
+import { HttpHeaders, HttpEventType, HttpErrorResponse } from '@angular/common/http';
+import { CONFIG_STORAGE, PraxisIconDirective, ComponentMetadataRegistry } from '@praxisui/core';
+import * as i4 from '@angular/material/tabs';
+import { MatTabsModule } from '@angular/material/tabs';
+import * as i5 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i6 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i7$1 from '@angular/material/checkbox';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import * as i8 from '@angular/material/select';
+import { MatSelectModule } from '@angular/material/select';
+import * as i2 from '@angular/material/snack-bar';
+import { MatSnackBarModule } from '@angular/material/snack-bar';
+import { toObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { of, throwError, BehaviorSubject, map as map$1, startWith, retry, debounceTime } from 'rxjs';
+import * as i1$2 from '@praxisui/settings-panel';
+import { SETTINGS_PANEL_DATA } from '@praxisui/settings-panel';
+import { map, catchError } from 'rxjs/operators';
+import { TemplatePortal } from '@angular/cdk/portal';
+import * as i13 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import * as i3 from '@angular/cdk/overlay';
+import { SimpleBaseInputComponent } from '@praxisui/dynamic-fields';
+
+var ErrorCode;
+(function (ErrorCode) {
+    ErrorCode["INVALID_FILE_TYPE"] = "INVALID_FILE_TYPE";
+    ErrorCode["FILE_TOO_LARGE"] = "FILE_TOO_LARGE";
+    ErrorCode["NOT_FOUND"] = "NOT_FOUND";
+    ErrorCode["UNAUTHORIZED"] = "UNAUTHORIZED";
+    ErrorCode["RATE_LIMIT_EXCEEDED"] = "RATE_LIMIT_EXCEEDED";
+    ErrorCode["INTERNAL_ERROR"] = "INTERNAL_ERROR";
+    ErrorCode["QUOTA_EXCEEDED"] = "QUOTA_EXCEEDED";
+    ErrorCode["SEC_VIRUS_DETECTED"] = "SEC_VIRUS_DETECTED";
+    ErrorCode["SEC_MALICIOUS_CONTENT"] = "SEC_MALICIOUS_CONTENT";
+    ErrorCode["SEC_DANGEROUS_TYPE"] = "SEC_DANGEROUS_TYPE";
+    ErrorCode["FMT_MAGIC_MISMATCH"] = "FMT_MAGIC_MISMATCH";
+    ErrorCode["FMT_CORRUPTED"] = "FMT_CORRUPTED";
+    ErrorCode["FMT_UNSUPPORTED"] = "FMT_UNSUPPORTED";
+    ErrorCode["SYS_STORAGE_ERROR"] = "SYS_STORAGE_ERROR";
+    ErrorCode["SYS_SERVICE_DOWN"] = "SYS_SERVICE_DOWN";
+    ErrorCode["SYS_RATE_LIMIT"] = "SYS_RATE_LIMIT";
+})(ErrorCode || (ErrorCode = {}));
+
+var ScanStatus;
+(function (ScanStatus) {
+    ScanStatus["PENDING"] = "PENDING";
+    ScanStatus["SCANNING"] = "SCANNING";
+    ScanStatus["CLEAN"] = "CLEAN";
+    ScanStatus["INFECTED"] = "INFECTED";
+    ScanStatus["FAILED"] = "FAILED";
+})(ScanStatus || (ScanStatus = {}));
+
+/** Result status for each file in a bulk upload operation. */
+var BulkUploadResultStatus;
+(function (BulkUploadResultStatus) {
+    BulkUploadResultStatus["SUCCESS"] = "SUCCESS";
+    BulkUploadResultStatus["FAILED"] = "FAILED";
+})(BulkUploadResultStatus || (BulkUploadResultStatus = {}));
+
+/**
+ * Service responsible for retrieving the effective upload configuration
+ * from the backend and caching it for a short period (60s).
+ */
+class ConfigService {
+    http;
+    cache = new Map();
+    constructor(http) {
+        this.http = http;
+    }
+    buildCacheKey(baseUrl, headers) {
+        const headerKey = JSON.stringify(headers);
+        return `${baseUrl}|${headerKey}`;
+    }
+    /**
+     * Fetches the effective configuration from the server.
+     * @param baseUrl Base URL for the files API (default: `/api/files`).
+     * @param headersProvider Optional callback providing additional headers such as tenant/user.
+     */
+    getEffectiveConfig(baseUrl = '/api/files', headersProvider) {
+        const now = Date.now();
+        const headersObj = headersProvider ? headersProvider() : {};
+        const key = this.buildCacheKey(baseUrl, headersObj);
+        const entry = this.cache.get(key);
+        if (entry && now - entry.timestamp < 60_000) {
+            return of(entry.data);
+        }
+        const url = `${baseUrl}/config`;
+        if (entry?.etag) {
+            headersObj['If-None-Match'] = entry.etag;
+        }
+        const headers = new HttpHeaders(headersObj);
+        return this.http
+            .get(url, {
+            observe: 'response',
+            headers,
+        })
+            .pipe(map((resp) => {
+            const etag = resp.headers.get('ETag') || undefined;
+            if (resp.status === 304 && entry) {
+                entry.timestamp = now;
+                this.cache.set(key, entry);
+                return entry.data;
+            }
+            const data = resp.body?.data;
+            this.cache.set(key, { etag, data, timestamp: now });
+            return data;
+        }), catchError((err) => {
+            // HttpClient trata 304 como erro; reaproveitamos cache existente
+            if (err?.status === 304 && entry) {
+                entry.timestamp = Date.now();
+                this.cache.set(key, entry);
+                return of(entry.data);
+            }
+            return throwError(() => err);
+        }));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ConfigService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ConfigService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ConfigService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }] });
+
+/**
+ * Angular composable that retrieves the effective upload configuration
+ * and exposes reactive signals for template binding.
+ */
+function useEffectiveUploadConfig(baseUrl, headersProvider) {
+    const service = inject(ConfigService, { optional: true });
+    const loading = signal(!!service, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+    const data = signal(undefined, ...(ngDevMode ? [{ debugName: "data" }] : []));
+    const error = signal(undefined, ...(ngDevMode ? [{ debugName: "error" }] : []));
+    const context = signal(undefined, ...(ngDevMode ? [{ debugName: "context" }] : []));
+    const fetch = () => {
+        if (!service) {
+            loading.set(false);
+            return;
+        }
+        loading.set(true);
+        const headers = headersProvider ? headersProvider() : undefined;
+        context.set(headers);
+        service
+            .getEffectiveConfig(baseUrl, () => headers ?? {})
+            .subscribe({
+            next: (cfg) => {
+                data.set(cfg);
+                error.set(undefined);
+                loading.set(false);
+            },
+            error: (err) => {
+                error.set(err);
+                loading.set(false);
+            },
+        });
+    };
+    if (service)
+        fetch();
+    else
+        loading.set(false);
+    return { loading, data, error, context, refetch: fetch };
+}
+
+// Catálogo central de erros e metadados de apresentação
+// Catálogo padrão por código (aceita string genérica para cobrir códigos não presentes no enum)
+const DEFAULT_CATALOG = {
+    [ErrorCode.FILE_TOO_LARGE]: {
+        title: 'Arquivo muito grande',
+        category: 'validacao',
+        phase: 'pre-upload',
+        severity: 'error',
+        userAction: 'Reduza o tamanho ou aumente o limite permitido.',
+    },
+    [ErrorCode.INVALID_FILE_TYPE]: {
+        title: 'Tipo de arquivo inválido',
+        category: 'validacao',
+        phase: 'pre-upload',
+        severity: 'error',
+        userAction: 'Ajuste a extensão/MIME conforme a política.',
+    },
+    [ErrorCode.FMT_UNSUPPORTED]: {
+        title: 'Formato não suportado',
+        category: 'validacao',
+        phase: 'analise',
+        severity: 'error',
+    },
+    [ErrorCode.FMT_MAGIC_MISMATCH]: {
+        title: 'Conteúdo incompatível',
+        category: 'validacao',
+        phase: 'analise',
+        severity: 'error',
+    },
+    [ErrorCode.FMT_CORRUPTED]: {
+        title: 'Arquivo corrompido',
+        category: 'validacao',
+        phase: 'analise',
+        severity: 'error',
+    },
+    [ErrorCode.SEC_DANGEROUS_TYPE]: {
+        title: 'Tipo perigoso bloqueado',
+        category: 'seguranca',
+        phase: 'pre-upload',
+        severity: 'error',
+    },
+    [ErrorCode.SEC_VIRUS_DETECTED]: {
+        title: 'Vírus detectado',
+        category: 'seguranca',
+        phase: 'analise',
+        severity: 'error',
+    },
+    [ErrorCode.SEC_MALICIOUS_CONTENT]: {
+        title: 'Malware detectado',
+        category: 'seguranca',
+        phase: 'analise',
+        severity: 'error',
+    },
+    [ErrorCode.SYS_STORAGE_ERROR]: {
+        title: 'Erro de armazenamento',
+        category: 'armazenamento',
+        phase: 'armazenamento',
+        severity: 'error',
+        retriable: true,
+    },
+    [ErrorCode.RATE_LIMIT_EXCEEDED]: {
+        title: 'Limite de taxa excedido',
+        category: 'limites',
+        phase: 'operacional',
+        severity: 'warn',
+        retriable: true,
+    },
+    [ErrorCode.SYS_RATE_LIMIT]: {
+        title: 'Limite de requisições excedido',
+        category: 'limites',
+        phase: 'operacional',
+        severity: 'warn',
+        retriable: true,
+    },
+    [ErrorCode.QUOTA_EXCEEDED]: {
+        title: 'Cota excedida',
+        category: 'limites',
+        phase: 'operacional',
+        severity: 'warn',
+    },
+    [ErrorCode.INTERNAL_ERROR]: {
+        title: 'Erro interno',
+        category: 'operacional',
+        phase: 'operacional',
+        severity: 'error',
+        retriable: true,
+    },
+    [ErrorCode.UNAUTHORIZED]: {
+        title: 'Não autorizado',
+        category: 'operacional',
+        phase: 'operacional',
+        severity: 'error',
+    },
+    [ErrorCode.NOT_FOUND]: {
+        title: 'Não encontrado',
+        category: 'operacional',
+        phase: 'operacional',
+        severity: 'warn',
+    },
+    // Alias de mensagens de config (strings do backend fora do enum)
+    INVALID_TYPE: { title: 'Tipo de arquivo inválido', category: 'validacao', phase: 'pre-upload', severity: 'error' },
+    UNSUPPORTED_FILE_TYPE: { title: 'Tipo não suportado', category: 'validacao', phase: 'analise', severity: 'error' },
+    MAGIC_NUMBER_MISMATCH: { title: 'Assinatura incompatível', category: 'validacao', phase: 'analise', severity: 'error' },
+    CORRUPTED_FILE: { title: 'Arquivo corrompido', category: 'validacao', phase: 'analise', severity: 'error' },
+    DANGEROUS_FILE_TYPE: { title: 'Tipo perigoso bloqueado', category: 'seguranca', phase: 'pre-upload', severity: 'error' },
+    DANGEROUS_EXECUTABLE: { title: 'Executável bloqueado', category: 'seguranca', phase: 'analise', severity: 'error' },
+    MALWARE_DETECTED: { title: 'Malware detectado', category: 'seguranca', phase: 'analise', severity: 'error' },
+    VIRUS_DETECTED: { title: 'Vírus detectado', category: 'seguranca', phase: 'analise', severity: 'error' },
+    FILE_STORE_ERROR: { title: 'Erro ao armazenar arquivo', category: 'armazenamento', phase: 'armazenamento', severity: 'error', retriable: true },
+    FILE_STORAGE_FAILED: { title: 'Falha ao armazenar arquivo', category: 'armazenamento', phase: 'armazenamento', severity: 'error', retriable: true },
+    VIRUS_SCAN_ERROR: { title: 'Erro no antivírus', category: 'seguranca', phase: 'analise', severity: 'warn', retriable: true },
+    VIRUS_SCAN_FAILED: { title: 'Antivírus falhou', category: 'seguranca', phase: 'analise', severity: 'warn', retriable: true },
+    VIRUS_SCAN_UNAVAILABLE: { title: 'Antivírus indisponível', category: 'seguranca', phase: 'analise', severity: 'warn', retriable: true },
+    IO_ERROR: { title: 'Erro de entrada/saída', category: 'rede', phase: 'operacional', severity: 'error', retriable: true },
+    UPLOAD_TIMEOUT: { title: 'Tempo esgotado no upload', category: 'operacional', phase: 'operacional', severity: 'warn', retriable: true },
+    BULK_UPLOAD_TIMEOUT: { title: 'Tempo esgotado no upload em lote', category: 'operacional', phase: 'lote', severity: 'warn', retriable: true },
+    BULK_UPLOAD_CANCELLED: { title: 'Upload em lote cancelado', category: 'operacional', phase: 'lote', severity: 'warn' },
+    MIME_TYPE_MISMATCH: { title: 'MIME não corresponde', category: 'validacao', phase: 'analise', severity: 'error' },
+    FILE_STRUCTURE_ERROR: { title: 'Estrutura inválida', category: 'validacao', phase: 'analise', severity: 'error' },
+    STRUCTURE_VALIDATION_FAILED: { title: 'Validação de estrutura falhou', category: 'validacao', phase: 'analise', severity: 'error' },
+    EMPTY_FILE: { title: 'Arquivo vazio', category: 'validacao', phase: 'pre-upload', severity: 'error' },
+    INVALID_JSON_OPTIONS: { title: 'JSON de opções inválido', category: 'config', phase: 'operacional', severity: 'error' },
+    OPCOES_JSON_INVALIDAS: { title: 'JSON de opções inválido', category: 'config', phase: 'operacional', severity: 'error', userAction: 'Corrija a sintaxe do JSON enviado no campo options.' },
+    EMPTY_FILENAME: { title: 'Nome do arquivo obrigatório', category: 'validacao', phase: 'pre-upload', severity: 'error' },
+    FILE_ANALYSIS_ERROR: { title: 'Erro na análise do arquivo', category: 'operacional', phase: 'analise', severity: 'error', retriable: true },
+    CONFIGURATION_ERROR: { title: 'Erro de configuração', category: 'config', phase: 'operacional', severity: 'error' },
+    SECURITY_VIOLATION: { title: 'Violação de segurança', category: 'seguranca', phase: 'pre-upload', severity: 'error' },
+    CONFLICT_POLICY_ERROR: { title: 'Erro de política de conflito', category: 'conflito', phase: 'operacional', severity: 'error' },
+    CONFLICT_POLICY_SKIP: { title: 'Arquivo ignorado por política', category: 'conflito', phase: 'operacional', severity: 'info' },
+    FILE_EXISTS: { title: 'Arquivo já existe', category: 'conflito', phase: 'operacional', severity: 'warn' },
+    PATH_TRAVERSAL: { title: 'Path traversal detectado', category: 'seguranca', phase: 'pre-upload', severity: 'error' },
+    INSUFFICIENT_STORAGE: { title: 'Sem espaço em disco', category: 'armazenamento', phase: 'armazenamento', severity: 'error' },
+    SIGNATURE_MISMATCH: { title: 'Assinatura não corresponde', category: 'validacao', phase: 'analise', severity: 'error' },
+    SUSPICIOUS_STRUCTURE: { title: 'Estrutura suspeita', category: 'seguranca', phase: 'analise', severity: 'warn' },
+    INVALID_FILE_SIZE_CONFIG: { title: 'Configuração de tamanho inválida', category: 'config', phase: 'operacional', severity: 'error' },
+    USER_CANCELLED: { title: 'Upload cancelado pelo usuário', category: 'operacional', phase: 'operacional', severity: 'info' },
+    SYSTEM_POLICY_BLOCKED: { title: 'Bloqueado por política do sistema', category: 'operacional', phase: 'operacional', severity: 'error' },
+    SUSPICIOUS_EXTENSION_BLOCKED: { title: 'Extensão suspeita bloqueada', category: 'seguranca', phase: 'pre-upload', severity: 'warn' },
+    DANGEROUS_SCRIPT: { title: 'Script perigoso detectado', category: 'seguranca', phase: 'analise', severity: 'error' },
+    BATCH_SIZE_EXCEEDED: { title: 'Quantidade por lote excedida', category: 'validacao', phase: 'pre-upload', severity: 'error' },
+    EMBEDDED_EXECUTABLE: { title: 'Executável incorporado', category: 'seguranca', phase: 'analise', severity: 'warn' },
+    INVALID_PATH: { title: 'Caminho inválido', category: 'validacao', phase: 'pre-upload', severity: 'error' },
+    FAILED_TO_ANALYZE: { title: 'Falha ao analisar', category: 'operacional', phase: 'analise', severity: 'error', retriable: true },
+    ZIP_BOMB_DETECTED: { title: 'Possível zip bomb', category: 'seguranca', phase: 'analise', severity: 'error' },
+    UNKNOWN_ERROR: { title: 'Erro desconhecido', category: 'operacional', phase: 'operacional', severity: 'error', retriable: true },
+    // Aliases PT-BR adicionais para os códigos específicos do backend
+    ARQUIVO_VAZIO: { title: 'Arquivo vazio', category: 'validacao', phase: 'pre-upload', severity: 'error' },
+    ASSINATURA_INVALIDA: { title: 'Assinatura não corresponde', category: 'validacao', phase: 'analise', severity: 'error' },
+    ARQUIVO_EXECUTAVEL_PERIGOSO: { title: 'Executável bloqueado', category: 'seguranca', phase: 'analise', severity: 'error' },
+    SCRIPT_PERIGOSO: { title: 'Script perigoso detectado', category: 'seguranca', phase: 'analise', severity: 'error' },
+    ARQUIVO_CORROMPIDO: { title: 'Arquivo corrompido', category: 'validacao', phase: 'analise', severity: 'error' },
+    ESTRUTURA_SUSPEITA: { title: 'Estrutura suspeita', category: 'seguranca', phase: 'analise', severity: 'warn' },
+    MAGIC_NUMBER_INCOMPATIVEL: { title: 'Assinatura incompatível', category: 'validacao', phase: 'analise', severity: 'error' },
+    TIPO_ARQUIVO_PERIGOSO: { title: 'Tipo perigoso bloqueado', category: 'seguranca', phase: 'pre-upload', severity: 'error' },
+    SCANNER_VIRUS_INDISPONIVEL: { title: 'Antivírus indisponível', category: 'seguranca', phase: 'analise', severity: 'warn', retriable: true },
+    EXTENSAO_SUSPEITA_BLOQUEADA: { title: 'Extensão suspeita bloqueada', category: 'seguranca', phase: 'pre-upload', severity: 'warn' },
+    TIPO_NAO_SUPORTADO: { title: 'Tipo não suportado', category: 'validacao', phase: 'analise', severity: 'error' },
+    NOME_ARQUIVO_INVALIDO: { title: 'Nome de arquivo inválido', category: 'validacao', phase: 'pre-upload', severity: 'error' },
+    TEMPO_ESGOTADO_UPLOAD: { title: 'Tempo esgotado no upload', category: 'operacional', phase: 'operacional', severity: 'warn', retriable: true },
+    TEMPO_ESGOTADO_UPLOAD_LOTE: { title: 'Tempo esgotado no upload em lote', category: 'operacional', phase: 'lote', severity: 'warn', retriable: true },
+    ERRO_IO: { title: 'Erro de entrada/saída', category: 'rede', phase: 'operacional', severity: 'error', retriable: true },
+    ESPAÇO_INSUFICIENTE: { title: 'Sem espaço em disco', category: 'armazenamento', phase: 'armazenamento', severity: 'error' },
+    UPLOAD_LOTE_CANCELADO: { title: 'Upload em lote cancelado', category: 'operacional', phase: 'lote', severity: 'warn' },
+    UPLOAD_CANCELADO_USUARIO: { title: 'Upload cancelado pelo usuário', category: 'operacional', phase: 'operacional', severity: 'info' },
+    TAMANHO_LOTE_EXCEDIDO: { title: 'Quantidade por lote excedida', category: 'validacao', phase: 'pre-upload', severity: 'error' },
+    TIPO_MIME_INCOMPATIVEL: { title: 'MIME não corresponde', category: 'validacao', phase: 'analise', severity: 'error' },
+    VIOLACAO_SEGURANCA: { title: 'Violação de segurança', category: 'seguranca', phase: 'pre-upload', severity: 'error' },
+    ERRO_DESCONHECIDO: { title: 'Erro interno do sistema', category: 'operacional', phase: 'operacional', severity: 'error' },
+    BLOQUEADO_POLITICA_SISTEMA: { title: 'Bloqueado por política do sistema', category: 'operacional', phase: 'operacional', severity: 'error' },
+    FALHA_ESCANEAMENTO_VIRUS: { title: 'Antivírus falhou', category: 'seguranca', phase: 'analise', severity: 'warn', retriable: true },
+    FALHA_VALIDACAO_ESTRUTURA: { title: 'Validação de estrutura falhou', category: 'validacao', phase: 'analise', severity: 'error' },
+    CONFIGURACAO_TAMANHO_INVALIDA: { title: 'Configuração de tamanho inválida', category: 'config', phase: 'operacional', severity: 'error' },
+    FALHA_ARMAZENAMENTO: { title: 'Falha ao armazenar arquivo', category: 'armazenamento', phase: 'armazenamento', severity: 'error', retriable: true },
+    ERRO_ARMAZENAMENTO_ARQUIVO: { title: 'Erro ao armazenar arquivo', category: 'armazenamento', phase: 'armazenamento', severity: 'error', retriable: true },
+    NOME_ARQUIVO_VAZIO: { title: 'Nome do arquivo obrigatório', category: 'validacao', phase: 'pre-upload', severity: 'error' },
+    ERRO_ANALISE_ARQUIVO: { title: 'Erro na análise do arquivo', category: 'operacional', phase: 'analise', severity: 'error', retriable: true },
+    ERRO_ESTRUTURA_ARQUIVO: { title: 'Erro na estrutura do arquivo', category: 'validacao', phase: 'analise', severity: 'error' },
+    CAMINHO_INVALIDO: { title: 'Caminho inválido', category: 'validacao', phase: 'pre-upload', severity: 'error' },
+    ERRO_CONFIGURACAO: { title: 'Erro de configuração', category: 'config', phase: 'operacional', severity: 'error' },
+    ERRO_ESCANEAMENTO_VIRUS: { title: 'Erro no antivírus', category: 'seguranca', phase: 'analise', severity: 'warn', retriable: true },
+    FALHA_ANALISE_ARQUIVO: { title: 'Falha ao analisar', category: 'operacional', phase: 'analise', severity: 'error', retriable: true },
+    ERRO_POLITICA_CONFLITO: { title: 'Erro de política de conflito', category: 'conflito', phase: 'operacional', severity: 'error' },
+    POLITICA_CONFLITO_IGNORAR: { title: 'Arquivo ignorado por política', category: 'conflito', phase: 'operacional', severity: 'info' },
+};
+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],
+                // NOVO: grupos específicos
+                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],
+                defaultConflictPolicy: ['RENAME'],
+                failFast: [false],
+                strictValidation: [true],
+                maxUploadSizeMb: [50],
+            }),
+            options: this.fb.group({
+                allowedExtensions: [''],
+                acceptMimeTypes: [''],
+                targetDirectory: [''],
+                enableVirusScanning: [false],
+            }),
+            bulk: this.fb.group({
+                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'],
+                // novos campos: valores para consulta 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(',') };
+            }
+            // NOVO: 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;
+        // Options mapeadas para "Validações" e "Opções"
+        const options = cfg.options ?? {};
+        const bulk = cfg.bulk ?? {};
+        // limits
+        this.limitsGroup.patchValue({
+            defaultConflictPolicy: options.nameConflictPolicy ?? null,
+            strictValidation: options.strictValidation ?? null,
+            maxUploadSizeMb: options.maxUploadSizeMb ?? null,
+            // failFast padrão do servidor pode influenciar a UI de validação em lote
+            failFast: bulk.failFastModeDefault ?? false,
+            // preencher máx. arquivos por lote a partir do backend
+            maxFilesPerBulk: typeof bulk.maxFilesPerBatch === 'number'
+                ? bulk.maxFilesPerBatch
+                : null,
+        }, { emitEvent: false });
+        // options (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({
+            allowedExtensions: allowed,
+            acceptMimeTypes: mimes,
+            targetDirectory: options.targetDirectory ?? '',
+            enableVirusScanning: !!options.enableVirusScanning,
+        }, { emitEvent: false });
+        // bulk (UI)
+        this.bulkGroup.patchValue({
+            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();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: PraxisFilesUploadConfigEditor, deps: [{ token: i1$1.FormBuilder }, { token: SETTINGS_PANEL_DATA }, { token: i2.MatSnackBar }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: PraxisFilesUploadConfigEditor, isStandalone: true, selector: "praxis-files-upload-config-editor", ngImport: i0, template: `
+    <mat-tab-group>
+      <mat-tab label="Comportamento">
+        <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>
+            <mat-hint>Como os arquivos serão enviados ao servidor.</mat-hint>
+          </mat-form-field>
+        </form>
+        <form [formGroup]="bulkGroup">
+          <h4 class="section-subtitle">
+            <mat-icon aria-hidden="true">build</mat-icon>
+            Opções configuráveis — Lote
+          </h4>
+          <mat-form-field appearance="fill">
+            <mat-label>Uploads paralelos <span class="opt-tag">opcional</span></mat-label>
+            <input matInput type="number" formControlName="parallelUploads" />
+            <mat-hint>Quantos arquivos enviar ao mesmo tempo.</mat-hint>
+          </mat-form-field>
+          <mat-form-field appearance="fill">
+            <mat-label>Número de tentativas <span class="opt-tag">opcional</span></mat-label>
+            <input matInput type="number" formControlName="retryCount" />
+            <mat-hint>Tentativas automáticas em caso de falha.</mat-hint>
+          </mat-form-field>
+          <mat-form-field appearance="fill">
+            <mat-label>Intervalo entre tentativas (ms) <span class="opt-tag">opcional</span></mat-label>
+            <input matInput type="number" formControlName="retryBackoffMs" />
+            <mat-hint>Tempo de espera entre tentativas.</mat-hint>
+          </mat-form-field>
+        </form>
+      </mat-tab>
+      <mat-tab label="Interface">
+        <form [formGroup]="uiGroup">
+          <h4 class="section-subtitle">
+            <mat-icon aria-hidden="true">edit</mat-icon>
+            Opções configuráveis — Interface
+          </h4>
+          <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"
+            />
+            <mat-hint>Lista separada por vírgula (opcional).</mat-hint>
+          </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" />
+              <mat-hint>Lista separada por vírgula; vazio = todos.</mat-hint>
+            </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>
+      </mat-tab>
+      <mat-tab label="Validações">
+        <form [formGroup]="limitsGroup">
+          <h4 class="section-subtitle">
+            <mat-icon aria-hidden="true">build</mat-icon>
+            Opções configuráveis — Validações
+          </h4>
+          <mat-form-field appearance="fill">
+            <mat-label>Tamanho máximo do arquivo (bytes) <span class="opt-tag">opcional</span></mat-label>
+            <input matInput type="number" formControlName="maxFileSizeBytes" />
+            <mat-hint>Limite de validação no cliente (opcional).</mat-hint>
+          </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>
+          <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>
+            <mat-hint>O que fazer quando o nome do arquivo já existe.</mat-hint>
+            <div class="warn" *ngIf="limitsGroup.get('defaultConflictPolicy')?.value === 'OVERWRITE'">
+              <mat-icon color="warn" aria-hidden="true">warning</mat-icon>
+              Atenção: OVERWRITE pode sobrescrever arquivos existentes.
+            </div>
+          </mat-form-field>
+          <mat-checkbox formControlName="failFast"
+            >Parar no primeiro erro (fail-fast)</mat-checkbox
+          >
+          <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 />
+            <mat-hint>Validado pelo backend (1–500 MB).</mat-hint>
+          </mat-form-field>
+        </form>
+        <form [formGroup]="optionsGroup">
+          <h4 class="section-subtitle">
+            <mat-icon aria-hidden="true">tune</mat-icon>
+            Opções configuráveis — Avançado
+          </h4>
+          <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"
+            />
+            <mat-hint>Lista separada por vírgula (opcional).</mat-hint>
+          </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"
+            />
+            <mat-hint>Lista separada por vírgula (opcional).</mat-hint>
+          </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>
+        <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>
+        <form [formGroup]="rateLimitGroup">
+          <h4 class="section-subtitle">
+            <mat-icon aria-hidden="true">edit</mat-icon>
+            Opções configuráveis — Rate Limit (UI)
+          </h4>
+          <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>
+      </mat-tab>
+      <mat-tab label="Mensagens">
+        <form [formGroup]="messagesGroup">
+          <h4 class="section-subtitle">
+            <mat-icon aria-hidden="true">edit</mat-icon>
+            Opções configuráveis — Mensagens (UI)
+          </h4>
+          <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>
+      </mat-tab>
+      <mat-tab label="Cabeçalhos">
+        <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>
+      </mat-tab>
+      <mat-tab label="Servidor">
+        <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>
+      </mat-tab>
+      <mat-tab label="JSON">
+        <textarea
+          rows="10"
+          [ngModel]="form.value | json"
+          (ngModelChange)="onJsonChange($event)"
+        ></textarea>
+        <div class="error" *ngIf="jsonError">{{ jsonError }}</div>
+      </mat-tab>
+    </mat-tab-group>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i4.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i4.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i7$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i8.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i8.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i9.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatSnackBarModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i7.JsonPipe, name: "json" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", 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,
+                        MatSnackBarModule,
+                        FormsModule,
+                    ],
+                    template: `
+    <mat-tab-group>
+      <mat-tab label="Comportamento">
+        <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>
+            <mat-hint>Como os arquivos serão enviados ao servidor.</mat-hint>
+          </mat-form-field>
+        </form>
+        <form [formGroup]="bulkGroup">
+          <h4 class="section-subtitle">
+            <mat-icon aria-hidden="true">build</mat-icon>
+            Opções configuráveis — Lote
+          </h4>
+          <mat-form-field appearance="fill">
+            <mat-label>Uploads paralelos <span class="opt-tag">opcional</span></mat-label>
+            <input matInput type="number" formControlName="parallelUploads" />
+            <mat-hint>Quantos arquivos enviar ao mesmo tempo.</mat-hint>
+          </mat-form-field>
+          <mat-form-field appearance="fill">
+            <mat-label>Número de tentativas <span class="opt-tag">opcional</span></mat-label>
+            <input matInput type="number" formControlName="retryCount" />
+            <mat-hint>Tentativas automáticas em caso de falha.</mat-hint>
+          </mat-form-field>
+          <mat-form-field appearance="fill">
+            <mat-label>Intervalo entre tentativas (ms) <span class="opt-tag">opcional</span></mat-label>
+            <input matInput type="number" formControlName="retryBackoffMs" />
+            <mat-hint>Tempo de espera entre tentativas.</mat-hint>
+          </mat-form-field>
+        </form>
+      </mat-tab>
+      <mat-tab label="Interface">
+        <form [formGroup]="uiGroup">
+          <h4 class="section-subtitle">
+            <mat-icon aria-hidden="true">edit</mat-icon>
+            Opções configuráveis — Interface
+          </h4>
+          <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"
+            />
+            <mat-hint>Lista separada por vírgula (opcional).</mat-hint>
+          </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" />
+              <mat-hint>Lista separada por vírgula; vazio = todos.</mat-hint>
+            </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>
+      </mat-tab>
+      <mat-tab label="Validações">
+        <form [formGroup]="limitsGroup">
+          <h4 class="section-subtitle">
+            <mat-icon aria-hidden="true">build</mat-icon>
+            Opções configuráveis — Validações
+          </h4>
+          <mat-form-field appearance="fill">
+            <mat-label>Tamanho máximo do arquivo (bytes) <span class="opt-tag">opcional</span></mat-label>
+            <input matInput type="number" formControlName="maxFileSizeBytes" />
+            <mat-hint>Limite de validação no cliente (opcional).</mat-hint>
+          </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>
+          <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>
+            <mat-hint>O que fazer quando o nome do arquivo já existe.</mat-hint>
+            <div class="warn" *ngIf="limitsGroup.get('defaultConflictPolicy')?.value === 'OVERWRITE'">
+              <mat-icon color="warn" aria-hidden="true">warning</mat-icon>
+              Atenção: OVERWRITE pode sobrescrever arquivos existentes.
+            </div>
+          </mat-form-field>
+          <mat-checkbox formControlName="failFast"
+            >Parar no primeiro erro (fail-fast)</mat-checkbox
+          >
+          <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 />
+            <mat-hint>Validado pelo backend (1–500 MB).</mat-hint>
+          </mat-form-field>
+        </form>
+        <form [formGroup]="optionsGroup">
+          <h4 class="section-subtitle">
+            <mat-icon aria-hidden="true">tune</mat-icon>
+            Opções configuráveis — Avançado
+          </h4>
+          <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"
+            />
+            <mat-hint>Lista separada por vírgula (opcional).</mat-hint>
+          </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"
+            />
+            <mat-hint>Lista separada por vírgula (opcional).</mat-hint>
+          </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>
+        <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>
+        <form [formGroup]="rateLimitGroup">
+          <h4 class="section-subtitle">
+            <mat-icon aria-hidden="true">edit</mat-icon>
+            Opções configuráveis — Rate Limit (UI)
+          </h4>
+          <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>
+      </mat-tab>
+      <mat-tab label="Mensagens">
+        <form [formGroup]="messagesGroup">
+          <h4 class="section-subtitle">
+            <mat-icon aria-hidden="true">edit</mat-icon>
+            Opções configuráveis — Mensagens (UI)
+          </h4>
+          <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>
+      </mat-tab>
+      <mat-tab label="Cabeçalhos">
+        <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>
+      </mat-tab>
+      <mat-tab label="Servidor">
+        <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>
+      </mat-tab>
+      <mat-tab label="JSON">
+        <textarea
+          rows="10"
+          [ngModel]="form.value | json"
+          (ngModelChange)="onJsonChange($event)"
+        ></textarea>
+        <div class="error" *ngIf="jsonError">{{ jsonError }}</div>
+      </mat-tab>
+    </mat-tab-group>
+  `,
+                }]
+        }], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [SETTINGS_PANEL_DATA]
+                }] }, { type: i2.MatSnackBar }, { type: i0.DestroyRef }] });
+
+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',
+    }),
+});
+
+const TRANSLATE_LIKE = new InjectionToken('TRANSLATE_LIKE');
+const FILES_UPLOAD_ERROR_MESSAGES = new InjectionToken('FILES_UPLOAD_ERROR_MESSAGES');
+const DEFAULT_MESSAGES = {
+    INVALID_FILE_TYPE: 'Tipo de arquivo inválido.',
+    FILE_TOO_LARGE: 'Arquivo muito grande.',
+    NOT_FOUND: 'Arquivo não encontrado.',
+    UNAUTHORIZED: 'Requisição não autorizada.',
+    RATE_LIMIT_EXCEEDED: 'Limite de requisições excedido.',
+    INTERNAL_ERROR: 'Erro interno do servidor.',
+    QUOTA_EXCEEDED: 'Cota 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 de arquivo não suportado.',
+    SYS_STORAGE_ERROR: 'Erro de armazenamento.',
+    SYS_SERVICE_DOWN: 'Serviço indisponível.',
+    SYS_RATE_LIMIT: 'Limite de requisições excedido.',
+    // aliases em português vindos do backend
+    ARQUIVO_MUITO_GRANDE: 'Arquivo muito grande.',
+    TIPO_ARQUIVO_INVALIDO: 'Tipo de arquivo inválido.',
+    TIPO_MIDIA_NAO_SUPORTADO: 'Tipo de mídia não suportado.',
+    CAMPO_OBRIGATORIO_AUSENTE: 'Campo obrigatório ausente.',
+    OPCOES_JSON_INVALIDAS: 'JSON de opções inválido.',
+    ARGUMENTO_INVALIDO: 'Argumento inválido.',
+    NAO_AUTORIZADO: 'Autenticação necessária.',
+    ERRO_INTERNO: 'Erro interno do servidor.',
+    LIMITE_TAXA_EXCEDIDO: 'Limite de taxa excedido.',
+    COTA_EXCEDIDA: 'Cota excedida.',
+    ARQUIVO_JA_EXISTE: 'Arquivo já existe.',
+};
+class ErrorMapperService {
+    customMessages;
+    translate;
+    constructor(customMessages, translate) {
+        this.customMessages = customMessages;
+        this.translate = translate;
+    }
+    map(error, headers) {
+        const code = String(error.code || 'UNKNOWN_ERROR');
+        const key = `praxis.filesUpload.errors.${code}`;
+        const translated = this.translate?.instant(key);
+        const message = (translated && translated !== key ? translated : undefined) ??
+            this.customMessages?.[code] ??
+            DEFAULT_MESSAGES[code] ??
+            error.message ??
+            'Erro desconhecido.';
+        // metadados do catálogo
+        const meta = getErrorMeta(code);
+        const mapped = {
+            message,
+            title: meta.title,
+            severity: meta.severity,
+            category: meta.category,
+            phase: meta.phase,
+            userAction: meta.userAction,
+        };
+        const isRateLimit = code === 'LIMITE_TAXA_EXCEDIDO' ||
+            code === 'RATE_LIMIT_EXCEEDED' ||
+            code === 'SYS_RATE_LIMIT';
+        if (isRateLimit) {
+            const limit = Number(headers?.get('X-RateLimit-Limit'));
+            const remaining = Number(headers?.get('X-RateLimit-Remaining'));
+            const resetEpochSeconds = Number(headers?.get('X-RateLimit-Reset'));
+            if (!Number.isNaN(limit) &&
+                !Number.isNaN(remaining) &&
+                !Number.isNaN(resetEpochSeconds)) {
+                mapped.rateLimit = { limit, remaining, resetEpochSeconds };
+            }
+        }
+        return mapped;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ErrorMapperService, deps: [{ token: FILES_UPLOAD_ERROR_MESSAGES, optional: true }, { token: TRANSLATE_LIKE, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ErrorMapperService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ErrorMapperService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [FILES_UPLOAD_ERROR_MESSAGES]
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [TRANSLATE_LIKE]
+                }] }] });
+
+function toError(key, info) {
+    return { [key]: info };
+}
+function ensureFiles(value) {
+    if (!value)
+        return [];
+    return Array.isArray(value) ? value : [value];
+}
+function acceptValidator(allowed) {
+    const normalized = (allowed || []).map((a) => a.toLowerCase());
+    const acceptAll = normalized.includes('*');
+    return (control) => {
+        if (acceptAll)
+            return null;
+        const files = ensureFiles(control.value);
+        if (!files.length)
+            return null;
+        const invalid = files.find((f) => {
+            const type = f.type ? String(f.type).toLowerCase() : '';
+            const name = f.name ? String(f.name).toLowerCase() : '';
+            const ext = name.includes('.')
+                ? name.substring(name.lastIndexOf('.'))
+                : '';
+            return !normalized.some((a) => {
+                if (a.endsWith('/*')) {
+                    return type.startsWith(a.slice(0, -1));
+                }
+                if (a.startsWith('.')) {
+                    return ext === a;
+                }
+                return type === a;
+            });
+        });
+        return invalid ? toError('accept', { allowed }) : null;
+    };
+}
+function maxFileSizeValidator(maxBytes) {
+    return (control) => {
+        const files = ensureFiles(control.value);
+        if (!files.length)
+            return null;
+        const tooBig = files.find((f) => f.size > maxBytes);
+        return tooBig ? toError('maxFileSize', { max: maxBytes }) : null;
+    };
+}
+function maxFilesPerBulkValidator(maxFiles) {
+    return (control) => {
+        const files = ensureFiles(control.value);
+        if (!files.length)
+            return null;
+        return files.length > maxFiles
+            ? toError('maxFilesPerBulk', { max: maxFiles, actual: files.length })
+            : null;
+    };
+}
+function maxBulkSizeValidator(maxBytes) {
+    return (control) => {
+        const files = ensureFiles(control.value);
+        if (!files.length)
+            return null;
+        const total = files.reduce((sum, f) => sum + (f.size || 0), 0);
+        return total > maxBytes
+            ? toError('maxBulkSize', { max: maxBytes, actual: total })
+            : null;
+    };
+}
+
+class DragProximityService {
+    zone;
+    draggingWithFiles$ = new BehaviorSubject(false);
+    pointer$ = new BehaviorSubject({ x: -9999, y: -9999 });
+    dragCounter = 0;
+    constructor(zone) {
+        this.zone = zone;
+        this.zone.runOutsideAngular(() => {
+            window.addEventListener('dragenter', this.onDragEnter, { passive: true });
+            window.addEventListener('dragleave', this.onDragLeave, { passive: true });
+            window.addEventListener('dragover', this.onDragOver, { passive: true });
+            window.addEventListener('drop', this.onDrop, { passive: true });
+        });
+    }
+    ngOnDestroy() {
+        window.removeEventListener('dragenter', this.onDragEnter);
+        window.removeEventListener('dragleave', this.onDragLeave);
+        window.removeEventListener('dragover', this.onDragOver);
+        window.removeEventListener('drop', this.onDrop);
+    }
+    isDraggingWithFiles() {
+        return this.draggingWithFiles$.asObservable();
+    }
+    pointer() {
+        return this.pointer$.asObservable();
+    }
+    withinProximity(rect, proximityPx, pt = null) {
+        const p = pt ?? this.pointer$.value;
+        const left = rect.left - proximityPx;
+        const top = rect.top - proximityPx;
+        const right = rect.right + proximityPx;
+        const bottom = rect.bottom + proximityPx;
+        return p.x >= left && p.x <= right && p.y >= top && p.y <= bottom;
+    }
+    onDragEnter = (e) => {
+        this.dragCounter++;
+        const hasFiles = !!e.dataTransfer && Array.from(e.dataTransfer.types || []).includes('Files');
+        if (hasFiles)
+            this.draggingWithFiles$.next(true);
+    };
+    onDragLeave = (_e) => {
+        this.dragCounter = Math.max(0, this.dragCounter - 1);
+        if (this.dragCounter === 0) {
+            this.draggingWithFiles$.next(false);
+            this.pointer$.next({ x: -9999, y: -9999 });
+        }
+    };
+    onDragOver = (e) => {
+        this.pointer$.next({ x: e.clientX, y: e.clientY });
+    };
+    onDrop = (_e) => {
+        this.dragCounter = 0;
+        this.draggingWithFiles$.next(false);
+        this.pointer$.next({ x: -9999, y: -9999 });
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DragProximityService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DragProximityService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DragProximityService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i0.NgZone }] });
+
+class FilesApiClient {
+    http;
+    constructor(http) {
+        this.http = http;
+    }
+    /**
+     * Upload a single file com metadata/conflictPolicy (compat) e/ou options JSON.
+     */
+    upload(baseUrl, file, options = {}) {
+        const formData = new FormData();
+        formData.append('file', file);
+        if (options.optionsJson)
+            formData.append('options', options.optionsJson);
+        if (options.metadata)
+            formData.append('metadata', JSON.stringify(options.metadata));
+        if (options.conflictPolicy)
+            formData.append('conflictPolicy', options.conflictPolicy);
+        return this.http
+            .post(`${baseUrl}/upload`, formData, {
+            reportProgress: true,
+            observe: 'events',
+        })
+            .pipe(retry(options.retryCount ?? 0));
+    }
+    /**
+     * Upload múltiplo com arrays de metadata/conflictPolicy (compat) e/ou options JSON.
+     */
+    bulkUpload(baseUrl, files, options = {}) {
+        const formData = new FormData();
+        files.forEach((f) => {
+            formData.append('files', f.file);
+        });
+        if (options.optionsJson)
+            formData.append('options', options.optionsJson);
+        // Suporte a failFast/failFastMode
+        const ff = options.failFast ?? options.failFastMode;
+        if (ff !== undefined)
+            formData.append('failFast', String(ff));
+        // Arrays de metadata/políticas quando presentes
+        const metas = files.map((f) => f.metadata ?? null);
+        if (metas.some((m) => m !== null)) {
+            formData.append('metadata', JSON.stringify(metas));
+        }
+        const policies = files.map((f) => f.conflictPolicy ?? null);
+        if (policies.some((p) => p !== null)) {
+            formData.append('conflictPolicy', JSON.stringify(policies));
+        }
+        return this.http
+            .post(`${baseUrl}/bulk`, formData, {
+            reportProgress: true,
+            observe: 'events',
+        })
+            .pipe(retry(options.retryCount ?? 0));
+    }
+    presign(baseUrl, fileName) {
+        // Backend: POST /upload/presign?filename=...
+        const url = `${baseUrl}/upload/presign?filename=${encodeURIComponent(fileName)}`;
+        return this.http.post(url, null, { observe: 'body' });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FilesApiClient, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FilesApiClient, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FilesApiClient, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }] });
+
+class PresignedUploaderService {
+    http;
+    constructor(http) {
+        this.http = http;
+    }
+    /**
+     * Uploads a file to a presigned URL and retries when configured.
+     */
+    upload(target, file, retryCount = 0) {
+        const formData = new FormData();
+        if (target.fields) {
+            Object.entries(target.fields).forEach(([key, value]) => {
+                formData.append(key, value);
+            });
+        }
+        formData.append('file', file);
+        return this.http
+            .post(target.uploadUrl, formData, {
+            headers: target.headers,
+            observe: 'events',
+            reportProgress: true,
+            withCredentials: false,
+        })
+            .pipe(retry(retryCount));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: PresignedUploaderService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: PresignedUploaderService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: PresignedUploaderService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }] });
+
+class PraxisFilesUpload {
+    settingsPanel;
+    dragProx;
+    defaultTexts;
+    overlay;
+    viewContainerRef;
+    cdr;
+    api;
+    presign;
+    errors;
+    translate;
+    configStorage;
+    config = null;
+    componentId = 'default';
+    baseUrl;
+    displayMode = 'full';
+    uploadSuccess = new EventEmitter();
+    bulkComplete = new EventEmitter();
+    error = new EventEmitter();
+    rateLimited = new EventEmitter();
+    // Novos outputs Sub-issue 4
+    retry = new EventEmitter();
+    download = new EventEmitter();
+    copyLink = new EventEmitter();
+    detailsOpened = new EventEmitter();
+    detailsClosed = new EventEmitter();
+    pendingFilesChange = new EventEmitter();
+    proximityChange = new EventEmitter();
+    fileInput;
+    hostRef;
+    overlayTmpl;
+    // Novo: template do overlay de seleção
+    selectedOverlayTmpl;
+    conflictPolicies = ['RENAME', 'ERROR', 'OVERWRITE', 'SKIP', 'MAKE_UNIQUE'];
+    conflictPolicy = new FormControl('RENAME');
+    uploadProgress = 0;
+    allowMultiple = false;
+    rateLimit = null;
+    quotaExceeded = false;
+    errorMessage = '';
+    acceptString = '';
+    metadata = new FormControl('');
+    uploadedFiles = [];
+    texts;
+    // Estados para lista rica de resultados
+    lastResults = null;
+    lastStats = null;
+    // Expor enum no template
+    BulkUploadResultStatus = BulkUploadResultStatus;
+    uploading = false;
+    isDragging = false;
+    currentFiles = [];
+    // Config efetiva do servidor para fallbacks
+    serverEffective;
+    // Proximidade/overlay
+    showProximityOverlay = false;
+    proxSub;
+    proxPtrSub;
+    hostRect;
+    draggingFiles = false;
+    // CDK Overlay state
+    overlayRef;
+    escListener = (e) => {
+        if (e.key === 'Escape') {
+            this.hideProximityOverlay();
+            this.hideSelectedOverlay();
+        }
+    };
+    windowDropListener = (_e) => {
+        this.hideProximityOverlay();
+    };
+    windowDragEndListener = (_e) => {
+        this.hideProximityOverlay();
+    };
+    // Novo: overlay para seleção
+    selectedOverlayRef;
+    // Lista: colapso
+    showAllResults = false;
+    constructor(settingsPanel, dragProx, defaultTexts, overlay, viewContainerRef, cdr, api, presign, errors, translate, configStorage) {
+        this.settingsPanel = settingsPanel;
+        this.dragProx = dragProx;
+        this.defaultTexts = defaultTexts;
+        this.overlay = overlay;
+        this.viewContainerRef = viewContainerRef;
+        this.cdr = cdr;
+        this.api = api;
+        this.presign = presign;
+        this.errors = errors;
+        this.translate = translate;
+        this.configStorage = configStorage;
+        this.texts = defaultTexts;
+    }
+    // Helpers de UI
+    get showProgress() {
+        return this.uploading;
+    }
+    // Getter público para binding existente
+    get isUploading() {
+        return this.uploading;
+    }
+    get hasUploadedFiles() {
+        return this.uploadedFiles.length > 0;
+    }
+    get pendingFiles() {
+        return this.currentFiles;
+    }
+    get pendingCount() {
+        return this.currentFiles.length;
+    }
+    get hasLastResults() {
+        return Array.isArray(this.lastResults) && this.lastResults.length > 0;
+    }
+    // Abre o seletor de arquivo
+    openFile(input) {
+        if (!this.uploading) {
+            input.click();
+        }
+    }
+    // Expor método público para pais (wrapper) abrirem o seletor
+    triggerSelect() {
+        const el = this.fileInput?.nativeElement;
+        if (el)
+            this.openFile(el);
+    }
+    // Exibe nome de arquivo de forma segura
+    displayFileName(f) {
+        return f && typeof f === 'object' && 'name' in f ? String(f.name) : '';
+    }
+    formatBytes(bytes) {
+        const b = typeof bytes === 'number' ? bytes : 0;
+        if (b < 1024)
+            return `${b} B`;
+        const units = ['KB', 'MB', 'GB', 'TB'];
+        let v = b / 1024;
+        let i = 0;
+        while (v >= 1024 && i < units.length - 1) {
+            v /= 1024;
+            i++;
+        }
+        return `${v.toFixed(1)} ${units[i]}`;
+    }
+    // Novo helper com metadados
+    mapErrorFull(err) {
+        if (!err)
+            return { message: '' };
+        return this.errors ? this.errors.map(err) : err;
+    }
+    get metadataError() {
+        if (!this.config?.ui?.showMetadataForm)
+            return null;
+        const val = this.metadata.value;
+        if (!val)
+            return null;
+        try {
+            JSON.parse(val);
+            return null;
+        }
+        catch {
+            return this.t('invalidMetadata', 'Metadados inválidos.');
+        }
+    }
+    ngOnInit() {
+        const stored = this.configStorage?.loadConfig(`files-upload-config:${this.componentId}`) ?? this.loadLocalConfig();
+        if (stored) {
+            this.config = stored;
+        }
+        this.applyConfig(this.config ?? {});
+        this.resolveTexts();
+        // Nota: carregamento da configuração efetiva do servidor foi desabilitado aqui
+        // para evitar dependência de HttpClient em testes. O fallback permanece opcional.
+    }
+    ngAfterViewInit() {
+        // Calcular retângulo do host
+        this.hostRect = this.hostRef?.nativeElement.getBoundingClientRect();
+        // Atualizar em resize/scroll simples (MVP)
+        window.addEventListener('resize', this.updateHostRect, { passive: true });
+        window.addEventListener('scroll', this.updateHostRect, { passive: true });
+        const debounceMs = this.config?.ui?.dropzone?.expandDebounceMs ?? 120;
+        this.proxSub = this.dragProx
+            .isDraggingWithFiles()
+            .pipe(debounceTime(debounceMs))
+            .subscribe((dragging) => {
+            this.draggingFiles = dragging;
+            this.evalProximity();
+        });
+        this.proxPtrSub = this.dragProx
+            .pointer()
+            .pipe(debounceTime(debounceMs))
+            .subscribe(() => this.evalProximity());
+        // Listeners globais para fechar overlay
+        window.addEventListener('keydown', this.escListener, { passive: true });
+        window.addEventListener('drop', this.windowDropListener, { passive: true });
+        window.addEventListener('dragend', this.windowDragEndListener, {
+            passive: true,
+        });
+        // Garantir que overlay de seleção sincronize se já houver arquivos pendentes
+        this.manageSelectedOverlay();
+    }
+    ngOnDestroy() {
+        window.removeEventListener('resize', this.updateHostRect);
+        window.removeEventListener('scroll', this.updateHostRect);
+        this.proxSub?.unsubscribe();
+        this.proxPtrSub?.unsubscribe();
+        window.removeEventListener('keydown', this.escListener);
+        window.removeEventListener('drop', this.windowDropListener);
+        window.removeEventListener('dragend', this.windowDragEndListener);
+        this.disposeOverlay();
+        this.disposeSelectedOverlay();
+    }
+    updateHostRect = () => {
+        this.hostRect = this.hostRef?.nativeElement.getBoundingClientRect();
+        this.syncOverlayGeometry();
+    };
+    evalProximity() {
+        const oldValue = this.showProximityOverlay;
+        let newValue = false;
+        const cfg = this.config?.ui?.dropzone;
+        const enabled = cfg?.expandOnDragProximity !== false; // default true
+        const blocked = !this.baseUrl ||
+            (this.quotaExceeded && this.config?.quotas?.blockOnExceed) ||
+            this.isUploading;
+        if (enabled && this.hostRect && !blocked) {
+            const proxPx = cfg?.proximityPx ?? 64;
+            const near = this.dragProx.withinProximity(this.hostRect, proxPx);
+            newValue = this.draggingFiles && near;
+        }
+        this.showProximityOverlay = newValue;
+        this.manageOverlay();
+        if (oldValue !== this.showProximityOverlay) {
+            this.proximityChange.emit(this.showProximityOverlay);
+        }
+    }
+    manageOverlay() {
+        const mode = this.config?.ui?.dropzone?.expandMode ?? 'overlay';
+        if (mode !== 'overlay') {
+            this.disposeOverlay();
+            return;
+        }
+        if (this.showProximityOverlay) {
+            this.ensureOverlay();
+        }
+        else {
+            this.disposeOverlay();
+        }
+    }
+    ensureOverlay() {
+        if (this.overlayRef || !this.hostRef || !this.overlayTmpl) {
+            this.syncOverlayGeometry();
+            return;
+        }
+        const hostEl = this.hostRef.nativeElement;
+        const positionStrategy = this.overlay
+            .position()
+            .flexibleConnectedTo(hostEl)
+            .withLockedPosition(true)
+            .withPositions([
+            {
+                originX: 'start',
+                originY: 'top',
+                overlayX: 'start',
+                overlayY: 'top',
+            },
+        ]);
+        this.overlayRef = this.overlay.create({
+            positionStrategy,
+            scrollStrategy: this.overlay.scrollStrategies.reposition(),
+            hasBackdrop: false,
+            panelClass: 'praxis-files-upload-overlay-panel',
+        });
+        this.syncOverlayGeometry();
+        const portal = new TemplatePortal(this.overlayTmpl, this.viewContainerRef);
+        this.overlayRef.attach(portal);
+    }
+    syncOverlayGeometry() {
+        if (!this.overlayRef || !this.hostRef)
+            return;
+        const rect = this.hostRef.nativeElement.getBoundingClientRect();
+        const height = this.config?.ui?.dropzone?.expandHeight ?? 200;
+        this.overlayRef.updateSize({ width: rect.width, height });
+        try {
+            this.overlayRef.updatePosition();
+        }
+        catch { }
+    }
+    disposeOverlay() {
+        if (this.overlayRef) {
+            try {
+                this.overlayRef.detach();
+            }
+            catch { }
+            try {
+                this.overlayRef.dispose();
+            }
+            catch { }
+            this.overlayRef = undefined;
+        }
+    }
+    // Novo: gerenciamento do overlay de seleção
+    manageSelectedOverlay() {
+        if (!this.hostRef || !this.selectedOverlayTmpl)
+            return;
+        if (this.pendingCount > 0 && !this.isUploading) {
+            this.ensureSelectedOverlay();
+        }
+        else {
+            this.hideSelectedOverlay();
+        }
+        this.cdr.markForCheck();
+    }
+    ensureSelectedOverlay() {
+        if (!this.hostRef || !this.selectedOverlayTmpl)
+            return;
+        if (!this.selectedOverlayRef) {
+            const hostEl = this.hostRef.nativeElement;
+            const positionStrategy = this.overlay
+                .position()
+                .flexibleConnectedTo(hostEl)
+                .withLockedPosition(true)
+                .withPositions([
+                {
+                    originX: 'start',
+                    originY: 'top',
+                    overlayX: 'start',
+                    overlayY: 'top',
+                },
+            ]);
+            this.selectedOverlayRef = this.overlay.create({
+                positionStrategy,
+                scrollStrategy: this.overlay.scrollStrategies.reposition(),
+                hasBackdrop: false,
+                panelClass: 'praxis-files-selected-overlay-panel',
+            });
+            // Tamanho acompanha o host, altura auto com limite via CSS
+            const rect = hostEl.getBoundingClientRect();
+            this.selectedOverlayRef.updateSize({ width: rect.width });
+            try {
+                this.selectedOverlayRef.updatePosition();
+            }
+            catch { }
+            const portal = new TemplatePortal(this.selectedOverlayTmpl, this.viewContainerRef);
+            this.selectedOverlayRef.attach(portal);
+        }
+        else {
+            this.syncSelectedOverlayGeometry();
+        }
+    }
+    syncSelectedOverlayGeometry() {
+        if (!this.selectedOverlayRef || !this.hostRef)
+            return;
+        const rect = this.hostRef.nativeElement.getBoundingClientRect();
+        this.selectedOverlayRef.updateSize({ width: rect.width });
+        try {
+            this.selectedOverlayRef.updatePosition();
+        }
+        catch { }
+    }
+    hideSelectedOverlay() {
+        if (this.selectedOverlayRef) {
+            try {
+                this.selectedOverlayRef.detach();
+            }
+            catch { }
+            try {
+                this.selectedOverlayRef.dispose();
+            }
+            catch { }
+            this.selectedOverlayRef = undefined;
+        }
+    }
+    disposeSelectedOverlay() {
+        this.hideSelectedOverlay();
+    }
+    hideProximityOverlay() {
+        if (this.showProximityOverlay) {
+            this.showProximityOverlay = false;
+            this.manageOverlay();
+        }
+    }
+    // Helpers de configuração e armazenamento
+    resolveTexts() {
+        this.texts = {
+            settingsAriaLabel: this.t('settingsAriaLabel', this.defaultTexts.settingsAriaLabel),
+            dropzoneLabel: this.t('dropzoneLabel', this.defaultTexts.dropzoneLabel),
+            dropzoneButton: this.t('dropzoneButton', this.defaultTexts.dropzoneButton),
+            conflictPolicyLabel: this.t('conflictPolicyLabel', this.defaultTexts.conflictPolicyLabel),
+            metadataLabel: this.t('metadataLabel', this.defaultTexts.metadataLabel),
+            progressAriaLabel: this.t('progressAriaLabel', this.defaultTexts.progressAriaLabel),
+            rateLimitBanner: this.t('rateLimitBanner', this.defaultTexts.rateLimitBanner),
+        };
+    }
+    t(key, fallback) {
+        const k = `praxis.filesUpload.${key}`;
+        const v = this.translate?.instant(k);
+        return v && v !== k ? v : fallback;
+    }
+    openSettings() {
+        const configCopy = JSON.parse(JSON.stringify(this.config ?? {}));
+        const ref = this.settingsPanel.open({
+            id: `files-upload.${this.componentId}`,
+            title: this.t('settingsTitle', 'Configuração de Upload de Arquivos'),
+            content: {
+                component: PraxisFilesUploadConfigEditor,
+                inputs: { ...configCopy, baseUrl: this.baseUrl },
+            },
+        });
+        ref.applied$.subscribe((cfg) => this.applyConfig(cfg));
+        ref.saved$.subscribe((cfg) => {
+            if (this.configStorage) {
+                this.configStorage.saveConfig(`files-upload-config:${this.componentId}`, cfg);
+            }
+            else {
+                this.saveLocalConfig(cfg);
+            }
+            this.applyConfig(cfg);
+        });
+        ref.reset$.subscribe(() => {
+            this.applyConfig(this.config ?? {});
+        });
+    }
+    applyConfig(cfg) {
+        this.config = { ...cfg };
+        this.conflictPolicy.setValue((cfg.limits?.defaultConflictPolicy ?? 'RENAME'));
+        this.allowMultiple = (cfg.limits?.maxFilesPerBulk ?? 1) > 1;
+        const acc = cfg.ui?.accept ?? [];
+        this.acceptString = acc.includes('*') ? '' : acc.join(',');
+    }
+    loadLocalConfig() {
+        try {
+            const raw = localStorage.getItem(`files-upload-config:${this.componentId}`);
+            return raw ? JSON.parse(raw) : null;
+        }
+        catch {
+            return null;
+        }
+    }
+    saveLocalConfig(cfg) {
+        try {
+            localStorage.setItem(`files-upload-config:${this.componentId}`, JSON.stringify(cfg));
+        }
+        catch { }
+    }
+    onDragOver(evt) {
+        evt.preventDefault();
+        this.isDragging = true;
+    }
+    onDragLeave(_evt) {
+        this.isDragging = false;
+    }
+    onDrop(evt) {
+        evt.preventDefault();
+        this.isDragging = false;
+        this.hideProximityOverlay();
+        if (evt.dataTransfer?.files?.length) {
+            const files = Array.from(evt.dataTransfer.files);
+            if (this.config?.ui?.manualUpload) {
+                this.currentFiles = files;
+                this.manageSelectedOverlay();
+                this.pendingFilesChange.emit(this.currentFiles);
+            }
+            else {
+                this.startUpload(files);
+            }
+        }
+    }
+    onFilesSelected(evt) {
+        const input = evt.target;
+        if (input.files?.length) {
+            const files = Array.from(input.files);
+            if (this.config?.ui?.manualUpload) {
+                this.currentFiles = files;
+                this.manageSelectedOverlay();
+                this.pendingFilesChange.emit(this.currentFiles);
+            }
+            else {
+                this.startUpload(files);
+            }
+            input.value = '';
+        }
+    }
+    triggerUpload() {
+        if (this.currentFiles.length) {
+            this.hideSelectedOverlay();
+            this.startUpload(this.currentFiles);
+        }
+    }
+    clearSelection() {
+        this.currentFiles = [];
+        this.pendingFilesChange.emit(this.currentFiles);
+        this.errorMessage = '';
+        this.hideSelectedOverlay();
+    }
+    // Remoção individual dentro do overlay de seleção
+    removePendingFile(file) {
+        this.currentFiles = this.currentFiles.filter((f) => f !== file);
+        this.pendingFilesChange.emit(this.currentFiles);
+        this.manageSelectedOverlay();
+    }
+    startUpload(files) {
+        if (!this.baseUrl ||
+            (this.quotaExceeded && this.config?.quotas?.blockOnExceed)) {
+            return;
+        }
+        if (!this.api) {
+            this.errorMessage = this.t('serviceUnavailable', 'Serviço de upload indisponível.');
+            return;
+        }
+        this.errorMessage = '';
+        // Limpa resultados anteriores
+        this.lastResults = null;
+        this.lastStats = null;
+        if (!this.validateFiles(files)) {
+            return;
+        }
+        this.uploading = true;
+        this.uploadProgress = 0;
+        this.rateLimit = null;
+        this.uploadedFiles = [];
+        this.currentFiles = files;
+        this.hideSelectedOverlay();
+        let metadataObj;
+        if (this.config?.ui?.showMetadataForm && this.metadata.value) {
+            try {
+                metadataObj = JSON.parse(this.metadata.value);
+            }
+            catch {
+                const map = this.config?.messages?.errors || {};
+                this.errorMessage =
+                    map['metadata'] || this.t('invalidMetadata', 'Metadados inválidos.');
+                this.error.emit({});
+                this.uploading = false;
+                return;
+            }
+        }
+        const optionsJson = this.buildOptionsJson(metadataObj);
+        const strategy = this.config?.strategy ?? 'direct';
+        if (files.length > 1 && this.allowMultiple) {
+            const policy = this.conflictPolicy.value || 'RENAME';
+            const bulkFiles = files.map((f) => ({
+                file: f,
+                metadata: metadataObj,
+                conflictPolicy: policy,
+            }));
+            this.api.bulkUpload(this.baseUrl, bulkFiles, {
+                optionsJson,
+                failFastMode: this.config?.limits?.failFast,
+                retryCount: this.config?.bulk?.retryCount,
+            }).subscribe({
+                next: (event) => {
+                    if (event.type === HttpEventType.Response) {
+                        const resp = event.body;
+                        this.bulkComplete.emit(resp);
+                        // Preenche estados ricos
+                        this.lastResults = resp?.results ?? null;
+                        this.lastStats = resp?.stats ?? null;
+                        this.finishUpload(true, undefined, resp.results);
+                    }
+                    else {
+                        this.handleProgress(event);
+                    }
+                },
+                error: (err) => this.handleError(err),
+            });
+        }
+        else if (strategy === 'presign' || strategy === 'auto') {
+            const file = files[0];
+            if (!this.presign) {
+                // Fallback para envio direto
+                this.directUpload(file, {
+                    optionsJson,
+                    retryCount: this.config?.bulk?.retryCount,
+                });
+                return;
+            }
+            this.api.presign(this.baseUrl, file.name).subscribe({
+                next: (target) => {
+                    this.presign.upload(target, file, this.config?.bulk?.retryCount ?? 0).subscribe({
+                        next: (event) => {
+                            if (event.type === HttpEventType.Response) {
+                                this.finishUpload(true, {
+                                    id: '',
+                                    fileName: file.name,
+                                    contentType: file.type,
+                                    fileSize: file.size,
+                                    uploadedAt: new Date().toISOString(),
+                                    tenantId: '',
+                                    scanStatus: ScanStatus.PENDING,
+                                });
+                            }
+                            else {
+                                this.handleProgress(event);
+                            }
+                        },
+                        error: (err) => {
+                            if (strategy === 'auto') {
+                                this.directUpload(file, {
+                                    optionsJson,
+                                    retryCount: this.config?.bulk?.retryCount,
+                                });
+                            }
+                            else {
+                                this.handleError(err);
+                            }
+                        },
+                    });
+                },
+                error: (err) => {
+                    if (strategy === 'auto') {
+                        this.directUpload(file, {
+                            optionsJson,
+                            retryCount: this.config?.bulk?.retryCount,
+                        });
+                    }
+                    else {
+                        this.handleError(err);
+                    }
+                },
+            });
+        }
+        else {
+            const file = files[0];
+            this.directUpload(file, {
+                optionsJson,
+                retryCount: this.config?.bulk?.retryCount,
+                metadata: metadataObj,
+                conflictPolicy: this.conflictPolicy.value || 'RENAME',
+            });
+        }
+    }
+    directUpload(file, options) {
+        this.api.upload(this.baseUrl, file, options).subscribe({
+            next: (event) => {
+                if (event.type === HttpEventType.Response) {
+                    const resp = event.body;
+                    this.finishUpload(true, resp.file);
+                }
+                else {
+                    this.handleProgress(event);
+                }
+            },
+            error: (err) => this.handleError(err),
+        });
+    }
+    buildOptionsJson(customMeta) {
+        const effective = this.serverEffective?.options;
+        const nameConflictPolicy = this.conflictPolicy.value ||
+            this.config?.limits?.defaultConflictPolicy ||
+            effective?.nameConflictPolicy ||
+            'RENAME';
+        const limits = this.config?.limits ?? {};
+        const advanced = this.config?.options ?? {};
+        // Garantir maxUploadSizeMb positivo usando fallback do servidor ou default 50
+        const maxUploadSizeMb = typeof limits.maxUploadSizeMb === 'number'
+            ? limits.maxUploadSizeMb
+            : typeof effective?.maxUploadSizeMb === 'number'
+                ? effective?.maxUploadSizeMb
+                : 50;
+        const options = { nameConflictPolicy };
+        if (typeof maxUploadSizeMb === 'number' && maxUploadSizeMb > 0) {
+            options.maxUploadSizeMb = maxUploadSizeMb;
+        }
+        // strictValidation: fallback para server
+        if (typeof limits.strictValidation === 'boolean') {
+            options.strictValidation = limits.strictValidation;
+        }
+        else if (typeof effective?.strictValidation === 'boolean') {
+            options.strictValidation = effective.strictValidation;
+        }
+        // Arrays/strings opcionais: usar config ou fallback do servidor quando disponível
+        const allowed = advanced.allowedExtensions?.length
+            ? advanced.allowedExtensions
+            : effective?.allowedExtensions && effective.allowedExtensions.length
+                ? effective.allowedExtensions
+                : undefined;
+        if (allowed)
+            options.allowedExtensions = allowed;
+        const mimes = advanced.acceptMimeTypes?.length
+            ? advanced.acceptMimeTypes
+            : effective?.acceptMimeTypes && effective.acceptMimeTypes.length
+                ? effective.acceptMimeTypes
+                : undefined;
+        if (mimes)
+            options.acceptMimeTypes = mimes;
+        const targetDir = advanced.targetDirectory ?? effective?.targetDirectory;
+        if (targetDir)
+            options.targetDirectory = targetDir;
+        if (typeof advanced.enableVirusScanning === 'boolean') {
+            options.enableVirusScanning = advanced.enableVirusScanning;
+        }
+        else if (typeof effective?.enableVirusScanning === 'boolean') {
+            options.enableVirusScanning = effective.enableVirusScanning;
+        }
+        // Mapear metadados para Map<String,String>
+        if (customMeta && typeof customMeta === 'object') {
+            const mapped = {};
+            for (const [k, v] of Object.entries(customMeta)) {
+                if (v !== undefined && v !== null)
+                    mapped[k] = String(v);
+            }
+            if (Object.keys(mapped).length)
+                options.customMetadata = mapped;
+        }
+        try {
+            return JSON.stringify(options);
+        }
+        catch {
+            return undefined;
+        }
+    }
+    handleProgress(event) {
+        if (event.type === HttpEventType.UploadProgress && event.total) {
+            this.uploadProgress = Math.round((event.loaded / event.total) * 100);
+        }
+    }
+    handleError(err) {
+        this.uploading = false;
+        if (this.currentFiles.length) {
+            this.uploadedFiles = this.currentFiles.map((f) => ({
+                fileName: f.name,
+                success: false,
+            }));
+            this.currentFiles = [];
+        }
+        if (err instanceof HttpErrorResponse && err.error) {
+            const mapped = this.errors?.map(err.error, err.headers) ||
+                err.error;
+            this.errorMessage =
+                mapped.message ||
+                    this.t('genericUploadError', 'Erro no envio de arquivo.');
+            if (mapped.rateLimit) {
+                this.rateLimit = mapped.rateLimit;
+                this.rateLimited.emit(mapped.rateLimit);
+            }
+            const code = String(err.error.code || '');
+            if (code === 'QUOTA_EXCEEDED' || code === 'COTA_EXCEDIDA') {
+                this.quotaExceeded = true;
+            }
+            this.error.emit(err.error);
+        }
+        else {
+            this.errorMessage = this.t('genericUploadError', 'Erro no envio de arquivo.');
+            this.error.emit(err);
+        }
+    }
+    finishUpload(success, meta, results) {
+        this.uploading = false;
+        this.uploadProgress = 100;
+        if (success) {
+            if (meta) {
+                this.uploadedFiles.push({ fileName: meta.fileName, success: true });
+                this.uploadSuccess.emit({ file: meta });
+                // Opcional: preencher lista rica também para single
+                this.lastResults = [
+                    {
+                        fileName: meta.fileName,
+                        status: BulkUploadResultStatus.SUCCESS,
+                        file: meta,
+                    },
+                ];
+                this.lastStats = { total: 1, succeeded: 1, failed: 0 };
+            }
+            if (results) {
+                // Mantém lista simples para compatibilidade
+                for (const r of results) {
+                    if (r.status === BulkUploadResultStatus.SUCCESS) {
+                        this.uploadedFiles.push({ fileName: r.fileName, success: true });
+                    }
+                    else {
+                        this.uploadedFiles.push({ fileName: r.fileName, success: false });
+                    }
+                }
+                // Se stats não vieram do servidor, calcula minimamente
+                if (!this.lastStats) {
+                    const succeeded = results.filter((r) => r.status === BulkUploadResultStatus.SUCCESS).length;
+                    const failed = results.length - succeeded;
+                    this.lastStats = { total: results.length, succeeded, failed };
+                }
+                if (!this.lastResults) {
+                    this.lastResults = results;
+                }
+            }
+        }
+        else {
+            this.uploadedFiles = this.currentFiles.map((f) => ({
+                fileName: f.name,
+                success: false,
+            }));
+        }
+        this.currentFiles = [];
+        this.hideSelectedOverlay();
+        this.cdr.markForCheck();
+    }
+    // Lista rica - helpers/ações
+    get visibleResults() {
+        if (!this.lastResults)
+            return [];
+        const cap = this.config?.ui?.list?.collapseAfter ?? 0;
+        if (this.showAllResults || cap <= 0)
+            return this.lastResults;
+        return this.lastResults.slice(0, cap);
+    }
+    // Função utilitária para conversão
+    fileToBulkUploadFileResult(file) {
+        return {
+            fileName: file.name,
+            status: BulkUploadResultStatus.FAILED,
+            file: {
+                id: '',
+                fileName: file.name,
+                contentType: file.type,
+                fileSize: file.size,
+                uploadedAt: new Date().toISOString(),
+                tenantId: '',
+                scanStatus: ScanStatus.PENDING,
+                metadata: {}
+            }
+        };
+    }
+    onRetry(file) {
+        const bulkFile = 'fileName' in file && 'status' in file ? file : this.fileToBulkUploadFileResult(file);
+        this.retry.emit(bulkFile);
+    }
+    onDownload(file) {
+        const bulkFile = 'fileName' in file && 'status' in file ? file : this.fileToBulkUploadFileResult(file);
+        this.download.emit(bulkFile);
+    }
+    onCopyLink(file) {
+        const bulkFile = 'fileName' in file && 'status' in file ? file : this.fileToBulkUploadFileResult(file);
+        this.copyLink.emit(bulkFile);
+    }
+    removeResult(item) {
+        if (!this.lastResults)
+            return;
+        const idx = this.lastResults.indexOf(item);
+        if (idx >= 0)
+            this.lastResults = this.lastResults.filter((_, i) => i !== idx);
+        // Atualiza stats mínimas
+        if (this.lastStats) {
+            this.lastStats.total = Math.max(0, this.lastStats.total - 1);
+            if (item.status === BulkUploadResultStatus.SUCCESS)
+                this.lastStats.succeeded = Math.max(0, this.lastStats.succeeded - 1);
+            if (item.status === BulkUploadResultStatus.FAILED)
+                this.lastStats.failed = Math.max(0, this.lastStats.failed - 1);
+        }
+    }
+    toggleDetailsFor(item) {
+        // Emite aberto/fechado com base em presença de seção extra
+        // Como usamos <details>, delegamos ao usuário abrir via UI.
+        // Aqui apenas emitimos um evento de intenção.
+        this.detailsOpened.emit(item);
+    }
+    onDetailsToggle(ev, item) {
+        const opened = ev.target?.open;
+        if (opened)
+            this.detailsOpened.emit(item);
+        else
+            this.detailsClosed.emit(item);
+    }
+    validateFiles(files) {
+        const validators = [];
+        if (this.config?.ui?.accept?.length) {
+            validators.push(acceptValidator(this.config.ui.accept));
+        }
+        if (this.config?.limits?.maxFileSizeBytes) {
+            validators.push(maxFileSizeValidator(this.config.limits.maxFileSizeBytes));
+        }
+        if (this.config?.limits?.maxFilesPerBulk) {
+            validators.push(maxFilesPerBulkValidator(this.config.limits.maxFilesPerBulk));
+        }
+        if (this.config?.limits?.maxBulkSizeBytes) {
+            validators.push(maxBulkSizeValidator(this.config.limits.maxBulkSizeBytes));
+        }
+        if (!validators.length) {
+            return true;
+        }
+        const control = new FormControl(files, validators);
+        if (control.invalid) {
+            const errors = control.errors || {};
+            const map = this.config?.messages?.errors || {};
+            if (errors['accept']) {
+                this.errorMessage =
+                    map['accept'] ||
+                        this.t('acceptError', 'Tipo de arquivo não permitido.');
+            }
+            else if (errors['maxFileSize']) {
+                this.errorMessage =
+                    map['maxFileSize'] ||
+                        this.t('maxFileSizeError', 'Arquivo excede o tamanho máximo.');
+            }
+            else if (errors['maxFilesPerBulk']) {
+                this.errorMessage =
+                    map['maxFilesPerBulk'] ||
+                        this.t('maxFilesPerBulkError', 'Quantidade de arquivos excedida.');
+            }
+            else if (errors['maxBulkSize']) {
+                this.errorMessage =
+                    map['maxBulkSize'] ||
+                        this.t('maxBulkSizeError', 'Tamanho total dos arquivos excedido.');
+            }
+            this.error.emit(errors);
+            return false;
+        }
+        return true;
+    }
+    // Resumo de políticas para tooltip do ícone de informações
+    get policiesSummary() {
+        const acc = this.config?.ui?.accept?.length
+            ? this.config.ui.accept.join(', ')
+            : this.acceptString || 'qualquer';
+        const maxFile = this.config?.limits?.maxFileSizeBytes
+            ? this.formatBytes(this.config.limits.maxFileSizeBytes)
+            : '—';
+        const maxCount = this.config?.limits?.maxFilesPerBulk ?? (this.allowMultiple ? 99 : 1);
+        return `Tipos: ${acc} • Máx. por arquivo: ${maxFile} • Qtde: ${maxCount}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: PraxisFilesUpload, deps: [{ token: i1$2.SettingsPanelService }, { token: DragProximityService }, { token: FILES_UPLOAD_TEXTS }, { token: i3.Overlay }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: FilesApiClient, optional: true }, { token: PresignedUploaderService, optional: true }, { token: ErrorMapperService, optional: true }, { token: TRANSLATE_LIKE, optional: true }, { token: CONFIG_STORAGE, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: PraxisFilesUpload, isStandalone: true, selector: "praxis-files-upload", inputs: { config: "config", componentId: "componentId", baseUrl: "baseUrl", displayMode: "displayMode" }, outputs: { uploadSuccess: "uploadSuccess", bulkComplete: "bulkComplete", error: "error", rateLimited: "rateLimited", retry: "retry", download: "download", copyLink: "copyLink", detailsOpened: "detailsOpened", detailsClosed: "detailsClosed", pendingFilesChange: "pendingFilesChange", proximityChange: "proximityChange" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }, { propertyName: "hostRef", first: true, predicate: ["host"], descendants: true, static: true }, { propertyName: "overlayTmpl", first: true, predicate: ["proximityOverlayTmpl"], descendants: true }, { propertyName: "selectedOverlayTmpl", first: true, predicate: ["selectedOverlayTmpl"], descendants: true }], ngImport: i0, template: `
+    <div class="praxis-files-upload" [class.dense]="config?.ui?.dense" #host>
+      <!-- Proximity overlay inline (fallback quando expandMode === 'inline') -->
+      <div
+        class="proximity-overlay"
+        *ngIf="
+          showProximityOverlay &&
+          (config?.ui?.dropzone?.expandMode ?? 'overlay') === 'inline'
+        "
+        [style.height.px]="config?.ui?.dropzone?.expandHeight ?? 200"
+        aria-hidden="true"
+      >
+        <mat-icon class="dz-icon" aria-hidden="true" [praxisIcon]="'cloud_upload'"></mat-icon>
+        <p class="dz-title">{{ texts.dropzoneLabel }}</p>
+        <p class="dz-hint">Solte aqui para enviar</p>
+      </div>
+      <!-- Template do overlay de proximidade (renderizado via CDK Overlay) -->
+      <ng-template #proximityOverlayTmpl>
+        <div class="proximity-overlay" aria-hidden="true">
+          <mat-icon class="dz-icon" aria-hidden="true" [praxisIcon]="'cloud_upload'"></mat-icon>
+          <p class="dz-title">{{ texts.dropzoneLabel }}</p>
+          <p class="dz-hint">Solte aqui para enviar</p>
+        </div>
+      </ng-template>
+
+      <!-- Overlay de seleção (lista de arquivos selecionados + ações) -->
+      <ng-container *ngIf="displayMode === 'full'">
+        <ng-template #selectedOverlayTmpl>
+          <div
+            class="selected-overlay"
+            role="dialog"
+            aria-label="Arquivos selecionados"
+          >
+            <header class="sel-header">
+              <span class="title">Selecionados ({{ pendingCount }})</span>
+              <span class="spacer"></span>
+              <button
+                mat-stroked-button
+                color="primary"
+                (click)="triggerUpload()"
+                [disabled]="!baseUrl || isUploading"
+              >
+                Enviar
+              </button>
+              <button mat-button type="button" (click)="clearSelection()">
+                Cancelar
+              </button>
+            </header>
+            <ul class="sel-list">
+              <li *ngFor="let f of pendingFiles" class="sel-item">
+                <mat-icon class="file-icon" aria-hidden="true"
+                  >insert_drive_file</mat-icon
+                >
+                <div class="info">
+                  <div class="name" [matTooltip]="displayFileName(f)">
+                    {{ displayFileName(f) }}
+                  </div>
+                  <div class="meta">
+                    {{ f.type || '—' }} • {{ formatBytes(f.size) }}
+                  </div>
+                </div>
+                <button
+                  mat-icon-button
+                  class="remove-btn"
+                  [matTooltip]="t('remove', 'Remover')"
+                  (click)="removePendingFile(f)"
+                  [attr.aria-label]="t('remove', 'Remover')"
+                >
+                  <mat-icon [praxisIcon]="'close'"></mat-icon>
+                </button>
+                <button
+                  mat-icon-button
+                  class="more-btn"
+                  [matMenuTriggerFor]="fileMenu"
+                  [matMenuTriggerData]="{ file: f }"
+                  aria-haspopup="menu"
+                  [matTooltip]="t('moreActions', 'Mais ações')"
+                  [attr.aria-label]="t('moreActions', 'Mais ações')"
+                >
+                  <mat-icon [praxisIcon]="'more_horiz'"></mat-icon>
+                </button>
+                <mat-menu
+                  #fileMenu="matMenu"
+                  xPosition="before"
+                  yPosition="below"
+                >
+                  <button mat-menu-item (click)="onRetry(f)">
+                    <mat-icon [praxisIcon]="'refresh'"></mat-icon>
+                    <span>{{ t('retry', 'Reenviar') }}</span>
+                  </button>
+                  <button mat-menu-item (click)="onDownload(f)">
+                    <mat-icon [praxisIcon]="'download'"></mat-icon>
+                    <span>{{ t('download', 'Baixar') }}</span>
+                  </button>
+                  <button mat-menu-item (click)="onCopyLink(f)">
+                    <mat-icon [praxisIcon]="'link'"></mat-icon>
+                    <span>{{ t('copyLink', 'Copiar link') }}</span>
+                  </button>
+                </mat-menu>
+              </li>
+            </ul>
+          </div>
+        </ng-template>
+      </ng-container>
+
+      <button
+        type="button"
+        mat-icon-button
+        class="settings-btn"
+        (click)="openSettings()"
+        [attr.aria-label]="texts.settingsAriaLabel"
+      >
+        <mat-icon [praxisIcon]="'settings'"></mat-icon>
+      </button>
+      <div
+        class="rate-limit-banner"
+        *ngIf="rateLimit && config?.rateLimit?.showBannerOn429 !== false"
+      >
+        {{ texts.rateLimitBanner }}
+        {{ rateLimit.resetEpochSeconds * 1000 | date: 'shortTime' }}.
+      </div>
+      <div
+        class="quota-banner"
+        *ngIf="quotaExceeded && config?.quotas?.showQuotaWarnings !== false"
+      >
+        {{ errorMessage }}
+      </div>
+      <div class="error" *ngIf="errorMessage && !quotaExceeded">
+        {{ errorMessage }}
+      </div>
+      <div class="error" *ngIf="!baseUrl">
+        Base URL não configurada. Informe [baseUrl] para habilitar o envio.
+      </div>
+      <div
+        class="dropzone"
+        *ngIf="config?.ui?.showDropzone !== false"
+        [attr.role]="
+          !baseUrl ||
+          (quotaExceeded && config?.quotas?.blockOnExceed) ||
+          isUploading
+            ? null
+            : 'button'
+        "
+        [attr.tabindex]="
+          !baseUrl ||
+          (quotaExceeded && config?.quotas?.blockOnExceed) ||
+          isUploading
+            ? -1
+            : 0
+        "
+        [class.dragover]="isDragging"
+        [class.disabled]="
+          !baseUrl ||
+          (quotaExceeded && config?.quotas?.blockOnExceed) ||
+          isUploading
+        "
+        [attr.aria-disabled]="
+          !baseUrl ||
+          (quotaExceeded && config?.quotas?.blockOnExceed) ||
+          isUploading
+            ? 'true'
+            : 'false'
+        "
+        [attr.aria-label]="texts.dropzoneLabel + ' ' + texts.dropzoneButton"
+        (click)="
+          !baseUrl ||
+          (quotaExceeded && config?.quotas?.blockOnExceed) ||
+          isUploading
+            ? null
+            : openFile(fileInput)
+        "
+        (drop)="onDrop($event)"
+        (dragover)="onDragOver($event)"
+        (dragleave)="onDragLeave($event)"
+        (keydown.enter)="
+          $event.preventDefault();
+          !baseUrl ||
+          (quotaExceeded && config?.quotas?.blockOnExceed) ||
+          isUploading
+            ? null
+            : openFile(fileInput)
+        "
+        (keydown.space)="
+          $event.preventDefault();
+          !baseUrl ||
+          (quotaExceeded && config?.quotas?.blockOnExceed) ||
+          isUploading
+            ? null
+            : openFile(fileInput)
+        "
+      >
+        <!-- Ações internas (ícones) -->
+        <div class="field-actions" aria-hidden="false">
+          <button
+            mat-icon-button
+            [matTooltip]="'Selecionar arquivo(s)'"
+            (click)="$event.stopPropagation(); openFile(fileInput)"
+            [disabled]="!baseUrl || isUploading"
+          >
+            <mat-icon [praxisIcon]="'attach_file'"></mat-icon>
+          </button>
+          <button
+            mat-icon-button
+            [matTooltip]="policiesSummary"
+            (click)="$event.stopPropagation()"
+            [disabled]="false"
+          >
+            <mat-icon [praxisIcon]="'info'"></mat-icon>
+          </button>
+        </div>
+
+        <mat-icon class="dz-icon" aria-hidden="true" [praxisIcon]="'cloud_upload'"></mat-icon>
+        <p class="dz-title">{{ texts.dropzoneLabel }}</p>
+        <p class="dz-hint">
+          Arraste e solte arquivos aqui ou clique para selecionar
+        </p>
+        <button type="button" mat-stroked-button (click)="openFile(fileInput)">
+          {{ texts.dropzoneButton }}
+        </button>
+      </div>
+
+      <input
+        type="file"
+        #fileInput
+        (change)="onFilesSelected($event)"
+        [attr.multiple]="allowMultiple ? '' : null"
+        [accept]="acceptString"
+        hidden
+      />
+
+      <!-- Removido bloco pending-files: substituído por overlay de seleção -->
+
+      <div
+        class="conflict-policy"
+        *ngIf="config?.ui?.showConflictPolicySelector"
+      >
+        <label for="conflictPolicy">{{ texts.conflictPolicyLabel }}</label>
+        <select id="conflictPolicy" [formControl]="conflictPolicy">
+          <option *ngFor="let p of conflictPolicies" [value]="p">
+            {{ p }}
+          </option>
+        </select>
+      </div>
+
+      <div class="metadata" *ngIf="config?.ui?.showMetadataForm">
+        <label for="metadata">{{ texts.metadataLabel }}</label>
+        <textarea id="metadata" [formControl]="metadata"></textarea>
+        <div class="error" *ngIf="metadataError">{{ metadataError }}</div>
+      </div>
+
+      <div class="progress" *ngIf="showProgress">
+        <mat-progress-bar
+          mode="determinate"
+          [value]="uploadProgress"
+          [attr.aria-label]="texts.progressAriaLabel"
+        ></mat-progress-bar>
+        <span class="sr-only">{{ uploadProgress }}%</span>
+      </div>
+
+      <ul class="file-feedback" *ngIf="hasUploadedFiles">
+        <li *ngFor="let f of uploadedFiles">
+          {{ f.fileName }} -
+          {{
+            f.success ? t('statusSuccess', 'Enviado') : t('statusError', 'Erro')
+          }}
+        </li>
+      </ul>
+
+      <section class="bulk-results" *ngIf="hasLastResults">
+        <header class="bulk-summary" *ngIf="lastStats">
+          <div class="stat">
+            <span class="label">Total</span>
+            <span class="value">{{ lastStats.total }}</span>
+          </div>
+          <div class="stat success">
+            <mat-icon [praxisIcon]="'check_circle'"></mat-icon>
+            <span class="label">Sucesso</span>
+            <span class="value">{{ lastStats.succeeded }}</span>
+          </div>
+          <div class="stat failed">
+            <mat-icon [praxisIcon]="'error'"></mat-icon>
+            <span class="label">Falhas</span>
+            <span class="value">{{ lastStats.failed }}</span>
+          </div>
+        </header>
+        <ul class="results-list">
+          <li
+            class="result-item"
+            *ngFor="let r of visibleResults"
+            [class.ok]="r.status === BulkUploadResultStatus.SUCCESS"
+            [class.err]="r.status === BulkUploadResultStatus.FAILED"
+          >
+            <mat-icon class="status-icon">{{
+              r.status === BulkUploadResultStatus.SUCCESS
+                ? 'check_circle'
+                : 'error'
+            }}</mat-icon>
+            <div class="main">
+              <div class="title">
+                <span class="name">{{ r.fileName }}</span>
+                <span
+                  class="badge"
+                  *ngIf="r.status === BulkUploadResultStatus.SUCCESS"
+                  >{{ t('statusSuccess', 'Enviado') }}</span
+                >
+                <span
+                  class="badge err"
+                  *ngIf="r.status === BulkUploadResultStatus.FAILED"
+                  >{{ t('statusError', 'Erro') }}</span
+                >
+              </div>
+              <div class="meta" *ngIf="r.file">
+                <span *ngIf="r.file.id">ID: {{ r.file.id }}</span>
+                <span *ngIf="r.file.contentType"
+                  >Tipo: {{ r.file.contentType }}</span
+                >
+                <span *ngIf="r.file.fileSize"
+                  >Tamanho: {{ formatBytes(r.file.fileSize) }}</span
+                >
+                <span *ngIf="r.file.uploadedAt"
+                  >Enviado em: {{ r.file.uploadedAt | date: 'short' }}</span
+                >
+              </div>
+              <div class="error" *ngIf="r.error as e">
+                <span class="code">{{ e.code }}</span>
+                <ng-container *ngIf="mapErrorFull(e) as me">
+                  <span class="title" *ngIf="me.title">{{ me.title }}:</span>
+                  <span class="msg">{{ me.message }}</span>
+                  <span class="action" *ngIf="me.userAction">
+                    — {{ me.userAction }}</span
+                  >
+                </ng-container>
+                <span class="trace" *ngIf="e.traceId"
+                  >(trace {{ e.traceId }})</span
+                >
+              </div>
+              <div class="extra" *ngIf="r.file?.metadata as m">
+                <details (toggle)="onDetailsToggle($event, r)">
+                  <summary>Metadados</summary>
+                  <pre>{{ m | json }}</pre>
+                </details>
+              </div>
+            </div>
+            <div class="item-actions">
+              <button
+                mat-icon-button
+                [matTooltip]="'Detalhes'"
+                (click)="toggleDetailsFor(r)"
+              >
+                <mat-icon [praxisIcon]="'info'"></mat-icon>
+              </button>
+              <button
+                mat-icon-button
+                [matTooltip]="'Reenviar'"
+                (click)="onRetry(r)"
+                [disabled]="isUploading"
+              >
+                <mat-icon [praxisIcon]="'refresh'"></mat-icon>
+              </button>
+              <button
+                mat-icon-button
+                [matTooltip]="'Baixar'"
+                (click)="onDownload(r)"
+                [disabled]="r.status !== BulkUploadResultStatus.SUCCESS"
+              >
+                <mat-icon [praxisIcon]="'download'"></mat-icon>
+              </button>
+              <button
+                mat-icon-button
+                [matTooltip]="'Copiar link'"
+                (click)="onCopyLink(r)"
+                [disabled]="r.status !== BulkUploadResultStatus.SUCCESS"
+              >
+                <mat-icon [praxisIcon]="'link'"></mat-icon>
+              </button>
+              <button
+                mat-icon-button
+                [matTooltip]="'Remover'"
+                (click)="removeResult(r)"
+              >
+                <mat-icon [praxisIcon]="'close'"></mat-icon>
+              </button>
+            </div>
+          </li>
+        </ul>
+        <div
+          class="list-footer"
+          *ngIf="
+            !showAllResults &&
+            lastResults &&
+            lastResults.length > (config?.ui?.list?.collapseAfter ?? 0)
+          "
+        >
+          <button mat-button type="button" (click)="showAllResults = true">
+            Ver todos
+          </button>
+        </div>
+        <div
+          class="list-footer"
+          *ngIf="
+            showAllResults &&
+            (config?.ui?.list?.collapseAfter ?? 0) > 0 &&
+            lastResults &&
+            lastResults.length > (config?.ui?.list?.collapseAfter ?? 0)
+          "
+        >
+          <button mat-button type="button" (click)="showAllResults = false">
+            Ver menos
+          </button>
+        </div>
+      </section>
+
+      <ng-content></ng-content>
+    </div>
+  `, isInline: true, styles: ["@charset \"UTF-8\";.praxis-files-upload{position:relative}.praxis-files-upload .settings-btn{position:absolute;top:.5rem;right:.5rem}.praxis-files-upload .rate-limit-banner,.praxis-files-upload .quota-banner,.praxis-files-upload .error{margin:.5rem 0;padding:.5rem 1rem;border-radius:var(--mat-sys-shape-corner-small, 4px)}.praxis-files-upload .rate-limit-banner{background:var(--mat-sys-color-error-container);color:var(--mat-sys-color-on-error-container)}.praxis-files-upload .quota-banner{background:var(--mat-sys-color-tertiary-container);color:var(--mat-sys-color-on-tertiary-container)}.praxis-files-upload .dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px dashed var(--mat-sys-color-outline);border-radius:var(--mat-sys-shape-corner-medium, 4px);background:var(--mat-sys-color-surface-container-low);color:var(--mat-sys-color-on-surface);text-align:center;cursor:pointer;transition:background-color .2s;width:100%;min-height:160px;margin:.5rem 0;gap:.5rem;position:relative}.praxis-files-upload .dropzone:focus,.praxis-files-upload .dropzone:hover{outline:none;background:var(--mat-sys-color-surface-container-high);border-color:var(--mat-sys-color-primary)}.praxis-files-upload .dropzone.dragover{background:var(--mat-sys-color-surface-container-high);border-color:var(--mat-sys-color-primary)}.praxis-files-upload .dropzone.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.praxis-files-upload .dropzone p{margin:0 0 .5rem}.praxis-files-upload .dropzone .dz-icon{font-size:40px;color:var(--mat-sys-color-primary);margin-bottom:.25rem}.praxis-files-upload .dropzone .dz-title{font-weight:600}.praxis-files-upload .dropzone .dz-hint{margin:0;opacity:.8;font-size:.9rem}.praxis-files-upload .dropzone .field-actions{position:absolute;top:.25rem;right:.25rem;display:flex;gap:.25rem;pointer-events:auto}.praxis-files-upload .dropzone .field-actions button[mat-icon-button]{width:32px;height:32px}.praxis-files-upload .dropzone .field-actions mat-icon{font-size:20px}.praxis-files-upload .progress{margin-top:1rem}.praxis-files-upload .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.praxis-files-upload .bulk-results{margin-top:1rem}.praxis-files-upload .bulk-results .bulk-summary{display:flex;gap:1rem;align-items:center;margin-bottom:.5rem}.praxis-files-upload .bulk-results .bulk-summary .stat{display:flex;align-items:center;gap:.35rem;padding:.25rem .5rem;border-radius:6px;background:var(--mat-sys-color-surface-container-low)}.praxis-files-upload .bulk-results .bulk-summary .stat.success{color:var(--mat-sys-color-primary)}.praxis-files-upload .bulk-results .bulk-summary .stat.failed{color:var(--mat-sys-color-error)}.praxis-files-upload .bulk-results .bulk-summary .stat .label{opacity:.9}.praxis-files-upload .bulk-results .bulk-summary .stat .value{font-weight:600}.praxis-files-upload .bulk-results .results-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.praxis-files-upload .bulk-results .result-item{display:flex;gap:.75rem;padding:.5rem .75rem;border:1px solid var(--mat-sys-color-outline-variant);border-radius:8px;background:var(--mat-sys-color-surface-container-lowest)}.praxis-files-upload .bulk-results .result-item.ok{border-color:var(--mat-sys-color-primary)}.praxis-files-upload .bulk-results .result-item.err{border-color:var(--mat-sys-color-error)}.praxis-files-upload .bulk-results .result-item .status-icon{align-self:flex-start;color:currentColor}.praxis-files-upload .bulk-results .result-item .main{flex:1;min-width:0}.praxis-files-upload .bulk-results .result-item .title{display:flex;align-items:center;gap:.5rem}.praxis-files-upload .bulk-results .result-item .name{font-weight:600}.praxis-files-upload .bulk-results .result-item .badge{font-size:.75rem;padding:.1rem .4rem;border-radius:999px;background:color-mix(in oklab,var(--mat-sys-color-primary) 15%,transparent);color:var(--mat-sys-color-primary)}.praxis-files-upload .bulk-results .result-item .badge.err{background:color-mix(in oklab,var(--mat-sys-color-error) 15%,transparent);color:var(--mat-sys-color-error)}.praxis-files-upload .bulk-results .result-item .meta,.praxis-files-upload .bulk-results .result-item .error{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:.25rem}.praxis-files-upload .bulk-results .result-item .error .code{font-weight:600}.praxis-files-upload .bulk-results .result-item .extra{margin-top:.25rem}.praxis-files-upload .bulk-results .result-item .item-actions{display:flex;align-items:center;gap:.25rem}.praxis-files-upload .bulk-results .list-footer{margin-top:.5rem;display:flex;justify-content:center}.praxis-files-upload .proximity-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border:2px dashed var(--mat-sys-color-outline);border-radius:var(--mat-sys-shape-corner-medium, 4px);background:color-mix(in oklab,var(--mat-sys-color-surface-container-high) 80%,transparent);color:var(--mat-sys-color-on-surface);text-align:center;z-index:2;pointer-events:none}.praxis-files-upload .proximity-overlay .dz-icon{font-size:40px;color:var(--mat-sys-color-primary)}.praxis-files-upload .proximity-overlay .dz-title{font-weight:600}.praxis-files-upload .proximity-overlay .dz-hint{opacity:.85}.praxis-files-upload .selected-overlay{background:var(--mat-sys-color-surface);color:var(--mat-sys-color-on-surface);border:1px solid var(--mat-sys-color-outline-variant);border-radius:8px;box-shadow:var(--mat-sys-level2, 0 2px 6px rgba(0, 0, 0, .15));max-height:260px;overflow:auto;padding:.5rem}.praxis-files-upload .selected-overlay .sel-header{position:sticky;top:0;z-index:1;background:var(--mat-sys-color-surface);display:flex;align-items:center;gap:.5rem;padding-bottom:.25rem;margin-bottom:.25rem}.praxis-files-upload .selected-overlay .sel-header .title{font-weight:600}.praxis-files-upload .selected-overlay .sel-header .spacer{flex:1}.praxis-files-upload .selected-overlay .sel-list{list-style:none;margin:0;padding:0}.praxis-files-upload .selected-overlay .sel-list .sel-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-bottom:1px solid var(--mat-sys-color-outline-variant, #ccc);transition:background-color .12s ease}.praxis-files-upload .selected-overlay .sel-list .sel-item .file-icon{opacity:.9;color:var(--mat-sys-color-primary, #1976d2)}.praxis-files-upload .selected-overlay .sel-list .sel-item .info{flex:1;min-width:0}.praxis-files-upload .selected-overlay .sel-list .sel-item .info .name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.praxis-files-upload .selected-overlay .sel-list .sel-item .info .meta{font-size:.8rem;opacity:.7}.praxis-files-upload .selected-overlay .sel-list .sel-item .remove-btn{color:var(--mat-sys-color-error, #b00020)}.praxis-files-upload .selected-overlay .sel-list .sel-item .more-btn{margin-left:.25rem}.praxis-files-upload .selected-overlay .sel-list .sel-item:hover{background:color-mix(in oklab,#000 8%,transparent)}:host ::ng-deep .praxis-files-upload-overlay-panel{pointer-events:none}:host ::ng-deep .praxis-files-selected-overlay-panel{pointer-events:auto;z-index:3}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i9.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i9.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i11.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i13.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i7.JsonPipe, name: "json" }, { kind: "pipe", type: i7.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: PraxisFilesUpload, decorators: [{
+            type: Component,
+            args: [{ selector: 'praxis-files-upload', standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        PraxisIconDirective,
+                        MatProgressBarModule,
+                        MatMenuModule,
+                        MatTooltipModule,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="praxis-files-upload" [class.dense]="config?.ui?.dense" #host>
+      <!-- Proximity overlay inline (fallback quando expandMode === 'inline') -->
+      <div
+        class="proximity-overlay"
+        *ngIf="
+          showProximityOverlay &&
+          (config?.ui?.dropzone?.expandMode ?? 'overlay') === 'inline'
+        "
+        [style.height.px]="config?.ui?.dropzone?.expandHeight ?? 200"
+        aria-hidden="true"
+      >
+        <mat-icon class="dz-icon" aria-hidden="true" [praxisIcon]="'cloud_upload'"></mat-icon>
+        <p class="dz-title">{{ texts.dropzoneLabel }}</p>
+        <p class="dz-hint">Solte aqui para enviar</p>
+      </div>
+      <!-- Template do overlay de proximidade (renderizado via CDK Overlay) -->
+      <ng-template #proximityOverlayTmpl>
+        <div class="proximity-overlay" aria-hidden="true">
+          <mat-icon class="dz-icon" aria-hidden="true" [praxisIcon]="'cloud_upload'"></mat-icon>
+          <p class="dz-title">{{ texts.dropzoneLabel }}</p>
+          <p class="dz-hint">Solte aqui para enviar</p>
+        </div>
+      </ng-template>
+
+      <!-- Overlay de seleção (lista de arquivos selecionados + ações) -->
+      <ng-container *ngIf="displayMode === 'full'">
+        <ng-template #selectedOverlayTmpl>
+          <div
+            class="selected-overlay"
+            role="dialog"
+            aria-label="Arquivos selecionados"
+          >
+            <header class="sel-header">
+              <span class="title">Selecionados ({{ pendingCount }})</span>
+              <span class="spacer"></span>
+              <button
+                mat-stroked-button
+                color="primary"
+                (click)="triggerUpload()"
+                [disabled]="!baseUrl || isUploading"
+              >
+                Enviar
+              </button>
+              <button mat-button type="button" (click)="clearSelection()">
+                Cancelar
+              </button>
+            </header>
+            <ul class="sel-list">
+              <li *ngFor="let f of pendingFiles" class="sel-item">
+                <mat-icon class="file-icon" aria-hidden="true"
+                  >insert_drive_file</mat-icon
+                >
+                <div class="info">
+                  <div class="name" [matTooltip]="displayFileName(f)">
+                    {{ displayFileName(f) }}
+                  </div>
+                  <div class="meta">
+                    {{ f.type || '—' }} • {{ formatBytes(f.size) }}
+                  </div>
+                </div>
+                <button
+                  mat-icon-button
+                  class="remove-btn"
+                  [matTooltip]="t('remove', 'Remover')"
+                  (click)="removePendingFile(f)"
+                  [attr.aria-label]="t('remove', 'Remover')"
+                >
+                  <mat-icon [praxisIcon]="'close'"></mat-icon>
+                </button>
+                <button
+                  mat-icon-button
+                  class="more-btn"
+                  [matMenuTriggerFor]="fileMenu"
+                  [matMenuTriggerData]="{ file: f }"
+                  aria-haspopup="menu"
+                  [matTooltip]="t('moreActions', 'Mais ações')"
+                  [attr.aria-label]="t('moreActions', 'Mais ações')"
+                >
+                  <mat-icon [praxisIcon]="'more_horiz'"></mat-icon>
+                </button>
+                <mat-menu
+                  #fileMenu="matMenu"
+                  xPosition="before"
+                  yPosition="below"
+                >
+                  <button mat-menu-item (click)="onRetry(f)">
+                    <mat-icon [praxisIcon]="'refresh'"></mat-icon>
+                    <span>{{ t('retry', 'Reenviar') }}</span>
+                  </button>
+                  <button mat-menu-item (click)="onDownload(f)">
+                    <mat-icon [praxisIcon]="'download'"></mat-icon>
+                    <span>{{ t('download', 'Baixar') }}</span>
+                  </button>
+                  <button mat-menu-item (click)="onCopyLink(f)">
+                    <mat-icon [praxisIcon]="'link'"></mat-icon>
+                    <span>{{ t('copyLink', 'Copiar link') }}</span>
+                  </button>
+                </mat-menu>
+              </li>
+            </ul>
+          </div>
+        </ng-template>
+      </ng-container>
+
+      <button
+        type="button"
+        mat-icon-button
+        class="settings-btn"
+        (click)="openSettings()"
+        [attr.aria-label]="texts.settingsAriaLabel"
+      >
+        <mat-icon [praxisIcon]="'settings'"></mat-icon>
+      </button>
+      <div
+        class="rate-limit-banner"
+        *ngIf="rateLimit && config?.rateLimit?.showBannerOn429 !== false"
+      >
+        {{ texts.rateLimitBanner }}
+        {{ rateLimit.resetEpochSeconds * 1000 | date: 'shortTime' }}.
+      </div>
+      <div
+        class="quota-banner"
+        *ngIf="quotaExceeded && config?.quotas?.showQuotaWarnings !== false"
+      >
+        {{ errorMessage }}
+      </div>
+      <div class="error" *ngIf="errorMessage && !quotaExceeded">
+        {{ errorMessage }}
+      </div>
+      <div class="error" *ngIf="!baseUrl">
+        Base URL não configurada. Informe [baseUrl] para habilitar o envio.
+      </div>
+      <div
+        class="dropzone"
+        *ngIf="config?.ui?.showDropzone !== false"
+        [attr.role]="
+          !baseUrl ||
+          (quotaExceeded && config?.quotas?.blockOnExceed) ||
+          isUploading
+            ? null
+            : 'button'
+        "
+        [attr.tabindex]="
+          !baseUrl ||
+          (quotaExceeded && config?.quotas?.blockOnExceed) ||
+          isUploading
+            ? -1
+            : 0
+        "
+        [class.dragover]="isDragging"
+        [class.disabled]="
+          !baseUrl ||
+          (quotaExceeded && config?.quotas?.blockOnExceed) ||
+          isUploading
+        "
+        [attr.aria-disabled]="
+          !baseUrl ||
+          (quotaExceeded && config?.quotas?.blockOnExceed) ||
+          isUploading
+            ? 'true'
+            : 'false'
+        "
+        [attr.aria-label]="texts.dropzoneLabel + ' ' + texts.dropzoneButton"
+        (click)="
+          !baseUrl ||
+          (quotaExceeded && config?.quotas?.blockOnExceed) ||
+          isUploading
+            ? null
+            : openFile(fileInput)
+        "
+        (drop)="onDrop($event)"
+        (dragover)="onDragOver($event)"
+        (dragleave)="onDragLeave($event)"
+        (keydown.enter)="
+          $event.preventDefault();
+          !baseUrl ||
+          (quotaExceeded && config?.quotas?.blockOnExceed) ||
+          isUploading
+            ? null
+            : openFile(fileInput)
+        "
+        (keydown.space)="
+          $event.preventDefault();
+          !baseUrl ||
+          (quotaExceeded && config?.quotas?.blockOnExceed) ||
+          isUploading
+            ? null
+            : openFile(fileInput)
+        "
+      >
+        <!-- Ações internas (ícones) -->
+        <div class="field-actions" aria-hidden="false">
+          <button
+            mat-icon-button
+            [matTooltip]="'Selecionar arquivo(s)'"
+            (click)="$event.stopPropagation(); openFile(fileInput)"
+            [disabled]="!baseUrl || isUploading"
+          >
+            <mat-icon [praxisIcon]="'attach_file'"></mat-icon>
+          </button>
+          <button
+            mat-icon-button
+            [matTooltip]="policiesSummary"
+            (click)="$event.stopPropagation()"
+            [disabled]="false"
+          >
+            <mat-icon [praxisIcon]="'info'"></mat-icon>
+          </button>
+        </div>
+
+        <mat-icon class="dz-icon" aria-hidden="true" [praxisIcon]="'cloud_upload'"></mat-icon>
+        <p class="dz-title">{{ texts.dropzoneLabel }}</p>
+        <p class="dz-hint">
+          Arraste e solte arquivos aqui ou clique para selecionar
+        </p>
+        <button type="button" mat-stroked-button (click)="openFile(fileInput)">
+          {{ texts.dropzoneButton }}
+        </button>
+      </div>
+
+      <input
+        type="file"
+        #fileInput
+        (change)="onFilesSelected($event)"
+        [attr.multiple]="allowMultiple ? '' : null"
+        [accept]="acceptString"
+        hidden
+      />
+
+      <!-- Removido bloco pending-files: substituído por overlay de seleção -->
+
+      <div
+        class="conflict-policy"
+        *ngIf="config?.ui?.showConflictPolicySelector"
+      >
+        <label for="conflictPolicy">{{ texts.conflictPolicyLabel }}</label>
+        <select id="conflictPolicy" [formControl]="conflictPolicy">
+          <option *ngFor="let p of conflictPolicies" [value]="p">
+            {{ p }}
+          </option>
+        </select>
+      </div>
+
+      <div class="metadata" *ngIf="config?.ui?.showMetadataForm">
+        <label for="metadata">{{ texts.metadataLabel }}</label>
+        <textarea id="metadata" [formControl]="metadata"></textarea>
+        <div class="error" *ngIf="metadataError">{{ metadataError }}</div>
+      </div>
+
+      <div class="progress" *ngIf="showProgress">
+        <mat-progress-bar
+          mode="determinate"
+          [value]="uploadProgress"
+          [attr.aria-label]="texts.progressAriaLabel"
+        ></mat-progress-bar>
+        <span class="sr-only">{{ uploadProgress }}%</span>
+      </div>
+
+      <ul class="file-feedback" *ngIf="hasUploadedFiles">
+        <li *ngFor="let f of uploadedFiles">
+          {{ f.fileName }} -
+          {{
+            f.success ? t('statusSuccess', 'Enviado') : t('statusError', 'Erro')
+          }}
+        </li>
+      </ul>
+
+      <section class="bulk-results" *ngIf="hasLastResults">
+        <header class="bulk-summary" *ngIf="lastStats">
+          <div class="stat">
+            <span class="label">Total</span>
+            <span class="value">{{ lastStats.total }}</span>
+          </div>
+          <div class="stat success">
+            <mat-icon [praxisIcon]="'check_circle'"></mat-icon>
+            <span class="label">Sucesso</span>
+            <span class="value">{{ lastStats.succeeded }}</span>
+          </div>
+          <div class="stat failed">
+            <mat-icon [praxisIcon]="'error'"></mat-icon>
+            <span class="label">Falhas</span>
+            <span class="value">{{ lastStats.failed }}</span>
+          </div>
+        </header>
+        <ul class="results-list">
+          <li
+            class="result-item"
+            *ngFor="let r of visibleResults"
+            [class.ok]="r.status === BulkUploadResultStatus.SUCCESS"
+            [class.err]="r.status === BulkUploadResultStatus.FAILED"
+          >
+            <mat-icon class="status-icon">{{
+              r.status === BulkUploadResultStatus.SUCCESS
+                ? 'check_circle'
+                : 'error'
+            }}</mat-icon>
+            <div class="main">
+              <div class="title">
+                <span class="name">{{ r.fileName }}</span>
+                <span
+                  class="badge"
+                  *ngIf="r.status === BulkUploadResultStatus.SUCCESS"
+                  >{{ t('statusSuccess', 'Enviado') }}</span
+                >
+                <span
+                  class="badge err"
+                  *ngIf="r.status === BulkUploadResultStatus.FAILED"
+                  >{{ t('statusError', 'Erro') }}</span
+                >
+              </div>
+              <div class="meta" *ngIf="r.file">
+                <span *ngIf="r.file.id">ID: {{ r.file.id }}</span>
+                <span *ngIf="r.file.contentType"
+                  >Tipo: {{ r.file.contentType }}</span
+                >
+                <span *ngIf="r.file.fileSize"
+                  >Tamanho: {{ formatBytes(r.file.fileSize) }}</span
+                >
+                <span *ngIf="r.file.uploadedAt"
+                  >Enviado em: {{ r.file.uploadedAt | date: 'short' }}</span
+                >
+              </div>
+              <div class="error" *ngIf="r.error as e">
+                <span class="code">{{ e.code }}</span>
+                <ng-container *ngIf="mapErrorFull(e) as me">
+                  <span class="title" *ngIf="me.title">{{ me.title }}:</span>
+                  <span class="msg">{{ me.message }}</span>
+                  <span class="action" *ngIf="me.userAction">
+                    — {{ me.userAction }}</span
+                  >
+                </ng-container>
+                <span class="trace" *ngIf="e.traceId"
+                  >(trace {{ e.traceId }})</span
+                >
+              </div>
+              <div class="extra" *ngIf="r.file?.metadata as m">
+                <details (toggle)="onDetailsToggle($event, r)">
+                  <summary>Metadados</summary>
+                  <pre>{{ m | json }}</pre>
+                </details>
+              </div>
+            </div>
+            <div class="item-actions">
+              <button
+                mat-icon-button
+                [matTooltip]="'Detalhes'"
+                (click)="toggleDetailsFor(r)"
+              >
+                <mat-icon [praxisIcon]="'info'"></mat-icon>
+              </button>
+              <button
+                mat-icon-button
+                [matTooltip]="'Reenviar'"
+                (click)="onRetry(r)"
+                [disabled]="isUploading"
+              >
+                <mat-icon [praxisIcon]="'refresh'"></mat-icon>
+              </button>
+              <button
+                mat-icon-button
+                [matTooltip]="'Baixar'"
+                (click)="onDownload(r)"
+                [disabled]="r.status !== BulkUploadResultStatus.SUCCESS"
+              >
+                <mat-icon [praxisIcon]="'download'"></mat-icon>
+              </button>
+              <button
+                mat-icon-button
+                [matTooltip]="'Copiar link'"
+                (click)="onCopyLink(r)"
+                [disabled]="r.status !== BulkUploadResultStatus.SUCCESS"
+              >
+                <mat-icon [praxisIcon]="'link'"></mat-icon>
+              </button>
+              <button
+                mat-icon-button
+                [matTooltip]="'Remover'"
+                (click)="removeResult(r)"
+              >
+                <mat-icon [praxisIcon]="'close'"></mat-icon>
+              </button>
+            </div>
+          </li>
+        </ul>
+        <div
+          class="list-footer"
+          *ngIf="
+            !showAllResults &&
+            lastResults &&
+            lastResults.length > (config?.ui?.list?.collapseAfter ?? 0)
+          "
+        >
+          <button mat-button type="button" (click)="showAllResults = true">
+            Ver todos
+          </button>
+        </div>
+        <div
+          class="list-footer"
+          *ngIf="
+            showAllResults &&
+            (config?.ui?.list?.collapseAfter ?? 0) > 0 &&
+            lastResults &&
+            lastResults.length > (config?.ui?.list?.collapseAfter ?? 0)
+          "
+        >
+          <button mat-button type="button" (click)="showAllResults = false">
+            Ver menos
+          </button>
+        </div>
+      </section>
+
+      <ng-content></ng-content>
+    </div>
+  `, styles: ["@charset \"UTF-8\";.praxis-files-upload{position:relative}.praxis-files-upload .settings-btn{position:absolute;top:.5rem;right:.5rem}.praxis-files-upload .rate-limit-banner,.praxis-files-upload .quota-banner,.praxis-files-upload .error{margin:.5rem 0;padding:.5rem 1rem;border-radius:var(--mat-sys-shape-corner-small, 4px)}.praxis-files-upload .rate-limit-banner{background:var(--mat-sys-color-error-container);color:var(--mat-sys-color-on-error-container)}.praxis-files-upload .quota-banner{background:var(--mat-sys-color-tertiary-container);color:var(--mat-sys-color-on-tertiary-container)}.praxis-files-upload .dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px dashed var(--mat-sys-color-outline);border-radius:var(--mat-sys-shape-corner-medium, 4px);background:var(--mat-sys-color-surface-container-low);color:var(--mat-sys-color-on-surface);text-align:center;cursor:pointer;transition:background-color .2s;width:100%;min-height:160px;margin:.5rem 0;gap:.5rem;position:relative}.praxis-files-upload .dropzone:focus,.praxis-files-upload .dropzone:hover{outline:none;background:var(--mat-sys-color-surface-container-high);border-color:var(--mat-sys-color-primary)}.praxis-files-upload .dropzone.dragover{background:var(--mat-sys-color-surface-container-high);border-color:var(--mat-sys-color-primary)}.praxis-files-upload .dropzone.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.praxis-files-upload .dropzone p{margin:0 0 .5rem}.praxis-files-upload .dropzone .dz-icon{font-size:40px;color:var(--mat-sys-color-primary);margin-bottom:.25rem}.praxis-files-upload .dropzone .dz-title{font-weight:600}.praxis-files-upload .dropzone .dz-hint{margin:0;opacity:.8;font-size:.9rem}.praxis-files-upload .dropzone .field-actions{position:absolute;top:.25rem;right:.25rem;display:flex;gap:.25rem;pointer-events:auto}.praxis-files-upload .dropzone .field-actions button[mat-icon-button]{width:32px;height:32px}.praxis-files-upload .dropzone .field-actions mat-icon{font-size:20px}.praxis-files-upload .progress{margin-top:1rem}.praxis-files-upload .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.praxis-files-upload .bulk-results{margin-top:1rem}.praxis-files-upload .bulk-results .bulk-summary{display:flex;gap:1rem;align-items:center;margin-bottom:.5rem}.praxis-files-upload .bulk-results .bulk-summary .stat{display:flex;align-items:center;gap:.35rem;padding:.25rem .5rem;border-radius:6px;background:var(--mat-sys-color-surface-container-low)}.praxis-files-upload .bulk-results .bulk-summary .stat.success{color:var(--mat-sys-color-primary)}.praxis-files-upload .bulk-results .bulk-summary .stat.failed{color:var(--mat-sys-color-error)}.praxis-files-upload .bulk-results .bulk-summary .stat .label{opacity:.9}.praxis-files-upload .bulk-results .bulk-summary .stat .value{font-weight:600}.praxis-files-upload .bulk-results .results-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.praxis-files-upload .bulk-results .result-item{display:flex;gap:.75rem;padding:.5rem .75rem;border:1px solid var(--mat-sys-color-outline-variant);border-radius:8px;background:var(--mat-sys-color-surface-container-lowest)}.praxis-files-upload .bulk-results .result-item.ok{border-color:var(--mat-sys-color-primary)}.praxis-files-upload .bulk-results .result-item.err{border-color:var(--mat-sys-color-error)}.praxis-files-upload .bulk-results .result-item .status-icon{align-self:flex-start;color:currentColor}.praxis-files-upload .bulk-results .result-item .main{flex:1;min-width:0}.praxis-files-upload .bulk-results .result-item .title{display:flex;align-items:center;gap:.5rem}.praxis-files-upload .bulk-results .result-item .name{font-weight:600}.praxis-files-upload .bulk-results .result-item .badge{font-size:.75rem;padding:.1rem .4rem;border-radius:999px;background:color-mix(in oklab,var(--mat-sys-color-primary) 15%,transparent);color:var(--mat-sys-color-primary)}.praxis-files-upload .bulk-results .result-item .badge.err{background:color-mix(in oklab,var(--mat-sys-color-error) 15%,transparent);color:var(--mat-sys-color-error)}.praxis-files-upload .bulk-results .result-item .meta,.praxis-files-upload .bulk-results .result-item .error{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:.25rem}.praxis-files-upload .bulk-results .result-item .error .code{font-weight:600}.praxis-files-upload .bulk-results .result-item .extra{margin-top:.25rem}.praxis-files-upload .bulk-results .result-item .item-actions{display:flex;align-items:center;gap:.25rem}.praxis-files-upload .bulk-results .list-footer{margin-top:.5rem;display:flex;justify-content:center}.praxis-files-upload .proximity-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border:2px dashed var(--mat-sys-color-outline);border-radius:var(--mat-sys-shape-corner-medium, 4px);background:color-mix(in oklab,var(--mat-sys-color-surface-container-high) 80%,transparent);color:var(--mat-sys-color-on-surface);text-align:center;z-index:2;pointer-events:none}.praxis-files-upload .proximity-overlay .dz-icon{font-size:40px;color:var(--mat-sys-color-primary)}.praxis-files-upload .proximity-overlay .dz-title{font-weight:600}.praxis-files-upload .proximity-overlay .dz-hint{opacity:.85}.praxis-files-upload .selected-overlay{background:var(--mat-sys-color-surface);color:var(--mat-sys-color-on-surface);border:1px solid var(--mat-sys-color-outline-variant);border-radius:8px;box-shadow:var(--mat-sys-level2, 0 2px 6px rgba(0, 0, 0, .15));max-height:260px;overflow:auto;padding:.5rem}.praxis-files-upload .selected-overlay .sel-header{position:sticky;top:0;z-index:1;background:var(--mat-sys-color-surface);display:flex;align-items:center;gap:.5rem;padding-bottom:.25rem;margin-bottom:.25rem}.praxis-files-upload .selected-overlay .sel-header .title{font-weight:600}.praxis-files-upload .selected-overlay .sel-header .spacer{flex:1}.praxis-files-upload .selected-overlay .sel-list{list-style:none;margin:0;padding:0}.praxis-files-upload .selected-overlay .sel-list .sel-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-bottom:1px solid var(--mat-sys-color-outline-variant, #ccc);transition:background-color .12s ease}.praxis-files-upload .selected-overlay .sel-list .sel-item .file-icon{opacity:.9;color:var(--mat-sys-color-primary, #1976d2)}.praxis-files-upload .selected-overlay .sel-list .sel-item .info{flex:1;min-width:0}.praxis-files-upload .selected-overlay .sel-list .sel-item .info .name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.praxis-files-upload .selected-overlay .sel-list .sel-item .info .meta{font-size:.8rem;opacity:.7}.praxis-files-upload .selected-overlay .sel-list .sel-item .remove-btn{color:var(--mat-sys-color-error, #b00020)}.praxis-files-upload .selected-overlay .sel-list .sel-item .more-btn{margin-left:.25rem}.praxis-files-upload .selected-overlay .sel-list .sel-item:hover{background:color-mix(in oklab,#000 8%,transparent)}:host ::ng-deep .praxis-files-upload-overlay-panel{pointer-events:none}:host ::ng-deep .praxis-files-selected-overlay-panel{pointer-events:auto;z-index:3}\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.SettingsPanelService }, { type: DragProximityService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [FILES_UPLOAD_TEXTS]
+                }] }, { type: i3.Overlay }, { type: i0.ViewContainerRef }, { type: i0.ChangeDetectorRef }, { type: FilesApiClient, decorators: [{
+                    type: Optional
+                }] }, { type: PresignedUploaderService, decorators: [{
+                    type: Optional
+                }] }, { type: ErrorMapperService, decorators: [{
+                    type: Optional
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [TRANSLATE_LIKE]
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [CONFIG_STORAGE]
+                }] }], propDecorators: { config: [{
+                type: Input
+            }], componentId: [{
+                type: Input
+            }], baseUrl: [{
+                type: Input
+            }], displayMode: [{
+                type: Input
+            }], uploadSuccess: [{
+                type: Output
+            }], bulkComplete: [{
+                type: Output
+            }], error: [{
+                type: Output
+            }], rateLimited: [{
+                type: Output
+            }], retry: [{
+                type: Output
+            }], download: [{
+                type: Output
+            }], copyLink: [{
+                type: Output
+            }], detailsOpened: [{
+                type: Output
+            }], detailsClosed: [{
+                type: Output
+            }], pendingFilesChange: [{
+                type: Output
+            }], proximityChange: [{
+                type: Output
+            }], fileInput: [{
+                type: ViewChild,
+                args: ['fileInput']
+            }], hostRef: [{
+                type: ViewChild,
+                args: ['host', { static: true }]
+            }], overlayTmpl: [{
+                type: ViewChild,
+                args: ['proximityOverlayTmpl']
+            }], selectedOverlayTmpl: [{
+                type: ViewChild,
+                args: ['selectedOverlayTmpl']
+            }] } });
+
+class PdxFilesUploadFieldComponent extends SimpleBaseInputComponent {
+    config = null;
+    valueMode = 'metadata';
+    baseUrl;
+    uploadError = null;
+    uploader;
+    // Estado para UI de seleção manual
+    pendingFiles = [];
+    // Ações para UI de seleção manual
+    onTriggerUpload() {
+        this.uploader?.triggerUpload();
+    }
+    onClearSelection() {
+        this.uploader?.clearSelection();
+    }
+    // Recebe o estado do componente filho
+    handlePendingFiles(files) {
+        this.pendingFiles = files;
+        if (files.length > 0) {
+            this.control().markAsTouched(); // Garante que validação de 'required' seja reavaliada
+        }
+    }
+    // Estado visual do campo compacto
+    lastFileName = null;
+    batchCount = 0;
+    isProximityActive = false;
+    errors = inject(ErrorMapperService);
+    translate = inject(TRANSLATE_LIKE, { optional: true }) ?? null;
+    get showUploadError() {
+        const c = this.control();
+        return c.touched && c.invalid;
+    }
+    t(key, fallback) {
+        const k = `praxis.filesUpload.${key}`;
+        const v = this.translate?.instant(k);
+        return v && v !== k ? v : fallback;
+    }
+    onUploadSuccess(event) {
+        const value = this.valueMode === 'id' ? event.file.id : event.file;
+        this.setValue(value);
+        this.control().setErrors(null);
+        this.uploadError = null;
+        // Atualiza visual
+        this.lastFileName = event.file.fileName || null;
+        this.batchCount = 1;
+    }
+    onBulkComplete(resp) {
+        // Atualiza contador e último nome (primeiro sucesso se houver)
+        const total = Array.isArray(resp?.results) ? resp.results.length : 0;
+        this.batchCount = total;
+        const firstOk = resp?.results?.find((r) => r?.file?.fileName)?.file?.fileName;
+        if (firstOk) {
+            this.lastFileName = String(firstOk);
+        }
+    }
+    // When an error occurs, mark the control invalid and show message
+    onUploadError(event) {
+        this.control().setErrors({ upload: true });
+        this.control().markAsTouched();
+        this.control().markAsDirty();
+        if (event && typeof event === 'object' && 'code' in event) {
+            this.uploadError = this.errors.map(event).message;
+        }
+        else if (event && typeof event.message === 'string') {
+            this.uploadError = event.message;
+        }
+        else {
+            this.uploadError = this.t('genericUploadError', 'Erro no envio de arquivo.');
+        }
+    }
+    isShellDisabled() {
+        try {
+            return !!(this.control()?.disabled || this.uploader?.isUploading || !this.baseUrl);
+        }
+        catch {
+            return false;
+        }
+    }
+    onProximityChange(isActive) {
+        this.isProximityActive = isActive;
+    }
+    openFromShell() {
+        if (this.isShellDisabled())
+            return;
+        this.uploader?.triggerSelect();
+    }
+    // Ações dos ícones (placeholders para próxima sub-issue)
+    onOpenInfo() { }
+    onOpenMenu() { }
+    onClear() {
+        this.lastFileName = null;
+        this.batchCount = 0;
+        this.uploadError = null;
+        try {
+            this.setValue(null);
+            const c = this.control();
+            c.markAsPristine();
+            c.markAsUntouched();
+            c.setErrors(null);
+        }
+        catch { }
+    }
+    get policySummary() {
+        const a = this.config?.ui?.accept?.length ? this.config.ui.accept.join(', ') : '—';
+        const maxB = this.config?.limits?.maxFileSizeBytes;
+        const maxMb = maxB ? `${(maxB / 1024 / 1024).toFixed(1)} MB` : '—';
+        const maxN = this.config?.limits?.maxFilesPerBulk ?? 1;
+        return `Tipos: ${a} • Máx/arquivo: ${maxMb} • Máx/itens: ${maxN}`;
+    }
+    onRemovePendingFile(file, event) {
+        event.stopPropagation(); // Impede que o menu feche ao clicar no botão
+        this.uploader?.removePendingFile(file);
+    }
+    formatBytes(bytes) {
+        if (bytes === 0)
+            return '0 Bytes';
+        const k = 1024;
+        const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
+        const i = Math.floor(Math.log(bytes) / Math.log(k));
+        return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: PdxFilesUploadFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: PdxFilesUploadFieldComponent, isStandalone: true, selector: "pdx-material-files-upload", inputs: { config: "config", valueMode: "valueMode", baseUrl: "baseUrl" }, host: { properties: { "class": "componentCssClasses()", "attr.data-field-type": "\"files-upload\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, viewQueries: [{ propertyName: "uploader", first: true, predicate: ["uploader"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    <!-- Casca compacta tipo input -->
+    <div class="pdx-upload-field-shell"
+         role="button"
+         tabindex="0"
+         [attr.aria-describedby]="componentId() + '-messages'"
+         [class.error]="showUploadError"
+         [class.disabled]="isShellDisabled()"
+         [attr.aria-disabled]="isShellDisabled() ? 'true' : null"
+         [class.proximity-active]="isProximityActive"
+         (click)="pendingFiles.length === 0 && openFromShell()"
+         (keydown.enter)="pendingFiles.length === 0 && openFromShell(); $event.preventDefault()"
+         (keydown.space)="pendingFiles.length === 0 && openFromShell(); $event.preventDefault()">
+      <mat-icon class="prefix" aria-hidden="true">attach_file</mat-icon>
+      <div class="content">
+        <!-- ESTADO 1: Sem arquivos pendentes -->
+        <ng-container *ngIf="pendingFiles.length === 0; else pendingState">
+          <span class="placeholder" *ngIf="!lastFileName">{{ t('placeholder','Selecione ou solte arquivos…') }}</span>
+          <span class="value" *ngIf="lastFileName" [title]="lastFileName">{{ lastFileName }}</span>
+          <span class="chip" *ngIf="batchCount > 1">+{{ batchCount - 1 }}</span>
+        </ng-container>
+
+        <!-- ESTADO 2: Com arquivos pendentes -->
+        <ng-template #pendingState>
+          <button type="button" class="pending-text-btn" [matMenuTriggerFor]="pendingFilesMenu">
+            <span>{{ pendingFiles.length }} arquivo(s) selecionado(s)</span>
+            <mat-icon>arrow_drop_down</mat-icon>
+          </button>
+        </ng-template>
+      </div>
+      <div class="suffixes">
+        <!-- Ações para arquivos pendentes -->
+        <ng-container *ngIf="pendingFiles.length > 0">
+          <button type="button" class="icon-btn" color="primary" title="Enviar" aria-label="Enviar" (click)="onTriggerUpload(); $event.stopPropagation()">
+            <mat-icon>upload</mat-icon>
+          </button>
+          <button type="button" class="icon-btn" color="warn" title="Cancelar Seleção" aria-label="Cancelar Seleção" (click)="onClearSelection(); $event.stopPropagation()">
+            <mat-icon>cancel</mat-icon>
+          </button>
+        </ng-container>
+
+        <!-- Ações padrão -->
+        <button type="button" class="icon-btn" title="Informações" aria-label="Informações" (click)="$event.stopPropagation()" [disabled]="isShellDisabled()" [matTooltip]="policySummary">
+          <mat-icon>info</mat-icon>
+        </button>
+        <button type="button" class="icon-btn" title="Mais ações" aria-label="Mais ações" (click)="$event.stopPropagation()" [disabled]="isShellDisabled()" [matMenuTriggerFor]="moreMenu">
+          <mat-icon>more_horiz</mat-icon>
+        </button>
+        <mat-menu #moreMenu="matMenu">
+          <button mat-menu-item (click)="openFromShell()">
+            <mat-icon>upload_file</mat-icon>
+            <span>Selecionar arquivo(s)</span>
+          </button>
+          <button mat-menu-item (click)="onClear()" [disabled]="!lastFileName && batchCount === 0">
+            <mat-icon>clear</mat-icon>
+            <span>Limpar</span>
+          </button>
+        </mat-menu>
+      </div>
+    </div>
+
+    <!-- Menu para exibir arquivos pendentes -->
+    <mat-menu #pendingFilesMenu="matMenu" class="pending-files-menu">
+      <ng-template matMenuContent>
+        <button mat-menu-item *ngFor="let file of pendingFiles" (click)="$event.stopPropagation(); $event.preventDefault();" [title]="file.name">
+          <div class="pending-file-item">
+            <div class="file-info">
+              <span class="file-name">{{ file.name }}</span>
+              <span class="file-size">({{ formatBytes(file.size) }})</span>
+            </div>
+            <span class="spacer"></span>
+            <button mat-icon-button class="remove-pending-btn" (click)="onRemovePendingFile(file, $event)" [attr.aria-label]="'Remover ' + file.name">
+              <mat-icon>close</mat-icon>
+            </button>
+          </div>
+        </button>
+      </ng-template>
+    </mat-menu>
+
+    <!-- Mensagens do campo (hint/erro) -->
+    <div class="field-messages" [id]="componentId() + '-messages'">
+      <div class="hint" *ngIf="metadata()?.hint && !showUploadError">{{ metadata()?.hint }}</div>
+      <div class="error" *ngIf="showUploadError">{{ uploadError || t('genericUploadError','Erro no envio de arquivo.') }}</div>
+    </div>
+
+    <!-- Componente principal de upload (agora para lógica, não para UI) -->
+    <praxis-files-upload
+      #uploader
+      displayMode="compact"
+      style="display: none;"
+      [config]="config"
+      [componentId]="componentId()"
+      [baseUrl]="baseUrl"
+      (uploadSuccess)="onUploadSuccess($event)"
+      (bulkComplete)="onBulkComplete($event)"
+      (error)="onUploadError($event)"
+      (pendingFilesChange)="handlePendingFiles($event)"
+    />
+  `, isInline: true, styles: [":host{position:relative}.pdx-upload-field-shell{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--pfx-surface-border, #ccc);border-radius:8px;background:var(--pfx-surface, var(--md-sys-color-surface));color:var(--md-sys-color-on-surface);min-height:40px;cursor:pointer}.pdx-upload-field-shell:focus-within{outline:2px solid var(--md-sys-color-primary,#1976d2);outline-offset:2px}.pdx-upload-field-shell.error{border-color:var(--md-sys-color-error,#b00020)}.pdx-upload-field-shell.disabled{opacity:.6;cursor:not-allowed}.pdx-upload-field-shell .prefix{color:var(--md-sys-color-primary,#1976d2)}.pdx-upload-field-shell .content{flex:1;min-width:0;display:flex;align-items:center;gap:.5rem}.pdx-upload-field-shell .placeholder{color:var(--md-sys-color-on-surface-variant)}.pdx-upload-field-shell .value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-upload-field-shell .chip{font-size:.75rem;padding:0 .4rem;border-radius:999px;background:color-mix(in oklab,var(--mat-sys-color-primary,#1976d2) 15%,transparent);color:var(--mat-sys-color-primary,#1976d2)}.pdx-upload-field-shell .suffixes{display:flex;align-items:center;gap:.25rem}.pdx-upload-field-shell .icon-btn{border:0;background:transparent;padding:.25rem;border-radius:6px;cursor:pointer;color:var(--md-sys-color-on-surface-variant)}.pdx-upload-field-shell .icon-btn:hover{background:#ffffff0d}.pdx-upload-field-shell.disabled .icon-btn{cursor:not-allowed}.field-messages{font-size:.82rem;margin-top:.25rem}.field-messages .hint{opacity:.8}.field-messages .error{color:var(--md-sys-color-error,#b00020)}.pending-text-btn{display:flex;align-items:center;gap:.25rem;background:0;border:0;color:var(--md-sys-color-on-surface);font-family:inherit;font-size:inherit;padding:0;margin:0;cursor:pointer}.pending-text-btn span,.pending-text-btn mat-icon{color:inherit}.pending-files-menu .mat-mdc-menu-content{padding:0}.pending-file-item{display:flex;align-items:center;width:100%;gap:.5rem;padding:8px 16px}.pending-file-item .file-info{flex:1;min-width:0;text-align:left}.pending-file-item .file-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pending-file-item .file-size{font-size:.8rem;opacity:.7}.pending-file-item .spacer{flex:1 1 auto}.pending-file-item .remove-pending-btn{color:var(--md-sys-color-on-surface-variant)}.pdx-upload-field-shell.proximity-active{border-style:dashed;border-color:var(--md-sys-color-primary);transform:scale(1.02);background:color-mix(in oklab,var(--pfx-surface) 85%,var(--md-sys-color-primary) 15%);transition:all .2s ease-in-out}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PraxisFilesUpload, selector: "praxis-files-upload", inputs: ["config", "componentId", "baseUrl", "displayMode"], outputs: ["uploadSuccess", "bulkComplete", "error", "rateLimited", "retry", "download", "copyLink", "detailsOpened", "detailsClosed", "pendingFilesChange", "proximityChange"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3$1.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i3$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i13.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: PdxFilesUploadFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pdx-material-files-upload', standalone: true, imports: [CommonModule, PraxisFilesUpload, MatIconModule, MatMenuModule, MatTooltipModule], template: `
+    <!-- Casca compacta tipo input -->
+    <div class="pdx-upload-field-shell"
+         role="button"
+         tabindex="0"
+         [attr.aria-describedby]="componentId() + '-messages'"
+         [class.error]="showUploadError"
+         [class.disabled]="isShellDisabled()"
+         [attr.aria-disabled]="isShellDisabled() ? 'true' : null"
+         [class.proximity-active]="isProximityActive"
+         (click)="pendingFiles.length === 0 && openFromShell()"
+         (keydown.enter)="pendingFiles.length === 0 && openFromShell(); $event.preventDefault()"
+         (keydown.space)="pendingFiles.length === 0 && openFromShell(); $event.preventDefault()">
+      <mat-icon class="prefix" aria-hidden="true">attach_file</mat-icon>
+      <div class="content">
+        <!-- ESTADO 1: Sem arquivos pendentes -->
+        <ng-container *ngIf="pendingFiles.length === 0; else pendingState">
+          <span class="placeholder" *ngIf="!lastFileName">{{ t('placeholder','Selecione ou solte arquivos…') }}</span>
+          <span class="value" *ngIf="lastFileName" [title]="lastFileName">{{ lastFileName }}</span>
+          <span class="chip" *ngIf="batchCount > 1">+{{ batchCount - 1 }}</span>
+        </ng-container>
+
+        <!-- ESTADO 2: Com arquivos pendentes -->
+        <ng-template #pendingState>
+          <button type="button" class="pending-text-btn" [matMenuTriggerFor]="pendingFilesMenu">
+            <span>{{ pendingFiles.length }} arquivo(s) selecionado(s)</span>
+            <mat-icon>arrow_drop_down</mat-icon>
+          </button>
+        </ng-template>
+      </div>
+      <div class="suffixes">
+        <!-- Ações para arquivos pendentes -->
+        <ng-container *ngIf="pendingFiles.length > 0">
+          <button type="button" class="icon-btn" color="primary" title="Enviar" aria-label="Enviar" (click)="onTriggerUpload(); $event.stopPropagation()">
+            <mat-icon>upload</mat-icon>
+          </button>
+          <button type="button" class="icon-btn" color="warn" title="Cancelar Seleção" aria-label="Cancelar Seleção" (click)="onClearSelection(); $event.stopPropagation()">
+            <mat-icon>cancel</mat-icon>
+          </button>
+        </ng-container>
+
+        <!-- Ações padrão -->
+        <button type="button" class="icon-btn" title="Informações" aria-label="Informações" (click)="$event.stopPropagation()" [disabled]="isShellDisabled()" [matTooltip]="policySummary">
+          <mat-icon>info</mat-icon>
+        </button>
+        <button type="button" class="icon-btn" title="Mais ações" aria-label="Mais ações" (click)="$event.stopPropagation()" [disabled]="isShellDisabled()" [matMenuTriggerFor]="moreMenu">
+          <mat-icon>more_horiz</mat-icon>
+        </button>
+        <mat-menu #moreMenu="matMenu">
+          <button mat-menu-item (click)="openFromShell()">
+            <mat-icon>upload_file</mat-icon>
+            <span>Selecionar arquivo(s)</span>
+          </button>
+          <button mat-menu-item (click)="onClear()" [disabled]="!lastFileName && batchCount === 0">
+            <mat-icon>clear</mat-icon>
+            <span>Limpar</span>
+          </button>
+        </mat-menu>
+      </div>
+    </div>
+
+    <!-- Menu para exibir arquivos pendentes -->
+    <mat-menu #pendingFilesMenu="matMenu" class="pending-files-menu">
+      <ng-template matMenuContent>
+        <button mat-menu-item *ngFor="let file of pendingFiles" (click)="$event.stopPropagation(); $event.preventDefault();" [title]="file.name">
+          <div class="pending-file-item">
+            <div class="file-info">
+              <span class="file-name">{{ file.name }}</span>
+              <span class="file-size">({{ formatBytes(file.size) }})</span>
+            </div>
+            <span class="spacer"></span>
+            <button mat-icon-button class="remove-pending-btn" (click)="onRemovePendingFile(file, $event)" [attr.aria-label]="'Remover ' + file.name">
+              <mat-icon>close</mat-icon>
+            </button>
+          </div>
+        </button>
+      </ng-template>
+    </mat-menu>
+
+    <!-- Mensagens do campo (hint/erro) -->
+    <div class="field-messages" [id]="componentId() + '-messages'">
+      <div class="hint" *ngIf="metadata()?.hint && !showUploadError">{{ metadata()?.hint }}</div>
+      <div class="error" *ngIf="showUploadError">{{ uploadError || t('genericUploadError','Erro no envio de arquivo.') }}</div>
+    </div>
+
+    <!-- Componente principal de upload (agora para lógica, não para UI) -->
+    <praxis-files-upload
+      #uploader
+      displayMode="compact"
+      style="display: none;"
+      [config]="config"
+      [componentId]="componentId()"
+      [baseUrl]="baseUrl"
+      (uploadSuccess)="onUploadSuccess($event)"
+      (bulkComplete)="onBulkComplete($event)"
+      (error)="onUploadError($event)"
+      (pendingFilesChange)="handlePendingFiles($event)"
+    />
+  `, host: {
+                        '[class]': 'componentCssClasses()',
+                        '[attr.data-field-type]': '"files-upload"',
+                        '[attr.data-field-name]': 'metadata()?.name',
+                        '[attr.data-component-id]': 'componentId()',
+                    }, styles: [":host{position:relative}.pdx-upload-field-shell{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--pfx-surface-border, #ccc);border-radius:8px;background:var(--pfx-surface, var(--md-sys-color-surface));color:var(--md-sys-color-on-surface);min-height:40px;cursor:pointer}.pdx-upload-field-shell:focus-within{outline:2px solid var(--md-sys-color-primary,#1976d2);outline-offset:2px}.pdx-upload-field-shell.error{border-color:var(--md-sys-color-error,#b00020)}.pdx-upload-field-shell.disabled{opacity:.6;cursor:not-allowed}.pdx-upload-field-shell .prefix{color:var(--md-sys-color-primary,#1976d2)}.pdx-upload-field-shell .content{flex:1;min-width:0;display:flex;align-items:center;gap:.5rem}.pdx-upload-field-shell .placeholder{color:var(--md-sys-color-on-surface-variant)}.pdx-upload-field-shell .value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-upload-field-shell .chip{font-size:.75rem;padding:0 .4rem;border-radius:999px;background:color-mix(in oklab,var(--mat-sys-color-primary,#1976d2) 15%,transparent);color:var(--mat-sys-color-primary,#1976d2)}.pdx-upload-field-shell .suffixes{display:flex;align-items:center;gap:.25rem}.pdx-upload-field-shell .icon-btn{border:0;background:transparent;padding:.25rem;border-radius:6px;cursor:pointer;color:var(--md-sys-color-on-surface-variant)}.pdx-upload-field-shell .icon-btn:hover{background:#ffffff0d}.pdx-upload-field-shell.disabled .icon-btn{cursor:not-allowed}.field-messages{font-size:.82rem;margin-top:.25rem}.field-messages .hint{opacity:.8}.field-messages .error{color:var(--md-sys-color-error,#b00020)}.pending-text-btn{display:flex;align-items:center;gap:.25rem;background:0;border:0;color:var(--md-sys-color-on-surface);font-family:inherit;font-size:inherit;padding:0;margin:0;cursor:pointer}.pending-text-btn span,.pending-text-btn mat-icon{color:inherit}.pending-files-menu .mat-mdc-menu-content{padding:0}.pending-file-item{display:flex;align-items:center;width:100%;gap:.5rem;padding:8px 16px}.pending-file-item .file-info{flex:1;min-width:0;text-align:left}.pending-file-item .file-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pending-file-item .file-size{font-size:.8rem;opacity:.7}.pending-file-item .spacer{flex:1 1 auto}.pending-file-item .remove-pending-btn{color:var(--md-sys-color-on-surface-variant)}.pdx-upload-field-shell.proximity-active{border-style:dashed;border-color:var(--md-sys-color-primary);transform:scale(1.02);background:color-mix(in oklab,var(--pfx-surface) 85%,var(--md-sys-color-primary) 15%);transition:all .2s ease-in-out}\n"] }]
+        }], propDecorators: { config: [{
+                type: Input
+            }], valueMode: [{
+                type: Input
+            }], baseUrl: [{
+                type: Input
+            }], uploader: [{
+                type: ViewChild,
+                args: ['uploader']
+            }] } });
+
+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.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.',
+};
+
+/** Metadata for PraxisFilesUpload component */
+const PRAXIS_FILES_UPLOAD_COMPONENT_METADATA = {
+    id: 'praxis-files-upload',
+    selector: 'praxis-files-upload',
+    component: PraxisFilesUpload,
+    friendlyName: 'Praxis Files Upload',
+    description: 'Upload de arquivos com dropzone, envio em lote e lista de resultados rica.',
+    icon: 'upload_file',
+    inputs: [
+        { name: 'config', type: 'FilesUploadConfig | null', description: 'Configuração de UI/limites/opções/bulk/quotas/rateLimit/messages' },
+        { name: 'componentId', type: 'string', default: 'default', description: 'Identificador do componente (ex.: storage de preferências)' },
+        { name: 'baseUrl', type: 'string', description: 'Base URL da API de arquivos' },
+        { name: 'displayMode', type: "'full' | 'compact'", default: 'full', description: 'Modo de exibição do componente' },
+    ],
+    outputs: [
+        { name: 'uploadSuccess', type: '{ file: FileMetadata }', description: 'Emite após upload único com sucesso' },
+        { name: 'bulkComplete', type: 'BulkUploadResponse', description: 'Emite após upload em lote completar' },
+        { name: 'error', type: 'ErrorResponse', description: 'Erros de upload' },
+        { name: 'rateLimited', type: 'RateLimitInfo', description: 'Sinaliza rate limiting' },
+        { name: 'retry', type: 'BulkUploadFileResult', description: 'Usuário acionou reenvio' },
+        { name: 'download', type: 'BulkUploadFileResult', description: 'Usuário solicitou download' },
+        { name: 'copyLink', type: 'BulkUploadFileResult', description: 'Usuário copiou link' },
+        { name: 'detailsOpened', type: 'BulkUploadFileResult', description: 'Detalhes do item abertos' },
+        { name: 'detailsClosed', type: 'BulkUploadFileResult', description: 'Detalhes do item fechados' },
+        { name: 'pendingFilesChange', type: 'File[]', description: 'Mudança na lista de arquivos pendentes' },
+        { name: 'proximityChange', type: 'boolean', description: 'Mudança de estado de proximidade (drag-over expand)' },
+    ],
+    tags: ['widget', 'upload', 'configurable', 'hasWizard', 'stable'],
+    lib: '@praxisui/files-upload',
+};
+/** Provider para auto-registrar metadados do componente Files Upload. */
+function providePraxisFilesUploadMetadata() {
+    return {
+        provide: ENVIRONMENT_INITIALIZER,
+        multi: true,
+        useFactory: (registry) => () => {
+            registry.register(PRAXIS_FILES_UPLOAD_COMPONENT_METADATA);
+        },
+        deps: [ComponentMetadataRegistry],
+    };
+}
+
+// Export all public API from subdirectories
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BulkUploadResultStatus, ErrorCode, ErrorMapperService, FILES_UPLOAD_ERROR_MESSAGES, FILES_UPLOAD_PT_BR, FILES_UPLOAD_TEXTS, FilesApiClient, PRAXIS_FILES_UPLOAD_COMPONENT_METADATA, PdxFilesUploadFieldComponent, PraxisFilesUpload, PraxisFilesUploadConfigEditor, PresignedUploaderService, ScanStatus, TRANSLATE_LIKE, acceptValidator, maxBulkSizeValidator, maxFileSizeValidator, maxFilesPerBulkValidator, providePraxisFilesUploadMetadata };
+//# sourceMappingURL=praxisui-files-upload.mjs.map