MagnusOpera · pchalamet · Jan 14, 2026 · Jan 14, 2026 · Jan 14, 2026 · Jan 14, 2026
diff --git a/.gitignore b/.gitignore
@@ -422,3 +422,4 @@ terrabuild-debug.md
 *.fsyacc.output
 
 !**/results/terrabuild-debug.*
+.pnpm-store
diff --git a/Makefile b/Makefile
@@ -20,9 +20,13 @@ current_dir = $(shell pwd)
 # |_______/ |_______|   \__/
 #
 
-build:
+build: webui
 	dotnet build -c $(config) terrabuild.slnx
 
+webui:
+	cd src/Terrabuild.UI && pnpm install
+	cd src/Terrabuild.UI && pnpm build
+
 test:
 	dotnet test -c $(config) terrabuild.slnx
 
@@ -100,6 +104,9 @@ terrabuild:
 #     |__|     |_______|_______/       |__|    |_______/
 #
 
+ui: webui
+	$(terrabuild) graph --no-open --port 5179
+
 test-scaffold:
 	$(terrabuild) scaffold --workspace tests/scaffold --debug --log
 

diff --git a/WORKSPACE b/WORKSPACE
@@ -20,6 +20,7 @@ locals {
 
     versions = {
         dotnet_sdk: "10.0.100" # https://mcr.microsoft.com/artifact/mar/dotnet/sdk/tags
+        pnpm: "22-10" # https://hub.docker.com/r/guergeiro/pnpm/tags
     }
 }
 
@@ -53,3 +54,13 @@ extension @dotnet {
         evaluate = local.dotnet.evaluate
     }
 }
+
+extension @pnpm {
+    image = local.is_local_build ? nothing : "docker.io/guergeiro/pnpm:${local.versions.pnpm}"
+    defaults {
+        frozen = true
+    }
+    env {
+        CI = true
+    }
+}
diff --git a/src/Terrabuild.UI/PROJECT b/src/Terrabuild.UI/PROJECT
@@ -0,0 +1,11 @@
+project terrabuild_ui {
+    @pnpm { }
+}
+
+target install {
+    @pnpm install { }
+}
+
+target build {
+    @pnpm build { }
+}
diff --git a/src/Terrabuild.UI/index.html b/src/Terrabuild.UI/index.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Terrabuild Graph</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/src/Terrabuild.UI/package.json b/src/Terrabuild.UI/package.json
@@ -0,0 +1,32 @@
+{
+  "name": "terrabuild-ui",
+  "private": true,
+  "version": "0.1.0",
+  "type": "module",
+  "packageManager": "pnpm@9.15.0",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.5",
+    "@mantine/core": "^6.0.0",
+    "@mantine/hooks": "^6.0.0",
+    "@tabler/icons-react": "^3.19.0",
+    "dagre": "^0.8.5",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "reactflow": "^11.11.3",
+    "xterm": "^5.3.0",
+    "xterm-addon-fit": "^0.8.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@vitejs/plugin-react": "^4.3.3",
+    "typescript": "^5.6.3",
+    "vite": "^5.4.11"
+  }
+}
Original file line number	Diff line number	Diff line change
Expand Up		@@ -422,3 +422,4 @@ terrabuild-debug.md
		*.fsyacc.output

		!*/results/terrabuild-debug.
		.pnpm-store