From f96cd18ecc9aabfabb20f7d05e0a3ccd8a6f6332 Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Wed, 13 May 2026 14:11:23 +0200
Subject: [PATCH] Implement directional control for terrain resizing (X and Z
 axes)

---
 src/app/App.tsx | 45 +++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 43 insertions(+), 2 deletions(-)

diff --git a/src/app/App.tsx b/src/app/App.tsx
index 7b44f934..128cbdeb 100644
--- a/src/app/App.tsx
+++ b/src/app/App.tsx
@@ -4895,6 +4895,8 @@ export function App({
       setTerrainSampleCountXDraft("9");
       setTerrainSampleCountZDraft("9");
       setTerrainCellSizeDraft("1");
+      setTerrainResizeDirectionXDraft(DEFAULT_TERRAIN_GRID_RESIZE_DIRECTION_X);
+      setTerrainResizeDirectionZDraft(DEFAULT_TERRAIN_GRID_RESIZE_DIRECTION_Z);
       return;
     }
 
@@ -10306,7 +10308,9 @@ export function App({
       const nextTerrain = resizeTerrainGrid(selectedTerrain, {
         sampleCountX: Number(terrainSampleCountXDraft),
         sampleCountZ: Number(terrainSampleCountZDraft),
-        cellSize: Number(terrainCellSizeDraft)
+        cellSize: Number(terrainCellSizeDraft),
+        resizeDirectionX: terrainResizeDirectionXDraft,
+        resizeDirectionZ: terrainResizeDirectionZDraft
       });
       const terrainLabel = getTerrainLabelById(selectedTerrain.id, terrainList);
 
@@ -21261,7 +21265,8 @@ export function App({
                     <div className="label">Grid Settings</div>
                     <div className="material-summary">
                       Cell Size changes resolution while preserving footprint.
-                      Samples X/Z extend or crop terrain size.
+                      Samples X/Z extend or crop terrain size toward the chosen
+                      cardinal edge.
                     </div>
                     <div className="vector-inputs">
                       <label className="form-field">
@@ -21368,6 +21373,42 @@ export function App({
                         />
                       </label>
                     </div>
+                    <div className="vector-inputs">
+                      <label className="form-field">
+                        <span className="label">Resize X</span>
+                        <select
+                          data-testid="terrain-grid-resize-direction-x"
+                          className="text-input"
+                          value={terrainResizeDirectionXDraft}
+                          onChange={(event) =>
+                            setTerrainResizeDirectionXDraft(
+                              event.currentTarget
+                                .value as TerrainGridResizeDirectionX
+                            )
+                          }
+                        >
+                          <option value="east">East</option>
+                          <option value="west">West</option>
+                        </select>
+                      </label>
+                      <label className="form-field">
+                        <span className="label">Resize Z</span>
+                        <select
+                          data-testid="terrain-grid-resize-direction-z"
+                          className="text-input"
+                          value={terrainResizeDirectionZDraft}
+                          onChange={(event) =>
+                            setTerrainResizeDirectionZDraft(
+                              event.currentTarget
+                                .value as TerrainGridResizeDirectionZ
+                            )
+                          }
+                        >
+                          <option value="north">North</option>
+                          <option value="south">South</option>
+                        </select>
+                      </label>
+                    </div>
                     <button
                       className="viewport-panel__button"
                       type="button"