cloud-ide-element 1.0.111 → 1.0.112

package/fesm2022/cloud-ide-element.mjs

@@ -3725,21 +3725,28 @@ class CideEleFileInputComponent {
         const notificationId = this.notificationService.showProgress('🔄 Preparing multiple file upload...', 0, { duration: 0 });
         this.uploadNotificationId.set(notificationId);
         // STEP 1: Generate or get group ID BEFORE starting any file uploads
-        const existingGroupId = this.uploadDataSignal().groupId;
-        if (existingGroupId) {
-            console.log('🆔 [FileInput] STEP 1 COMPLETE: Using existing group ID:', existingGroupId);
-            console.log('🔄 [FileInput] STEP 2: Starting file uploads with group ID:', existingGroupId);
-            this.groupId.set(existingGroupId);
-            this.startMulti(files, existingGroupId);
+        // Check if component already has a group ID or if one is provided in uploadData
+        const existingComponentGroupId = this.groupId();
+        const existingUploadDataGroupId = this.uploadDataSignal().groupId;
+        if (existingComponentGroupId) {
+            // Component already has its own group ID - use it
+            console.log('🆔 [FileInput] Using existing component group ID:', existingComponentGroupId);
+            this.startMulti(files, existingComponentGroupId);
+        }
+        else if (existingUploadDataGroupId) {
+            // Use group ID from uploadData and set it as component's group ID
+            console.log('🆔 [FileInput] Using group ID from uploadData:', existingUploadDataGroupId);
+            this.groupId.set(existingUploadDataGroupId);
+            this.startMulti(files, existingUploadDataGroupId);
         }
         else {
-            console.log('🆔 [FileInput] No existing group ID, generating new one...');
-            // Generate group ID BEFORE starting any file uploads
+            // Generate new group ID just before upload
+            console.log('🆔 [FileInput] Generating new group ID just before upload...');
             this.fileManagerService.generateObjectId().subscribe({
                 next: (response) => {
                     const newGroupId = response.data?.objectId;
-                    console.log('🆔 [FileInput] STEP 1 COMPLETE: Generated new group ID:', newGroupId);
-                    console.log('🔄 [FileInput] STEP 2: Starting file uploads with group ID:', newGroupId);
+                    console.log('🆔 [FileInput] Generated new group ID just before upload:', newGroupId);
+                    // Set the group ID to this component so it can track its own files
                     this.groupId.set(newGroupId);
                     this.startMulti(files, newGroupId);
                 },
@@ -4056,32 +4063,40 @@ class CideEleFileInputComponent {
     /**
      * Get total upload count from file manager service for this component's group ID
      * Uses optimized service method for better performance
+     * Only counts files for this component's specific group ID
      */
     getUploadCount() {
         const groupId = this.groupId();
-        if (!groupId)
-            return this.fileManagerService.activeUploads().size;
-        return this.fileManagerService.getFileCountForGroup(groupId);
+        const componentId = this.id();
+        if (!groupId) {
+            // No group ID yet - component hasn't uploaded anything, so count is 0
+            return 0;
+        }
+        const count = this.fileManagerService.getFileCountForGroup(groupId);
+        return count;
     }
     /**
      * Check if there are active uploads for this component's group ID
      * Uses optimized service method for better performance
+     * Only checks files for this component's specific group ID
      */
     hasActiveUploads() {
         const groupId = this.groupId();
         if (!groupId) {
-            return Array.from(this.fileManagerService.activeUploads().values()).some(upload => upload.stage !== 'complete');
+            // No group ID yet - component hasn't uploaded anything, so no active uploads
+            return false;
         }
         return this.fileManagerService.hasActiveUploadsForGroup(groupId);
     }
     /**
      * Get count of active (non-completed) uploads for this component's group ID
+     * Only counts files for this component's specific group ID
      */
     getActiveUploadCount() {
         const groupId = this.groupId();
         if (!groupId) {
-            return Array.from(this.fileManagerService.activeUploads().values())
-                .filter(upload => upload.stage !== 'complete').length;
+            // No group ID yet - component hasn't uploaded anything, so no active uploads
+            return 0;
         }
         return this.fileManagerService.getAllFilesForGroup(groupId)
             .filter(file => file.stage !== 'complete').length;