shaders 2.3.67 → 2.3.69

package/dist/registry.js

@@ -19,7 +19,10 @@ export const shaderRegistry = [
           "default": 20,
           "description": "Intensity of the angular blur effect",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 100,
             "step": 1,
@@ -44,7 +47,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -193,7 +199,10 @@ export const shaderRegistry = [
           "default": 1,
           "description": "Character size within each cell (1.0 = optimal size, 0.0 = smallest)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.05,
@@ -205,7 +214,10 @@ export const shaderRegistry = [
           "default": 1,
           "description": "Brightness curve adjustment. <1 brightens darks (more light characters), >1 darkens midtones (more dark characters). Use to better fit characters to image brightness range.",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0.25,
             "max": 3,
             "step": 0.05,
@@ -347,7 +359,10 @@ export const shaderRegistry = [
       },
       "spacing": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.05,
@@ -359,7 +374,10 @@ export const shaderRegistry = [
       },
       "gamma": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0.25,
           "max": 3,
           "step": 0.05,
@@ -469,7 +487,10 @@ export const shaderRegistry = [
           "default": 50,
           "description": "Shifts color distribution across the curtain height",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 100,
             "step": 1,
@@ -481,7 +502,10 @@ export const shaderRegistry = [
           "default": 80,
           "description": "Overall aurora brightness",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 100,
             "step": 1,
@@ -517,7 +541,10 @@ export const shaderRegistry = [
           "default": 50,
           "description": "How much the curtains undulate",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 200,
             "step": 1,
@@ -529,7 +556,10 @@ export const shaderRegistry = [
           "default": 20,
           "description": "Density of vertical ray structures",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 100,
             "step": 1,
@@ -541,7 +571,10 @@ export const shaderRegistry = [
           "default": 120,
           "description": "How tall the aurora extends",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 10,
             "max": 200,
             "step": 1,
@@ -552,7 +585,7 @@ export const shaderRegistry = [
         "center": {
           "default": {
             "x": 0.5,
-            "y": 0.5
+            "y": 0
           },
           "description": "Center position of the aurora",
           "ui": {
@@ -565,7 +598,10 @@ export const shaderRegistry = [
           "default": 0,
           "description": "Random seed for variation",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 100,
             "step": 1,
@@ -640,7 +676,10 @@ export const shaderRegistry = [
       },
       "balance": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -652,7 +691,10 @@ export const shaderRegistry = [
       },
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -688,7 +730,10 @@ export const shaderRegistry = [
       },
       "waviness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 200,
           "step": 1,
@@ -700,7 +745,10 @@ export const shaderRegistry = [
       },
       "rayDensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -712,7 +760,10 @@ export const shaderRegistry = [
       },
       "height": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 10,
           "max": 200,
           "step": 1,
@@ -730,13 +781,16 @@ export const shaderRegistry = [
         },
         "default": {
           "x": 0.5,
-          "y": 0.5
+          "y": 0
         },
         "description": "Center position of the aurora"
       },
       "seed": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -786,7 +840,10 @@ export const shaderRegistry = [
           "default": 0.2,
           "description": "Thickness at the start of the beam",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 2,
             "step": 0.1,
@@ -798,7 +855,10 @@ export const shaderRegistry = [
           "default": 0.2,
           "description": "Thickness at the end of the beam",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 2,
             "step": 0.1,
@@ -810,7 +870,10 @@ export const shaderRegistry = [
           "default": 0.5,
           "description": "Edge softness at the start of the beam",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 50,
             "step": 0.1,
@@ -822,7 +885,10 @@ export const shaderRegistry = [
           "default": 0.5,
           "description": "Edge softness at the end of the beam",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 20,
             "step": 0.1,
@@ -913,7 +979,10 @@ export const shaderRegistry = [
       },
       "startThickness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 2,
           "step": 0.1,
@@ -925,7 +994,10 @@ export const shaderRegistry = [
       },
       "endThickness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 2,
           "step": 0.1,
@@ -937,7 +1009,10 @@ export const shaderRegistry = [
       },
       "startSoftness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 50,
           "step": 0.1,
@@ -949,7 +1024,10 @@ export const shaderRegistry = [
       },
       "endSoftness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 20,
           "step": 0.1,
@@ -1070,7 +1148,10 @@ export const shaderRegistry = [
           "default": 0.5,
           "description": "Softness of the blob edges (combines edge width and transition curve)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.1,
@@ -1082,7 +1163,10 @@ export const shaderRegistry = [
           "default": 0.5,
           "description": "Intensity of specular highlight effect",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.1,
@@ -1139,7 +1223,10 @@ export const shaderRegistry = [
           "default": 0.5,
           "description": "Animation speed",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 2,
             "step": 0.1,
@@ -1254,7 +1341,10 @@ export const shaderRegistry = [
       },
       "softness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -1266,7 +1356,10 @@ export const shaderRegistry = [
       },
       "highlightIntensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -1323,7 +1416,10 @@ export const shaderRegistry = [
       },
       "speed": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 2,
           "step": 0.1,
@@ -1411,7 +1507,10 @@ export const shaderRegistry = [
           "default": 50,
           "description": "Intensity of the blur effect",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 100,
             "step": 1,
@@ -1424,7 +1523,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -1452,7 +1554,10 @@ export const shaderRegistry = [
           "default": 0,
           "description": "Brightness adjustment (-1 to 1)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": -1,
             "max": 1,
             "step": 0.05,
@@ -1464,7 +1569,10 @@ export const shaderRegistry = [
           "default": 0,
           "description": "Contrast adjustment (-1 to 1)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": -1,
             "max": 1,
             "step": 0.05,
@@ -1477,7 +1585,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "brightness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": -1,
           "max": 1,
           "step": 0.05,
@@ -1489,7 +1600,10 @@ export const shaderRegistry = [
       },
       "contrast": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": -1,
           "max": 1,
           "step": 0.05,
@@ -1530,7 +1644,10 @@ export const shaderRegistry = [
           "default": 1,
           "description": "The intensity of the bulge effect (positive = bulge out, negative = pinch in)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": -1,
             "max": 1,
             "step": 0.05,
@@ -1542,7 +1659,10 @@ export const shaderRegistry = [
           "default": 1,
           "description": "The radius of the bulge effect area",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 5,
             "step": 0.1,
@@ -1554,7 +1674,10 @@ export const shaderRegistry = [
           "default": 0.5,
           "description": "Controls the smoothness of the transition (0 = hard edge, 1 = very smooth)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.05,
@@ -1607,7 +1730,10 @@ export const shaderRegistry = [
       },
       "strength": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": -1,
           "max": 1,
           "step": 0.05,
@@ -1619,7 +1745,10 @@ export const shaderRegistry = [
       },
       "radius": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 5,
           "step": 0.1,
@@ -1631,7 +1760,10 @@ export const shaderRegistry = [
       },
       "falloff": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.05,
@@ -1687,7 +1819,10 @@ export const shaderRegistry = [
           "default": 0,
           "description": "Blur intensity for red channel",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 100,
             "step": 1,
@@ -1699,7 +1834,10 @@ export const shaderRegistry = [
           "default": 20,
           "description": "Blur intensity for green channel",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 100,
             "step": 1,
@@ -1711,7 +1849,10 @@ export const shaderRegistry = [
           "default": 40,
           "description": "Blur intensity for blue channel",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 100,
             "step": 1,
@@ -1724,7 +1865,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "redIntensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -1736,7 +1880,10 @@ export const shaderRegistry = [
       },
       "greenIntensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -1748,7 +1895,10 @@ export const shaderRegistry = [
       },
       "blueIntensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -1792,7 +1942,10 @@ export const shaderRegistry = [
           "default": 8,
           "description": "Number of cells along the shortest canvas edge (creates square cells)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 1,
             "max": 50,
             "step": 1,
@@ -1804,7 +1957,10 @@ export const shaderRegistry = [
           "default": 0,
           "description": "Smoothness of the transition between colors (0 = hard edges, 1 = very soft)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.1,
@@ -1871,7 +2027,10 @@ export const shaderRegistry = [
       },
       "cells": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 1,
           "max": 50,
           "step": 1,
@@ -1883,7 +2042,10 @@ export const shaderRegistry = [
       },
       "softness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -1998,12 +2160,12 @@ export const shaderRegistry = [
           }
         },
         "radius": {
-          "default": 1.5,
+          "default": 3,
           "description": "Radius of the liquid effect",
           "ui": {
             "type": "range",
             "min": 0,
-            "max": 3,
+            "max": 5,
             "step": 0.1,
             "label": "Radius",
             "group": "Effect"
@@ -2085,12 +2247,12 @@ export const shaderRegistry = [
         "ui": {
           "type": "range",
           "min": 0,
-          "max": 3,
+          "max": 5,
           "step": 0.1,
           "label": "Radius",
           "group": "Effect"
         },
-        "default": 1.5,
+        "default": 3,
         "description": "Radius of the liquid effect"
       },
       "momentum": {
@@ -2124,7 +2286,10 @@ export const shaderRegistry = [
           "default": 0.2,
           "description": "Overall strength of the chromatic aberration effect",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.05,
@@ -2136,7 +2301,10 @@ export const shaderRegistry = [
           "default": 0,
           "description": "Direction of the chromatic aberration in degrees",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 360,
             "step": 1,
@@ -2148,7 +2316,10 @@ export const shaderRegistry = [
           "default": -1,
           "description": "Red channel offset multiplier",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": -2,
             "max": 2,
             "step": 0.1,
@@ -2160,7 +2331,10 @@ export const shaderRegistry = [
           "default": 0,
           "description": "Green channel offset multiplier",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": -2,
             "max": 2,
             "step": 0.1,
@@ -2172,7 +2346,10 @@ export const shaderRegistry = [
           "default": 1,
           "description": "Blue channel offset multiplier",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": -2,
             "max": 2,
             "step": 0.1,
@@ -2185,7 +2362,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "strength": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.05,
@@ -2197,7 +2377,10 @@ export const shaderRegistry = [
       },
       "angle": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 360,
           "step": 1,
@@ -2209,7 +2392,10 @@ export const shaderRegistry = [
       },
       "redOffset": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": -2,
           "max": 2,
           "step": 0.1,
@@ -2221,7 +2407,10 @@ export const shaderRegistry = [
       },
       "greenOffset": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": -2,
           "max": 2,
           "step": 0.1,
@@ -2233,7 +2422,10 @@ export const shaderRegistry = [
       },
       "blueOffset": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": -2,
           "max": 2,
           "step": 0.1,
@@ -2268,7 +2460,10 @@ export const shaderRegistry = [
           "default": 1,
           "description": "The radius of the circle. A value of one (1) is sets the circle to fit the canvas.",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 2,
             "step": 0.05,
@@ -2280,7 +2475,10 @@ export const shaderRegistry = [
           "default": 0,
           "description": "Edge softness. Lower values like zero (0) are sharp, higher values like one (1) are softer.",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.01,
@@ -2304,7 +2502,10 @@ export const shaderRegistry = [
           "default": 0,
           "description": "The thickness of the stroke outline. Zero (0) means no stroke.",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 0.5,
             "step": 0.01,
@@ -2394,7 +2595,10 @@ export const shaderRegistry = [
       },
       "radius": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 2,
           "step": 0.05,
@@ -2406,7 +2610,10 @@ export const shaderRegistry = [
       },
       "softness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.01,
@@ -2430,7 +2637,10 @@ export const shaderRegistry = [
       },
       "strokeThickness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 0.5,
           "step": 0.01,
@@ -2526,7 +2736,10 @@ export const shaderRegistry = [
           "default": 20,
           "description": "Maximum rotation angle per ring",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 100,
             "step": 1,
@@ -2538,7 +2751,10 @@ export const shaderRegistry = [
           "default": 8,
           "description": "Number of concentric rings",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 1,
             "max": 30,
             "step": 1,
@@ -2550,7 +2766,10 @@ export const shaderRegistry = [
           "default": 0.03,
           "description": "Softness of transitions between rings",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.01,
@@ -2586,7 +2805,10 @@ export const shaderRegistry = [
           "default": 0.5,
           "description": "How much each ring varies in rotation speed and direction",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.01,
@@ -2639,7 +2861,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -2651,7 +2876,10 @@ export const shaderRegistry = [
       },
       "rings": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 1,
           "max": 30,
           "step": 1,
@@ -2663,7 +2891,10 @@ export const shaderRegistry = [
       },
       "smoothness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.01,
@@ -2699,7 +2930,10 @@ export const shaderRegistry = [
       },
       "speedRandomness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.01,
@@ -2766,7 +3000,10 @@ export const shaderRegistry = [
           "default": 5,
           "description": "Number of contour levels",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 2,
             "max": 30,
             "step": 1,
@@ -2778,7 +3015,10 @@ export const shaderRegistry = [
           "default": 2,
           "description": "Width of the contour lines in pixels",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0.5,
             "max": 5,
             "step": 0.1,
@@ -2802,7 +3042,10 @@ export const shaderRegistry = [
           "default": 0.5,
           "description": "Contour distribution. <1 clusters in bright, >1 clusters in dark",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0.1,
             "max": 2,
             "step": 0.05,
@@ -2886,7 +3129,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "levels": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 2,
           "max": 30,
           "step": 1,
@@ -2898,7 +3144,10 @@ export const shaderRegistry = [
       },
       "lineWidth": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0.5,
           "max": 5,
           "step": 0.1,
@@ -2922,7 +3171,10 @@ export const shaderRegistry = [
       },
       "gamma": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0.1,
           "max": 2,
           "step": 0.05,
@@ -3022,7 +3274,10 @@ export const shaderRegistry = [
           "default": 128,
           "description": "Size of individual TV pixels (lower = more pixels)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 8,
             "max": 128,
             "step": 1,
@@ -3034,7 +3289,10 @@ export const shaderRegistry = [
           "default": 1,
           "description": "Chromatic aberration amount",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 10,
             "step": 0.1,
@@ -3046,7 +3304,10 @@ export const shaderRegistry = [
           "default": 0.3,
           "description": "Strength of horizontal scanlines",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.1,
@@ -3058,7 +3319,10 @@ export const shaderRegistry = [
           "default": 200,
           "description": "Number of scanlines across screen",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 100,
             "max": 800,
             "step": 10,
@@ -3067,10 +3331,13 @@ export const shaderRegistry = [
           }
         },
         "brightness": {
-          "default": 1.1,
+          "default": 1,
           "description": "Screen brightness boost",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0.5,
             "max": 2,
             "step": 0.1,
@@ -3079,10 +3346,13 @@ export const shaderRegistry = [
           }
         },
         "contrast": {
-          "default": 1.2,
+          "default": 1,
           "description": "Screen contrast enhancement",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0.5,
             "max": 2,
             "step": 0.1,
@@ -3094,7 +3364,10 @@ export const shaderRegistry = [
           "default": 1,
           "description": "Strength of corner darkening effect (0 = off)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.1,
@@ -3106,7 +3379,10 @@ export const shaderRegistry = [
           "default": 0.5,
           "description": "How far the vignette extends inward (0 = edges only, 1 = reaches center)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.05,
@@ -3119,7 +3395,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "pixelSize": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 8,
           "max": 128,
           "step": 1,
@@ -3131,7 +3410,10 @@ export const shaderRegistry = [
       },
       "colorShift": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 10,
           "step": 0.1,
@@ -3143,7 +3425,10 @@ export const shaderRegistry = [
       },
       "scanlineIntensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -3155,7 +3440,10 @@ export const shaderRegistry = [
       },
       "scanlineFrequency": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 100,
           "max": 800,
           "step": 10,
@@ -3167,31 +3455,40 @@ export const shaderRegistry = [
       },
       "brightness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0.5,
           "max": 2,
           "step": 0.1,
           "label": "Brightness",
           "group": "Appearance"
         },
-        "default": 1.1,
+        "default": 1,
         "description": "Screen brightness boost"
       },
       "contrast": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0.5,
           "max": 2,
           "step": 0.1,
           "label": "Contrast",
           "group": "Appearance"
         },
-        "default": 1.2,
+        "default": 1,
         "description": "Screen contrast enhancement"
       },
       "vignetteIntensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -3203,7 +3500,10 @@ export const shaderRegistry = [
       },
       "vignetteRadius": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.05,
@@ -3232,7 +3532,10 @@ export const shaderRegistry = [
           "default": 10,
           "description": "Strength of the ripple distortion",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 20,
             "step": 0.1,
@@ -3268,7 +3571,10 @@ export const shaderRegistry = [
           "default": 1,
           "description": "RGB channel separation along ripple edges",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 3,
             "step": 0.1,
@@ -3309,7 +3615,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 20,
           "step": 0.1,
@@ -3345,7 +3654,10 @@ export const shaderRegistry = [
       },
       "chromaticSplit": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 3,
           "step": 0.1,
@@ -3595,7 +3907,10 @@ export const shaderRegistry = [
           "default": 30,
           "description": "Intensity of the diffuse blur effect",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 100,
             "step": 1,
@@ -3636,7 +3951,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -3740,7 +4058,10 @@ export const shaderRegistry = [
           "default": 0.5,
           "description": "Luminance threshold for dithering",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.01,
@@ -3752,7 +4073,10 @@ export const shaderRegistry = [
           "default": 1,
           "description": "How much of the luminance range participates in dithering (lower = more solid areas)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.01,
@@ -3856,7 +4180,10 @@ export const shaderRegistry = [
       },
       "threshold": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.01,
@@ -3868,7 +4195,10 @@ export const shaderRegistry = [
       },
       "spread": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.01,
@@ -3958,7 +4288,10 @@ export const shaderRegistry = [
           "default": 0.3,
           "description": "The size of each dot, zero (0) being invisible, one (1) filled the grid with no gaps",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.05,
@@ -3970,7 +4303,10 @@ export const shaderRegistry = [
           "default": 0,
           "description": "Intensity of the twinkle effect (0 = off, 1 = full twinkle)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.1,
@@ -4004,7 +4340,10 @@ export const shaderRegistry = [
       },
       "dotSize": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.05,
@@ -4016,7 +4355,10 @@ export const shaderRegistry = [
       },
       "twinkle": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -4063,7 +4405,10 @@ export const shaderRegistry = [
           "default": 0.5,
           "description": "Blend point between the two colors",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.1,
@@ -4130,7 +4475,10 @@ export const shaderRegistry = [
       },
       "blend": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -4193,7 +4541,10 @@ export const shaderRegistry = [
           "default": 0.5,
           "description": "Intensity of the film grain noise",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.1,
@@ -4206,7 +4557,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "strength": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -4233,7 +4587,10 @@ export const shaderRegistry = [
           "default": 0.25,
           "description": "Randomness of particle animation",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.1,
@@ -4269,7 +4626,10 @@ export const shaderRegistry = [
           "default": 1,
           "description": "Size of particles",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0.1,
             "max": 20,
             "step": 0.1,
@@ -4281,7 +4641,10 @@ export const shaderRegistry = [
           "default": 0,
           "description": "Edge softness of particles (0 = sharp, 1 = very soft)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 5,
             "step": 0.1,
@@ -4293,7 +4656,10 @@ export const shaderRegistry = [
           "default": 0.5,
           "description": "Intensity of the twinkle effect (0 = off, 1 = full twinkle)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.1,
@@ -4363,7 +4729,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "randomness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -4399,7 +4768,10 @@ export const shaderRegistry = [
       },
       "particleSize": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0.1,
           "max": 20,
           "step": 0.1,
@@ -4411,7 +4783,10 @@ export const shaderRegistry = [
       },
       "particleSoftness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 5,
           "step": 0.1,
@@ -4423,7 +4798,10 @@ export const shaderRegistry = [
       },
       "twinkle": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -4509,7 +4887,10 @@ export const shaderRegistry = [
           "default": 0.15,
           "description": "Intensity of the flow distortion",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 0.5,
             "step": 0.05,
@@ -4521,7 +4902,10 @@ export const shaderRegistry = [
           "default": 2,
           "description": "Scale of the flow patterns",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0.5,
             "max": 5,
             "step": 0.1,
@@ -4574,7 +4958,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "strength": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 0.5,
           "step": 0.05,
@@ -4586,7 +4973,10 @@ export const shaderRegistry = [
       },
       "detail": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0.5,
           "max": 5,
           "step": 0.1,
@@ -4654,7 +5044,10 @@ export const shaderRegistry = [
           "default": 2,
           "description": "The intensity of the glass tiles effect",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 10,
             "step": 0.1,
@@ -4666,7 +5059,10 @@ export const shaderRegistry = [
           "default": 20,
           "description": "Number of tiles across the longest dimension",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 5,
             "max": 50,
             "step": 1,
@@ -4678,7 +5074,10 @@ export const shaderRegistry = [
           "default": 0,
           "description": "Rotation angle of the tile grid in degrees",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 360,
             "step": 1,
@@ -4690,7 +5089,10 @@ export const shaderRegistry = [
           "default": 0,
           "description": "Makes tiles more circular instead of square",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.1,
@@ -4703,7 +5105,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 10,
           "step": 0.1,
@@ -4715,7 +5120,10 @@ export const shaderRegistry = [
       },
       "tileCount": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 5,
           "max": 50,
           "step": 1,
@@ -4727,7 +5135,10 @@ export const shaderRegistry = [
       },
       "rotation": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 360,
           "step": 1,
@@ -4739,7 +5150,10 @@ export const shaderRegistry = [
       },
       "roundness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -4768,7 +5182,10 @@ export const shaderRegistry = [
           "default": 0.5,
           "description": "Overall glitch strength and frequency of glitch bursts",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.01,
@@ -4792,7 +5209,10 @@ export const shaderRegistry = [
           "default": 5,
           "description": "Amount of chromatic aberration (RGB channel splitting)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 20,
             "step": 0.5,
@@ -4804,7 +5224,10 @@ export const shaderRegistry = [
           "default": 10,
           "description": "Base number of horizontal glitch bands",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 2,
             "max": 50,
             "step": 1,
@@ -4816,7 +5239,10 @@ export const shaderRegistry = [
           "default": 0.2,
           "description": "Intensity of vivid neon color bar overlay in glitch regions",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.01,
@@ -4828,7 +5254,10 @@ export const shaderRegistry = [
           "default": 0.3,
           "description": "Chance of glitch blocks showing mirrored/flipped content",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.01,
@@ -4840,7 +5269,10 @@ export const shaderRegistry = [
           "default": 0.2,
           "description": "Visibility of CRT-style horizontal scanlines in distorted areas",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.01,
@@ -4853,7 +5285,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.01,
@@ -4877,7 +5312,10 @@ export const shaderRegistry = [
       },
       "rgbShift": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 20,
           "step": 0.5,
@@ -4889,7 +5327,10 @@ export const shaderRegistry = [
       },
       "blockDensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 2,
           "max": 50,
           "step": 1,
@@ -4901,7 +5342,10 @@ export const shaderRegistry = [
       },
       "colorBarIntensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.01,
@@ -4913,7 +5357,10 @@ export const shaderRegistry = [
       },
       "mirrorAmount": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.01,
@@ -4925,7 +5372,10 @@ export const shaderRegistry = [
       },
       "scanlineIntensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.01,
@@ -4954,7 +5404,10 @@ export const shaderRegistry = [
           "default": 1,
           "description": "Glow intensity (brightness of the glow effect)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 10,
             "step": 0.1,
@@ -4966,7 +5419,10 @@ export const shaderRegistry = [
           "default": 0.5,
           "description": "Brightness threshold for glow extraction (lower = more glow)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.1,
@@ -4978,7 +5434,10 @@ export const shaderRegistry = [
           "default": 10,
           "description": "Size/spread of the glow effect",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 1,
             "max": 20,
             "step": 0.1,
@@ -4991,7 +5450,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 10,
           "step": 0.1,
@@ -5003,7 +5465,10 @@ export const shaderRegistry = [
       },
       "threshold": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -5015,7 +5480,10 @@ export const shaderRegistry = [
       },
       "size": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 1,
           "max": 20,
           "step": 0.1,
@@ -5054,7 +5522,10 @@ export const shaderRegistry = [
           "default": 0.3,
           "description": "Frequency of ray sectors",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.1,
@@ -5066,7 +5537,10 @@ export const shaderRegistry = [
           "default": 0.8,
           "description": "Ray visibility within sectors",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.1,
@@ -5078,7 +5552,10 @@ export const shaderRegistry = [
           "default": 1,
           "description": "Density of spots on rays (higher = more spots)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.1,
@@ -5133,7 +5610,10 @@ export const shaderRegistry = [
       },
       "density": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -5145,7 +5625,10 @@ export const shaderRegistry = [
       },
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -5157,7 +5640,10 @@ export const shaderRegistry = [
       },
       "spotty": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -5237,7 +5723,10 @@ export const shaderRegistry = [
           "default": 10,
           "description": "Number of cells along the shortest canvas edge (creates square cells)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 1,
             "max": 50,
             "step": 1,
@@ -5249,9 +5738,12 @@ export const shaderRegistry = [
           "default": 1,
           "description": "Thickness of grid lines (normalized, 0.0-1.0)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
-            "max": 5,
+            "max": 20,
             "step": 0.1,
             "label": "Thickness",
             "group": "Effect"
@@ -5271,7 +5763,10 @@ export const shaderRegistry = [
       },
       "cells": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 1,
           "max": 50,
           "step": 1,
@@ -5283,9 +5778,12 @@ export const shaderRegistry = [
       },
       "thickness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
-          "max": 5,
+          "max": 20,
           "step": 0.1,
           "label": "Thickness",
           "group": "Effect"
@@ -5348,7 +5846,10 @@ export const shaderRegistry = [
           "default": 20,
           "description": "Resolution of the distortion grid (higher = more detailed)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 8,
             "max": 128,
             "step": 1,
@@ -5425,7 +5926,10 @@ export const shaderRegistry = [
       },
       "gridSize": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 8,
           "max": 128,
           "step": 1,
@@ -5495,7 +5999,10 @@ export const shaderRegistry = [
           "default": 100,
           "description": "Frequency of the halftone dots",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 10,
             "max": 300,
             "step": 1,
@@ -5507,7 +6014,10 @@ export const shaderRegistry = [
           "default": 45,
           "description": "Rotation angle of the pattern (in degrees)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 360,
             "step": 1,
@@ -5519,7 +6029,10 @@ export const shaderRegistry = [
           "default": 0.1,
           "description": "Edge smoothness of the dots",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 0.3,
             "step": 0.1,
@@ -5532,7 +6045,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "frequency": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 10,
           "max": 300,
           "step": 1,
@@ -5544,7 +6060,10 @@ export const shaderRegistry = [
       },
       "angle": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 360,
           "step": 1,
@@ -5556,7 +6075,10 @@ export const shaderRegistry = [
       },
       "smoothness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 0.3,
           "step": 0.1,
@@ -5584,7 +6106,10 @@ export const shaderRegistry = [
           "default": 0,
           "description": "The amount to shift the hue by",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": -180,
             "max": 180,
             "step": 1,
@@ -5597,7 +6122,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "shift": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": -180,
           "max": 180,
           "step": 1,
@@ -5748,7 +6276,10 @@ export const shaderRegistry = [
           "default": 6,
           "description": "Number of radial segments in the kaleidoscope",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 2,
             "max": 24,
             "step": 1,
@@ -5760,7 +6291,10 @@ export const shaderRegistry = [
           "default": 0,
           "description": "Rotation offset for the entire kaleidoscope pattern",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 360,
             "step": 1,
@@ -5813,7 +6347,10 @@ export const shaderRegistry = [
       },
       "segments": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 2,
           "max": 24,
           "step": 1,
@@ -5825,7 +6362,10 @@ export const shaderRegistry = [
       },
       "angle": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 360,
           "step": 1,
@@ -5890,7 +6430,10 @@ export const shaderRegistry = [
           "default": 0.5,
           "description": "Master brightness of the entire lens flare effect",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 2,
             "step": 0.01,
@@ -5902,7 +6445,10 @@ export const shaderRegistry = [
           "default": 0.4,
           "description": "Brightness of internal reflection ghost discs along the flare axis",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.01,
@@ -5926,7 +6472,10 @@ export const shaderRegistry = [
           "default": 0.3,
           "description": "Rainbow chromatic fringing around ghost element edges",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.01,
@@ -5938,7 +6487,10 @@ export const shaderRegistry = [
           "default": 0.4,
           "description": "Brightness of the circular halo ring from internal reflection",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.01,
@@ -5962,7 +6514,10 @@ export const shaderRegistry = [
           "default": 0.6,
           "description": "Spectral dispersion on the halo creating rainbow color separation",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.01,
@@ -5974,7 +6529,10 @@ export const shaderRegistry = [
           "default": 0.8,
           "description": "Thickness and softness of the halo ring",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0.01,
             "max": 3,
             "step": 0.01,
@@ -5986,7 +6544,10 @@ export const shaderRegistry = [
           "default": 0.3,
           "description": "Brightness of diffraction spikes radiating from the light source",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.01,
@@ -5998,7 +6559,10 @@ export const shaderRegistry = [
           "default": 6,
           "description": "Number of starburst spikes (simulates aperture blade count)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 4,
             "max": 16,
             "step": 1,
@@ -6010,7 +6574,10 @@ export const shaderRegistry = [
           "default": 0.15,
           "description": "Brightness of horizontal anamorphic light streak",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.01,
@@ -6022,7 +6589,10 @@ export const shaderRegistry = [
           "default": 0.5,
           "description": "Horizontal extent of the anamorphic streak",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0.1,
             "max": 1,
             "step": 0.01,
@@ -6034,7 +6604,10 @@ export const shaderRegistry = [
           "default": 0.2,
           "description": "Soft veiling glare that washes out contrast around the light",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.01,
@@ -6046,7 +6619,10 @@ export const shaderRegistry = [
           "default": 0.5,
           "description": "Size of the soft glare glow",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0.1,
             "max": 1,
             "step": 0.01,
@@ -6058,7 +6634,10 @@ export const shaderRegistry = [
           "default": 0.2,
           "description": "How much the flare fades when the light source is near the screen edge (0 = no fade, 1 = heavy fade)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.01,
@@ -6095,7 +6674,10 @@ export const shaderRegistry = [
       },
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 2,
           "step": 0.01,
@@ -6107,7 +6689,10 @@ export const shaderRegistry = [
       },
       "ghostIntensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.01,
@@ -6131,7 +6716,10 @@ export const shaderRegistry = [
       },
       "ghostChroma": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.01,
@@ -6143,7 +6731,10 @@ export const shaderRegistry = [
       },
       "haloIntensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.01,
@@ -6167,7 +6758,10 @@ export const shaderRegistry = [
       },
       "haloChroma": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.01,
@@ -6179,7 +6773,10 @@ export const shaderRegistry = [
       },
       "haloSoftness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0.01,
           "max": 3,
           "step": 0.01,
@@ -6191,7 +6788,10 @@ export const shaderRegistry = [
       },
       "starburstIntensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.01,
@@ -6203,7 +6803,10 @@ export const shaderRegistry = [
       },
       "starburstPoints": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 4,
           "max": 16,
           "step": 1,
@@ -6215,7 +6818,10 @@ export const shaderRegistry = [
       },
       "streakIntensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.01,
@@ -6227,7 +6833,10 @@ export const shaderRegistry = [
       },
       "streakLength": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0.1,
           "max": 1,
           "step": 0.01,
@@ -6239,7 +6848,10 @@ export const shaderRegistry = [
       },
       "glareIntensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.01,
@@ -6251,7 +6863,10 @@ export const shaderRegistry = [
       },
       "glareSize": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0.1,
           "max": 1,
           "step": 0.01,
@@ -6263,7 +6878,10 @@ export const shaderRegistry = [
       },
       "edgeFade": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.01,
@@ -6304,7 +6922,10 @@ export const shaderRegistry = [
           "default": 30,
           "description": "Intensity of the linear blur effect",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 100,
             "step": 1,
@@ -6316,7 +6937,10 @@ export const shaderRegistry = [
           "default": 0,
           "description": "Direction of the linear blur (in degrees)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 360,
             "step": 1,
@@ -6329,7 +6953,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -6341,7 +6968,10 @@ export const shaderRegistry = [
       },
       "angle": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 360,
           "step": 1,
@@ -6409,7 +7039,10 @@ export const shaderRegistry = [
           "default": 0,
           "description": "Additional rotation angle of the gradient (in degrees)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 360,
             "step": 1,
@@ -6528,7 +7161,10 @@ export const shaderRegistry = [
       },
       "angle": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 360,
           "step": 1,
@@ -6776,7 +7412,10 @@ export const shaderRegistry = [
           "default": 0,
           "description": "The angle of the mirror line in degrees",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 360,
             "step": 1,
@@ -6829,7 +7468,10 @@ export const shaderRegistry = [
       },
       "angle": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 360,
           "step": 1,
@@ -6897,7 +7539,10 @@ export const shaderRegistry = [
           "default": 0,
           "description": "Horizontal rotation (left/right)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": -90,
             "max": 90,
             "step": 0.1,
@@ -6909,7 +7554,10 @@ export const shaderRegistry = [
           "default": 0,
           "description": "Vertical rotation (up/down)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": -90,
             "max": 90,
             "step": 0.1,
@@ -6921,7 +7569,10 @@ export const shaderRegistry = [
           "default": 60,
           "description": "Field of view - controls perspective intensity",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 30,
             "max": 120,
             "step": 1,
@@ -6933,7 +7584,10 @@ export const shaderRegistry = [
           "default": 1,
           "description": "Zoom in to fill the frame after rotation",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0.5,
             "max": 3,
             "step": 0.1,
@@ -6998,7 +7652,10 @@ export const shaderRegistry = [
       },
       "pan": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": -90,
           "max": 90,
           "step": 0.1,
@@ -7010,7 +7667,10 @@ export const shaderRegistry = [
       },
       "tilt": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": -90,
           "max": 90,
           "step": 0.1,
@@ -7022,7 +7682,10 @@ export const shaderRegistry = [
       },
       "fov": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 30,
           "max": 120,
           "step": 1,
@@ -7034,7 +7697,10 @@ export const shaderRegistry = [
       },
       "zoom": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0.5,
           "max": 3,
           "step": 0.1,
@@ -7102,7 +7768,10 @@ export const shaderRegistry = [
           "default": 50,
           "description": "Number of pixels along the longest edge (higher = smaller pixels)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 1,
             "max": 200,
             "step": 1,
@@ -7115,7 +7784,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "scale": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 1,
           "max": 200,
           "step": 1,
@@ -7141,7 +7813,10 @@ export const shaderRegistry = [
           "default": 2,
           "description": "Density of the plasma pattern",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 4,
             "step": 0.1,
@@ -7165,7 +7840,10 @@ export const shaderRegistry = [
           "default": 1.5,
           "description": "Brightness and spread of the plasma glow",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0.1,
             "max": 3,
             "step": 0.1,
@@ -7189,7 +7867,10 @@ export const shaderRegistry = [
           "default": 1,
           "description": "Push darks darker and lights lighter",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 3,
             "step": 0.1,
@@ -7201,7 +7882,10 @@ export const shaderRegistry = [
           "default": 50,
           "description": "Skew color balance toward A (higher) or B (lower)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 100,
             "step": 1,
@@ -7268,7 +7952,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "density": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 4,
           "step": 0.1,
@@ -7292,7 +7979,10 @@ export const shaderRegistry = [
       },
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0.1,
           "max": 3,
           "step": 0.1,
@@ -7316,7 +8006,10 @@ export const shaderRegistry = [
       },
       "contrast": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 3,
           "step": 0.1,
@@ -7328,7 +8021,10 @@ export const shaderRegistry = [
       },
       "balance": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -7422,7 +8118,10 @@ export const shaderRegistry = [
           "default": 1,
           "description": "Controls how much of the angular range to use (1 = full 360°, 0.5 = 180°)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 2,
             "step": 0.1,
@@ -7434,7 +8133,10 @@ export const shaderRegistry = [
           "default": 1,
           "description": "Controls how much of the radius range to use (affects the radial mapping)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 2,
             "step": 0.1,
@@ -7446,7 +8148,10 @@ export const shaderRegistry = [
           "default": 1,
           "description": "Blends between original UVs (0) and polar coordinates (1)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.1,
@@ -7499,7 +8204,10 @@ export const shaderRegistry = [
       },
       "wrap": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 2,
           "step": 0.1,
@@ -7511,7 +8219,10 @@ export const shaderRegistry = [
       },
       "radius": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 2,
           "step": 0.1,
@@ -7523,7 +8234,10 @@ export const shaderRegistry = [
       },
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -7578,7 +8292,10 @@ export const shaderRegistry = [
           "default": 5,
           "description": "The intensity of the posterization effect (lower is more posterized)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 2,
             "max": 20,
             "step": 1,
@@ -7591,7 +8308,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 2,
           "max": 20,
           "step": 1,
@@ -7620,7 +8340,10 @@ export const shaderRegistry = [
           "default": 50,
           "description": "Maximum intensity of the blur effect",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 100,
             "step": 1,
@@ -7632,7 +8355,10 @@ export const shaderRegistry = [
           "default": 0,
           "description": "Direction of the blur gradient (in degrees)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 360,
             "step": 1,
@@ -7656,7 +8382,10 @@ export const shaderRegistry = [
           "default": 1,
           "description": "Distance over which blur transitions to full strength",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.1,
@@ -7669,7 +8398,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -7681,7 +8413,10 @@ export const shaderRegistry = [
       },
       "angle": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 360,
           "step": 1,
@@ -7705,7 +8440,10 @@ export const shaderRegistry = [
       },
       "falloff": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -7761,7 +8499,10 @@ export const shaderRegistry = [
           "default": 1,
           "description": "The radius of the gradient (normalized, 0.0-1.0)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 2,
             "step": 0.1,
@@ -7840,7 +8581,10 @@ export const shaderRegistry = [
       },
       "radius": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 2,
           "step": 0.1,
@@ -7916,7 +8660,10 @@ export const shaderRegistry = [
           "default": 1,
           "description": "Scale factor for the rectangular output",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0.1,
             "max": 3,
             "step": 0.1,
@@ -7928,7 +8675,10 @@ export const shaderRegistry = [
           "default": 1,
           "description": "Blends between original UVs (0) and rectangular coordinates (1)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.1,
@@ -7981,7 +8731,10 @@ export const shaderRegistry = [
       },
       "scale": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0.1,
           "max": 3,
           "step": 0.1,
@@ -7993,7 +8746,10 @@ export const shaderRegistry = [
       },
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -8088,7 +8844,10 @@ export const shaderRegistry = [
           "default": 20,
           "description": "Number of ripples/spacing between them",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 1,
             "max": 80,
             "step": 0.1,
@@ -8100,7 +8859,10 @@ export const shaderRegistry = [
           "default": 0,
           "description": "Softness of ripple edges",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 3,
             "step": 0.1,
@@ -8112,7 +8874,10 @@ export const shaderRegistry = [
           "default": 0.5,
           "description": "Thickness of each ripple band",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.1,
@@ -8124,7 +8889,10 @@ export const shaderRegistry = [
           "default": 0,
           "description": "Phase offset for ripple animation",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 6.28,
             "step": 0.1,
@@ -8179,7 +8947,10 @@ export const shaderRegistry = [
       },
       "frequency": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 1,
           "max": 80,
           "step": 0.1,
@@ -8191,7 +8962,10 @@ export const shaderRegistry = [
       },
       "softness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 3,
           "step": 0.1,
@@ -8203,7 +8977,10 @@ export const shaderRegistry = [
       },
       "thickness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -8215,7 +8992,10 @@ export const shaderRegistry = [
       },
       "phase": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 6.28,
           "step": 0.1,
@@ -8243,7 +9023,10 @@ export const shaderRegistry = [
           "default": 1,
           "description": "The intensity of the saturation effect (1 being no change)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 3,
             "step": 0.1,
@@ -8256,7 +9039,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 3,
           "step": 0.1,
@@ -8285,7 +9071,10 @@ export const shaderRegistry = [
           "default": 0,
           "description": "How sharp to make the underlying image",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 5,
             "step": 0.1,
@@ -8298,7 +9087,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "sharpness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 5,
           "step": 0.1,
@@ -8327,7 +9119,10 @@ export const shaderRegistry = [
           "default": 1,
           "description": "Thickness of crack lines",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0.5,
             "max": 5,
             "step": 0.1,
@@ -8387,7 +9182,10 @@ export const shaderRegistry = [
           "default": 1,
           "description": "RGB separation for prismatic glass effect",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 5,
             "step": 0.1,
@@ -8399,7 +9197,10 @@ export const shaderRegistry = [
           "default": 5,
           "description": "How much cracks bend/distort the underlying image",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 10,
             "step": 0.1,
@@ -8452,7 +9253,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "crackWidth": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0.5,
           "max": 5,
           "step": 0.1,
@@ -8512,7 +9316,10 @@ export const shaderRegistry = [
       },
       "chromaticSplit": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 5,
           "step": 0.1,
@@ -8524,7 +9331,10 @@ export const shaderRegistry = [
       },
       "refractionStrength": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 10,
           "step": 0.1,
@@ -8619,7 +9429,10 @@ export const shaderRegistry = [
           "default": 0,
           "description": "Balance between colors (negative = more colorB, positive = more colorA)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": -1,
             "max": 1,
             "step": 0.1,
@@ -8631,12 +9444,15 @@ export const shaderRegistry = [
           "default": 0,
           "description": "Pattern contrast (higher = sharper transitions)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": -2,
             "max": 5,
             "step": 0.1,
             "label": "Contrast",
-            "group": "Appearance"
+            "group": "Effect"
           }
         },
         "seed": {
@@ -8698,7 +9514,10 @@ export const shaderRegistry = [
       },
       "balance": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": -1,
           "max": 1,
           "step": 0.1,
@@ -8710,12 +9529,15 @@ export const shaderRegistry = [
       },
       "contrast": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": -2,
           "max": 5,
           "step": 0.1,
           "label": "Contrast",
-          "group": "Appearance"
+          "group": "Effect"
         },
         "default": 0,
         "description": "Pattern contrast (higher = sharper transitions)"
@@ -8769,7 +9591,10 @@ export const shaderRegistry = [
           "default": 0.15,
           "description": "The height/amplitude of the sine wave",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.1,
@@ -8781,7 +9606,10 @@ export const shaderRegistry = [
           "default": 1,
           "description": "The frequency/number of wave cycles",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0.1,
             "max": 20,
             "step": 0.1,
@@ -8805,7 +9633,10 @@ export const shaderRegistry = [
           "default": 0,
           "description": "The rotation angle of the wave (in degrees)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 360,
             "step": 1,
@@ -8829,7 +9660,10 @@ export const shaderRegistry = [
           "default": 0.2,
           "description": "The thickness of the wave line",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 2,
             "step": 0.1,
@@ -8841,7 +9675,10 @@ export const shaderRegistry = [
           "default": 0.4,
           "description": "Edge softness of the wave line",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.1,
@@ -8863,7 +9700,10 @@ export const shaderRegistry = [
       },
       "amplitude": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -8875,7 +9715,10 @@ export const shaderRegistry = [
       },
       "frequency": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0.1,
           "max": 20,
           "step": 0.1,
@@ -8899,7 +9742,10 @@ export const shaderRegistry = [
       },
       "angle": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 360,
           "step": 1,
@@ -8923,7 +9769,10 @@ export const shaderRegistry = [
       },
       "thickness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 2,
           "step": 0.1,
@@ -8935,7 +9784,10 @@ export const shaderRegistry = [
       },
       "softness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -8997,7 +9849,10 @@ export const shaderRegistry = [
           "default": 1,
           "description": "Radius of the sphere (1 = half viewport height)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0.1,
             "max": 3,
             "step": 0.1,
@@ -9009,7 +9864,10 @@ export const shaderRegistry = [
           "default": 1,
           "description": "How much the sphere bulges toward viewer (0 = flat, higher = more bulge)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 3,
             "step": 0.1,
@@ -9045,7 +9903,10 @@ export const shaderRegistry = [
           "default": 0.5,
           "description": "Intensity of the rim light (0 = off)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.1,
@@ -9057,7 +9918,10 @@ export const shaderRegistry = [
           "default": 0.5,
           "description": "Softness of the rim light falloff (0 = hard edge, 1 = soft glow)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.1,
@@ -9079,7 +9943,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "radius": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0.1,
           "max": 3,
           "step": 0.1,
@@ -9091,7 +9958,10 @@ export const shaderRegistry = [
       },
       "depth": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 3,
           "step": 0.1,
@@ -9127,7 +9997,10 @@ export const shaderRegistry = [
       },
       "lightIntensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -9139,7 +10012,10 @@ export const shaderRegistry = [
       },
       "lightSoftness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -9192,7 +10068,10 @@ export const shaderRegistry = [
           "default": 0.5,
           "description": "Thickness of spiral stroke",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 2,
             "step": 0.1,
@@ -9204,7 +10083,10 @@ export const shaderRegistry = [
           "default": 0,
           "description": "Stroke losing width further from center",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.1,
@@ -9216,7 +10098,10 @@ export const shaderRegistry = [
           "default": 0,
           "description": "Color transition sharpness (0 = hard edge, 1 = smooth fade)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.1,
@@ -9252,7 +10137,10 @@ export const shaderRegistry = [
           "default": 1,
           "description": "Scale factor for spiral bands (higher = more bands, lower = fewer bands)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0.1,
             "max": 5,
             "step": 0.1,
@@ -9319,7 +10207,10 @@ export const shaderRegistry = [
       },
       "strokeWidth": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 2,
           "step": 0.1,
@@ -9331,7 +10222,10 @@ export const shaderRegistry = [
       },
       "strokeFalloff": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -9343,7 +10237,10 @@ export const shaderRegistry = [
       },
       "softness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -9379,7 +10276,10 @@ export const shaderRegistry = [
       },
       "scale": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0.1,
           "max": 5,
           "step": 0.1,
@@ -9455,7 +10355,10 @@ export const shaderRegistry = [
           "default": 1,
           "description": "Wave height amplitude",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 5,
             "step": 0.1,
@@ -9467,7 +10370,10 @@ export const shaderRegistry = [
           "default": 1,
           "description": "Wave frequency",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 5,
             "step": 0.1,
@@ -9491,7 +10397,10 @@ export const shaderRegistry = [
           "default": 0.1,
           "description": "Width of wave lines",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.05,
@@ -9558,7 +10467,10 @@ export const shaderRegistry = [
       },
       "amplitude": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 5,
           "step": 0.1,
@@ -9570,7 +10482,10 @@ export const shaderRegistry = [
       },
       "frequency": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 5,
           "step": 0.1,
@@ -9594,7 +10509,10 @@ export const shaderRegistry = [
       },
       "lineWidth": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.05,
@@ -9677,10 +10595,13 @@ export const shaderRegistry = [
           "default": 1,
           "description": "The intensity of the stretch effect",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
-            "step": 0.1,
+            "step": 0.05,
             "label": "Strength",
             "group": "Effect"
           }
@@ -9689,7 +10610,10 @@ export const shaderRegistry = [
           "default": 0,
           "description": "The direction of the stretch in degrees",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 360,
             "step": 1,
@@ -9701,10 +10625,13 @@ export const shaderRegistry = [
           "default": 0,
           "description": "Controls the sharpness of the transition (0 = sharp edge, 1 = gradual transition)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
-            "step": 0.1,
+            "step": 0.05,
             "label": "Falloff",
             "group": "Effect"
           }
@@ -9754,10 +10681,13 @@ export const shaderRegistry = [
       },
       "strength": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
-          "step": 0.1,
+          "step": 0.05,
           "label": "Strength",
           "group": "Effect"
         },
@@ -9766,7 +10696,10 @@ export const shaderRegistry = [
       },
       "angle": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 360,
           "step": 1,
@@ -9778,10 +10711,13 @@ export const shaderRegistry = [
       },
       "falloff": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
-          "step": 0.1,
+          "step": 0.05,
           "label": "Falloff",
           "group": "Effect"
         },
@@ -9849,7 +10785,10 @@ export const shaderRegistry = [
           "default": 45,
           "description": "Angle of stripes in degrees",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": -180,
             "max": 180,
             "step": 1,
@@ -9861,7 +10800,10 @@ export const shaderRegistry = [
           "default": 5,
           "description": "Number of stripe pairs visible",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 1,
             "max": 30,
             "step": 1,
@@ -9873,7 +10815,10 @@ export const shaderRegistry = [
           "default": 0.5,
           "description": "Ratio of the two colors",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.1,
@@ -9885,7 +10830,10 @@ export const shaderRegistry = [
           "default": 0,
           "description": "Edge softness",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.1,
@@ -9909,7 +10857,10 @@ export const shaderRegistry = [
           "default": 0,
           "description": "Phase offset for pattern positioning",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.1,
@@ -9976,7 +10927,10 @@ export const shaderRegistry = [
       },
       "angle": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": -180,
           "max": 180,
           "step": 1,
@@ -9988,7 +10942,10 @@ export const shaderRegistry = [
       },
       "density": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 1,
           "max": 30,
           "step": 1,
@@ -10000,7 +10957,10 @@ export const shaderRegistry = [
       },
       "balance": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -10012,7 +10972,10 @@ export const shaderRegistry = [
       },
       "softness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -10036,7 +10999,10 @@ export const shaderRegistry = [
       },
       "offset": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -10115,7 +11081,10 @@ export const shaderRegistry = [
           "default": 40,
           "description": "Intensity of the key light",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 100,
             "step": 1,
@@ -10127,7 +11096,10 @@ export const shaderRegistry = [
           "default": 50,
           "description": "How diffuse the key light is",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 100,
             "step": 1,
@@ -10148,7 +11120,10 @@ export const shaderRegistry = [
           "default": 10,
           "description": "Intensity of the fill lights",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 100,
             "step": 1,
@@ -10160,7 +11135,10 @@ export const shaderRegistry = [
           "default": 70,
           "description": "How diffuse the fill lights are",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 100,
             "step": 1,
@@ -10172,7 +11150,10 @@ export const shaderRegistry = [
           "default": 70,
           "description": "How far apart the fill lights are from center",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 100,
             "step": 1,
@@ -10193,7 +11174,10 @@ export const shaderRegistry = [
           "default": 20,
           "description": "Intensity of the back wash",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 100,
             "step": 1,
@@ -10205,7 +11189,10 @@ export const shaderRegistry = [
           "default": 80,
           "description": "How diffuse the back wash is",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 100,
             "step": 1,
@@ -10217,7 +11204,10 @@ export const shaderRegistry = [
           "default": 20,
           "description": "Overall ambient light level",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 100,
             "step": 1,
@@ -10229,7 +11219,10 @@ export const shaderRegistry = [
           "default": 0,
           "description": "Edge darkening",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 100,
             "step": 1,
@@ -10253,7 +11246,10 @@ export const shaderRegistry = [
           "default": 100,
           "description": "How far toward the floor vs wall the spotlights aim",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 100,
             "step": 1,
@@ -10265,7 +11261,10 @@ export const shaderRegistry = [
           "default": 10,
           "description": "How rounded the cove is",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 100,
             "step": 1,
@@ -10277,7 +11276,10 @@ export const shaderRegistry = [
           "default": 50,
           "description": "Intensity of drifting ambient lights",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 100,
             "step": 1,
@@ -10332,7 +11334,10 @@ export const shaderRegistry = [
       },
       "keyIntensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -10344,7 +11349,10 @@ export const shaderRegistry = [
       },
       "keySoftness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -10365,7 +11373,10 @@ export const shaderRegistry = [
       },
       "fillIntensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -10377,7 +11388,10 @@ export const shaderRegistry = [
       },
       "fillSoftness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -10389,7 +11403,10 @@ export const shaderRegistry = [
       },
       "fillAngle": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -10410,7 +11427,10 @@ export const shaderRegistry = [
       },
       "backIntensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -10422,7 +11442,10 @@ export const shaderRegistry = [
       },
       "backSoftness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -10434,7 +11457,10 @@ export const shaderRegistry = [
       },
       "brightness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -10446,7 +11472,10 @@ export const shaderRegistry = [
       },
       "vignette": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -10470,7 +11499,10 @@ export const shaderRegistry = [
       },
       "lightTarget": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -10482,7 +11514,10 @@ export const shaderRegistry = [
       },
       "wallCurvature": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -10494,7 +11529,10 @@ export const shaderRegistry = [
       },
       "ambientIntensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -10574,7 +11612,10 @@ export const shaderRegistry = [
           "default": 1,
           "description": "Level of detail and intricacy in the swirl patterns",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 5,
             "step": 0.1,
@@ -10586,7 +11627,10 @@ export const shaderRegistry = [
           "default": 50,
           "description": "Skew color balance toward A (lower values) or B (higher values)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 100,
             "step": 1,
@@ -10665,7 +11709,10 @@ export const shaderRegistry = [
       },
       "detail": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 5,
           "step": 0.1,
@@ -10677,7 +11724,10 @@ export const shaderRegistry = [
       },
       "blend": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -10741,7 +11791,10 @@ export const shaderRegistry = [
           "default": 50,
           "description": "Maximum blur intensity at edges",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 100,
             "step": 1,
@@ -10753,7 +11806,10 @@ export const shaderRegistry = [
           "default": 0.3,
           "description": "Width of the sharp focus area",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.1,
@@ -10765,7 +11821,10 @@ export const shaderRegistry = [
           "default": 0.3,
           "description": "Distance over which blur transitions to full strength",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.1,
@@ -10777,7 +11836,10 @@ export const shaderRegistry = [
           "default": 0,
           "description": "Rotation angle of the focus line (in degrees)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 360,
             "step": 1,
@@ -10802,7 +11864,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -10814,7 +11879,10 @@ export const shaderRegistry = [
       },
       "width": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -10826,7 +11894,10 @@ export const shaderRegistry = [
       },
       "falloff": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -10838,7 +11909,10 @@ export const shaderRegistry = [
       },
       "angle": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 360,
           "step": 1,
@@ -10887,7 +11961,10 @@ export const shaderRegistry = [
           "default": 0.5,
           "description": "Tint amount (0 = no tint, 1 = full tint)",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.1,
@@ -10918,7 +11995,10 @@ export const shaderRegistry = [
       },
       "amount": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -10983,7 +12063,10 @@ export const shaderRegistry = [
           "default": 0.5,
           "description": "Midpoint position between the three colors",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.1,
@@ -11059,7 +12142,10 @@ export const shaderRegistry = [
       },
       "blendMid": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -11135,7 +12221,10 @@ export const shaderRegistry = [
           "default": 1,
           "description": "The strength of the twirl effect",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": -5,
             "max": 5,
             "step": 0.1,
@@ -11188,7 +12277,10 @@ export const shaderRegistry = [
       },
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": -5,
           "max": 5,
           "step": 0.1,
@@ -11243,7 +12335,10 @@ export const shaderRegistry = [
           "default": 0,
           "description": "The intensity of the vibrance effect",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": -2,
             "max": 2,
             "step": 0.1,
@@ -11256,7 +12351,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": -2,
           "max": 2,
           "step": 0.1,
@@ -11398,7 +12496,10 @@ export const shaderRegistry = [
           "default": 0.3,
           "description": "Distortion intensity",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.05,
@@ -11410,7 +12511,10 @@ export const shaderRegistry = [
           "default": 1,
           "description": "Number of bends/waves",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0.1,
             "max": 10,
             "step": 0.1,
@@ -11434,7 +12538,10 @@ export const shaderRegistry = [
           "default": 0,
           "description": "Direction of wave distortion in degrees",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 360,
             "step": 1,
@@ -11507,7 +12614,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "strength": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.05,
@@ -11519,7 +12629,10 @@ export const shaderRegistry = [
       },
       "frequency": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0.1,
           "max": 10,
           "step": 0.1,
@@ -11543,7 +12656,10 @@ export const shaderRegistry = [
       },
       "angle": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 360,
           "step": 1,
@@ -11725,7 +12841,10 @@ export const shaderRegistry = [
           "default": 30,
           "description": "Intensity of the zoom blur effect",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 100,
             "step": 1,
@@ -11750,7 +12869,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,