From c42f6ff9ed36fca6514d812ca0688114e64aa113 Mon Sep 17 00:00:00 2001
From: Nettika <git@nettika.cat>
Date: Wed, 28 Jan 2026 23:45:55 -0800
Subject: [PATCH] Add axis helper

---
 TODO.md                     | 2 +-
 src/components/Viewport.vue | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/TODO.md b/TODO.md
index 4a216f0bf..17dfe2ffa 100644
--- a/TODO.md
+++ b/TODO.md
@@ -37,7 +37,7 @@ A step-by-step checklist for porting MatterControl's design features to a Vue +
 
 ### Scene Helpers
 - [x] Add ground grid helper (XZ plane)
-- [ ] Add axis helper (RGB arrows for X/Y/Z)
+- [x] Add axis helper (RGB arrows for X/Y/Z)
 - [ ] Add option to toggle grid visibility
 - [ ] Add option to toggle axis visibility
 
diff --git a/src/components/Viewport.vue b/src/components/Viewport.vue
index add873fe3..dda7c85e5 100644
--- a/src/components/Viewport.vue
+++ b/src/components/Viewport.vue
@@ -35,6 +35,9 @@ function initScene() {
   // Add grid helper
   addGridHelper()
 
+  // Add axis helper
+  addAxisHelper()
+
   // Add a test cube to verify rendering
   addTestCube()
 
@@ -50,6 +53,11 @@ function addGridHelper() {
   scene.add(gridHelper)
 }
 
+function addAxisHelper() {
+  const axisHelper = new THREE.AxesHelper(5)
+  scene.add(axisHelper)
+}
+
 function addLighting() {
   // Ambient light for base illumination
   const ambientLight = new THREE.AmbientLight(0xffffff, 0.4)