@remotion/studio: Derive timeline selection order

[JonnyBurger]

Summary

• Derive timeline selectable item order from the visible timeline tree instead of row registration
• Keep DOM registration scoped to marquee hit testing
• Add a regression test for expanded timeline item order including rows, easing, and keyframes

Fixes #8540

Testing

• bun test packages/studio/src/test/timeline-selection.test.ts
• bunx turbo run make --filter='@remotion/studio'
• bun run build
• bun run stylecheck

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
bugs	Ready	Preview, Comment	Jun 17, 2026 3:23pm
remotion	Ready	Preview, Comment	Jun 17, 2026 3:23pm

[pullfrog]

Reviewed changes — replaces imperative registerSelectableItem with a tree-derived getSelectableTimelineItems that computes the ordered selectable timeline list from the visible tree structure rather than DOM mount order.

• Replace registerSelectableItem with setSelectableTimelineItems — the TimelineSelectionProvider now holds a single mutable ref set by TimelineSelectableItems, removing individual registration from useTimelineRowSelection, useTimelineKeyframeSelection, useTimelineEasingSelection, and useTimelineGuideSelection.
• Add getSelectableTimelineItems — derives the full ordered list (sequences, props, easings, keyframes) from the timeline tree via buildTimelineTree → filterTimelineExpandedTree → flattenVisibleTreeNodes, with keyframe/easing inclusion gated on getNodeHasKeyframes and getTimelineTreeNodeCanEditEasing.
• Add regression test — validates expanded timeline item order: sequence → prop → easing → keyframes.

  ^{｜ View workflow run ｜ Using DeepSeek Pro (free via Pullfrog for OSS) ｜ 𝕏}