From 8390a389971ccc778e5b736a218dd3335752b7c3 Mon Sep 17 00:00:00 2001
From: Pierre Chalamet <pierre@magnusopera.io>
Date: Fri, 16 Jan 2026 14:55:33 +0100
Subject: [PATCH] left to right layout

---
 src/Terrabuild.UI/src/App.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/Terrabuild.UI/src/App.tsx b/src/Terrabuild.UI/src/App.tsx
index de4ea1a1..e0d466f2 100644
--- a/src/Terrabuild.UI/src/App.tsx
+++ b/src/Terrabuild.UI/src/App.tsx
@@ -48,7 +48,7 @@ const nodeHeight = 120;
 const layoutGraph = (nodes: Node[], edges: Edge[]) => {
   const graph = new dagre.graphlib.Graph();
   graph.setDefaultEdgeLabel(() => ({}));
-  graph.setGraph({ rankdir: "LR", nodesep: 90, ranksep: 140 });
+  graph.setGraph({ rankdir: "RL", nodesep: 90, ranksep: 140 });
 
   nodes.forEach((node) => {
     graph.setNode(node.id, { width: nodeWidth, height: nodeHeight });
@@ -408,8 +408,8 @@ const App = () => {
           meta: project,
         },
         position: { x: 0, y: 0 },
-        sourcePosition: Position.Right,
-        targetPosition: Position.Left,
+        sourcePosition: Position.Left,
+        targetPosition: Position.Right,
         style: getNodeStyle(project.id),
       }));