@remotion/studio: When duplicating composition, jump to new one

[JonnyBurger]

Summary

• After duplicating a composition, the studio now automatically navigates to the new composition
• Adds an optional onSuccess callback to CodemodFooter, called after the codemod is successfully applied
• DuplicateComposition uses this callback to push the URL and set the canvas content to the new composition ID

Previously, after duplicating a composition the user stayed on the original composition, which was confusing.

Closes #5111

Test plan

• Right-click a composition → Duplicate → confirm duplication
• Verify the studio navigates to the newly created composition after duplication
• Verify rename and delete codemods still work as before (no regression from the optional onSuccess prop)

🤖 Generated with Claude Code

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
bugs	Ready	Preview, Comment	Feb 20, 2026 3:05pm
remotion	Ready	Preview, Comment	Feb 20, 2026 3:05pm

[pullfrog]

Clean, minimal change. The onSuccess callback follows the established navigation pattern from InitialCompositionLoader and the optional prop is backward-compatible with existing CodemodFooter consumers (DeleteComposition, RenameComposition). No issues found.

  ^{｜ View workflow run ｜ pullfrog.com ｜ 𝕏}

[pullfrog]

Clean, well-scoped change. The onSuccess callback pattern in CodemodFooter is a good extension point, and DuplicateComposition follows the same navigation pattern established by useSelectComposition in InitialCompositionLoader.tsx. The optional prop avoids any regression for DeleteComposition and RenameComposition. LGTM.

  ^{｜ View workflow run ｜ pullfrog.com ｜ 𝕏}

[Copilot]

Pull request overview

This PR improves the Studio duplication flow by automatically navigating to the newly duplicated composition after the codemod succeeds, reducing confusion from staying on the original composition.

Changes:

• Add an optional onSuccess callback to CodemodFooter, invoked after a successful codemod apply.
• Use the new onSuccess hook in DuplicateComposition to push the new URL, update canvas content, and focus the compositions panel.

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 1 comment.

File	Description
packages/studio/src/components/NewComposition/DuplicateComposition.tsx	After duplication, navigates to the new composition by updating URL + canvas content and focusing the compositions panel.
packages/studio/src/components/NewComposition/CodemodFooter.tsx	Extends the footer API with an optional onSuccess callback and invokes it after codemod success.

[JonnyBurger]

@pullfrog can you

[pullfrog]

Both review comments from @JonnyBurger have already been addressed in commit cfb59940bd:

1. InitialCompositionLoader.tsx:97 — An explanatory comment was added describing the URL-based composition switching logic.
2. CodemodFooter.tsx:21 — onSuccess was changed from optional (onSuccess?: () => void) to mandatory but nullable (onSuccess: (() => void) | null), with DeleteComposition and RenameComposition updated to pass onSuccess={null}.

No further changes needed.

  ^{｜ View workflow run ｜ Using Cursor CLI ｜ Triggered by Pullfrog ｜ pullfrog.com ｜ 𝕏}