cloud-ide-element 1.0.113 → 1.0.114

package/fesm2022/cloud-ide-element.mjs

@@ -2654,16 +2654,18 @@ class CideEleFileManagerService {
     // Optimized computed properties for file counting by group
     getFileCountByGroup = computed(() => {
         const countMap = new Map();
-        // Count active uploads by group
+        // Count files for each group using the same deduplication logic as getAllFilesForGroup
+        this._fetchedFiles().forEach((fetchedFiles, groupId) => {
+            const fileCount = this.getAllFilesForGroup(groupId).length;
+            countMap.set(groupId, fileCount);
+        });
+        // Also count groups that have active uploads but no fetched files yet
         this._activeUploads().forEach((upload, fileId) => {
-            if (upload.groupId) {
-                countMap.set(upload.groupId, (countMap.get(upload.groupId) || 0) + 1);
+            if (upload.groupId && !countMap.has(upload.groupId)) {
+                const fileCount = this.getAllFilesForGroup(upload.groupId).length;
+                countMap.set(upload.groupId, fileCount);
             }
         });
-        // Add fetched files by group
-        this._fetchedFiles().forEach((files, groupId) => {
-            countMap.set(groupId, (countMap.get(groupId) || 0) + files.length);
-        });
         return countMap;
     }, ...(ngDevMode ? [{ debugName: "getFileCountByGroup" }] : []));
     serviceState = computed(() => ({
@@ -3731,12 +3733,22 @@ class CideEleFileInputComponent {
         if (existingComponentGroupId) {
             // Component already has its own group ID - use it
             console.log('🆔 [FileInput] Using existing component group ID:', existingComponentGroupId);
+            // Open floating uploader with existing group ID
+            if (this.showFloatingUploaderSignal()) {
+                console.log('🔄 [FileInput] Opening floating uploader with existing group ID:', existingComponentGroupId);
+                this.fileManagerService.triggerFloatingUploaderShow(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);
+            // Open floating uploader with group ID from uploadData
+            if (this.showFloatingUploaderSignal()) {
+                console.log('🔄 [FileInput] Opening floating uploader with uploadData group ID:', existingUploadDataGroupId);
+                this.fileManagerService.triggerFloatingUploaderShow(existingUploadDataGroupId);
+            }
             this.startMulti(files, existingUploadDataGroupId);
         }
         else {
@@ -3748,6 +3760,11 @@ class CideEleFileInputComponent {
                     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);
+                    // Open floating uploader with newly generated group ID
+                    if (this.showFloatingUploaderSignal()) {
+                        console.log('🔄 [FileInput] Opening floating uploader with new group ID:', newGroupId);
+                        this.fileManagerService.triggerFloatingUploaderShow(newGroupId);
+                    }
                     this.startMulti(files, newGroupId);
                 },
                 error: (error) => {
@@ -4038,13 +4055,13 @@ class CideEleFileInputComponent {
         }
         const groupId = this.groupId();
         if (groupId) {
-            console.log("groupId groupId", groupId);
+            console.log("✅ [FileInput] Has existing group ID:", groupId);
             // Fetch files for the group and trigger floating uploader to show
             this.fileManagerService.fetchAndStoreFilesByGroupId(groupId)
                 .pipe(takeUntilDestroyed(this.destroyRef))
                 .subscribe({
                 next: (files) => {
-                    console.log('✅ [FileInput] Files fetched for floating uploader: groupId', files.length);
+                    console.log('✅ [FileInput] Files fetched for floating uploader:', files.length);
                     // Trigger the floating uploader to show via service with group ID
                     this.fileManagerService.triggerFloatingUploaderShow(groupId);
                 },
@@ -4056,8 +4073,10 @@ class CideEleFileInputComponent {
             });
         }
         else {
-            // No group ID, just trigger show
-            this.fileManagerService.triggerFloatingUploaderShow();
+            console.log('⚠️ [FileInput] No group ID yet - floating uploader will open when user uploads files');
+            // No group ID yet - don't open floating uploader now
+            // It will open automatically when user uploads files and group ID is generated
+            // This prevents the "No active files" issue
         }
     }
     /**