Try 0

backend/runner/app.py

@@ -84,6 +84,10 @@ CORS(app, resources={
     }
 })
 
+# Configure port for HF Spaces
+if os.getenv("PORT"):
+    app.config['SERVER_NAME'] = f"0.0.0.0:{os.getenv('PORT')}"
+
 # Thread pool to handle background inference tasks
 # Reduce workers for HF Spaces memory constraints
 max_workers = int(os.getenv("MAX_WORKERS", "2"))  # Default to 2 for HF Spaces
@@ -561,11 +565,8 @@ def serve_marker_image(work_id: str, filename: str):
 
 
 # --------------------------------------------------------------------------- #
-if __name__ == "__main__":  # invoked via  python -m …
-    # Use PORT environment variable for Hugging Face Spaces
-    port = int(os.getenv("PORT", 7860))  # Default to 7860 for HF Spaces
-    app.run(host="0.0.0.0", port=port, debug=False)
-
+#  Error Handlers                                                             #
+# --------------------------------------------------------------------------- #
 @app.errorhandler(413)  # Payload too large
 def too_large(e):
     return jsonify({"error": "File too large for HF Spaces"}), 413
@@ -573,3 +574,9 @@ def too_large(e):
 @app.errorhandler(500)
 def internal_error(e):
     return jsonify({"error": "Internal server error"}), 500
+
+# --------------------------------------------------------------------------- #
+if __name__ == "__main__":  # invoked via  python -m …
+    # Use PORT environment variable for Hugging Face Spaces
+    port = int(os.getenv("PORT", 7860))  # Default to 7860 for HF Spaces
+    app.run(host="0.0.0.0", port=port, debug=False)

frontend/js/artefact-context.js

@@ -346,7 +346,6 @@ $(document).ready(function () {
     if (file) {
       const reader = new FileReader();
       reader.onload = function (e) {
-        // REMOVED: saveCurrentImageToHistory(); // Save current image before loading new one
         $('#uploadedImage').attr('src', e.target.result).removeClass('d-none');
         $('#uploadTrigger').addClass('d-none');
         $('.card:has(#uploadTrigger)').addClass('d-none');
@@ -354,7 +353,7 @@ $(document).ready(function () {
         $('#workingOverlay').removeClass('d-none');
         $('#imageTools').removeClass('d-none');
         
-        // Fix: Wait for image to load before proceeding
+        // Wait for image to load before proceeding
         $('#uploadedImage').on('load', function() {
           fetchPresign();
         });
@@ -391,7 +390,6 @@ $(document).ready(function () {
     if (file && file.type.startsWith('image/')) {
       const reader = new FileReader();
       reader.onload = function (e) {
-        // REMOVED: saveCurrentImageToHistory(); // Save current image before loading new one
         $('#uploadedImage').attr('src', e.target.result).removeClass('d-none');
         $('#uploadTrigger').addClass('d-none');
         $('#workingOverlay').removeClass('d-none');
@@ -414,7 +412,6 @@ $(document).ready(function () {
   // Handle selection of an example image
   $('#selectImageBtn').on('click', function () {
     if (selectedSrc) {
-      // REMOVED: saveCurrentImageToHistory(); // Save current image before loading new one
       $('#uploadedImage').attr('src', selectedSrc).removeClass('d-none');
       $('#uploadTrigger').addClass('d-none');
       $('.card:has(#uploadTrigger)').addClass('d-none');