@remotion/studio: Add effect drag-and-drop to layers

[JonnyBurger]

Fixes #7892.

Summary

• Make docs effect demos draggable with their current config.
• Add a Studio API and codemod to append effect calls and imports to a target JSX layer.
• Accept effect drops on Studio timeline rows and call the new add-effect route.

Walkthrough

studio_add_effect_api_demo.mp4

Testing

• bun test packages/studio-server/src/test/add-effect.test.ts packages/studio-shared/src/test/schema-field-info.test.ts
• bunx turbo run make --filter='@remotion/studio-shared' --filter='@remotion/studio-server' --filter='@remotion/studio' --filter='docs'
• bunx turbo run formatting --filter='@remotion/studio-shared' --filter='@remotion/studio-server' --filter='@remotion/studio' --filter='docs'
• bunx turbo run lint --filter='@remotion/studio-shared' --filter='@remotion/studio-server' --filter='@remotion/studio' --filter='docs'
• bun run build
• bun run stylecheck reached the known Cloud Agent Go 1.22.2 limitation in @remotion/lambda-go, which requires Go >= 1.23.0.

_{To show artifacts inline, enable in settings.}

  

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
bugs	Ready	Preview, Comment	May 31, 2026 9:34pm
remotion	Ready	Preview, Comment	May 31, 2026 9:34pm