Skip to content

v0.5.0 - Tabbed Inspector Redesign

Latest
Latest

Choose a tag to compare

View all tags
@Augani Augani released this 30 May 20:35
v0.5.0
97b50a8
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

Tabbed Inspector Redesign

The editor's right-side inspector is rebuilt from a single endless scroll column (fake scroll-anchor "tabs") into real isolated tabs — clicking a tab shows only that tab's controls, like professional NLEs.

Highlights

  • Real isolated tabs per clip type — Transform · Color · Effects · Audio · Speed · Animate · AI (and Style for text/shape/SVG). Tab sets adapt to the selected clip type so every control is reachable and no tab is empty.
  • All existing functionality preserved — ~40 sections re-parented under tabs, none removed.
  • Slider ergonomics — click a value to type an exact number; double-click to reset to default.
  • Persistent active tab (remembered across clip selections) + per-tab error boundaries.

Under the hood

  • InspectorPanel.tsx refactored from 2,335 → 1,351 lines as a controller, delegating to 8 focused tab components.
  • 20+ new tests including real-component render tests proving tab isolation and per-clip-type reachability.
  • Full test suite green and deterministic; typecheck clean across all packages.

PR #71.

Assets 2
Loading