From 2128ee27d39a00655066cf279f0039a5133a16e5 Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Tue, 12 May 2026 23:35:19 +0200
Subject: [PATCH] Feature: Add controls for path-to-terrain interaction (Glue
 to Terrain and Terrain Offset)

---
 src/app/App.tsx | 39 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)

diff --git a/src/app/App.tsx b/src/app/App.tsx
index 29dee952..adfb1a26 100644
--- a/src/app/App.tsx
+++ b/src/app/App.tsx
@@ -21925,6 +21925,45 @@ export function App({
                     </div>
                   </div>
 
+                  <div className="form-section">
+                    <div className="label">Terrain</div>
+                    <label className="form-field form-field--toggle">
+                      <span className="label">Glue to Terrain</span>
+                      <input
+                        data-testid="path-glue-to-terrain"
+                        type="checkbox"
+                        checked={selectedPath.glueToTerrain}
+                        onChange={(event) =>
+                          handlePathGlueToTerrainChange(
+                            event.currentTarget.checked
+                          )
+                        }
+                      />
+                    </label>
+                    <label className="form-field">
+                      <span className="label">Terrain Offset</span>
+                      <input
+                        className="text-input"
+                        data-testid="path-terrain-offset"
+                        type="number"
+                        step={0.05}
+                        value={selectedPath.terrainOffset}
+                        disabled={!selectedPath.glueToTerrain}
+                        onChange={(event) =>
+                          handlePathTerrainOffsetChange(
+                            Number(event.currentTarget.value)
+                          )
+                        }
+                      />
+                    </label>
+                    <div className="material-summary">
+                      Glued paths keep authored control point X/Z, but resolved
+                      runtime and viewport samples follow the highest enabled
+                      terrain below them. Authored Y is used where no terrain is
+                      found.
+                    </div>
+                  </div>
+
                   <div className="form-section">
                     <div className="label">Points</div>
                     <div className="material-summary">