feat: add cue numbering to AD cues in VttEditor

Display 0-based cue index badges in the editable AD cue list to match
the numbering shown on the timeline preview, helping users associate
timeline markers with their corresponding editable cues.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
michael 2026-01-12 10:28:48 -06:00
parent 0919dbf7bd
commit 48bcea349e

View file

@ -231,6 +231,10 @@ export function VttEditor({ vttContent, onChange, onCueSave, title, readOnly = f
{/* Timing Row */}
<div className="flex items-center justify-between mb-2">
<div className="flex items-center gap-1">
{/* Cue Number */}
<span className="inline-flex items-center justify-center w-6 h-6 text-xs font-bold text-white bg-orange-400 rounded-full mr-2">
{index}
</span>
{readOnly ? (
<span className="text-sm text-gray-500 font-mono">
{formatTime(cue.startTime)} {formatTime(cue.endTime)}