diff view + fixes

core/src/connect/helpers.ts

@@ -17,7 +17,7 @@ export const getNodeInputs = (node: NodeDefinition) => {
 export const getInputName = (pinId: string) => {
   switch (pinId) {
     case TRIGGER_PIN_ID:
-      return "Trigger";
+      return "trigger";
     default:
       return pinId;
   }
@@ -26,7 +26,7 @@ export const getInputName = (pinId: string) => {
 export const getOutputName = (pinId: string) => {
   switch (pinId) {
     case ERROR_PIN_ID:
-      return "Error";
+      return "error";
     default:
       return pinId;
   }

flow-editor/src/flow-editor/FlowEditor.tsx

@@ -57,6 +57,8 @@ export type FlydeFlowEditorProps = {
 
   initialPadding?: [number, number];
   darkMode?: boolean;
+
+  comparisonNode?: VisualNode;
 };
 
 const maxUndoStackSize = 50;
@@ -230,6 +232,13 @@ export const FlowEditor: React.FC<FlydeFlowEditorProps> = React.memo(
       };
     }, [createAiCompletion]);
 
+    const [isDiffViewOpen, setIsDiffViewOpen] = React.useState(false);
+
+    // Add a button to toggle the diff view
+    const toggleDiffView = React.useCallback(() => {
+      setIsDiffViewOpen((prev) => !prev);
+    }, []);
+
     const renderInner = () => {
       return (
         <DarkModeProvider value={props.darkMode ?? isDarkMode}>

flow-editor/src/index.tsx

@@ -13,3 +13,5 @@ export * from "./lib/safe-ls";
 export * from "./physics";
 export * from "./visual-node-editor/utils";
 export * from "./lib/logger";
+
+export * from "./visual-node-editor";