Got a lot farther with the use-case selection onboarding UI

frontend/src/views/AngularWorkflow.jsx

@@ -3404,8 +3404,8 @@ const AngularWorkflow = (defaultprops) => {
 
 					return false
 				},
-        preview: false,
-        toggleOffOnLeave: false,
+        preview: true,
+        toggleOffOnLeave: true,
         loopAllowed: function (node) {
           return false;
         },
@@ -3474,6 +3474,11 @@ const AngularWorkflow = (defaultprops) => {
       }
     }
 
+		const cytoscapeElement = document.getElementById("cytoscape_view")
+		if (cytoscapeElement !== undefined && cytoscapeElement !== null) {
+			cytoscapeElement.style.cursor = "default"
+		}
+
     var parsedStyle = {
       "border-width": "1px",
       "font-size": "18px",
@@ -3635,6 +3640,11 @@ const AngularWorkflow = (defaultprops) => {
       return;
     }
 
+		const cytoscapeElement = document.getElementById("cytoscape_view")
+		if (cytoscapeElement !== undefined && cytoscapeElement !== null) {
+			cytoscapeElement.style.cursor = "pointer"
+		}
+
     //var parentNode = cy.$("#" + event.target.data("id"));
     //if (parentNode.data("isButton") || parentNode.data("buttonId")) return;
 

frontend/src/views/FrameworkWrapper.jsx

@@ -38,12 +38,11 @@ const Framework = (props) => {
 						alert.error("Failed loading: " + responseJson.reason)
 					} else {
 						alert.error("Failed to load framework for your org.")
-
 					}
+				} else {
+					setFrameworkLoaded(true)
+					setFrameworkData(responseJson)
 				}
-
-				setFrameworkLoaded(true)
-				setFrameworkData(responseJson)
 			})
       .catch((error) => {
         alert.error(error.toString());