Added automatic screenshot generation when creating a task.

js/src/fileuploader.js

@@ -409,6 +409,11 @@ class FileUploader {
      }
 
     async makeScreenshot() {
+        if (this.files.length >= this.maxFiles || this.getTotalSize() >= this.maxTotalSize) {
+            console.log('SpotFix: File count or total size limit reached. Automatic screenshot cancelled.');
+            return;
+        }
+
         let blob = null;
 
         let bgColor = window.getComputedStyle(document.body).backgroundColor;
@@ -493,12 +498,16 @@ class FileUploader {
                 lastModified: Date.now(),
             });
 
-            if (this.uploaderWrapper && this.uploaderWrapper.style.display !== 'block') {
-                this.uploaderWrapper.style.display = 'block';
-            }
+            if (this.validateFile(file)) {
+                if (this.uploaderWrapper && this.uploaderWrapper.style.display !== 'block') {
+                    this.uploaderWrapper.style.display = 'block';
+                }
 
-            this.clearError();
-            this.addFile(file);
+                this.clearError();
+                this.addFile(file);
+            } else {
+                console.warn('SpotFix: Automatic screenshot was not added because the total file size would exceed the limit.');
+            }
         }
     }
 }

js/src/widget.js

@@ -940,6 +940,19 @@ class CleanTalkWidgetDoboard {
                 this.fileUploader = new FileUploader(this.escapeHtml);
                 this.fileUploader.init();
 
+                if (!this.nonRequesting && typeof this.fileUploader.makeScreenshot === 'function') {
+                    const originalDisplay = widgetContainer.style.display;
+                    widgetContainer.style.display = 'none';
+
+                    try {
+                        await this.fileUploader.makeScreenshot();
+                    } catch (screenshotError) {
+                        console.error('SpotFix: Failed to capture automatic screenshot on open:', screenshotError);
+                    } finally {
+                        widgetContainer.style.display = originalDisplay;
+                    }
+                }
+
                 const savedDescription = localStorage.getItem('spotfix-description-ls') || '';
                 const fileUploaderDesc = this.fileUploader;