Refactor reactflowUtils and styleUtils

src/frontend/src/utils/reactflowUtils.ts

@@ -664,7 +664,9 @@ export function reconnectEdges(groupNode: NodeType, excludedEdges: Edge[]) {
   let newEdges = cloneDeep(excludedEdges);
   const { nodes, edges } = groupNode.data.node!.flow!.data!;
   const lastNode = findLastNode(groupNode.data.node!.flow!.data!);
-  newEdges = newEdges.filter(e=>!(nodes.some(n=>n.id===e.source) && e.source !== lastNode?.id))
+  newEdges = newEdges.filter(
+    (e) => !(nodes.some((n) => n.id === e.source) && e.source !== lastNode?.id)
+  );
   newEdges.forEach((edge) => {
     if (lastNode && edge.source === lastNode.id) {
       edge.source = groupNode.id;

src/frontend/src/utils/styleUtils.ts

@@ -21,8 +21,8 @@ import {
   ChevronsLeft,
   ChevronsRight,
   ChevronsUpDown,
-  Circle,
   ChevronsUpDownIcon,
+  Circle,
   CircleDot,
   Clipboard,
   Code,
@@ -252,9 +252,8 @@ export const nodeColors: { [char: string]: string } = {
   retrievers: "#e6b25a",
   unknown: "#9CA3AF",
   custom_components: "#ab11ab",
-  Records:"#31a3cc",
-  Record:"#31a3cc",
-
+  Records: "#31a3cc",
+  Record: "#31a3cc",
 };
 
 export const nodeNames: { [char: string]: string } = {