From 92b90831efb9da7f26228e6780c98976a341358f Mon Sep 17 00:00:00 2001
From: Bhavya Gupta <bhavyahome2006@gmail.com>
Date: Wed, 20 May 2026 06:56:08 +0530
Subject: [PATCH] feat: add noise reduction filter with Light/Medium/Heavy
 presets (closes #129)

---
 src/components/ExportSettings.tsx | 46 +++++++++++++++++++++++++++++++
 src/lib/types.ts                  |  2 ++
 2 files changed, 48 insertions(+)

diff --git a/src/components/ExportSettings.tsx b/src/components/ExportSettings.tsx
index acec541e..6ed051d4 100644
--- a/src/components/ExportSettings.tsx
+++ b/src/components/ExportSettings.tsx
@@ -186,6 +186,52 @@ export default function ExportSettings({
           </span>
         </div>
       </div>
+      <div>
+        <div className="flex items-center justify-between mb-1">
+          <label
+            htmlFor="noise-reduction-toggle"
+            className="text-sm font-heading font-semibold uppercase tracking-wider text-[var(--muted)] flex items-center gap-2"
+          >
+            <SlidersHorizontal size={10} />
+            Noise Reduction
+            <span
+              className="cursor-help"
+              title="Reduces grain in low-light videos using FFmpeg hqdn3d filter."
+            >
+              <InfoIcon size={14} />
+            </span>
+          </label>
+        </div>
+
+        <p className="text-xs text-[var(--muted)] mb-2">
+          Reduce grain in low-light footage
+        </p>
+
+        <div className="flex gap-2">
+          {(['off', 'light', 'medium', 'heavy'] as const).map((level) => (
+            <button
+              key={level}
+              onClick={() => onChange({ noiseReduction: level })}
+              className={cn(
+                "flex-1 py-1 text-xs font-heading font-semibold uppercase rounded border transition-colors",
+                recipe.noiseReduction === level
+                  ? "bg-film-600 text-white border-film-600"
+                  : "text-[var(--muted)] border-[var(--muted)] hover:border-film-600 hover:text-film-600"
+              )}
+            >
+              {level}
+            </button>
+          ))}
+        </div>
+
+        {recipe.noiseReduction !== 'off' && (
+          <div className="flex justify-end mt-2">
+            <span className="text-xs text-red-700 font-medium">
+              ⚠ Note: significantly increases processing time.
+            </span>
+          </div>
+        )}
+      </div>
     </>
   );
 }
\ No newline at end of file
diff --git a/src/lib/types.ts b/src/lib/types.ts
index 521a82c2..b68f6e16 100644
--- a/src/lib/types.ts
+++ b/src/lib/types.ts
@@ -12,6 +12,7 @@ export interface EditRecipe {
   quality: number;
   format: "mp4" | "webm" | "mkv" | "gif";
   stabilization: boolean;
+  noiseReduction: 'off' | 'light' | 'medium' | 'heavy';
   brightness: number;
   contrast: number;
   saturation: number;
@@ -78,6 +79,7 @@ export const DEFAULT_RECIPE: EditRecipe = {
   quality: 23,
   format: "mp4",
   stabilization: false,
+  noiseReduction: 'off',
   brightness: 0,
   contrast: 0,
   saturation: 0,