small size update with tons of rendering modes, palettes and keybindings

src/components/TopBar.tsx

@@ -26,6 +26,16 @@ function getValueModeLabel(mode: string): string {
     noise: 'Noise (perlin-like)',
     warp: 'Warp (space deformation)',
     flow: 'Flow (fluid dynamics)',
+    spiral: 'Spiral (logarithmic)',
+    turbulence: 'Turbulence (chaos)',
+    crystal: 'Crystal (lattice)',
+    marble: 'Marble (veining)',
+    quantum: 'Quantum (uncertainty)',
+    logarithmic: 'Logarithmic (scaling)',
+    mirror: 'Mirror (symmetrical)',
+    rings: 'Rings (interference)',
+    mesh: 'Mesh (grid rotation)',
+    glitch: 'Glitch (corruption)',
   };
   return labels[mode] || mode;
 }
@@ -208,9 +218,35 @@ export function TopBar() {
               <option value="copper">Copper</option>
               <option value="dithered">Dithered</option>
               <option value="palette">Palette</option>
+              <option value="vintage">Vintage</option>
+              <option value="infrared">Infrared</option>
+              <option value="fire">Fire</option>
+              <option value="ice">Ice</option>
+              <option value="plasma">Plasma</option>
+              <option value="xray">X-Ray</option>
+              <option value="spectrum">Spectrum</option>
             </select>
           </label>
 
+          <label
+            style={{ color: '#ccc', fontSize: '12px', marginRight: '10px' }}
+          >
+            Hue Shift:
+            <input
+              type="range"
+              min="0"
+              max="360"
+              value={settings.hueShift ?? 0}
+              onChange={(e) =>
+                updateAppSettings({ hueShift: parseInt(e.target.value) })
+              }
+              style={{ width: '80px', verticalAlign: 'middle' }}
+            />
+            <span style={{ fontSize: '11px' }}>
+              {settings.hueShift ?? 0}°
+            </span>
+          </label>
+
           <label
             style={{ color: '#ccc', fontSize: '12px', marginRight: '10px' }}
           >