Disable Vello renderer checkbox in preferences if browser doesn't support WebGPU (#1844)

* Disable vello checkbox if no wgpu support is available

* Fix compile error

* Check wgpu status on every diagogue open

* Execute graph on settings change

* Remove tooltip and disabled status from settings category

---------

Co-authored-by: Keavon Chambers <keavon@keavon.com>

editor/src/messages/dialog/preferences_dialog/preferences_dialog_message_handler.rs

@@ -45,12 +45,18 @@ impl PreferencesDialogMessageHandler {
 				})
 				.widget_holder(),
 		];
+		let vello_tooltip = "Use the experimental Vello renderer (your browser must support WebGPU)";
 		let use_vello = vec![
 			TextLabel::new("Renderer").min_width(60).italic(true).widget_holder(),
-			TextLabel::new("Vello (Experimental)").table_align(true).widget_holder(),
+			TextLabel::new("Vello (Experimental)")
+				.table_align(true)
+				.tooltip(vello_tooltip)
+				.disabled(!preferences.supports_wgpu())
+				.widget_holder(),
 			Separator::new(SeparatorType::Unrelated).widget_holder(),
-			CheckboxInput::new(preferences.use_vello)
-				.tooltip("Use the experimental Vello renderer (your browser must support WebGPU)")
+			CheckboxInput::new(preferences.use_vello && preferences.supports_wgpu())
+				.tooltip(vello_tooltip)
+				.disabled(!preferences.supports_wgpu())
 				.on_update(|checkbox_input: &CheckboxInput| PreferencesMessage::UseVello { use_vello: checkbox_input.checked }.into())
 				.widget_holder(),
 		];

editor/src/messages/portfolio/portfolio_message_handler.rs

@@ -642,6 +642,7 @@ impl MessageHandler<PortfolioMessage, PortfolioMessageData<'_>> for PortfolioMes
 				responses.add(FrontendMessage::UpdateOpenDocumentsList { open_documents });
 			}
 			PortfolioMessage::UpdateVelloPreference => {
+				responses.add(NodeGraphMessage::RunDocumentGraph);
 				self.persistent_data.use_vello = preferences.use_vello;
 			}
 		}

editor/src/messages/preferences/preferences_message_handler.rs

@@ -14,9 +14,13 @@ impl PreferencesMessageHandler {
 	pub fn editor_preferences(&self) -> EditorPreferences {
 		EditorPreferences {
 			imaginate_hostname: self.imaginate_server_hostname.clone(),
-			use_vello: self.use_vello,
+			use_vello: self.use_vello && self.supports_wgpu(),
 		}
 	}
+
+	pub fn supports_wgpu(&self) -> bool {
+		graph_craft::wasm_application_io::wgpu_available().unwrap_or_default()
+	}
 }
 
 impl Default for PreferencesMessageHandler {