From 640e57cc79f6fbb6caa5eb57eaac83c99363403b Mon Sep 17 00:00:00 2001
From: Ignited Visions <94790762+ignitedvisions@users.noreply.github.com>
Date: Tue, 24 Mar 2026 21:41:32 +0530
Subject: [PATCH] feat: Imperial scale migration, editable dimension inputs,
 and wall UI snapping

---
 apps/editor/app/api/health/route.ts           |    2 +
 apps/editor/app/layout.tsx                    |    5 -
 apps/editor/next.config.ts                    |   17 +-
 apps/editor/public/demos/demo_1.json          | 2043 ++++++++++++++---
 apps/editor/public/demos/ekta_cottage.json    | 1056 +++++++++
 bun.lock                                      |    4 +-
 packages/core/src/events/bus.ts               |    1 +
 packages/core/src/schema/nodes/roof.ts        |    9 +
 packages/core/src/schema/nodes/wall.ts        |    4 +-
 .../editor/custom-camera-controls.tsx         |   66 +-
 .../components/editor/site-edge-labels.tsx    |    2 +-
 .../src/components/tools/wall/wall-tool.tsx   |   39 +-
 .../components/ui/controls/metric-control.tsx |    4 +-
 .../components/ui/controls/slider-control.tsx |  319 +--
 .../components/ui/panels/ceiling-panel.tsx    |   67 +-
 .../src/components/ui/panels/door-panel.tsx   |  130 +-
 .../src/components/ui/panels/item-panel.tsx   |   26 +-
 .../src/components/ui/panels/roof-panel.tsx   |   46 +-
 .../src/components/ui/panels/slab-panel.tsx   |   71 +-
 .../src/components/ui/panels/wall-panel.tsx   |   94 +-
 .../src/components/ui/panels/window-panel.tsx |   92 +-
 packages/editor/src/hooks/use-keyboard.ts     |    2 +-
 22 files changed, 3203 insertions(+), 896 deletions(-)
 create mode 100644 apps/editor/public/demos/ekta_cottage.json
diff --git a/apps/editor/app/api/health/route.ts b/apps/editor/app/api/health/route.ts
index 300230ba..d83b90eb 100644
--- a/apps/editor/app/api/health/route.ts
+++ b/apps/editor/app/api/health/route.ts
@@ -1,3 +1,5 @@
+export const dynamic = 'force-static'
+
 export function GET() {
   return Response.json({ status: 'ok', app: 'editor', timestamp: new Date().toISOString() })
 }
diff --git a/apps/editor/app/layout.tsx b/apps/editor/app/layout.tsx
index 33db7f78..140a1580 100644
--- a/apps/editor/app/layout.tsx
+++ b/apps/editor/app/layout.tsx
@@ -35,11 +35,6 @@ export default function RootLayout({
       <head>
         {process.env.NODE_ENV === 'development' && (
           <>
-            <Script
-              crossOrigin="anonymous"
-              src="//unpkg.com/react-scan/dist/auto.global.js"
-              strategy="beforeInteractive"
-            />
             <Script
               crossOrigin="anonymous"
               src="//unpkg.com/react-grab/dist/index.global.js"
diff --git a/apps/editor/next.config.ts b/apps/editor/next.config.ts
index e802f23e..9425353d 100644
--- a/apps/editor/next.config.ts
+++ b/apps/editor/next.config.ts
@@ -13,23 +13,8 @@ const nextConfig: NextConfig = {
       '@react-three/drei': './node_modules/@react-three/drei',
     },
   },
-  experimental: {
-    serverActions: {
-      bodySizeLimit: '100mb',
-    },
-  },
   images: {
-    unoptimized: process.env.NEXT_PUBLIC_ASSETS_CDN_URL?.startsWith('http://localhost') ?? false,
-    remotePatterns: [
-      {
-        protocol: 'https',
-        hostname: '**',
-      },
-      {
-        protocol: 'http',
-        hostname: '**',
-      },
-    ],
+    unoptimized: true,
   },
 }
 
diff --git a/apps/editor/public/demos/demo_1.json b/apps/editor/public/demos/demo_1.json
index a70a126c..478bd21c 100644
--- a/apps/editor/public/demos/demo_1.json
+++ b/apps/editor/public/demos/demo_1.json
@@ -7,9 +7,20 @@
       "parentId": null,
       "visible": true,
       "metadata": {},
-      "children": ["level_pojp0mw3qssu110w", "level_bbyvfs9qwzh4arjf"],
-      "position": [0, 0, 0],
-      "rotation": [0, 0, 0]
+      "children": [
+        "level_pojp0mw3qssu110w",
+        "level_bbyvfs9qwzh4arjf"
+      ],
+      "position": [
+        0,
+        0,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ]
     },
     "level_pojp0mw3qssu110w": {
       "object": "node",
@@ -63,9 +74,15 @@
       ],
       "level": 0,
       "camera": {
-        "position": [32.19770918094574, 13.355189178183336, 32.63027548275616],
+        "position": [
+          32.19770918094574,
+          13.355189178183336,
+          32.63027548275616
+        ],
         "target": [
-          4.8501257048479305, -6.656412040461838e-16, 7.3634421472590255
+          4.8501257048479305,
+          -6.656412040461838e-16,
+          7.3634421472590255
         ],
         "mode": "perspective"
       }
@@ -78,7 +95,24 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "polygon": [[13, 6], [9, 6], [9, 0], [13, 0]],
+      "polygon": [
+        [
+          13,
+          6
+        ],
+        [
+          9,
+          6
+        ],
+        [
+          9,
+          0
+        ],
+        [
+          13,
+          0
+        ]
+      ],
       "elevation": 0.05
     },
     "level_bbyvfs9qwzh4arjf": {
@@ -88,11 +122,21 @@
       "parentId": "building_bv4ilcjivnxn8wkd",
       "visible": true,
       "metadata": {},
-      "children": ["roof_jxd8tc6rcuaujl25"],
+      "children": [
+        "roof_jxd8tc6rcuaujl25"
+      ],
       "level": 1,
       "camera": {
-        "position": [11.709072311989358, 25.635955613557638, 50.59653427090403],
-        "target": [6.9995635873796855, 2.4999999999999996, 0.6911898255966076],
+        "position": [
+          11.709072311989358,
+          25.635955613557638,
+          50.59653427090403
+        ],
+        "target": [
+          6.9995635873796855,
+          2.4999999999999996,
+          0.6911898255966076
+        ],
         "mode": "perspective"
       }
     },
@@ -104,7 +148,11 @@
       "parentId": "level_bbyvfs9qwzh4arjf",
       "visible": true,
       "metadata": {},
-      "position": [10.25, 0, 3.5],
+      "position": [
+        10.25,
+        0,
+        3.5
+      ],
       "rotation": 0,
       "length": 5.5,
       "height": 1.6,
@@ -119,12 +167,35 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "polygon": [[9, 6], [9, 0], [13, 0], [13, 6]],
+      "polygon": [
+        [
+          9,
+          6
+        ],
+        [
+          9,
+          0
+        ],
+        [
+          13,
+          0
+        ],
+        [
+          13,
+          6
+        ]
+      ],
       "color": "#3b82f6",
       "camera": {
-        "position": [18.715003971902778, 18.8254836683251, 12.086656976691291],
+        "position": [
+          18.715003971902778,
+          18.8254836683251,
+          12.086656976691291
+        ],
         "target": [
-          6.9995635873796855, 1.6971845387795204e-17, 0.6911898255966076
+          6.9995635873796855,
+          1.6971845387795204e-17,
+          0.6911898255966076
         ],
         "mode": "perspective"
       }
@@ -137,8 +208,16 @@
       "parentId": "wall_q455ycyoqnjxjcdr",
       "visible": true,
       "metadata": {},
-      "position": [2, 0.5, 0],
-      "rotation": [0, 0, 0],
+      "position": [
+        2,
+        0.5,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
       "side": "front",
       "asset": {
         "id": "window-large",
@@ -146,11 +225,27 @@
         "name": "window-large",
         "thumbnail": "/items/window-large/thumbnail.webp",
         "src": "/items/window-large/model.glb",
-        "dimensions": [2, 2, 0.4],
+        "dimensions": [
+          2,
+          2,
+          0.4
+        ],
         "attachTo": "wall",
-        "offset": [0, 1, 0],
-        "rotation": [0, 0, 0],
-        "scale": [1, 1, 1]
+        "offset": [
+          0,
+          1,
+          0
+        ],
+        "rotation": [
+          0,
+          0,
+          0
+        ],
+        "scale": [
+          1,
+          1,
+          1
+        ]
       }
     },
     "item_ketiyaswru3k7vub": {
@@ -161,18 +256,42 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [9.5, 0, 6.75],
-      "rotation": [0, 0, 0],
+      "position": [
+        9.5,
+        0,
+        6.75
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
       "asset": {
         "id": "lounge-chair",
         "category": "furniture",
         "name": "lounge-chair",
         "thumbnail": "/items/lounge-chair/thumbnail.webp",
         "src": "/items/lounge-chair/model.glb",
-        "dimensions": [1, 1.1, 1.5],
-        "offset": [0, 0, 0.09],
-        "rotation": [0, 0, 0],
-        "scale": [1, 1, 1]
+        "dimensions": [
+          1,
+          1.1,
+          1.5
+        ],
+        "offset": [
+          0,
+          0,
+          0.09
+        ],
+        "rotation": [
+          0,
+          0,
+          0
+        ],
+        "scale": [
+          1,
+          1,
+          1
+        ]
       }
     },
     "item_8zi2layxh9s8erc1": {
@@ -183,18 +302,42 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [12, 0, 6.75],
-      "rotation": [0, 0, 0],
+      "position": [
+        12,
+        0,
+        6.75
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
       "asset": {
         "id": "lounge-chair",
         "category": "furniture",
         "name": "lounge-chair",
         "thumbnail": "/items/lounge-chair/thumbnail.webp",
         "src": "/items/lounge-chair/model.glb",
-        "dimensions": [1, 1.1, 1.5],
-        "offset": [0, 0, 0.09],
-        "rotation": [0, 0, 0],
-        "scale": [1, 1, 1]
+        "dimensions": [
+          1,
+          1.1,
+          1.5
+        ],
+        "offset": [
+          0,
+          0,
+          0.09
+        ],
+        "rotation": [
+          0,
+          0,
+          0
+        ],
+        "scale": [
+          1,
+          1,
+          1
+        ]
       }
     },
     "item_t29aoosaypbiwkq2": {
@@ -205,18 +348,42 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [8.25, 0, 6.75],
-      "rotation": [0, 0, 0],
+      "position": [
+        8.25,
+        0,
+        6.75
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
       "asset": {
         "id": "trash-bin",
         "category": "furniture",
         "name": "trash-bin",
         "thumbnail": "/items/trash-bin/thumbnail.webp",
         "src": "/items/trash-bin/model.glb",
-        "dimensions": [0.5, 0.6, 0.5],
-        "offset": [0, 0, 0],
-        "rotation": [0, 0, 0],
-        "scale": [1, 1, 1]
+        "dimensions": [
+          0.5,
+          0.6,
+          0.5
+        ],
+        "offset": [
+          0,
+          0,
+          0
+        ],
+        "rotation": [
+          0,
+          0,
+          0
+        ],
+        "scale": [
+          1,
+          1,
+          1
+        ]
       }
     },
     "item_ycf4n2wudq423w5g": {
@@ -227,18 +394,42 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [7.25, 0, 6.75],
-      "rotation": [0, 0, 0],
+      "position": [
+        7.25,
+        0,
+        6.75
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
       "asset": {
         "id": "toy",
         "category": "furniture",
         "name": "toy",
         "thumbnail": "/items/toy/thumbnail.webp",
         "src": "/items/toy/model.glb",
-        "dimensions": [0.5, 0.5, 0.5],
-        "offset": [0, 0, 0],
-        "rotation": [0, 0, 0],
-        "scale": [1, 1, 1]
+        "dimensions": [
+          0.5,
+          0.5,
+          0.5
+        ],
+        "offset": [
+          0,
+          0,
+          0
+        ],
+        "rotation": [
+          0,
+          0,
+          0
+        ],
+        "scale": [
+          1,
+          1,
+          1
+        ]
       }
     },
     "wall_0j28n7nskm2sst7m": {
@@ -248,9 +439,18 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "children": ["item_53okxjgbe9htx0yb", "item_u94w6z7xl4a8icgn"],
-      "start": [9, 0],
-      "end": [13, 0]
+      "children": [
+        "item_53okxjgbe9htx0yb",
+        "item_u94w6z7xl4a8icgn"
+      ],
+      "start": [
+        9,
+        0
+      ],
+      "end": [
+        13,
+        0
+      ]
     },
     "wall_3wwt9bjqrdc5w09s": {
       "object": "node",
@@ -259,9 +459,18 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "children": ["item_4g68nbqcpnzrqpsa", "item_b5xi5dwyufh17763"],
-      "start": [13, 0],
-      "end": [13, 6]
+      "children": [
+        "item_4g68nbqcpnzrqpsa",
+        "item_b5xi5dwyufh17763"
+      ],
+      "start": [
+        13,
+        0
+      ],
+      "end": [
+        13,
+        6
+      ]
     },
     "item_b5xi5dwyufh17763": {
       "object": "node",
@@ -271,8 +480,16 @@
       "parentId": "wall_3wwt9bjqrdc5w09s",
       "visible": true,
       "metadata": {},
-      "position": [1.5, 0, 0],
-      "rotation": [0, 0, 0],
+      "position": [
+        1.5,
+        0,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
       "side": "front",
       "asset": {
         "id": "window-simple",
@@ -280,11 +497,27 @@
         "name": "Window-simple",
         "thumbnail": "/items/window-simple/thumbnail.webp",
         "src": "/items/window-simple/model.glb",
-        "dimensions": [1.5, 2, 0.5],
+        "dimensions": [
+          1.5,
+          2,
+          0.5
+        ],
         "attachTo": "wall",
-        "offset": [1.06, -0.35, 0.05],
-        "rotation": [0, 3.14, 0],
-        "scale": [1, 1, 1]
+        "offset": [
+          1.06,
+          -0.35,
+          0.05
+        ],
+        "rotation": [
+          0,
+          3.14,
+          0
+        ],
+        "scale": [
+          1,
+          1,
+          1
+        ]
       }
     },
     "item_53okxjgbe9htx0yb": {
@@ -295,8 +528,16 @@
       "parentId": "wall_0j28n7nskm2sst7m",
       "visible": true,
       "metadata": {},
-      "position": [2.5, 0.5, 0],
-      "rotation": [0, 0, 0],
+      "position": [
+        2.5,
+        0.5,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
       "side": "front",
       "asset": {
         "id": "window-double",
@@ -304,11 +545,27 @@
         "name": "Window-double",
         "thumbnail": "/items/window-double/thumbnail.webp",
         "src": "/items/window-double/model.glb",
-        "dimensions": [1.5, 2, 0.5],
+        "dimensions": [
+          1.5,
+          2,
+          0.5
+        ],
         "attachTo": "wall",
-        "offset": [0, -0.38, 0.02],
-        "rotation": [0, 3.14, 0],
-        "scale": [1, 1, 1]
+        "offset": [
+          0,
+          -0.38,
+          0.02
+        ],
+        "rotation": [
+          0,
+          3.14,
+          0
+        ],
+        "scale": [
+          1,
+          1,
+          1
+        ]
       }
     },
     "item_4g68nbqcpnzrqpsa": {
@@ -319,8 +576,16 @@
       "parentId": "wall_3wwt9bjqrdc5w09s",
       "visible": true,
       "metadata": {},
-      "position": [4, 0.5, 0],
-      "rotation": [0, 0, 0],
+      "position": [
+        4,
+        0.5,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
       "side": "front",
       "asset": {
         "id": "window-rectangle",
@@ -328,11 +593,27 @@
         "name": "Window-rectangle",
         "thumbnail": "/items/window-rectangle/thumbnail.webp",
         "src": "/items/window-rectangle/model.glb",
-        "dimensions": [3, 2, 0.5],
+        "dimensions": [
+          3,
+          2,
+          0.5
+        ],
         "attachTo": "wall",
-        "offset": [-1.65, -0.34, 0.1],
-        "rotation": [0, 3.14, 0],
-        "scale": [0.95, 1, 1]
+        "offset": [
+          -1.65,
+          -0.34,
+          0.1
+        ],
+        "rotation": [
+          0,
+          3.14,
+          0
+        ],
+        "scale": [
+          0.95,
+          1,
+          1
+        ]
       }
     },
     "item_u94w6z7xl4a8icgn": {
@@ -343,8 +624,16 @@
       "parentId": "wall_0j28n7nskm2sst7m",
       "visible": true,
       "metadata": {},
-      "position": [1, 1, 0],
-      "rotation": [0, 0, 0],
+      "position": [
+        1,
+        1,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
       "side": "front",
       "asset": {
         "id": "window-square",
@@ -352,11 +641,27 @@
         "name": "Window-square",
         "thumbnail": "/items/window-square/thumbnail.webp",
         "src": "/items/window-square/model.glb",
-        "dimensions": [1, 1.5, 0.3],
+        "dimensions": [
+          1,
+          1.5,
+          0.3
+        ],
         "attachTo": "wall",
-        "offset": [0, 0.72, 0],
-        "rotation": [0, 3.141592653589793, 0],
-        "scale": [0.5, 0.5, 0.5]
+        "offset": [
+          0,
+          0.72,
+          0
+        ],
+        "rotation": [
+          0,
+          3.141592653589793,
+          0
+        ],
+        "scale": [
+          0.5,
+          0.5,
+          0.5
+        ]
       }
     },
     "wall_785y11hb3nztn1ua": {
@@ -366,9 +671,17 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "children": ["item_d7yqucsv4neczzyc"],
-      "start": [8.5, 0],
-      "end": [6, 0]
+      "children": [
+        "item_d7yqucsv4neczzyc"
+      ],
+      "start": [
+        8.5,
+        0
+      ],
+      "end": [
+        6,
+        0
+      ]
     },
     "item_d7yqucsv4neczzyc": {
       "object": "node",
@@ -378,8 +691,16 @@
       "parentId": "wall_785y11hb3nztn1ua",
       "visible": true,
       "metadata": {},
-      "position": [1, 0, 0],
-      "rotation": [0, 3.141592653589793, 0],
+      "position": [
+        1,
+        0,
+        0
+      ],
+      "rotation": [
+        0,
+        3.141592653589793,
+        0
+      ],
       "side": "back",
       "asset": {
         "id": "door-bar",
@@ -387,11 +708,27 @@
         "name": "door-bar",
         "thumbnail": "/items/door-bar/thumbnail.webp",
         "src": "/items/door-bar/model.glb",
-        "dimensions": [1.5, 2.5, 0.5],
+        "dimensions": [
+          1.5,
+          2.5,
+          0.5
+        ],
         "attachTo": "wall",
-        "offset": [-0.48, 0, 0],
-        "rotation": [0, 0, 0],
-        "scale": [1, 1, 1]
+        "offset": [
+          -0.48,
+          0,
+          0
+        ],
+        "rotation": [
+          0,
+          0,
+          0
+        ],
+        "scale": [
+          1,
+          1,
+          1
+        ]
       }
     },
     "wall_g4h1v4vm9ou0wryc": {
@@ -401,9 +738,18 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "children": ["item_mslnrvkv4302epxo", "item_xurqne401l2bdtd1"],
-      "start": [6, 0],
-      "end": [0, 0]
+      "children": [
+        "item_mslnrvkv4302epxo",
+        "item_xurqne401l2bdtd1"
+      ],
+      "start": [
+        6,
+        0
+      ],
+      "end": [
+        0,
+        0
+      ]
     },
     "item_mslnrvkv4302epxo": {
       "object": "node",
@@ -413,8 +759,16 @@
       "parentId": "wall_g4h1v4vm9ou0wryc",
       "visible": true,
       "metadata": {},
-      "position": [2, 0, 0],
-      "rotation": [0, 3.141592653589793, 0],
+      "position": [
+        2,
+        0,
+        0
+      ],
+      "rotation": [
+        0,
+        3.141592653589793,
+        0
+      ],
       "side": "back",
       "asset": {
         "id": "glass-door",
@@ -422,11 +776,27 @@
         "name": "glass-door",
         "thumbnail": "/items/glass-door/thumbnail.webp",
         "src": "/items/glass-door/model.glb",
-        "dimensions": [1.5, 2.5, 0.4],
+        "dimensions": [
+          1.5,
+          2.5,
+          0.4
+        ],
         "attachTo": "wall",
-        "offset": [-0.52, 0, 0],
-        "rotation": [0, 0, 0],
-        "scale": [0.9, 0.9, 0.9]
+        "offset": [
+          -0.52,
+          0,
+          0
+        ],
+        "rotation": [
+          0,
+          0,
+          0
+        ],
+        "scale": [
+          0.9,
+          0.9,
+          0.9
+        ]
       }
     },
     "item_xurqne401l2bdtd1": {
@@ -437,8 +807,16 @@
       "parentId": "wall_g4h1v4vm9ou0wryc",
       "visible": true,
       "metadata": {},
-      "position": [4.5, 0, 0],
-      "rotation": [0, 3.141592653589793, 0],
+      "position": [
+        4.5,
+        0,
+        0
+      ],
+      "rotation": [
+        0,
+        3.141592653589793,
+        0
+      ],
       "side": "back",
       "asset": {
         "id": "door",
@@ -446,11 +824,27 @@
         "name": "door",
         "thumbnail": "/items/door/thumbnail.webp",
         "src": "/items/door/model.glb",
-        "dimensions": [1.5, 2.5, 0.4],
+        "dimensions": [
+          1.5,
+          2.5,
+          0.4
+        ],
         "attachTo": "wall",
-        "offset": [-0.43, 0, 0],
-        "rotation": [0, 0, 0],
-        "scale": [0.9, 0.9, 0.9]
+        "offset": [
+          -0.43,
+          0,
+          0
+        ],
+        "rotation": [
+          0,
+          0,
+          0
+        ],
+        "scale": [
+          0.9,
+          0.9,
+          0.9
+        ]
       }
     },
     "item_6e09t7muyapqji6s": {
@@ -461,8 +855,16 @@
       "parentId": "wall_lyuq9em1b88jx85g",
       "visible": true,
       "metadata": {},
-      "position": [4.5, 0.5, 0],
-      "rotation": [0, 0, 0],
+      "position": [
+        4.5,
+        0.5,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
       "side": "front",
       "asset": {
         "id": "window-double",
@@ -470,11 +872,27 @@
         "name": "Window-double",
         "thumbnail": "/items/window-double/thumbnail.webp",
         "src": "/items/window-double/model.glb",
-        "dimensions": [1.5, 2, 0.5],
+        "dimensions": [
+          1.5,
+          2,
+          0.5
+        ],
         "attachTo": "wall",
-        "offset": [0, -0.38, 0.02],
-        "rotation": [0, 3.14, 0],
-        "scale": [1, 1, 1]
+        "offset": [
+          0,
+          -0.38,
+          0.02
+        ],
+        "rotation": [
+          0,
+          3.14,
+          0
+        ],
+        "scale": [
+          1,
+          1,
+          1
+        ]
       }
     },
     "item_wcp57nwt4r0zl73b": {
@@ -485,8 +903,16 @@
       "parentId": "wall_lyuq9em1b88jx85g",
       "visible": true,
       "metadata": {},
-      "position": [7.5, 0.5, 0],
-      "rotation": [0, 0, 0],
+      "position": [
+        7.5,
+        0.5,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
       "side": "front",
       "asset": {
         "id": "window-rectangle",
@@ -494,11 +920,27 @@
         "name": "Window-rectangle",
         "thumbnail": "/items/window-rectangle/thumbnail.webp",
         "src": "/items/window-rectangle/model.glb",
-        "dimensions": [3, 2, 0.5],
+        "dimensions": [
+          3,
+          2,
+          0.5
+        ],
         "attachTo": "wall",
-        "offset": [-1.65, -0.34, 0.1],
-        "rotation": [0, 3.14, 0],
-        "scale": [0.95, 1, 1]
+        "offset": [
+          -1.65,
+          -0.34,
+          0.1
+        ],
+        "rotation": [
+          0,
+          3.14,
+          0
+        ],
+        "scale": [
+          0.95,
+          1,
+          1
+        ]
       }
     },
     "item_qpmack787iazwo77": {
@@ -509,8 +951,16 @@
       "parentId": "wall_lyuq9em1b88jx85g",
       "visible": true,
       "metadata": {},
-      "position": [10.5, 0.5, 0],
-      "rotation": [0, 0, 0],
+      "position": [
+        10.5,
+        0.5,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
       "side": "front",
       "asset": {
         "id": "window-double",
@@ -518,11 +968,27 @@
         "name": "Window-double",
         "thumbnail": "/items/window-double/thumbnail.webp",
         "src": "/items/window-double/model.glb",
-        "dimensions": [1.5, 2, 0.5],
+        "dimensions": [
+          1.5,
+          2,
+          0.5
+        ],
         "attachTo": "wall",
-        "offset": [0, -0.38, 0.02],
-        "rotation": [0, 3.14, 0],
-        "scale": [1, 1, 1]
+        "offset": [
+          0,
+          -0.38,
+          0.02
+        ],
+        "rotation": [
+          0,
+          3.14,
+          0
+        ],
+        "scale": [
+          1,
+          1,
+          1
+        ]
       }
     },
     "item_n78zaonsptayyn9k": {
@@ -533,8 +999,16 @@
       "parentId": "wall_lyuq9em1b88jx85g",
       "visible": true,
       "metadata": {},
-      "position": [14, 0.5, 0],
-      "rotation": [0, 0, 0],
+      "position": [
+        14,
+        0.5,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
       "side": "front",
       "asset": {
         "id": "window-double",
@@ -542,11 +1016,27 @@
         "name": "Window-double",
         "thumbnail": "/items/window-double/thumbnail.webp",
         "src": "/items/window-double/model.glb",
-        "dimensions": [1, 1, 0.5],
+        "dimensions": [
+          1,
+          1,
+          0.5
+        ],
         "attachTo": "wall",
-        "offset": [0, -0.18, 0.02],
-        "rotation": [0, 3.14, 0],
-        "scale": [0.5, 0.5, 0.5]
+        "offset": [
+          0,
+          -0.18,
+          0.02
+        ],
+        "rotation": [
+          0,
+          3.14,
+          0
+        ],
+        "scale": [
+          0.5,
+          0.5,
+          0.5
+        ]
       }
     },
     "item_ee7tg7583z4d2w6m": {
@@ -557,8 +1047,16 @@
       "parentId": "wall_lyuq9em1b88jx85g",
       "visible": true,
       "metadata": {},
-      "position": [15.5, 1, 0],
-      "rotation": [0, 0, 0],
+      "position": [
+        15.5,
+        1,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
       "side": "front",
       "asset": {
         "id": "window-double",
@@ -566,11 +1064,27 @@
         "name": "Window-double",
         "thumbnail": "/items/window-double/thumbnail.webp",
         "src": "/items/window-double/model.glb",
-        "dimensions": [1, 1, 0.5],
+        "dimensions": [
+          1,
+          1,
+          0.5
+        ],
         "attachTo": "wall",
-        "offset": [0, -0.18, 0.02],
-        "rotation": [0, 3.14, 0],
-        "scale": [0.5, 0.5, 0.5]
+        "offset": [
+          0,
+          -0.18,
+          0.02
+        ],
+        "rotation": [
+          0,
+          3.14,
+          0
+        ],
+        "scale": [
+          0.5,
+          0.5,
+          0.5
+        ]
       }
     },
     "item_1kave256antvprwp": {
@@ -581,8 +1095,16 @@
       "parentId": "wall_lyuq9em1b88jx85g",
       "visible": true,
       "metadata": {},
-      "position": [17, 1, 0],
-      "rotation": [0, 0, 0],
+      "position": [
+        17,
+        1,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
       "side": "front",
       "asset": {
         "id": "window-double",
@@ -590,11 +1112,27 @@
         "name": "Window-double",
         "thumbnail": "/items/window-double/thumbnail.webp",
         "src": "/items/window-double/model.glb",
-        "dimensions": [1, 1, 0.5],
+        "dimensions": [
+          1,
+          1,
+          0.5
+        ],
         "attachTo": "wall",
-        "offset": [0, -0.18, 0.02],
-        "rotation": [0, 3.14, 0],
-        "scale": [0.5, 0.5, 0.5]
+        "offset": [
+          0,
+          -0.18,
+          0.02
+        ],
+        "rotation": [
+          0,
+          3.14,
+          0
+        ],
+        "scale": [
+          0.5,
+          0.5,
+          0.5
+        ]
       }
     },
     "item_4vch778zg55nfmgb": {
@@ -605,18 +1143,42 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [2.5, 0, 20.75],
-      "rotation": [0, -1.5707963267948966, 0],
+      "position": [
+        2.5,
+        0,
+        20.75
+      ],
+      "rotation": [
+        0,
+        -1.5707963267948966,
+        0
+      ],
       "asset": {
         "id": "lounge-chair",
         "category": "furniture",
         "name": "lounge-chair",
         "thumbnail": "/items/lounge-chair/thumbnail.webp",
         "src": "/items/lounge-chair/model.glb",
-        "dimensions": [1, 1.1, 1.5],
-        "offset": [0, 0, 0.09],
-        "rotation": [0, 0, 0],
-        "scale": [1, 1, 1]
+        "dimensions": [
+          1,
+          1.1,
+          1.5
+        ],
+        "offset": [
+          0,
+          0,
+          0.09
+        ],
+        "rotation": [
+          0,
+          0,
+          0
+        ],
+        "scale": [
+          1,
+          1,
+          1
+        ]
       }
     },
     "item_vqk00ajqdznqsygs": {
@@ -627,18 +1189,42 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [3, 0, 19.25],
-      "rotation": [0, -1.5707963267948966, 0],
+      "position": [
+        3,
+        0,
+        19.25
+      ],
+      "rotation": [
+        0,
+        -1.5707963267948966,
+        0
+      ],
       "asset": {
         "id": "tv-stand",
         "category": "furniture",
         "name": "tv-stand",
         "thumbnail": "/items/tv-stand/thumbnail.webp",
         "src": "/items/tv-stand/model.glb",
-        "dimensions": [2, 0.4, 0.5],
-        "offset": [0, 0.21, 0],
-        "rotation": [0, 0, 0],
-        "scale": [1, 1, 1]
+        "dimensions": [
+          2,
+          0.4,
+          0.5
+        ],
+        "offset": [
+          0,
+          0.21,
+          0
+        ],
+        "rotation": [
+          0,
+          0,
+          0
+        ],
+        "scale": [
+          1,
+          1,
+          1
+        ]
       }
     },
     "wall_ejrf1znv4twbeszy": {
@@ -654,8 +1240,14 @@
         "item_7ykyzy2yre3761dq",
         "item_4dehdkm4vx6r4ghv"
       ],
-      "start": [1, 13],
-      "end": [1, 0.5]
+      "start": [
+        1,
+        13
+      ],
+      "end": [
+        1,
+        0.5
+      ]
     },
     "item_s9fs055u0ilri7pi": {
       "object": "node",
@@ -665,8 +1257,16 @@
       "parentId": "wall_ejrf1znv4twbeszy",
       "visible": true,
       "metadata": {},
-      "position": [10.5, 0.5, 0],
-      "rotation": [0, 3.141592653589793, 0],
+      "position": [
+        10.5,
+        0.5,
+        0
+      ],
+      "rotation": [
+        0,
+        3.141592653589793,
+        0
+      ],
       "side": "back",
       "asset": {
         "id": "window-double",
@@ -674,11 +1274,27 @@
         "name": "Window-double",
         "thumbnail": "/items/window-double/thumbnail.webp",
         "src": "/items/window-double/model.glb",
-        "dimensions": [1.5, 1.5, 0.5],
+        "dimensions": [
+          1.5,
+          1.5,
+          0.5
+        ],
         "attachTo": "wall",
-        "offset": [0, -0.18, 0.02],
-        "rotation": [0, 3.14, 0],
-        "scale": [0.75, 0.75, 0.75]
+        "offset": [
+          0,
+          -0.18,
+          0.02
+        ],
+        "rotation": [
+          0,
+          3.14,
+          0
+        ],
+        "scale": [
+          0.75,
+          0.75,
+          0.75
+        ]
       }
     },
     "item_4dehdkm4vx6r4ghv": {
@@ -689,8 +1305,16 @@
       "parentId": "wall_ejrf1znv4twbeszy",
       "visible": true,
       "metadata": {},
-      "position": [8.5, 0.5, 0],
-      "rotation": [0, 0, 0],
+      "position": [
+        8.5,
+        0.5,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
       "side": "front",
       "asset": {
         "id": "window-double",
@@ -698,11 +1322,27 @@
         "name": "Window-double",
         "thumbnail": "/items/window-double/thumbnail.webp",
         "src": "/items/window-double/model.glb",
-        "dimensions": [1.5, 1.5, 0.5],
+        "dimensions": [
+          1.5,
+          1.5,
+          0.5
+        ],
         "attachTo": "wall",
-        "offset": [0, -0.18, 0.02],
-        "rotation": [0, 3.14, 0],
-        "scale": [0.75, 0.75, 0.75]
+        "offset": [
+          0,
+          -0.18,
+          0.02
+        ],
+        "rotation": [
+          0,
+          3.14,
+          0
+        ],
+        "scale": [
+          0.75,
+          0.75,
+          0.75
+        ]
       }
     },
     "item_0173tdywhm704hah": {
@@ -713,8 +1353,16 @@
       "parentId": "wall_ejrf1znv4twbeszy",
       "visible": true,
       "metadata": {},
-      "position": [6.5, 0, 0],
-      "rotation": [0, 0, 0],
+      "position": [
+        6.5,
+        0,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
       "side": "front",
       "asset": {
         "id": "door",
@@ -722,11 +1370,27 @@
         "name": "door",
         "thumbnail": "/items/door/thumbnail.webp",
         "src": "/items/door/model.glb",
-        "dimensions": [1.5, 2, 0.4],
+        "dimensions": [
+          1.5,
+          2,
+          0.4
+        ],
         "attachTo": "wall",
-        "offset": [-0.43, 0, 0],
-        "rotation": [0, 0, 0],
-        "scale": [0.8, 0.8, 0.8]
+        "offset": [
+          -0.43,
+          0,
+          0
+        ],
+        "rotation": [
+          0,
+          0,
+          0
+        ],
+        "scale": [
+          0.8,
+          0.8,
+          0.8
+        ]
       }
     },
     "item_7ykyzy2yre3761dq": {
@@ -737,8 +1401,16 @@
       "parentId": "wall_ejrf1znv4twbeszy",
       "visible": true,
       "metadata": {},
-      "position": [4, 1.5, 0],
-      "rotation": [0, 0, 0],
+      "position": [
+        4,
+        1.5,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
       "side": "front",
       "asset": {
         "id": "air-conditioning",
@@ -746,11 +1418,27 @@
         "name": "air-conditioning",
         "thumbnail": "/items/air-conditioning/thumbnail.webp",
         "src": "/items/air-conditioning/model.glb",
-        "dimensions": [2, 1, 0.9],
+        "dimensions": [
+          2,
+          1,
+          0.9
+        ],
         "attachTo": "wall-side",
-        "offset": [0, 0.37, 0.21],
-        "rotation": [0, 0, 0],
-        "scale": [1, 1, 1]
+        "offset": [
+          0,
+          0.37,
+          0.21
+        ],
+        "rotation": [
+          0,
+          0,
+          0
+        ],
+        "scale": [
+          1,
+          1,
+          1
+        ]
       }
     },
     "wall_9l64ckn6p3yzmfxf": {
@@ -765,8 +1453,14 @@
         "item_ii6ymw4nrg64bw8h",
         "item_bt8uiq7mb9w3m0up"
       ],
-      "start": [-4.5, 4],
-      "end": [-4.5, -2.5]
+      "start": [
+        -4.5,
+        4
+      ],
+      "end": [
+        -4.5,
+        -2.5
+      ]
     },
     "item_7x3elrsxyvoubfbi": {
       "object": "node",
@@ -776,8 +1470,16 @@
       "parentId": "wall_9l64ckn6p3yzmfxf",
       "visible": true,
       "metadata": {},
-      "position": [4.5, 0, 0],
-      "rotation": [0, 3.141592653589793, 0],
+      "position": [
+        4.5,
+        0,
+        0
+      ],
+      "rotation": [
+        0,
+        3.141592653589793,
+        0
+      ],
       "side": "back",
       "asset": {
         "id": "window-simple",
@@ -785,11 +1487,27 @@
         "name": "Window-simple",
         "thumbnail": "/items/window-simple/thumbnail.webp",
         "src": "/items/window-simple/model.glb",
-        "dimensions": [1.5, 2, 0.5],
+        "dimensions": [
+          1.5,
+          2,
+          0.5
+        ],
         "attachTo": "wall",
-        "offset": [1.06, 0, 0.05],
-        "rotation": [0, 3.14, 0],
-        "scale": [1, 1, 1]
+        "offset": [
+          1.06,
+          0,
+          0.05
+        ],
+        "rotation": [
+          0,
+          3.14,
+          0
+        ],
+        "scale": [
+          1,
+          1,
+          1
+        ]
       }
     },
     "item_ii6ymw4nrg64bw8h": {
@@ -800,8 +1518,16 @@
       "parentId": "wall_9l64ckn6p3yzmfxf",
       "visible": true,
       "metadata": {},
-      "position": [1, 0.5, 0],
-      "rotation": [0, 3.141592653589793, 0],
+      "position": [
+        1,
+        0.5,
+        0
+      ],
+      "rotation": [
+        0,
+        3.141592653589793,
+        0
+      ],
       "side": "back",
       "asset": {
         "id": "window-square",
@@ -809,11 +1535,27 @@
         "name": "Window-square",
         "thumbnail": "/items/window-square/thumbnail.webp",
         "src": "/items/window-square/model.glb",
-        "dimensions": [1, 1.5, 0.3],
+        "dimensions": [
+          1,
+          1.5,
+          0.3
+        ],
         "attachTo": "wall",
-        "offset": [0, 0.72, 0],
-        "rotation": [0, 3.141592653589793, 0],
-        "scale": [0.5, 0.5, 0.5]
+        "offset": [
+          0,
+          0.72,
+          0
+        ],
+        "rotation": [
+          0,
+          3.141592653589793,
+          0
+        ],
+        "scale": [
+          0.5,
+          0.5,
+          0.5
+        ]
       }
     },
     "item_bt8uiq7mb9w3m0up": {
@@ -824,8 +1566,16 @@
       "parentId": "wall_9l64ckn6p3yzmfxf",
       "visible": true,
       "metadata": {},
-      "position": [2.5, 0.5, 0],
-      "rotation": [0, 3.141592653589793, 0],
+      "position": [
+        2.5,
+        0.5,
+        0
+      ],
+      "rotation": [
+        0,
+        3.141592653589793,
+        0
+      ],
       "side": "back",
       "asset": {
         "id": "window-square",
@@ -833,11 +1583,27 @@
         "name": "Window-square",
         "thumbnail": "/items/window-square/thumbnail.webp",
         "src": "/items/window-square/model.glb",
-        "dimensions": [1, 1.5, 0.3],
+        "dimensions": [
+          1,
+          1.5,
+          0.3
+        ],
         "attachTo": "wall",
-        "offset": [0, 0.72, 0],
-        "rotation": [0, 3.141592653589793, 0],
-        "scale": [0.5, 0.5, 0.5]
+        "offset": [
+          0,
+          0.72,
+          0
+        ],
+        "rotation": [
+          0,
+          3.141592653589793,
+          0
+        ],
+        "scale": [
+          0.5,
+          0.5,
+          0.5
+        ]
       }
     },
     "item_e3bxmnrhz9eclzgw": {
@@ -848,18 +1614,42 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [12, 0, 12.25],
-      "rotation": [0, 0, 0],
+      "position": [
+        12,
+        0,
+        12.25
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
       "asset": {
         "id": "low-fence",
         "category": "outdoor",
         "name": "low-fence",
         "thumbnail": "/items/low-fence/thumbnail.webp",
         "src": "/items/low-fence/model.glb",
-        "dimensions": [2, 0.8, 0.5],
-        "offset": [0, 0.01, 0],
-        "rotation": [0, 0, 0],
-        "scale": [1, 1, 1]
+        "dimensions": [
+          2,
+          0.8,
+          0.5
+        ],
+        "offset": [
+          0,
+          0.01,
+          0
+        ],
+        "rotation": [
+          0,
+          0,
+          0
+        ],
+        "scale": [
+          1,
+          1,
+          1
+        ]
       }
     },
     "item_vf8hqhemi33y4n0w": {
@@ -870,18 +1660,42 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [10, 0, 12.25],
-      "rotation": [0, 0, 0],
+      "position": [
+        10,
+        0,
+        12.25
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
       "asset": {
         "id": "low-fence",
         "category": "outdoor",
         "name": "low-fence",
         "thumbnail": "/items/low-fence/thumbnail.webp",
         "src": "/items/low-fence/model.glb",
-        "dimensions": [2, 0.8, 0.5],
-        "offset": [0, 0.01, 0],
-        "rotation": [0, 0, 0],
-        "scale": [1, 1, 1]
+        "dimensions": [
+          2,
+          0.8,
+          0.5
+        ],
+        "offset": [
+          0,
+          0.01,
+          0
+        ],
+        "rotation": [
+          0,
+          0,
+          0
+        ],
+        "scale": [
+          1,
+          1,
+          1
+        ]
       }
     },
     "item_k2zexryozzwgokox": {
@@ -892,18 +1706,42 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [8, 0, 12.25],
-      "rotation": [0, 0, 0],
+      "position": [
+        8,
+        0,
+        12.25
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
       "asset": {
         "id": "low-fence",
         "category": "outdoor",
         "name": "low-fence",
         "thumbnail": "/items/low-fence/thumbnail.webp",
         "src": "/items/low-fence/model.glb",
-        "dimensions": [2, 0.8, 0.5],
-        "offset": [0, 0.01, 0],
-        "rotation": [0, 0, 0],
-        "scale": [1, 1, 1]
+        "dimensions": [
+          2,
+          0.8,
+          0.5
+        ],
+        "offset": [
+          0,
+          0.01,
+          0
+        ],
+        "rotation": [
+          0,
+          0,
+          0
+        ],
+        "scale": [
+          1,
+          1,
+          1
+        ]
       }
     },
     "item_6p3y4rva0zv24s1t": {
@@ -914,18 +1752,42 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [7.5, 0, 14.25],
-      "rotation": [0, 0, 0],
+      "position": [
+        7.5,
+        0,
+        14.25
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
       "asset": {
         "id": "parking-spot",
         "category": "outdoor",
         "name": "parking-spot",
         "thumbnail": "/items/parking-spot/thumbnail.webp",
         "src": "/items/parking-spot/model.glb",
-        "dimensions": [5, 1, 2.5],
-        "offset": [0, 0, 0.01],
-        "rotation": [0, 0, 0],
-        "scale": [0.9, 1, 0.78]
+        "dimensions": [
+          5,
+          1,
+          2.5
+        ],
+        "offset": [
+          0,
+          0,
+          0.01
+        ],
+        "rotation": [
+          0,
+          0,
+          0
+        ],
+        "scale": [
+          0.9,
+          1,
+          0.78
+        ]
       }
     },
     "item_r7idtbazaf6482kq": {
@@ -936,18 +1798,42 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [5.75, 0, 11.75],
-      "rotation": [0, 0, 0],
+      "position": [
+        5.75,
+        0,
+        11.75
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
       "asset": {
         "id": "fir-tree",
         "category": "outdoor",
         "name": "fir-tree",
         "thumbnail": "/items/fir-tree/thumbnail.webp",
         "src": "/items/fir-tree/model.glb",
-        "dimensions": [1.5, 3.2, 1.5],
-        "offset": [-0.09, 0.05, 0.03],
-        "rotation": [0, 0, 0],
-        "scale": [1, 1, 1]
+        "dimensions": [
+          1.5,
+          3.2,
+          1.5
+        ],
+        "offset": [
+          -0.09,
+          0.05,
+          0.03
+        ],
+        "rotation": [
+          0,
+          0,
+          0
+        ],
+        "scale": [
+          1,
+          1,
+          1
+        ]
       }
     },
     "item_0x8hjyork26n4g2m": {
@@ -958,18 +1844,42 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [12, 0, 16],
-      "rotation": [0, 0, 0],
+      "position": [
+        12,
+        0,
+        16
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
       "asset": {
         "id": "tree",
         "category": "outdoor",
         "name": "tree",
         "thumbnail": "/items/tree/thumbnail.webp",
         "src": "/items/tree/model.glb",
-        "dimensions": [4, 5, 4],
-        "offset": [0.09, 0.17, 0.06],
-        "rotation": [0, 0, 0],
-        "scale": [0.65, 0.65, 0.65]
+        "dimensions": [
+          4,
+          5,
+          4
+        ],
+        "offset": [
+          0.09,
+          0.17,
+          0.06
+        ],
+        "rotation": [
+          0,
+          0,
+          0
+        ],
+        "scale": [
+          0.65,
+          0.65,
+          0.65
+        ]
       }
     },
     "item_tmprvzxa85izusug": {
@@ -980,18 +1890,42 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [3.75, 0, 13.75],
-      "rotation": [0, 0, 0],
+      "position": [
+        3.75,
+        0,
+        13.75
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
       "asset": {
         "id": "pillar",
         "category": "outdoor",
         "name": "pillar",
         "thumbnail": "/items/pillar/thumbnail.webp",
         "src": "/items/pillar/model.glb",
-        "dimensions": [0.5, 1.3, 0.5],
-        "offset": [0, 0, 0],
-        "rotation": [0, 0, 0],
-        "scale": [1, 1, 1]
+        "dimensions": [
+          0.5,
+          1.3,
+          0.5
+        ],
+        "offset": [
+          0,
+          0,
+          0
+        ],
+        "rotation": [
+          0,
+          0,
+          0
+        ],
+        "scale": [
+          1,
+          1,
+          1
+        ]
       }
     },
     "item_g6219gs7mrpg7bzd": {
@@ -1002,18 +1936,42 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [6.75, 0, 12.25],
-      "rotation": [0, 0, 0],
+      "position": [
+        6.75,
+        0,
+        12.25
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
       "asset": {
         "id": "pillar",
         "category": "outdoor",
         "name": "pillar",
         "thumbnail": "/items/pillar/thumbnail.webp",
         "src": "/items/pillar/model.glb",
-        "dimensions": [0.5, 1.3, 0.5],
-        "offset": [0, 0, 0],
-        "rotation": [0, 0, 0],
-        "scale": [1, 1, 1]
+        "dimensions": [
+          0.5,
+          1.3,
+          0.5
+        ],
+        "offset": [
+          0,
+          0,
+          0
+        ],
+        "rotation": [
+          0,
+          0,
+          0
+        ],
+        "scale": [
+          1,
+          1,
+          1
+        ]
       }
     },
     "item_dts7f41ictd7hah4": {
@@ -1024,18 +1982,42 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [13, 0, 11.25],
-      "rotation": [0, 1.5707963267948966, 0],
+      "position": [
+        13,
+        0,
+        11.25
+      ],
+      "rotation": [
+        0,
+        1.5707963267948966,
+        0
+      ],
       "asset": {
         "id": "low-fence",
         "category": "outdoor",
         "name": "low-fence",
         "thumbnail": "/items/low-fence/thumbnail.webp",
         "src": "/items/low-fence/model.glb",
-        "dimensions": [2, 0.8, 0.5],
-        "offset": [0, 0.01, 0],
-        "rotation": [0, 0, 0],
-        "scale": [1, 1, 1]
+        "dimensions": [
+          2,
+          0.8,
+          0.5
+        ],
+        "offset": [
+          0,
+          0.01,
+          0
+        ],
+        "rotation": [
+          0,
+          0,
+          0
+        ],
+        "scale": [
+          1,
+          1,
+          1
+        ]
       }
     },
     "item_in5trmidft4sglhx": {
@@ -1046,18 +2028,42 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [13, 0, 9.25],
-      "rotation": [0, 1.5707963267948966, 0],
+      "position": [
+        13,
+        0,
+        9.25
+      ],
+      "rotation": [
+        0,
+        1.5707963267948966,
+        0
+      ],
       "asset": {
         "id": "low-fence",
         "category": "outdoor",
         "name": "low-fence",
         "thumbnail": "/items/low-fence/thumbnail.webp",
         "src": "/items/low-fence/model.glb",
-        "dimensions": [2, 0.8, 0.5],
-        "offset": [0, 0.01, 0],
-        "rotation": [0, 0, 0],
-        "scale": [1, 1, 1]
+        "dimensions": [
+          2,
+          0.8,
+          0.5
+        ],
+        "offset": [
+          0,
+          0.01,
+          0
+        ],
+        "rotation": [
+          0,
+          0,
+          0
+        ],
+        "scale": [
+          1,
+          1,
+          1
+        ]
       }
     },
     "zone_c7k2ssvmbv5d1xlm": {
@@ -1069,21 +2075,46 @@
       "visible": true,
       "metadata": {},
       "polygon": [
-        [3, 15.5],
-        [3, 0],
-        [9, 0],
-        [9, 6],
-        [13, 6],
-        [16, 6],
-        [16, 15.5]
+        [
+          3,
+          15.5
+        ],
+        [
+          3,
+          0
+        ],
+        [
+          9,
+          0
+        ],
+        [
+          9,
+          6
+        ],
+        [
+          13,
+          6
+        ],
+        [
+          16,
+          6
+        ],
+        [
+          16,
+          15.5
+        ]
       ],
       "color": "#22c55e",
       "camera": {
         "position": [
-          -6.654332076100337, 17.996846152830106, 22.501743052051737
+          -6.654332076100337,
+          17.996846152830106,
+          22.501743052051737
         ],
         "target": [
-          5.317880378107912, -2.779128022959309e-17, 10.080522989431769
+          5.317880378107912,
+          -2.779128022959309e-17,
+          10.080522989431769
         ],
         "mode": "perspective"
       }
@@ -1096,18 +2127,42 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [17, 0, 6.25],
-      "rotation": [0, 0, 0],
+      "position": [
+        17,
+        0,
+        6.25
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
       "asset": {
         "id": "high-fence",
         "category": "outdoor",
         "name": "high-fence",
         "thumbnail": "/items/high-fence/thumbnail.webp",
         "src": "/items/high-fence/model.glb",
-        "dimensions": [4, 4.1, 0.5],
-        "offset": [0, 0.01, 0],
-        "rotation": [0, 0, 0],
-        "scale": [1, 1, 1]
+        "dimensions": [
+          4,
+          4.1,
+          0.5
+        ],
+        "offset": [
+          0,
+          0.01,
+          0
+        ],
+        "rotation": [
+          0,
+          0,
+          0
+        ],
+        "scale": [
+          1,
+          1,
+          1
+        ]
       }
     },
     "item_iyu7knyxqe82c3yg": {
@@ -1118,18 +2173,42 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [21, 0, 6.25],
-      "rotation": [0, 0, 0],
+      "position": [
+        21,
+        0,
+        6.25
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
       "asset": {
         "id": "high-fence",
         "category": "outdoor",
         "name": "high-fence",
         "thumbnail": "/items/high-fence/thumbnail.webp",
         "src": "/items/high-fence/model.glb",
-        "dimensions": [4, 4.1, 0.5],
-        "offset": [0, 0.01, 0],
-        "rotation": [0, 0, 0],
-        "scale": [1, 1, 1]
+        "dimensions": [
+          4,
+          4.1,
+          0.5
+        ],
+        "offset": [
+          0,
+          0.01,
+          0
+        ],
+        "rotation": [
+          0,
+          0,
+          0
+        ],
+        "scale": [
+          1,
+          1,
+          1
+        ]
       }
     },
     "item_nwe34qk8vzs1vag7": {
@@ -1140,18 +2219,42 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [16.5, 0, 9],
-      "rotation": [0, 0, 0],
+      "position": [
+        16.5,
+        0,
+        9
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
       "asset": {
         "id": "tree",
         "category": "outdoor",
         "name": "tree",
         "thumbnail": "/items/tree/thumbnail.webp",
         "src": "/items/tree/model.glb",
-        "dimensions": [4, 5, 4],
-        "offset": [0.09, 0.17, 0.06],
-        "rotation": [0, 0, 0],
-        "scale": [0.65, 0.65, 0.65]
+        "dimensions": [
+          4,
+          5,
+          4
+        ],
+        "offset": [
+          0.09,
+          0.17,
+          0.06
+        ],
+        "rotation": [
+          0,
+          0,
+          0
+        ],
+        "scale": [
+          0.65,
+          0.65,
+          0.65
+        ]
       }
     },
     "item_oay55zmjjo76s1fs": {
@@ -1162,18 +2265,42 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [23, 0, 4.25],
-      "rotation": [0, 1.5707963267948966, 0],
+      "position": [
+        23,
+        0,
+        4.25
+      ],
+      "rotation": [
+        0,
+        1.5707963267948966,
+        0
+      ],
       "asset": {
         "id": "high-fence",
         "category": "outdoor",
         "name": "High Fence",
         "thumbnail": "/items/high-fence/thumbnail.webp",
         "src": "/items/high-fence/model.glb",
-        "dimensions": [4, 4.1, 0.5],
-        "offset": [0, 0.01, 0],
-        "rotation": [0, 0, 0],
-        "scale": [1, 1, 1]
+        "dimensions": [
+          4,
+          4.1,
+          0.5
+        ],
+        "offset": [
+          0,
+          0.01,
+          0
+        ],
+        "rotation": [
+          0,
+          0,
+          0
+        ],
+        "scale": [
+          1,
+          1,
+          1
+        ]
       }
     },
     "item_g060bhthvcra992w": {
@@ -1184,18 +2311,42 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [23, 0, -1.25],
-      "rotation": [0, 0, 0],
+      "position": [
+        23,
+        0,
+        -1.25
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
       "asset": {
         "id": "medium-fence",
         "category": "outdoor",
         "name": "Medium Fence",
         "thumbnail": "/items/medium-fence/thumbnail.webp",
         "src": "/items/medium-fence/model.glb",
-        "dimensions": [2, 2, 0.5],
-        "offset": [0, 0.01, 0],
-        "rotation": [0, 0, 0],
-        "scale": [0.49, 0.49, 0.49]
+        "dimensions": [
+          2,
+          2,
+          0.5
+        ],
+        "offset": [
+          0,
+          0.01,
+          0
+        ],
+        "rotation": [
+          0,
+          0,
+          0
+        ],
+        "scale": [
+          0.49,
+          0.49,
+          0.49
+        ]
       }
     },
     "item_38kt7s45alt2vrjg": {
@@ -1206,18 +2357,42 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [22, 0, -2.25],
-      "rotation": [0, 1.5707963267948966, 0],
+      "position": [
+        22,
+        0,
+        -2.25
+      ],
+      "rotation": [
+        0,
+        1.5707963267948966,
+        0
+      ],
       "asset": {
         "id": "medium-fence",
         "category": "outdoor",
         "name": "Medium Fence",
         "thumbnail": "/items/medium-fence/thumbnail.webp",
         "src": "/items/medium-fence/model.glb",
-        "dimensions": [2, 2, 0.5],
-        "offset": [0, 0.01, 0],
-        "rotation": [0, 0, 0],
-        "scale": [0.49, 0.49, 0.49]
+        "dimensions": [
+          2,
+          2,
+          0.5
+        ],
+        "offset": [
+          0,
+          0.01,
+          0
+        ],
+        "rotation": [
+          0,
+          0,
+          0
+        ],
+        "scale": [
+          0.49,
+          0.49,
+          0.49
+        ]
       }
     },
     "item_n10cp9ke7n9hxl96": {
@@ -1228,18 +2403,42 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [23, 0, -4.75],
-      "rotation": [0, 0, 0],
+      "position": [
+        23,
+        0,
+        -4.75
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
       "asset": {
         "id": "low-fence",
         "category": "outdoor",
         "name": "Low Fence",
         "thumbnail": "/items/low-fence/thumbnail.webp",
         "src": "/items/low-fence/model.glb",
-        "dimensions": [2, 0.8, 0.5],
-        "offset": [0, 0.01, 0],
-        "rotation": [0, 0, 0],
-        "scale": [1, 1, 1]
+        "dimensions": [
+          2,
+          0.8,
+          0.5
+        ],
+        "offset": [
+          0,
+          0.01,
+          0
+        ],
+        "rotation": [
+          0,
+          0,
+          0
+        ],
+        "scale": [
+          1,
+          1,
+          1
+        ]
       }
     },
     "item_nt5fxip4a03cmaoi": {
@@ -1250,18 +2449,42 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [22, 0, -5.75],
-      "rotation": [0, 1.5707963267948966, 0],
+      "position": [
+        22,
+        0,
+        -5.75
+      ],
+      "rotation": [
+        0,
+        1.5707963267948966,
+        0
+      ],
       "asset": {
         "id": "low-fence",
         "category": "outdoor",
         "name": "Low Fence",
         "thumbnail": "/items/low-fence/thumbnail.webp",
         "src": "/items/low-fence/model.glb",
-        "dimensions": [2, 0.8, 0.5],
-        "offset": [0, 0.01, 0],
-        "rotation": [0, 0, 0],
-        "scale": [1, 1, 1]
+        "dimensions": [
+          2,
+          0.8,
+          0.5
+        ],
+        "offset": [
+          0,
+          0.01,
+          0
+        ],
+        "rotation": [
+          0,
+          0,
+          0
+        ],
+        "scale": [
+          1,
+          1,
+          1
+        ]
       }
     },
     "item_1quoil3ytsuuarni": {
@@ -1272,18 +2495,42 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [15, 0, 4.25],
-      "rotation": [0, 1.5707963267948966, 0],
+      "position": [
+        15,
+        0,
+        4.25
+      ],
+      "rotation": [
+        0,
+        1.5707963267948966,
+        0
+      ],
       "asset": {
         "id": "high-fence",
         "category": "outdoor",
         "name": "High Fence",
         "thumbnail": "/items/high-fence/thumbnail.webp",
         "src": "/items/high-fence/model.glb",
-        "dimensions": [4, 4.1, 0.5],
-        "offset": [0, 0.01, 0],
-        "rotation": [0, 0, 0],
-        "scale": [1, 1, 1]
+        "dimensions": [
+          4,
+          4.1,
+          0.5
+        ],
+        "offset": [
+          0,
+          0.01,
+          0
+        ],
+        "rotation": [
+          0,
+          0,
+          0
+        ],
+        "scale": [
+          1,
+          1,
+          1
+        ]
       }
     },
     "item_e1w89kkg2pql1v45": {
@@ -1294,18 +2541,42 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [17, 0, 0.25],
-      "rotation": [0, 1.5707963267948966, 0],
+      "position": [
+        17,
+        0,
+        0.25
+      ],
+      "rotation": [
+        0,
+        1.5707963267948966,
+        0
+      ],
       "asset": {
         "id": "medium-fence",
         "category": "outdoor",
         "name": "Medium Fence",
         "thumbnail": "/items/medium-fence/thumbnail.webp",
         "src": "/items/medium-fence/model.glb",
-        "dimensions": [2, 2, 0.5],
-        "offset": [0, 0.01, 0],
-        "rotation": [0, 0, 0],
-        "scale": [0.49, 0.49, 0.49]
+        "dimensions": [
+          2,
+          2,
+          0.5
+        ],
+        "offset": [
+          0,
+          0.01,
+          0
+        ],
+        "rotation": [
+          0,
+          0,
+          0
+        ],
+        "scale": [
+          0.49,
+          0.49,
+          0.49
+        ]
       }
     },
     "item_3akotmiffzdr8ule": {
@@ -1316,18 +2587,42 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [17, 0, -1.75],
-      "rotation": [0, 1.5707963267948966, 0],
+      "position": [
+        17,
+        0,
+        -1.75
+      ],
+      "rotation": [
+        0,
+        1.5707963267948966,
+        0
+      ],
       "asset": {
         "id": "medium-fence",
         "category": "outdoor",
         "name": "Medium Fence",
         "thumbnail": "/items/medium-fence/thumbnail.webp",
         "src": "/items/medium-fence/model.glb",
-        "dimensions": [2, 2, 0.5],
-        "offset": [0, 0.01, 0],
-        "rotation": [0, 0, 0],
-        "scale": [0.49, 0.49, 0.49]
+        "dimensions": [
+          2,
+          2,
+          0.5
+        ],
+        "offset": [
+          0,
+          0.01,
+          0
+        ],
+        "rotation": [
+          0,
+          0,
+          0
+        ],
+        "scale": [
+          0.49,
+          0.49,
+          0.49
+        ]
       }
     },
     "item_1b3tinfswueb6gr8": {
@@ -1338,18 +2633,42 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [17, 0, -4.75],
-      "rotation": [0, 4.71238898038469, 0],
+      "position": [
+        17,
+        0,
+        -4.75
+      ],
+      "rotation": [
+        0,
+        4.71238898038469,
+        0
+      ],
       "asset": {
         "id": "medium-fence",
         "category": "outdoor",
         "name": "Medium Fence",
         "thumbnail": "/items/medium-fence/thumbnail.webp",
         "src": "/items/medium-fence/model.glb",
-        "dimensions": [2, 2, 0.5],
-        "offset": [0, 0.01, 0],
-        "rotation": [0, 0, 0],
-        "scale": [0.49, 0.49, 0.49]
+        "dimensions": [
+          2,
+          2,
+          0.5
+        ],
+        "offset": [
+          0,
+          0.01,
+          0
+        ],
+        "rotation": [
+          0,
+          0,
+          0
+        ],
+        "scale": [
+          0.49,
+          0.49,
+          0.49
+        ]
       }
     },
     "item_y164oe3lxfx9qefg": {
@@ -1360,18 +2679,42 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [17, 0, -6.75],
-      "rotation": [0, 4.71238898038469, 0],
+      "position": [
+        17,
+        0,
+        -6.75
+      ],
+      "rotation": [
+        0,
+        4.71238898038469,
+        0
+      ],
       "asset": {
         "id": "medium-fence",
         "category": "outdoor",
         "name": "Medium Fence",
         "thumbnail": "/items/medium-fence/thumbnail.webp",
         "src": "/items/medium-fence/model.glb",
-        "dimensions": [2, 2, 0.5],
-        "offset": [0, 0.01, 0],
-        "rotation": [0, 0, 0],
-        "scale": [0.49, 0.49, 0.49]
+        "dimensions": [
+          2,
+          2,
+          0.5
+        ],
+        "offset": [
+          0,
+          0.01,
+          0
+        ],
+        "rotation": [
+          0,
+          0,
+          0
+        ],
+        "scale": [
+          0.49,
+          0.49,
+          0.49
+        ]
       }
     },
     "roof_ui8zhim41alg6lq4": {
@@ -1382,7 +2725,11 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [1, 0, -5.5],
+      "position": [
+        1,
+        0,
+        -5.5
+      ],
       "rotation": 0,
       "length": 0.5,
       "height": 1.5,
@@ -1398,11 +2745,21 @@
       "visible": true,
       "metadata": {},
       "url": "asset://1e66ba17-99d2-4c5c-ad2b-00dff438b6a7",
-      "position": [0, 0, 0],
-      "rotation": [0, 0, 0],
+      "position": [
+        0,
+        0,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
       "scale": 1,
       "opacity": 51
     }
   },
-  "rootNodeIds": ["building_bv4ilcjivnxn8wkd"]
-}
+  "rootNodeIds": {
+    "0": "building_bv4ilcjivnxn8wkd"
+  }
+}
\ No newline at end of file
diff --git a/apps/editor/public/demos/ekta_cottage.json b/apps/editor/public/demos/ekta_cottage.json
new file mode 100644
index 00000000..c24fa820
--- /dev/null
+++ b/apps/editor/public/demos/ekta_cottage.json
@@ -0,0 +1,1056 @@
+{
+  "nodes": {
+    "wall_uxhdf00bm79a0suk": {
+      "object": "node",
+      "id": "wall_uxhdf00bm79a0suk",
+      "type": "wall",
+      "name": "A-GF-Front Wall (Ext)",
+      "parentId": "level_eyx5noiv427tacuy",
+      "visible": true,
+      "metadata": {},
+      "children": [
+        "door_me46h9svd3ccczyp",
+        "window_tegvuf75kfb2ir9m"
+      ],
+      "start": [
+        0,
+        0
+      ],
+      "end": [
+        343,
+        0
+      ],
+      "thickness": 9,
+      "height": 120,
+      "frontSide": "exterior",
+      "backSide": "interior"
+    },
+    "wall_663tropgtwgc3lxw": {
+      "object": "node",
+      "id": "wall_663tropgtwgc3lxw",
+      "type": "wall",
+      "name": "A-GF-Right Wall (Ext)",
+      "parentId": "level_eyx5noiv427tacuy",
+      "visible": true,
+      "metadata": {},
+      "children": [
+        "window_prj8l7z158knwcs7"
+      ],
+      "start": [
+        343,
+        0
+      ],
+      "end": [
+        343,
+        432
+      ],
+      "thickness": 9,
+      "height": 120,
+      "frontSide": "exterior",
+      "backSide": "interior"
+    },
+    "wall_t49tuq2rcyi0va1s": {
+      "object": "node",
+      "id": "wall_t49tuq2rcyi0va1s",
+      "type": "wall",
+      "name": "A-GF-Rear Wall (Ext)",
+      "parentId": "level_eyx5noiv427tacuy",
+      "visible": true,
+      "metadata": {},
+      "children": [
+        "window_2vmjjonw6kvqolr9"
+      ],
+      "start": [
+        343,
+        432
+      ],
+      "end": [
+        0,
+        432
+      ],
+      "thickness": 9,
+      "height": 120,
+      "frontSide": "exterior",
+      "backSide": "interior"
+    },
+    "wall_8leuoaa66avrrjey": {
+      "object": "node",
+      "id": "wall_8leuoaa66avrrjey",
+      "type": "wall",
+      "name": "A-GF-Left Wall (Ext)",
+      "parentId": "level_eyx5noiv427tacuy",
+      "visible": true,
+      "metadata": {},
+      "children": [
+        "window_va9p546zsc81oreq",
+        "window_kvzrt7i4tam0cgv8"
+      ],
+      "start": [
+        0,
+        432
+      ],
+      "end": [
+        0,
+        0
+      ],
+      "thickness": 9,
+      "height": 120,
+      "frontSide": "exterior",
+      "backSide": "interior"
+    },
+    "wall_tq5u56vw6sr69ncy": {
+      "object": "node",
+      "id": "wall_tq5u56vw6sr69ncy",
+      "type": "wall",
+      "name": "A-GF-Bedroom/Living Partition",
+      "parentId": "level_eyx5noiv427tacuy",
+      "visible": true,
+      "metadata": {},
+      "children": [
+        "door_gq7vidbvz555dspk"
+      ],
+      "start": [
+        153,
+        0
+      ],
+      "end": [
+        153,
+        166.5
+      ],
+      "thickness": 4.5,
+      "height": 120,
+      "frontSide": "interior",
+      "backSide": "interior"
+    },
+    "wall_gncvgkoubjen66f6": {
+      "object": "node",
+      "id": "wall_gncvgkoubjen66f6",
+      "type": "wall",
+      "name": "A-GF-Bedroom/Toilet Back Wall",
+      "parentId": "level_eyx5noiv427tacuy",
+      "visible": true,
+      "metadata": {},
+      "children": [],
+      "start": [
+        0,
+        166.5
+      ],
+      "end": [
+        153,
+        166.5
+      ],
+      "thickness": 4.5,
+      "height": 120,
+      "frontSide": "interior",
+      "backSide": "interior"
+    },
+    "wall_o5q5docvrrzncgfl": {
+      "object": "node",
+      "id": "wall_o5q5docvrrzncgfl",
+      "type": "wall",
+      "name": "A-GF-Toilet Front Wall",
+      "parentId": "level_eyx5noiv427tacuy",
+      "visible": true,
+      "metadata": {},
+      "children": [
+        "door_yl6xza10cz810d2n"
+      ],
+      "start": [
+        0,
+        171
+      ],
+      "end": [
+        117,
+        171
+      ],
+      "thickness": 4.5,
+      "height": 120,
+      "frontSide": "interior",
+      "backSide": "interior"
+    },
+    "wall_zsmjcs34yxi8tmx1": {
+      "object": "node",
+      "id": "wall_zsmjcs34yxi8tmx1",
+      "type": "wall",
+      "name": "A-GF-Toilet Right Wall",
+      "parentId": "level_eyx5noiv427tacuy",
+      "visible": true,
+      "metadata": {},
+      "children": [],
+      "start": [
+        117,
+        171
+      ],
+      "end": [
+        117,
+        243
+      ],
+      "thickness": 4.5,
+      "height": 120,
+      "frontSide": "interior",
+      "backSide": "interior"
+    },
+    "wall_w7ao8ywtqfygdx84": {
+      "object": "node",
+      "id": "wall_w7ao8ywtqfygdx84",
+      "type": "wall",
+      "name": "A-GF-Toilet Back Wall",
+      "parentId": "level_eyx5noiv427tacuy",
+      "visible": true,
+      "metadata": {},
+      "children": [],
+      "start": [
+        117,
+        243
+      ],
+      "end": [
+        0,
+        243
+      ],
+      "thickness": 4.5,
+      "height": 120,
+      "frontSide": "interior",
+      "backSide": "interior"
+    },
+    "wall_qdl8i3orrr6j20j1": {
+      "object": "node",
+      "id": "wall_qdl8i3orrr6j20j1",
+      "type": "wall",
+      "name": "A-GF-Living/Kitchen Partition",
+      "parentId": "level_eyx5noiv427tacuy",
+      "visible": true,
+      "metadata": {},
+      "children": [
+        "door_c1xduc0jy885ddsy"
+      ],
+      "start": [
+        153,
+        217.5
+      ],
+      "end": [
+        343,
+        217.5
+      ],
+      "thickness": 4.5,
+      "height": 120,
+      "frontSide": "interior",
+      "backSide": "interior"
+    },
+    "wall_per2l8qozpdy7z5b": {
+      "object": "node",
+      "id": "wall_per2l8qozpdy7z5b",
+      "type": "wall",
+      "name": "A-GF-Kitchen Left Wall",
+      "parentId": "level_eyx5noiv427tacuy",
+      "visible": true,
+      "metadata": {},
+      "children": [],
+      "start": [
+        139,
+        217.5
+      ],
+      "end": [
+        139,
+        432
+      ],
+      "thickness": 4.5,
+      "height": 120,
+      "frontSide": "interior",
+      "backSide": "interior"
+    },
+    "wall_elff2psjih49enyf": {
+      "object": "node",
+      "id": "wall_elff2psjih49enyf",
+      "type": "wall",
+      "name": "A-GF-Staircase Wall",
+      "parentId": "level_eyx5noiv427tacuy",
+      "visible": true,
+      "metadata": {},
+      "children": [],
+      "start": [
+        292,
+        0
+      ],
+      "end": [
+        292,
+        217.5
+      ],
+      "thickness": 4.5,
+      "height": 120,
+      "frontSide": "interior",
+      "backSide": "interior"
+    },
+    "slab_fw25wyjb5pxtz5s1": {
+      "object": "node",
+      "id": "slab_fw25wyjb5pxtz5s1",
+      "type": "slab",
+      "name": "A-GF-Main Floor Slab",
+      "parentId": "level_eyx5noiv427tacuy",
+      "visible": true,
+      "metadata": {},
+      "polygon": [
+        [
+          0,
+          0
+        ],
+        [
+          343,
+          0
+        ],
+        [
+          343,
+          432
+        ],
+        [
+          0,
+          432
+        ]
+      ],
+      "holes": [],
+      "elevation": 1.97
+    },
+    "slab_sh4hkvhhpan9vfrp": {
+      "object": "node",
+      "id": "slab_sh4hkvhhpan9vfrp",
+      "type": "slab",
+      "name": "A-GF-Verandah Slab",
+      "parentId": "level_eyx5noiv427tacuy",
+      "visible": true,
+      "metadata": {},
+      "polygon": [
+        [
+          0,
+          -72
+        ],
+        [
+          399,
+          -72
+        ],
+        [
+          399,
+          0
+        ],
+        [
+          0,
+          0
+        ]
+      ],
+      "holes": [],
+      "elevation": 1.97
+    },
+    "zone_mrl5gqmqs9fhqiyb": {
+      "object": "node",
+      "id": "zone_mrl5gqmqs9fhqiyb",
+      "type": "zone",
+      "name": "Bedroom",
+      "parentId": "level_eyx5noiv427tacuy",
+      "visible": true,
+      "metadata": {},
+      "polygon": [
+        [
+          9,
+          9
+        ],
+        [
+          153,
+          9
+        ],
+        [
+          153,
+          166.5
+        ],
+        [
+          9,
+          166.5
+        ]
+      ],
+      "color": "#B3D9FF"
+    },
+    "zone_wkamx7nc4z1s0tks": {
+      "object": "node",
+      "id": "zone_wkamx7nc4z1s0tks",
+      "type": "zone",
+      "name": "Living Room",
+      "parentId": "level_eyx5noiv427tacuy",
+      "visible": true,
+      "metadata": {},
+      "polygon": [
+        [
+          157.5,
+          9
+        ],
+        [
+          292,
+          9
+        ],
+        [
+          292,
+          217.5
+        ],
+        [
+          157.5,
+          217.5
+        ]
+      ],
+      "color": "#FFE0B2"
+    },
+    "zone_zwnmpg8mgs29a9g4": {
+      "object": "node",
+      "id": "zone_zwnmpg8mgs29a9g4",
+      "type": "zone",
+      "name": "Kitchen & Utility",
+      "parentId": "level_eyx5noiv427tacuy",
+      "visible": true,
+      "metadata": {},
+      "polygon": [
+        [
+          143.5,
+          222
+        ],
+        [
+          334,
+          222
+        ],
+        [
+          334,
+          423
+        ],
+        [
+          143.5,
+          423
+        ]
+      ],
+      "color": "#C8E6C9"
+    },
+    "zone_7lgzxy1j09fstynq": {
+      "object": "node",
+      "id": "zone_7lgzxy1j09fstynq",
+      "type": "zone",
+      "name": "Toilet",
+      "parentId": "level_eyx5noiv427tacuy",
+      "visible": true,
+      "metadata": {},
+      "polygon": [
+        [
+          9,
+          175.5
+        ],
+        [
+          112.5,
+          175.5
+        ],
+        [
+          112.5,
+          238.5
+        ],
+        [
+          9,
+          238.5
+        ]
+      ],
+      "color": "#F8BBD0"
+    },
+    "zone_no3ben3gt5kqkfq2": {
+      "object": "node",
+      "id": "zone_no3ben3gt5kqkfq2",
+      "type": "zone",
+      "name": "Verandah",
+      "parentId": "level_eyx5noiv427tacuy",
+      "visible": true,
+      "metadata": {},
+      "polygon": [
+        [
+          0,
+          -72
+        ],
+        [
+          399,
+          -72
+        ],
+        [
+          399,
+          0
+        ],
+        [
+          0,
+          0
+        ]
+      ],
+      "color": "#E0F7FA"
+    },
+    "zone_duc4z29xsfr2gkew": {
+      "object": "node",
+      "id": "zone_duc4z29xsfr2gkew",
+      "type": "zone",
+      "name": "Staircase",
+      "parentId": "level_eyx5noiv427tacuy",
+      "visible": true,
+      "metadata": {},
+      "polygon": [
+        [
+          296.5,
+          9
+        ],
+        [
+          334,
+          9
+        ],
+        [
+          334,
+          217.5
+        ],
+        [
+          296.5,
+          217.5
+        ]
+      ],
+      "color": "#D1C4E9"
+    },
+    "window_va9p546zsc81oreq": {
+      "object": "node",
+      "id": "window_va9p546zsc81oreq",
+      "type": "window",
+      "name": "Bedroom Window",
+      "parentId": "wall_8leuoaa66avrrjey",
+      "visible": true,
+      "metadata": {},
+      "position": [
+        98.43,
+        41.34,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
+      "side": "front",
+      "wallId": "wall_8leuoaa66avrrjey",
+      "width": 48,
+      "height": 60,
+      "frameThickness": 2,
+      "frameDepth": 2.76,
+      "columnRatios": [
+        0.5,
+        0.5
+      ],
+      "rowRatios": [
+        1
+      ],
+      "columnDividerThickness": 1.18,
+      "rowDividerThickness": 1.18,
+      "sill": true,
+      "sillDepth": 3.15,
+      "sillThickness": 1.18
+    },
+    "window_kvzrt7i4tam0cgv8": {
+      "object": "node",
+      "id": "window_kvzrt7i4tam0cgv8",
+      "type": "window",
+      "name": "Toilet Ventilator",
+      "parentId": "wall_8leuoaa66avrrjey",
+      "visible": true,
+      "metadata": {},
+      "position": [
+        216.54,
+        70.87,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
+      "side": "front",
+      "wallId": "wall_8leuoaa66avrrjey",
+      "width": 24,
+      "height": 24,
+      "frameThickness": 2,
+      "frameDepth": 2.76,
+      "columnRatios": [
+        1
+      ],
+      "rowRatios": [
+        1
+      ],
+      "columnDividerThickness": 1.18,
+      "rowDividerThickness": 1.18,
+      "sill": true,
+      "sillDepth": 2.36,
+      "sillThickness": 1.18
+    },
+    "door_me46h9svd3ccczyp": {
+      "object": "node",
+      "id": "door_me46h9svd3ccczyp",
+      "type": "door",
+      "name": "Main Entrance Door",
+      "parentId": "wall_uxhdf00bm79a0suk",
+      "visible": true,
+      "metadata": {},
+      "position": [
+        216.54,
+        41.34,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
+      "side": "front",
+      "wallId": "wall_uxhdf00bm79a0suk",
+      "width": 42,
+      "height": 84,
+      "frameThickness": 2,
+      "frameDepth": 2.76,
+      "threshold": true,
+      "thresholdHeight": 0.79,
+      "hingesSide": "left",
+      "swingDirection": "inward",
+      "segments": [
+        {
+          "type": "panel",
+          "heightRatio": 0.4,
+          "columnRatios": [
+            1
+          ],
+          "dividerThickness": 1.18,
+          "panelDepth": 0.39,
+          "panelInset": 1.57
+        },
+        {
+          "type": "glass",
+          "heightRatio": 0.6,
+          "columnRatios": [
+            1
+          ],
+          "dividerThickness": 1.18,
+          "panelDepth": 0.39,
+          "panelInset": 1.57
+        }
+      ],
+      "handle": true,
+      "handleHeight": 41.34,
+      "handleSide": "right",
+      "contentPadding": [
+        1.57,
+        1.57
+      ],
+      "doorCloser": false,
+      "panicBar": false,
+      "panicBarHeight": 39.37
+    },
+    "window_tegvuf75kfb2ir9m": {
+      "object": "node",
+      "id": "window_tegvuf75kfb2ir9m",
+      "type": "window",
+      "name": "Living Room Window",
+      "parentId": "wall_uxhdf00bm79a0suk",
+      "visible": true,
+      "metadata": {},
+      "position": [
+        118.11,
+        41.34,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
+      "side": "front",
+      "wallId": "wall_uxhdf00bm79a0suk",
+      "width": 60,
+      "height": 60,
+      "frameThickness": 2,
+      "frameDepth": 2.76,
+      "columnRatios": [
+        0.5,
+        0.5
+      ],
+      "rowRatios": [
+        1
+      ],
+      "columnDividerThickness": 1.18,
+      "rowDividerThickness": 1.18,
+      "sill": true,
+      "sillDepth": 3.15,
+      "sillThickness": 1.18
+    },
+    "window_2vmjjonw6kvqolr9": {
+      "object": "node",
+      "id": "window_2vmjjonw6kvqolr9",
+      "type": "window",
+      "name": "Kitchen Sliding Window (5ft)",
+      "parentId": "wall_t49tuq2rcyi0va1s",
+      "visible": true,
+      "metadata": {},
+      "position": [
+        157.48,
+        41.34,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
+      "side": "front",
+      "wallId": "wall_t49tuq2rcyi0va1s",
+      "width": 60,
+      "height": 60,
+      "frameThickness": 2,
+      "frameDepth": 2.76,
+      "columnRatios": [
+        0.5,
+        0.5
+      ],
+      "rowRatios": [
+        1
+      ],
+      "columnDividerThickness": 1.18,
+      "rowDividerThickness": 1.18,
+      "sill": true,
+      "sillDepth": 3.15,
+      "sillThickness": 1.18
+    },
+    "window_prj8l7z158knwcs7": {
+      "object": "node",
+      "id": "window_prj8l7z158knwcs7",
+      "type": "window",
+      "name": "Kitchen Casement Window",
+      "parentId": "wall_663tropgtwgc3lxw",
+      "visible": true,
+      "metadata": {},
+      "position": [
+        314.96,
+        41.34,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
+      "side": "front",
+      "wallId": "wall_663tropgtwgc3lxw",
+      "width": 30,
+      "height": 60,
+      "frameThickness": 2,
+      "frameDepth": 2.76,
+      "columnRatios": [
+        1
+      ],
+      "rowRatios": [
+        1
+      ],
+      "columnDividerThickness": 1.18,
+      "rowDividerThickness": 1.18,
+      "sill": true,
+      "sillDepth": 2.36,
+      "sillThickness": 1.18
+    },
+    "door_c1xduc0jy885ddsy": {
+      "object": "node",
+      "id": "door_c1xduc0jy885ddsy",
+      "type": "door",
+      "name": "Kitchen Sliding Door (5ft)",
+      "parentId": "wall_qdl8i3orrr6j20j1",
+      "visible": true,
+      "metadata": {},
+      "position": [
+        59.06,
+        41.34,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
+      "side": "front",
+      "wallId": "wall_qdl8i3orrr6j20j1",
+      "width": 60,
+      "height": 84,
+      "frameThickness": 2,
+      "frameDepth": 2.76,
+      "threshold": false,
+      "thresholdHeight": 0.79,
+      "hingesSide": "left",
+      "swingDirection": "inward",
+      "segments": [
+        {
+          "type": "glass",
+          "heightRatio": 1,
+          "columnRatios": [
+            0.5,
+            0.5
+          ],
+          "dividerThickness": 1.18,
+          "panelDepth": 0.39,
+          "panelInset": 1.57
+        }
+      ],
+      "handle": true,
+      "handleHeight": 41.34,
+      "handleSide": "right",
+      "contentPadding": [
+        1.57,
+        1.57
+      ],
+      "doorCloser": false,
+      "panicBar": false,
+      "panicBarHeight": 39.37
+    },
+    "door_gq7vidbvz555dspk": {
+      "object": "node",
+      "id": "door_gq7vidbvz555dspk",
+      "type": "door",
+      "name": "Bedroom Door",
+      "parentId": "wall_tq5u56vw6sr69ncy",
+      "visible": true,
+      "metadata": {},
+      "position": [
+        39.37,
+        41.34,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
+      "side": "front",
+      "wallId": "wall_tq5u56vw6sr69ncy",
+      "width": 36,
+      "height": 84,
+      "frameThickness": 2,
+      "frameDepth": 2.76,
+      "threshold": true,
+      "thresholdHeight": 0.79,
+      "hingesSide": "left",
+      "swingDirection": "inward",
+      "segments": [
+        {
+          "type": "panel",
+          "heightRatio": 0.4,
+          "columnRatios": [
+            1
+          ],
+          "dividerThickness": 1.18,
+          "panelDepth": 0.39,
+          "panelInset": 1.57
+        },
+        {
+          "type": "panel",
+          "heightRatio": 0.6,
+          "columnRatios": [
+            1
+          ],
+          "dividerThickness": 1.18,
+          "panelDepth": 0.39,
+          "panelInset": 1.57
+        }
+      ],
+      "handle": true,
+      "handleHeight": 41.34,
+      "handleSide": "right",
+      "contentPadding": [
+        1.57,
+        1.57
+      ],
+      "doorCloser": false,
+      "panicBar": false,
+      "panicBarHeight": 39.37
+    },
+    "door_yl6xza10cz810d2n": {
+      "object": "node",
+      "id": "door_yl6xza10cz810d2n",
+      "type": "door",
+      "name": "Toilet Door",
+      "parentId": "wall_o5q5docvrrzncgfl",
+      "visible": true,
+      "metadata": {},
+      "position": [
+        59.06,
+        41.34,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
+      "side": "front",
+      "wallId": "wall_o5q5docvrrzncgfl",
+      "width": 30,
+      "height": 84,
+      "frameThickness": 2,
+      "frameDepth": 2.76,
+      "threshold": true,
+      "thresholdHeight": 0.79,
+      "hingesSide": "left",
+      "swingDirection": "inward",
+      "segments": [
+        {
+          "type": "panel",
+          "heightRatio": 1,
+          "columnRatios": [
+            1
+          ],
+          "dividerThickness": 1.18,
+          "panelDepth": 0.39,
+          "panelInset": 1.57
+        }
+      ],
+      "handle": true,
+      "handleHeight": 41.34,
+      "handleSide": "right",
+      "contentPadding": [
+        1.57,
+        1.57
+      ],
+      "doorCloser": false,
+      "panicBar": false,
+      "panicBarHeight": 39.37
+    },
+    "ceiling_nf5hpnxybri3danz": {
+      "object": "node",
+      "id": "ceiling_nf5hpnxybri3danz",
+      "type": "ceiling",
+      "name": "Ground Floor Ceiling",
+      "parentId": "level_eyx5noiv427tacuy",
+      "visible": true,
+      "metadata": {},
+      "children": [],
+      "polygon": [
+        [
+          0,
+          0
+        ],
+        [
+          343,
+          0
+        ],
+        [
+          343,
+          432
+        ],
+        [
+          0,
+          432
+        ]
+      ],
+      "holes": [],
+      "height": 120
+    },
+    "level_eyx5noiv427tacuy": {
+      "object": "node",
+      "id": "level_eyx5noiv427tacuy",
+      "type": "level",
+      "parentId": null,
+      "visible": true,
+      "metadata": {},
+      "children": [
+        "wall_uxhdf00bm79a0suk",
+        "wall_663tropgtwgc3lxw",
+        "wall_t49tuq2rcyi0va1s",
+        "wall_8leuoaa66avrrjey",
+        "wall_tq5u56vw6sr69ncy",
+        "wall_gncvgkoubjen66f6",
+        "wall_o5q5docvrrzncgfl",
+        "wall_zsmjcs34yxi8tmx1",
+        "wall_w7ao8ywtqfygdx84",
+        "wall_qdl8i3orrr6j20j1",
+        "wall_per2l8qozpdy7z5b",
+        "wall_elff2psjih49enyf",
+        "slab_fw25wyjb5pxtz5s1",
+        "slab_sh4hkvhhpan9vfrp",
+        "zone_mrl5gqmqs9fhqiyb",
+        "zone_wkamx7nc4z1s0tks",
+        "zone_zwnmpg8mgs29a9g4",
+        "zone_7lgzxy1j09fstynq",
+        "zone_no3ben3gt5kqkfq2",
+        "zone_duc4z29xsfr2gkew",
+        "ceiling_nf5hpnxybri3danz"
+      ],
+      "level": 0
+    },
+    "building_s4u52soibo4isbri": {
+      "object": "node",
+      "id": "building_s4u52soibo4isbri",
+      "type": "building",
+      "parentId": null,
+      "visible": true,
+      "metadata": {},
+      "children": [
+        "level_eyx5noiv427tacuy"
+      ],
+      "position": [
+        0,
+        0,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ]
+    },
+    "site_a9ennbcvfyh8f0n9": {
+      "object": "node",
+      "id": "site_a9ennbcvfyh8f0n9",
+      "type": "site",
+      "parentId": null,
+      "visible": true,
+      "metadata": {},
+      "polygon": {
+        "type": "polygon",
+        "points": [
+          [
+            -600,
+            -600
+          ],
+          [
+            600,
+            -600
+          ],
+          [
+            600,
+            600
+          ],
+          [
+            -600,
+            600
+          ]
+        ]
+      },
+      "children": [
+        {
+          "object": "node",
+          "id": "building_s4u52soibo4isbri",
+          "type": "building",
+          "parentId": null,
+          "visible": true,
+          "metadata": {},
+          "children": [
+            "level_eyx5noiv427tacuy"
+          ],
+          "position": [
+            0,
+            0,
+            0
+          ],
+          "rotation": [
+            0,
+            0,
+            0
+          ]
+        }
+      ]
+    }
+  },
+  "rootNodeIds": {
+    "0": "site_a9ennbcvfyh8f0n9"
+  }
+}
\ No newline at end of file
diff --git a/bun.lock b/bun.lock
index 905e6126..fa403929 100644
--- a/bun.lock
+++ b/bun.lock
@@ -49,7 +49,7 @@
     },
     "packages/core": {
       "name": "@pascal-app/core",
-      "version": "0.1.13",
+      "version": "0.2.0",
       "dependencies": {
         "dedent": "^1.7.1",
         "idb-keyval": "^6.2.2",
@@ -166,7 +166,7 @@
     },
     "packages/viewer": {
       "name": "@pascal-app/viewer",
-      "version": "0.1.13",
+      "version": "0.2.0",
       "dependencies": {
         "polygon-clipping": "^0.15.7",
         "zustand": "^5",
diff --git a/packages/core/src/events/bus.ts b/packages/core/src/events/bus.ts
index 6f1bce1d..85db2c04 100644
--- a/packages/core/src/events/bus.ts
+++ b/packages/core/src/events/bus.ts
@@ -80,6 +80,7 @@ type CameraControlEvents = {
   'camera-controls:top-view': undefined
   'camera-controls:orbit-cw': undefined
   'camera-controls:orbit-ccw': undefined
+  'camera-controls:set-angle': { azimuth?: number; polar?: number }
   'camera-controls:generate-thumbnail': ThumbnailGenerateEvent
 }
 
diff --git a/packages/core/src/schema/nodes/roof.ts b/packages/core/src/schema/nodes/roof.ts
index 488d34a9..5c03ce97 100644
--- a/packages/core/src/schema/nodes/roof.ts
+++ b/packages/core/src/schema/nodes/roof.ts
@@ -12,6 +12,11 @@ export const RoofNode = BaseNode.extend({
   rotation: z.number().default(0),
   // Child roof segment IDs
   children: z.array(RoofSegmentNode.shape.id).default([]),
+  // Legacy dimensions used by simple roof renderer
+  length: z.number().default(10),
+  height: z.number().default(4),
+  leftWidth: z.number().default(4),
+  rightWidth: z.number().default(4),
 }).describe(
   dedent`
   Roof node - a container for roof segments.
@@ -20,6 +25,10 @@ export const RoofNode = BaseNode.extend({
   - position: center position of the roof group
   - rotation: rotation around Y axis
   - children: array of RoofSegmentNode IDs
+  - length: legacy overall length
+  - height: legacy peak height
+  - leftWidth: legacy left slope width
+  - rightWidth: legacy right slope width
   `,
 )
 
diff --git a/packages/core/src/schema/nodes/wall.ts b/packages/core/src/schema/nodes/wall.ts
index 143419a5..db0f8ae7 100644
--- a/packages/core/src/schema/nodes/wall.ts
+++ b/packages/core/src/schema/nodes/wall.ts
@@ -11,8 +11,8 @@ export const WallNode = BaseNode.extend({
   type: nodeType('wall'),
   children: z.array(ItemNode.shape.id).default([]),
   // Specific props
-  thickness: z.number().optional(),
-  height: z.number().optional(),
+  thickness: z.number().default(0.5),
+  height: z.number().default(10),
   // e.g., start/end points for path
   start: z.tuple([z.number(), z.number()]),
   end: z.tuple([z.number(), z.number()]),
diff --git a/packages/editor/src/components/editor/custom-camera-controls.tsx b/packages/editor/src/components/editor/custom-camera-controls.tsx
index 2483c9b9..4b87fce7 100644
--- a/packages/editor/src/components/editor/custom-camera-controls.tsx
+++ b/packages/editor/src/components/editor/custom-camera-controls.tsx
@@ -3,7 +3,7 @@
 import { type CameraControlEvent, emitter, sceneRegistry, useScene } from '@pascal-app/core'
 import { useViewer } from '@pascal-app/viewer'
 import { CameraControls, CameraControlsImpl } from '@react-three/drei'
-import { useThree } from '@react-three/fiber'
+import { useThree, useFrame } from '@react-three/fiber'
 import { useCallback, useEffect, useMemo, useRef } from 'react'
 import { Box3, Vector3 } from 'three'
 import { EDITOR_LAYER } from '../../lib/constants'
@@ -40,7 +40,7 @@ export const CustomCameraControls = () => {
     }
     if (firstLoad.current) {
       firstLoad.current = false
-      ;(controls.current as CameraControlsImpl).setLookAt(20, 20, 20, 0, 0, 0, true)
+      ;(controls.current as CameraControlsImpl).setLookAt(65, 65, 65, 0, 0, 0, true)
     }
     ;(controls.current as CameraControlsImpl).getTarget(currentTarget)
     ;(controls.current as CameraControlsImpl).moveTo(
@@ -61,9 +61,9 @@ export const CustomCameraControls = () => {
         : CameraControlsImpl.ACTION.DOLLY
 
     return {
-      left: isPreviewMode ? CameraControlsImpl.ACTION.SCREEN_PAN : CameraControlsImpl.ACTION.NONE,
-      middle: CameraControlsImpl.ACTION.SCREEN_PAN,
-      right: CameraControlsImpl.ACTION.ROTATE,
+      left: CameraControlsImpl.ACTION.ROTATE,
+      middle: CameraControlsImpl.ACTION.DOLLY,
+      right: CameraControlsImpl.ACTION.SCREEN_PAN,
       wheel: wheelAction,
     }
   }, [cameraMode, isPreviewMode])
@@ -89,15 +89,14 @@ export const CustomCameraControls = () => {
           ? CameraControlsImpl.ACTION.ZOOM
           : CameraControlsImpl.ACTION.DOLLY
       controls.current.mouseButtons.wheel = wheelAction
-      controls.current.mouseButtons.middle = CameraControlsImpl.ACTION.SCREEN_PAN
-      controls.current.mouseButtons.right = CameraControlsImpl.ACTION.ROTATE
+      controls.current.mouseButtons.middle = CameraControlsImpl.ACTION.DOLLY
+      controls.current.mouseButtons.right = CameraControlsImpl.ACTION.SCREEN_PAN
       if (isPreviewMode) {
-        // In preview mode, left-click is always pan (viewer-style)
-        controls.current.mouseButtons.left = CameraControlsImpl.ACTION.SCREEN_PAN
+        controls.current.mouseButtons.left = CameraControlsImpl.ACTION.ROTATE
       } else if (space) {
         controls.current.mouseButtons.left = CameraControlsImpl.ACTION.SCREEN_PAN
       } else {
-        controls.current.mouseButtons.left = CameraControlsImpl.ACTION.NONE
+        controls.current.mouseButtons.left = CameraControlsImpl.ACTION.ROTATE
       }
     }
 
@@ -306,11 +305,54 @@ export const CustomCameraControls = () => {
     useViewer.getState().setCameraDragging(false)
   }, [])
 
+  const panKeys = useRef({ up: false, down: false, left: false, right: false })
+  useEffect(() => {
+    const onKeyDown = (e: KeyboardEvent) => {
+      if (e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement) return
+      const k = e.key.toLowerCase()
+      if (k === 'w' || k === 'arrowup') panKeys.current.up = true
+      if (k === 's' || k === 'arrowdown') panKeys.current.down = true
+      if (k === 'a' || k === 'arrowleft') panKeys.current.left = true
+      if (k === 'd' || k === 'arrowright') panKeys.current.right = true
+    }
+    const onKeyUp = (e: KeyboardEvent) => {
+      const k = e.key.toLowerCase()
+      if (k === 'w' || k === 'arrowup') panKeys.current.up = false
+      if (k === 's' || k === 'arrowdown') panKeys.current.down = false
+      if (k === 'a' || k === 'arrowleft') panKeys.current.left = false
+      if (k === 'd' || k === 'arrowright') panKeys.current.right = false
+    }
+    document.addEventListener('keydown', onKeyDown)
+    document.addEventListener('keyup', onKeyUp)
+    return () => {
+      document.removeEventListener('keydown', onKeyDown)
+      document.removeEventListener('keyup', onKeyUp)
+    }
+  }, [])
+
+  useFrame((state, delta) => {
+    if (!controls.current) return
+    const { up, down, left, right } = panKeys.current
+    if (up || down || left || right) {
+      // Scale speed with distance to make panning feel consistent at different zoom levels
+      const distance = controls.current.distance || 50
+      const speed = distance * delta * 1.5 
+      let x = 0
+      let y = 0
+      if (left) x -= speed
+      if (right) x += speed
+      if (up) y += speed
+      if (down) y -= speed
+      
+      controls.current.truck(x, y, true)
+    }
+  })
+
   return (
     <CameraControls
       makeDefault
-      maxDistance={100}
-      maxPolarAngle={Math.PI / 2 - 0.1}
+      maxDistance={8000}
+      maxPolarAngle={Math.PI}
       minDistance={10}
       minPolarAngle={0}
       mouseButtons={mouseButtons}
diff --git a/packages/editor/src/components/editor/site-edge-labels.tsx b/packages/editor/src/components/editor/site-edge-labels.tsx
index 70e362d9..ae2afd28 100644
--- a/packages/editor/src/components/editor/site-edge-labels.tsx
+++ b/packages/editor/src/components/editor/site-edge-labels.tsx
@@ -56,7 +56,7 @@ export function SiteEdgeLabels() {
           zIndexRange={[10, 0]}
         >
           <div className="whitespace-nowrap rounded bg-black/75 px-1.5 py-0.5 font-mono text-white text-xs backdrop-blur-sm">
-            {edge.dist.toFixed(2)}m
+            {edge.dist.toFixed(2)}ft
           </div>
         </Html>
       ))}
diff --git a/packages/editor/src/components/tools/wall/wall-tool.tsx b/packages/editor/src/components/tools/wall/wall-tool.tsx
index eb0d45bf..29a28567 100644
--- a/packages/editor/src/components/tools/wall/wall-tool.tsx
+++ b/packages/editor/src/components/tools/wall/wall-tool.tsx
@@ -6,8 +6,8 @@ import { EDITOR_LAYER } from '../../../lib/constants'
 import { sfxEmitter } from '../../../lib/sfx-bus'
 import { CursorSphere } from '../shared/cursor-sphere'
 
-const WALL_HEIGHT = 2.5
-const WALL_THICKNESS = 0.15
+const WALL_HEIGHT = 10
+const WALL_THICKNESS = 0.5
 
 /**
  * Snap point to 45° angle increments relative to start point
@@ -113,13 +113,40 @@ export const WallTool: React.FC = () => {
       if (!(cursorRef.current && wallPreviewRef.current)) return
 
       gridPosition = [Math.round(event.position[0] * 2) / 2, Math.round(event.position[2] * 2) / 2]
-      const cursorPosition = new Vector3(gridPosition[0], event.position[1], gridPosition[1])
+      
+      const currentLevelId = useViewer.getState().selection.levelId
+      const nodes = useScene.getState().nodes
+      const allWalls = Object.values(nodes).filter((n) => n.type === 'wall' && n.parentId === currentLevelId) as WallNode[]
+
+      let snappedGridPosition = new Vector3(gridPosition[0], event.position[1], gridPosition[1])
+      const SNAP_DISTANCE = 1.0
+      let isSnapped = false
+
+      for (const w of allWalls) {
+        const distStart = Math.hypot(w.start[0] - event.position[0], w.start[1] - event.position[2])
+        const distEnd = Math.hypot(w.end[0] - event.position[0], w.end[1] - event.position[2])
+        
+        if (distStart < SNAP_DISTANCE) {
+          snappedGridPosition = new Vector3(w.start[0], event.position[1], w.start[1])
+          isSnapped = true
+          break
+        } else if (distEnd < SNAP_DISTANCE) {
+          snappedGridPosition = new Vector3(w.end[0], event.position[1], w.end[1])
+          isSnapped = true
+          break
+        }
+      }
+
+      gridPosition = [snappedGridPosition.x, snappedGridPosition.z]
+      const cursorPosition = snappedGridPosition
 
       if (buildingState.current === 1) {
-        // Snap to 45° angles only if shift is not pressed
-        const snapped = shiftPressed.current
+        // Snap to precise wall endings if in distance, else snap to 45° angles only if shift is not pressed
+        const snapped = isSnapped
           ? cursorPosition
-          : snapTo45Degrees(startingPoint.current, cursorPosition)
+          : shiftPressed.current
+            ? cursorPosition
+            : snapTo45Degrees(startingPoint.current, cursorPosition)
         endingPoint.current.copy(snapped)
 
         // Position the cursor at the end of the wall being drawn
diff --git a/packages/editor/src/components/ui/controls/metric-control.tsx b/packages/editor/src/components/ui/controls/metric-control.tsx
index 647d3c20..18d7a227 100644
--- a/packages/editor/src/components/ui/controls/metric-control.tsx
+++ b/packages/editor/src/components/ui/controls/metric-control.tsx
@@ -221,11 +221,13 @@ export function MetricControl({
         {label}
       </div>
 
-      <div className="flex shrink-0 justify-end">
+      <div className="flex shrink-0 justify-end min-w-[70px]">
         {isEditing ? (
           <div className="flex items-center">
             <input
               autoFocus
+              title="Metric value"
+              placeholder="0.00"
               className="w-full bg-transparent p-0 text-right font-mono text-foreground outline-none selection:bg-primary/30"
               onBlur={handleInputBlur}
               onChange={handleInputChange}
diff --git a/packages/editor/src/components/ui/controls/slider-control.tsx b/packages/editor/src/components/ui/controls/slider-control.tsx
index 4a278949..5452788d 100644
--- a/packages/editor/src/components/ui/controls/slider-control.tsx
+++ b/packages/editor/src/components/ui/controls/slider-control.tsx
@@ -1,8 +1,6 @@
 'use client'
 
-import { useScene } from '@pascal-app/core'
-import { useCallback, useEffect, useRef, useState } from 'react'
-import { cn } from '../../../lib/utils'
+import { MetricControl } from './metric-control'
 
 interface SliderControlProps {
   label: React.ReactNode
@@ -16,317 +14,6 @@ interface SliderControlProps {
   unit?: string
 }
 
-export function SliderControl({
-  label,
-  value,
-  onChange,
-  min = 0,
-  max = 100,
-  precision = 0,
-  step = 1,
-  className,
-  unit = '',
-}: SliderControlProps) {
-  const [isEditing, setIsEditing] = useState(false)
-  const [isDragging, setIsDragging] = useState(false)
-  const [isHovered, setIsHovered] = useState(false)
-  const [inputValue, setInputValue] = useState(value.toFixed(precision))
-
-  // Track the original value and bounds when dragging starts
-  const [dragStartValue, setDragStartValue] = useState<number | null>(null)
-  const [dragMin, setDragMin] = useState<number | null>(null)
-  const [dragMax, setDragMax] = useState<number | null>(null)
-
-  const trackRef = useRef<HTMLDivElement>(null)
-  const containerRef = useRef<HTMLDivElement>(null)
-
-  const valueRef = useRef(value)
-  valueRef.current = value
-
-  const clamp = useCallback(
-    (val: number) => {
-      return Math.min(Math.max(val, min), max)
-    },
-    [min, max],
-  )
-
-  useEffect(() => {
-    if (!isEditing) {
-      setInputValue(value.toFixed(precision))
-    }
-  }, [value, precision, isEditing])
-
-  useEffect(() => {
-    const container = containerRef.current
-    if (!container) return
-
-    const handleWheel = (e: WheelEvent) => {
-      if (isEditing) return
-
-      e.preventDefault()
-
-      const direction = e.deltaY < 0 ? 1 : -1
-      let scrollStep = step
-      if (e.shiftKey) scrollStep = step * 10
-      else if (e.altKey) scrollStep = step * 0.1
-
-      const newValue = clamp(valueRef.current + direction * scrollStep)
-      const finalValue = Number.parseFloat(newValue.toFixed(precision))
-
-      if (finalValue !== valueRef.current) {
-        onChange(finalValue)
-      }
-    }
-
-    container.addEventListener('wheel', handleWheel, { passive: false })
-    return () => container.removeEventListener('wheel', handleWheel)
-  }, [isEditing, step, clamp, onChange, precision])
-
-  useEffect(() => {
-    if (!isHovered || isEditing) return
-
-    const handleKeyDown = (e: KeyboardEvent) => {
-      let direction = 0
-      if (e.key === 'ArrowUp') direction = 1
-      else if (e.key === 'ArrowDown') direction = -1
-
-      if (direction !== 0) {
-        e.preventDefault()
-        let scrollStep = step
-        if (e.shiftKey) scrollStep = step * 10
-        else if (e.altKey) scrollStep = step * 0.1
-
-        const newValue = clamp(valueRef.current + direction * scrollStep)
-        const finalValue = Number.parseFloat(newValue.toFixed(precision))
-
-        if (finalValue !== valueRef.current) {
-          onChange(finalValue)
-        }
-      }
-    }
-
-    window.addEventListener('keydown', handleKeyDown)
-    return () => window.removeEventListener('keydown', handleKeyDown)
-  }, [isHovered, isEditing, step, clamp, onChange, precision])
-
-  const handlePointerDown = useCallback(
-    (e: React.PointerEvent) => {
-      if (isEditing) return
-      e.preventDefault()
-
-      const track = trackRef.current
-      if (!track) return
-
-      setIsDragging(true)
-      setDragStartValue(value)
-      setDragMin(min)
-      setDragMax(max)
-      useScene.temporal.getState().pause()
-
-      const rect = track.getBoundingClientRect()
-      const updateValueFromEvent = (clientX: number) => {
-        const percent = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width))
-        const rawValue = min + percent * (max - min)
-        // snap to step
-        const snapped = Math.round(rawValue / step) * step
-        const finalValue = Number.parseFloat(clamp(snapped).toFixed(precision))
-        onChange(finalValue)
-      }
-
-      updateValueFromEvent(e.clientX)
-
-      const handlePointerMove = (moveEvent: PointerEvent) => {
-        updateValueFromEvent(moveEvent.clientX)
-      }
-
-      const handlePointerUp = (e: PointerEvent) => {
-        // Only stop dragging if we didn't release on the reset button
-        // Let the reset button's onPointerDown handle its own cleanup
-        if ((e.target as HTMLElement).closest('button')) {
-          return
-        }
-
-        setIsDragging(false)
-        const startVal = dragStartValue
-        const finalVal = valueRef.current
-
-        setDragStartValue(null)
-        setDragMin(null)
-        setDragMax(null)
-        document.removeEventListener('pointermove', handlePointerMove)
-        document.removeEventListener('pointerup', handlePointerUp)
-
-        if (startVal !== null && startVal !== finalVal) {
-          // Revert to start value while paused so the undo baseline is clean
-          onChange(startVal)
-
-          useScene.temporal.getState().resume()
-
-          // Apply final value while recording
-          onChange(finalVal)
-        } else {
-          useScene.temporal.getState().resume()
-        }
-      }
-
-      document.addEventListener('pointermove', handlePointerMove)
-      document.addEventListener('pointerup', handlePointerUp)
-    },
-    [isEditing, min, max, step, precision, clamp, onChange],
-  )
-
-  const handleValueClick = useCallback(() => {
-    setIsEditing(true)
-    setInputValue(value.toFixed(precision))
-  }, [value, precision])
-
-  const handleInputChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
-    setInputValue(e.target.value)
-  }, [])
-
-  const submitValue = useCallback(() => {
-    const numValue = Number.parseFloat(inputValue)
-    if (Number.isNaN(numValue)) {
-      setInputValue(value.toFixed(precision))
-    } else {
-      onChange(clamp(Number.parseFloat(numValue.toFixed(precision))))
-    }
-    setIsEditing(false)
-  }, [inputValue, onChange, clamp, precision, value])
-
-  const handleInputBlur = useCallback(() => {
-    submitValue()
-  }, [submitValue])
-
-  const handleInputKeyDown = useCallback(
-    (e: React.KeyboardEvent<HTMLInputElement>) => {
-      if (e.key === 'Enter') {
-        submitValue()
-      } else if (e.key === 'Escape') {
-        setInputValue(value.toFixed(precision))
-        setIsEditing(false)
-      } else if (e.key === 'ArrowUp') {
-        e.preventDefault()
-        const newV = clamp(value + step)
-        onChange(newV)
-        setInputValue(newV.toFixed(precision))
-      } else if (e.key === 'ArrowDown') {
-        e.preventDefault()
-        const newV = clamp(value - step)
-        onChange(newV)
-        setInputValue(newV.toFixed(precision))
-      }
-    },
-    [submitValue, value, precision, step, clamp, onChange],
-  )
-
-  const currentMin = isDragging && dragMin !== null ? dragMin : min
-  const currentMax = isDragging && dragMax !== null ? dragMax : max
-
-  const percent = Math.max(
-    0,
-    Math.min(100, ((value - currentMin) / (currentMax - currentMin)) * 100),
-  )
-  const startPercent =
-    dragStartValue !== null
-      ? Math.max(
-          0,
-          Math.min(100, ((dragStartValue - currentMin) / (currentMax - currentMin)) * 100),
-        )
-      : null
-
-  return (
-    <div
-      className={cn(
-        'group relative flex h-12 w-full items-center rounded-lg border border-border/50 px-3 text-sm transition-colors',
-        isDragging ? 'bg-[#3e3e3e]' : 'bg-[#2C2C2E] hover:bg-[#3e3e3e]',
-        className,
-      )}
-      onMouseEnter={() => setIsHovered(true)}
-      onMouseLeave={() => setIsHovered(false)}
-      ref={containerRef}
-    >
-      {/* Reset button that appears when dragged away from start */}
-      {isDragging && dragStartValue !== null && dragStartValue !== value && (
-        <button
-          className="pointer-events-auto absolute -top-10 right-0 z-50 cursor-pointer rounded-md bg-[#2C2C2E] px-2 py-1 font-medium text-[10px] text-muted-foreground shadow-sm ring-1 ring-border/50 hover:bg-[#3e3e3e] hover:text-foreground"
-          onPointerDown={(e) => {
-            e.stopPropagation()
-            onChange(dragStartValue)
-            setDragStartValue(null)
-            setDragMin(null)
-            setDragMax(null)
-            setIsDragging(false)
-            useScene.temporal.getState().resume()
-          }}
-        >
-          Reset
-        </button>
-      )}
-
-      <div className="w-[80px] shrink-0 select-none truncate text-muted-foreground">{label}</div>
-
-      <div
-        className={cn(
-          'relative mx-2 flex h-full flex-1 touch-none items-center justify-center',
-          isDragging ? 'cursor-grabbing' : 'cursor-grab',
-        )}
-        onPointerDown={handlePointerDown}
-        ref={trackRef}
-      >
-        {/* Track dots background */}
-        <div className="pointer-events-none absolute inset-x-0 flex items-center justify-between px-1 opacity-30">
-          {[...Array(9)].map((_, i) => (
-            <div className="h-[3px] w-[3px] rounded-full bg-current" key={i} />
-          ))}
-        </div>
-
-        {/* Original Thumb Ghost */}
-        {isDragging && startPercent !== null && (
-          <div
-            className="pointer-events-none absolute top-1/2 h-6 w-[3px] -translate-x-1/2 -translate-y-1/2 rounded-full bg-foreground/20 shadow-sm"
-            style={{ left: `${startPercent}%` }}
-          />
-        )}
-
-        {/* Active Thumb */}
-        <div
-          className={cn(
-            'pointer-events-none absolute top-1/2 h-6 w-[3px] -translate-x-1/2 -translate-y-1/2 rounded-full shadow-sm transition',
-            isDragging
-              ? 'scale-y-110 bg-foreground'
-              : 'bg-foreground/60 group-hover:bg-foreground/80',
-          )}
-          style={{ left: `${percent}%` }}
-        />
-      </div>
-
-      <div className="flex w-[50px] shrink-0 justify-end">
-        {isEditing ? (
-          <div className="flex items-center">
-            <input
-              autoFocus
-              className="w-full bg-transparent p-0 text-right font-mono text-foreground outline-none selection:bg-primary/30"
-              onBlur={handleInputBlur}
-              onChange={handleInputChange}
-              onKeyDown={handleInputKeyDown}
-              type="text"
-              value={inputValue}
-            />
-            {unit && <span className="ml-[1px] text-muted-foreground">{unit}</span>}
-          </div>
-        ) : (
-          <div
-            className="flex w-full cursor-text items-center justify-end text-foreground/60 transition-colors hover:text-foreground"
-            onClick={handleValueClick}
-          >
-            <span className="font-mono tabular-nums tracking-tight">
-              {Number(value.toFixed(precision)).toFixed(precision)}
-            </span>
-            {unit && <span className="ml-[1px] text-muted-foreground">{unit}</span>}
-          </div>
-        )}
-      </div>
-    </div>
-  )
+export function SliderControl(props: SliderControlProps) {
+  return <MetricControl {...props} />
 }
diff --git a/packages/editor/src/components/ui/panels/ceiling-panel.tsx b/packages/editor/src/components/ui/panels/ceiling-panel.tsx
index 178e4945..6417e45b 100644
--- a/packages/editor/src/components/ui/panels/ceiling-panel.tsx
+++ b/packages/editor/src/components/ui/panels/ceiling-panel.tsx
@@ -10,6 +10,7 @@ import { PanelSection } from '../controls/panel-section'
 import { SliderControl } from '../controls/slider-control'
 import { PanelWrapper } from './panel-wrapper'
 
+
 export function CeilingPanel() {
   const selectedIds = useViewer((s) => s.selection.selectedIds)
   const setSelection = useViewer((s) => s.setSelection)
@@ -108,7 +109,7 @@ export function CeilingPanel() {
     return Math.abs(area) / 2
   }
 
-  const area = calculateArea(node.polygon)
+  const areaSqFt = calculateArea(node.polygon)
 
   return (
     <PanelWrapper
@@ -120,26 +121,66 @@ export function CeilingPanel() {
       <PanelSection title="Height">
         <SliderControl
           label="Height"
-          max={6}
+          max={20}
           min={0}
           onChange={(v) => handleUpdate({ height: v })}
-          precision={3}
-          step={0.01}
-          unit="m"
-          value={Math.round(node.height * 1000) / 1000}
+          precision={2}
+          step={0.1}
+          unit="ft"
+          value={Math.round(node.height * 100) / 100}
         />
 
         <div className="mt-2 grid grid-cols-3 gap-1.5 px-1 pb-1">
-          <ActionButton label="Low (2.4m)" onClick={() => handleUpdate({ height: 2.4 })} />
-          <ActionButton label="Standard (2.5m)" onClick={() => handleUpdate({ height: 2.5 })} />
-          <ActionButton label="High (3.0m)" onClick={() => handleUpdate({ height: 3.0 })} />
+          <ActionButton label="Low (8ft)" onClick={() => handleUpdate({ height: 8 })} />
+          <ActionButton label="Std (9ft)" onClick={() => handleUpdate({ height: 9 })} />
+          <ActionButton label="High (10ft)" onClick={() => handleUpdate({ height: 10 })} />
         </div>
       </PanelSection>
 
       <PanelSection title="Info">
         <div className="flex items-center justify-between px-2 py-1 text-muted-foreground text-sm">
           <span>Area</span>
-          <span className="font-mono text-white">{area.toFixed(2)} m²</span>
+          <span className="font-mono text-white">{areaSqFt.toFixed(1)} sq ft</span>
+        </div>
+      </PanelSection>
+
+      <PanelSection title="Points">
+        <div className="flex flex-col gap-2">
+          {node.polygon.map((point, i) => (
+            <div className="rounded-lg border border-border/50 p-2" key={i}>
+              <div className="mb-2 font-medium text-muted-foreground text-xs">Point {i + 1}</div>
+              <div className="grid grid-cols-2 gap-1.5">
+                <SliderControl
+                  label="X"
+                  max={400}
+                  min={-400}
+                  onChange={(v) => {
+                    const newPoly = [...node.polygon]
+                    newPoly[i] = [v, point[1]]
+                    handleUpdate({ polygon: newPoly })
+                  }}
+                  precision={2}
+                  step={0.1}
+                  unit="ft"
+                  value={Math.round(point[0] * 100) / 100}
+                />
+                <SliderControl
+                  label="Z"
+                  max={400}
+                  min={-400}
+                  onChange={(v) => {
+                    const newPoly = [...node.polygon]
+                    newPoly[i] = [point[0], v]
+                    handleUpdate({ polygon: newPoly })
+                  }}
+                  precision={2}
+                  step={0.1}
+                  unit="ft"
+                  value={Math.round(point[1] * 100) / 100}
+                />
+              </div>
+            </div>
+          ))}
         </div>
       </PanelSection>
 
@@ -147,7 +188,7 @@ export function CeilingPanel() {
         {node.holes && node.holes.length > 0 ? (
           <div className="flex flex-col gap-1 pb-2">
             {node.holes.map((hole, index) => {
-              const holeArea = calculateArea(hole)
+              const holeSqFt = calculateArea(hole)
               const isEditing =
                 editingHole?.nodeId === selectedId && editingHole?.holeIndex === index
               return (
@@ -166,7 +207,7 @@ export function CeilingPanel() {
                       Hole {index + 1} {isEditing && '(Editing)'}
                     </p>
                     <p className="text-[10px] text-muted-foreground">
-                      {holeArea.toFixed(2)} m² · {hole.length} pts
+                      {holeSqFt.toFixed(1)} sq ft · {hole.length} pts
                     </p>
                   </div>
                   <div className="flex items-center gap-1">
@@ -181,6 +222,7 @@ export function CeilingPanel() {
                         <button
                           className="flex h-7 w-7 items-center justify-center rounded-md bg-[#2C2C2E] text-muted-foreground hover:bg-[#3e3e3e] hover:text-foreground"
                           onClick={() => handleEditHole(index)}
+                          title="Edit Hole"
                           type="button"
                         >
                           <Edit className="h-3.5 w-3.5" />
@@ -188,6 +230,7 @@ export function CeilingPanel() {
                         <button
                           className="flex h-7 w-7 items-center justify-center rounded-md bg-red-500/10 text-red-400 hover:bg-red-500/20 hover:text-red-300"
                           onClick={() => handleDeleteHole(index)}
+                          title="Delete Hole"
                           type="button"
                         >
                           <Trash2 className="h-3.5 w-3.5" />
diff --git a/packages/editor/src/components/ui/panels/door-panel.tsx b/packages/editor/src/components/ui/panels/door-panel.tsx
index d092e233..dd33d264 100644
--- a/packages/editor/src/components/ui/panels/door-panel.tsx
+++ b/packages/editor/src/components/ui/panels/door-panel.tsx
@@ -206,12 +206,12 @@ export function DoorPanel() {
               X<sub className="ml-[1px] text-[11px] opacity-70">wall</sub>
             </>
           }
-          max={10}
-          min={-10}
+          max={200}
+          min={-200}
           onChange={(v) => handleUpdate({ position: [v, node.position[1], node.position[2]] })}
           precision={2}
           step={0.1}
-          unit="m"
+          unit="ft"
           value={Math.round(node.position[0] * 100) / 100}
         />
         <div className="px-1 pt-2 pb-1">
@@ -227,24 +227,24 @@ export function DoorPanel() {
       <PanelSection title="Dimensions">
         <SliderControl
           label="Width"
-          max={3}
-          min={0.5}
+          max={10}
+          min={1.5}
           onChange={(v) => handleUpdate({ width: v })}
           precision={2}
-          step={0.05}
-          unit="m"
+          step={0.1}
+          unit="ft"
           value={Math.round(node.width * 100) / 100}
         />
         <SliderControl
           label="Height"
-          max={4}
-          min={1.0}
-          onChange={(v) =>
+          max={15}
+          min={3}
+          onChange={(v) => {
             handleUpdate({ height: v, position: [node.position[0], v / 2, node.position[2]] })
-          }
+          }}
           precision={2}
-          step={0.05}
-          unit="m"
+          step={0.1}
+          unit="ft"
           value={Math.round(node.height * 100) / 100}
         />
       </PanelSection>
@@ -252,46 +252,46 @@ export function DoorPanel() {
       <PanelSection title="Frame">
         <SliderControl
           label="Thickness"
-          max={0.2}
-          min={0.01}
+          max={1}
+          min={0.05}
           onChange={(v) => handleUpdate({ frameThickness: v })}
-          precision={3}
-          step={0.01}
-          unit="m"
-          value={Math.round(node.frameThickness * 1000) / 1000}
+          precision={2}
+          step={0.05}
+          unit="ft"
+          value={Math.round(node.frameThickness * 100) / 100}
         />
         <SliderControl
           label="Depth"
-          max={0.3}
-          min={0.01}
+          max={1}
+          min={0.05}
           onChange={(v) => handleUpdate({ frameDepth: v })}
-          precision={3}
-          step={0.01}
-          unit="m"
-          value={Math.round(node.frameDepth * 1000) / 1000}
+          precision={2}
+          step={0.05}
+          unit="ft"
+          value={Math.round(node.frameDepth * 100) / 100}
         />
       </PanelSection>
 
       <PanelSection title="Content Padding">
         <SliderControl
           label="Horizontal"
-          max={0.2}
+          max={1}
           min={0}
           onChange={(v) => handleUpdate({ contentPadding: [v, node.contentPadding[1]] })}
-          precision={3}
-          step={0.005}
-          unit="m"
-          value={Math.round(node.contentPadding[0] * 1000) / 1000}
+          precision={2}
+          step={0.05}
+          unit="ft"
+          value={Math.round(node.contentPadding[0] * 100) / 100}
         />
         <SliderControl
           label="Vertical"
-          max={0.2}
+          max={1}
           min={0}
           onChange={(v) => handleUpdate({ contentPadding: [node.contentPadding[0], v] })}
-          precision={3}
-          step={0.005}
-          unit="m"
-          value={Math.round(node.contentPadding[1] * 1000) / 1000}
+          precision={2}
+          step={0.05}
+          unit="ft"
+          value={Math.round(node.contentPadding[1] * 100) / 100}
         />
       </PanelSection>
 
@@ -336,13 +336,13 @@ export function DoorPanel() {
           <div className="mt-1 flex flex-col gap-1">
             <SliderControl
               label="Height"
-              max={0.1}
-              min={0.005}
+              max={0.5}
+              min={0.02}
               onChange={(v) => handleUpdate({ thresholdHeight: v })}
-              precision={3}
-              step={0.005}
-              unit="m"
-              value={Math.round(node.thresholdHeight * 1000) / 1000}
+              precision={2}
+              step={0.01}
+              unit="ft"
+              value={Math.round(node.thresholdHeight * 100) / 100}
             />
           </div>
         )}
@@ -358,12 +358,12 @@ export function DoorPanel() {
           <div className="mt-1 flex flex-col gap-1">
             <SliderControl
               label="Height"
-              max={node.height - 0.1}
-              min={0.5}
+              max={node.height - 0.5}
+              min={1.5}
               onChange={(v) => handleUpdate({ handleHeight: v })}
               precision={2}
-              step={0.05}
-              unit="m"
+              step={0.1}
+              unit="ft"
               value={Math.round(node.handleHeight * 100) / 100}
             />
             <div className="space-y-1">
@@ -398,12 +398,12 @@ export function DoorPanel() {
           <div className="mt-1 flex flex-col gap-1">
             <SliderControl
               label="Bar Height"
-              max={node.height - 0.1}
-              min={0.5}
+              max={node.height - 0.5}
+              min={1.5}
               onChange={(v) => handleUpdate({ panicBarHeight: v })}
               precision={2}
-              step={0.05}
-              unit="m"
+              step={0.1}
+              unit="ft"
               value={Math.round(node.panicBarHeight * 100) / 100}
             />
           </div>
@@ -478,18 +478,18 @@ export function DoorPanel() {
                   ))}
                   <SliderControl
                     label="Divider"
-                    max={0.1}
-                    min={0.005}
+                    max={0.5}
+                    min={0.02}
                     onChange={(v) => {
                       const updated = node.segments.map((s, idx) =>
                         idx === i ? { ...s, dividerThickness: v } : s,
                       )
                       handleUpdate({ segments: updated })
                     }}
-                    precision={3}
-                    step={0.005}
-                    unit="m"
-                    value={Math.round(seg.dividerThickness * 1000) / 1000}
+                    precision={2}
+                    step={0.02}
+                    unit="ft"
+                    value={Math.round(seg.dividerThickness * 100) / 100}
                   />
                 </div>
               )}
@@ -498,7 +498,7 @@ export function DoorPanel() {
                 <div className="mt-1 border-border/50 border-t pt-1">
                   <SliderControl
                     label="Inset"
-                    max={0.1}
+                    max={0.5}
                     min={0}
                     onChange={(v) => {
                       const updated = node.segments.map((s, idx) =>
@@ -506,14 +506,14 @@ export function DoorPanel() {
                       )
                       handleUpdate({ segments: updated })
                     }}
-                    precision={3}
-                    step={0.005}
-                    unit="m"
-                    value={Math.round(seg.panelInset * 1000) / 1000}
+                    precision={2}
+                    step={0.02}
+                    unit="ft"
+                    value={Math.round(seg.panelInset * 100) / 100}
                   />
                   <SliderControl
                     label="Depth"
-                    max={0.1}
+                    max={0.5}
                     min={0}
                     onChange={(v) => {
                       const updated = node.segments.map((s, idx) =>
@@ -521,10 +521,10 @@ export function DoorPanel() {
                       )
                       handleUpdate({ segments: updated })
                     }}
-                    precision={3}
-                    step={0.005}
-                    unit="m"
-                    value={Math.round(seg.panelDepth * 1000) / 1000}
+                    precision={2}
+                    step={0.02}
+                    unit="ft"
+                    value={Math.round(seg.panelDepth * 100) / 100}
                   />
                 </div>
               )}
diff --git a/packages/editor/src/components/ui/panels/item-panel.tsx b/packages/editor/src/components/ui/panels/item-panel.tsx
index 00b6ed17..358386ed 100644
--- a/packages/editor/src/components/ui/panels/item-panel.tsx
+++ b/packages/editor/src/components/ui/panels/item-panel.tsx
@@ -91,14 +91,14 @@ export function ItemPanel() {
               X<sub className="ml-[1px] text-[11px] opacity-70">pos</sub>
             </>
           }
-          max={node.position[0] + 2}
-          min={node.position[0] - 2}
+          max={200}
+          min={-200}
           onChange={(value) =>
             handleUpdate({ position: [value, node.position[1], node.position[2]] })
           }
           precision={2}
-          step={0.01}
-          unit="m"
+          step={0.1}
+          unit="ft"
           value={Math.round(node.position[0] * 100) / 100}
         />
         <SliderControl
@@ -107,14 +107,14 @@ export function ItemPanel() {
               Y<sub className="ml-[1px] text-[11px] opacity-70">pos</sub>
             </>
           }
-          max={node.position[1] + 2}
-          min={node.position[1] - 2}
+          max={200}
+          min={-200}
           onChange={(value) =>
             handleUpdate({ position: [node.position[0], value, node.position[2]] })
           }
           precision={2}
-          step={0.01}
-          unit="m"
+          step={0.1}
+          unit="ft"
           value={Math.round(node.position[1] * 100) / 100}
         />
         <SliderControl
@@ -123,14 +123,14 @@ export function ItemPanel() {
               Z<sub className="ml-[1px] text-[11px] opacity-70">pos</sub>
             </>
           }
-          max={node.position[2] + 2}
-          min={node.position[2] - 2}
+          max={200}
+          min={-200}
           onChange={(value) =>
             handleUpdate({ position: [node.position[0], node.position[1], value] })
           }
           precision={2}
-          step={0.01}
-          unit="m"
+          step={0.1}
+          unit="ft"
           value={Math.round(node.position[2] * 100) / 100}
         />
       </PanelSection>
@@ -267,7 +267,7 @@ export function ItemPanel() {
             const [w, h, d] = getScaledDimensions(node)
             return (
               <span className="font-mono text-white">
-                {Math.round(w * 100) / 100}×{Math.round(h * 100) / 100}×{Math.round(d * 100) / 100}
+                {Math.round(w * 100) / 100}×{Math.round(h * 100) / 100}×{Math.round(d * 100) / 100} ft
               </span>
             )
           })()}
diff --git a/packages/editor/src/components/ui/panels/roof-panel.tsx b/packages/editor/src/components/ui/panels/roof-panel.tsx
index 38bab922..dcf8658c 100644
--- a/packages/editor/src/components/ui/panels/roof-panel.tsx
+++ b/packages/editor/src/components/ui/panels/roof-panel.tsx
@@ -44,22 +44,22 @@ export function RoofPanel() {
       <PanelSection title="Dimensions">
         <SliderControl
           label="Length"
-          max={20}
-          min={0.5}
+          max={100}
+          min={1}
           onChange={(v) => handleUpdate({ length: v })}
           precision={2}
-          step={0.5}
-          unit="m"
+          step={0.1}
+          unit="ft"
           value={Math.round(node.length * 100) / 100}
         />
         <SliderControl
           label="Height"
-          max={10}
-          min={0.1}
+          max={40}
+          min={0.5}
           onChange={(v) => handleUpdate({ height: v })}
           precision={2}
           step={0.1}
-          unit="m"
+          unit="ft"
           value={Math.round(node.height * 100) / 100}
         />
       </PanelSection>
@@ -67,26 +67,26 @@ export function RoofPanel() {
       <PanelSection title="Slope Widths">
         <div className="flex items-center justify-between px-2 pb-2 font-medium text-[10px] text-muted-foreground/80 uppercase tracking-wider">
           <span>Widths</span>
-          <span>Total: {totalWidth.toFixed(1)}m</span>
+          <span>Total: {totalWidth.toFixed(2)} ft</span>
         </div>
         <SliderControl
           label="Left"
-          max={10}
-          min={0.1}
+          max={80}
+          min={0.5}
           onChange={(v) => handleUpdate({ leftWidth: v })}
           precision={2}
           step={0.1}
-          unit="m"
+          unit="ft"
           value={Math.round(node.leftWidth * 100) / 100}
         />
         <SliderControl
           label="Right"
-          max={10}
-          min={0.1}
+          max={80}
+          min={0.5}
           onChange={(v) => handleUpdate({ rightWidth: v })}
           precision={2}
           step={0.1}
-          unit="m"
+          unit="ft"
           value={Math.round(node.rightWidth * 100) / 100}
         />
       </PanelSection>
@@ -128,8 +128,8 @@ export function RoofPanel() {
               X<sub className="ml-[1px] text-[11px] opacity-70">pos</sub>
             </>
           }
-          max={50}
-          min={-50}
+          max={200}
+          min={-200}
           onChange={(v) => {
             const pos = [...node.position] as [number, number, number]
             pos[0] = v
@@ -137,7 +137,7 @@ export function RoofPanel() {
           }}
           precision={2}
           step={0.1}
-          unit="m"
+          unit="ft"
           value={Math.round(node.position[0] * 100) / 100}
         />
         <SliderControl
@@ -146,8 +146,8 @@ export function RoofPanel() {
               Y<sub className="ml-[1px] text-[11px] opacity-70">pos</sub>
             </>
           }
-          max={50}
-          min={-50}
+          max={200}
+          min={-200}
           onChange={(v) => {
             const pos = [...node.position] as [number, number, number]
             pos[1] = v
@@ -155,7 +155,7 @@ export function RoofPanel() {
           }}
           precision={2}
           step={0.1}
-          unit="m"
+          unit="ft"
           value={Math.round(node.position[1] * 100) / 100}
         />
         <SliderControl
@@ -164,8 +164,8 @@ export function RoofPanel() {
               Z<sub className="ml-[1px] text-[11px] opacity-70">pos</sub>
             </>
           }
-          max={50}
-          min={-50}
+          max={200}
+          min={-200}
           onChange={(v) => {
             const pos = [...node.position] as [number, number, number]
             pos[2] = v
@@ -173,7 +173,7 @@ export function RoofPanel() {
           }}
           precision={2}
           step={0.1}
-          unit="m"
+          unit="ft"
           value={Math.round(node.position[2] * 100) / 100}
         />
       </PanelSection>
diff --git a/packages/editor/src/components/ui/panels/slab-panel.tsx b/packages/editor/src/components/ui/panels/slab-panel.tsx
index 5e3a989a..b34d0d6a 100644
--- a/packages/editor/src/components/ui/panels/slab-panel.tsx
+++ b/packages/editor/src/components/ui/panels/slab-panel.tsx
@@ -10,6 +10,7 @@ import { PanelSection } from '../controls/panel-section'
 import { SliderControl } from '../controls/slider-control'
 import { PanelWrapper } from './panel-wrapper'
 
+
 export function SlabPanel() {
   const selectedIds = useViewer((s) => s.selection.selectedIds)
   const setSelection = useViewer((s) => s.setSelection)
@@ -106,7 +107,7 @@ export function SlabPanel() {
     return Math.abs(area) / 2
   }
 
-  const area = calculateArea(node.polygon)
+  const areaSqFt = calculateArea(node.polygon)
 
   return (
     <PanelWrapper
@@ -118,27 +119,67 @@ export function SlabPanel() {
       <PanelSection title="Elevation">
         <SliderControl
           label="Height"
-          max={1}
-          min={-1}
+          max={4}
+          min={-4}
           onChange={(v) => handleUpdate({ elevation: v })}
-          precision={3}
-          step={0.01}
-          unit="m"
-          value={Math.round(node.elevation * 1000) / 1000}
+          precision={2}
+          step={0.1}
+          unit="ft"
+          value={Math.round(node.elevation * 100) / 100}
         />
 
         <div className="mt-2 grid grid-cols-2 gap-1.5 px-1 pb-1">
-          <ActionButton label="Sunken (-15cm)" onClick={() => handleUpdate({ elevation: -0.15 })} />
-          <ActionButton label="Ground (0m)" onClick={() => handleUpdate({ elevation: 0 })} />
-          <ActionButton label="Raised (+5cm)" onClick={() => handleUpdate({ elevation: 0.05 })} />
-          <ActionButton label="Step (+15cm)" onClick={() => handleUpdate({ elevation: 0.15 })} />
+          <ActionButton label="Sunken (-0.5ft)" onClick={() => handleUpdate({ elevation: -0.5 })} />
+          <ActionButton label="Ground (0)" onClick={() => handleUpdate({ elevation: 0 })} />
+          <ActionButton label="Raised (+0.5ft)" onClick={() => handleUpdate({ elevation: 0.5 })} />
+          <ActionButton label="Step (+1ft)" onClick={() => handleUpdate({ elevation: 1 })} />
         </div>
       </PanelSection>
 
       <PanelSection title="Info">
         <div className="flex items-center justify-between px-2 py-1 text-muted-foreground text-sm">
           <span>Area</span>
-          <span className="font-mono text-white">{area.toFixed(2)} m²</span>
+          <span className="font-mono text-white">{areaSqFt.toFixed(1)} sq ft</span>
+        </div>
+      </PanelSection>
+
+      <PanelSection title="Points">
+        <div className="flex flex-col gap-2">
+          {node.polygon.map((point, i) => (
+            <div className="rounded-lg border border-border/50 p-2" key={i}>
+              <div className="mb-2 font-medium text-muted-foreground text-xs">Point {i + 1}</div>
+              <div className="grid grid-cols-2 gap-1.5">
+                <SliderControl
+                  label="X"
+                  max={400}
+                  min={-400}
+                  onChange={(v) => {
+                    const newPoly = [...node.polygon]
+                    newPoly[i] = [v, point[1]]
+                    handleUpdate({ polygon: newPoly })
+                  }}
+                  precision={2}
+                  step={0.1}
+                  unit="ft"
+                  value={Math.round(point[0] * 100) / 100}
+                />
+                <SliderControl
+                  label="Z"
+                  max={400}
+                  min={-400}
+                  onChange={(v) => {
+                    const newPoly = [...node.polygon]
+                    newPoly[i] = [point[0], v]
+                    handleUpdate({ polygon: newPoly })
+                  }}
+                  precision={2}
+                  step={0.1}
+                  unit="ft"
+                  value={Math.round(point[1] * 100) / 100}
+                />
+              </div>
+            </div>
+          ))}
         </div>
       </PanelSection>
 
@@ -146,7 +187,7 @@ export function SlabPanel() {
         {node.holes && node.holes.length > 0 ? (
           <div className="flex flex-col gap-1 pb-2">
             {node.holes.map((hole, index) => {
-              const holeArea = calculateArea(hole)
+              const holeSqFt = calculateArea(hole)
               const isEditing =
                 editingHole?.nodeId === selectedId && editingHole?.holeIndex === index
               return (
@@ -165,7 +206,7 @@ export function SlabPanel() {
                       Hole {index + 1} {isEditing && '(Editing)'}
                     </p>
                     <p className="text-[10px] text-muted-foreground">
-                      {holeArea.toFixed(2)} m² · {hole.length} pts
+                      {holeSqFt.toFixed(1)} sq ft · {hole.length} pts
                     </p>
                   </div>
                   <div className="flex items-center gap-1">
@@ -180,6 +221,7 @@ export function SlabPanel() {
                         <button
                           className="flex h-7 w-7 items-center justify-center rounded-md bg-[#2C2C2E] text-muted-foreground hover:bg-[#3e3e3e] hover:text-foreground"
                           onClick={() => handleEditHole(index)}
+                          title="Edit Hole"
                           type="button"
                         >
                           <Edit className="h-3.5 w-3.5" />
@@ -187,6 +229,7 @@ export function SlabPanel() {
                         <button
                           className="flex h-7 w-7 items-center justify-center rounded-md bg-red-500/10 text-red-400 hover:bg-red-500/20 hover:text-red-300"
                           onClick={() => handleDeleteHole(index)}
+                          title="Delete Hole"
                           type="button"
                         >
                           <Trash2 className="h-3.5 w-3.5" />
diff --git a/packages/editor/src/components/ui/panels/wall-panel.tsx b/packages/editor/src/components/ui/panels/wall-panel.tsx
index aa210617..0574b7a7 100644
--- a/packages/editor/src/components/ui/panels/wall-panel.tsx
+++ b/packages/editor/src/components/ui/panels/wall-panel.tsx
@@ -35,43 +35,101 @@ export function WallPanel() {
   const dz = node.end[1] - node.start[1]
   const length = Math.sqrt(dx * dx + dz * dz)
 
-  const height = node.height ?? 2.5
-  const thickness = node.thickness ?? 0.1
+  const height = node.height ?? 10
+  const thickness = node.thickness ?? 0.5
 
   return (
     <PanelWrapper
       icon="/icons/wall.png"
       onClose={handleClose}
       title={node.name || 'Wall'}
-      width={280}
+      width={320}
     >
       <PanelSection title="Dimensions">
+        <SliderControl
+          label="Length"
+          max={200}
+          min={0.5}
+          onChange={(v) => {
+            const dx = node.end[0] - node.start[0]
+            const dz = node.end[1] - node.start[1]
+            let angle = Math.atan2(dz, dx)
+            if (dx === 0 && dz === 0) angle = 0
+            const newEnd = [
+              node.start[0] + Math.cos(angle) * v,
+              node.start[1] + Math.sin(angle) * v,
+            ]
+            handleUpdate({ end: newEnd as [number, number] })
+          }}
+          precision={2}
+          step={0.1}
+          unit="ft"
+          value={Math.round(length * 100) / 100}
+        />
         <SliderControl
           label="Height"
-          max={6}
-          min={0.1}
-          onChange={(v) => handleUpdate({ height: Math.max(0.1, v) })}
+          max={40}
+          min={1}
+          onChange={(v) => handleUpdate({ height: Math.max(1, v) })}
           precision={2}
           step={0.1}
-          unit="m"
+          unit="ft"
           value={Math.round(height * 100) / 100}
         />
         <SliderControl
           label="Thickness"
-          max={1}
-          min={0.05}
-          onChange={(v) => handleUpdate({ thickness: Math.max(0.05, v) })}
-          precision={3}
-          step={0.01}
-          unit="m"
-          value={Math.round(thickness * 1000) / 1000}
+          max={4}
+          min={0.1}
+          onChange={(v) => handleUpdate({ thickness: Math.max(0.1, v) })}
+          precision={2}
+          step={0.05}
+          unit="ft"
+          value={Math.round(thickness * 100) / 100}
         />
       </PanelSection>
 
-      <PanelSection title="Info">
-        <div className="flex items-center justify-between px-2 py-1 text-muted-foreground text-sm">
-          <span>Length</span>
-          <span className="font-mono text-white">{length.toFixed(2)} m</span>
+      <PanelSection title="Position">
+        <div className="grid grid-cols-2 gap-1.5">
+          <SliderControl
+            label="Start X"
+            max={400}
+            min={-400}
+            onChange={(v) => handleUpdate({ start: [v, node.start[1]] })}
+            precision={2}
+            step={0.1}
+            unit="ft"
+            value={Math.round(node.start[0] * 100) / 100}
+          />
+          <SliderControl
+            label="Start Z"
+            max={400}
+            min={-400}
+            onChange={(v) => handleUpdate({ start: [node.start[0], v] })}
+            precision={2}
+            step={0.1}
+            unit="ft"
+            value={Math.round(node.start[1] * 100) / 100}
+          />
+          <SliderControl
+            label="End X"
+            max={400}
+            min={-400}
+            onChange={(v) => handleUpdate({ end: [v, node.end[1]] })}
+            precision={2}
+            step={0.1}
+            unit="ft"
+            value={Math.round(node.end[0] * 100) / 100}
+          />
+          <SliderControl
+            label="End Z"
+            max={400}
+            min={-400}
+            onChange={(v) => handleUpdate({ end: [node.end[0], v] })}
+            precision={2}
+            step={0.1}
+            unit="ft"
+            value={Math.round(node.end[1] * 100) / 100}
+          />
         </div>
       </PanelSection>
     </PanelWrapper>
diff --git a/packages/editor/src/components/ui/panels/window-panel.tsx b/packages/editor/src/components/ui/panels/window-panel.tsx
index 5df96024..81a3334d 100644
--- a/packages/editor/src/components/ui/panels/window-panel.tsx
+++ b/packages/editor/src/components/ui/panels/window-panel.tsx
@@ -209,12 +209,12 @@ export function WindowPanel() {
               X<sub className="ml-[1px] text-[11px] opacity-70">pos</sub>
             </>
           }
-          max={10}
-          min={-10}
+          max={200}
+          min={-200}
           onChange={(v) => handleUpdate({ position: [v, node.position[1], node.position[2]] })}
           precision={2}
           step={0.1}
-          unit="m"
+          unit="ft"
           value={Math.round(node.position[0] * 100) / 100}
         />
         <SliderControl
@@ -223,12 +223,12 @@ export function WindowPanel() {
               Y<sub className="ml-[1px] text-[11px] opacity-70">pos</sub>
             </>
           }
-          max={10}
-          min={-10}
+          max={200}
+          min={-200}
           onChange={(v) => handleUpdate({ position: [node.position[0], v, node.position[2]] })}
           precision={2}
           step={0.1}
-          unit="m"
+          unit="ft"
           value={Math.round(node.position[1] * 100) / 100}
         />
         <div className="px-1 pt-2 pb-1">
@@ -244,22 +244,22 @@ export function WindowPanel() {
       <PanelSection title="Dimensions">
         <SliderControl
           label="Width"
-          max={5}
-          min={0.2}
+          max={20}
+          min={0.5}
           onChange={(v) => handleUpdate({ width: v })}
           precision={2}
           step={0.1}
-          unit="m"
+          unit="ft"
           value={Math.round(node.width * 100) / 100}
         />
         <SliderControl
           label="Height"
-          max={5}
-          min={0.2}
+          max={20}
+          min={0.5}
           onChange={(v) => handleUpdate({ height: v })}
           precision={2}
           step={0.1}
-          unit="m"
+          unit="ft"
           value={Math.round(node.height * 100) / 100}
         />
       </PanelSection>
@@ -267,23 +267,23 @@ export function WindowPanel() {
       <PanelSection title="Frame">
         <SliderControl
           label="Thickness"
-          max={0.2}
-          min={0.01}
+          max={1}
+          min={0.05}
           onChange={(v) => handleUpdate({ frameThickness: v })}
-          precision={3}
-          step={0.01}
-          unit="m"
-          value={Math.round(node.frameThickness * 1000) / 1000}
+          precision={2}
+          step={0.05}
+          unit="ft"
+          value={Math.round(node.frameThickness * 100) / 100}
         />
         <SliderControl
           label="Depth"
-          max={0.3}
-          min={0.01}
+          max={1}
+          min={0.05}
           onChange={(v) => handleUpdate({ frameDepth: v })}
-          precision={3}
-          step={0.01}
-          unit="m"
-          value={Math.round(node.frameDepth * 1000) / 1000}
+          precision={2}
+          step={0.05}
+          unit="ft"
+          value={Math.round(node.frameDepth * 100) / 100}
         />
       </PanelSection>
 
@@ -334,13 +334,13 @@ export function WindowPanel() {
             <div className="mt-1 border-border/50 border-t pt-1">
               <SliderControl
                 label="Divider"
-                max={0.1}
-                min={0.005}
+                max={0.5}
+                min={0.02}
                 onChange={(v) => handleUpdate({ columnDividerThickness: v })}
-                precision={3}
+                precision={2}
                 step={0.01}
-                unit="m"
-                value={Math.round((node.columnDividerThickness ?? 0.03) * 1000) / 1000}
+                unit="ft"
+                value={Math.round((node.columnDividerThickness ?? 0.1) * 100) / 100}
               />
             </div>
           </div>
@@ -367,13 +367,13 @@ export function WindowPanel() {
             <div className="mt-1 border-border/50 border-t pt-1">
               <SliderControl
                 label="Divider"
-                max={0.1}
-                min={0.005}
+                max={0.5}
+                min={0.02}
                 onChange={(v) => handleUpdate({ rowDividerThickness: v })}
-                precision={3}
+                precision={2}
                 step={0.01}
-                unit="m"
-                value={Math.round((node.rowDividerThickness ?? 0.03) * 1000) / 1000}
+                unit="ft"
+                value={Math.round((node.rowDividerThickness ?? 0.1) * 100) / 100}
               />
             </div>
           </div>
@@ -390,23 +390,23 @@ export function WindowPanel() {
           <div className="mt-1 flex flex-col gap-1">
             <SliderControl
               label="Depth"
-              max={0.5}
-              min={0.01}
+              max={2}
+              min={0.05}
               onChange={(v) => handleUpdate({ sillDepth: v })}
-              precision={3}
-              step={0.01}
-              unit="m"
-              value={Math.round(node.sillDepth * 1000) / 1000}
+              precision={2}
+              step={0.05}
+              unit="ft"
+              value={Math.round(node.sillDepth * 100) / 100}
             />
             <SliderControl
               label="Thickness"
-              max={0.2}
-              min={0.005}
+              max={1}
+              min={0.05}
               onChange={(v) => handleUpdate({ sillThickness: v })}
-              precision={3}
-              step={0.01}
-              unit="m"
-              value={Math.round(node.sillThickness * 1000) / 1000}
+              precision={2}
+              step={0.05}
+              unit="ft"
+              value={Math.round(node.sillThickness * 100) / 100}
             />
           </div>
         )}
diff --git a/packages/editor/src/hooks/use-keyboard.ts b/packages/editor/src/hooks/use-keyboard.ts
index b558331c..685c45db 100644
--- a/packages/editor/src/hooks/use-keyboard.ts
+++ b/packages/editor/src/hooks/use-keyboard.ts
@@ -87,7 +87,7 @@ export const useKeyboard = () => {
             }
           }
         }
-      } else if (e.key === 'Delete' || e.key === 'Backspace') {
+      } else if (e.key === 'Delete') {
         e.preventDefault()
 
         const selectedNodeIds = useViewer.getState().selection.selectedIds as AnyNodeId[]
