From 1c4cdf8af1312d1bc4a4b7015ccc2c52046b18f3 Mon Sep 17 00:00:00 2001
From: 3dtours <yeunhiepanh.photo@gmail.com>
Date: Fri, 18 Sep 2026 12:49:07 +0700
Subject: [PATCH] web: put the white and black points on the LIGHT tab

WHITE (whites) and BLACK (blacks) get the same slider rows as HIGHLIGHT
and SHADOW, so the tone curve's two ends are editable on the stage, not
only typed into the CREATE form.
---
 docker/frontend/shared/utils/paramDefs.ts | 24 +++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/docker/frontend/shared/utils/paramDefs.ts b/docker/frontend/shared/utils/paramDefs.ts
index 464fa79..133cad8 100644
--- a/docker/frontend/shared/utils/paramDefs.ts
+++ b/docker/frontend/shared/utils/paramDefs.ts
@@ -105,6 +105,30 @@ export const PARAM_DEFS: {
       get: (a) => a.shadow ?? 0,
       set: (v) => ({ shadow: v }),
     },
+    {
+      // The end points of the tone curve: WHITE lifts/crushes the top, BLACK the
+      // toe. Same range as the CREATE form's rows, so a look round-trips.
+      key: 'whites',
+      label: 'WHITE',
+      min: -10,
+      max: 10,
+      step: 1,
+      defaultValue: 0,
+      display: sign,
+      get: (a) => a.whites ?? 0,
+      set: (v) => ({ whites: v }),
+    },
+    {
+      key: 'blacks',
+      label: 'BLACK',
+      min: -10,
+      max: 10,
+      step: 1,
+      defaultValue: 0,
+      display: sign,
+      get: (a) => a.blacks ?? 0,
+      set: (v) => ({ blacks: v }),
+    },
   ],
   wb: [
     {