@remotion/studio 4.0.215 → 4.0.216

package/.turbo/turbo-build.log

@@ -0,0 +1,4 @@
+
+> @remotion/studio@4.0.212 build /Users/jonathanburger/remotion/packages/studio
+> bun --env-file=../.env.bundle bundle.ts
+

package/.turbo/turbo-make.log

@@ -1,4 +1,4 @@
 
-> @remotion/studio@4.0.214 make /Users/jonathanburger/remotion/packages/studio
+> @remotion/studio@4.0.215 make /Users/jonathanburger/remotion/packages/studio
 > bun --env-file=../.env.bundle bundle.ts
 

package/dist/components/Modals.js

@@ -20,7 +20,7 @@ const Modals = ({ readOnlyStudio }) => {
     const { selectedModal: modalContextType } = (0, react_1.useContext)(modals_1.ModalsContext);
     const canRender = (0, react_1.useContext)(client_id_1.StudioServerConnectionCtx).previewServerState.type ===
         'connected';
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [modalContextType && modalContextType.type === 'duplicate-comp' && ((0, jsx_runtime_1.jsx)(DuplicateComposition_1.DuplicateComposition, { compositionType: modalContextType.compositionType, compositionId: modalContextType.compositionId })), modalContextType && modalContextType.type === 'delete-comp' && ((0, jsx_runtime_1.jsx)(DeleteComposition_1.DeleteComposition, { compositionId: modalContextType.compositionId })), modalContextType && modalContextType.type === 'rename-comp' && ((0, jsx_runtime_1.jsx)(RenameComposition_1.RenameComposition, { compositionId: modalContextType.compositionId })), modalContextType && canRender && modalContextType.type === 'render' && ((0, jsx_runtime_1.jsx)(RenderModal_1.RenderModalWithLoader, { initialFrame: modalContextType.initialFrame, compositionId: modalContextType.compositionId, initialVideoImageFormat: modalContextType.initialVideoImageFormat, initialJpegQuality: modalContextType.initialJpegQuality, initialScale: modalContextType.initialScale, initialLogLevel: modalContextType.initialLogLevel, initialOffthreadVideoCacheSizeInBytes: modalContextType.initialOffthreadVideoCacheSizeInBytes, initialConcurrency: modalContextType.initialConcurrency, maxConcurrency: modalContextType.maxConcurrency, minConcurrency: modalContextType.minConcurrency, initialStillImageFormat: modalContextType.initialStillImageFormat, initialMuted: modalContextType.initialMuted, initialEnforceAudioTrack: modalContextType.initialEnforceAudioTrack, initialProResProfile: modalContextType.initialProResProfile, initialx264Preset: modalContextType.initialx264Preset, initialPixelFormat: modalContextType.initialPixelFormat, initialAudioBitrate: modalContextType.initialAudioBitrate, initialVideoBitrate: modalContextType.initialVideoBitrate, initialEveryNthFrame: modalContextType.initialEveryNthFrame, initialNumberOfGifLoops: modalContextType.initialNumberOfGifLoops, initialDelayRenderTimeout: modalContextType.initialDelayRenderTimeout, initialEnvVariables: modalContextType.initialEnvVariables, initialDisableWebSecurity: modalContextType.initialDisableWebSecurity, initialGl: modalContextType.initialOpenGlRenderer, initialHeadless: modalContextType.initialHeadless, initialIgnoreCertificateErrors: modalContextType.initialIgnoreCertificateErrors, initialEncodingBufferSize: modalContextType.initialEncodingBufferSize, initialEncodingMaxRate: modalContextType.initialEncodingMaxRate, initialUserAgent: modalContextType.initialUserAgent, initialColorSpace: modalContextType.initialColorSpace, initialMultiProcessOnLinux: modalContextType.initialMultiProcessOnLinux, initialRepro: modalContextType.initialRepro, initialBeep: modalContextType.initialBeep, initialForSeamlessAacConcatenation: modalContextType.initialForSeamlessAacConcatenation, defaultProps: modalContextType.defaultProps, inFrameMark: modalContextType.inFrameMark, outFrameMark: modalContextType.outFrameMark, defaultConfigurationAudioCodec: modalContextType.defaultConfigurationAudioCodec, defaultConfigurationVideoCodec: modalContextType.defaultConfigurationVideoCodec, renderTypeOfLastRender: modalContextType.renderTypeOfLastRender })), modalContextType &&
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [modalContextType && modalContextType.type === 'duplicate-comp' && ((0, jsx_runtime_1.jsx)(DuplicateComposition_1.DuplicateComposition, { compositionType: modalContextType.compositionType, compositionId: modalContextType.compositionId })), modalContextType && modalContextType.type === 'delete-comp' && ((0, jsx_runtime_1.jsx)(DeleteComposition_1.DeleteComposition, { compositionId: modalContextType.compositionId })), modalContextType && modalContextType.type === 'rename-comp' && ((0, jsx_runtime_1.jsx)(RenameComposition_1.RenameComposition, { compositionId: modalContextType.compositionId })), modalContextType && canRender && modalContextType.type === 'render' && ((0, jsx_runtime_1.jsx)(RenderModal_1.RenderModalWithLoader, { initialFrame: modalContextType.initialFrame, compositionId: modalContextType.compositionId, initialVideoImageFormat: modalContextType.initialVideoImageFormat, initialJpegQuality: modalContextType.initialJpegQuality, initialScale: modalContextType.initialScale, initialLogLevel: modalContextType.initialLogLevel, initialOffthreadVideoCacheSizeInBytes: modalContextType.initialOffthreadVideoCacheSizeInBytes, initialConcurrency: modalContextType.initialConcurrency, maxConcurrency: modalContextType.maxConcurrency, minConcurrency: modalContextType.minConcurrency, initialStillImageFormat: modalContextType.initialStillImageFormat, initialMuted: modalContextType.initialMuted, initialEnforceAudioTrack: modalContextType.initialEnforceAudioTrack, initialProResProfile: modalContextType.initialProResProfile, initialx264Preset: modalContextType.initialx264Preset, initialPixelFormat: modalContextType.initialPixelFormat, initialAudioBitrate: modalContextType.initialAudioBitrate, initialVideoBitrate: modalContextType.initialVideoBitrate, initialEveryNthFrame: modalContextType.initialEveryNthFrame, initialNumberOfGifLoops: modalContextType.initialNumberOfGifLoops, initialDelayRenderTimeout: modalContextType.initialDelayRenderTimeout, initialEnvVariables: modalContextType.initialEnvVariables, initialDisableWebSecurity: modalContextType.initialDisableWebSecurity, initialGl: modalContextType.initialOpenGlRenderer, initialHeadless: modalContextType.initialHeadless, initialIgnoreCertificateErrors: modalContextType.initialIgnoreCertificateErrors, initialEncodingBufferSize: modalContextType.initialEncodingBufferSize, initialEncodingMaxRate: modalContextType.initialEncodingMaxRate, initialUserAgent: modalContextType.initialUserAgent, initialColorSpace: modalContextType.initialColorSpace, initialMultiProcessOnLinux: modalContextType.initialMultiProcessOnLinux, initialRepro: modalContextType.initialRepro, initialBeep: modalContextType.initialBeep, initialForSeamlessAacConcatenation: modalContextType.initialForSeamlessAacConcatenation, defaultProps: modalContextType.defaultProps, inFrameMark: modalContextType.inFrameMark, outFrameMark: modalContextType.outFrameMark, defaultConfigurationAudioCodec: modalContextType.defaultConfigurationAudioCodec, defaultConfigurationVideoCodec: modalContextType.defaultConfigurationVideoCodec, renderTypeOfLastRender: modalContextType.renderTypeOfLastRender, defaultMetadata: modalContextType.defaulMetadata })), modalContextType &&
                 canRender &&
                 modalContextType.type === 'render-progress' && ((0, jsx_runtime_1.jsx)(RenderStatusModal_1.RenderStatusModal, { jobId: modalContextType.jobId })), modalContextType && modalContextType.type === 'update' && ((0, jsx_runtime_1.jsx)(UpdateModal_1.UpdateModal, { info: modalContextType.info, knownBugs: modalContextType.knownBugs })), modalContextType && modalContextType.type === 'install-packages' && ((0, jsx_runtime_1.jsx)(InstallPackage_1.InstallPackageModal, { packageManager: modalContextType.packageManager })), modalContextType && modalContextType.type === 'quick-switcher' && ((0, jsx_runtime_1.jsx)(QuickSwitcher_1.default, { readOnlyStudio: readOnlyStudio, invocationTimestamp: modalContextType.invocationTimestamp, initialMode: modalContextType.mode }))] }));
 };

package/dist/components/NewComposition/RemInput.d.ts

@@ -12,6 +12,6 @@ export declare const getInputBorderColor: ({ status, isFocused, isHovered, }: {
     status: "error" | "warning" | "ok";
     isFocused: boolean;
     isHovered: boolean;
-}) => "hsla(0, 0%, 100%, 0.15)" | "rgba(0, 0, 0, 0.6)" | "rgba(255, 255, 255, 0.05)" | "#ff3232" | "#f1c40f";
+}) => "#ff3232" | "hsla(0, 0%, 100%, 0.15)" | "#f1c40f" | "rgba(0, 0, 0, 0.6)" | "rgba(255, 255, 255, 0.05)";
 export declare const RemotionInput: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/components/RenderButton.js

@@ -91,6 +91,7 @@ const RenderButton = () => {
             initialRepro: defaults.repro,
             initialForSeamlessAacConcatenation: defaults.forSeamlessAacConcatenation,
             renderTypeOfLastRender: null,
+            defaulMetadata: defaults.metadata,
         });
     }, [video, setSelectedModal, frame, props, inFrame, outFrame]);
     if (!video) {

package/dist/components/RenderModal/RenderModal.d.ts

@@ -42,6 +42,7 @@ type RenderModalProps = {
     readonly defaultConfigurationAudioCodec: AudioCodec | null;
     readonly initialForSeamlessAacConcatenation: boolean;
     readonly renderTypeOfLastRender: RenderType | null;
+    readonly defaultMetadata: Record<string, string> | null;
 };
 export declare const RenderModalWithLoader: React.FC<RenderModalProps>;
 export {};

package/dist/components/RenderModal/RenderModal.js

@@ -116,7 +116,7 @@ const outer = {
     display: 'flex',
     flexDirection: 'column',
 };
-const RenderModal = ({ initialFrame, initialVideoImageFormat, initialStillImageFormat, initialJpegQuality, initialScale, initialLogLevel, initialConcurrency, maxConcurrency, minConcurrency, initialMuted, initialEnforceAudioTrack, initialProResProfile, initialx264Preset, initialPixelFormat, initialVideoBitrate, initialAudioBitrate, initialEveryNthFrame, initialNumberOfGifLoops, initialDelayRenderTimeout, initialOffthreadVideoCacheSizeInBytes, initialEnvVariables, initialDisableWebSecurity, initialGl, initialHeadless, initialIgnoreCertificateErrors, initialEncodingBufferSize, initialEncodingMaxRate, initialUserAgent, defaultProps, inFrameMark, outFrameMark, initialColorSpace, initialMultiProcessOnLinux, defaultConfigurationAudioCodec, defaultConfigurationVideoCodec, initialBeep, initialRepro, initialForSeamlessAacConcatenation, renderTypeOfLastRender, }) => {
+const RenderModal = ({ initialFrame, initialVideoImageFormat, initialStillImageFormat, initialJpegQuality, initialScale, initialLogLevel, initialConcurrency, maxConcurrency, minConcurrency, initialMuted, initialEnforceAudioTrack, initialProResProfile, initialx264Preset, initialPixelFormat, initialVideoBitrate, initialAudioBitrate, initialEveryNthFrame, initialNumberOfGifLoops, initialDelayRenderTimeout, initialOffthreadVideoCacheSizeInBytes, initialEnvVariables, initialDisableWebSecurity, initialGl, initialHeadless, initialIgnoreCertificateErrors, initialEncodingBufferSize, initialEncodingMaxRate, initialUserAgent, defaultProps, inFrameMark, outFrameMark, initialColorSpace, initialMultiProcessOnLinux, defaultConfigurationAudioCodec, defaultConfigurationVideoCodec, initialBeep, initialRepro, initialForSeamlessAacConcatenation, renderTypeOfLastRender, defaultMetadata, }) => {
     const { setSelectedModal } = (0, react_1.useContext)(modals_1.ModalsContext);
     const context = (0, react_1.useContext)(ResolveCompositionBeforeModal_1.ResolvedCompositionContext);
     if (!context) {
@@ -294,6 +294,7 @@ const RenderModal = ({ initialFrame, initialVideoImageFormat, initialStillImageF
         return null;
     }, [codec, x264PresetSetting, renderMode]);
     const [inputProps, setInputProps] = (0, react_1.useState)(() => defaultProps);
+    const [metadata] = (0, react_1.useState)(() => defaultMetadata);
     const endFrame = (0, react_1.useMemo)(() => {
         if (endFrameOrNull === null) {
             return resolvedComposition.durationInFrames - 1;
@@ -399,6 +400,7 @@ const RenderModal = ({ initialFrame, initialVideoImageFormat, initialStillImageF
             offthreadVideoCacheSizeInBytes,
             multiProcessOnLinux,
             beepOnFinish,
+            metadata,
         })
             .then(() => {
             dispatchIfMounted({ type: 'succeed' });
@@ -425,6 +427,7 @@ const RenderModal = ({ initialFrame, initialVideoImageFormat, initialStillImageF
         multiProcessOnLinux,
         beepOnFinish,
         setSelectedModal,
+        metadata,
     ]);
     const [everyNthFrameSetting, setEveryNthFrameSetting] = (0, react_1.useState)(() => initialEveryNthFrame);
     const everyNthFrame = (0, react_1.useMemo)(() => {
@@ -485,6 +488,7 @@ const RenderModal = ({ initialFrame, initialVideoImageFormat, initialStillImageF
             repro,
             forSeamlessAacConcatenation,
             separateAudioTo,
+            metadata,
         })
             .then(() => {
             dispatchIfMounted({ type: 'succeed' });
@@ -534,6 +538,7 @@ const RenderModal = ({ initialFrame, initialVideoImageFormat, initialStillImageF
         forSeamlessAacConcatenation,
         separateAudioTo,
         setSelectedModal,
+        metadata,
     ]);
     const onClickSequence = (0, react_1.useCallback)(() => {
         var _a;
@@ -560,6 +565,7 @@ const RenderModal = ({ initialFrame, initialVideoImageFormat, initialStillImageF
             multiProcessOnLinux,
             beepOnFinish,
             repro,
+            metadata,
         })
             .then(() => {
             dispatchIfMounted({ type: 'succeed' });
@@ -590,6 +596,7 @@ const RenderModal = ({ initialFrame, initialVideoImageFormat, initialStillImageF
         beepOnFinish,
         repro,
         setSelectedModal,
+        metadata,
     ]);
     (0, react_1.useEffect)(() => {
         return () => {

package/dist/components/RenderQueue/actions.d.ts

@@ -1,6 +1,6 @@
 import type { AudioCodec, Codec, ColorSpace, LogLevel, PixelFormat, ProResProfile, StillImageFormat, VideoImageFormat, X264Preset } from '@remotion/renderer';
 import type { CanUpdateDefaultPropsResponse, EnumPath, RecastCodemod, RenderJob, RequiredChromiumOptions } from '@remotion/studio-shared';
-export declare const addStillRenderJob: ({ compositionId, outName, imageFormat, jpegQuality, frame, scale, logLevel, chromiumOptions, delayRenderTimeout, envVariables, inputProps, offthreadVideoCacheSizeInBytes, multiProcessOnLinux, beepOnFinish, }: {
+export declare const addStillRenderJob: ({ compositionId, outName, imageFormat, jpegQuality, frame, scale, logLevel, chromiumOptions, delayRenderTimeout, envVariables, inputProps, offthreadVideoCacheSizeInBytes, multiProcessOnLinux, beepOnFinish, metadata, }: {
     compositionId: string;
     outName: string;
     imageFormat: StillImageFormat;
@@ -15,8 +15,9 @@ export declare const addStillRenderJob: ({ compositionId, outName, imageFormat,
     offthreadVideoCacheSizeInBytes: number | null;
     multiProcessOnLinux: boolean;
     beepOnFinish: boolean;
+    metadata: Record<string, string> | null;
 }) => Promise<undefined>;
-export declare const addSequenceRenderJob: ({ compositionId, outName, imageFormat, startFrame, endFrame, scale, logLevel, chromiumOptions, delayRenderTimeout, envVariables, inputProps, concurrency, offthreadVideoCacheSizeInBytes, jpegQuality, disallowParallelEncoding, multiProcessOnLinux, beepOnFinish, repro, }: {
+export declare const addSequenceRenderJob: ({ compositionId, outName, imageFormat, startFrame, endFrame, scale, logLevel, chromiumOptions, delayRenderTimeout, envVariables, inputProps, concurrency, offthreadVideoCacheSizeInBytes, jpegQuality, disallowParallelEncoding, multiProcessOnLinux, beepOnFinish, repro, metadata, }: {
     compositionId: string;
     outName: string;
     imageFormat: VideoImageFormat;
@@ -35,8 +36,9 @@ export declare const addSequenceRenderJob: ({ compositionId, outName, imageForma
     multiProcessOnLinux: boolean;
     beepOnFinish: boolean;
     repro: boolean;
+    metadata: Record<string, string> | null;
 }) => Promise<undefined>;
-export declare const addVideoRenderJob: ({ compositionId, outName, imageFormat, jpegQuality, scale, logLevel, codec, concurrency, crf, startFrame, endFrame, muted, enforceAudioTrack, proResProfile, x264Preset, pixelFormat, audioBitrate, videoBitrate, everyNthFrame, numberOfGifLoops, delayRenderTimeout, audioCodec, disallowParallelEncoding, chromiumOptions, envVariables, inputProps, offthreadVideoCacheSizeInBytes, colorSpace, multiProcessOnLinux, encodingMaxRate, encodingBufferSize, beepOnFinish, repro, forSeamlessAacConcatenation, separateAudioTo, }: {
+export declare const addVideoRenderJob: ({ compositionId, outName, imageFormat, jpegQuality, scale, logLevel, codec, concurrency, crf, startFrame, endFrame, muted, enforceAudioTrack, proResProfile, x264Preset, pixelFormat, audioBitrate, videoBitrate, everyNthFrame, numberOfGifLoops, delayRenderTimeout, audioCodec, disallowParallelEncoding, chromiumOptions, envVariables, inputProps, offthreadVideoCacheSizeInBytes, colorSpace, multiProcessOnLinux, encodingMaxRate, encodingBufferSize, beepOnFinish, repro, forSeamlessAacConcatenation, separateAudioTo, metadata, }: {
     compositionId: string;
     outName: string;
     imageFormat: VideoImageFormat;
@@ -72,6 +74,7 @@ export declare const addVideoRenderJob: ({ compositionId, outName, imageFormat,
     repro: boolean;
     forSeamlessAacConcatenation: boolean;
     separateAudioTo: string | null;
+    metadata: Record<string, string> | null;
 }) => Promise<undefined>;
 export declare const unsubscribeFromFileExistenceWatcher: ({ file, clientId, }: {
     file: string;

package/dist/components/RenderQueue/actions.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.canUpdateDefaultProps = exports.callUpdateDefaultPropsApi = exports.getProjectInfo = exports.updateAvailable = exports.cancelRenderJob = exports.removeRenderJob = exports.applyCodemod = exports.copyToClipboard = exports.openInFileExplorer = exports.subscribeToFileExistenceWatcher = exports.unsubscribeFromFileExistenceWatcher = exports.addVideoRenderJob = exports.addSequenceRenderJob = exports.addStillRenderJob = void 0;
 const no_react_1 = require("remotion/no-react");
 const call_api_1 = require("../call-api");
-const addStillRenderJob = ({ compositionId, outName, imageFormat, jpegQuality, frame, scale, logLevel, chromiumOptions, delayRenderTimeout, envVariables, inputProps, offthreadVideoCacheSizeInBytes, multiProcessOnLinux, beepOnFinish, }) => {
+const addStillRenderJob = ({ compositionId, outName, imageFormat, jpegQuality, frame, scale, logLevel, chromiumOptions, delayRenderTimeout, envVariables, inputProps, offthreadVideoCacheSizeInBytes, multiProcessOnLinux, beepOnFinish, metadata, }) => {
     return (0, call_api_1.callApi)('/api/render', {
         compositionId,
         type: 'still',
@@ -24,10 +24,11 @@ const addStillRenderJob = ({ compositionId, outName, imageFormat, jpegQuality, f
         offthreadVideoCacheSizeInBytes,
         multiProcessOnLinux,
         beepOnFinish,
+        metadata,
     });
 };
 exports.addStillRenderJob = addStillRenderJob;
-const addSequenceRenderJob = ({ compositionId, outName, imageFormat, startFrame, endFrame, scale, logLevel, chromiumOptions, delayRenderTimeout, envVariables, inputProps, concurrency, offthreadVideoCacheSizeInBytes, jpegQuality, disallowParallelEncoding, multiProcessOnLinux, beepOnFinish, repro, }) => {
+const addSequenceRenderJob = ({ compositionId, outName, imageFormat, startFrame, endFrame, scale, logLevel, chromiumOptions, delayRenderTimeout, envVariables, inputProps, concurrency, offthreadVideoCacheSizeInBytes, jpegQuality, disallowParallelEncoding, multiProcessOnLinux, beepOnFinish, repro, metadata, }) => {
     return (0, call_api_1.callApi)('/api/render', {
         compositionId,
         type: 'sequence',
@@ -52,10 +53,11 @@ const addSequenceRenderJob = ({ compositionId, outName, imageFormat, startFrame,
         multiProcessOnLinux,
         beepOnFinish,
         repro,
+        metadata,
     });
 };
 exports.addSequenceRenderJob = addSequenceRenderJob;
-const addVideoRenderJob = ({ compositionId, outName, imageFormat, jpegQuality, scale, logLevel, codec, concurrency, crf, startFrame, endFrame, muted, enforceAudioTrack, proResProfile, x264Preset, pixelFormat, audioBitrate, videoBitrate, everyNthFrame, numberOfGifLoops, delayRenderTimeout, audioCodec, disallowParallelEncoding, chromiumOptions, envVariables, inputProps, offthreadVideoCacheSizeInBytes, colorSpace, multiProcessOnLinux, encodingMaxRate, encodingBufferSize, beepOnFinish, repro, forSeamlessAacConcatenation, separateAudioTo, }) => {
+const addVideoRenderJob = ({ compositionId, outName, imageFormat, jpegQuality, scale, logLevel, codec, concurrency, crf, startFrame, endFrame, muted, enforceAudioTrack, proResProfile, x264Preset, pixelFormat, audioBitrate, videoBitrate, everyNthFrame, numberOfGifLoops, delayRenderTimeout, audioCodec, disallowParallelEncoding, chromiumOptions, envVariables, inputProps, offthreadVideoCacheSizeInBytes, colorSpace, multiProcessOnLinux, encodingMaxRate, encodingBufferSize, beepOnFinish, repro, forSeamlessAacConcatenation, separateAudioTo, metadata, }) => {
     return (0, call_api_1.callApi)('/api/render', {
         compositionId,
         type: 'video',
@@ -97,6 +99,7 @@ const addVideoRenderJob = ({ compositionId, outName, imageFormat, jpegQuality, s
         repro,
         forSeamlessAacConcatenation,
         separateAudioTo,
+        metadata,
     });
 };
 exports.addVideoRenderJob = addVideoRenderJob;

package/dist/components/SidebarRenderButton.js

@@ -73,6 +73,7 @@ const SidebarRenderButton = ({ composition, visible }) => {
             initialRepro: defaults.repro,
             initialForSeamlessAacConcatenation: defaults.forSeamlessAacConcatenation,
             renderTypeOfLastRender: null,
+            defaulMetadata: defaults.metadata,
         });
         if (isMobileLayout) {
             setSidebarCollapsedState({ left: 'collapsed', right: 'collapsed' });

package/dist/esm/internals.mjs

@@ -2567,7 +2567,8 @@ var SidebarRenderButton = ({ composition, visible }) => {
       initialBeep: defaults.beepOnFinish,
       initialRepro: defaults.repro,
       initialForSeamlessAacConcatenation: defaults.forSeamlessAacConcatenation,
-      renderTypeOfLastRender: null
+      renderTypeOfLastRender: null,
+      defaulMetadata: defaults.metadata
     });
     if (isMobileLayout) {
       setSidebarCollapsedState({ left: "collapsed", right: "collapsed" });
@@ -3204,7 +3205,8 @@ var addStillRenderJob = ({
   inputProps,
   offthreadVideoCacheSizeInBytes,
   multiProcessOnLinux,
-  beepOnFinish
+  beepOnFinish,
+  metadata
 }) => {
   return callApi("/api/render", {
     compositionId,
@@ -3225,7 +3227,8 @@ var addStillRenderJob = ({
     }).serializedString,
     offthreadVideoCacheSizeInBytes,
     multiProcessOnLinux,
-    beepOnFinish
+    beepOnFinish,
+    metadata
   });
 };
 var addSequenceRenderJob = ({
@@ -3246,7 +3249,8 @@ var addSequenceRenderJob = ({
   disallowParallelEncoding,
   multiProcessOnLinux,
   beepOnFinish,
-  repro
+  repro,
+  metadata
 }) => {
   return callApi("/api/render", {
     compositionId,
@@ -3271,7 +3275,8 @@ var addSequenceRenderJob = ({
     disallowParallelEncoding,
     multiProcessOnLinux,
     beepOnFinish,
-    repro
+    repro,
+    metadata
   });
 };
 var addVideoRenderJob = ({
@@ -3309,7 +3314,8 @@ var addVideoRenderJob = ({
   beepOnFinish,
   repro,
   forSeamlessAacConcatenation,
-  separateAudioTo
+  separateAudioTo,
+  metadata
 }) => {
   return callApi("/api/render", {
     compositionId,
@@ -3351,7 +3357,8 @@ var addVideoRenderJob = ({
     beepOnFinish,
     repro,
     forSeamlessAacConcatenation,
-    separateAudioTo
+    separateAudioTo,
+    metadata
   });
 };
 var unsubscribeFromFileExistenceWatcher = ({
@@ -14893,6 +14900,7 @@ var makeRetryPayload = (job) => {
       initialBeep: job.beepOnFinish,
       initialRepro: job.repro,
       initialForSeamlessAacConcatenation: defaults.forSeamlessAacConcatenation,
+      defaulMetadata: job.metadata,
       renderTypeOfLastRender: "still"
     };
   }
@@ -14938,6 +14946,7 @@ var makeRetryPayload = (job) => {
       initialBeep: job.beepOnFinish,
       initialRepro: job.repro,
       initialForSeamlessAacConcatenation: defaults.forSeamlessAacConcatenation,
+      defaulMetadata: job.metadata,
       renderTypeOfLastRender: "sequence"
     };
   }
@@ -14983,6 +14992,7 @@ var makeRetryPayload = (job) => {
       initialBeep: job.beepOnFinish,
       initialRepro: job.repro,
       initialForSeamlessAacConcatenation: job.forSeamlessAacConcatenation,
+      defaulMetadata: job.metadata,
       renderTypeOfLastRender: "video"
     };
   }
@@ -16341,7 +16351,8 @@ var RenderButton = () => {
       initialBeep: defaults.beepOnFinish,
       initialRepro: defaults.repro,
       initialForSeamlessAacConcatenation: defaults.forSeamlessAacConcatenation,
-      renderTypeOfLastRender: null
+      renderTypeOfLastRender: null,
+      defaulMetadata: defaults.metadata
     });
   }, [video, setSelectedModal, frame2, props, inFrame, outFrame]);
   if (!video) {
@@ -24914,7 +24925,8 @@ var RenderModal = ({
   initialBeep,
   initialRepro,
   initialForSeamlessAacConcatenation,
-  renderTypeOfLastRender
+  renderTypeOfLastRender,
+  defaultMetadata
 }) => {
   const { setSelectedModal } = useContext75(ModalsContext);
   const context = useContext75(ResolvedCompositionContext);
@@ -25097,6 +25109,7 @@ var RenderModal = ({
     return null;
   }, [codec, x264PresetSetting, renderMode]);
   const [inputProps, setInputProps] = useState70(() => defaultProps);
+  const [metadata] = useState70(() => defaultMetadata);
   const endFrame = useMemo116(() => {
     if (endFrameOrNull === null) {
       return resolvedComposition.durationInFrames - 1;
@@ -25195,7 +25208,8 @@ var RenderModal = ({
       inputProps,
       offthreadVideoCacheSizeInBytes,
       multiProcessOnLinux,
-      beepOnFinish
+      beepOnFinish,
+      metadata
     }).then(() => {
       dispatchIfMounted({ type: "succeed" });
       setSelectedModal(null);
@@ -25219,7 +25233,8 @@ var RenderModal = ({
     offthreadVideoCacheSizeInBytes,
     multiProcessOnLinux,
     beepOnFinish,
-    setSelectedModal
+    setSelectedModal,
+    metadata
   ]);
   const [everyNthFrameSetting, setEveryNthFrameSetting] = useState70(() => initialEveryNthFrame);
   const everyNthFrame = useMemo116(() => {
@@ -25278,7 +25293,8 @@ var RenderModal = ({
       beepOnFinish,
       repro,
       forSeamlessAacConcatenation,
-      separateAudioTo
+      separateAudioTo,
+      metadata
     }).then(() => {
       dispatchIfMounted({ type: "succeed" });
       setSelectedModal(null);
@@ -25325,7 +25341,8 @@ var RenderModal = ({
     repro,
     forSeamlessAacConcatenation,
     separateAudioTo,
-    setSelectedModal
+    setSelectedModal,
+    metadata
   ]);
   const onClickSequence = useCallback116(() => {
     setSidebarCollapsedState({ left: null, right: "expanded" });
@@ -25350,7 +25367,8 @@ var RenderModal = ({
       disallowParallelEncoding,
       multiProcessOnLinux,
       beepOnFinish,
-      repro
+      repro,
+      metadata
     }).then(() => {
       dispatchIfMounted({ type: "succeed" });
       setSelectedModal(null);
@@ -25378,7 +25396,8 @@ var RenderModal = ({
     multiProcessOnLinux,
     beepOnFinish,
     repro,
-    setSelectedModal
+    setSelectedModal,
+    metadata
   ]);
   useEffect70(() => {
     return () => {
@@ -26500,7 +26519,8 @@ var Modals = ({ readOnlyStudio }) => {
         outFrameMark: modalContextType.outFrameMark,
         defaultConfigurationAudioCodec: modalContextType.defaultConfigurationAudioCodec,
         defaultConfigurationVideoCodec: modalContextType.defaultConfigurationVideoCodec,
-        renderTypeOfLastRender: modalContextType.renderTypeOfLastRender
+        renderTypeOfLastRender: modalContextType.renderTypeOfLastRender,
+        defaultMetadata: modalContextType.defaulMetadata
       }),
       modalContextType && canRender && modalContextType.type === "render-progress" && /* @__PURE__ */ jsx246(RenderStatusModal, {
         jobId: modalContextType.jobId

package/dist/helpers/colors.d.ts

@@ -24,4 +24,4 @@ export declare const TIMELINE_TRACK_SEPARATOR = "rgba(0, 0, 0, 0.3)";
 export declare const getBackgroundFromHoverState: ({ selected, hovered, }: {
     selected: boolean;
     hovered: boolean;
-}) => "hsla(0, 0%, 100%, 0.15)" | "hsla(0, 0%, 100%, 0.25)" | "rgba(255, 255, 255, 0.06)" | "transparent";
+}) => "transparent" | "hsla(0, 0%, 100%, 0.25)" | "hsla(0, 0%, 100%, 0.15)" | "rgba(255, 255, 255, 0.06)";

package/dist/helpers/presets-labels.d.ts

@@ -1,2 +1,2 @@
 import type { X264Preset } from '@remotion/renderer';
-export declare const labelx264Preset: (profile: X264Preset) => "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo";
+export declare const labelx264Preset: (profile: X264Preset) => "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo";

package/dist/helpers/retry-payload.js

@@ -50,6 +50,7 @@ const makeRetryPayload = (job) => {
             initialBeep: job.beepOnFinish,
             initialRepro: job.repro,
             initialForSeamlessAacConcatenation: defaults.forSeamlessAacConcatenation,
+            defaulMetadata: job.metadata,
             renderTypeOfLastRender: 'still',
         };
     }
@@ -95,6 +96,7 @@ const makeRetryPayload = (job) => {
             initialBeep: job.beepOnFinish,
             initialRepro: job.repro,
             initialForSeamlessAacConcatenation: defaults.forSeamlessAacConcatenation,
+            defaulMetadata: job.metadata,
             renderTypeOfLastRender: 'sequence',
         };
     }
@@ -140,6 +142,7 @@ const makeRetryPayload = (job) => {
             initialBeep: job.beepOnFinish,
             initialRepro: job.repro,
             initialForSeamlessAacConcatenation: job.forSeamlessAacConcatenation,
+            defaulMetadata: job.metadata,
             renderTypeOfLastRender: 'video',
         };
     }

package/dist/state/modals.d.ts

@@ -47,6 +47,7 @@ export type RenderModalState = {
     defaultConfigurationVideoCodec: Codec;
     defaultConfigurationAudioCodec: AudioCodec | null;
     renderTypeOfLastRender: RenderType | null;
+    defaulMetadata: Record<string, string> | null;
 };
 export type ModalState = {
     type: 'duplicate-comp';

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio"
   },
   "name": "@remotion/studio",
-  "version": "4.0.215",
+  "version": "4.0.216",
   "description": "APIs for interacting with the Remotion Studio",
   "main": "dist",
   "sideEffects": false,
@@ -18,18 +18,18 @@
     "memfs": "3.4.3",
     "source-map": "0.7.3",
     "open": "^8.4.2",
-    "remotion": "4.0.215",
-    "@remotion/player": "4.0.215",
-    "@remotion/studio-shared": "4.0.215",
-    "@remotion/media-utils": "4.0.215",
-    "@remotion/renderer": "4.0.215"
+    "remotion": "4.0.216",
+    "@remotion/player": "4.0.216",
+    "@remotion/media-utils": "4.0.216",
+    "@remotion/renderer": "4.0.216",
+    "@remotion/studio-shared": "4.0.216"
   },
   "devDependencies": {
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "@types/semver": "^7.3.4",
     "zod": "3.22.3",
-    "@remotion/zod-types": "4.0.215"
+    "@remotion/zod-types": "4.0.216"
   },
   "publishConfig": {
     "access": "public"