feat: adjusted split force layout, added size based on nodecount

src/components/Universe/Graph/Connections/index.tsx

@@ -9,14 +9,14 @@
   const { showSelectionGraph } = useGraphStore((s) => s)
   const selectedNode = useSelectedNode()
 
   console.log('connection')
 
   return (
     <group name="simulation-3d-group__connections">
       {data?.links.map((l: Link) => {
         const isSelected = selectedNode?.ref_id === l.source || selectedNode?.ref_id === l.target
 
-        const lineWidth = selectedNode ? 0 : 0.5
+        const lineWidth = selectedNode ? 0 : 1
 
         return (
           <LineComponent key={l.ref_id} isSelected={isSelected} lineWidth={lineWidth} visible={!showSelectionGraph} />

src/components/Universe/Graph/Cubes/NodePoints/Point/index.tsx

@@ -2,12 +2,13 @@ import { Billboard, Instance } from '@react-three/drei'
 
 type Props = {
   color: string
+  scale: number
 }
 
-export const Point = ({ color }: Props) => (
+export const Point = ({ color, scale }: Props) => (
   <>
     <Billboard follow lockX={false} lockY={false} lockZ={false}>
-      <Instance color={color} />
+      <Instance color={color} scale={scale} />
     </Billboard>
   </>
 )

src/components/Universe/Graph/Cubes/NodePoints/index.tsx

@@ -59,7 +59,7 @@ const _NodePoints = () => {
           const primaryColor = normalizedSchemasByType[node.node_type]?.primary_color
           const color = primaryColor ?? (COLORS_MAP[nodeTypes.indexOf(node.node_type)] || colors.white)
 
-          return <Point key={node.ref_id} color={color} />
+          return <Point key={node.ref_id} color={color} scale={node.edge_count || 1} />
         })}
       </Instances>
     </>

src/components/Universe/Graph/Cubes/index.tsx

@@ -114,7 +114,7 @@ export const Cubes = memo(() => {
           const hide = !!selectedNode && (relativeIds.includes(node.ref_id) || selectedNode.ref_id === node.ref_id)
 
           return (
-            <mesh key={node.ref_id} name="wr2" userData={node}>
+            <mesh key={node.ref_id} name="wr2" scale={node.edge_count || 1} userData={node}>
               <boxGeometry args={[40, 40, 40]} />
               <meshStandardMaterial opacity={0} transparent />
               <TextNode

src/components/Universe/Graph/index.tsx

@@ -139,7 +139,7 @@ export const Graph = () => {
 
               material.color = new Color(lineColor)
               material.transparent = true
-              material.opacity = 0.2
+              material.opacity = 1
             }
           })
         }

src/stores/useGraphStore/index.ts

@@ -203,7 +203,7 @@
 
         simulationHelpers.simulationRestart()
       } catch (error) {
         console.log(error)
         // eslint-disable-next-line no-debugger
       }
 
@@ -262,7 +262,12 @@
         .force(
           'y',
           forceY()
-            .y((node: NodeExtended) => nodeTypes.indexOf(node.node_type) * 400)
+            .y((node: NodeExtended) => {
+              const index = nodeTypes.indexOf(node.node_type)
+              const yOffset = Math.floor(index / 2) * 400
+
+              return index % 2 === 0 ? yOffset : -yOffset
+            })
             .strength(10),
         )
     },
@@ -294,7 +299,7 @@
     simulationRestart: () => {
       const { simulation } = get()
 
       if (false) {
         runSimulationPhase(simulation)
       }
 
@@ -302,7 +307,7 @@
     },
   },
   simulationCreate: (nodes, links) => {
     console.log('created')
 
     const structuredNodes = structuredClone(nodes)
     const structuredLinks = structuredClone(links)