add code toolbar, edit advanced on double click

src/frontend/src/CustomNodes/GenericNode/index.tsx

@@ -44,6 +44,7 @@ export default function GenericNode({
   const [validationStatus, setValidationStatus] =
     useState<validationStatusType | null>(null);
   const [handles, setHandles] = useState<number>(0);
+  const [openAdvancedModal, setOpenAdvancedModal] = useState<boolean>(false);
 
   const takeSnapshot = useFlowsManagerStore((state) => state.takeSnapshot);
 
@@ -130,6 +131,12 @@ export default function GenericNode({
           }}
           numberOfHandles={handles}
           showNode={showNode}
+          openAdvancedModal={openAdvancedModal}
+          onCloseAdvancedModal={(open) => {
+            console.log(open);
+
+            setOpenAdvancedModal(false);
+          }}
         ></NodeToolbarComponent>
       </NodeToolbar>
 
@@ -139,6 +146,11 @@ export default function GenericNode({
           showNode ? " w-96 rounded-lg" : " w-26 h-26 rounded-full",
           "generic-node-div"
         )}
+        onDoubleClick={() => {
+          console.log(openAdvancedModal);
+
+          setOpenAdvancedModal(true);
+        }}
       >
         {data.node?.beta && showNode && (
           <div className="beta-badge-wrapper">

src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx

@@ -35,6 +35,8 @@ export default function NodeToolbarComponent({
   numberOfHandles,
   showNode,
   name = "code",
+  openAdvancedModal,
+  onCloseAdvancedModal,
 }: nodeToolbarPropsType): JSX.Element {
   const nodeLength = Object.keys(data.node!.template).filter(
     (templateField) =>
@@ -79,6 +81,18 @@ export default function NodeToolbarComponent({
     window.open(url, "_blank", "noreferrer");
   };
 
+  useEffect(() => {
+    if (openAdvancedModal) {
+      setShowModalAdvanced(true);
+    }
+  }, [openAdvancedModal]);
+
+  useEffect(() => {
+    if (!showModalAdvanced) {
+      onCloseAdvancedModal!(false);
+    }
+  }, [showModalAdvanced]);
+
   useEffect(() => {
     setFlowComponent(createFlowComponent(cloneDeep(data), version));
   }, [

src/frontend/src/types/components/index.ts

@@ -482,6 +482,8 @@ export type nodeToolbarPropsType = {
   numberOfHandles: number;
   showNode: boolean;
   name?: string;
+  openAdvancedModal?: boolean;
+  onCloseAdvancedModal?: (close: boolean) => void;
 };
 
 export type parsedDataType = {