OpenCut-app / OpenCut-app/OpenCut
[UX] Add visible undo/redo buttons to editor UI
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 89.8k
- Forks
- 8.9k
- PR merge metrics
- No merged PRs in 30d
Description
Description
The codebase has a full command pattern system with undo/redo support (apps/web/src/lib/commands/), but there are NO visible undo/redo buttons in the editor header or timeline toolbar.
Current Behavior
Users must rely on keyboard shortcuts (Ctrl+Z / Ctrl+Shift+Z) with no visual indication of edit history.
Expected Behavior
Add undo/redo buttons to the editor-header.tsx or timeline-toolbar.tsx with:
- Visual disabled state when history is empty
- Tooltip showing shortcut (Ctrl+Z / Ctrl+Shift+Z)
- Optional: dropdown showing recent actions
Files
apps/web/src/components/editor/editor-header.tsxapps/web/src/components/editor/panels/timeline/timeline-toolbar.tsxapps/web/src/lib/commands/(existing command system)
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reading apps/web/src/components/editor/editor-header.tsx and apps/web/src/components/editor/panels/timeline/timeline-toolbar.tsx, then inspect the existing command system in apps/web/src/lib/commands/. Add visible undo and redo controls with disabled empty-history states and shortcut tooltips; verify both editor locations and the optional recent-actions dropdown if implemented.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 55/100