@remotion/studio: Add SFX drag support for Studio

[JonnyBurger]

Summary

• Closes Drag a @remotion/sfx into the Studio #8200.
• Adds an SFX drag payload for docs and generic URL validation.
• Lets SFX docs pages and the SFX table of contents drag audio into Studio canvas.
• Inserts remote SFX as @remotion/media <Audio src="https://remotion.media/..." /> without importing @remotion/sfx.
• Makes asset srcType mandatory and supports any valid remote URL for remote insertions.

Demo

Testing

• bun test src/test/sfx-drag-data.test.ts src/test/required-package.test.ts
• bun test src/test/import-assets.test.ts
• bun test src/test/resolve-composition-component.test.ts src/test/download-remote-asset.test.ts
• bun run build
• bunx turbo run lint formatting --filter='@remotion/studio' --filter='@remotion/studio-server' --filter='@remotion/studio-shared'
• Manual Studio canvas drop verification (see demo video)

Notes

• bun run stylecheck is blocked in this VM by the known @remotion/lambda-go Go requirement: golang.org/x/crypto@v0.35.0 requires go >= 1.23.0, while the VM has Go 1.22.2.

  

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
bugs	Ready	Preview, Comment	Jun 6, 2026 12:37pm
remotion	Ready	Preview, Comment	Jun 6, 2026 12:37pm

[pullfrog]

This run was cancelled 🛑

The workflow was cancelled before completion. Please check the link below for details.

  ^{｜ View workflow run ｜ via Pullfrog ｜ 𝕏}