From aa624d77ec814cfab205f99b97843dd6b3a61e36 Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Tue, 28 Apr 2026 14:01:35 +0200
Subject: [PATCH] Feature: Add Source Size input and refactor advanced
 rendering parameters layout

---
 src/app/App.tsx | 109 +++++++++++++++++++++++++++++++++---------------
 1 file changed, 75 insertions(+), 34 deletions(-)

diff --git a/src/app/App.tsx b/src/app/App.tsx
index 3f1c3991..47fa5e9e 100644
--- a/src/app/App.tsx
+++ b/src/app/App.tsx
@@ -18893,40 +18893,81 @@ export function App({ store, initialStatusMessage }: AppProps) {
                               />
                             </label>
                           </div>
-                          <label className="form-field">
-                            <span className="label">Samples</span>
-                            <input
-                              className="text-input"
-                              type="number"
-                              min="1"
-                              step="1"
-                              value={advancedRenderingGodRaysSamplesDraft}
-                              onChange={(event) =>
-                                setAdvancedRenderingGodRaysSamplesDraft(
-                                  event.currentTarget.value
-                                )
-                              }
-                              onBlur={applyAdvancedRenderingGodRaysSamples}
-                              onKeyDown={(event) =>
-                                handleDraftVectorKeyDown(
-                                  event,
-                                  applyAdvancedRenderingGodRaysSamples
-                                )
-                              }
-                              onKeyUp={(event) =>
-                                handleNumberInputKeyUp(
-                                  event,
-                                  applyAdvancedRenderingGodRaysSamples
-                                )
-                              }
-                              onPointerUp={(event) =>
-                                handleNumberInputPointerUp(
-                                  event,
-                                  applyAdvancedRenderingGodRaysSamples
-                                )
-                              }
-                            />
-                          </label>
+                          <div className="vector-inputs vector-inputs--two">
+                            <label className="form-field">
+                              <span className="label">Source Size</span>
+                              <input
+                                className="text-input"
+                                type="number"
+                                min="0.25"
+                                max="3"
+                                step="0.05"
+                                value={
+                                  advancedRenderingGodRaysSourceSizeDraft
+                                }
+                                onChange={(event) =>
+                                  setAdvancedRenderingGodRaysSourceSizeDraft(
+                                    event.currentTarget.value
+                                  )
+                                }
+                                onBlur={
+                                  applyAdvancedRenderingGodRaysSourceSize
+                                }
+                                onKeyDown={(event) =>
+                                  handleDraftVectorKeyDown(
+                                    event,
+                                    applyAdvancedRenderingGodRaysSourceSize
+                                  )
+                                }
+                                onKeyUp={(event) =>
+                                  handleNumberInputKeyUp(
+                                    event,
+                                    applyAdvancedRenderingGodRaysSourceSize
+                                  )
+                                }
+                                onPointerUp={(event) =>
+                                  handleNumberInputPointerUp(
+                                    event,
+                                    applyAdvancedRenderingGodRaysSourceSize
+                                  )
+                                }
+                              />
+                            </label>
+                            <label className="form-field">
+                              <span className="label">Samples</span>
+                              <input
+                                className="text-input"
+                                type="number"
+                                min="1"
+                                step="1"
+                                value={advancedRenderingGodRaysSamplesDraft}
+                                onChange={(event) =>
+                                  setAdvancedRenderingGodRaysSamplesDraft(
+                                    event.currentTarget.value
+                                  )
+                                }
+                                onBlur={applyAdvancedRenderingGodRaysSamples}
+                                onKeyDown={(event) =>
+                                  handleDraftVectorKeyDown(
+                                    event,
+                                    applyAdvancedRenderingGodRaysSamples
+                                  )
+                                }
+                                onKeyUp={(event) =>
+                                  handleNumberInputKeyUp(
+                                    event,
+                                    applyAdvancedRenderingGodRaysSamples
+                                  )
+                                }
+                                onPointerUp={(event) =>
+                                  handleNumberInputPointerUp(
+                                    event,
+                                    applyAdvancedRenderingGodRaysSamples
+                                  )
+                                }
+                              />
+                            </label>
+                          </div>
                         </div>
 
                         <div className="form-section">