V45.32: fix (1) latency preview MIDI keyboard - flush ring bridge sink (bridgeAudioWorklet _MAX 32 ~170ms audio cu render truoc) tai idle->active live note-on trong __clearMasterFxQueue (cung dieu kien V45.26: _liveHeldCount===0 && im lang >500ms) de note moi nghe ngay; guard _timelinePlaying (khong flush khi timeline dang play); (2) crackle VST2 tremolo/loop - overrun crossfade tich luy moi block drop cong 256 mau cap 1024 (~21ms) thay vi co dinh 64 mau (1.3ms qua ngan -> blip/wow khi drop loat block o chord nhieu voice) (tai lap tu V45.28, giu ring 32 de latency thap). v=202608311858

app/static/js/app.jsx

@@ -293,9 +293,15 @@ window.__dbgWorkletState = _dbgWorkletState;
 window.__restorePendingFadeSession = restorePendingFadeSession;
 // V31: live note (ARM keyboard) — xoa backlog outQueue master FX truoc khi
 // note preview render (idle block ~341ms lam ARM lag ~0.3s).
+// V45.32: preview latency — flush ring bridge sink (audio cu render truoc
+// ~170ms) tai idle->active note-on de note moi nghe ngay, khong phai cho
+// backlog cu chay het. Guard: khong flush khi timeline dang play (tranh gap
+// audio playback dang phat).
+let _timelinePlaying = false;
 window.__clearMasterFxQueue = function () {
   _dbgLastClearMs = performance.now();
   try { if (fxRt && fxRt.node && fxRt.node.port) fxRt.node.port.postMessage({ type: 'clear_queue', mode: 'live' }); } catch (e) {}
+  try { if (!_timelinePlaying && window.BridgeAudioNode && window.BridgeAudioNode.flush) window.BridgeAudioNode.flush(); } catch (e) {}
 };
 // V32: queueLen master FX worklet hien tai (midi_push log — ARM latency).
 window.__fxRtQueueLen = function () {
@@ -15637,6 +15643,7 @@ const MediaExplorerPanel = ({ height, clipboardRef, active }) => {
   midiTotalBeatsRef.current = midiTotalBeats;
   midiFileBpmRef.current = midiFileBpm;
   isPlayingRef.current = isPlaying;
+  _timelinePlaying = isPlaying;
   isPausedRef.current = isPaused;
   folderRef.current = folder;
   tempoRef.current = tempo;
@@ -18526,6 +18533,7 @@ const App = () => {
   // khi hết âm).
   const isPlayingRef = useRef(false);
   isPlayingRef.current = isPlaying;
+  _timelinePlaying = isPlaying;
   // Bounce realtime = project đang phát thật; guardPlay (scheduleMidiNoteDispatch)
   // phải cho note fire dù isPlayingRef bị render ghi đè =false khi bounce setState.
   // (Không sync từ state ở đây — isExporting khai báo sau; bounce set true/false

app/static/js/app.precompiled.js

@@ -67,7 +67,11 @@ window.__dbgLog=_dbgLog;if(window.PerformanceObserver){try{new PerformanceObserv
 // stop (gain giu ~0.0001 — V27 restore 800ms khong du cho VSTi release tail dai).
 window.__restorePendingFadeSession=restorePendingFadeSession;// V31: live note (ARM keyboard) — xoa backlog outQueue master FX truoc khi
 // note preview render (idle block ~341ms lam ARM lag ~0.3s).
-window.__clearMasterFxQueue=function(){_dbgLastClearMs=performance.now();try{if(fxRt&&fxRt.node&&fxRt.node.port)fxRt.node.port.postMessage({type:'clear_queue',mode:'live'});}catch(e){}};// V32: queueLen master FX worklet hien tai (midi_push log — ARM latency).
+// V45.32: preview latency — flush ring bridge sink (audio cu render truoc
+// ~170ms) tai idle->active note-on de note moi nghe ngay, khong phai cho
+// backlog cu chay het. Guard: khong flush khi timeline dang play (tranh gap
+// audio playback dang phat).
+let _timelinePlaying=false;window.__clearMasterFxQueue=function(){_dbgLastClearMs=performance.now();try{if(fxRt&&fxRt.node&&fxRt.node.port)fxRt.node.port.postMessage({type:'clear_queue',mode:'live'});}catch(e){}try{if(!_timelinePlaying&&window.BridgeAudioNode&&window.BridgeAudioNode.flush)window.BridgeAudioNode.flush();}catch(e){}};// V32: queueLen master FX worklet hien tai (midi_push log — ARM latency).
 window.__fxRtQueueLen=function(){try{return fxRt&&fxRt.stats?fxRt.stats.queueLen:'n/a';}catch(e){return'n/a';}};// V28: do jank — play_start timestamp; play_rAF / play_first_audio log delta.
 let _dbgPlayStartMs=0;let _dbgLastClearMs=0;let _dbgFirstAudioPending=false;let _dbgFirstAudiblePending=false;// V40: real PDC — freeze playhead theo latency đo được (fx_play_first self-calib).
 let _fxRtPlayheadSnapPending=false;let _fxRtFreezeTimer=null;let _fxRtFreezeTries=0;let _fxRtSeekFreeze=false;let _fxRtSeekFreezeTimer=null;const _nativeTrackUrls={};const _nativeTrackPending={};// ── MIDI overlap cleanup + polyphony gain (spec midi_polyphony_loudness) ─
@@ -344,7 +348,7 @@ else if(fxRt.chainKey!==ck){fxRtSetChain(chain);fxRt.chainKey=ck;return;}else re
 // node → bypass vô hiệu. Mỗi fxRtStop() bump startToken → mọi checkpoint
 // dưới đây thấy mismatch → hủy session vừa tạo, không nối node.
 const token=++fxRt.startToken;fxRt.starting=true;const ctx=getAudioContext();if(!ctx||!ctx.audioWorklet||!masterBus||!masterBus.output||!masterBus.analyser||!masterBus.masterFxGain||!masterBus.masterFxDryGain)return;const chainPayload=chain.map(s=>s.type==='vst3'?{type:'vst3',path:s.path,name:s.name||s.path,preset_b64:s.preset_b64||'',bypass:!!s.bypass||!!(window.currentMasteringSettings||{}).vstBypass}:{type:'builtin',id:s.type,params:s.params&&Object.keys(s.params).length?s.params:{},bypass:!!s.bypass});let st;try{st=await window.SonicAPI.fxRealtimeStart({fx_chain:chainPayload,sample_rate:ctx.sampleRate||44100});}catch(e){console.warn('[FX RT] start fail:',e);showToast('Không khởi động VST FX realtime: '+(e.message||e),'warning');fxRt.starting=false;return;}if(token!==fxRt.startToken){// Bypass/stop giữa lúc engine đang load chain — hủy session vừa tạo.
-console.warn('[FX RT] start cancelled mid-flight — session stopped');try{window.SonicAPI.fxRealtimeStop({session_id:st.session_id}).catch(()=>{});}catch(e2){}fxRt.starting=false;return;}fxRt.sessionId=st.session_id;fxRtGuiPushShm();try{await ctx.audioWorklet.addModule(`${API_BASE_URL}/static/js/sf-fx-realtime.js?v=202608311809`);if(token!==fxRt.startToken){fxRt.starting=false;return;}fxRt.node=new AudioWorkletNode(ctx,'sf-fx-realtime',{numberOfInputs:1,numberOfOutputs:1,outputChannelCount:[2]});const u=new URL(API_BASE_URL);const wsProto=u.protocol==='https:'?'wss://':'ws://';// WS to 'localhost' bi tre ~300ms: Chromium thu ::1 truoc (Windows khong
+console.warn('[FX RT] start cancelled mid-flight — session stopped');try{window.SonicAPI.fxRealtimeStop({session_id:st.session_id}).catch(()=>{});}catch(e2){}fxRt.starting=false;return;}fxRt.sessionId=st.session_id;fxRtGuiPushShm();try{await ctx.audioWorklet.addModule(`${API_BASE_URL}/static/js/sf-fx-realtime.js?v=202608311858`);if(token!==fxRt.startToken){fxRt.starting=false;return;}fxRt.node=new AudioWorkletNode(ctx,'sf-fx-realtime',{numberOfInputs:1,numberOfOutputs:1,outputChannelCount:[2]});const u=new URL(API_BASE_URL);const wsProto=u.protocol==='https:'?'wss://':'ws://';// WS to 'localhost' bi tre ~300ms: Chromium thu ::1 truoc (Windows khong
 // co listener IPv6 -> SYN hang ~2s) roi moi fallback 127.0.0.1. Dung
 // thang 127.0.0.1 (loopback) -> WS open ~5ms. Server chap nhan loopback.
 const wsHost=u.hostname==='localhost'||u.hostname==='::1'?'127.0.0.1'+(u.port?':'+u.port:''):u.host;const tok=localStorage.getItem('sonic_token')||'';const wsUrl=`${wsProto}${wsHost}${st.ws_url}${tok?'?token='+encodeURIComponent(tok):''}`;const ws=new WebSocket(wsUrl);fxRt.ws=ws;ws.binaryType='arraybuffer';ws.onopen=()=>{if(token!==fxRt.startToken){try{ws.close();}catch(e){}fxRt.starting=false;return;}fxRt.active=true;fxRt.flushing=false;fxRt.starting=false;fxRt.inQueue=[];// bỏ audio stale sản xuất trước khi WS open (~4s load VST) — hết lag khởi đầu
@@ -1118,7 +1122,7 @@ const MEDIA_LIBRARY_SAMPLES=[{name:"MIDI_Loop_01.mid",events:95,lengthQn:16,time
 React.useEffect(()=>{window.__currentZoom=zoom;},[zoom]);const[scrollOffset,setScrollOffset]=React.useState(0);const scrollOffsetRef=React.useRef(0);scrollOffsetRef.current=scrollOffset;const[selStart,setSelStart]=React.useState(null);const[selEnd,setSelEnd]=React.useState(null);const[isDragging,setIsDragging]=React.useState(false);const[previewCtxMenu,setPreviewCtxMenu]=React.useState(null);// { x, y }
 const containerRef=React.useRef(null);// Refs mirror latest state so drawCanvas (also called from rAF clock with a
 // stale closure) always draws the currently selected file, not the old one.
-const selectedRef=React.useRef(null);const peaksRef=React.useRef(null);const audioBufferRef=React.useRef(null);const audioDurationRef=React.useRef(0);const midiNotesRef=React.useRef(null);const midiTotalRef=React.useRef(4);const midiBarsRef=React.useRef(1);const midiTotalBeatsRef=React.useRef(16);const midiFileBpmRef=React.useRef(120);const isPlayingRef=React.useRef(false);const isPausedRef=React.useRef(false);const folderRef=React.useRef('library');const tempoRef=React.useRef(120);const currentTimeRef=React.useRef(0);const selStartRef=React.useRef(null);const selEndRef=React.useRef(null);const isLoopingRef=React.useRef(false);selectedRef.current=selected;peaksRef.current=peaks;audioBufferRef.current=audioBuffer;audioDurationRef.current=audioDuration;midiNotesRef.current=midiNotes;midiTotalRef.current=midiTotal;midiBarsRef.current=midiBars;midiTotalBeatsRef.current=midiTotalBeats;midiFileBpmRef.current=midiFileBpm;isPlayingRef.current=isPlaying;isPausedRef.current=isPaused;folderRef.current=folder;tempoRef.current=tempo;currentTimeRef.current=currentTime;selStartRef.current=selStart;selEndRef.current=selEnd;isLoopingRef.current=isLooping;const computerPathRef=React.useRef(null);const computerTreeRef=React.useRef({});const computerRootsRef=React.useRef(null);const treePaneRef=React.useRef(null);const browseComputerDirRef=React.useRef(null);React.useEffect(()=>{setScrollOffset(0);},[selected]);// Keep the tempo text field in sync when tempo changes from elsewhere
+const selectedRef=React.useRef(null);const peaksRef=React.useRef(null);const audioBufferRef=React.useRef(null);const audioDurationRef=React.useRef(0);const midiNotesRef=React.useRef(null);const midiTotalRef=React.useRef(4);const midiBarsRef=React.useRef(1);const midiTotalBeatsRef=React.useRef(16);const midiFileBpmRef=React.useRef(120);const isPlayingRef=React.useRef(false);const isPausedRef=React.useRef(false);const folderRef=React.useRef('library');const tempoRef=React.useRef(120);const currentTimeRef=React.useRef(0);const selStartRef=React.useRef(null);const selEndRef=React.useRef(null);const isLoopingRef=React.useRef(false);selectedRef.current=selected;peaksRef.current=peaks;audioBufferRef.current=audioBuffer;audioDurationRef.current=audioDuration;midiNotesRef.current=midiNotes;midiTotalRef.current=midiTotal;midiBarsRef.current=midiBars;midiTotalBeatsRef.current=midiTotalBeats;midiFileBpmRef.current=midiFileBpm;isPlayingRef.current=isPlaying;_timelinePlaying=isPlaying;isPausedRef.current=isPaused;folderRef.current=folder;tempoRef.current=tempo;currentTimeRef.current=currentTime;selStartRef.current=selStart;selEndRef.current=selEnd;isLoopingRef.current=isLooping;const computerPathRef=React.useRef(null);const computerTreeRef=React.useRef({});const computerRootsRef=React.useRef(null);const treePaneRef=React.useRef(null);const browseComputerDirRef=React.useRef(null);React.useEffect(()=>{setScrollOffset(0);},[selected]);// Keep the tempo text field in sync when tempo changes from elsewhere
 // (e.g. auto-set from a clicked MIDI file).
 React.useEffect(()=>{setTempoText(String(tempo));},[tempo]);React.useEffect(()=>{window.mediaExplorerActive=true;const handleDocumentClick=e=>{if(containerRef.current&&containerRef.current.contains(e.target)){window.mediaExplorerActive=true;}else{window.mediaExplorerActive=false;}};document.addEventListener('mousedown',handleDocumentClick,{capture:true});return()=>{document.removeEventListener('mousedown',handleDocumentClick,{capture:true});window.mediaExplorerActive=false;};},[]);const getCanvasLayout=()=>{const canvas=canvasRef.current;if(!canvas)return{w:300,h:100,pxPerBeat:42,pxPerSec:84,offset:0,dur:0,contentW:0};const w=canvas.clientWidth;const h=canvas.clientHeight;const f=selectedRef.current;const isMidi=isMidiFile(f);const curTempo=tempoRef.current||120;const pxPerBeat=42*zoom;const pxPerSec=pxPerBeat*curTempo/60;const dur=fileDuration(f);let contentW=0;if(isMidi){const isRealMidi=midiNotesRef.current&&midiNotesRef.current.length&&midiTotalBeatsRef.current>0;const totalBeats=isRealMidi?Math.max(midiTotalBeatsRef.current,4):Math.max(4,Math.ceil(dur*curTempo/60)||16);contentW=Math.max(1,totalBeats*pxPerBeat);}else{contentW=Math.max(1,dur*pxPerSec);}let offset=scrollOffset;if(isPlayingRef.current&&contentW>w&&dur>0){offset=Math.max(0,Math.min(contentW-w,currentTimeRef.current*pxPerSec-w/2));}else{offset=Math.max(0,Math.min(contentW-w,scrollOffset));}return{w,h,pxPerBeat,pxPerSec,offset,dur,contentW};};const getSelectedAudioBuffer=async()=>{if(audioBufferRef.current)return audioBufferRef.current;if(!selectedRef.current)return null;const buf=await readLocalFileBuffer(selectedRef.current);if(!buf)return null;try{const ctx=getAudioContext();const decoded=await ctx.decodeAudioData(buf);setAudioBuffer(decoded);return decoded;}catch(e){console.error(e);return null;}};const handleCanvasWheel=e=>{if(!selected)return;e.preventDefault();if(e.shiftKey){const scrollSpeed=45;const direction=e.deltaY>0?1:-1;setScrollOffset(prev=>{const{contentW,w}=getCanvasLayout();const maxScroll=Math.max(0,contentW-w);return Math.max(0,Math.min(maxScroll,prev+direction*scrollSpeed));});return;}const zoomFactor=1.15;if(e.deltaY<0){setZoom(prev=>Math.min(10.0,prev*zoomFactor));}else{setZoom(prev=>Math.max(0.2,prev/zoomFactor));}};// React attaches onWheel passively at the root, so e.preventDefault() there is
 // ignored and Chrome logs "Unable to preventDefault inside passive event listener".
@@ -1265,7 +1269,7 @@ const[selectedTrackId,setSelectedTrackId]=useState('1');const[selectedItemIds,se
 // delayed) check ref này trước khi fire: stop → isPlaying=false → setTimeout
 // sót không fire → VU không nhảy sau khi âm đã dừng (user: VU vẫn animation
 // khi hết âm).
-const isPlayingRef=useRef(false);isPlayingRef.current=isPlaying;// Bounce realtime = project đang phát thật; guardPlay (scheduleMidiNoteDispatch)
+const isPlayingRef=useRef(false);isPlayingRef.current=isPlaying;_timelinePlaying=isPlaying;// Bounce realtime = project đang phát thật; guardPlay (scheduleMidiNoteDispatch)
 // phải cho note fire dù isPlayingRef bị render ghi đè =false khi bounce setState.
 // (Không sync từ state ở đây — isExporting khai báo sau; bounce set true/false
 // tường minh ở triggerBounceExport/finally.)
@@ -1996,7 +2000,7 @@ fxRtTrackReconcile(trackId,node,track);}catch(e){console.warn('rebuildTrackFxGra
 // Cần activeTrackNodesRef/isPlayingRef. Session giống master (fxRtStart):
 // fetch start → AudioWorkletNode 'sf-fx-realtime' → WS; WS open → splice
 // worklet vào chain hiện tại (đọc mods MỚI NHẤT — an toàn với rebuild).
-const fxRtTrackStart=async(trackId,track,path)=>{const key=trackId+':'+path;const chain=fxRtTrackChain(track);if(!chain.length)return;if(fxRtTracks[key]){if(!fxRtTracks[key].node||fxRtTracks[key].node.context!==getAudioContext())fxRtTrackStop(trackId,path,true);else return;}const ctx=getAudioContext();if(!ctx||!ctx.audioWorklet)return;const chainPayload=chain.map(s=>s.type==='vst3'?{type:'vst3',path:s.path,name:s.name||s.path,preset_b64:s.preset_b64||'',bypass:!!s.bypass||!!(track&&track.vstFxBypass)}:{type:'builtin',id:s.type,params:s.params&&Object.keys(s.params).length?s.params:{},bypass:!!s.bypass});let st;try{st=await window.SonicAPI.fxRealtimeStart({fx_chain:chainPayload,sample_rate:ctx.sampleRate||44100});}catch(e){console.warn('[FX RT track] start fail',trackId,path,e);return;}const entry={sessionId:st.session_id,ws:null,node:null,ready:false,path,spliced:null,chainKey:fxRtTrackChainKey(chain)+'|vb:'+(track&&track.vstFxBypass?'1':'0'),paramsBySlot:chain.map(s=>fxRtEntryParams(s,null)),inQueue:[],pumpTimer:null,lastInSent:0,flushing:false,flushTimer:null};fxRtTracks[key]=entry;fxRtGuiPushShm();try{await ctx.audioWorklet.addModule(`${API_BASE_URL}/static/js/sf-fx-realtime.js?v=202608311809`);const node=new AudioWorkletNode(ctx,'sf-fx-realtime',{numberOfInputs:1,numberOfOutputs:1,outputChannelCount:[2]});entry.node=node;const u=new URL(API_BASE_URL);const wsProto=u.protocol==='https:'?'wss://':'ws://';// WS to 'localhost' bi tre ~300ms (Chromium thu ::1 truoc roi fallback) - dung 127.0.0.1
+const fxRtTrackStart=async(trackId,track,path)=>{const key=trackId+':'+path;const chain=fxRtTrackChain(track);if(!chain.length)return;if(fxRtTracks[key]){if(!fxRtTracks[key].node||fxRtTracks[key].node.context!==getAudioContext())fxRtTrackStop(trackId,path,true);else return;}const ctx=getAudioContext();if(!ctx||!ctx.audioWorklet)return;const chainPayload=chain.map(s=>s.type==='vst3'?{type:'vst3',path:s.path,name:s.name||s.path,preset_b64:s.preset_b64||'',bypass:!!s.bypass||!!(track&&track.vstFxBypass)}:{type:'builtin',id:s.type,params:s.params&&Object.keys(s.params).length?s.params:{},bypass:!!s.bypass});let st;try{st=await window.SonicAPI.fxRealtimeStart({fx_chain:chainPayload,sample_rate:ctx.sampleRate||44100});}catch(e){console.warn('[FX RT track] start fail',trackId,path,e);return;}const entry={sessionId:st.session_id,ws:null,node:null,ready:false,path,spliced:null,chainKey:fxRtTrackChainKey(chain)+'|vb:'+(track&&track.vstFxBypass?'1':'0'),paramsBySlot:chain.map(s=>fxRtEntryParams(s,null)),inQueue:[],pumpTimer:null,lastInSent:0,flushing:false,flushTimer:null};fxRtTracks[key]=entry;fxRtGuiPushShm();try{await ctx.audioWorklet.addModule(`${API_BASE_URL}/static/js/sf-fx-realtime.js?v=202608311858`);const node=new AudioWorkletNode(ctx,'sf-fx-realtime',{numberOfInputs:1,numberOfOutputs:1,outputChannelCount:[2]});entry.node=node;const u=new URL(API_BASE_URL);const wsProto=u.protocol==='https:'?'wss://':'ws://';// WS to 'localhost' bi tre ~300ms (Chromium thu ::1 truoc roi fallback) - dung 127.0.0.1
 const wsHost=u.hostname==='localhost'||u.hostname==='::1'?'127.0.0.1'+(u.port?':'+u.port:''):u.host;const tok=localStorage.getItem('sonic_token')||'';const ws=new WebSocket(`${wsProto}${wsHost}${st.ws_url}${tok?'?token='+encodeURIComponent(tok):''}`);entry.ws=ws;ws.binaryType='arraybuffer';ws.onopen=()=>{entry.ready=true;entry.inQueue=[];// bỏ audio stale trước khi WS open — hết lag khởi đầu
 fxRtTrackSplice(trackId,path);try{(entry.paramsBySlot||[]).forEach((pl,slot)=>pl.forEach(p=>ws.send(JSON.stringify({cmd:'set_param',slot,key:p.key,value:p.value}))));}catch(e){}};ws.onmessage=ev=>{if(typeof ev.data==='string'){try{const d=JSON.parse(ev.data);if(d&&d.cmd==='flush_done'){entry.flushing=false;if(entry.flushTimer){clearTimeout(entry.flushTimer);entry.flushTimer=null;}if(entry.node)entry.node.port.postMessage({type:'flush_done'});}}catch(e){}return;}if(!(ev.data instanceof ArrayBuffer)||!entry.node)return;if(entry.flushing)return;// V24: output stale trong luc flush — drop
 const f=new Float32Array(ev.data);const half=f.length/2;const l=new Float32Array(half);const r=new Float32Array(half);for(let i=0;i<half;i++){l[i]=f[i*2];r[i]=f[i*2+1];}entry.node.port.postMessage({type:'out',l,r});};ws.onclose=()=>fxRtTrackStop(trackId,path,true);ws.onerror=()=>{try{ws.close();}catch(e){}};entry.node.port.onmessage=ev=>{const d=ev.data;if(!d||!entry.ws)return;if(d.type==='flush'){// V24: nhu master — worklet underrun-resume → flush engine ring

app/static/js/services/bridgeAudioNode.js

@@ -32,7 +32,7 @@
       console.warn('[BridgeAudioNode] AudioWorklet unavailable — ScriptProcessor fallback');
       return false;
     }
-    var url = '/static/js/services/bridgeAudioWorklet.js?v=202608311809';
+    var url = '/static/js/services/bridgeAudioWorklet.js?v=202608311858';
     _ctx.audioWorklet.addModule(url).then(function () {
       if (!_initialized) return; // disconnect() happened while loading
       if (_useWorklet) return;   // already set up (init retry)

app/static/js/services/bridgeAudioWorklet.js

@@ -18,7 +18,8 @@ class BridgeAudioSinkProcessor extends AudioWorkletProcessor {
     this._gain = 1.0;
     this._lastOutL = 0.0;
     this._lastOutR = 0.0;
-    this._skipFade = 0;      // >0: crossfade dang chay sau overrun drop
+    this._skipFade = 0;      // >0: con lai cua crossfade dang chay sau overrun drop
+    this._fadeLen = 0;       // tong chieu dai crossfade hien tai (cap 1024)
     this._skipFromL = 0.0;
     this._skipFromR = 0.0;
     this._wasUnderrun = false;
@@ -31,14 +32,19 @@ class BridgeAudioSinkProcessor extends AudioWorkletProcessor {
         this._ring.push({ l: m.l, r: m.r });
         while (this._ring.length > this._MAX) {
           // overrun: bo block cu nhat; lan consume toi se crossfade ranh gioi
+          // V45.32: crossfade tich luy — moi block drop cong 256 mau fade, cap
+          // 1024 (~21ms) thay vi co dinh 64 mau (1.3ms qua ngan -> blip/wow khi
+          // drop loat block o chord nhieu voice = crackle VST2 tremolo/loop)
           this._ring.shift();
-          this._skipFade = 64;
+          this._skipFade = Math.min(this._skipFade + 256, 1024);
+          this._fadeLen = this._skipFade;
           this._stats.overruns++;
         }
       } else if (m.type === 'flush') {
         this._ring.length = 0;
         this._gain = 1.0;
         this._skipFade = 0;
+        this._fadeLen = 0;
       }
     };
   }
@@ -56,8 +62,9 @@ class BridgeAudioSinkProcessor extends AudioWorkletProcessor {
         const avail = blk.l.length;
         const take = Math.min(avail, n - w);
         if (this._skipFade > 0) {
+          const done = this._fadeLen - this._skipFade;
           for (let i = 0; i < take; i++) {
-            const t = i / 64;
+            const t = (done + i) / this._fadeLen;
             L[w + i] = (this._lastOutL * (1 - t) + blk.l[i] * t) * this._gain;
             R[w + i] = (this._lastOutR * (1 - t) + blk.r[i] * t) * this._gain;
           }

app/templates/index.html

@@ -40,7 +40,7 @@
     <script src="/static/js/services/soundfontStorage.js?v=202608290945"></script>
     <script src="/static/js/services/soundfontPlayer.js?v=202608290945"></script>
     <script src="/static/js/services/nativeBridgeService.js?v=202608291510"></script>
-    <script src="/static/js/services/bridgeAudioNode.js?v=202608311809"></script>
+    <script src="/static/js/services/bridgeAudioNode.js?v=202608311858"></script>
     <script src="/static/js/services/unifiedMidiRouter.js?v=202608311756"></script>
     <script src="/static/js/services/audioRoutingEngine.js?v=202608290945"></script>
     <script src="/static/js/services/aiGateway.js?v=202608290945"></script>
@@ -51,7 +51,7 @@
     <script src="/static/js/services/promptTemplateManager.js?v=202608290945"></script>
     <script src="/static/js/services/undoRedoEngine.js?v=202608290945"></script>
     <script src="/static/js/services/chordTheory.js?v=202608290945"></script>
-    <script src="/static/js/app.precompiled.js?v=202608311809" defer></script>
+    <script src="/static/js/app.precompiled.js?v=202608311858" defer></script>
     <link rel="stylesheet" href="/static/css/styles.css?v=202608290945">
     <style>
         :root {