[hoangsvit]

Visual redesign matching the supplied screenshot

Replace equally tall programme cards for Vietnamese sourced reference schedules with a full time-scaled vertical EPG:

• An hour gutter on the left with horizontal grid lines every 60 min and a label when the next Vietnam date begins (e.g. 15/10 after midnight).
• A broadcaster programme as an absolute duration-proportional coloured block, with title, start/end times and optional station artwork. Current programme has stronger burgundy/rose emphasis; gaps stay visibly empty instead of inventing content.
• A full-width green horizontal NOW line and HH:mm:ss badge move smoothly every second, across whichever real programme or missing-guide period contains current ICT wall time.
• At e.g. 16:29 VOV Giao thông TP.HCM, line sits exactly between the 16:15 end and 16:30 start, with a neutral 'programme not listed' hint and next show. At 16:30, it enters the actual programme block.
• The view extends past midnight with the next date and early hours. Auto-scroll locates the actual green clock line on opening Schedule, switching station or opening the desktop/mobile drawer. Manual scrolling stays untouched until Jump to current time.
• For provider schedules that do not supply trustworthy intervals (Zing / other external EPGs), retain existing compact list; don't manufacture proportional timeblocks.
• Schedule position is based on Asia/Ho_Chi_Minh (UTC+7), not listener timezone; it is not audio playback progress.

Implementation + checks

• New components/player/ScheduleTimeline.vue, pure timeline geometry in utils/station-schedule.mjs, reuse existing station data and privacy/translation architecture; no new dependencies.
• Node regressions for proportional layout, programme boundaries, 16:29→16:30, 27+ hour ruler / next-day date, and progress math.
• Updated opt-in Playwright tests for real rendered timeline, auto-scroll, manual browsing and moving second-by-second indicator.
• Docs updated; full unit/prerender/SEO CI required before merge and production release.

Target develop only until green CI and staging verification.

[qodo-code-review]

ⓘ Qodo reviews are paused because the subscription is no longer active. Ask your workspace admin to reactivate the subscription to resume reviews. Manage billing

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

• Configuration used: Repository: ePlus-DEV/radio.eplus.dev/.coderabbit.yaml
• Review profile: CHILL
• Plan: Free
• Run ID: 0302d31e-39f3-4497-9127-d09c34468d34

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

ePlus-DEV is on CodeRabbit Free, which includes PR summaries. Ask your admin to upgrade for code reviews.

• Ask an admin to upgrade

Open in CodeRabbit

• Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

_{Comment @coderabbitai help to get the list of available commands.}