shaders 3.0.452 → 3.1.454

package/dist/registry.js

@@ -15,8 +15,6 @@ export const shaderRegistry = [
       },
       "category": "Blurs",
       "description": "Radial motion blur rotating around a center point",
-      "requiresRTT": true,
-      "requiresChild": true,
       "props": {
         "intensity": {
           "default": 20,
@@ -45,7 +43,9 @@ export const shaderRegistry = [
             "group": "Position"
           }
         }
-      }
+      },
+      "requiresRTT": true,
+      "requiresChild": true
     },
     "propsMetadata": {
       "intensity": {
@@ -84,6 +84,9 @@ export const shaderRegistry = [
     "fileName": "Arc",
     "definition": {
       "name": "Arc",
+      "category": "Shapes",
+      "description": "Pie sector (arc wedge) with adjustable radius and aperture angle",
+      "acceptsUVContext": true,
       "boundingBoxDeclaration": {
         "propBindings": {
           "x": {
@@ -108,9 +111,6 @@ export const shaderRegistry = [
           }
         }
       },
-      "category": "Shapes",
-      "description": "Pie sector (arc wedge) with adjustable radius and aperture angle",
-      "acceptsUVContext": true,
       "props": {
         "origin": {
           "default": "center",
@@ -4379,7 +4379,6 @@ export const shaderRegistry = [
       },
       "category": "Adjustments",
       "description": "Adjust brightness and contrast of the image",
-      "requiresChild": true,
       "props": {
         "brightness": {
           "default": 0,
@@ -4411,7 +4410,8 @@ export const shaderRegistry = [
             "group": "Adjustments"
           }
         }
-      }
+      },
+      "requiresChild": true
     },
     "propsMetadata": {
       "brightness": {
@@ -4694,6 +4694,36 @@ export const shaderRegistry = [
             "group": "Surface"
           }
         },
+        "bevelWidth": {
+          "default": 0.05,
+          "description": "Width of the edge bevel, relative to the shape — thin for machined jewellery edges, wide for soft pillowed metal",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0.005,
+            "max": 0.2,
+            "step": 0.001,
+            "label": "Bevel Width",
+            "group": "Surface"
+          }
+        },
+        "bevelShape": {
+          "default": 0,
+          "description": "Bevel profile — 0 = one smooth round fillet, 1 = machined: a steep outer fillet, a chamfer plateau and an inner knee, each catching its own line of light",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Bevel Profile",
+            "group": "Surface"
+          }
+        },
         "edgeSoftness": {
           "default": 0.05,
           "description": "Softness of the shape boundary edge",
@@ -4903,6 +4933,36 @@ export const shaderRegistry = [
         "default": 0.4,
         "description": "Speed of the slowly drifting reflection — the studio gently orbits the surface. 0 pauses."
       },
+      "bevelWidth": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0.005,
+          "max": 0.2,
+          "step": 0.001,
+          "label": "Bevel Width",
+          "group": "Surface"
+        },
+        "default": 0.05,
+        "description": "Width of the edge bevel, relative to the shape — thin for machined jewellery edges, wide for soft pillowed metal"
+      },
+      "bevelShape": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Bevel Profile",
+          "group": "Surface"
+        },
+        "default": 0,
+        "description": "Bevel profile — 0 = one smooth round fillet, 1 = machined: a steep outer fillet, a chamfer plateau and an inner knee, each catching its own line of light"
+      },
       "edgeSoftness": {
         "ui": {
           "type": "range",
@@ -5381,6 +5441,36 @@ export const shaderRegistry = [
             "group": "Surface"
           }
         },
+        "bevelWidth": {
+          "default": 0.05,
+          "description": "Width of the edge bevel, relative to the shape — thin for machined jewellery edges, wide for soft pillowed metal",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0.005,
+            "max": 0.2,
+            "step": 0.001,
+            "label": "Bevel Width",
+            "group": "Surface"
+          }
+        },
+        "bevelShape": {
+          "default": 0,
+          "description": "Bevel profile — 0 = one smooth round fillet, 1 = machined: a steep outer fillet, a chamfer plateau and an inner knee, each catching its own line of light",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Bevel Profile",
+            "group": "Surface"
+          }
+        },
         "edgeSoftness": {
           "default": 0.05,
           "description": "Softness of the shape boundary edge",
@@ -5609,6 +5699,36 @@ export const shaderRegistry = [
         "default": 215,
         "description": "Direction of the key light for the fibre sheen, in degrees"
       },
+      "bevelWidth": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0.005,
+          "max": 0.2,
+          "step": 0.001,
+          "label": "Bevel Width",
+          "group": "Surface"
+        },
+        "default": 0.05,
+        "description": "Width of the edge bevel, relative to the shape — thin for machined jewellery edges, wide for soft pillowed metal"
+      },
+      "bevelShape": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Bevel Profile",
+          "group": "Surface"
+        },
+        "default": 0,
+        "description": "Bevel profile — 0 = one smooth round fillet, 1 = machined: a steep outer fillet, a chamfer plateau and an inner knee, each catching its own line of light"
+      },
       "edgeSoftness": {
         "ui": {
           "type": "range",
@@ -6923,6 +7043,612 @@ export const shaderRegistry = [
       }
     }
   },
+  {
+    "name": "Chrome",
+    "category": "Shape Effects",
+    "description": "Studio-lit mirror chrome — a precision-machined shape with a controllable polished bevel, softly convex faces and a photographic studio reflected in them: one huge frontal softbox, black flags, and thin warm/cool strip lights that fringe amber and ice-blue exactly where the reflections break",
+    "fileName": "Chrome",
+    "definition": {
+      "name": "Chrome",
+      "boundingBoxDeclaration": {
+        "propBindings": {
+          "x": {
+            "prop": "center",
+            "as": "position-x"
+          },
+          "y": {
+            "prop": "center",
+            "as": "position-y"
+          },
+          "rotation": {
+            "prop": "rotation",
+            "as": "degrees"
+          }
+        }
+      },
+      "category": "Shape Effects",
+      "description": "Studio-lit mirror chrome — a precision-machined shape with a controllable polished bevel, softly convex faces and a photographic studio reflected in them: one huge frontal softbox, black flags, and thin warm/cool strip lights that fringe amber and ice-blue exactly where the reflections break",
+      "animatedTime": {
+        "speed": "speed"
+      },
+      "extraFields": {
+        "_vfOriginX": {
+          "initial": 0
+        },
+        "_vfOriginY": {
+          "initial": 0
+        },
+        "_vfSpanX": {
+          "initial": 1
+        },
+        "_vfSpanY": {
+          "initial": 1
+        },
+        "_vfActiveRes": {
+          "initial": 1
+        },
+        "_vfRBound": {
+          "initial": 0.6
+        },
+        "_saRadius": {
+          "initial": 0.35
+        },
+        "_saSides": {
+          "initial": 6
+        },
+        "_saRounding": {
+          "initial": 0
+        },
+        "_saInnerRatio": {
+          "initial": 0.4
+        },
+        "_saRotation": {
+          "initial": 0
+        },
+        "_saHeight": {
+          "initial": 0.25
+        },
+        "_saOffset": {
+          "initial": 0.2
+        },
+        "_saAperture": {
+          "initial": 270
+        }
+      },
+      "props": {
+        "origin": {
+          "default": "center",
+          "description": "Reference edge the center position is measured from (center default). Lets you pin the shape relative to a corner or the canvas centre.",
+          "ui": {
+            "type": "origin",
+            "label": "Origin",
+            "group": "Position"
+          }
+        },
+        "center": {
+          "default": {
+            "x": 0.5,
+            "y": 0.5
+          },
+          "description": "Center position of the chrome shape",
+          "ui": {
+            "type": "position",
+            "label": "Center",
+            "group": "Position",
+            "units": [
+              "%",
+              "px"
+            ]
+          }
+        },
+        "scale": {
+          "default": 1,
+          "description": "Scale of the chrome shape (1 = default size)",
+          "ui": {
+            "type": "range",
+            "min": 0.1,
+            "max": 3,
+            "step": 0.01,
+            "label": "Scale",
+            "group": "Position"
+          }
+        },
+        "rotation": {
+          "default": 0,
+          "description": "Rotation of the chrome shape in degrees",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 360,
+            "step": 1,
+            "label": "Rotation",
+            "group": "Position"
+          }
+        },
+        "tint": {
+          "default": "#ffffff",
+          "description": "Metal tint multiplied into the reflection — white for silver chrome, warm ivory for gold, dusky rose for copper",
+          "ui": {
+            "type": "color",
+            "label": "Tint",
+            "group": "Metal"
+          }
+        },
+        "warmColor": {
+          "default": "#ffa94d",
+          "description": "Color of the warm strip light hugging the studio horizon — the amber band that fringes the reflections",
+          "ui": {
+            "type": "color",
+            "label": "Warm Light",
+            "group": "Metal"
+          }
+        },
+        "coolColor": {
+          "default": "#82a7e6",
+          "description": "Color of the cool wash below the horizon — the steel-blue zone the darker reflections fall into",
+          "ui": {
+            "type": "color",
+            "label": "Cool Light",
+            "group": "Metal"
+          }
+        },
+        "bevelWidth": {
+          "default": 0.028,
+          "description": "Width of the polished edge bevel, relative to the shape — thin for machined jewellery edges, wide for soft pillowed metal",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0.005,
+            "max": 0.2,
+            "step": 0.001,
+            "label": "Bevel Width",
+            "group": "Bevel"
+          }
+        },
+        "bevelShape": {
+          "default": 0.55,
+          "description": "Bevel profile — 0 = one smooth round fillet, 1 = machined: a steep outer fillet, a chamfer plateau and an inner knee, each catching its own line of light",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Bevel Profile",
+            "group": "Bevel"
+          }
+        },
+        "curvature": {
+          "default": 0.5,
+          "description": "Convex doming of the faces — sweeps the big soft studio gradients across otherwise flat metal",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Curvature",
+            "group": "Bevel"
+          }
+        },
+        "waviness": {
+          "default": 0.15,
+          "description": "Pressed-metal imperfection — gently bends the face reflections and wobbles the bevel light lines so the surface reads as real",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Waviness",
+            "group": "Bevel"
+          }
+        },
+        "environment": {
+          "default": 1,
+          "description": "Exposure of the reflected studio — the overall brilliance of the chrome",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 2,
+            "step": 0.01,
+            "label": "Environment",
+            "group": "Studio"
+          }
+        },
+        "envRotation": {
+          "default": 0,
+          "description": "Rotates the whole reflected studio — spins where the softbox, flags and strips fall",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 360,
+            "step": 1,
+            "label": "Env Rotation",
+            "group": "Studio"
+          }
+        },
+        "softness": {
+          "default": 0.3,
+          "description": "Softness of the studio edges — 0 = razor polished reflections, 1 = satin diffusion",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Softness",
+            "group": "Studio"
+          }
+        },
+        "spectral": {
+          "default": 0.9,
+          "description": "The coloured accent lights: an amber glow hugging the softbox edge and an ice-blue wash below it. 0 = a fully achromatic black-and-white studio.",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 2,
+            "step": 0.01,
+            "label": "Accent Lights",
+            "group": "Studio"
+          }
+        },
+        "dispersion": {
+          "default": 0.3,
+          "description": "Prismatic RGB splitting concentrated on the fast-curving bevel — thin rainbow micro-fringes along the edge highlights, distinct from the broad accent lights",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Dispersion",
+            "group": "Studio"
+          }
+        },
+        "shadows": {
+          "default": 0.7,
+          "description": "Depth of the dark studio reflections — how hard the black side flags and floor crush toward graphite. 0 lifts them to a soft gray studio.",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Shadows",
+            "group": "Studio"
+          }
+        },
+        "speed": {
+          "default": 0.5,
+          "description": "Speed of the studio orbit — the whole lighting environment slowly wanders around the piece, sliding the reflections across faces and edges. 0 freezes it.",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 4,
+            "step": 0.01,
+            "label": "Speed",
+            "group": "Studio"
+          }
+        },
+        "edgeSoftness": {
+          "default": 0.05,
+          "description": "Softness of the shape boundary edge",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Edge Softness",
+            "group": "Surface"
+          }
+        },
+        "shape": {
+          "default": "{\"type\":\"roundedRectSDF\",\"width\":0.42,\"height\":0.3,\"rounding\":0.12}",
+          "description": "Serialized shape configuration (JSON)",
+          "ui": {
+            "type": "shape",
+            "label": "Shape",
+            "group": "Shape"
+          }
+        },
+        "shapeSdfUrl": {
+          "default": "",
+          "compileTime": true,
+          "description": "URL to a pre-generated SDF .bin file"
+        },
+        "shapeType": {
+          "default": "",
+          "compileTime": true,
+          "description": "Active SDF shape type"
+        }
+      }
+    },
+    "propsMetadata": {
+      "origin": {
+        "ui": {
+          "type": "origin",
+          "label": "Origin",
+          "group": "Position"
+        },
+        "default": "center",
+        "description": "Reference edge the center position is measured from (center default). Lets you pin the shape relative to a corner or the canvas centre."
+      },
+      "center": {
+        "ui": {
+          "type": "position",
+          "label": "Center",
+          "group": "Position",
+          "units": [
+            "%",
+            "px"
+          ]
+        },
+        "default": {
+          "x": 0.5,
+          "y": 0.5
+        },
+        "description": "Center position of the chrome shape"
+      },
+      "scale": {
+        "ui": {
+          "type": "range",
+          "min": 0.1,
+          "max": 3,
+          "step": 0.01,
+          "label": "Scale",
+          "group": "Position"
+        },
+        "default": 1,
+        "description": "Scale of the chrome shape (1 = default size)"
+      },
+      "rotation": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 360,
+          "step": 1,
+          "label": "Rotation",
+          "group": "Position"
+        },
+        "default": 0,
+        "description": "Rotation of the chrome shape in degrees"
+      },
+      "tint": {
+        "ui": {
+          "type": "color",
+          "label": "Tint",
+          "group": "Metal"
+        },
+        "default": "#ffffff",
+        "description": "Metal tint multiplied into the reflection — white for silver chrome, warm ivory for gold, dusky rose for copper"
+      },
+      "warmColor": {
+        "ui": {
+          "type": "color",
+          "label": "Warm Light",
+          "group": "Metal"
+        },
+        "default": "#ffa94d",
+        "description": "Color of the warm strip light hugging the studio horizon — the amber band that fringes the reflections"
+      },
+      "coolColor": {
+        "ui": {
+          "type": "color",
+          "label": "Cool Light",
+          "group": "Metal"
+        },
+        "default": "#82a7e6",
+        "description": "Color of the cool wash below the horizon — the steel-blue zone the darker reflections fall into"
+      },
+      "bevelWidth": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0.005,
+          "max": 0.2,
+          "step": 0.001,
+          "label": "Bevel Width",
+          "group": "Bevel"
+        },
+        "default": 0.028,
+        "description": "Width of the polished edge bevel, relative to the shape — thin for machined jewellery edges, wide for soft pillowed metal"
+      },
+      "bevelShape": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Bevel Profile",
+          "group": "Bevel"
+        },
+        "default": 0.55,
+        "description": "Bevel profile — 0 = one smooth round fillet, 1 = machined: a steep outer fillet, a chamfer plateau and an inner knee, each catching its own line of light"
+      },
+      "curvature": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Curvature",
+          "group": "Bevel"
+        },
+        "default": 0.5,
+        "description": "Convex doming of the faces — sweeps the big soft studio gradients across otherwise flat metal"
+      },
+      "waviness": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Waviness",
+          "group": "Bevel"
+        },
+        "default": 0.15,
+        "description": "Pressed-metal imperfection — gently bends the face reflections and wobbles the bevel light lines so the surface reads as real"
+      },
+      "environment": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 2,
+          "step": 0.01,
+          "label": "Environment",
+          "group": "Studio"
+        },
+        "default": 1,
+        "description": "Exposure of the reflected studio — the overall brilliance of the chrome"
+      },
+      "envRotation": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 360,
+          "step": 1,
+          "label": "Env Rotation",
+          "group": "Studio"
+        },
+        "default": 0,
+        "description": "Rotates the whole reflected studio — spins where the softbox, flags and strips fall"
+      },
+      "softness": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Softness",
+          "group": "Studio"
+        },
+        "default": 0.3,
+        "description": "Softness of the studio edges — 0 = razor polished reflections, 1 = satin diffusion"
+      },
+      "spectral": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 2,
+          "step": 0.01,
+          "label": "Accent Lights",
+          "group": "Studio"
+        },
+        "default": 0.9,
+        "description": "The coloured accent lights: an amber glow hugging the softbox edge and an ice-blue wash below it. 0 = a fully achromatic black-and-white studio."
+      },
+      "dispersion": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Dispersion",
+          "group": "Studio"
+        },
+        "default": 0.3,
+        "description": "Prismatic RGB splitting concentrated on the fast-curving bevel — thin rainbow micro-fringes along the edge highlights, distinct from the broad accent lights"
+      },
+      "shadows": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Shadows",
+          "group": "Studio"
+        },
+        "default": 0.7,
+        "description": "Depth of the dark studio reflections — how hard the black side flags and floor crush toward graphite. 0 lifts them to a soft gray studio."
+      },
+      "speed": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 4,
+          "step": 0.01,
+          "label": "Speed",
+          "group": "Studio"
+        },
+        "default": 0.5,
+        "description": "Speed of the studio orbit — the whole lighting environment slowly wanders around the piece, sliding the reflections across faces and edges. 0 freezes it."
+      },
+      "edgeSoftness": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Edge Softness",
+          "group": "Surface"
+        },
+        "default": 0.05,
+        "description": "Softness of the shape boundary edge"
+      },
+      "shape": {
+        "ui": {
+          "type": "shape",
+          "label": "Shape",
+          "group": "Shape"
+        },
+        "default": "{\"type\":\"roundedRectSDF\",\"width\":0.42,\"height\":0.3,\"rounding\":0.12}",
+        "description": "Serialized shape configuration (JSON)"
+      }
+    }
+  },
   {
     "name": "Circle",
     "category": "Shapes",
@@ -8596,6 +9322,9 @@ export const shaderRegistry = [
     "fileName": "Crescent",
     "definition": {
       "name": "Crescent",
+      "category": "Shapes",
+      "description": "Crescent moon shape — an outer circle with an inner circle subtracted",
+      "acceptsUVContext": true,
       "boundingBoxDeclaration": {
         "propBindings": {
           "x": {
@@ -8620,9 +9349,6 @@ export const shaderRegistry = [
           }
         }
       },
-      "category": "Shapes",
-      "description": "Crescent moon shape — an outer circle with an inner circle subtracted",
-      "acceptsUVContext": true,
       "props": {
         "origin": {
           "default": "center",
@@ -8983,6 +9709,9 @@ export const shaderRegistry = [
     "fileName": "Cross",
     "definition": {
       "name": "Cross",
+      "category": "Shapes",
+      "description": "Plus / cross shape with adjustable arm length, width, and rounding",
+      "acceptsUVContext": true,
       "boundingBoxDeclaration": {
         "propBindings": {
           "x": {
@@ -9007,9 +9736,6 @@ export const shaderRegistry = [
           }
         }
       },
-      "category": "Shapes",
-      "description": "Plus / cross shape with adjustable arm length, width, and rounding",
-      "acceptsUVContext": true,
       "props": {
         "origin": {
           "default": "center",
@@ -11519,8 +12245,6 @@ export const shaderRegistry = [
       },
       "category": "Blurs",
       "description": "Grain-like pixel displacement at random",
-      "requiresRTT": true,
-      "requiresChild": true,
       "props": {
         "intensity": {
           "default": 30,
@@ -11565,7 +12289,9 @@ export const shaderRegistry = [
             "group": "Effect"
           }
         }
-      }
+      },
+      "requiresRTT": true,
+      "requiresChild": true
     },
     "propsMetadata": {
       "intensity": {
@@ -11822,8 +12548,6 @@ export const shaderRegistry = [
       "name": "Dither",
       "category": "Stylize",
       "description": "Dithering effect with multiple pattern options",
-      "requiresRTT": true,
-      "requiresChild": true,
       "blendWithChildren": false,
       "boundingBoxDeclaration": {
         "aspectRatio": null
@@ -11955,7 +12679,9 @@ export const shaderRegistry = [
             "group": "Colors"
           }
         }
-      }
+      },
+      "requiresRTT": true,
+      "requiresChild": true
     },
     "propsMetadata": {
       "pattern": {
@@ -12300,8 +13026,6 @@ export const shaderRegistry = [
       },
       "category": "Stylize",
       "description": "Adds a soft shadow behind the child content based on its alpha silhouette",
-      "requiresRTT": true,
-      "requiresChild": true,
       "props": {
         "color": {
           "default": "#000000",
@@ -12382,7 +13106,9 @@ export const shaderRegistry = [
             "group": "Effect"
           }
         }
-      }
+      },
+      "requiresRTT": true,
+      "requiresChild": true
     },
     "propsMetadata": {
       "color": {
@@ -12478,7 +13204,6 @@ export const shaderRegistry = [
       },
       "category": "Adjustments",
       "description": "Map colors to two tones based on luminance",
-      "requiresChild": true,
       "props": {
         "colorA": {
           "default": "#ff0000",
@@ -12549,7 +13274,8 @@ export const shaderRegistry = [
             "group": "Colors"
           }
         }
-      }
+      },
+      "requiresChild": true
     },
     "propsMetadata": {
       "colorA": {
@@ -12629,6 +13355,9 @@ export const shaderRegistry = [
     "fileName": "Ellipse",
     "definition": {
       "name": "Ellipse",
+      "category": "Shapes",
+      "description": "Ellipse with independently adjustable horizontal and vertical radii",
+      "acceptsUVContext": true,
       "boundingBoxDeclaration": {
         "propBindings": {
           "x": {
@@ -12653,9 +13382,6 @@ export const shaderRegistry = [
           }
         }
       },
-      "category": "Shapes",
-      "description": "Ellipse with independently adjustable horizontal and vertical radii",
-      "acceptsUVContext": true,
       "props": {
         "origin": {
           "default": "center",
@@ -13316,8 +14042,6 @@ export const shaderRegistry = [
       },
       "category": "Stylize",
       "description": "Copper-plate line engraving — the image is redrawn as flowing line work whose weight swells with darkness, lines displaced by the form like a banknote portrait: a single plate, cross-hatched shadow plates, or one continuous spiral cut",
-      "requiresRTT": true,
-      "requiresChild": true,
       "blendWithChildren": false,
       "props": {
         "style": {
@@ -13455,7 +14179,9 @@ export const shaderRegistry = [
             "group": "Colors"
           }
         }
-      }
+      },
+      "requiresRTT": true,
+      "requiresChild": true
     },
     "propsMetadata": {
       "style": {
@@ -13860,7 +14586,6 @@ export const shaderRegistry = [
       },
       "category": "Adjustments",
       "description": "Multiplicative exposure (gain) on the child. Unlike additive brightness, it scales values around black — blacks stay black while highlights can be pushed past 1.0 to feed HDR bloom and tone-mapping roll-off. Pointwise, so no extra render pass is needed.",
-      "requiresChild": true,
       "props": {
         "exposure": {
           "default": 1,
@@ -13877,7 +14602,8 @@ export const shaderRegistry = [
             "group": "Adjustments"
           }
         }
-      }
+      },
+      "requiresChild": true
     },
     "propsMetadata": {
       "exposure": {
@@ -14257,7 +14983,6 @@ export const shaderRegistry = [
       },
       "category": "Stylize",
       "description": "Analog film grain texture overlay, weighted toward darker areas",
-      "requiresChild": true,
       "extraFields": {
         "animTime": {
           "initial": 0
@@ -14300,7 +15025,8 @@ export const shaderRegistry = [
             "group": "Effect"
           }
         }
-      }
+      },
+      "requiresChild": true
     },
     "propsMetadata": {
       "strength": {
@@ -14999,6 +15725,9 @@ export const shaderRegistry = [
     "fileName": "Flower",
     "definition": {
       "name": "Flower",
+      "category": "Shapes",
+      "description": "Petal shape with N lobes and adjustable inner-to-outer radius ratio",
+      "acceptsUVContext": true,
       "boundingBoxDeclaration": {
         "propBindings": {
           "x": {
@@ -15023,9 +15752,6 @@ export const shaderRegistry = [
           }
         }
       },
-      "category": "Shapes",
-      "description": "Petal shape with N lobes and adjustable inner-to-outer radius ratio",
-      "acceptsUVContext": true,
       "props": {
         "origin": {
           "default": "center",
@@ -20068,7 +20794,6 @@ export const shaderRegistry = [
       },
       "category": "Stylize",
       "description": "Maps source luminance through an animated color gradient (Photoshop-style gradient map)",
-      "requiresChild": true,
       "props": {
         "palette": {
           "default": "rainbow",
@@ -20260,7 +20985,8 @@ export const shaderRegistry = [
             }
           }
         }
-      }
+      },
+      "requiresChild": true
     },
     "propsMetadata": {
       "palette": {
@@ -20466,8 +21192,8 @@ export const shaderRegistry = [
       },
       "category": "Adjustments",
       "description": "Convert colors to black and white",
-      "requiresChild": true,
-      "props": {}
+      "props": {},
+      "requiresChild": true
     },
     "propsMetadata": {}
   },
@@ -21416,6 +22142,9 @@ export const shaderRegistry = [
     "fileName": "Heart",
     "definition": {
       "name": "Heart",
+      "category": "Shapes",
+      "description": "Heart shape with adjustable size",
+      "acceptsUVContext": true,
       "boundingBoxDeclaration": {
         "propBindings": {
           "x": {
@@ -21440,9 +22169,6 @@ export const shaderRegistry = [
           }
         }
       },
-      "category": "Shapes",
-      "description": "Heart shape with adjustable size",
-      "acceptsUVContext": true,
       "props": {
         "origin": {
           "default": "center",
@@ -23561,7 +24287,6 @@ export const shaderRegistry = [
       },
       "category": "Adjustments",
       "description": "Rotate hue around the color wheel",
-      "requiresChild": true,
       "props": {
         "shift": {
           "default": 0,
@@ -23578,7 +24303,8 @@ export const shaderRegistry = [
             "group": "Adjustments"
           }
         }
-      }
+      },
+      "requiresChild": true
     },
     "propsMetadata": {
       "shift": {
@@ -23612,6 +24338,9 @@ export const shaderRegistry = [
       "category": "Textures",
       "description": "Display an image with customizable object-fit modes",
       "acceptsUVContext": true,
+      "naturalSizeKey": {
+        "fromProp": "url"
+      },
       "props": {
         "url": {
           "default": "https://shaders.com/sample.jpg",
@@ -24101,8 +24830,8 @@ export const shaderRegistry = [
       },
       "category": "Adjustments",
       "description": "Invert RGB colors while preserving alpha",
-      "requiresChild": true,
-      "props": {}
+      "props": {},
+      "requiresChild": true
     },
     "propsMetadata": {}
   },
@@ -27102,6 +27831,344 @@ export const shaderRegistry = [
       }
     }
   },
+  {
+    "name": "Line",
+    "category": "Shapes",
+    "description": "Draw a straight line between two points with color, thickness, and solid, dashed, or dotted styles",
+    "fileName": "Line",
+    "definition": {
+      "name": "Line",
+      "boundingBoxDeclaration": {
+        "aspectRatio": null,
+        "supportsResizeFit": true
+      },
+      "category": "Shapes",
+      "description": "Draw a straight line between two points with color, thickness, and solid, dashed, or dotted styles",
+      "acceptsUVContext": true,
+      "props": {
+        "color": {
+          "default": "#ffffff",
+          "description": "The color of the line",
+          "ui": {
+            "type": "color",
+            "label": "Color",
+            "group": "Colors"
+          }
+        },
+        "pointA": {
+          "default": {
+            "x": 0.2,
+            "y": 0.5
+          },
+          "description": "The start point of the line",
+          "ui": {
+            "type": "position",
+            "label": "Point A",
+            "group": "Position",
+            "units": [
+              "%",
+              "px"
+            ]
+          }
+        },
+        "pointB": {
+          "default": {
+            "x": 0.8,
+            "y": 0.5
+          },
+          "description": "The end point of the line",
+          "ui": {
+            "type": "position",
+            "label": "Point B",
+            "group": "Position",
+            "units": [
+              "%",
+              "px"
+            ]
+          }
+        },
+        "thickness": {
+          "default": 0.01,
+          "description": "The thickness of the line. A value of one (1) matches the canvas height.",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 0.25,
+            "step": 0.001,
+            "label": "Thickness",
+            "group": "Effect",
+            "dimensional": "canvas-height"
+          }
+        },
+        "style": {
+          "default": "solid",
+          "description": "The line style: solid, dashed, or dotted. Dashes and dots are spaced to land exactly on both endpoints.",
+          "ui": {
+            "type": "select",
+            "options": [
+              {
+                "label": "Solid",
+                "value": "solid"
+              },
+              {
+                "label": "Dashed",
+                "value": "dashed"
+              },
+              {
+                "label": "Dotted",
+                "value": "dotted"
+              }
+            ],
+            "label": "Style",
+            "group": "Style"
+          }
+        },
+        "dashLength": {
+          "default": 0.05,
+          "description": "The length of each dash, including its caps",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 0.5,
+            "step": 0.001,
+            "label": "Dash Length",
+            "group": "Style",
+            "dimensional": "canvas-height",
+            "condition": {
+              "style": "dashed"
+            }
+          }
+        },
+        "gapLength": {
+          "default": 0.025,
+          "description": "The gap between dashes, or the spacing between dots",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 0.5,
+            "step": 0.001,
+            "label": "Gap Length",
+            "group": "Style",
+            "dimensional": "canvas-height",
+            "condition": {
+              "style": [
+                "dashed",
+                "dotted"
+              ]
+            }
+          }
+        },
+        "capStart": {
+          "default": "rounded",
+          "description": "Cap shape at the start of the line (point A). Rounded caps center on the endpoint; square caps end flat exactly at it. Also shapes the A-facing end of each dash and dot.",
+          "ui": {
+            "type": "select",
+            "options": [
+              {
+                "label": "Square",
+                "value": "square"
+              },
+              {
+                "label": "Rounded",
+                "value": "rounded"
+              }
+            ],
+            "label": "Start Cap",
+            "group": "Style"
+          }
+        },
+        "capEnd": {
+          "default": "rounded",
+          "description": "Cap shape at the end of the line (point B). Rounded caps center on the endpoint; square caps end flat exactly at it. Also shapes the B-facing end of each dash and dot.",
+          "ui": {
+            "type": "select",
+            "options": [
+              {
+                "label": "Square",
+                "value": "square"
+              },
+              {
+                "label": "Rounded",
+                "value": "rounded"
+              }
+            ],
+            "label": "End Cap",
+            "group": "Style"
+          }
+        }
+      }
+    },
+    "propsMetadata": {
+      "color": {
+        "ui": {
+          "type": "color",
+          "label": "Color",
+          "group": "Colors"
+        },
+        "default": "#ffffff",
+        "description": "The color of the line"
+      },
+      "pointA": {
+        "ui": {
+          "type": "position",
+          "label": "Point A",
+          "group": "Position",
+          "units": [
+            "%",
+            "px"
+          ]
+        },
+        "default": {
+          "x": 0.2,
+          "y": 0.5
+        },
+        "description": "The start point of the line"
+      },
+      "pointB": {
+        "ui": {
+          "type": "position",
+          "label": "Point B",
+          "group": "Position",
+          "units": [
+            "%",
+            "px"
+          ]
+        },
+        "default": {
+          "x": 0.8,
+          "y": 0.5
+        },
+        "description": "The end point of the line"
+      },
+      "thickness": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 0.25,
+          "step": 0.001,
+          "label": "Thickness",
+          "group": "Effect",
+          "dimensional": "canvas-height"
+        },
+        "default": 0.01,
+        "description": "The thickness of the line. A value of one (1) matches the canvas height."
+      },
+      "style": {
+        "ui": {
+          "type": "select",
+          "options": [
+            {
+              "label": "Solid",
+              "value": "solid"
+            },
+            {
+              "label": "Dashed",
+              "value": "dashed"
+            },
+            {
+              "label": "Dotted",
+              "value": "dotted"
+            }
+          ],
+          "label": "Style",
+          "group": "Style"
+        },
+        "default": "solid",
+        "description": "The line style: solid, dashed, or dotted. Dashes and dots are spaced to land exactly on both endpoints."
+      },
+      "dashLength": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 0.5,
+          "step": 0.001,
+          "label": "Dash Length",
+          "group": "Style",
+          "dimensional": "canvas-height",
+          "condition": {
+            "style": "dashed"
+          }
+        },
+        "default": 0.05,
+        "description": "The length of each dash, including its caps"
+      },
+      "gapLength": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 0.5,
+          "step": 0.001,
+          "label": "Gap Length",
+          "group": "Style",
+          "dimensional": "canvas-height",
+          "condition": {
+            "style": [
+              "dashed",
+              "dotted"
+            ]
+          }
+        },
+        "default": 0.025,
+        "description": "The gap between dashes, or the spacing between dots"
+      },
+      "capStart": {
+        "ui": {
+          "type": "select",
+          "options": [
+            {
+              "label": "Square",
+              "value": "square"
+            },
+            {
+              "label": "Rounded",
+              "value": "rounded"
+            }
+          ],
+          "label": "Start Cap",
+          "group": "Style"
+        },
+        "default": "rounded",
+        "description": "Cap shape at the start of the line (point A). Rounded caps center on the endpoint; square caps end flat exactly at it. Also shapes the A-facing end of each dash and dot."
+      },
+      "capEnd": {
+        "ui": {
+          "type": "select",
+          "options": [
+            {
+              "label": "Square",
+              "value": "square"
+            },
+            {
+              "label": "Rounded",
+              "value": "rounded"
+            }
+          ],
+          "label": "End Cap",
+          "group": "Style"
+        },
+        "default": "rounded",
+        "description": "Cap shape at the end of the line (point B). Rounded caps center on the endpoint; square caps end flat exactly at it. Also shapes the B-facing end of each dash and dot."
+      }
+    }
+  },
   {
     "name": "LinearBlur",
     "category": "Blurs",
@@ -27115,8 +28182,6 @@ export const shaderRegistry = [
       },
       "category": "Blurs",
       "description": "Directional motion blur in a specific angle",
-      "requiresRTT": true,
-      "requiresChild": true,
       "props": {
         "intensity": {
           "default": 30,
@@ -27148,7 +28213,9 @@ export const shaderRegistry = [
             "group": "Effect"
           }
         }
-      }
+      },
+      "requiresRTT": true,
+      "requiresChild": true
     },
     "propsMetadata": {
       "intensity": {
@@ -27837,6 +28904,36 @@ export const shaderRegistry = [
             "group": "Surface"
           }
         },
+        "bevelWidth": {
+          "default": 0.05,
+          "description": "Width of the edge bevel, relative to the shape — thin for machined jewellery edges, wide for soft pillowed metal",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0.005,
+            "max": 0.2,
+            "step": 0.001,
+            "label": "Bevel Width",
+            "group": "Surface"
+          }
+        },
+        "bevelShape": {
+          "default": 0,
+          "description": "Bevel profile — 0 = one smooth round fillet, 1 = machined: a steep outer fillet, a chamfer plateau and an inner knee, each catching its own line of light",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Bevel Profile",
+            "group": "Surface"
+          }
+        },
         "edgeSoftness": {
           "default": 0.05,
           "description": "Softness of the shape boundary edge",
@@ -28046,6 +29143,36 @@ export const shaderRegistry = [
         "default": 265,
         "description": "Direction of the key light for the specular glints, in degrees"
       },
+      "bevelWidth": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0.005,
+          "max": 0.2,
+          "step": 0.001,
+          "label": "Bevel Width",
+          "group": "Surface"
+        },
+        "default": 0.05,
+        "description": "Width of the edge bevel, relative to the shape — thin for machined jewellery edges, wide for soft pillowed metal"
+      },
+      "bevelShape": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Bevel Profile",
+          "group": "Surface"
+        },
+        "default": 0,
+        "description": "Bevel profile — 0 = one smooth round fillet, 1 = machined: a steep outer fillet, a chamfer plateau and an inner knee, each catching its own line of light"
+      },
       "edgeSoftness": {
         "ui": {
           "type": "range",
@@ -31223,6 +32350,9 @@ export const shaderRegistry = [
     "fileName": "Parallelogram",
     "definition": {
       "name": "Parallelogram",
+      "category": "Shapes",
+      "description": "Parallelogram with adjustable width, height and skew",
+      "acceptsUVContext": true,
       "boundingBoxDeclaration": {
         "propBindings": {
           "x": {
@@ -31247,9 +32377,6 @@ export const shaderRegistry = [
           }
         }
       },
-      "category": "Shapes",
-      "description": "Parallelogram with adjustable width, height and skew",
-      "acceptsUVContext": true,
       "props": {
         "origin": {
           "default": "center",
@@ -35443,6 +36570,9 @@ export const shaderRegistry = [
     "fileName": "Polygon",
     "definition": {
       "name": "Polygon",
+      "category": "Shapes",
+      "description": "Regular polygon with adjustable sides and corner rounding",
+      "acceptsUVContext": true,
       "boundingBoxDeclaration": {
         "propBindings": {
           "x": {
@@ -35467,9 +36597,6 @@ export const shaderRegistry = [
           }
         }
       },
-      "category": "Shapes",
-      "description": "Regular polygon with adjustable sides and corner rounding",
-      "acceptsUVContext": true,
       "props": {
         "origin": {
           "default": "center",
@@ -35836,7 +36963,6 @@ export const shaderRegistry = [
       },
       "category": "Adjustments",
       "description": "Reduce color depth to create a poster effect",
-      "requiresChild": true,
       "props": {
         "intensity": {
           "default": 5,
@@ -35853,7 +36979,8 @@ export const shaderRegistry = [
             "group": "Effect"
           }
         }
-      }
+      },
+      "requiresChild": true
     },
     "propsMetadata": {
       "intensity": {
@@ -39061,6 +40188,9 @@ export const shaderRegistry = [
     "fileName": "Ring",
     "definition": {
       "name": "Ring",
+      "category": "Shapes",
+      "description": "Annular ring (donut) with adjustable radius and band thickness",
+      "acceptsUVContext": true,
       "boundingBoxDeclaration": {
         "propBindings": {
           "x": {
@@ -39073,9 +40203,6 @@ export const shaderRegistry = [
           }
         }
       },
-      "category": "Shapes",
-      "description": "Annular ring (donut) with adjustable radius and band thickness",
-      "acceptsUVContext": true,
       "props": {
         "origin": {
           "default": "center",
@@ -40162,7 +41289,6 @@ export const shaderRegistry = [
       },
       "category": "Adjustments",
       "description": "Adjust color saturation intensity",
-      "requiresChild": true,
       "props": {
         "intensity": {
           "default": 1,
@@ -40179,7 +41305,8 @@ export const shaderRegistry = [
             "group": "Adjustments"
           }
         }
-      }
+      },
+      "requiresChild": true
     },
     "propsMetadata": {
       "intensity": {
@@ -40367,8 +41494,6 @@ export const shaderRegistry = [
       },
       "category": "Adjustments",
       "description": "Adjust image sharpness using a convolution kernel",
-      "requiresRTT": true,
-      "requiresChild": true,
       "props": {
         "sharpness": {
           "default": 0,
@@ -40385,7 +41510,9 @@ export const shaderRegistry = [
             "group": "Adjustments"
           }
         }
-      }
+      },
+      "requiresRTT": true,
+      "requiresChild": true
     },
     "propsMetadata": {
       "sharpness": {
@@ -42679,7 +43806,6 @@ export const shaderRegistry = [
       },
       "category": "Adjustments",
       "description": "Inverts tones above a luminance threshold — a classic darkroom and photo effect",
-      "requiresChild": true,
       "props": {
         "threshold": {
           "default": 0.5,
@@ -42711,7 +43837,8 @@ export const shaderRegistry = [
             "group": "Effect"
           }
         }
-      }
+      },
+      "requiresChild": true
     },
     "propsMetadata": {
       "threshold": {
@@ -46440,6 +47567,9 @@ export const shaderRegistry = [
     "fileName": "Teardrop",
     "definition": {
       "name": "Teardrop",
+      "category": "Shapes",
+      "description": "Teardrop — a rounded bulb tapering to a sharp point",
+      "acceptsUVContext": true,
       "boundingBoxDeclaration": {
         "propBindings": {
           "x": {
@@ -46464,9 +47594,6 @@ export const shaderRegistry = [
           }
         }
       },
-      "category": "Shapes",
-      "description": "Teardrop — a rounded bulb tapering to a sharp point",
-      "acceptsUVContext": true,
       "props": {
         "origin": {
           "default": "center",
@@ -48576,7 +49703,6 @@ export const shaderRegistry = [
       },
       "category": "Adjustments",
       "description": "Apply a color tint to the image",
-      "requiresChild": true,
       "props": {
         "color": {
           "default": "#ff8800",
@@ -48612,7 +49738,8 @@ export const shaderRegistry = [
             "group": "Effect"
           }
         }
-      }
+      },
+      "requiresChild": true
     },
     "propsMetadata": {
       "color": {
@@ -48657,6 +49784,9 @@ export const shaderRegistry = [
     "fileName": "Trapezoid",
     "definition": {
       "name": "Trapezoid",
+      "category": "Shapes",
+      "description": "Trapezoid with adjustable top and bottom widths and height",
+      "acceptsUVContext": true,
       "boundingBoxDeclaration": {
         "propBindings": {
           "x": {
@@ -48674,9 +49804,6 @@ export const shaderRegistry = [
         },
         "freeResize": true
       },
-      "category": "Shapes",
-      "description": "Trapezoid with adjustable top and bottom widths and height",
-      "acceptsUVContext": true,
       "props": {
         "origin": {
           "default": "center",
@@ -49227,256 +50354,256 @@ export const shaderRegistry = [
       "colorA": {
         "ui": {
           "type": "color",
-          "label": "Fill",
-          "group": "Colors"
-        },
-        "default": "#1a1a1a",
-        "description": "Triangle fill color"
-      },
-      "colorB": {
-        "ui": {
-          "type": "color",
-          "label": "Lines",
-          "group": "Colors"
-        },
-        "default": "#ffffff",
-        "description": "Grid line color"
-      },
-      "cells": {
-        "ui": {
-          "type": [
-            "range",
-            "map"
-          ],
-          "min": 1,
-          "max": 40,
-          "step": 1,
-          "label": "Cells",
-          "group": "Effect"
-        },
-        "default": 8,
-        "description": "Number of triangle rows down the shortest canvas edge"
-      },
-      "thickness": {
-        "ui": {
-          "type": [
-            "range",
-            "map"
-          ],
-          "min": 0,
-          "max": 10,
-          "step": 0.1,
-          "label": "Thickness",
-          "group": "Effect"
-        },
-        "default": 1,
-        "description": "Thickness of the grid lines (0 = no lines)"
-      },
-      "rotation": {
-        "ui": {
-          "type": [
-            "range",
-            "map"
-          ],
-          "min": 0,
-          "max": 360,
-          "step": 1,
-          "label": "Rotation",
-          "group": "Effect"
-        },
-        "default": 0,
-        "description": "Rotation of the grid in degrees"
-      },
-      "softness": {
-        "ui": {
-          "type": [
-            "range",
-            "map"
-          ],
-          "min": 0,
-          "max": 1,
-          "step": 0.01,
-          "label": "Softness",
-          "group": "Effect"
-        },
-        "default": 0,
-        "description": "Softness of the line edges (0 = crisp, 1 = very soft)"
-      },
-      "variation": {
-        "ui": {
-          "type": [
-            "range",
-            "map"
-          ],
-          "min": 0,
-          "max": 1,
-          "step": 0.01,
-          "label": "Variation",
-          "group": "Effect"
-        },
-        "default": 0,
-        "description": "Per-triangle random lightening/darkening of the fill color"
-      },
-      "speed": {
-        "ui": {
-          "type": "range",
-          "min": -3,
-          "max": 3,
-          "step": 0.01,
-          "label": "Speed",
-          "group": "Animation"
-        },
-        "default": 0,
-        "description": "Animates the triangle rows drifting horizontally (0 = static)"
-      },
-      "speedVariance": {
-        "ui": {
-          "type": "range",
-          "min": 0,
-          "max": 1,
-          "step": 0.01,
-          "label": "Speed Variance",
-          "group": "Animation"
-        },
-        "default": 0.3,
-        "description": "Per-row random speed variance for irregular drifting motion"
-      },
-      "colorSpace": {
-        "ui": {
-          "type": "select",
-          "options": [
-            {
-              "label": "Linear RGB",
-              "value": "linear"
-            },
-            {
-              "label": "OKLCh",
-              "value": "oklch"
-            },
-            {
-              "label": "OKLAB",
-              "value": "oklab"
-            },
-            {
-              "label": "HSL",
-              "value": "hsl"
-            },
-            {
-              "label": "HSV",
-              "value": "hsv"
-            },
-            {
-              "label": "LCH",
-              "value": "lch"
-            }
-          ],
-          "label": "Color Space",
-          "group": "Colors"
-        },
-        "default": "linear",
-        "description": "Color space for color interpolation"
-      }
-    }
-  },
-  {
-    "name": "Tritone",
-    "category": "Adjustments",
-    "description": "Map colors to three tones: shadows, midtones, highlights",
-    "fileName": "Tritone",
-    "requiresChild": true,
-    "definition": {
-      "name": "Tritone",
-      "boundingBoxDeclaration": {
-        "aspectRatio": null
-      },
-      "category": "Adjustments",
-      "description": "Map colors to three tones: shadows, midtones, highlights",
-      "requiresChild": true,
-      "props": {
-        "colorA": {
-          "default": "#ce1bea",
-          "description": "First color (used for shadows/darkest areas)",
-          "ui": {
-            "type": "color",
-            "label": "Color A (Shadows)",
-            "group": "Colors"
-          }
-        },
-        "colorB": {
-          "default": "#2fff00",
-          "description": "Second color (used for midtones)",
-          "ui": {
-            "type": "color",
-            "label": "Color B (Midtones)",
-            "group": "Colors"
-          }
-        },
-        "colorC": {
-          "default": "#ffff00",
-          "description": "Third color (used for highlights/brightest areas)",
-          "ui": {
-            "type": "color",
-            "label": "Color C (Highlights)",
-            "group": "Colors"
-          }
-        },
-        "blendMid": {
-          "default": 0.5,
-          "description": "Midpoint position between the three colors",
-          "ui": {
-            "type": [
-              "range",
-              "map"
-            ],
-            "min": 0,
-            "max": 1,
-            "step": 0.1,
-            "label": "Midpoint",
-            "group": "Effect"
-          }
-        },
-        "colorSpace": {
-          "default": "linear",
-          "compileTime": true,
-          "description": "Color space for color interpolation",
-          "ui": {
-            "type": "select",
-            "options": [
-              {
-                "label": "Linear RGB",
-                "value": "linear"
-              },
-              {
-                "label": "OKLCh",
-                "value": "oklch"
-              },
-              {
-                "label": "OKLAB",
-                "value": "oklab"
-              },
-              {
-                "label": "HSL",
-                "value": "hsl"
-              },
-              {
-                "label": "HSV",
-                "value": "hsv"
-              },
-              {
-                "label": "LCH",
-                "value": "lch"
-              }
-            ],
-            "label": "Color Space",
-            "group": "Colors"
-          }
-        }
-      }
-    },
-    "propsMetadata": {
-      "colorA": {
-        "ui": {
-          "type": "color",
+          "label": "Fill",
+          "group": "Colors"
+        },
+        "default": "#1a1a1a",
+        "description": "Triangle fill color"
+      },
+      "colorB": {
+        "ui": {
+          "type": "color",
+          "label": "Lines",
+          "group": "Colors"
+        },
+        "default": "#ffffff",
+        "description": "Grid line color"
+      },
+      "cells": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 1,
+          "max": 40,
+          "step": 1,
+          "label": "Cells",
+          "group": "Effect"
+        },
+        "default": 8,
+        "description": "Number of triangle rows down the shortest canvas edge"
+      },
+      "thickness": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 10,
+          "step": 0.1,
+          "label": "Thickness",
+          "group": "Effect"
+        },
+        "default": 1,
+        "description": "Thickness of the grid lines (0 = no lines)"
+      },
+      "rotation": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 360,
+          "step": 1,
+          "label": "Rotation",
+          "group": "Effect"
+        },
+        "default": 0,
+        "description": "Rotation of the grid in degrees"
+      },
+      "softness": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Softness",
+          "group": "Effect"
+        },
+        "default": 0,
+        "description": "Softness of the line edges (0 = crisp, 1 = very soft)"
+      },
+      "variation": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Variation",
+          "group": "Effect"
+        },
+        "default": 0,
+        "description": "Per-triangle random lightening/darkening of the fill color"
+      },
+      "speed": {
+        "ui": {
+          "type": "range",
+          "min": -3,
+          "max": 3,
+          "step": 0.01,
+          "label": "Speed",
+          "group": "Animation"
+        },
+        "default": 0,
+        "description": "Animates the triangle rows drifting horizontally (0 = static)"
+      },
+      "speedVariance": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Speed Variance",
+          "group": "Animation"
+        },
+        "default": 0.3,
+        "description": "Per-row random speed variance for irregular drifting motion"
+      },
+      "colorSpace": {
+        "ui": {
+          "type": "select",
+          "options": [
+            {
+              "label": "Linear RGB",
+              "value": "linear"
+            },
+            {
+              "label": "OKLCh",
+              "value": "oklch"
+            },
+            {
+              "label": "OKLAB",
+              "value": "oklab"
+            },
+            {
+              "label": "HSL",
+              "value": "hsl"
+            },
+            {
+              "label": "HSV",
+              "value": "hsv"
+            },
+            {
+              "label": "LCH",
+              "value": "lch"
+            }
+          ],
+          "label": "Color Space",
+          "group": "Colors"
+        },
+        "default": "linear",
+        "description": "Color space for color interpolation"
+      }
+    }
+  },
+  {
+    "name": "Tritone",
+    "category": "Adjustments",
+    "description": "Map colors to three tones: shadows, midtones, highlights",
+    "fileName": "Tritone",
+    "requiresChild": true,
+    "definition": {
+      "name": "Tritone",
+      "boundingBoxDeclaration": {
+        "aspectRatio": null
+      },
+      "category": "Adjustments",
+      "description": "Map colors to three tones: shadows, midtones, highlights",
+      "props": {
+        "colorA": {
+          "default": "#ce1bea",
+          "description": "First color (used for shadows/darkest areas)",
+          "ui": {
+            "type": "color",
+            "label": "Color A (Shadows)",
+            "group": "Colors"
+          }
+        },
+        "colorB": {
+          "default": "#2fff00",
+          "description": "Second color (used for midtones)",
+          "ui": {
+            "type": "color",
+            "label": "Color B (Midtones)",
+            "group": "Colors"
+          }
+        },
+        "colorC": {
+          "default": "#ffff00",
+          "description": "Third color (used for highlights/brightest areas)",
+          "ui": {
+            "type": "color",
+            "label": "Color C (Highlights)",
+            "group": "Colors"
+          }
+        },
+        "blendMid": {
+          "default": 0.5,
+          "description": "Midpoint position between the three colors",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.1,
+            "label": "Midpoint",
+            "group": "Effect"
+          }
+        },
+        "colorSpace": {
+          "default": "linear",
+          "compileTime": true,
+          "description": "Color space for color interpolation",
+          "ui": {
+            "type": "select",
+            "options": [
+              {
+                "label": "Linear RGB",
+                "value": "linear"
+              },
+              {
+                "label": "OKLCh",
+                "value": "oklch"
+              },
+              {
+                "label": "OKLAB",
+                "value": "oklab"
+              },
+              {
+                "label": "HSL",
+                "value": "hsl"
+              },
+              {
+                "label": "HSV",
+                "value": "hsv"
+              },
+              {
+                "label": "LCH",
+                "value": "lch"
+              }
+            ],
+            "label": "Color Space",
+            "group": "Colors"
+          }
+        }
+      },
+      "requiresChild": true
+    },
+    "propsMetadata": {
+      "colorA": {
+        "ui": {
+          "type": "color",
           "label": "Color A (Shadows)",
           "group": "Colors"
         },
@@ -50125,6 +51252,9 @@ export const shaderRegistry = [
     "fileName": "Vesica",
     "definition": {
       "name": "Vesica",
+      "category": "Shapes",
+      "description": "Vesica piscis (lens shape) formed by the intersection of two overlapping circles",
+      "acceptsUVContext": true,
       "boundingBoxDeclaration": {
         "propBindings": {
           "x": {
@@ -50149,9 +51279,6 @@ export const shaderRegistry = [
           }
         }
       },
-      "category": "Shapes",
-      "description": "Vesica piscis (lens shape) formed by the intersection of two overlapping circles",
-      "acceptsUVContext": true,
       "props": {
         "origin": {
           "default": "center",
@@ -50629,7 +51756,6 @@ export const shaderRegistry = [
       },
       "category": "Adjustments",
       "description": "Selective saturation adjustment protecting skin tones",
-      "requiresChild": true,
       "props": {
         "intensity": {
           "default": 0,
@@ -50646,7 +51772,8 @@ export const shaderRegistry = [
             "group": "Adjustments"
           }
         }
-      }
+      },
+      "requiresChild": true
     },
     "propsMetadata": {
       "intensity": {
@@ -50680,6 +51807,9 @@ export const shaderRegistry = [
       "category": "Textures",
       "description": "Display a video with customizable playback and object-fit modes",
       "acceptsUVContext": true,
+      "naturalSizeKey": {
+        "fromProp": "url"
+      },
       "props": {
         "url": {
           "default": "https://shaders.com/sample.mp4",
@@ -50790,7 +51920,6 @@ export const shaderRegistry = [
       },
       "category": "Stylize",
       "description": "Darkens or tints the edges of the frame, drawing attention toward the center",
-      "requiresChild": true,
       "props": {
         "color": {
           "default": "#000000",
@@ -50858,7 +51987,8 @@ export const shaderRegistry = [
             "group": "Effect"
           }
         }
-      }
+      },
+      "requiresChild": true
     },
     "propsMetadata": {
       "color": {
@@ -52697,6 +53827,9 @@ export const shaderRegistry = [
       "category": "Textures",
       "description": "Display a live webcam feed with customizable object-fit modes",
       "acceptsUVContext": true,
+      "naturalSizeKey": {
+        "fixed": "webcam"
+      },
       "props": {
         "objectFit": {
           "default": "cover",
@@ -53465,8 +54598,6 @@ export const shaderRegistry = [
       },
       "category": "Blurs",
       "description": "Radial zoom blur expanding from a center point",
-      "requiresRTT": true,
-      "requiresChild": true,
       "props": {
         "intensity": {
           "default": 30,
@@ -53495,7 +54626,9 @@ export const shaderRegistry = [
             "group": "Position"
           }
         }
-      }
+      },
+      "requiresRTT": true,
+      "requiresChild": true
     },
     "propsMetadata": {
       "intensity": {