@basementstudio/shader-lab 0.1.0 → 1.0.2

package/src/lib/editor/config/layer-registry.ts

@@ -1,2434 +0,0 @@
-import {
-  CUSTOM_SHADER_ENTRY_EXPORT,
-  CUSTOM_SHADER_INTERNAL_VISIBILITY,
-  CUSTOM_SHADER_STARTER,
-} from "@/lib/editor/custom-shader/shared"
-import type {
-  EffectLayerType,
-  LayerDefinition,
-  LayerKind,
-  LayerType,
-  ModelLayerType,
-  ParameterDefinitions,
-  SourceLayerType,
-} from "@/types/editor"
-
-const imageParams = [
-  {
-    defaultValue: "cover",
-    key: "fitMode",
-    label: "Fit",
-    options: [
-      { label: "Cover", value: "cover" },
-      { label: "Contain", value: "contain" },
-      { label: "Stretch", value: "stretch" },
-    ],
-    type: "select",
-  },
-  {
-    defaultValue: 1,
-    key: "scale",
-    label: "Scale",
-    max: 4,
-    min: 0.25,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: [0, 0] as [number, number],
-    key: "offset",
-    label: "Offset",
-    max: 1,
-    min: -1,
-    step: 0.01,
-    type: "vec2",
-  },
-] as const satisfies ParameterDefinitions
-
-const videoParams = [
-  ...imageParams,
-  {
-    defaultValue: 1,
-    key: "playbackRate",
-    label: "Playback Rate",
-    max: 4,
-    min: 0.25,
-    step: 0.05,
-    type: "number",
-  },
-] as const satisfies ParameterDefinitions
-
-const liveParams = [
-  {
-    defaultValue: "user",
-    key: "facingMode",
-    label: "Camera",
-    options: [
-      { label: "Front", value: "user" },
-      { label: "Back", value: "environment" },
-    ],
-    type: "select",
-  },
-  {
-    defaultValue: true,
-    key: "mirror",
-    label: "Mirror",
-    type: "boolean",
-  },
-  {
-    defaultValue: "cover",
-    key: "fitMode",
-    label: "Fit",
-    options: [
-      { label: "Cover", value: "cover" },
-      { label: "Contain", value: "contain" },
-      { label: "Stretch", value: "stretch" },
-    ],
-    type: "select",
-  },
-  {
-    defaultValue: 1,
-    key: "scale",
-    label: "Scale",
-    max: 4,
-    min: 0.25,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: [0, 0] as [number, number],
-    key: "offset",
-    label: "Offset",
-    max: 1,
-    min: -1,
-    step: 0.01,
-    type: "vec2",
-  },
-] as const satisfies ParameterDefinitions
-
-const customShaderParams = [
-  {
-    animatable: false,
-    defaultValue: "paste",
-    key: "sourceMode",
-    label: "Source Mode",
-    options: [
-      { label: "Paste", value: "paste" },
-      { label: "File", value: "file" },
-    ],
-    type: "select",
-    visibleWhen: CUSTOM_SHADER_INTERNAL_VISIBILITY,
-  },
-  {
-    animatable: false,
-    defaultValue: CUSTOM_SHADER_STARTER,
-    key: "sourceCode",
-    label: "Source Code",
-    type: "text",
-    visibleWhen: CUSTOM_SHADER_INTERNAL_VISIBILITY,
-  },
-  {
-    animatable: false,
-    defaultValue: "",
-    key: "sourceFileName",
-    label: "Source File",
-    type: "text",
-    visibleWhen: CUSTOM_SHADER_INTERNAL_VISIBILITY,
-  },
-  {
-    animatable: false,
-    defaultValue: CUSTOM_SHADER_ENTRY_EXPORT,
-    key: "entryExport",
-    label: "Entry Export",
-    maxLength: 64,
-    type: "text",
-    visibleWhen: CUSTOM_SHADER_INTERNAL_VISIBILITY,
-  },
-  {
-    animatable: false,
-    defaultValue: 0,
-    key: "sourceRevision",
-    label: "Source Revision",
-    max: Number.MAX_SAFE_INTEGER,
-    min: 0,
-    step: 1,
-    type: "number",
-    visibleWhen: CUSTOM_SHADER_INTERNAL_VISIBILITY,
-  },
-] as const satisfies ParameterDefinitions
-
-const textParams = [
-  {
-    defaultValue: "basement.studio",
-    key: "text",
-    label: "Text",
-    maxLength: 32,
-    type: "text",
-  },
-  {
-    defaultValue: 48,
-    key: "fontSize",
-    label: "Font Size",
-    max: 600,
-    min: 48,
-    step: 1,
-    type: "number",
-  },
-  {
-    defaultValue: "sans",
-    key: "fontFamily",
-    label: "Font",
-    options: [
-      { label: "Display Serif", value: "display-serif" },
-      { label: "Mono", value: "mono" },
-      { label: "Sans", value: "sans" },
-      { label: "Impact", value: "impact" },
-    ],
-    type: "select",
-  },
-  {
-    defaultValue: 700,
-    key: "fontWeight",
-    label: "Weight",
-    max: 900,
-    min: 300,
-    step: 100,
-    type: "number",
-  },
-  {
-    defaultValue: -0.05,
-    key: "letterSpacing",
-    label: "Letter Spacing",
-    max: 0.3,
-    min: -0.2,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: "#ffffff",
-    key: "textColor",
-    label: "Text Color",
-    type: "color",
-  },
-  {
-    defaultValue: "#000000",
-    key: "backgroundColor",
-    label: "Background",
-    type: "color",
-  },
-] as const satisfies ParameterDefinitions
-
-const inkParams = [
-  {
-    defaultValue: 13,
-    group: "Ink Bleed",
-    key: "blurPasses",
-    label: "Trail Passes",
-    max: 20,
-    min: 1,
-    step: 1,
-    type: "number",
-  },
-  {
-    defaultValue: 3,
-    group: "Ink Bleed",
-    key: "crispPasses",
-    label: "Crisp Passes",
-    max: 6,
-    min: 1,
-    step: 1,
-    type: "number",
-  },
-  {
-    defaultValue: 0.81,
-    group: "Ink Bleed",
-    key: "crispBlend",
-    label: "Text Clarity",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: 0.044,
-    group: "Ink Bleed",
-    key: "blurStrength",
-    label: "Bleed Strength",
-    max: 0.08,
-    min: 0.001,
-    step: 0.001,
-    type: "number",
-  },
-  {
-    defaultValue: 90,
-    group: "Ink Bleed",
-    key: "blurDirection",
-    label: "Flow Direction",
-    max: 180,
-    min: -180,
-    step: 1,
-    type: "number",
-  },
-  {
-    defaultValue: 1,
-    group: "Ink Bleed",
-    key: "dripLength",
-    label: "Drip Length",
-    max: 10,
-    min: 1,
-    step: 0.1,
-    type: "number",
-  },
-  {
-    defaultValue: 0.4,
-    group: "Ink Bleed",
-    key: "dripWeight",
-    label: "Drip Weight",
-    max: 2,
-    min: 0.2,
-    step: 0.1,
-    type: "number",
-  },
-  {
-    defaultValue: 0.02,
-    group: "Ink Bleed",
-    key: "fluidNoise",
-    label: "Fluid Noise",
-    max: 2,
-    min: 0,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: 1.2,
-    group: "Ink Bleed",
-    key: "noiseScale",
-    label: "Noise Scale",
-    max: 8,
-    min: 0.5,
-    step: 0.1,
-    type: "number",
-  },
-  {
-    defaultValue: 0.36,
-    group: "Ink Bleed",
-    key: "smokeSpeed",
-    label: "Smoke Speed",
-    max: 2,
-    min: 0,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: 0,
-    group: "Ink Bleed",
-    key: "smokeTurbulence",
-    label: "Smoke Turbulence",
-    max: 1.5,
-    min: 0,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: 1.6,
-    group: "Ink Bleed",
-    key: "blurSpread",
-    label: "Spread",
-    max: 4,
-    min: 0.5,
-    step: 0.1,
-    type: "number",
-  },
-  {
-    defaultValue: "#fffde8",
-    group: "Glow Colors",
-    key: "coreColor",
-    label: "Core Color",
-    type: "color",
-  },
-  {
-    defaultValue: "#FFA700",
-    group: "Glow Colors",
-    key: "midColor",
-    label: "Mid Color",
-    type: "color",
-  },
-  {
-    defaultValue: "#7192F1",
-    group: "Glow Colors",
-    key: "edgeColor",
-    label: "Edge Color",
-    type: "color",
-  },
-  {
-    defaultValue: "#000000",
-    group: "Colors",
-    key: "backgroundColor",
-    label: "Background",
-    type: "color",
-  },
-  {
-    defaultValue: false,
-    group: "Grain",
-    key: "grainEnabled",
-    label: "Enable Grain",
-    type: "boolean",
-  },
-  {
-    defaultValue: 0.3,
-    group: "Grain",
-    key: "grainIntensity",
-    label: "Grain Intensity",
-    max: 0.3,
-    min: 0,
-    step: 0.005,
-    type: "number",
-  },
-  {
-    defaultValue: 1.5,
-    group: "Grain",
-    key: "grainScale",
-    label: "Grain Scale",
-    max: 5,
-    min: 0.5,
-    step: 0.1,
-    type: "number",
-  },
-  {
-    defaultValue: true,
-    group: "Bloom",
-    key: "bloomEnabled",
-    label: "Bloom",
-    type: "boolean",
-  },
-  {
-    defaultValue: 6.19,
-    group: "Bloom",
-    key: "bloomIntensity",
-    label: "Intensity",
-    max: 8,
-    min: 0,
-    step: 0.01,
-    type: "number",
-    visibleWhen: {
-      equals: true,
-      key: "bloomEnabled",
-    },
-  },
-  {
-    defaultValue: 0.97,
-    group: "Bloom",
-    key: "bloomThreshold",
-    label: "Threshold",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-    visibleWhen: {
-      equals: true,
-      key: "bloomEnabled",
-    },
-  },
-  {
-    defaultValue: 0,
-    group: "Bloom",
-    key: "bloomRadius",
-    label: "Radius",
-    max: 24,
-    min: 0,
-    step: 0.25,
-    type: "number",
-    visibleWhen: {
-      equals: true,
-      key: "bloomEnabled",
-    },
-  },
-  {
-    defaultValue: 0.96,
-    group: "Bloom",
-    key: "bloomSoftness",
-    label: "Softness",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-    visibleWhen: {
-      equals: true,
-      key: "bloomEnabled",
-    },
-  },
-] as const satisfies ParameterDefinitions
-
-const gradientParams = [
-  {
-    defaultValue: "custom",
-    group: "Points",
-    key: "preset",
-    label: "Preset",
-    options: [
-      { label: "Custom", value: "custom" },
-      { label: "Forest", value: "aurora" },
-      { label: "Ember", value: "sunset" },
-      { label: "Abyss", value: "deep-ocean" },
-      { label: "Violet", value: "neon-glow" },
-    ],
-    type: "select",
-  },
-  {
-    defaultValue: 3,
-    group: "Points",
-    key: "activePoints",
-    label: "Active Points",
-    max: 5,
-    min: 2,
-    step: 1,
-    type: "number",
-  },
-  {
-    defaultValue: "#0E0C0C",
-    group: "Points",
-    key: "point1Color",
-    label: "Point 1 Color",
-    type: "color",
-  },
-  {
-    defaultValue: [-0.82, -0.62] as [number, number],
-    group: "Points",
-    key: "point1Position",
-    label: "Point 1 Position",
-    max: 1.5,
-    min: -1.5,
-    step: 0.01,
-    type: "vec2",
-  },
-  {
-    defaultValue: 0.42,
-    group: "Points",
-    key: "point1Weight",
-    label: "Point 1 Weight",
-    max: 3,
-    min: 0,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: "#C1FF00",
-    group: "Points",
-    key: "point2Color",
-    label: "Point 2 Color",
-    type: "color",
-  },
-  {
-    defaultValue: [0.22, 0.72] as [number, number],
-    group: "Points",
-    key: "point2Position",
-    label: "Point 2 Position",
-    max: 1.5,
-    min: -1.5,
-    step: 0.01,
-    type: "vec2",
-  },
-  {
-    defaultValue: 1.55,
-    group: "Points",
-    key: "point2Weight",
-    label: "Point 2 Weight",
-    max: 3,
-    min: 0,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: "#B2DAD5",
-    group: "Points",
-    key: "point3Color",
-    label: "Point 3 Color",
-    type: "color",
-    visibleWhen: {
-      gte: 3,
-      key: "activePoints",
-    },
-  },
-  {
-    defaultValue: [0.88, -0.26] as [number, number],
-    group: "Points",
-    key: "point3Position",
-    label: "Point 3 Position",
-    max: 1.5,
-    min: -1.5,
-    step: 0.01,
-    type: "vec2",
-    visibleWhen: {
-      gte: 3,
-      key: "activePoints",
-    },
-  },
-  {
-    defaultValue: 0.64,
-    group: "Points",
-    key: "point3Weight",
-    label: "Point 3 Weight",
-    max: 3,
-    min: 0,
-    step: 0.01,
-    type: "number",
-    visibleWhen: {
-      gte: 3,
-      key: "activePoints",
-    },
-  },
-  {
-    defaultValue: "#3B4148",
-    group: "Points",
-    key: "point4Color",
-    label: "Point 4 Color",
-    type: "color",
-    visibleWhen: {
-      gte: 4,
-      key: "activePoints",
-    },
-  },
-  {
-    defaultValue: [-0.34, 0.52] as [number, number],
-    group: "Points",
-    key: "point4Position",
-    label: "Point 4 Position",
-    max: 1.5,
-    min: -1.5,
-    step: 0.01,
-    type: "vec2",
-    visibleWhen: {
-      gte: 4,
-      key: "activePoints",
-    },
-  },
-  {
-    defaultValue: 0.82,
-    group: "Points",
-    key: "point4Weight",
-    label: "Point 4 Weight",
-    max: 3,
-    min: 0,
-    step: 0.01,
-    type: "number",
-    visibleWhen: {
-      gte: 4,
-      key: "activePoints",
-    },
-  },
-  {
-    defaultValue: "#F3E7D0",
-    group: "Points",
-    key: "point5Color",
-    label: "Point 5 Color",
-    type: "color",
-    visibleWhen: {
-      gte: 5,
-      key: "activePoints",
-    },
-  },
-  {
-    defaultValue: [0.58, -0.76] as [number, number],
-    group: "Points",
-    key: "point5Position",
-    label: "Point 5 Position",
-    max: 1.5,
-    min: -1.5,
-    step: 0.01,
-    type: "vec2",
-    visibleWhen: {
-      gte: 5,
-      key: "activePoints",
-    },
-  },
-  {
-    defaultValue: 0.48,
-    group: "Points",
-    key: "point5Weight",
-    label: "Point 5 Weight",
-    max: 3,
-    min: 0,
-    step: 0.01,
-    type: "number",
-    visibleWhen: {
-      gte: 5,
-      key: "activePoints",
-    },
-  },
-  {
-    defaultValue: "simplex",
-    group: "Distortion",
-    key: "noiseType",
-    label: "Noise",
-    options: [
-      { label: "Simplex", value: "simplex" },
-      { label: "Perlin", value: "perlin" },
-      { label: "Value", value: "value" },
-      { label: "Voronoi", value: "voronoi" },
-      { label: "Ridge", value: "ridge" },
-      { label: "Turbulence", value: "turbulence" },
-    ],
-    type: "select",
-  },
-  {
-    defaultValue: 0,
-    group: "Distortion",
-    key: "noiseSeed",
-    label: "Seed",
-    max: 100,
-    min: 0,
-    step: 0.1,
-    type: "number",
-  },
-  {
-    defaultValue: 0.64,
-    group: "Distortion",
-    key: "warpAmount",
-    label: "Warp Amount",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: 5.56,
-    group: "Distortion",
-    key: "warpScale",
-    label: "Warp Scale",
-    max: 6,
-    min: 0.1,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: 1,
-    group: "Distortion",
-    key: "warpIterations",
-    label: "Iterations",
-    max: 5,
-    min: 1,
-    step: 1,
-    type: "number",
-  },
-  {
-    defaultValue: 1,
-    group: "Distortion",
-    key: "warpDecay",
-    label: "Warp Decay",
-    max: 3,
-    min: 0.1,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: 0.5,
-    group: "Distortion",
-    key: "warpBias",
-    label: "Warp Bias",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: 0.69,
-    group: "Distortion",
-    key: "vortexAmount",
-    label: "Vortex",
-    max: 1,
-    min: -1,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: true,
-    group: "Animation",
-    key: "animate",
-    label: "Animate",
-    type: "boolean",
-  },
-  {
-    defaultValue: 0,
-    group: "Animation",
-    key: "motionAmount",
-    label: "Motion Amount",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: 0.2,
-    group: "Animation",
-    key: "motionSpeed",
-    label: "Motion Speed",
-    max: 2,
-    min: 0,
-    step: 0.01,
-    type: "number",
-    visibleWhen: {
-      equals: true,
-      key: "animate",
-    },
-  },
-  {
-    defaultValue: 2.05,
-    group: "Distortion",
-    key: "falloff",
-    label: "Falloff",
-    max: 4,
-    min: 0.5,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: "reinhard",
-    group: "Finish",
-    key: "tonemapMode",
-    label: "Tonemap",
-    options: [
-      { label: "None", value: "none" },
-      { label: "ACES", value: "aces" },
-      { label: "Reinhard", value: "reinhard" },
-      { label: "Toto's", value: "totos" },
-      { label: "Cinematic", value: "cinematic" },
-    ],
-    type: "select",
-  },
-  {
-    defaultValue: 0,
-    group: "Finish",
-    key: "glowStrength",
-    label: "Glow Strength",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: 0,
-    group: "Finish",
-    key: "glowThreshold",
-    label: "Glow Threshold",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: 0.08,
-    group: "Finish",
-    key: "grainAmount",
-    label: "Grain",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: 0.12,
-    group: "Finish",
-    key: "vignetteStrength",
-    label: "Vignette Strength",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: 1.5,
-    group: "Finish",
-    key: "vignetteRadius",
-    label: "Vignette Radius",
-    max: 1.5,
-    min: 0,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: 1,
-    group: "Finish",
-    key: "vignetteSoftness",
-    label: "Vignette Softness",
-    max: 1,
-    min: 0.01,
-    step: 0.01,
-    type: "number",
-  },
-] as const satisfies ParameterDefinitions
-
-const fluidParams = [
-  {
-    defaultValue: 24,
-    key: "iterations",
-    label: "Iterations",
-    max: 128,
-    min: 4,
-    step: 1,
-    type: "number",
-  },
-  {
-    defaultValue: 0.92,
-    key: "dissipation",
-    label: "Dissipation",
-    max: 0.999,
-    min: 0.5,
-    step: 0.001,
-    type: "number",
-  },
-  {
-    defaultValue: 0.24,
-    key: "pressure",
-    label: "Pressure",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: "#3c73ff",
-    key: "inkColor",
-    label: "Ink Color",
-    type: "color",
-  },
-] as const satisfies ParameterDefinitions
-
-const modelParams = [
-  {
-    defaultValue: "studio",
-    key: "environment",
-    label: "Environment",
-    options: [
-      { label: "Studio", value: "studio" },
-      { label: "Sunset", value: "sunset" },
-      { label: "Warehouse", value: "warehouse" },
-      { label: "Night", value: "night" },
-    ],
-    type: "select",
-  },
-  {
-    defaultValue: 1,
-    key: "environmentStrength",
-    label: "Env Strength",
-    max: 2,
-    min: 0,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: 1.2,
-    key: "cameraDistance",
-    label: "Camera Distance",
-    max: 6,
-    min: 0.2,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: [0, 0, 0] as [number, number, number],
-    key: "cameraOrbit",
-    label: "Camera Orbit",
-    max: 6.283,
-    min: -6.283,
-    step: 0.01,
-    type: "vec3",
-  },
-  {
-    defaultValue: false,
-    key: "autoRotate",
-    label: "Auto Rotate",
-    type: "boolean",
-  },
-  {
-    defaultValue: 0.6,
-    key: "autoRotateSpeed",
-    label: "Rotate Speed",
-    max: 4,
-    min: -4,
-    step: 0.01,
-    type: "number",
-  },
-] as const satisfies ParameterDefinitions
-
-const asciiParams = [
-  {
-    defaultValue: 12,
-    key: "cellSize",
-    label: "Cell Size",
-    max: 48,
-    min: 4,
-    step: 1,
-    type: "number",
-  },
-  {
-    animatable: false,
-    defaultValue: "light",
-    key: "charset",
-    label: "Charset",
-    options: [
-      { label: "Light", value: "light" },
-      { label: "Dense", value: "dense" },
-      { label: "Blocks", value: "blocks" },
-      { label: "Hatching", value: "hatching" },
-      { label: "Binary", value: "binary" },
-      { label: "Custom", value: "custom" },
-    ],
-    type: "select",
-  },
-  {
-    animatable: false,
-    defaultValue: " .:-=+*#%@",
-    key: "customChars",
-    label: "Custom Chars",
-    maxLength: 32,
-    type: "text",
-    visibleWhen: {
-      equals: "custom",
-      key: "charset",
-    },
-  },
-  {
-    defaultValue: "regular",
-    key: "fontWeight",
-    label: "Font Weight",
-    options: [
-      { label: "Thin", value: "thin" },
-      { label: "Regular", value: "regular" },
-      { label: "Bold", value: "bold" },
-    ],
-    type: "select",
-  },
-  {
-    defaultValue: "monochrome",
-    key: "colorMode",
-    label: "Color Mode",
-    options: [
-      { label: "Source", value: "source" },
-      { label: "Monochrome", value: "monochrome" },
-      // { label: "Green Terminal", value: "green-terminal" },
-    ],
-    type: "select",
-  },
-  {
-    defaultValue: "#f5f5f0",
-    key: "monoColor",
-    label: "Tint",
-    type: "color",
-    visibleWhen: {
-      equals: "monochrome",
-      key: "colorMode",
-    },
-  },
-  {
-    defaultValue: 0,
-    key: "bgOpacity",
-    label: "Background",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-    visibleWhen: {
-      equals: "source",
-      key: "colorMode",
-    },
-  },
-  {
-    defaultValue: false,
-    key: "invert",
-    label: "Invert",
-    type: "boolean",
-  },
-  {
-    defaultValue: false,
-    group: "Bloom",
-    key: "bloomEnabled",
-    label: "Bloom",
-    type: "boolean",
-  },
-  {
-    defaultValue: 1.25,
-    group: "Bloom",
-    key: "bloomIntensity",
-    label: "Intensity",
-    max: 8,
-    min: 0,
-    step: 0.01,
-    type: "number",
-    visibleWhen: {
-      equals: true,
-      key: "bloomEnabled",
-    },
-  },
-  {
-    defaultValue: 0.6,
-    group: "Bloom",
-    key: "bloomThreshold",
-    label: "Threshold",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-    visibleWhen: {
-      equals: true,
-      key: "bloomEnabled",
-    },
-  },
-  {
-    defaultValue: 6,
-    group: "Bloom",
-    key: "bloomRadius",
-    label: "Radius",
-    max: 24,
-    min: 0,
-    step: 0.25,
-    type: "number",
-    visibleWhen: {
-      equals: true,
-      key: "bloomEnabled",
-    },
-  },
-  {
-    defaultValue: 0.35,
-    group: "Bloom",
-    key: "bloomSoftness",
-    label: "Softness",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-    visibleWhen: {
-      equals: true,
-      key: "bloomEnabled",
-    },
-  },
-] as const satisfies ParameterDefinitions
-
-const patternParams = [
-  {
-    defaultValue: 12,
-    key: "cellSize",
-    label: "Cell Size",
-    max: 48,
-    min: 4,
-    step: 1,
-    type: "number",
-  },
-  {
-    animatable: false,
-    defaultValue: "bars",
-    key: "preset",
-    label: "Preset",
-    options: [
-      { label: "Bars", value: "bars" },
-      { label: "Candles", value: "candles" },
-      { label: "Shapes", value: "shapes" },
-    ],
-    type: "select",
-  },
-  {
-    defaultValue: "source",
-    key: "colorMode",
-    label: "Color Mode",
-    options: [
-      { label: "Source", value: "source" },
-      { label: "Quantized", value: "quantized" },
-      { label: "Monochrome", value: "monochrome" },
-      { label: "Custom", value: "custom" },
-    ],
-    type: "select",
-  },
-  {
-    defaultValue: "#f5f5f0",
-    key: "monoColor",
-    label: "Tint",
-    type: "color",
-    visibleWhen: {
-      equals: "monochrome",
-      key: "colorMode",
-    },
-  },
-  {
-    defaultValue: 0,
-    key: "bgOpacity",
-    label: "Background",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-    visibleWhen: {
-      equals: "source",
-      key: "colorMode",
-    },
-  },
-  {
-    defaultValue: false,
-    key: "invert",
-    label: "Invert",
-    type: "boolean",
-  },
-  {
-    defaultValue: 4,
-    description: "Palette is distributed evenly across luminance bands.",
-    key: "customColorCount",
-    label: "Color Count",
-    max: 4,
-    min: 2,
-    step: 1,
-    type: "number",
-    visibleWhen: { equals: "custom", key: "colorMode" },
-  },
-  {
-    defaultValue: 0,
-    description: "Shifts palette mapping toward shadows or highlights.",
-    key: "customLuminanceBias",
-    label: "Luminance Bias",
-    max: 1,
-    min: -1,
-    step: 0.01,
-    type: "number",
-    visibleWhen: { equals: "custom", key: "colorMode" },
-  },
-  {
-    defaultValue: "#F5F5F0",
-    key: "customBgColor",
-    label: "Background",
-    type: "color",
-    visibleWhen: { equals: "custom", key: "colorMode" },
-  },
-  {
-    defaultValue: "#0d1014",
-    key: "customColor1",
-    label: "Shadows",
-    type: "color",
-    visibleWhen: { equals: "custom", key: "colorMode" },
-  },
-  {
-    defaultValue: "#4d5057",
-    key: "customColor2",
-    label: "Midtones / Highlights",
-    type: "color",
-    visibleWhen: { equals: "custom", key: "colorMode" },
-  },
-  {
-    defaultValue: "#969aa2",
-    key: "customColor3",
-    label: "High Mids",
-    type: "color",
-    visibleWhen: {
-      gte: 3,
-      key: "customColorCount",
-    },
-  },
-  {
-    defaultValue: "#e1e2de",
-    key: "customColor4",
-    label: "Highlights",
-    type: "color",
-    visibleWhen: {
-      gte: 4,
-      key: "customColorCount",
-    },
-  },
-  {
-    defaultValue: false,
-    group: "Bloom",
-    key: "bloomEnabled",
-    label: "Bloom",
-    type: "boolean",
-  },
-  {
-    defaultValue: 1.25,
-    group: "Bloom",
-    key: "bloomIntensity",
-    label: "Intensity",
-    max: 8,
-    min: 0,
-    step: 0.01,
-    type: "number",
-    visibleWhen: {
-      equals: true,
-      key: "bloomEnabled",
-    },
-  },
-  {
-    defaultValue: 0.6,
-    group: "Bloom",
-    key: "bloomThreshold",
-    label: "Threshold",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-    visibleWhen: {
-      equals: true,
-      key: "bloomEnabled",
-    },
-  },
-  {
-    defaultValue: 6,
-    group: "Bloom",
-    key: "bloomRadius",
-    label: "Radius",
-    max: 24,
-    min: 0,
-    step: 0.25,
-    type: "number",
-    visibleWhen: {
-      equals: true,
-      key: "bloomEnabled",
-    },
-  },
-  {
-    defaultValue: 0.35,
-    group: "Bloom",
-    key: "bloomSoftness",
-    label: "Softness",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-    visibleWhen: {
-      equals: true,
-      key: "bloomEnabled",
-    },
-  },
-] as const satisfies ParameterDefinitions
-
-const ditheringParams = [
-  {
-    defaultValue: "custom",
-    group: "Pattern",
-    key: "preset",
-    label: "Preset",
-    options: [
-      { label: "Custom", value: "custom" },
-      { label: "Game Boy", value: "gameboy" },
-    ],
-    type: "select",
-  },
-  {
-    defaultValue: "bayer-4x4",
-    group: "Pattern",
-    key: "algorithm",
-    label: "Algorithm",
-    options: [
-      { label: "Bayer 2x2", value: "bayer-2x2" },
-      { label: "Bayer 4x4", value: "bayer-4x4" },
-      { label: "Bayer 8x8", value: "bayer-8x8" },
-      { label: "Noise", value: "noise" },
-    ],
-    type: "select",
-  },
-  {
-    defaultValue: "source",
-    group: "Color",
-    key: "colorMode",
-    label: "Color Mode",
-    options: [
-      { label: "Monochrome", value: "monochrome" },
-      { label: "Source Color", value: "source" },
-      { label: "Duo Tone", value: "duo-tone" },
-    ],
-    type: "select",
-  },
-  {
-    defaultValue: "#f5f5f0",
-    group: "Color",
-    key: "monoColor",
-    label: "Color",
-    type: "color",
-    visibleWhen: {
-      equals: "monochrome",
-      key: "colorMode",
-    },
-  },
-  {
-    defaultValue: "#101010",
-    group: "Color",
-    key: "shadowColor",
-    label: "Shadow",
-    type: "color",
-    visibleWhen: {
-      equals: "duo-tone",
-      key: "colorMode",
-    },
-  },
-  {
-    defaultValue: "#f5f2e8",
-    group: "Color",
-    key: "highlightColor",
-    label: "Highlight",
-    type: "color",
-    visibleWhen: {
-      equals: "duo-tone",
-      key: "colorMode",
-    },
-  },
-  {
-    defaultValue: 1,
-    group: "Pattern",
-    key: "pixelSize",
-    label: "Pixel Size",
-    max: 24,
-    min: 1,
-    step: 1,
-    type: "number",
-  },
-  {
-    defaultValue: 0.5,
-    group: "Pattern",
-    key: "spread",
-    label: "Strength",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: 4,
-    group: "Color",
-    key: "levels",
-    label: "Levels",
-    max: 16,
-    min: 2,
-    step: 1,
-    type: "number",
-  },
-  {
-    defaultValue: 1,
-    group: "Effects",
-    key: "dotScale",
-    label: "Dot Scale",
-    max: 1,
-    min: 0.1,
-    step: 0.1,
-    type: "number",
-  },
-  {
-    defaultValue: false,
-    group: "Effects",
-    key: "animateDither",
-    label: "Animate Dither",
-    type: "boolean",
-  },
-  {
-    defaultValue: 1,
-    group: "Effects",
-    key: "ditherSpeed",
-    label: "Dither Speed",
-    max: 3,
-    min: 0,
-    step: 0.5,
-    type: "number",
-    visibleWhen: {
-      equals: true,
-      key: "animateDither",
-    },
-  },
-  {
-    defaultValue: false,
-    group: "Effects",
-    key: "chromaticSplit",
-    label: "Chromatic Split",
-    type: "boolean",
-  },
-] as const satisfies ParameterDefinitions
-
-const halftoneParams = [
-  {
-    defaultValue: "cmyk",
-    key: "colorMode",
-    label: "Color Mode",
-    options: [
-      { label: "Source", value: "source" },
-      { label: "Monochrome", value: "monochrome" },
-      { label: "Duotone", value: "duotone" },
-      { label: "Custom", value: "custom" },
-      { label: "CMYK", value: "cmyk" },
-    ],
-    type: "select",
-  },
-  {
-    defaultValue: "circle",
-    key: "shape",
-    label: "Shape",
-    options: [
-      { label: "Circle", value: "circle" },
-      { label: "Square", value: "square" },
-      { label: "Diamond", value: "diamond" },
-      { label: "Line", value: "line" },
-    ],
-    type: "select",
-  },
-  {
-    defaultValue: 5,
-    key: "spacing",
-    label: "Spacing",
-    max: 48,
-    min: 2,
-    step: 1,
-    type: "number",
-  },
-  {
-    defaultValue: 1,
-    key: "dotSize",
-    label: "Dot Size",
-    max: 3,
-    min: 0.1,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: 0,
-    key: "dotMin",
-    label: "Dot Min",
-    max: 0.5,
-    min: 0,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: 28,
-    key: "angle",
-    label: "Angle",
-    max: 360,
-    min: 0,
-    step: 1,
-    type: "number",
-  },
-  {
-    defaultValue: 1,
-    key: "contrast",
-    label: "Contrast",
-    max: 2,
-    min: 0,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: 0.25,
-    key: "softness",
-    label: "Softness",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: 0,
-    key: "dotGain",
-    label: "Dot Gain",
-    description: "Simulates ink bleeding into paper fibers",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: 0,
-    key: "dotMorph",
-    label: "Dot Morph",
-    description:
-      "Blends dot shape based on tonal value (circles → squares in midtones)",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: false,
-    key: "invertLuma",
-    label: "Invert",
-    type: "boolean",
-  },
-  {
-    defaultValue: 4,
-    description: "Palette is distributed evenly across luminance bands.",
-    key: "customColorCount",
-    label: "Color Count",
-    max: 4,
-    min: 2,
-    step: 1,
-    type: "number",
-    visibleWhen: { equals: "custom", key: "colorMode" },
-  },
-  {
-    defaultValue: 0,
-    description: "Shifts palette mapping toward shadows or highlights.",
-    key: "customLuminanceBias",
-    label: "Luminance Bias",
-    max: 1,
-    min: -1,
-    step: 0.01,
-    type: "number",
-    visibleWhen: { equals: "custom", key: "colorMode" },
-  },
-  {
-    defaultValue: false,
-    group: "Bloom",
-    key: "bloomEnabled",
-    label: "Bloom",
-    type: "boolean",
-    visibleWhen: { equals: "custom", key: "colorMode" },
-  },
-  {
-    defaultValue: 1.25,
-    group: "Bloom",
-    key: "bloomIntensity",
-    label: "Intensity",
-    max: 8,
-    min: 0,
-    step: 0.01,
-    type: "number",
-    visibleWhen: { equals: true, key: "bloomEnabled" },
-  },
-  {
-    defaultValue: 0.6,
-    group: "Bloom",
-    key: "bloomThreshold",
-    label: "Threshold",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-    visibleWhen: { equals: true, key: "bloomEnabled" },
-  },
-  {
-    defaultValue: 6,
-    group: "Bloom",
-    key: "bloomRadius",
-    label: "Radius",
-    max: 24,
-    min: 0,
-    step: 0.25,
-    type: "number",
-    visibleWhen: { equals: true, key: "bloomEnabled" },
-  },
-  {
-    defaultValue: 0.35,
-    group: "Bloom",
-    key: "bloomSoftness",
-    label: "Softness",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-    visibleWhen: { equals: true, key: "bloomEnabled" },
-  },
-  {
-    defaultValue: "#F5F5F0",
-    key: "customBgColor",
-    label: "Background",
-    type: "color",
-    visibleWhen: { equals: "custom", key: "colorMode" },
-  },
-  {
-    defaultValue: "#0d1014",
-    key: "customColor1",
-    label: "Shadows",
-    type: "color",
-    visibleWhen: { equals: "custom", key: "colorMode" },
-  },
-  {
-    defaultValue: "#4d5057",
-    key: "customColor2",
-    label: "Midtones / Highlights",
-    type: "color",
-    visibleWhen: { equals: "custom", key: "colorMode" },
-  },
-  {
-    defaultValue: "#969aa2",
-    key: "customColor3",
-    label: "High Mids",
-    type: "color",
-    visibleWhen: {
-      gte: 3,
-      key: "customColorCount",
-    },
-  },
-  {
-    defaultValue: "#e1e2de",
-    key: "customColor4",
-    label: "Highlights",
-    type: "color",
-    visibleWhen: {
-      gte: 4,
-      key: "customColorCount",
-    },
-  },
-  {
-    defaultValue: "#0d1014",
-    key: "ink",
-    label: "Ink",
-    type: "color",
-    visibleWhen: { equals: "monochrome", key: "colorMode" },
-  },
-  {
-    defaultValue: "#F5F5F0",
-    key: "duotoneLight",
-    label: "Light Color",
-    type: "color",
-    visibleWhen: { equals: "duotone", key: "colorMode" },
-  },
-  {
-    defaultValue: "#1d1d1c",
-    key: "duotoneDark",
-    label: "Dark Color",
-    type: "color",
-    visibleWhen: { equals: "duotone", key: "colorMode" },
-  },
-  {
-    defaultValue: "process",
-    key: "preset",
-    label: "Ink Preset",
-    options: [
-      { label: "Process CMYK", value: "process" },
-      { label: "Risograph", value: "risograph" },
-      { label: "Newspaper", value: "newspaper" },
-      { label: "Vintage", value: "vintage" },
-      { label: "Custom", value: "custom" },
-    ],
-    type: "select",
-    visibleWhen: { equals: "cmyk", key: "colorMode" },
-  },
-  {
-    defaultValue: 0.5,
-    key: "gcr",
-    label: "Black Generation",
-    description: "Controls how much goes to the K plate vs C+M+Y",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-    visibleWhen: { equals: "cmyk", key: "colorMode" },
-  },
-  {
-    defaultValue: "subtractive",
-    key: "cmykBlend",
-    label: "CMYK Blend",
-    options: [
-      { label: "Subtractive", value: "subtractive" },
-      { label: "Overprint", value: "overprint" },
-    ],
-    type: "select",
-    visibleWhen: { equals: "cmyk", key: "colorMode" },
-  },
-  {
-    defaultValue: 15,
-    key: "cyanAngle",
-    label: "Cyan Angle",
-    max: 90,
-    min: 0,
-    step: 1,
-    type: "number",
-    visibleWhen: { equals: "cmyk", key: "colorMode" },
-  },
-  {
-    defaultValue: 75,
-    key: "magentaAngle",
-    label: "Magenta Angle",
-    max: 90,
-    min: 0,
-    step: 1,
-    type: "number",
-    visibleWhen: { equals: "cmyk", key: "colorMode" },
-  },
-  {
-    defaultValue: 0,
-    key: "yellowAngle",
-    label: "Yellow Angle",
-    max: 90,
-    min: 0,
-    step: 1,
-    type: "number",
-    visibleWhen: { equals: "cmyk", key: "colorMode" },
-  },
-  {
-    defaultValue: 45,
-    key: "keyAngle",
-    label: "Key Angle",
-    max: 90,
-    min: 0,
-    step: 1,
-    type: "number",
-    visibleWhen: { equals: "cmyk", key: "colorMode" },
-  },
-  {
-    defaultValue: "#F5F5F0",
-    key: "paperColor",
-    label: "Paper Color",
-    type: "color",
-    visibleWhen: { equals: "cmyk", key: "colorMode" },
-  },
-  {
-    defaultValue: 0.15,
-    key: "paperGrain",
-    label: "Paper Grain",
-    max: 0.5,
-    min: 0,
-    step: 0.01,
-    type: "number",
-    visibleWhen: { equals: "cmyk", key: "colorMode" },
-  },
-  {
-    defaultValue: 0,
-    key: "registration",
-    label: "Registration",
-    description: "Simulates plate misalignment in CMYK printing",
-    max: 5,
-    min: 0,
-    step: 0.1,
-    type: "number",
-    visibleWhen: { equals: "cmyk", key: "colorMode" },
-  },
-  {
-    defaultValue: "#00AEEF",
-    key: "inkCyan",
-    label: "Cyan Ink",
-    type: "color",
-    visibleWhen: { equals: "cmyk", key: "colorMode" },
-  },
-  {
-    defaultValue: "#EC008C",
-    key: "inkMagenta",
-    label: "Magenta Ink",
-    type: "color",
-    visibleWhen: { equals: "cmyk", key: "colorMode" },
-  },
-  {
-    defaultValue: "#FFF200",
-    key: "inkYellow",
-    label: "Yellow Ink",
-    type: "color",
-    visibleWhen: { equals: "cmyk", key: "colorMode" },
-  },
-  {
-    defaultValue: "#1a1a1a",
-    key: "inkKey",
-    label: "Key Ink",
-    type: "color",
-    visibleWhen: { equals: "cmyk", key: "colorMode" },
-  },
-] as const satisfies ParameterDefinitions
-
-const particleGridParams = [
-  {
-    defaultValue: 256,
-    key: "gridResolution",
-    label: "Resolution",
-    max: 512,
-    min: 32,
-    step: 4,
-    type: "number",
-  },
-  {
-    defaultValue: 4,
-    key: "pointSize",
-    label: "Point Size",
-    max: 32,
-    min: 1,
-    step: 1,
-    type: "number",
-  },
-  {
-    defaultValue: 0.1,
-    key: "displacement",
-    label: "Displacement",
-    max: 2,
-    min: -2,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: "#000000",
-    key: "backgroundColor",
-    label: "Background",
-    type: "color",
-  },
-  {
-    defaultValue: 0,
-    group: "Motion",
-    key: "noiseAmount",
-    label: "Amount",
-    max: 2,
-    min: 0,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: 3,
-    group: "Motion",
-    key: "noiseScale",
-    label: "Scale",
-    max: 10,
-    min: 0.5,
-    step: 0.1,
-    type: "number",
-  },
-  {
-    defaultValue: 0.5,
-    group: "Motion",
-    key: "noiseSpeed",
-    label: "Speed",
-    max: 3,
-    min: 0,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: false,
-    group: "Bloom",
-    key: "bloomEnabled",
-    label: "Bloom",
-    type: "boolean",
-  },
-  {
-    defaultValue: 1.25,
-    group: "Bloom",
-    key: "bloomIntensity",
-    label: "Intensity",
-    max: 8,
-    min: 0,
-    step: 0.01,
-    type: "number",
-    visibleWhen: {
-      equals: true,
-      key: "bloomEnabled",
-    },
-  },
-  {
-    defaultValue: 0.6,
-    group: "Bloom",
-    key: "bloomThreshold",
-    label: "Threshold",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-    visibleWhen: {
-      equals: true,
-      key: "bloomEnabled",
-    },
-  },
-  {
-    defaultValue: 6,
-    group: "Bloom",
-    key: "bloomRadius",
-    label: "Radius",
-    max: 24,
-    min: 0,
-    step: 0.25,
-    type: "number",
-    visibleWhen: {
-      equals: true,
-      key: "bloomEnabled",
-    },
-  },
-  {
-    defaultValue: 0.35,
-    group: "Bloom",
-    key: "bloomSoftness",
-    label: "Softness",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-    visibleWhen: {
-      equals: true,
-      key: "bloomEnabled",
-    },
-  },
-] as const satisfies ParameterDefinitions
-
-const pixelationParams = [
-  {
-    defaultValue: 8,
-    key: "cellSize",
-    label: "Cell Size",
-    max: 64,
-    min: 2,
-    step: 1,
-    type: "number",
-  },
-  {
-    defaultValue: "square",
-    key: "shape",
-    label: "Shape",
-    options: [
-      { label: "Square", value: "square" },
-      { label: "Circle", value: "circle" },
-      { label: "Diamond", value: "diamond" },
-    ],
-    type: "select",
-  },
-] as const satisfies ParameterDefinitions
-
-const pixelSortingParams = [
-  {
-    defaultValue: 0.25,
-    key: "threshold",
-    label: "Threshold",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: 1,
-    key: "upperThreshold",
-    label: "Upper Threshold",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: "horizontal",
-    key: "direction",
-    label: "Direction",
-    options: [
-      { label: "Horizontal", value: "horizontal" },
-      { label: "Vertical", value: "vertical" },
-    ],
-    type: "select",
-  },
-  {
-    defaultValue: "luma",
-    key: "mode",
-    label: "Mode",
-    options: [
-      { label: "Luma", value: "luma" },
-      { label: "Hue", value: "hue" },
-      { label: "Saturation", value: "saturation" },
-    ],
-    type: "select",
-  },
-  {
-    defaultValue: false,
-    key: "reverse",
-    label: "Reverse",
-    type: "boolean",
-  },
-  {
-    defaultValue: 0.3,
-    key: "range",
-    label: "Range",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-  },
-] as const satisfies ParameterDefinitions
-
-const crtParams = [
-  {
-    defaultValue: "slot-mask",
-    key: "crtMode",
-    label: "Mode",
-    options: [
-      { label: "Slot-Mask Monitor", value: "slot-mask" },
-      { label: "Aperture-Grille Monitor", value: "aperture-grille" },
-      { label: "Composite TV", value: "composite-tv" },
-    ],
-    type: "select",
-  },
-  {
-    defaultValue: 3,
-    key: "cellSize",
-    label: "Mask Scale",
-    max: 32,
-    min: 2,
-    step: 2,
-    type: "number",
-  },
-  {
-    defaultValue: 0.17,
-    key: "scanlineIntensity",
-    label: "Scanline Intensity",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: 1,
-    key: "maskIntensity",
-    label: "Mask Intensity",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: 0.15,
-    group: "Distortion",
-    key: "barrelDistortion",
-    label: "Barrel Distortion",
-    max: 0.3,
-    min: 0,
-    step: 0.001,
-    type: "number",
-  },
-  {
-    defaultValue: 2,
-    group: "Distortion",
-    key: "chromaticAberration",
-    label: "Convergence",
-    max: 2,
-    min: 0,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: 0.58,
-    group: "Phosphor",
-    key: "beamFocus",
-    label: "Beam Focus",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: 1.2,
-    group: "Phosphor",
-    key: "brightness",
-    label: "Brightness",
-    max: 100,
-    min: 0.5,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: 1,
-    group: "Phosphor",
-    key: "highlightDrive",
-    label: "Highlight Drive",
-    max: 100,
-    min: 1,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: 0.62,
-    group: "Phosphor",
-    key: "highlightThreshold",
-    label: "Highlight Threshold",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: 0.25,
-    group: "Phosphor",
-    key: "shoulder",
-    label: "Shoulder",
-    max: 4,
-    min: 0,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: 1.15,
-    group: "Phosphor",
-    key: "chromaRetention",
-    label: "Chroma Retention",
-    max: 2,
-    min: 0,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: 0.16,
-    group: "Phosphor",
-    key: "shadowLift",
-    label: "Shadow Lift",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: 0.18,
-    group: "Phosphor",
-    key: "persistence",
-    label: "Persistence",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: 0.45,
-    group: "Distortion",
-    key: "vignetteIntensity",
-    label: "Vignette",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: 0.2,
-    group: "Noise",
-    key: "flickerIntensity",
-    label: "Flicker",
-    max: 0.2,
-    min: 0,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: 0.13,
-    group: "Noise",
-    key: "glitchIntensity",
-    label: "Glitch",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-  },
-  {
-    defaultValue: 5,
-    group: "Noise",
-    key: "glitchSpeed",
-    label: "Glitch Speed",
-    max: 5,
-    min: 0.1,
-    step: 0.1,
-    type: "number",
-    visibleWhen: {
-      gte: 0.01,
-      key: "glitchIntensity",
-    },
-  },
-  {
-    defaultValue: 0.45,
-    group: "Signal",
-    key: "signalArtifacts",
-    label: "Signal Artifacts",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-    visibleWhen: {
-      equals: "composite-tv",
-      key: "crtMode",
-    },
-  },
-  {
-    defaultValue: true,
-    group: "Bloom",
-    key: "bloomEnabled",
-    label: "Bloom",
-    type: "boolean",
-  },
-  {
-    defaultValue: 1.93,
-    group: "Bloom",
-    key: "bloomIntensity",
-    label: "Intensity",
-    max: 8,
-    min: 0,
-    step: 0.01,
-    type: "number",
-    visibleWhen: {
-      equals: true,
-      key: "bloomEnabled",
-    },
-  },
-  {
-    defaultValue: 0,
-    group: "Bloom",
-    key: "bloomThreshold",
-    label: "Threshold",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-    visibleWhen: {
-      equals: true,
-      key: "bloomEnabled",
-    },
-  },
-  {
-    defaultValue: 8,
-    group: "Bloom",
-    key: "bloomRadius",
-    label: "Radius",
-    max: 24,
-    min: 0,
-    step: 0.25,
-    type: "number",
-    visibleWhen: {
-      equals: true,
-      key: "bloomEnabled",
-    },
-  },
-  {
-    defaultValue: 0.31,
-    group: "Bloom",
-    key: "bloomSoftness",
-    label: "Softness",
-    max: 1,
-    min: 0,
-    step: 0.01,
-    type: "number",
-    visibleWhen: {
-      equals: true,
-      key: "bloomEnabled",
-    },
-  },
-] as const satisfies ParameterDefinitions
-
-const blurParams = [
-  {
-    defaultValue: 8,
-    key: "radius",
-    label: "Radius",
-    max: 64,
-    min: 0,
-    step: 1,
-    type: "number",
-  },
-  {
-    defaultValue: 2,
-    key: "passes",
-    label: "Passes",
-    max: 8,
-    min: 1,
-    step: 1,
-    type: "number",
-  },
-] as const satisfies ParameterDefinitions
-
-const layerDefinitions: Record<LayerType, LayerDefinition> = {
-  ascii: {
-    defaultName: "ASCII",
-    kind: "effect",
-    params: asciiParams,
-    type: "ascii",
-  },
-  blur: {
-    defaultName: "Blur",
-    kind: "effect",
-    params: blurParams,
-    type: "blur",
-  },
-  crt: {
-    defaultName: "CRT",
-    kind: "effect",
-    params: crtParams,
-    type: "crt",
-  },
-  dithering: {
-    defaultName: "Dithering",
-    kind: "effect",
-    params: ditheringParams,
-    type: "dithering",
-  },
-  fluid: {
-    defaultName: "Fluid",
-    kind: "source",
-    params: fluidParams,
-    type: "fluid",
-  },
-  gradient: {
-    defaultName: "Gradient",
-    kind: "source",
-    params: gradientParams,
-    type: "gradient",
-  },
-  ink: {
-    defaultName: "Ink",
-    kind: "effect",
-    params: inkParams,
-    type: "ink",
-  },
-  text: {
-    defaultName: "Text",
-    kind: "source",
-    params: textParams,
-    type: "text",
-  },
-  "custom-shader": {
-    defaultName: "Custom Shader",
-    kind: "source",
-    params: customShaderParams,
-    type: "custom-shader",
-  },
-  halftone: {
-    defaultName: "Halftone",
-    kind: "effect",
-    params: halftoneParams,
-    type: "halftone",
-  },
-  pattern: {
-    defaultName: "Pattern",
-    kind: "effect",
-    params: patternParams,
-    type: "pattern",
-  },
-  "particle-grid": {
-    defaultName: "Particle Grid",
-    kind: "effect",
-    params: particleGridParams,
-    type: "particle-grid",
-  },
-  image: {
-    assetKind: "image",
-    defaultName: "Image",
-    kind: "source",
-    params: imageParams,
-    type: "image",
-  },
-  live: {
-    defaultName: "Live Camera",
-    kind: "source",
-    params: liveParams,
-    type: "live",
-  },
-  model: {
-    assetKind: "model",
-    defaultName: "3D Model",
-    kind: "model",
-    params: modelParams,
-    type: "model",
-  },
-  "pixel-sorting": {
-    defaultName: "Pixel Sorting",
-    kind: "effect",
-    params: pixelSortingParams,
-    type: "pixel-sorting",
-  },
-  pixelation: {
-    defaultName: "Pixelation",
-    kind: "effect",
-    params: pixelationParams,
-    type: "pixelation",
-  },
-  video: {
-    assetKind: "video",
-    defaultName: "Video",
-    kind: "source",
-    params: videoParams,
-    type: "video",
-  },
-}
-
-export const DEFAULT_SOURCE_LAYER_TYPE: SourceLayerType = "gradient"
-export const DEFAULT_EFFECT_LAYER_TYPE: EffectLayerType = "ascii"
-export const DEFAULT_MODEL_LAYER_TYPE: ModelLayerType = "model"
-
-export function getLayerDefinition(type: LayerType): LayerDefinition {
-  return layerDefinitions[type]
-}
-
-export function getLayerDefinitions(): LayerDefinition[] {
-  return Object.values(layerDefinitions)
-}
-
-export function getLayerDefinitionsByKind(kind: LayerKind): LayerDefinition[] {
-  return getLayerDefinitions().filter((definition) => definition.kind === kind)
-}