shaders 2.3.66 → 2.3.68

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,
@@ -431,6 +449,7 @@ export const shaderRegistry = [
         },
         "colorSpace": {
           "default": "linear",
+          "compileTime": true,
           "description": "Color space for color interpolation",
           "ui": {
             "type": "select",
@@ -468,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,
@@ -480,7 +502,10 @@ export const shaderRegistry = [
           "default": 80,
           "description": "Overall aurora brightness",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 100,
             "step": 1,
@@ -516,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,
@@ -528,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,
@@ -540,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,
@@ -551,7 +585,7 @@ export const shaderRegistry = [
         "center": {
           "default": {
             "x": 0.5,
-            "y": 0.5
+            "y": 0
           },
           "description": "Center position of the aurora",
           "ui": {
@@ -564,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,
@@ -639,7 +676,10 @@ export const shaderRegistry = [
       },
       "balance": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -651,7 +691,10 @@ export const shaderRegistry = [
       },
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -687,7 +730,10 @@ export const shaderRegistry = [
       },
       "waviness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 200,
           "step": 1,
@@ -699,7 +745,10 @@ export const shaderRegistry = [
       },
       "rayDensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -711,7 +760,10 @@ export const shaderRegistry = [
       },
       "height": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 10,
           "max": 200,
           "step": 1,
@@ -729,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,
@@ -785,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,
@@ -797,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,
@@ -809,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,
@@ -821,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,
@@ -849,6 +916,7 @@ export const shaderRegistry = [
         },
         "colorSpace": {
           "default": "linear",
+          "compileTime": true,
           "description": "Color space for color interpolation",
           "ui": {
             "type": "select",
@@ -911,7 +979,10 @@ export const shaderRegistry = [
       },
       "startThickness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 2,
           "step": 0.1,
@@ -923,7 +994,10 @@ export const shaderRegistry = [
       },
       "endThickness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 2,
           "step": 0.1,
@@ -935,7 +1009,10 @@ export const shaderRegistry = [
       },
       "startSoftness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 50,
           "step": 0.1,
@@ -947,7 +1024,10 @@ export const shaderRegistry = [
       },
       "endSoftness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 20,
           "step": 0.1,
@@ -1068,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,
@@ -1080,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,
@@ -1137,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,
@@ -1171,6 +1260,7 @@ export const shaderRegistry = [
         },
         "colorSpace": {
           "default": "linear",
+          "compileTime": true,
           "description": "Color space for color interpolation",
           "ui": {
             "type": "select",
@@ -1251,7 +1341,10 @@ export const shaderRegistry = [
       },
       "softness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -1263,7 +1356,10 @@ export const shaderRegistry = [
       },
       "highlightIntensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -1320,7 +1416,10 @@ export const shaderRegistry = [
       },
       "speed": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 2,
           "step": 0.1,
@@ -1408,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,
@@ -1421,7 +1523,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -1449,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,
@@ -1461,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,
@@ -1474,7 +1585,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "brightness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": -1,
           "max": 1,
           "step": 0.05,
@@ -1486,7 +1600,10 @@ export const shaderRegistry = [
       },
       "contrast": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": -1,
           "max": 1,
           "step": 0.05,
@@ -1527,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,
@@ -1539,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,
@@ -1551,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,
@@ -1562,6 +1688,7 @@ export const shaderRegistry = [
         "edges": {
           "default": "stretch",
           "description": "How to handle edges when distortion pushes content out of bounds",
+          "compileTime": true,
           "ui": {
             "type": "select",
             "options": [
@@ -1603,7 +1730,10 @@ export const shaderRegistry = [
       },
       "strength": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": -1,
           "max": 1,
           "step": 0.05,
@@ -1615,7 +1745,10 @@ export const shaderRegistry = [
       },
       "radius": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 5,
           "step": 0.1,
@@ -1627,7 +1760,10 @@ export const shaderRegistry = [
       },
       "falloff": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.05,
@@ -1683,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,
@@ -1695,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,
@@ -1707,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,
@@ -1720,7 +1865,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "redIntensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -1732,7 +1880,10 @@ export const shaderRegistry = [
       },
       "greenIntensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -1744,7 +1895,10 @@ export const shaderRegistry = [
       },
       "blueIntensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -1788,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,
@@ -1800,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,
@@ -1810,6 +1970,7 @@ export const shaderRegistry = [
         },
         "colorSpace": {
           "default": "linear",
+          "compileTime": true,
           "description": "Color space for color interpolation",
           "ui": {
             "type": "select",
@@ -1866,7 +2027,10 @@ export const shaderRegistry = [
       },
       "cells": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 1,
           "max": 50,
           "step": 1,
@@ -1878,7 +2042,10 @@ export const shaderRegistry = [
       },
       "softness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -1993,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"
@@ -2080,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": {
@@ -2119,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,
@@ -2131,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,
@@ -2143,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,
@@ -2155,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,
@@ -2167,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,
@@ -2180,7 +2362,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "strength": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.05,
@@ -2192,7 +2377,10 @@ export const shaderRegistry = [
       },
       "angle": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 360,
           "step": 1,
@@ -2204,7 +2392,10 @@ export const shaderRegistry = [
       },
       "redOffset": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": -2,
           "max": 2,
           "step": 0.1,
@@ -2216,7 +2407,10 @@ export const shaderRegistry = [
       },
       "greenOffset": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": -2,
           "max": 2,
           "step": 0.1,
@@ -2228,7 +2422,10 @@ export const shaderRegistry = [
       },
       "blueOffset": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": -2,
           "max": 2,
           "step": 0.1,
@@ -2263,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,
@@ -2275,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,
@@ -2299,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,
@@ -2341,6 +2547,7 @@ export const shaderRegistry = [
         },
         "colorSpace": {
           "default": "linear",
+          "compileTime": true,
           "description": "Color space for blending fill and stroke colors in soft edges",
           "ui": {
             "type": "select",
@@ -2388,7 +2595,10 @@ export const shaderRegistry = [
       },
       "radius": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 2,
           "step": 0.05,
@@ -2400,7 +2610,10 @@ export const shaderRegistry = [
       },
       "softness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.01,
@@ -2424,7 +2637,10 @@ export const shaderRegistry = [
       },
       "strokeThickness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 0.5,
           "step": 0.01,
@@ -2520,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,
@@ -2532,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,
@@ -2544,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,
@@ -2580,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,
@@ -2591,6 +2819,7 @@ export const shaderRegistry = [
         "edges": {
           "default": "mirror",
           "description": "How to handle edges when distortion pushes content out of bounds",
+          "compileTime": true,
           "ui": {
             "type": "select",
             "options": [
@@ -2632,7 +2861,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -2644,7 +2876,10 @@ export const shaderRegistry = [
       },
       "rings": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 1,
           "max": 30,
           "step": 1,
@@ -2656,7 +2891,10 @@ export const shaderRegistry = [
       },
       "smoothness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.01,
@@ -2692,7 +2930,10 @@ export const shaderRegistry = [
       },
       "speedRandomness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.01,
@@ -2759,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,
@@ -2771,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,
@@ -2795,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,
@@ -2879,7 +3129,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "levels": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 2,
           "max": 30,
           "step": 1,
@@ -2891,7 +3144,10 @@ export const shaderRegistry = [
       },
       "lineWidth": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0.5,
           "max": 5,
           "step": 0.1,
@@ -2915,7 +3171,10 @@ export const shaderRegistry = [
       },
       "gamma": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0.1,
           "max": 2,
           "step": 0.05,
@@ -3015,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,
@@ -3027,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,
@@ -3039,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,
@@ -3051,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,
@@ -3060,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,
@@ -3072,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,
@@ -3087,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,
@@ -3099,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,
@@ -3112,7 +3395,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "pixelSize": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 8,
           "max": 128,
           "step": 1,
@@ -3124,7 +3410,10 @@ export const shaderRegistry = [
       },
       "colorShift": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 10,
           "step": 0.1,
@@ -3136,7 +3425,10 @@ export const shaderRegistry = [
       },
       "scanlineIntensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -3148,7 +3440,10 @@ export const shaderRegistry = [
       },
       "scanlineFrequency": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 100,
           "max": 800,
           "step": 10,
@@ -3160,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,
@@ -3196,7 +3500,10 @@ export const shaderRegistry = [
       },
       "vignetteRadius": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.05,
@@ -3225,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,
@@ -3261,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,
@@ -3272,6 +3585,7 @@ export const shaderRegistry = [
         "edges": {
           "default": "stretch",
           "description": "How to handle edges when distortion pushes content out of bounds",
+          "compileTime": true,
           "ui": {
             "type": "select",
             "options": [
@@ -3301,7 +3615,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 20,
           "step": 0.1,
@@ -3337,7 +3654,10 @@ export const shaderRegistry = [
       },
       "chromaticSplit": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 3,
           "step": 0.1,
@@ -3442,6 +3762,7 @@ export const shaderRegistry = [
         },
         "colorSpace": {
           "default": "linear",
+          "compileTime": true,
           "description": "Color space for color interpolation",
           "ui": {
             "type": "select",
@@ -3586,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,
@@ -3597,6 +3921,7 @@ export const shaderRegistry = [
         "edges": {
           "default": "stretch",
           "description": "How to handle edges when distortion pushes content out of bounds",
+          "compileTime": true,
           "ui": {
             "type": "select",
             "options": [
@@ -3626,7 +3951,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -3680,6 +4008,7 @@ export const shaderRegistry = [
       "props": {
         "pattern": {
           "default": "bayer4",
+          "compileTime": true,
           "description": "Dithering pattern algorithm",
           "ui": {
             "type": "select",
@@ -3729,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,
@@ -3741,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,
@@ -3751,6 +4086,7 @@ export const shaderRegistry = [
         },
         "colorMode": {
           "default": "custom",
+          "compileTime": true,
           "description": "How colors are determined",
           "ui": {
             "type": "select",
@@ -3844,7 +4180,10 @@ export const shaderRegistry = [
       },
       "threshold": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.01,
@@ -3856,7 +4195,10 @@ export const shaderRegistry = [
       },
       "spread": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.01,
@@ -3946,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,
@@ -3958,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,
@@ -3992,7 +4340,10 @@ export const shaderRegistry = [
       },
       "dotSize": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.05,
@@ -4004,7 +4355,10 @@ export const shaderRegistry = [
       },
       "twinkle": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -4051,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,
@@ -4061,6 +4418,7 @@ export const shaderRegistry = [
         },
         "colorSpace": {
           "default": "linear",
+          "compileTime": true,
           "description": "Color space for color interpolation",
           "ui": {
             "type": "select",
@@ -4117,7 +4475,10 @@ export const shaderRegistry = [
       },
       "blend": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -4180,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,
@@ -4193,7 +4557,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "strength": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -4220,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,
@@ -4256,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,
@@ -4268,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,
@@ -4280,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,
@@ -4350,7 +4729,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "randomness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -4386,7 +4768,10 @@ export const shaderRegistry = [
       },
       "particleSize": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0.1,
           "max": 20,
           "step": 0.1,
@@ -4398,7 +4783,10 @@ export const shaderRegistry = [
       },
       "particleSoftness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 5,
           "step": 0.1,
@@ -4410,7 +4798,10 @@ export const shaderRegistry = [
       },
       "twinkle": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -4496,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,
@@ -4508,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,
@@ -4531,6 +4928,7 @@ export const shaderRegistry = [
         "edges": {
           "default": "mirror",
           "description": "How to handle edges when distortion pushes content out of bounds",
+          "compileTime": true,
           "ui": {
             "type": "select",
             "options": [
@@ -4560,7 +4958,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "strength": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 0.5,
           "step": 0.05,
@@ -4572,7 +4973,10 @@ export const shaderRegistry = [
       },
       "detail": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0.5,
           "max": 5,
           "step": 0.1,
@@ -4640,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,
@@ -4652,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,
@@ -4664,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,
@@ -4676,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,
@@ -4689,7 +5105,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 10,
           "step": 0.1,
@@ -4701,7 +5120,10 @@ export const shaderRegistry = [
       },
       "tileCount": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 5,
           "max": 50,
           "step": 1,
@@ -4713,7 +5135,10 @@ export const shaderRegistry = [
       },
       "rotation": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 360,
           "step": 1,
@@ -4725,7 +5150,10 @@ export const shaderRegistry = [
       },
       "roundness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -4754,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,
@@ -4778,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,
@@ -4790,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,
@@ -4802,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,
@@ -4814,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,
@@ -4826,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,
@@ -4839,7 +5285,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.01,
@@ -4863,7 +5312,10 @@ export const shaderRegistry = [
       },
       "rgbShift": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 20,
           "step": 0.5,
@@ -4875,7 +5327,10 @@ export const shaderRegistry = [
       },
       "blockDensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 2,
           "max": 50,
           "step": 1,
@@ -4887,7 +5342,10 @@ export const shaderRegistry = [
       },
       "colorBarIntensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.01,
@@ -4899,7 +5357,10 @@ export const shaderRegistry = [
       },
       "mirrorAmount": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.01,
@@ -4911,7 +5372,10 @@ export const shaderRegistry = [
       },
       "scanlineIntensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.01,
@@ -4940,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,
@@ -4952,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,
@@ -4964,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,
@@ -4977,7 +5450,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 10,
           "step": 0.1,
@@ -4989,7 +5465,10 @@ export const shaderRegistry = [
       },
       "threshold": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -5001,7 +5480,10 @@ export const shaderRegistry = [
       },
       "size": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 1,
           "max": 20,
           "step": 0.1,
@@ -5040,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,
@@ -5052,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,
@@ -5064,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,
@@ -5119,7 +5610,10 @@ export const shaderRegistry = [
       },
       "density": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -5131,7 +5625,10 @@ export const shaderRegistry = [
       },
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -5143,7 +5640,10 @@ export const shaderRegistry = [
       },
       "spotty": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -5223,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,
@@ -5235,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"
@@ -5257,7 +5763,10 @@ export const shaderRegistry = [
       },
       "cells": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 1,
           "max": 50,
           "step": 1,
@@ -5269,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"
@@ -5334,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,
@@ -5345,6 +5860,7 @@ export const shaderRegistry = [
         "edges": {
           "default": "stretch",
           "description": "How to handle edges when distortion pushes content out of bounds",
+          "compileTime": true,
           "ui": {
             "type": "select",
             "options": [
@@ -5410,7 +5926,10 @@ export const shaderRegistry = [
       },
       "gridSize": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 8,
           "max": 128,
           "step": 1,
@@ -5480,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,
@@ -5492,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,
@@ -5504,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,
@@ -5517,7 +6045,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "frequency": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 10,
           "max": 300,
           "step": 1,
@@ -5529,7 +6060,10 @@ export const shaderRegistry = [
       },
       "angle": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 360,
           "step": 1,
@@ -5541,7 +6075,10 @@ export const shaderRegistry = [
       },
       "smoothness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 0.3,
           "step": 0.1,
@@ -5569,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,
@@ -5582,7 +6122,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "shift": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": -180,
           "max": 180,
           "step": 1,
@@ -5733,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,
@@ -5745,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,
@@ -5756,6 +6305,7 @@ export const shaderRegistry = [
         "edges": {
           "default": "mirror",
           "description": "How to handle edges when distortion pushes content out of bounds",
+          "compileTime": true,
           "ui": {
             "type": "select",
             "options": [
@@ -5797,7 +6347,10 @@ export const shaderRegistry = [
       },
       "segments": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 2,
           "max": 24,
           "step": 1,
@@ -5809,7 +6362,10 @@ export const shaderRegistry = [
       },
       "angle": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 360,
           "step": 1,
@@ -5874,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,
@@ -5886,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,
@@ -5910,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,
@@ -5922,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,
@@ -5946,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,
@@ -5958,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,
@@ -5970,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,
@@ -5982,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,
@@ -5994,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,
@@ -6006,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,
@@ -6018,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,
@@ -6030,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,
@@ -6042,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,
@@ -6079,7 +6674,10 @@ export const shaderRegistry = [
       },
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 2,
           "step": 0.01,
@@ -6091,7 +6689,10 @@ export const shaderRegistry = [
       },
       "ghostIntensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.01,
@@ -6115,7 +6716,10 @@ export const shaderRegistry = [
       },
       "ghostChroma": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.01,
@@ -6127,7 +6731,10 @@ export const shaderRegistry = [
       },
       "haloIntensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.01,
@@ -6151,7 +6758,10 @@ export const shaderRegistry = [
       },
       "haloChroma": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.01,
@@ -6163,7 +6773,10 @@ export const shaderRegistry = [
       },
       "haloSoftness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0.01,
           "max": 3,
           "step": 0.01,
@@ -6175,7 +6788,10 @@ export const shaderRegistry = [
       },
       "starburstIntensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.01,
@@ -6187,7 +6803,10 @@ export const shaderRegistry = [
       },
       "starburstPoints": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 4,
           "max": 16,
           "step": 1,
@@ -6199,7 +6818,10 @@ export const shaderRegistry = [
       },
       "streakIntensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.01,
@@ -6211,7 +6833,10 @@ export const shaderRegistry = [
       },
       "streakLength": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0.1,
           "max": 1,
           "step": 0.01,
@@ -6223,7 +6848,10 @@ export const shaderRegistry = [
       },
       "glareIntensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.01,
@@ -6235,7 +6863,10 @@ export const shaderRegistry = [
       },
       "glareSize": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0.1,
           "max": 1,
           "step": 0.01,
@@ -6247,7 +6878,10 @@ export const shaderRegistry = [
       },
       "edgeFade": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.01,
@@ -6288,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,
@@ -6300,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,
@@ -6313,7 +6953,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -6325,7 +6968,10 @@ export const shaderRegistry = [
       },
       "angle": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 360,
           "step": 1,
@@ -6393,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,
@@ -6403,6 +7052,7 @@ export const shaderRegistry = [
         },
         "edges": {
           "default": "stretch",
+          "compileTime": true,
           "description": "How to handle areas beyond the gradient endpoints",
           "ui": {
             "type": "select",
@@ -6430,6 +7080,7 @@ export const shaderRegistry = [
         },
         "colorSpace": {
           "default": "linear",
+          "compileTime": true,
           "description": "Color space for color interpolation",
           "ui": {
             "type": "select",
@@ -6510,7 +7161,10 @@ export const shaderRegistry = [
       },
       "angle": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 360,
           "step": 1,
@@ -6636,6 +7290,7 @@ export const shaderRegistry = [
         "edges": {
           "default": "stretch",
           "description": "How to handle edges when distortion pushes content out of bounds",
+          "compileTime": true,
           "ui": {
             "type": "select",
             "options": [
@@ -6757,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,
@@ -6768,6 +7426,7 @@ export const shaderRegistry = [
         "edges": {
           "default": "mirror",
           "description": "How to handle edges when distortion pushes content out of bounds",
+          "compileTime": true,
           "ui": {
             "type": "select",
             "options": [
@@ -6809,7 +7468,10 @@ export const shaderRegistry = [
       },
       "angle": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 360,
           "step": 1,
@@ -6877,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,
@@ -6889,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,
@@ -6901,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,
@@ -6913,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,
@@ -6936,6 +7610,7 @@ export const shaderRegistry = [
         "edges": {
           "default": "transparent",
           "description": "How to handle edges",
+          "compileTime": true,
           "ui": {
             "type": "select",
             "options": [
@@ -6977,7 +7652,10 @@ export const shaderRegistry = [
       },
       "pan": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": -90,
           "max": 90,
           "step": 0.1,
@@ -6989,7 +7667,10 @@ export const shaderRegistry = [
       },
       "tilt": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": -90,
           "max": 90,
           "step": 0.1,
@@ -7001,7 +7682,10 @@ export const shaderRegistry = [
       },
       "fov": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 30,
           "max": 120,
           "step": 1,
@@ -7013,7 +7697,10 @@ export const shaderRegistry = [
       },
       "zoom": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0.5,
           "max": 3,
           "step": 0.1,
@@ -7081,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,
@@ -7094,7 +7784,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "scale": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 1,
           "max": 200,
           "step": 1,
@@ -7120,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,
@@ -7144,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,
@@ -7168,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,
@@ -7180,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,
@@ -7208,6 +7913,7 @@ export const shaderRegistry = [
         },
         "colorSpace": {
           "default": "linear",
+          "compileTime": true,
           "description": "Color space for color interpolation",
           "ui": {
             "type": "select",
@@ -7246,7 +7952,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "density": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 4,
           "step": 0.1,
@@ -7270,7 +7979,10 @@ export const shaderRegistry = [
       },
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0.1,
           "max": 3,
           "step": 0.1,
@@ -7294,7 +8006,10 @@ export const shaderRegistry = [
       },
       "contrast": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 3,
           "step": 0.1,
@@ -7306,7 +8021,10 @@ export const shaderRegistry = [
       },
       "balance": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -7400,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,
@@ -7412,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,
@@ -7424,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,
@@ -7435,6 +8162,7 @@ export const shaderRegistry = [
         "edges": {
           "default": "transparent",
           "description": "How to handle edges when distortion pushes content out of bounds",
+          "compileTime": true,
           "ui": {
             "type": "select",
             "options": [
@@ -7476,7 +8204,10 @@ export const shaderRegistry = [
       },
       "wrap": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 2,
           "step": 0.1,
@@ -7488,7 +8219,10 @@ export const shaderRegistry = [
       },
       "radius": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 2,
           "step": 0.1,
@@ -7500,7 +8234,10 @@ export const shaderRegistry = [
       },
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -7555,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,
@@ -7568,7 +8308,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 2,
           "max": 20,
           "step": 1,
@@ -7597,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,
@@ -7609,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,
@@ -7633,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,
@@ -7646,7 +8398,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -7658,7 +8413,10 @@ export const shaderRegistry = [
       },
       "angle": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 360,
           "step": 1,
@@ -7682,7 +8440,10 @@ export const shaderRegistry = [
       },
       "falloff": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -7738,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,
@@ -7748,6 +8512,7 @@ export const shaderRegistry = [
         },
         "colorSpace": {
           "default": "linear",
+          "compileTime": true,
           "description": "Color space for color interpolation",
           "ui": {
             "type": "select",
@@ -7816,7 +8581,10 @@ export const shaderRegistry = [
       },
       "radius": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 2,
           "step": 0.1,
@@ -7892,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,
@@ -7904,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,
@@ -7915,6 +8689,7 @@ export const shaderRegistry = [
         "edges": {
           "default": "transparent",
           "description": "How to handle edges when distortion pushes content out of bounds",
+          "compileTime": true,
           "ui": {
             "type": "select",
             "options": [
@@ -7956,7 +8731,10 @@ export const shaderRegistry = [
       },
       "scale": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0.1,
           "max": 3,
           "step": 0.1,
@@ -7968,7 +8746,10 @@ export const shaderRegistry = [
       },
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -8063,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,
@@ -8075,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,
@@ -8087,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,
@@ -8099,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,
@@ -8154,7 +8947,10 @@ export const shaderRegistry = [
       },
       "frequency": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 1,
           "max": 80,
           "step": 0.1,
@@ -8166,7 +8962,10 @@ export const shaderRegistry = [
       },
       "softness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 3,
           "step": 0.1,
@@ -8178,7 +8977,10 @@ export const shaderRegistry = [
       },
       "thickness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -8190,7 +8992,10 @@ export const shaderRegistry = [
       },
       "phase": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 6.28,
           "step": 0.1,
@@ -8218,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,
@@ -8231,7 +9039,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 3,
           "step": 0.1,
@@ -8260,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,
@@ -8273,7 +9087,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "sharpness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 5,
           "step": 0.1,
@@ -8302,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,
@@ -8362,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,
@@ -8374,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,
@@ -8397,6 +9223,7 @@ export const shaderRegistry = [
         "edges": {
           "default": "mirror",
           "description": "How to handle edges when displacement pushes content out of bounds",
+          "compileTime": true,
           "ui": {
             "type": "select",
             "options": [
@@ -8426,7 +9253,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "crackWidth": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0.5,
           "max": 5,
           "step": 0.1,
@@ -8486,7 +9316,10 @@ export const shaderRegistry = [
       },
       "chromaticSplit": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 5,
           "step": 0.1,
@@ -8498,7 +9331,10 @@ export const shaderRegistry = [
       },
       "refractionStrength": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 10,
           "step": 0.1,
@@ -8593,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,
@@ -8605,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": {
@@ -8672,7 +9514,10 @@ export const shaderRegistry = [
       },
       "balance": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": -1,
           "max": 1,
           "step": 0.1,
@@ -8684,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)"
@@ -8743,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,
@@ -8755,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,
@@ -8779,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,
@@ -8803,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,
@@ -8815,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,
@@ -8837,7 +9700,10 @@ export const shaderRegistry = [
       },
       "amplitude": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -8849,7 +9715,10 @@ export const shaderRegistry = [
       },
       "frequency": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0.1,
           "max": 20,
           "step": 0.1,
@@ -8873,7 +9742,10 @@ export const shaderRegistry = [
       },
       "angle": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 360,
           "step": 1,
@@ -8897,7 +9769,10 @@ export const shaderRegistry = [
       },
       "thickness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 2,
           "step": 0.1,
@@ -8909,7 +9784,10 @@ export const shaderRegistry = [
       },
       "softness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -8971,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,
@@ -8983,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,
@@ -9019,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,
@@ -9031,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,
@@ -9053,7 +9943,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "radius": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0.1,
           "max": 3,
           "step": 0.1,
@@ -9065,7 +9958,10 @@ export const shaderRegistry = [
       },
       "depth": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 3,
           "step": 0.1,
@@ -9101,7 +9997,10 @@ export const shaderRegistry = [
       },
       "lightIntensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -9113,7 +10012,10 @@ export const shaderRegistry = [
       },
       "lightSoftness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -9166,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,
@@ -9178,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,
@@ -9190,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,
@@ -9226,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,
@@ -9236,6 +10150,7 @@ export const shaderRegistry = [
         },
         "colorSpace": {
           "default": "linear",
+          "compileTime": true,
           "description": "Color space for color interpolation",
           "ui": {
             "type": "select",
@@ -9292,7 +10207,10 @@ export const shaderRegistry = [
       },
       "strokeWidth": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 2,
           "step": 0.1,
@@ -9304,7 +10222,10 @@ export const shaderRegistry = [
       },
       "strokeFalloff": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -9316,7 +10237,10 @@ export const shaderRegistry = [
       },
       "softness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -9352,7 +10276,10 @@ export const shaderRegistry = [
       },
       "scale": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0.1,
           "max": 5,
           "step": 0.1,
@@ -9428,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,
@@ -9440,7 +10370,10 @@ export const shaderRegistry = [
           "default": 1,
           "description": "Wave frequency",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 5,
             "step": 0.1,
@@ -9464,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,
@@ -9531,7 +10467,10 @@ export const shaderRegistry = [
       },
       "amplitude": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 5,
           "step": 0.1,
@@ -9543,7 +10482,10 @@ export const shaderRegistry = [
       },
       "frequency": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 5,
           "step": 0.1,
@@ -9567,7 +10509,10 @@ export const shaderRegistry = [
       },
       "lineWidth": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.05,
@@ -9650,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"
           }
@@ -9662,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,
@@ -9674,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"
           }
@@ -9685,6 +10639,7 @@ export const shaderRegistry = [
         "edges": {
           "default": "stretch",
           "description": "How to handle edges when distortion pushes content out of bounds",
+          "compileTime": true,
           "ui": {
             "type": "select",
             "options": [
@@ -9726,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"
         },
@@ -9738,7 +10696,10 @@ export const shaderRegistry = [
       },
       "angle": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 360,
           "step": 1,
@@ -9750,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"
         },
@@ -9821,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,
@@ -9833,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,
@@ -9845,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,
@@ -9857,7 +10830,10 @@ export const shaderRegistry = [
           "default": 0,
           "description": "Edge softness",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 1,
             "step": 0.1,
@@ -9881,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,
@@ -9891,6 +10870,7 @@ export const shaderRegistry = [
         },
         "colorSpace": {
           "default": "linear",
+          "compileTime": true,
           "description": "Color space for interpolation",
           "ui": {
             "type": "select",
@@ -9947,7 +10927,10 @@ export const shaderRegistry = [
       },
       "angle": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": -180,
           "max": 180,
           "step": 1,
@@ -9959,7 +10942,10 @@ export const shaderRegistry = [
       },
       "density": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 1,
           "max": 30,
           "step": 1,
@@ -9971,7 +10957,10 @@ export const shaderRegistry = [
       },
       "balance": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -9983,7 +10972,10 @@ export const shaderRegistry = [
       },
       "softness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -10007,7 +10999,10 @@ export const shaderRegistry = [
       },
       "offset": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -10086,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,
@@ -10098,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,
@@ -10119,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,
@@ -10131,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,
@@ -10143,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,
@@ -10164,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,
@@ -10176,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,
@@ -10188,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,
@@ -10200,7 +11219,10 @@ export const shaderRegistry = [
           "default": 0,
           "description": "Edge darkening",
           "ui": {
-            "type": "range",
+            "type": [
+              "range",
+              "map"
+            ],
             "min": 0,
             "max": 100,
             "step": 1,
@@ -10224,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,
@@ -10236,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,
@@ -10248,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,
@@ -10303,7 +11334,10 @@ export const shaderRegistry = [
       },
       "keyIntensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -10315,7 +11349,10 @@ export const shaderRegistry = [
       },
       "keySoftness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -10336,7 +11373,10 @@ export const shaderRegistry = [
       },
       "fillIntensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -10348,7 +11388,10 @@ export const shaderRegistry = [
       },
       "fillSoftness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -10360,7 +11403,10 @@ export const shaderRegistry = [
       },
       "fillAngle": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -10381,7 +11427,10 @@ export const shaderRegistry = [
       },
       "backIntensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -10393,7 +11442,10 @@ export const shaderRegistry = [
       },
       "backSoftness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -10405,7 +11457,10 @@ export const shaderRegistry = [
       },
       "brightness": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -10417,7 +11472,10 @@ export const shaderRegistry = [
       },
       "vignette": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -10441,7 +11499,10 @@ export const shaderRegistry = [
       },
       "lightTarget": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -10453,7 +11514,10 @@ export const shaderRegistry = [
       },
       "wallCurvature": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -10465,7 +11529,10 @@ export const shaderRegistry = [
       },
       "ambientIntensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -10545,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,
@@ -10557,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,
@@ -10567,6 +11640,7 @@ export const shaderRegistry = [
         },
         "colorSpace": {
           "default": "linear",
+          "compileTime": true,
           "description": "Color space for color interpolation",
           "ui": {
             "type": "select",
@@ -10635,7 +11709,10 @@ export const shaderRegistry = [
       },
       "detail": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 5,
           "step": 0.1,
@@ -10647,7 +11724,10 @@ export const shaderRegistry = [
       },
       "blend": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -10711,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,
@@ -10723,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,
@@ -10735,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,
@@ -10747,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,
@@ -10772,7 +11864,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,
@@ -10784,7 +11879,10 @@ export const shaderRegistry = [
       },
       "width": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -10796,7 +11894,10 @@ export const shaderRegistry = [
       },
       "falloff": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -10808,7 +11909,10 @@ export const shaderRegistry = [
       },
       "angle": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 360,
           "step": 1,
@@ -10857,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,
@@ -10888,7 +11995,10 @@ export const shaderRegistry = [
       },
       "amount": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -10953,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,
@@ -10963,6 +12076,7 @@ export const shaderRegistry = [
         },
         "colorSpace": {
           "default": "linear",
+          "compileTime": true,
           "description": "Color space for color interpolation",
           "ui": {
             "type": "select",
@@ -11028,7 +12142,10 @@ export const shaderRegistry = [
       },
       "blendMid": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.1,
@@ -11104,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,
@@ -11115,6 +12235,7 @@ export const shaderRegistry = [
         "edges": {
           "default": "stretch",
           "description": "How to handle edges when distortion pushes content out of bounds",
+          "compileTime": true,
           "ui": {
             "type": "select",
             "options": [
@@ -11156,7 +12277,10 @@ export const shaderRegistry = [
       },
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": -5,
           "max": 5,
           "step": 0.1,
@@ -11211,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,
@@ -11224,7 +12351,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": -2,
           "max": 2,
           "step": 0.1,
@@ -11366,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,
@@ -11378,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,
@@ -11402,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,
@@ -11413,6 +12552,7 @@ export const shaderRegistry = [
         "waveType": {
           "default": "sine",
           "description": "Shape of the distortion wave",
+          "compileTime": true,
           "ui": {
             "type": "select",
             "options": [
@@ -11444,6 +12584,7 @@ export const shaderRegistry = [
         "edges": {
           "default": "stretch",
           "description": "How to handle edges when distortion pushes content out of bounds",
+          "compileTime": true,
           "ui": {
             "type": "select",
             "options": [
@@ -11473,7 +12614,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "strength": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 1,
           "step": 0.05,
@@ -11485,7 +12629,10 @@ export const shaderRegistry = [
       },
       "frequency": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0.1,
           "max": 10,
           "step": 0.1,
@@ -11509,7 +12656,10 @@ export const shaderRegistry = [
       },
       "angle": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 360,
           "step": 1,
@@ -11691,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,
@@ -11716,7 +12869,10 @@ export const shaderRegistry = [
     "propsMetadata": {
       "intensity": {
         "ui": {
-          "type": "range",
+          "type": [
+            "range",
+            "map"
+          ],
           "min": 0,
           "max": 100,
           "step": 1,