diff --git a/app/img/edges/binding.drawio (4).svg b/app/img/edges/binding.drawio (4).svg
new file mode 100644
index 00000000..63d85928
--- /dev/null
+++ b/app/img/edges/binding.drawio (4).svg	
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Do not edit this file with editors other than draw.io -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="41px" height="17px" viewBox="-0.5 -0.5 41 17" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2024-06-28T02:25:06.326Z&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/125.0.0.0 Safari/537.36&quot; etag=&quot;sqaW1dv_j3RUkPlz7R0J&quot; version=&quot;24.6.3&quot; type=&quot;google&quot; scale=&quot;1&quot; border=&quot;0&quot;&gt;&#10;  &lt;diagram name=&quot;Page-1&quot; id=&quot;Zv0p4ZRJ3lb28O2X4JgO&quot;&gt;&#10;    &lt;mxGraphModel dx=&quot;1097&quot; dy=&quot;555&quot; grid=&quot;1&quot; gridSize=&quot;10&quot; guides=&quot;1&quot; tooltips=&quot;1&quot; connect=&quot;1&quot; arrows=&quot;1&quot; fold=&quot;1&quot; page=&quot;1&quot; pageScale=&quot;1&quot; pageWidth=&quot;850&quot; pageHeight=&quot;1100&quot; background=&quot;#FFFFFF&quot; math=&quot;0&quot; shadow=&quot;0&quot;&gt;&#10;      &lt;root&gt;&#10;        &lt;mxCell id=&quot;0&quot; /&gt;&#10;        &lt;mxCell id=&quot;1&quot; parent=&quot;0&quot; /&gt;&#10;        &lt;mxCell id=&quot;4AtHRBGAZ1zVeppKE3sB-4&quot; value=&quot;&quot; style=&quot;endArrow=classic;html=1;rounded=0;strokeWidth=2;&quot; parent=&quot;1&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry width=&quot;50&quot; height=&quot;50&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;250&quot; y=&quot;190&quot; as=&quot;sourcePoint&quot; /&gt;&#10;            &lt;mxPoint x=&quot;274&quot; y=&quot;190&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;      &lt;/root&gt;&#10;    &lt;/mxGraphModel&gt;&#10;  &lt;/diagram&gt;&#10;&lt;/mxfile&gt;&#10;" style="background-color: rgb(255, 255, 255);"><defs/><rect fill="#FFFFFF" width="100%" height="100%" x="0" y="0"/><g><g data-cell-id="0"><g data-cell-id="1"><g data-cell-id="4AtHRBGAZ1zVeppKE3sB-4"><g><path d="M 8 8 L 23.76 8" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 29.76 8 L 21.76 12 L 23.76 8 L 21.76 4 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/></g></g></g></g></g></svg>
\ No newline at end of file
diff --git a/app/img/nodes/DNA.svg b/app/img/nodes/DNA.svg
index a1a4277c..f6497bbe 100644
--- a/app/img/nodes/DNA.svg
+++ b/app/img/nodes/DNA.svg
@@ -1,4 +1,4 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!-- Do not edit this file with editors other than draw.io -->
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="85px" height="85px" viewBox="-0.5 -0.5 85 85" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2024-06-21T02:18:13.927Z&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/125.0.0.0 Safari/537.36&quot; etag=&quot;xP9xrQHsqbnQ29pYnumw&quot; version=&quot;24.6.0&quot; type=&quot;google&quot; scale=&quot;1&quot; border=&quot;0&quot;&gt;&#10;  &lt;diagram name=&quot;Page-1&quot; id=&quot;q1-SDoWiZCvx7y37Y8ex&quot;&gt;&#10;    &lt;mxGraphModel dx=&quot;1434&quot; dy=&quot;799&quot; grid=&quot;1&quot; gridSize=&quot;10&quot; guides=&quot;1&quot; tooltips=&quot;1&quot; connect=&quot;1&quot; arrows=&quot;1&quot; fold=&quot;1&quot; page=&quot;1&quot; pageScale=&quot;1&quot; pageWidth=&quot;850&quot; pageHeight=&quot;1100&quot; background=&quot;#ffffff&quot; math=&quot;0&quot; shadow=&quot;0&quot;&gt;&#10;      &lt;root&gt;&#10;        &lt;object label=&quot;&quot; id=&quot;0&quot;&gt;&#10;          &lt;mxCell /&gt;&#10;        &lt;/object&gt;&#10;        &lt;mxCell id=&quot;1&quot; parent=&quot;0&quot; /&gt;&#10;        &lt;mxCell id=&quot;uN-oIFkim_hjW-EH7Oua-1&quot; value=&quot;DNA&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;strokeWidth=5;fontSize=30;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;300&quot; y=&quot;190&quot; width=&quot;80&quot; height=&quot;80&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;      &lt;/root&gt;&#10;    &lt;/mxGraphModel&gt;&#10;  &lt;/diagram&gt;&#10;&lt;/mxfile&gt;&#10;" style="background-color: rgb(255, 255, 255);"><defs/><rect fill="#ffffff" width="100%" height="100%" x="0" y="0"/><g><g data-cell-id="0"><g data-cell-id="1"><g data-cell-id="uN-oIFkim_hjW-EH7Oua-1"><g><rect x="2" y="2" width="80" height="80" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-width="5" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 42px; margin-left: 3px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">DNA</div></div></div></foreignObject><text x="42" y="51" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="30px" text-anchor="middle">DNA</text></switch></g></g></g></g></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="43px" height="33px" viewBox="-0.5 -0.5 43 33" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2024-06-28T03:00:38.917Z&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/125.0.0.0 Safari/537.36&quot; etag=&quot;m8uwkqR6zn0EpIdbJv0J&quot; version=&quot;24.6.3&quot; type=&quot;google&quot; scale=&quot;1&quot; border=&quot;0&quot;&gt;&#10;  &lt;diagram name=&quot;Page-1&quot; id=&quot;i3CGTynv7duNABP0OKcN&quot;&gt;&#10;    &lt;mxGraphModel dx=&quot;1924&quot; dy=&quot;555&quot; grid=&quot;1&quot; gridSize=&quot;10&quot; guides=&quot;1&quot; tooltips=&quot;1&quot; connect=&quot;1&quot; arrows=&quot;1&quot; fold=&quot;1&quot; page=&quot;1&quot; pageScale=&quot;1&quot; pageWidth=&quot;827&quot; pageHeight=&quot;1169&quot; math=&quot;0&quot; shadow=&quot;0&quot;&gt;&#10;      &lt;root&gt;&#10;        &lt;mxCell id=&quot;0&quot; /&gt;&#10;        &lt;mxCell id=&quot;1&quot; parent=&quot;0&quot; /&gt;&#10;        &lt;mxCell id=&quot;5kA5N6ndATuV0K74gQPi-7&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 15px;&amp;quot;&amp;gt;DNA&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;strokeWidth=3;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-400&quot; y=&quot;170&quot; width=&quot;40&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;      &lt;/root&gt;&#10;    &lt;/mxGraphModel&gt;&#10;  &lt;/diagram&gt;&#10;&lt;/mxfile&gt;&#10;" style="background-color: rgb(255, 255, 255);"><defs/><rect fill="#ffffff" width="100%" height="100%" x="0" y="0"/><g><g data-cell-id="0"><g data-cell-id="1"><g data-cell-id="5kA5N6ndATuV0K74gQPi-7"><g><rect x="1" y="1" width="40" height="30" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-width="3" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 16px; margin-left: 2px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="font-size: 15px;">DNA</font></div></div></div></foreignObject><image x="2" y="7.5" width="38" height="21" xlink:href="data:image/png;base64,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"/></switch></g></g></g></g></g></g></svg>
\ No newline at end of file
diff --git a/app/img/edges/cell.svg b/app/img/nodes/cell.svg
similarity index 100%
rename from app/img/edges/cell.svg
rename to app/img/nodes/cell.svg
diff --git a/app/img/edges/circle.svg b/app/img/nodes/circle.svg
similarity index 100%
rename from app/img/edges/circle.svg
rename to app/img/nodes/circle.svg
diff --git a/app/img/edges/extracellularregion.svg b/app/img/nodes/extracellularregion.svg
similarity index 100%
rename from app/img/edges/extracellularregion.svg
rename to app/img/nodes/extracellularregion.svg
diff --git a/app/img/nodes/gene-product.svg b/app/img/nodes/gene-product.svg
index 58fce8a8..1641742e 100644
--- a/app/img/nodes/gene-product.svg
+++ b/app/img/nodes/gene-product.svg
@@ -1,4 +1,4 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!-- Do not edit this file with editors other than draw.io -->
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="85px" height="85px" viewBox="-0.5 -0.5 85 85" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2024-06-21T02:14:49.999Z&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/125.0.0.0 Safari/537.36&quot; etag=&quot;YIGJ23iXBNOJ0fgfiKPx&quot; version=&quot;24.6.0&quot; type=&quot;google&quot; scale=&quot;1&quot; border=&quot;0&quot;&gt;&#10;  &lt;diagram name=&quot;Page-1&quot; id=&quot;i3CGTynv7duNABP0OKcN&quot;&gt;&#10;    &lt;mxGraphModel dx=&quot;1434&quot; dy=&quot;799&quot; grid=&quot;1&quot; gridSize=&quot;10&quot; guides=&quot;1&quot; tooltips=&quot;1&quot; connect=&quot;1&quot; arrows=&quot;1&quot; fold=&quot;1&quot; page=&quot;1&quot; pageScale=&quot;1&quot; pageWidth=&quot;850&quot; pageHeight=&quot;1100&quot; math=&quot;0&quot; shadow=&quot;0&quot;&gt;&#10;      &lt;root&gt;&#10;        &lt;mxCell id=&quot;0&quot; /&gt;&#10;        &lt;mxCell id=&quot;1&quot; parent=&quot;0&quot; /&gt;&#10;        &lt;mxCell id=&quot;5kA5N6ndATuV0K74gQPi-1&quot; value=&quot;Gene&quot; style=&quot;whiteSpace=wrap;html=1;aspect=fixed;strokeWidth=5;fontSize=30;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;300&quot; y=&quot;190&quot; width=&quot;80&quot; height=&quot;80&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;      &lt;/root&gt;&#10;    &lt;/mxGraphModel&gt;&#10;  &lt;/diagram&gt;&#10;&lt;/mxfile&gt;&#10;" style="background-color: rgb(255, 255, 255);"><defs/><rect fill="#ffffff" width="100%" height="100%" x="0" y="0"/><g><g data-cell-id="0"><g data-cell-id="1"><g data-cell-id="5kA5N6ndATuV0K74gQPi-1"><g><rect x="2" y="2" width="80" height="80" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-width="5" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 42px; margin-left: 3px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Gene</div></div></div></foreignObject><text x="42" y="51" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="30px" text-anchor="middle">Gene</text></switch></g></g></g></g></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="43px" height="33px" viewBox="-0.5 -0.5 43 33" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2024-06-28T02:50:35.654Z&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/125.0.0.0 Safari/537.36&quot; etag=&quot;7iJyIbsAE8h6CLOwNr_U&quot; version=&quot;24.6.4&quot; type=&quot;google&quot; scale=&quot;1&quot; border=&quot;0&quot;&gt;&#10;  &lt;diagram name=&quot;Page-1&quot; id=&quot;BAEFkuweBDblpZOteYmQ&quot;&gt;&#10;    &lt;mxGraphModel dx=&quot;885&quot; dy=&quot;555&quot; grid=&quot;1&quot; gridSize=&quot;10&quot; guides=&quot;1&quot; tooltips=&quot;1&quot; connect=&quot;1&quot; arrows=&quot;1&quot; fold=&quot;1&quot; page=&quot;1&quot; pageScale=&quot;1&quot; pageWidth=&quot;850&quot; pageHeight=&quot;1100&quot; math=&quot;0&quot; shadow=&quot;0&quot;&gt;&#10;      &lt;root&gt;&#10;        &lt;mxCell id=&quot;0&quot; /&gt;&#10;        &lt;mxCell id=&quot;1&quot; parent=&quot;0&quot; /&gt;&#10;        &lt;mxCell id=&quot;TcekDXuKiqs2w36GGgzT-1&quot; value=&quot;Gene&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;strokeWidth=3;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;360&quot; y=&quot;260&quot; width=&quot;40&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;      &lt;/root&gt;&#10;    &lt;/mxGraphModel&gt;&#10;  &lt;/diagram&gt;&#10;&lt;/mxfile&gt;&#10;" style="background-color: rgb(255, 255, 255);"><defs/><rect fill="#ffffff" width="100%" height="100%" x="0" y="0"/><g><g data-cell-id="0"><g data-cell-id="1"><g data-cell-id="TcekDXuKiqs2w36GGgzT-1"><g><rect x="1" y="1" width="40" height="30" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-width="3" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 16px; margin-left: 2px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Gene</div></div></div></foreignObject><image x="2" y="9.5" width="38" height="17" xlink:href="data:image/png;base64,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"/></switch></g></g></g></g></g></g></svg>
\ No newline at end of file
diff --git a/app/img/nodes/gene1.drawio (1).svg b/app/img/nodes/gene1.drawio (1).svg
new file mode 100644
index 00000000..aceabfa9
--- /dev/null
+++ b/app/img/nodes/gene1.drawio (1).svg	
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Do not edit this file with editors other than draw.io -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="43px" height="33px" viewBox="-0.5 -0.5 43 33" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2024-06-28T02:55:11.039Z&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/125.0.0.0 Safari/537.36&quot; etag=&quot;BjtpWIRtfbc8Kol55rxH&quot; version=&quot;24.6.4&quot; type=&quot;google&quot; scale=&quot;1&quot; border=&quot;0&quot;&gt;&#10;  &lt;diagram name=&quot;Page-1&quot; id=&quot;BAEFkuweBDblpZOteYmQ&quot;&gt;&#10;    &lt;mxGraphModel dx=&quot;885&quot; dy=&quot;555&quot; grid=&quot;1&quot; gridSize=&quot;10&quot; guides=&quot;1&quot; tooltips=&quot;1&quot; connect=&quot;1&quot; arrows=&quot;1&quot; fold=&quot;1&quot; page=&quot;1&quot; pageScale=&quot;1&quot; pageWidth=&quot;850&quot; pageHeight=&quot;1100&quot; math=&quot;0&quot; shadow=&quot;0&quot;&gt;&#10;      &lt;root&gt;&#10;        &lt;mxCell id=&quot;0&quot; /&gt;&#10;        &lt;mxCell id=&quot;1&quot; parent=&quot;0&quot; /&gt;&#10;        &lt;mxCell id=&quot;TcekDXuKiqs2w36GGgzT-1&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 15px;&amp;quot;&amp;gt;Gene&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;strokeWidth=3;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;360&quot; y=&quot;260&quot; width=&quot;40&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;      &lt;/root&gt;&#10;    &lt;/mxGraphModel&gt;&#10;  &lt;/diagram&gt;&#10;&lt;/mxfile&gt;&#10;" style="background-color: rgb(255, 255, 255);"><defs/><rect fill="#ffffff" width="100%" height="100%" x="0" y="0"/><g><g data-cell-id="0"><g data-cell-id="1"><g data-cell-id="TcekDXuKiqs2w36GGgzT-1"><g><rect x="1" y="1" width="40" height="30" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-width="3" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 16px; margin-left: 2px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="font-size: 15px;">Gene</font></div></div></div></foreignObject><image x="2" y="7.5" width="38" height="21" xlink:href="data:image/png;base64,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"/></switch></g></g></g></g></g></g></svg>
\ No newline at end of file
diff --git a/app/img/edges/golgiapparatus.svg b/app/img/nodes/golgiapparatus.svg
similarity index 100%
rename from app/img/edges/golgiapparatus.svg
rename to app/img/nodes/golgiapparatus.svg
diff --git a/app/img/edges/hexagon.svg b/app/img/nodes/hexagon.svg
similarity index 100%
rename from app/img/edges/hexagon.svg
rename to app/img/nodes/hexagon.svg
diff --git a/app/img/edges/mitochondria.svg b/app/img/nodes/mitochondria.svg
similarity index 100%
rename from app/img/edges/mitochondria.svg
rename to app/img/nodes/mitochondria.svg
diff --git a/app/img/edges/nucleus.svg b/app/img/nodes/nucleus.svg
similarity index 100%
rename from app/img/edges/nucleus.svg
rename to app/img/nodes/nucleus.svg
diff --git a/app/img/edges/octagon.svg b/app/img/nodes/octagon.svg
similarity index 100%
rename from app/img/edges/octagon.svg
rename to app/img/nodes/octagon.svg
diff --git a/app/img/edges/organelle.svg b/app/img/nodes/organelle.svg
similarity index 100%
rename from app/img/edges/organelle.svg
rename to app/img/nodes/organelle.svg
diff --git a/app/img/edges/pentagon.svg b/app/img/nodes/pentagon.svg
similarity index 100%
rename from app/img/edges/pentagon.svg
rename to app/img/nodes/pentagon.svg
diff --git a/app/img/nodes/protein-gpml.svg b/app/img/nodes/protein-gpml.svg
index bb8de2dc..08e27807 100644
--- a/app/img/nodes/protein-gpml.svg
+++ b/app/img/nodes/protein-gpml.svg
@@ -1,4 +1,4 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!-- Do not edit this file with editors other than draw.io -->
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="85px" height="85px" viewBox="-0.5 -0.5 85 85" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2024-06-21T02:15:53.729Z&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/125.0.0.0 Safari/537.36&quot; etag=&quot;PBgy7-dEJmlWszpF1e48&quot; version=&quot;24.6.0&quot; type=&quot;google&quot; scale=&quot;1&quot; border=&quot;0&quot;&gt;&#10;  &lt;diagram name=&quot;Page-1&quot; id=&quot;Wp7ONXWdLe0PqYsilxFU&quot;&gt;&#10;    &lt;mxGraphModel dx=&quot;1434&quot; dy=&quot;799&quot; grid=&quot;1&quot; gridSize=&quot;10&quot; guides=&quot;1&quot; tooltips=&quot;1&quot; connect=&quot;1&quot; arrows=&quot;1&quot; fold=&quot;1&quot; page=&quot;1&quot; pageScale=&quot;1&quot; pageWidth=&quot;827&quot; pageHeight=&quot;1169&quot; math=&quot;0&quot; shadow=&quot;0&quot;&gt;&#10;      &lt;root&gt;&#10;        &lt;mxCell id=&quot;0&quot; /&gt;&#10;        &lt;mxCell id=&quot;1&quot; parent=&quot;0&quot; /&gt;&#10;        &lt;mxCell id=&quot;Rfg4JjUe0hk2crqVX6YL-1&quot; value=&quot;Prot&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;strokeWidth=5;fontSize=30;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;300&quot; y=&quot;190&quot; width=&quot;80&quot; height=&quot;80&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;      &lt;/root&gt;&#10;    &lt;/mxGraphModel&gt;&#10;  &lt;/diagram&gt;&#10;&lt;/mxfile&gt;&#10;" style="background-color: rgb(255, 255, 255);"><defs/><rect fill="#ffffff" width="100%" height="100%" x="0" y="0"/><g><g data-cell-id="0"><g data-cell-id="1"><g data-cell-id="Rfg4JjUe0hk2crqVX6YL-1"><g><rect x="2" y="2" width="80" height="80" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-width="5" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 42px; margin-left: 3px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Prot</div></div></div></foreignObject><text x="42" y="51" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="30px" text-anchor="middle">Prot</text></switch></g></g></g></g></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="43px" height="33px" viewBox="-0.5 -0.5 43 33" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2024-06-28T03:05:50.352Z&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/125.0.0.0 Safari/537.36&quot; etag=&quot;2laphjN0uozEgs2ZSiEH&quot; version=&quot;24.6.4&quot; type=&quot;google&quot; scale=&quot;1&quot; border=&quot;0&quot;&gt;&#10;  &lt;diagram name=&quot;Page-1&quot; id=&quot;1JwxpLPNIcVIjE5moNO0&quot;&gt;&#10;    &lt;mxGraphModel dx=&quot;885&quot; dy=&quot;555&quot; grid=&quot;1&quot; gridSize=&quot;10&quot; guides=&quot;1&quot; tooltips=&quot;1&quot; connect=&quot;1&quot; arrows=&quot;1&quot; fold=&quot;1&quot; page=&quot;1&quot; pageScale=&quot;1&quot; pageWidth=&quot;850&quot; pageHeight=&quot;1100&quot; math=&quot;0&quot; shadow=&quot;0&quot;&gt;&#10;      &lt;root&gt;&#10;        &lt;mxCell id=&quot;0&quot; /&gt;&#10;        &lt;mxCell id=&quot;1&quot; parent=&quot;0&quot; /&gt;&#10;        &lt;mxCell id=&quot;XqLIo0cWNJXP6SEADSFS-1&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 15px;&amp;quot;&amp;gt;Prot&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;strokeWidth=3;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;360&quot; y=&quot;260&quot; width=&quot;40&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;      &lt;/root&gt;&#10;    &lt;/mxGraphModel&gt;&#10;  &lt;/diagram&gt;&#10;&lt;/mxfile&gt;&#10;" style="background-color: rgb(255, 255, 255);"><defs/><rect fill="#ffffff" width="100%" height="100%" x="0" y="0"/><g><g data-cell-id="0"><g data-cell-id="1"><g data-cell-id="XqLIo0cWNJXP6SEADSFS-1"><g><rect x="1" y="1" width="40" height="30" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-width="3" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 16px; margin-left: 2px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="font-size: 15px;">Prot</font></div></div></div></foreignObject><image x="2" y="7.5" width="38" height="21" xlink:href="data:image/png;base64,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"/></switch></g></g></g></g></g></g></svg>
\ No newline at end of file
diff --git a/app/img/edges/rectangle.svg b/app/img/nodes/rectangle.svg
similarity index 100%
rename from app/img/edges/rectangle.svg
rename to app/img/nodes/rectangle.svg
diff --git a/app/img/edges/roundedrectangle.svg b/app/img/nodes/roundedrectangle.svg
similarity index 100%
rename from app/img/edges/roundedrectangle.svg
rename to app/img/nodes/roundedrectangle.svg
diff --git a/app/img/edges/triangle.svg b/app/img/nodes/triangle.svg
similarity index 100%
rename from app/img/edges/triangle.svg
rename to app/img/nodes/triangle.svg
diff --git a/app/img/edges/vesicle.svg b/app/img/nodes/vesicle.svg
similarity index 100%
rename from app/img/edges/vesicle.svg
rename to app/img/nodes/vesicle.svg
diff --git a/index.html b/index.html
index 6451df18..b6218c65 100644
--- a/index.html
+++ b/index.html
@@ -845,7 +845,7 @@
                                                                 <div class="panel-body">
                                                                     <div id="gpml-node-palette" class="element-palette node-palette">
                                                                         <div class="paletteWrapper">
-                                                                            <div class="paletteCol"><img src="app/img/nodes/gene-product.svg" language="GPML"
+                                                                            <div class="paletteCol"><img src="app/img/nodes/gene1.drawio (1).svg" language="GPML"
                                                                                     value="Gene" title="Gene" /></div>
                                                                             <div class="paletteCol"><img src="app/img/nodes/metabolite.svg" language="GPML"
                                                                                     value="Meta" title="Meta" /></div>
@@ -890,7 +890,7 @@
                                                                                     title="catalysis" /></div>
                                                                             <div class="paletteCol"><img src="app/img/edges/stimulation-gpml.svg" language="GPML" value="stimulation"
                                                                                     title="stimulation" /></div>
-                                                                            <div class="paletteCol"><img src="app/img/edges/binding.svg" language="GPML" value="binding"
+                                                                            <div class="paletteCol"><img src="app/img/edges/binding.drawio (4).svg" language="GPML" value="binding"
                                                                                     title="binding" /></div>
                                                                             <div class="paletteCol"><img src="app/img/edges/translocation.svg" language="GPML"
                                                                                     value="translocation" title="translocation" /></div>
@@ -905,33 +905,33 @@
                                                             <div class="panel-body" style="padding-bottom: 0px;">
                                                                 <div id="gpml-edge-palette" class="element-palette edge-palette">
                                                                     <div class="paletteWrapper">
-                                                                        <div class="paletteCol"><img src="app/img/edges/circle.svg" language="GPML"
+                                                                        <div class="paletteCol"><img src="app/img/nodes/circle.svg" language="GPML"
                                                                                 value="circle" title="circle" /></div>
-                                                                        <div class="paletteCol"><img src="app/img/edges/roundedrectangle.svg" language="GPML"
+                                                                        <div class="paletteCol"><img src="app/img/nodes/roundedrectangle.svg" language="GPML"
                                                                                 value="RoundedRectangle" title="RoundedRectangle" /></div>
-                                                                        <div class="paletteCol"><img src="app/img/edges/triangle.svg" language="GPML"
+                                                                        <div class="paletteCol"><img src="app/img/nodes/triangle.svg" language="GPML"
                                                                                 value="triangle" title="Triangle" /></div>
-                                                                        <div class="paletteCol"><img src="app/img/edges/rectangle.svg" language="GPML"
+                                                                        <div class="paletteCol"><img src="app/img/nodes/rectangle.svg" language="GPML"
                                                                                 value="rectangle" title="Rectangle" /></div>
-                                                                        <div class="paletteCol"><img src="app/img/edges/pentagon.svg" language="GPML" 
+                                                                        <div class="paletteCol"><img src="app/img/nodes/pentagon.svg" language="GPML" 
                                                                                 value="pentagon"  title="Pentagon" /></div>       
-                                                                        <div class="paletteCol"><img src="app/img/edges/hexagon.svg" language="GPML"
+                                                                        <div class="paletteCol"><img src="app/img/nodes/hexagon.svg" language="GPML"
                                                                                 value="hexagon" title="Hexagon" /></div>
-                                                                        <div class="paletteCol"><img src="app/img/edges/octagon.svg" language="GPML"
+                                                                        <div class="paletteCol"><img src="app/img/nodes/octagon.svg" language="GPML"
                                                                                 value="octagon" title="Octagon" /></div>
-                                                                        <div class="paletteCol"><img src="app/img/edges/cell.svg" language="GPML"
+                                                                        <div class="paletteCol"><img src="app/img/nodes/cell.svg" language="GPML"
                                                                                 value="cell" title="Cell" /></div>
-                                                                        <div class="paletteCol"><img src="app/img/edges/nucleus.svg" language="GPML"
+                                                                        <div class="paletteCol"><img src="app/img/nodes/nucleus.svg" language="GPML"
                                                                                 value="nucleus" title="Nucleus" /></div>
-                                                                        <div class="paletteCol"><img src="app/img/edges/golgiapparatus.svg" language="GPML"
+                                                                        <div class="paletteCol"><img src="app/img/nodes/golgiapparatus.svg" language="GPML"
                                                                                 value="golgiapparatus" title="GolgiApparatus" /></div>
-                                                                        <div class="paletteCol"><img src="app/img/edges/mitochondria.svg" language="GPML" 
+                                                                        <div class="paletteCol"><img src="app/img/nodes/mitochondria.svg" language="GPML" 
                                                                             value="mitochondria"  title="Mitochondria" /></div>
-                                                                        <div class="paletteCol"><img src="app/img/edges/organelle.svg" language="GPML" 
+                                                                        <div class="paletteCol"><img src="app/img/nodes/organelle.svg" language="GPML" 
                                                                             value="organelle" title="Organelle" /></div>
-                                                                        <div class="paletteCol"><img src="app/img/edges/vesicle.svg" language="GPML" 
+                                                                        <div class="paletteCol"><img src="app/img/nodes/vesicle.svg" language="GPML" 
                                                                             value="vesicle" title="Vesicle" /></div>
-                                                                        <div class="paletteCol"><img src="app/img/edges/extracellularregion.svg" language="GPML" 
+                                                                        <div class="paletteCol"><img src="app/img/nodes/extracellularregion.svg" language="GPML" 
                                                                             value="extracellularregion" title="ExtracellularRegion" /></div>