From e6405fb3de28880b2c9ef50dc5c28aff8aa019a9 Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Mon, 6 Apr 2026 09:16:05 +0200
Subject: [PATCH] Reorganize Volume Rendering Paths section in App.tsx

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

diff --git a/src/app/App.tsx b/src/app/App.tsx
index 1f9427f1..0eb993ce 100644
--- a/src/app/App.tsx
+++ b/src/app/App.tsx
@@ -5708,44 +5708,6 @@ export function App({ store, initialStatusMessage }: AppProps) {
                 />
               </label>
 
-              <div className="form-section">
-                <div className="label">Volume Rendering Paths</div>
-                <div className="material-summary">
-                  {advancedRendering.enabled
-                    ? "Uses the authored path below."
-                    : "Advanced Rendering is off — both paths force to Performance."}
-                </div>
-                <div className="vector-inputs vector-inputs--two">
-                  <label className="form-field">
-                    <span className="label">Fog</span>
-                    <select
-                      className="select-input"
-                      value={advancedRendering.fogPath}
-                      onChange={(event) => applyAdvancedRenderingFogPath(event.currentTarget.value as BoxVolumeRenderPath)}
-                    >
-                      {BOX_VOLUME_RENDER_PATHS.map((path) => (
-                        <option key={path} value={path}>
-                          {formatBoxVolumeRenderPathLabel(path)}
-                        </option>
-                      ))}
-                    </select>
-                  </label>
-                  <label className="form-field">
-                    <span className="label">Water</span>
-                    <select
-                      className="select-input"
-                      value={advancedRendering.waterPath}
-                      onChange={(event) => applyAdvancedRenderingWaterPath(event.currentTarget.value as BoxVolumeRenderPath)}
-                    >
-                      {BOX_VOLUME_RENDER_PATHS.map((path) => (
-                        <option key={path} value={path}>
-                          {formatBoxVolumeRenderPathLabel(path)}
-                        </option>
-                      ))}
-                    </select>
-                  </label>
-                </div>
-              </div>
 
               {!advancedRendering.enabled ? null : (
                 <>
@@ -6020,6 +5982,40 @@ export function App({ store, initialStatusMessage }: AppProps) {
                       />
                     </label>
                   </div>
+
+                  <div className="form-section">
+                    <div className="label">Volume Rendering Paths</div>
+                    <div className="vector-inputs vector-inputs--two">
+                      <label className="form-field">
+                        <span className="label">Fog</span>
+                        <select
+                          className="select-input"
+                          value={advancedRendering.fogPath}
+                          onChange={(event) => applyAdvancedRenderingFogPath(event.currentTarget.value as BoxVolumeRenderPath)}
+                        >
+                          {BOX_VOLUME_RENDER_PATHS.map((path) => (
+                            <option key={path} value={path}>
+                              {formatBoxVolumeRenderPathLabel(path)}
+                            </option>
+                          ))}
+                        </select>
+                      </label>
+                      <label className="form-field">
+                        <span className="label">Water</span>
+                        <select
+                          className="select-input"
+                          value={advancedRendering.waterPath}
+                          onChange={(event) => applyAdvancedRenderingWaterPath(event.currentTarget.value as BoxVolumeRenderPath)}
+                        >
+                          {BOX_VOLUME_RENDER_PATHS.map((path) => (
+                            <option key={path} value={path}>
+                              {formatBoxVolumeRenderPathLabel(path)}
+                            </option>
+                          ))}
+                        </select>
+                      </label>
+                    </div>
+                  </div>
                 </>
               )}
             </div>