edges reordser fix

front/dist/manifest.json

@@ -1,6 +1,6 @@
 {
   "main.js": {
-    "file": "assets/main.016edc6c.js",
+    "file": "assets/main.96863591.js",
     "src": "main.js",
     "isEntry": true,
     "css": [

front/js/svelte/records/elements/ReferenceTable.svelte

@@ -21,7 +21,6 @@
         .map((edge) => {
             return graph.records.find((increc) => increc.id === edge.target && record.id === edge.source);
         }).filter((rec) => (rec?.id ? true : false)) ?? [];
-
     let collections = channel.schemas.filter((aschema) =>
         field.collections.includes(aschema.name)
     );
@@ -44,7 +43,7 @@
 
     function insert(e) {
         e.preventDefault();
-        graph = insertEdges(graph,record,e.detail.records,field.name,e.detail.action);
+        graph = insertEdges(graph, record, e.detail.records, field.name, e.detail.action);
     }
 
     $:visibleColumns = [];

front/js/svelte/records/elements/reference.js

@@ -8,6 +8,7 @@ export function insertEdges(graph, sourceRecord, targetRecords, fieldName, actio
             sourceSchema: sourceRecord.schema,
             targetSchema: r.schema,
             field: fieldName,
+            depth: 1,
             rank: ""
         };
     });
@@ -18,6 +19,6 @@ export function insertEdges(graph, sourceRecord, targetRecords, fieldName, actio
     }
 
     graph.records = uniqBy([...graph.records, ...targetRecords], (r) => r.id);
-    graph.edges = uniqBy([...replacedEdges, ...newEdges], (edge) =>  edge.source +  edge.target + edge.field);
+    graph.edges = uniqBy([...replacedEdges, ...newEdges], (edge) =>  edge.source +  edge.target + edge.field + edge.depth);
     return graph;
 }