SonicForgeStudio/IMPLEMENT_PHASE_3.md

IMPLEMENT_PHASE_3 — Nhật ký thực hiện BIG_PHASE_3

Cập nhật theo từng phase. Trạng thái: ✅ hoàn thành · 🔄 đang làm · ⏳ chưa làm · ⚠️ cần xác nhận/review Repo: C:/Users/locpham/SonicForgeStudio · branch: standalone-shm-bridge

TỔNG QUAN

Phase	Nội dung	Trạng thái	Ghi chú
1	Fix Export MIDI	✅	backend + frontend + build + verify xong (commit riêng)
2	Fix Export Mix + loop	✅	frontend + build + verify xong (commit riêng)
3	FX CHAIN (hợp nhất modal)	⏳
4	Nút FX TCP → FX CHAIN	⏳	wiring đã có, cần verify
5	Virtual MIDI Keyboard	⏳
6	Chords Panel	⏳	AI search defer
7	Build tổng + verify	⏳

---

PHASE 1 — FIX EXPORT MIDI

Đã làm

• Khảo sát: 2 nơi export MIDI đều dùng blob download (a.click() + URL.createObjectURL) — nghi vấn WebView2 chặn (đã fix bằng server download, verify chạy thật OK).
• Backend: thêm POST /api/v1/export/midi vào app/api/v1/audio.py — sinh file .mid format 1 (stdlib thuần), lưu vào PROCESSED_DIR, trả file_id + download_url (download qua GET network — pattern đã chạy ổn định). Bỏ track không nốt; velocity 0..1 → scale 1..127.
• Frontend: thêm helper serverDownloadMidi(payload, filename) (POST endpoint → anchor download ${API_BASE_URL}${download_url}); đổi triggerMidiExport() (File menu, bỏ velocity *100, bỏ rest-track pitch 0) + nút piano roll "Export MIDI" (payload 1 track, guard không nốt).
• Build: node build.mjs OK + PyInstaller rebuild engine + copy dist/daw_engine/* sang src-tauri/target/release/daw_engine/ + bump cache-bust app.precompiled.js?v=202608211103.
• Verify: chạy app thật (engine mới), POST /export/midi → GET download → parse bytes: format 1, division 480, đủ track, velocity đúng (0.5→64, 1.0→127, 0.8→102), track rỗng bị bỏ (2→1 track).

Tồn tại / cần bổ sung

• (trống)

Cần xác nhận (review)

• (trống)

---

PHASE 2 — FIX EXPORT MIX + LOOP

Đã làm

• Khảo sát: 3 đường xuất — server POST /multitrack/mix (cần allOnServer && connected), client clientSideExport (OfflineAudioContext, raw buffer không fade), bounce triggerBounceExport (realtime capture master bus, trước đây luôn +1.2s tail + blob download). Worker app/tasks/worker.py tôn trọng fade_in_ms/fade_out_ms từ clip.
• UI ExportModal: checkbox "Xuất loop (không fade in / không fade out)" + input "Số ô nhịp" (1..256, mặc định 4).
• Helper downloadBlobViaServer(blob, filename): POST /api/v1/audio/upload → download ${API_BASE_URL}/api/v1/audio/download/{file_id}; fail → fallback blob download + throw (pattern Phase 1).
• triggerWavExport: khi loop → cắt buffer từng track đúng [loopStart, loopStart+loopDur) (loopSecPerBar=(60/bpm)*4, loopStart = selection nếu hợp lệ else playhead), clip export_loop_clip startTime 0, luôn đi client path (buffer đã cắt phía client), gọi clientSideExport(exportTracks, {loopStart, loopDur}).
• clientSideExport(activeTracks, loopInfo): durationLimit = loopDur khi loop (không kéo đuôi); midi cache buffer cắt subarray(0, loopDur*sr); fix bug: midi cache không được kéo dài durationLimit khi loop (file không dư đuôi); WAV thay blob download bằng downloadBlobViaServer.
• triggerBounceExport: khi loop → durationLimit = loopDur (bỏ +1.2 tail), sau capture cắt cứng [loopStart, loopStart+loopDur) frames khỏi stereo buffer, download qua downloadBlobViaServer.
• Build: node build.mjs OK (2 lần — lần 2 sau fix durationLimit) + PyInstaller rebuild engine + copy dist/daw_engine/* sang src-tauri/target/release/daw_engine/ + bump cache-bust app.precompiled.js?v=202608211105.
• Verify chạy thật: engine serve app.precompiled.js mới (md5 khớp build local, đủ loop UI/loopActive/downloadBlobViaServer/export_loop_clip), index.html ?v=202608211105; /upload + /download roundtrip OK; POST /multitrack/mix (server path) SUCCESS → file 2.0s đúng, all samples nonzero (không regression).
• Self-check toán loop (node tools/_loopcheck.mjs): độ dài WAV = loopBars*4*60/bpm ±0 sample với mọi tổ hợp (120bpm×4, 120×4 target 48k, 90×8 start 1.5s, 140×1), biên đầu/cuối giữ nguyên mẫu (không fade) — PASS.
• Regression cũ: tools/shm_note_energy.py (energy 0 — app chưa load instrument, đúng), tools/test_sf2_ring.py PASS (energy 12.337, ring decay), tools/test_vst2_gui.py PASS (DUNE host + editor VSTGUI, proc alive).

Tồn tại / cần bổ sung

• Loop với track MIDI: midi cache cắt từ đầu cache (subarray(0, loopDur*sr)), chưa offset theo loopStart — đúng với thiết kế cache preview (cache bắt đầu từ preview), ghi nhận để Phase 7 review nếu cần.

Cần xác nhận (review)

• (trống)

PHASE 3 — FX CHAIN (BUILTIN DSP + VST FX 1 CHAIN)

• FXRackModal: header {track.name} — FX RACK PANEL → {track.name} — FX CHAIN (grep sạch "FX RACK PANEL" còn lại chỉ comment nội bộ dòng 11478).
• Gộp CHAIN RACK STRIP + block VST FX CHAIN thành MỘT strip unifiedChain = [...chain.map(m=>({kind:'builtin',m,i})), ...vstChain.map(s=>({kind:'vst',s,i}))]:
  • Slot builtin = card cũ nguyên vẹn (power/toggleMod, name, remove, click → setActiveType(m.type)).
  • Slot vst = card compact (power/toggleVst, name, removeVst, click → setActiveVstIdx(u.i), active = viền teal).
  • Drag reorder trên unifiedChain → split lại setChain(nb) + setVstChain(nv); khi kéo slot vst → setActiveVstIdx(nv.indexOf(mv.s)) giữ đúng slot đang chọn.
  • 2 nút thêm cuối strip: [+] (addModuleOpen, DSP) + [VST] (vstPickerOpen).
• Giữ toolbar VST mỏng dưới strip: "Nghe thử (render offline)" (previewFx) + checkbox Bypass + hint VST3 áp dụng lúc Export/Offline.
• Workspace: khi activeVstIdx>=0 && < vstChain.length && !fxGuiOpen → hiện detail VST đầy đủ (vstRow: select đổi plugin, Preset upload, GUI, Carla, lên/xuống, xóa); ngược lại → module editor builtin như cũ. addMod giờ reset setActiveVstIdx(-1) để quay về editor builtin khi thêm DSP.
• MasteringModal: header MASTERING SUITE → MASTER FX CHAIN (giữ badge "WEB MASTERING V10.5" làm subtitle); popup thêm module → THÊM MODULE VÀO MASTER FX CHAIN. Chain strip master đã unified sẵn từ trước (builtin + vst3 1 strip).
• Nút "MASTERING PANEL" (MasterStripConsole) → "FX CHAIN"; tooltip "Mở/Bật-Tắt MASTERING PANEL ..." → "MASTER FX CHAIN ..."; menu File "Mastering Suite" → "Master FX Chain" (giữ Ctrl+Shift+M).
• Phase 4 verify sẵn: __openFxRack(track.id, track.name) → fxRackTarget → FXRackModal lookup track giờ dùng (activeTracksRef.current || []).find(...) || tracks.find(...) || null — an toàn khi activeTracks là session-tab clones ≠ root tracks (trước: tracks.find có thể null → modal không mở).
• Build: node build.mjs OK (2 lần — lần 2 sau fix lookup); copy app/static/js/app.precompiled.js + app/templates/index.html sang bundle src-tauri/target/release/daw_engine/_internal/app/ (frontend-only, không cần PyInstaller); bump cache-bust ?v=202608211133.
• Verify chạy thật: engine serve precompiled md5 9d49f209... khớp build local, index ?v=202608211133, bundle chứa "FX CHAIN"/"MASTER FX CHAIN"/unifiedChain/lookup activeTracksRef; 3 regression cũ PASS (shm_note_energy energy 0 = app chưa load instrument đúng; test_sf2_ring energy 12.337→0.046; test_vst2_gui DUNE host + editor VSTGUI, proc alive).

PHASE 4 — NÚT FX TCP

• Nút "FX" trên Track Control Panel (TCP) mỗi track: onClick → window.__openFxRack(track.id, track.name) → setFxRackTarget → mở FXRackModal; sáng cyan khi track có fxChain (builtin/VST FX).
• window.__openFxRack = (trackId, trackName) => setFxRackTarget({ trackId, trackName });
• Fix lookup track trong modal: (activeTracksRef.current || []).find(t => t.id === fxRackTarget.trackId) || tracks.find(...) || null — an toàn khi activeTracks là session-tab clones ≠ root tracks (trước: tracks.find có thể null → modal không mở).
• Gộp chung vào commit Phase 3 5fc45a5.

PHASE 5 — VIRTUAL MIDI KEYBOARD

• Component VirtualMidiKeyboard (top-level, trước const App): floating draggable QWERTY keybed — drag header (mousemove/mouseup document), Oct -/+ (0..7), Vel slider 1..127 (default 100), Channel select 1..16 (default = channel track arm/select đầu tiên + 1; chỉ hiển thị, routing vẫn per-track alloc — ponytail), Transpose -24..24, Scale dropdown (None/Major/Minor/Pentatonic Major/Pentatonic Minor/Dorian/Mixolydian — highlight ring-amber chỉ hiển thị không chặn), keybed 15 white + 10 black (KEY_W=24 KEY_H=84, BLACK_W=14 BLACK_H=54 zIndex 5, black left=(wi+1)*KEY_W-BLACK_W/2), highlight activePitches.has(pitch) (white bg-emerald-500 / black bg-emerald-600), mousedown noteOn / mouseup+mouseleave noteOff, nhãn C keys C{octave}, footer hint QWERTY.
• Mapping QWERTY (spec §3 — BIG_PHASE_3 §5.2 cũ ghi sai thiếu H): Lower Z=0 S=1 X=2 D=3 C=4 V=5 G=6 B=7 H=8 N=9 J=10 M=11, Upper Q=12 2=13 W=14 3=15 E=16 R=17 5=18 T=19 6=20 Y=21 7=22 U=23 I=24 (I = +2 oct C). Pitch = (Octave+1)*12 + offset + transpose, clamp 0..127, vel = velocity/127.
• State + effect: vkbOpen/vkbOpenRef/vkbHeldRef/vkbSettings(+ref)/vkbNoteOnRef/vkbNoteOffRef/vkbUpdateSettings (persist sonic_vkb_settings_v1); global keydown/keyup {capture:true} đăng ký TRƯỚC handler transport (~19402) → stopPropagation chặn phím trùng (s=split, v/g sub-tab) khi VKB mở; F2 toggle qua window.__toggleVkb; bỏ e.repeat; KHÔNG bắt khi focus input/textarea/contentEditable; bỏ qua ctrl/meta/alt; không chặn Space/R.
• Routing note (theo pattern attachMidiHandler): vkbNoteOn — bridge active → SonicMidiRouter.pushEvent({cmd:'NOTE_ON', channel: t.id, pitch, velocity (0..1), percussion, live:true}) cho ALL armed tracks (fallback all tracks + toast 1 lần khi không arm); native SF/VST qua playNativeSfNote/playNativeVstNote(t, pitch, vel, 60000, undefined, 'vkb_'+t.id+'_'+pitch) (key prefix cho stop); SonicSF.playNote fallback; Carla noteOn; VU triggerMidiVuActivity(t.id, vel*127); giữ heldMidiNotesRef.current[t.id]; vkbNoteOff — pushEvent NOTE_OFF / stopNativeSfNote+stopNativeVstNote / SonicSF.stopNote / Carla noteOff, giảm counter.
• Live record: forward rec.handleMIDIMessage({data:[0x90|0x80,pitch,vel]}, null) tới mọi recorder trong activeMIDIRecordersRef (sourceInputId null → không bị filter selectedMidiInputId) — timeline take + piano roll đều ghi.
• Menu Tools: item "Virtual MIDI Keyboard" icon 'piano' shortcut 'F2' → window.__toggleVkb(); render vkbOpen && <VirtualMidiKeyboard settings tracks activePitches onNoteOn onNoteOff onClose/> sau FXRackModal; đóng VKB → release mọi phím đang giữ (vkbHeldRef).
• Build: node build.mjs OK; copy app.precompiled.js + index.html sang bundle src-tauri/target/release/daw_engine/_internal/app/ (frontend-only); bump cache-bust ?v=202608211150 (repo + bundle); md5 bundle khớp (2fabf1b0...).
• Verify chạy thật (Playwright, login admin/admin123): F2 mở/đóng; bấm Z..M → highlight C4..B4 đúng pitch (60..71), Q=72, Oct+ → C5; highlight tắt khi release; input focus → không bắn note; kéo thả header → persist x/y, reload khôi phục vị trí; record (arm + input MIDI_KEYBOARD:ALL) → R → bấm Z → recorder nhận NOTE_ON [144,60,100] + NOTE_OFF [128,60,0] (đợi ~5s sau REC — headless context.resume chậm, không phải bug forward; cùng hạn chế với hardware MIDI).
• 3 regression cũ PASS: shm_note_energy energy 0 (app chưa load instrument — đúng); test_sf2_ring energy 12.337→0.046 (= baseline Phase 3); test_vst2_gui DUNE host + editor VSTGUI, proc alive.

PHASE 6 — CHORDS PANEL

(chưa bắt đầu)

PHASE 7 — BUILD TỔNG & VERIFY

(chưa bắt đầu)