FIX: chỉnh sửa UX volume của master strip

app/static/js/app.jsx

@@ -936,7 +936,7 @@ const MasterStripConsole = ({ masterVolume, setMasterVolume, showMasteringModal,
           onPointerDown: handlePanPointerDown,
           onPointerMove: handlePanPointerMove,
           onPointerUp: handlePanPointerUp,
-          onDoubleClick: function() { setPan(0); if (panPointerRef.current) panPointerRef.current.style.transform = 'rotate(0deg)'; }
+          onDoubleClick: function() { setPan(0); setPanText('center'); if (panPointerRef.current) panPointerRef.current.style.transform = 'rotate(0deg)'; }
         }, React.createElement("div", {
           ref: panPointerRef,
           id: "panPointer",
@@ -946,7 +946,7 @@ const MasterStripConsole = ({ masterVolume, setMasterVolume, showMasteringModal,
         React.createElement("span", { className: "text-[8px] font-mono text-slate-500 w-5 text-left" },
           pan > 0 ? 'R' + Math.round(pan * 100) : ''
         ),
-        React.createElement("span", { ref: React.createRef ? null : null, className: "text-[10px] font-bold font-mono text-slate-200 ml-8" },
+        React.createElement("span", { ref: React.createRef ? null : null, className: "text-[10px] font-bold font-mono text-slate-200 ml-8", onDoubleClick: function() { handleFaderChange(0); } },
           masterVolume <= -50 ? '-inf' : (masterVolume > 0 ? '+' : '') + masterVolume.toFixed(1)
         )
       )
@@ -978,7 +978,12 @@ const MasterStripConsole = ({ masterVolume, setMasterVolume, showMasteringModal,
       ),
       React.createElement("div", { className: "w-16 flex items-stretch gap-1 bg-slate-900/60 p-1 rounded border border-slate-800" },
         React.createElement("div", {
-          className: "flex-1 flex flex-col items-center justify-center relative fader-track rounded"
+          className: "flex-1 flex flex-col items-center justify-center relative fader-track rounded",
+          onWheel: function(e) {
+            e.preventDefault();
+            var delta = e.deltaY > 0 ? -0.5 : 0.5;
+            handleFaderChange(Math.max(-60, Math.min(12, masterVolume + delta)));
+          }
         },
           React.createElement("div", { className: "w-0.5 flex-1 bg-slate-700 absolute" }),
           React.createElement("input", {
@@ -990,7 +995,8 @@ const MasterStripConsole = ({ masterVolume, setMasterVolume, showMasteringModal,
             value: masterVolume,
             className: "fader-slider w-full z-10",
             orient: "vertical",
-            onChange: function(e) { handleFaderChange(parseFloat(e.target.value)); }
+            onChange: function(e) { handleFaderChange(parseFloat(e.target.value)); },
+            onDoubleClick: function() { handleFaderChange(0); }
           })
         ),
         React.createElement("div", { className: "relative w-5 text-[7px] font-mono text-slate-500 select-none overflow-hidden" },