fix(develop): call the tonal rows what the reference calls them (HIGHLIGHTS, SHADOWS, WHITES, BLACKS)

docker/frontend/shared/utils/paramDefs.ts

@@ -110,7 +110,7 @@ export const PARAM_DEFS: {
     },
     {
       key: 'highlight',
-      label: 'HIGHLIGHT',
+      label: 'HIGHLIGHTS',
       min: -10,
       max: 10,
       step: 1,
@@ -121,7 +121,7 @@ export const PARAM_DEFS: {
     },
     {
       key: 'shadow',
-      label: 'SHADOW',
+      label: 'SHADOWS',
       min: -10,
       max: 10,
       step: 1,
@@ -137,7 +137,7 @@ export const PARAM_DEFS: {
       // move any more, so they sit with the other two on the TONE panel. Same
       // range as the CREATE form's rows, so a look round-trips.
       key: 'whites',
-      label: 'WHITE',
+      label: 'WHITES',
       min: -10,
       max: 10,
       step: 1,
@@ -148,7 +148,7 @@ export const PARAM_DEFS: {
     },
     {
       key: 'blacks',
-      label: 'BLACK',
+      label: 'BLACKS',
       min: -10,
       max: 10,
       step: 1,

docker/frontend/src/App.tsx

@@ -3271,10 +3271,10 @@ export function Workspace() {
           onReset: () => setMaskKnob({ saturation: 0 }),
         },
         maskKnobRow('vibrance', 'VIBRANCE'),
-        maskKnobRow('highlights', 'HIGHLIGHT'),
-        maskKnobRow('shadows', 'SHADOW'),
-        maskKnobRow('whites', 'WHITE'),
-        maskKnobRow('blacks', 'BLACK'),
+        maskKnobRow('highlights', 'HIGHLIGHTS'),
+        maskKnobRow('shadows', 'SHADOWS'),
+        maskKnobRow('whites', 'WHITES'),
+        maskKnobRow('blacks', 'BLACKS'),
         maskKnobRow('clarity', 'CLARITY'),
         maskKnobRow('dehaze', 'DEHAZE'),
         ...(selMask.kind === 'radial'

docker/frontend/src/ui/RecipeCreatePanel.tsx

@@ -283,10 +283,10 @@ export function RecipeCreatePanel({
 
       <div className="create-grid">
         {[
-          { label: 'HIGHLIGHT', value: fHigh, set: setFHigh },
-          { label: 'SHADOW', value: fShadow, set: setFShadow },
-          { label: 'WHITE', value: fWhites, set: setFWhites },
-          { label: 'BLACK', value: fBlacks, set: setFBlacks },
+          { label: 'HIGHLIGHTS', value: fHigh, set: setFHigh },
+          { label: 'SHADOWS', value: fShadow, set: setFShadow },
+          { label: 'WHITES', value: fWhites, set: setFWhites },
+          { label: 'BLACKS', value: fBlacks, set: setFBlacks },
           { label: 'COLOR', value: fColor, set: setFColor },
           { label: 'NOISE RED.', value: fNr, set: setFNr, ph: '-10..10' },
           { label: 'SHARPENING', value: fSharp, set: setFSharp, ph: '-10..10' },