@flusys/ng-storage 1.0.0-rc → 1.0.0

package/fesm2022/{flusys-ng-storage-storage-config-list.component-BbBx0iSL.mjs → flusys-ng-storage-storage-config-list.component-iJez-rII.mjs}

@@ -9,20 +9,12 @@ import * as i3 from 'primeng/tag';
 import * as i4 from 'primeng/tooltip';
 import * as i5 from '@angular/common';
 
-/**
- * Storage Config List Component
- * Displays all storage configurations with company filter (if enabled)
- */
 class StorageConfigListComponent extends BaseStorageListPage {
-    // Permission constants for template
     STORAGE_CONFIG_PERMISSIONS = STORAGE_CONFIG_PERMISSIONS;
     configService = inject(StorageConfigApiService);
-    /** Configs list alias for template compatibility */
-    configs = this.items;
-    /** Utility functions exposed to template */
-    getProviderIcon = (storage) => getProviderIcon(storage);
-    getProviderLabel = (storage) => getProviderLabel(storage);
-    getProviderSeverity = (storage) => getProviderSeverity(storage);
+    getProviderIcon = getProviderIcon;
+    getProviderLabel = getProviderLabel;
+    getProviderSeverity = getProviderSeverity;
     getResourceRoute() {
         return '/storage/configs';
     }
@@ -32,12 +24,7 @@ class StorageConfigListComponent extends BaseStorageListPage {
     async loadData() {
         this.isLoading.set(true);
         try {
-            const response = await firstValueFrom(this.configService.getAll('', {
-                pagination: this.getPaginationParams(),
-                filter: {},
-                select: [],
-                sort: {},
-            }));
+            const response = await firstValueFrom(this.configService.getAll('', { pagination: this.getPaginationParams() }));
             if (response.success) {
                 this.items.set(response.data ?? []);
                 this.total.set(response.meta?.total ?? 0);
@@ -64,9 +51,7 @@ class StorageConfigListComponent extends BaseStorageListPage {
         <div>
           <h3 class="text-lg sm:text-xl font-semibold">Storage Configurations</h3>
           @if (showCompanyInfo()) {
-            <p class="text-sm text-muted-color mt-1">
-              Company: {{ currentCompanyName() }}
-            </p>
+            <p class="text-sm text-muted-color mt-1">Company: {{ currentCompanyName() }}</p>
           }
         </div>
         <p-button *hasPermission="STORAGE_CONFIG_PERMISSIONS.CREATE" label="New Configuration" icon="pi pi-plus" (onClick)="onCreate()" styleClass="w-full sm:w-auto" />
@@ -74,7 +59,7 @@ class StorageConfigListComponent extends BaseStorageListPage {
 
       <div class="overflow-x-auto">
         <p-table
-          [value]="configs()"
+          [value]="items()"
           [loading]="isLoading()"
           [paginator]="totalRecords() > 0"
           [rows]="pageSize()"
@@ -116,11 +101,7 @@ class StorageConfigListComponent extends BaseStorageListPage {
           <ng-template #emptymessage>
             <tr>
               <td colspan="4" class="text-center py-4 text-muted-color">
-                @if (showCompanyInfo()) {
-                  No storage configurations found in current company
-                } @else {
-                  No storage configurations found
-                }
+                {{ showCompanyInfo() ? 'No storage configurations found in current company' : 'No storage configurations found' }}
               </td>
             </tr>
           </ng-template>
@@ -133,7 +114,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
             type: Component,
             args: [{
                     selector: 'lib-storage-config-list',
-                    standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [AngularModule, PrimeModule, HasPermissionDirective],
                     template: `
@@ -142,9 +122,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
         <div>
           <h3 class="text-lg sm:text-xl font-semibold">Storage Configurations</h3>
           @if (showCompanyInfo()) {
-            <p class="text-sm text-muted-color mt-1">
-              Company: {{ currentCompanyName() }}
-            </p>
+            <p class="text-sm text-muted-color mt-1">Company: {{ currentCompanyName() }}</p>
           }
         </div>
         <p-button *hasPermission="STORAGE_CONFIG_PERMISSIONS.CREATE" label="New Configuration" icon="pi pi-plus" (onClick)="onCreate()" styleClass="w-full sm:w-auto" />
@@ -152,7 +130,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
 
       <div class="overflow-x-auto">
         <p-table
-          [value]="configs()"
+          [value]="items()"
           [loading]="isLoading()"
           [paginator]="totalRecords() > 0"
           [rows]="pageSize()"
@@ -194,11 +172,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
           <ng-template #emptymessage>
             <tr>
               <td colspan="4" class="text-center py-4 text-muted-color">
-                @if (showCompanyInfo()) {
-                  No storage configurations found in current company
-                } @else {
-                  No storage configurations found
-                }
+                {{ showCompanyInfo() ? 'No storage configurations found in current company' : 'No storage configurations found' }}
               </td>
             </tr>
           </ng-template>
@@ -210,4 +184,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
         }] });
 
 export { StorageConfigListComponent };
-//# sourceMappingURL=flusys-ng-storage-storage-config-list.component-BbBx0iSL.mjs.map
+//# sourceMappingURL=flusys-ng-storage-storage-config-list.component-iJez-rII.mjs.map

package/fesm2022/flusys-ng-storage-storage-config-list.component-iJez-rII.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flusys-ng-storage-storage-config-list.component-iJez-rII.mjs","sources":["../../../projects/ng-storage/pages/storage-config/storage-config-list.component.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { AngularModule, HasPermissionDirective, PrimeModule, STORAGE_CONFIG_PERMISSIONS } from '@flusys/ng-shared';\nimport { firstValueFrom } from 'rxjs';\nimport { IStorageConfig } from '../../interfaces/storage-config.interface';\nimport { StorageConfigApiService } from '../../services/storage-config-api.service';\nimport { BaseStorageListPage } from '../../utils/base-storage-page';\nimport { getProviderIcon, getProviderLabel, getProviderSeverity } from '../../utils/storage-utils';\n\n@Component({\n  selector: 'lib-storage-config-list',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [AngularModule, PrimeModule, HasPermissionDirective],\n  template: `\n    <div class=\"card\">\n      <div class=\"flex flex-col sm:flex-row sm:justify-between sm:items-center gap-3 mb-4\">\n        <div>\n          <h3 class=\"text-lg sm:text-xl font-semibold\">Storage Configurations</h3>\n          @if (showCompanyInfo()) {\n            <p class=\"text-sm text-muted-color mt-1\">Company: {{ currentCompanyName() }}</p>\n          }\n        </div>\n        <p-button *hasPermission=\"STORAGE_CONFIG_PERMISSIONS.CREATE\" label=\"New Configuration\" icon=\"pi pi-plus\" (onClick)=\"onCreate()\" styleClass=\"w-full sm:w-auto\" />\n      </div>\n\n      <div class=\"overflow-x-auto\">\n        <p-table\n          [value]=\"items()\"\n          [loading]=\"isLoading()\"\n          [paginator]=\"totalRecords() > 0\"\n          [rows]=\"pageSize()\"\n          [totalRecords]=\"totalRecords()\"\n          [lazy]=\"true\"\n          (onLazyLoad)=\"onPageChange($event)\"\n          [rowsPerPageOptions]=\"[10, 25, 50]\"\n          [scrollable]=\"true\"\n          styleClass=\"p-datatable-sm\"\n        >\n          <ng-template #header>\n            <tr>\n              <th>Name</th>\n              <th>Provider</th>\n              <th class=\"hidden sm:table-cell\">Created</th>\n              <th class=\"w-[120px]\">Actions</th>\n            </tr>\n          </ng-template>\n          <ng-template #body let-config>\n            <tr>\n              <td>\n                <div class=\"flex items-center gap-2\">\n                  <i [class]=\"getProviderIcon(config.storage)\"></i>\n                  <span class=\"truncate max-w-32 sm:max-w-none\">{{ config.name }}</span>\n                </div>\n              </td>\n              <td>\n                <p-tag [value]=\"getProviderLabel(config.storage)\" [severity]=\"getProviderSeverity(config.storage)\" />\n              </td>\n              <td class=\"hidden sm:table-cell\">{{ config.createdAt | date: 'short' }}</td>\n              <td>\n                <div class=\"flex gap-1\">\n                  <p-button *hasPermission=\"STORAGE_CONFIG_PERMISSIONS.UPDATE\" icon=\"pi pi-pencil\" [text]=\"true\" severity=\"secondary\" size=\"small\" (onClick)=\"onEdit(config.id)\" pTooltip=\"Edit\" tooltipPosition=\"top\" />\n                  <p-button *hasPermission=\"STORAGE_CONFIG_PERMISSIONS.DELETE\" icon=\"pi pi-trash\" [text]=\"true\" severity=\"danger\" size=\"small\" (onClick)=\"onDeleteConfig(config)\" pTooltip=\"Delete\" tooltipPosition=\"top\" />\n                </div>\n              </td>\n            </tr>\n          </ng-template>\n          <ng-template #emptymessage>\n            <tr>\n              <td colspan=\"4\" class=\"text-center py-4 text-muted-color\">\n                {{ showCompanyInfo() ? 'No storage configurations found in current company' : 'No storage configurations found' }}\n              </td>\n            </tr>\n          </ng-template>\n        </p-table>\n      </div>\n    </div>\n  `,\n})\nexport class StorageConfigListComponent extends BaseStorageListPage<IStorageConfig> {\n  readonly STORAGE_CONFIG_PERMISSIONS = STORAGE_CONFIG_PERMISSIONS;\n\n  private readonly configService = inject(StorageConfigApiService);\n\n  readonly getProviderIcon = getProviderIcon;\n  readonly getProviderLabel = getProviderLabel;\n  readonly getProviderSeverity = getProviderSeverity;\n\n  getResourceRoute(): string {\n    return '/storage/configs';\n  }\n\n  override getDeleteConfirmMessage(config: IStorageConfig): string {\n    return `Are you sure you want to delete \"${config.name}\"?`;\n  }\n\n  async loadData(): Promise<void> {\n    this.isLoading.set(true);\n    try {\n      const response = await firstValueFrom(\n        this.configService.getAll('', { pagination: this.getPaginationParams() }),\n      );\n      if (response.success) {\n        this.items.set(response.data ?? []);\n        this.total.set(response.meta?.total ?? 0);\n      }\n    } catch {\n      this.showError('Failed to load storage configurations.');\n    } finally {\n      this.isLoading.set(false);\n    }\n  }\n\n  onDeleteConfig(config: IStorageConfig): void {\n    this.onDeleteAsync(\n      config,\n      (c) => c.id,\n      (id) => this.configService.deleteAsync({ id, type: 'delete' }),\n      {\n        header: 'Delete Configuration',\n        successMessage: 'Storage configuration deleted successfully.',\n        errorMessage: 'Failed to delete storage configuration.',\n      },\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/flusys-ng-storage.mjs

@@ -3,7 +3,7 @@ import { inject, signal, computed, Directive, Injectable, ChangeDetectionStrateg
 import { Router, RouterOutlet, RouterLink, RouterLinkActive } from '@angular/router';
 import { APP_CONFIG, DEFAULT_APP_NAME, BaseApiService, getDefaultStorageConfigId } from '@flusys/ng-core';
 import { LAYOUT_AUTH_STATE } from '@flusys/ng-layout';
-import { BaseListPage, ApiResourceService, PROFILE_UPLOAD_PROVIDER } from '@flusys/ng-shared';
+import { BaseListPage, ApiResourceService, PROFILE_UPLOAD_PROVIDER, permissionGuard, FILE_PERMISSIONS, FOLDER_PERMISSIONS, STORAGE_CONFIG_PERMISSIONS, PermissionValidatorService } from '@flusys/ng-shared';
 import { MessageService } from 'primeng/api';
 import { map } from 'rxjs/operators';
 import { firstValueFrom, switchMap } from 'rxjs';
@@ -118,32 +118,20 @@ const STORAGE_PROVIDERS = [
     { label: 'Local Storage', value: FileLocationEnum.LOCAL },
 ];
 
-/**
- * Base Storage Page
- *
- * Provides common signals, computed values, and utilities for storage pages.
- * Used by form components that need company context and message utilities.
- */
 class BaseStoragePage {
     router = inject(Router);
     messageService = inject(MessageService);
     appConfig = inject(APP_CONFIG);
     companyContext = inject(LAYOUT_AUTH_STATE);
-    /** Loading state */
     isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
-    /** Show company info if company feature enabled */
     showCompanyInfo = computed(() => this.appConfig.enableCompanyFeature, ...(ngDevMode ? [{ debugName: "showCompanyInfo" }] : []));
-    /** Current company name */
     currentCompanyName = computed(() => this.companyContext.currentCompanyInfo()?.name ?? DEFAULT_APP_NAME, ...(ngDevMode ? [{ debugName: "currentCompanyName" }] : []));
-    /** Show success message */
     showSuccess(detail, summary = 'Success') {
         this.messageService.add({ severity: 'success', summary, detail });
     }
-    /** Show error message */
     showError(detail, summary = 'Error') {
         this.messageService.add({ severity: 'error', summary, detail });
     }
-    /** Navigate to a route */
     navigateTo(path) {
         this.router.navigate(path);
     }
@@ -153,35 +141,11 @@ class BaseStoragePage {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: BaseStoragePage, decorators: [{
             type: Directive
         }] });
-/**
- * Base Storage List Page
- *
- * Extends the shared BaseListPage with storage-specific functionality:
- * - Company context integration via LAYOUT_AUTH_STATE
- * - Current company name computed signal
- * - Storage-specific defaults (pageSize: 50)
- *
- * Usage:
- * ```typescript
- * @Component({ ... })
- * export class FolderListComponent extends BaseStorageListPage<IFolder> {
- *   getResourceRoute(): string { return '/storage/folders'; }
- *   getDeleteConfirmMessage(folder: IFolder): string { return `Delete "${folder.name}"?`; }
- *   async loadData(): Promise<void> { ... }
- * }
- * ```
- */
 class BaseStorageListPage extends BaseListPage {
     companyContext = inject(LAYOUT_AUTH_STATE);
-    /** Override default page size for storage pages */
     pageSize = signal(50, ...(ngDevMode ? [{ debugName: "pageSize" }] : []));
-    /** Total records alias for backward compatibility */
     totalRecords = this.total;
-    /** Current company name */
     currentCompanyName = computed(() => this.companyContext.currentCompanyInfo()?.name ?? DEFAULT_APP_NAME, ...(ngDevMode ? [{ debugName: "currentCompanyName" }] : []));
-    /**
-     * Default implementation - subclasses should override if needed
-     */
     getDeleteConfirmMessage(item) {
         const name = item.name ?? 'this item';
         return `Are you sure you want to delete "${name}"?`;
@@ -193,65 +157,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
             type: Directive
         }] });
 
-/**
- * File Manager API Service
- * Handles file metadata CRUD operations
- * Endpoint: POST /storage/file-manager/*
- *
- * Note: Company feature enabled - all queries automatically scoped to user's company
- */
 class FileManagerApiService extends ApiResourceService {
     constructor() {
-        const http = inject(HttpClient);
-        super('storage/file-manager', http);
+        super('storage/file-manager', inject(HttpClient));
     }
-    /**
-     * Get multiple files with valid URLs
-     * POST /storage/file-manager/get-files
-     * Regenerates presigned URLs if expired
-     */
     getFiles(fileIds) {
         const requests = fileIds.map((id) => ({ id }));
         return this.http.post(`${this.baseUrl}/get-files`, requests);
     }
-    /**
-     * Get files by folder
-     * POST /storage/file-manager/get-all
-     * Filtered by folder ID (UUID) and company (if enabled)
-     */
-    getFilesByFolder(folderId, page = 1, limit = 50) {
-        return this.getAll('', {
-            filter: folderId ? { folderId } : {},
-            pagination: { currentPage: page - 1, pageSize: limit },
-            select: [],
-            sort: {},
-        });
-    }
-    /**
-     * Get private files (requires permission)
-     * POST /storage/file-manager/get-all
-     * Filtered by isPrivate and user permission 'storage.file.viewPrivate'
-     */
-    getPrivateFiles(page = 1, limit = 50) {
-        return this.getAll('', {
-            filter: { isPrivate: true },
-            pagination: { currentPage: page - 1, pageSize: limit },
-            select: [],
-            sort: {},
-        });
-    }
-    /**
-     * Create a new file record
-     * POST /storage/file-manager/insert
-     * Uses ICreateFileManagerDto which has different required fields than update
-     */
     createFile(dto) {
         return this.http.post(`${this.baseUrl}/insert`, dto);
     }
-    /**
-     * Create a new file record (async/await version)
-     * POST /storage/file-manager/insert
-     */
     async createFileAsync(dto) {
         return firstValueFrom(this.createFile(dto));
     }
@@ -260,77 +176,77 @@ class FileManagerApiService extends ApiResourceService {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FileManagerApiService, decorators: [{
             type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
+            args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
 
 /**
- * Upload Service
- * Handles file upload/delete operations
+ * Upload Service - File upload/delete operations
  * Endpoint: POST /storage/upload/*
- *
- * Features:
- * - Company-scoped uploads (if company feature enabled)
- * - Image compression
- * - Multiple storage providers
- * - File validation (size, type)
- * - Default storage config from environment (services.storage.defaultStorageConfigId)
  */
 class UploadService extends BaseApiService {
     fileManagerApi = inject(FileManagerApiService);
     constructor() {
         super('storage');
     }
-    /**
-     * Get default storage config ID from app config
-     * Used when no storageConfigId is provided in upload options
-     */
+    /** Get default storage config ID from app config */
     getDefaultConfigId() {
         return getDefaultStorageConfigId(this.appConfig);
     }
-    /**
-     * Upload single file
-     * POST /storage/upload/single-file?storageConfigId=x&folderPath=y
-     *
-     * @param file - File to upload
-     * @param options - Upload options (storage config, compression, etc.)
-     */
+    /** Upload single file - POST /storage/upload/single-file */
     uploadSingleFile(file, options) {
         const formData = new FormData();
         formData.append('file', file);
-        const queryParams = this.buildQueryParams(options);
-        const url = queryParams
-            ? `${this.getUrl('upload/single-file')}?${queryParams}`
-            : this.getUrl('upload/single-file');
-        return this.http.post(url, formData);
+        return this.http.post(this.buildUploadUrl('single-file', options), formData);
     }
-    /**
-     * Upload multiple files (max 50)
-     * POST /storage/upload/multiple-file?storageConfigId=x&folderPath=y
-     *
-     * @param files - Array of files to upload
-     * @param options - Upload options
-     */
+    /** Upload multiple files (max 50) - POST /storage/upload/multiple-file */
     uploadMultipleFiles(files, options) {
         const formData = new FormData();
         files.forEach((file) => formData.append('files', file));
-        const queryParams = this.buildQueryParams(options);
-        const url = queryParams
-            ? `${this.getUrl('upload/multiple-file')}?${queryParams}`
-            : this.getUrl('upload/multiple-file');
-        return this.http.post(url, formData);
+        return this.http.post(this.buildUploadUrl('multiple-file', options), formData);
+    }
+    /** Delete single file - POST /storage/upload/delete-single-file */
+    deleteSingleFile(key, storageConfigId) {
+        return this.http.post(this.getUrl('upload/delete-single-file'), this.buildDeleteBody({ key }, storageConfigId));
+    }
+    /** Delete multiple files - POST /storage/upload/delete-multiple-file */
+    deleteMultipleFiles(keys, storageConfigId) {
+        return this.http.post(this.getUrl('upload/delete-multiple-file'), this.buildDeleteBody({ keys }, storageConfigId));
+    }
+    /** Get file download URL - GET /storage/upload/file/:filePath */
+    getFileUrl(key) {
+        return this.getUrl(`upload/file/${key}`);
+    }
+    /** Upload file and register in file manager - returns file manager ID (UUID) */
+    uploadAndRegister(file, options) {
+        return this.uploadSingleFile(file, options).pipe(switchMap((response) => {
+            if (!response.success || !response.data) {
+                throw new Error(response.message || 'Upload failed');
+            }
+            return this.fileManagerApi.createFile({
+                name: response.data.name,
+                key: response.data.key,
+                size: String(response.data.size),
+                contentType: response.data.contentType,
+                isPrivate: options?.isPrivate ?? false,
+                folderId: options?.folderId,
+                storageConfigId: this.resolveConfigId(options?.storageConfigId),
+            });
+        }));
+    }
+    // ─── Private Helpers ───────────────────────────────────────────────────────
+    resolveConfigId(storageConfigId) {
+        return storageConfigId ?? this.getDefaultConfigId();
+    }
+    buildUploadUrl(endpoint, options) {
+        const params = this.buildQueryParams(options);
+        const baseUrl = this.getUrl(`upload/${endpoint}`);
+        return params ? `${baseUrl}?${params}` : baseUrl;
     }
-    /**
-     * Build query string from upload options
-     * Uses default storageConfigId from app config if not provided in options
-     */
     buildQueryParams(options) {
         const params = new URLSearchParams();
-        // Use provided storageConfigId or fall back to default from config
-        const storageConfigId = options?.storageConfigId ?? this.getDefaultConfigId();
-        if (storageConfigId)
-            params.append('storageConfigId', storageConfigId);
+        const configId = this.resolveConfigId(options?.storageConfigId);
+        if (configId)
+            params.append('storageConfigId', configId);
         if (options?.folderPath)
             params.append('folderPath', options.folderPath);
         if (options?.maxWidth)
@@ -345,73 +261,16 @@ class UploadService extends BaseApiService {
             params.append('compress', options.compress.toString());
         return params.toString();
     }
-    /**
-     * Delete single file
-     * POST /storage/upload/delete-single-file
-     *
-     * @param key - File key/path to delete
-     * @param storageConfigId - Optional storage config ID (uses default from config if not provided)
-     */
-    deleteSingleFile(key, storageConfigId) {
-        const configId = storageConfigId ?? this.getDefaultConfigId();
-        return this.http.post(this.getUrl('upload/delete-single-file'), { key, ...(configId && { storageConfigId: configId }) });
-    }
-    /**
-     * Delete multiple files
-     * POST /storage/upload/delete-multiple-file
-     *
-     * @param keys - Array of file keys/paths to delete
-     * @param storageConfigId - Optional storage config ID (uses default from config if not provided)
-     */
-    deleteMultipleFiles(keys, storageConfigId) {
-        const configId = storageConfigId ?? this.getDefaultConfigId();
-        return this.http.post(this.getUrl('upload/delete-multiple-file'), { keys, ...(configId && { storageConfigId: configId }) });
-    }
-    /**
-     * Get file download URL
-     * GET /storage/upload/file/:filePath
-     *
-     * @param key - File key/path
-     * @returns URL for direct file access
-     */
-    getFileUrl(key) {
-        return this.getUrl(`upload/file/${key}`);
-    }
-    /**
-     * Upload file and register in file manager
-     * Returns file manager ID (UUID) for storing in references like profilePictureId
-     *
-     * @param file - File to upload
-     * @param options - Upload options (storage config, compression, etc.)
-     * @returns Observable with file manager record (id is the UUID to store)
-     */
-    uploadAndRegister(file, options) {
-        return this.uploadSingleFile(file, options).pipe(switchMap((uploadResponse) => {
-            if (!uploadResponse.success || !uploadResponse.data) {
-                throw new Error(uploadResponse.message || 'Upload failed');
-            }
-            const uploadedFile = uploadResponse.data;
-            const storageConfigId = options?.storageConfigId ?? this.getDefaultConfigId();
-            // Create file manager record using proper DTO
-            return this.fileManagerApi.createFile({
-                name: uploadedFile.name,
-                key: uploadedFile.key,
-                size: String(uploadedFile.size),
-                contentType: uploadedFile.contentType,
-                isPrivate: options?.isPrivate ?? false,
-                folderId: options?.folderId,
-                storageConfigId,
-            });
-        }));
+    buildDeleteBody(data, storageConfigId) {
+        const configId = this.resolveConfigId(storageConfigId);
+        return { ...data, ...(configId && { storageConfigId: configId }) };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UploadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UploadService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UploadService, decorators: [{
             type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
+            args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
 
 /**
@@ -532,9 +391,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
 
 /**
  * Storage Module Routes
- * All storage management routes: configs, files, folders
- *
- * All routes are protected by permission guards to prevent direct URL access.
+ * All routes protected by permission guards
  */
 const STORAGE_ROUTES = [
     {
@@ -544,63 +401,68 @@ const STORAGE_ROUTES = [
             // File Manager Routes
             {
                 path: 'files',
+                canActivate: [permissionGuard(FILE_PERMISSIONS.READ)],
                 children: [
                     {
                         path: '',
-                        loadComponent: () => import('./flusys-ng-storage-file-manager-list.component-DDOFAPRD.mjs').then((m) => m.FileManagerListComponent),
+                        loadComponent: () => import('./flusys-ng-storage-file-manager-list.component-McM1zSlE.mjs').then((m) => m.FileManagerListComponent),
                     },
                     {
                         path: 'new',
-                        loadComponent: () => import('./flusys-ng-storage-file-manager-form.component-CMS_ddbs.mjs').then((m) => m.FileManagerFormComponent),
+                        canActivate: [permissionGuard(FILE_PERMISSIONS.CREATE)],
+                        loadComponent: () => import('./flusys-ng-storage-file-manager-form.component-Bv8ER8J0.mjs').then((m) => m.FileManagerFormComponent),
                     },
                     {
                         path: ':id',
-                        loadComponent: () => import('./flusys-ng-storage-file-manager-form.component-CMS_ddbs.mjs').then((m) => m.FileManagerFormComponent),
+                        canActivate: [permissionGuard(FILE_PERMISSIONS.UPDATE)],
+                        loadComponent: () => import('./flusys-ng-storage-file-manager-form.component-Bv8ER8J0.mjs').then((m) => m.FileManagerFormComponent),
                     },
                 ],
             },
             // Folder Routes
             {
                 path: 'folders',
+                canActivate: [permissionGuard(FOLDER_PERMISSIONS.READ)],
                 children: [
                     {
                         path: '',
-                        loadComponent: () => import('./flusys-ng-storage-folder-list.component-CzONANHt.mjs').then((m) => m.FolderListComponent),
+                        loadComponent: () => import('./flusys-ng-storage-folder-list.component-C4xHI8SO.mjs').then((m) => m.FolderListComponent),
                     },
                     {
                         path: 'new',
-                        loadComponent: () => import('./flusys-ng-storage-folder-form.component-ClYATZkh.mjs').then((m) => m.FolderFormComponent),
+                        canActivate: [permissionGuard(FOLDER_PERMISSIONS.CREATE)],
+                        loadComponent: () => import('./flusys-ng-storage-folder-form.component-fRFiMFev.mjs').then((m) => m.FolderFormComponent),
                     },
                     {
                         path: ':id',
-                        loadComponent: () => import('./flusys-ng-storage-folder-form.component-ClYATZkh.mjs').then((m) => m.FolderFormComponent),
+                        canActivate: [permissionGuard(FOLDER_PERMISSIONS.UPDATE)],
+                        loadComponent: () => import('./flusys-ng-storage-folder-form.component-fRFiMFev.mjs').then((m) => m.FolderFormComponent),
                     },
                 ],
             },
             // Storage Config Routes
             {
                 path: 'configs',
+                canActivate: [permissionGuard(STORAGE_CONFIG_PERMISSIONS.READ)],
                 children: [
                     {
                         path: '',
-                        loadComponent: () => import('./flusys-ng-storage-storage-config-list.component-BbBx0iSL.mjs').then((m) => m.StorageConfigListComponent),
+                        loadComponent: () => import('./flusys-ng-storage-storage-config-list.component-iJez-rII.mjs').then((m) => m.StorageConfigListComponent),
                     },
                     {
                         path: 'new',
-                        loadComponent: () => import('./flusys-ng-storage-storage-config-form.component-CODLLCtg.mjs').then((m) => m.StorageConfigFormComponent),
+                        canActivate: [permissionGuard(STORAGE_CONFIG_PERMISSIONS.CREATE)],
+                        loadComponent: () => import('./flusys-ng-storage-storage-config-form.component-DEMexjmg.mjs').then((m) => m.StorageConfigFormComponent),
                     },
                     {
                         path: ':id',
-                        loadComponent: () => import('./flusys-ng-storage-storage-config-form.component-CODLLCtg.mjs').then((m) => m.StorageConfigFormComponent),
+                        canActivate: [permissionGuard(STORAGE_CONFIG_PERMISSIONS.UPDATE)],
+                        loadComponent: () => import('./flusys-ng-storage-storage-config-form.component-DEMexjmg.mjs').then((m) => m.StorageConfigFormComponent),
                     },
                 ],
             },
-            // Default redirect to files
-            {
-                path: '',
-                redirectTo: 'files',
-                pathMatch: 'full',
-            },
+            // Default redirect
+            { path: '', redirectTo: 'files', pathMatch: 'full' },
         ],
     },
 ];
@@ -610,39 +472,53 @@ const STORAGE_ROUTES = [
  *
  * Main container for Storage module with tab navigation
  * Routes: Files | Folders | Configurations
+ * Tabs are filtered based on user permissions
  */
 class StorageContainerComponent {
-    /** All available tabs */
-    tabs = [
+    permissionValidator = inject(PermissionValidatorService);
+    /** All available tabs with required permissions */
+    allTabs = [
         {
             id: 'files',
             label: 'Files',
             icon: 'pi pi-file',
             route: 'files',
+            permission: FILE_PERMISSIONS.READ,
         },
         {
             id: 'folders',
             label: 'Folders',
             icon: 'pi pi-folder',
             route: 'folders',
+            permission: FOLDER_PERMISSIONS.READ,
         },
         {
             id: 'configs',
             label: 'Configurations',
             icon: 'pi pi-cog',
             route: 'configs',
+            permission: STORAGE_CONFIG_PERMISSIONS.READ,
         },
     ];
+    /** Visible tabs based on user permissions */
+    visibleTabs = computed(() => this.allTabs.filter((tab) => this.permissionValidator.hasPermission(tab.permission)), ...(ngDevMode ? [{ debugName: "visibleTabs" }] : []));
+    /** Dynamic subtitle based on visible tabs */
+    subtitle = computed(() => {
+        const tabs = this.visibleTabs();
+        if (tabs.length === 0)
+            return 'No permissions available';
+        return `Manage ${tabs.map((t) => t.label.toLowerCase()).join(', ')}`;
+    }, ...(ngDevMode ? [{ debugName: "subtitle" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: StorageContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: StorageContainerComponent, isStandalone: true, selector: "lib-storage-container", ngImport: i0, template: `
     <div class="p-2 sm:p-4">
       <div class="mb-4">
         <h1 class="text-xl sm:text-2xl font-bold m-0">Storage</h1>
-        <p class="text-muted-color mt-1 text-sm sm:text-base">Manage files, folders, and storage configurations</p>
+        <p class="text-muted-color mt-1 text-sm sm:text-base">{{ subtitle() }}</p>
       </div>
 
       <div class="scrollbar-hide flex gap-1 mb-4 border-b border-surface overflow-x-auto flex-nowrap">
-        @for (tab of tabs; track tab.id) {
+        @for (tab of visibleTabs(); track tab.id) {
           <a
             [routerLink]="tab.route"
             routerLinkActive="tab-active"
@@ -660,15 +536,15 @@ class StorageContainerComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: StorageContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-storage-container', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, RouterOutlet, RouterLink, RouterLinkActive], template: `
+            args: [{ selector: 'lib-storage-container', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, RouterOutlet, RouterLink, RouterLinkActive], template: `
     <div class="p-2 sm:p-4">
       <div class="mb-4">
         <h1 class="text-xl sm:text-2xl font-bold m-0">Storage</h1>
-        <p class="text-muted-color mt-1 text-sm sm:text-base">Manage files, folders, and storage configurations</p>
+        <p class="text-muted-color mt-1 text-sm sm:text-base">{{ subtitle() }}</p>
       </div>
 
       <div class="scrollbar-hide flex gap-1 mb-4 border-b border-surface overflow-x-auto flex-nowrap">
-        @for (tab of tabs; track tab.id) {
+        @for (tab of visibleTabs(); track tab.id) {
           <a
             [routerLink]="tab.route"
             routerLinkActive="tab-active"