fix: restore time duration labels on TimelineRuler + TempoTrackLane

Time labels (e.g. '0.00s', '1.00s') were lost in ff44fd4 merge. Re-added as amber/orange text at ruler bottom, dynamic interval.
2026-07-25 10:37:12 +07:00
parent db759fc4fc
commit 70d1abaa7a
3 changed files with 54 additions and 2 deletions
@@ -80,6 +80,12 @@
 - **Ghi chú/Test (nếu có):** `npm run build` — build passes.
 ---

+### [2026-07-25 10:35] Task: Restore time duration labels on TimelineRuler + TempoTrackLane
+- **Tóm tắt thay đổi:** Thêm time duration labels (formatTimeSimple: "0.00s", "1.00s",...) vào TimelineRuler và TempoTrackLane. Hiển thị dạng màu cam (#ffb464) ở chân ruler, động điều chỉnh interval (1s/2s/5s/10s...) theo zoom level. Time labels đã bị mất từ commit ff44fd4 khi merge time bar + tempo bar thành TimelineRuler.
+- **Các file ảnh hưởng:** `app/static/js/app.jsx`, `app/static/js/app.precompiled.js`
+- **Ghi chú/Test (nếu có):** `npm run build` — build passes.
+---
+
 ### [2026-07-25 10:18] Task: Lead-in margin, bar 0-indexed, grid clip fix
 - **Tóm tắt thay đổi:** Thêm leadInMargin (1 bar) đẩy timeline content sang phải — bar 0, time 0s tại mép margin. Playhead bắt đầu từ đó. Bar numbering 0-indexed (bar 0 thay vì 1). Sửa CLIP_BUFFER từ 200px → max(400, barWidth+200) để bar number không bị che. Đồng bộ leadInMargin vào tStart/tEnd canvas + mouse handlers (ruler, clip drag, section resize).
 - **Các file ảnh hưởng:** `app/static/js/app.jsx`