Add axis helper

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
 

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)