add improved canvas navigation

__init__.py

@@ -38,7 +38,7 @@
 NODE_DISPLAY_NAME_MAPPINGS: Dict[str, str] = {}
 APP_CONFIGS: List[AppConfig] = []
 APP_NAME: str = "Flow"
-APP_VERSION: str = "0.4.1"
+APP_VERSION: str = "0.4.2"
 PURPLE = "\033[38;5;129m"
 RESET = "\033[0m"
 FLOWMSG = f"{PURPLE}Flow{RESET}"

pyproject.toml

@@ -1,7 +1,7 @@
 [project]
 name = "comfyui-disty-flow"
 description = "Flow is a custom node designed to provide a more user-friendly interface for ComfyUI by acting as an alternative user interface for running workflows. It is not a replacement for workflow creation.\nFlow is currently in the early stages of development, so expect bugs and ongoing feature enhancements. With your support and feedback, Flow will settle into a steady stream."
-version = "0.4.1"
+version = "0.4.2"
 license = {file = "LICENSE"}
 
 [project.urls]

web/core/css/main.css

@@ -2188,4 +2188,7 @@ html:not(.css-loading) body {
     }        
 
 
+    .upper-canvas, .lower-canvas {
+        pointer-events: auto !important;
+    }
 

web/core/js/common/components/CanvasComponent.js

@@ -62,7 +62,7 @@ async function processAndUpload(
             let result;
             try {
                 result = await response.json();
-                console.log(`Server Response for ${id}:`, result);
+                // console.log(`Server Response for ${id}:`, result);
             } catch (e) {
                 throw new Error('Invalid JSON response from server.');
             }
@@ -94,7 +94,7 @@ async function processAndUpload(
                     //     // console.log('Mask Image set in MessageHandler');
                     //     break;
                     default:
-                        console.warn(`No setter defined for upload description: ${uploadDescription}`);
+                        // console.warn(`No setter defined for upload description: ${uploadDescription}`);
                 }
             } else {
                 throw new Error('Server response did not include imageUrl or imageName.');
@@ -104,7 +104,7 @@ async function processAndUpload(
             }
         } catch (error) {
             console.error(`Error uploading ${uploadDescription.toLowerCase()} ${id}:`, error);
-            alert(`Error uploading ${label}: ${error.message}`);
+            // alert(`Error uploading ${label}: ${error.message}`);
         } finally {
             hideSpinner();
         }

web/core/js/common/components/Seeder.js

@@ -40,7 +40,7 @@ class Seeder {
             <span for="${this.config.id}Input">${this.config.label}</span>
             <input type="text" id="${this.config.id}Input" value="${this.config.initialSeed}">
             <div class="seeder-buttons">
-                <button id="${this.config.id}RandomSeedButton">R</button>
+                <button id="${this.config.id}RandomSeedButton" title="Long press will set/disable fixed seed">R</button>
                 <button id="${this.config.id}DecrementButton">-</button>
                 <button id="${this.config.id}IncrementButton">+</button>
             </div>