From 5a522c4b0c6ad2dddff5690ed7b479e9c8fcccf8 Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Tue, 31 Mar 2026 23:15:56 +0200
Subject: [PATCH] Add Environment Intensity input for image background mode

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

diff --git a/src/app/App.tsx b/src/app/App.tsx
index 5b056857..bdaaee52 100644
--- a/src/app/App.tsx
+++ b/src/app/App.tsx
@@ -3159,6 +3159,28 @@ export function App({ store, initialStatusMessage }: AppProps) {
               </div>
             </div>
 
+            {editorState.document.world.background.mode === "image" && (
+              <div className="form-section">
+                <div className="label">Environment Intensity</div>
+                <label className="form-field">
+                  <span className="label">Intensity</span>
+                  <input
+                    data-testid="world-background-environment-intensity"
+                    className="text-input"
+                    type="number"
+                    min="0"
+                    step="0.1"
+                    value={backgroundEnvironmentIntensityDraft}
+                    onChange={(event) => setBackgroundEnvironmentIntensityDraft(event.currentTarget.value)}
+                    onBlur={applyBackgroundEnvironmentIntensity}
+                    onKeyDown={(event) => handleDraftVectorKeyDown(event, applyBackgroundEnvironmentIntensity)}
+                    onKeyUp={(event) => handleNumberInputKeyUp(event, applyBackgroundEnvironmentIntensity)}
+                    onPointerUp={(event) => handleNumberInputPointerUp(event, applyBackgroundEnvironmentIntensity)}
+                  />
+                </label>
+              </div>
+            )}
+
             {editorState.document.world.background.mode !== "image" && (
               <div className="form-section">
                 <div className="label">Background Colors</div>