@remotion/studio 4.0.524 → 4.0.525

package/dist/esm/{index-q5xv20xx.mjs → index-tzxb8808.mjs}

@@ -1,6 +1,6 @@
 import {
   callApi
-} from "./index-9qtvmwtx.mjs";
+} from "./index-41kqns5c.mjs";
 import {
   getBrowserStudioOperations
 } from "./index-cw0pnpg5.mjs";

package/dist/esm/{index-e3zwf3e7.mjs → index-vsxrxfpj.mjs}

@@ -1,6 +1,6 @@
 import {
   ModelManager
-} from "./index-2j3d1g81.mjs";
+} from "./index-jrw61pkj.mjs";
 
 // src/components/Transcription/Models.tsx
 import {

package/dist/esm/index.mjs

@@ -3,7 +3,7 @@ import {
   play,
   restartStudio,
   seek
-} from "./index-q5xv20xx.mjs";
+} from "./index-tzxb8808.mjs";
 import {
   CodingAgentIcon,
   DEFAULT_PROPS_PATH_ACTIVE_CLASSNAME,
@@ -20,7 +20,7 @@ import {
   visualControlRef,
   visualControlStore,
   watchPublicFolder
-} from "./index-9qtvmwtx.mjs";
+} from "./index-41kqns5c.mjs";
 import {
   getBrowserStudioOperations,
   writeStaticFile

package/dist/esm/internals.mjs

@@ -1,14 +1,14 @@
 import {
   Studio
-} from "./index-er3mh6em.mjs";
-import"./index-q2epbw93.mjs";
-import"./index-1b9skrrd.mjs";
-import"./index-c37kme2v.mjs";
+} from "./index-s848rffx.mjs";
+import"./index-1089795y.mjs";
+import"./index-mww32xc8.mjs";
+import"./index-ggqpre9v.mjs";
 import"./index-9x6e1dq0.mjs";
-import"./index-q5xv20xx.mjs";
-import"./index-9qtvmwtx.mjs";
+import"./index-tzxb8808.mjs";
+import"./index-41kqns5c.mjs";
 import"./index-cw0pnpg5.mjs";
-import"./index-yfrysr5f.mjs";
+import"./index-0x13f28h.mjs";
 import"./index-5zrb1ft4.mjs";
 import"./index-k426ye99.mjs";
 import"./index-rcv7qkt5.mjs";

package/dist/esm/previewEntry.mjs

@@ -5,18 +5,18 @@ import {
   markErrorMessageAsLoggedByServer,
   setErrorsRef,
   startReportingRuntimeErrors
-} from "./index-er3mh6em.mjs";
-import"./index-q2epbw93.mjs";
-import"./index-1b9skrrd.mjs";
+} from "./index-s848rffx.mjs";
+import"./index-1089795y.mjs";
+import"./index-mww32xc8.mjs";
 import {
   reloadUrl,
   subscribeToPreviewServerEvents
-} from "./index-c37kme2v.mjs";
+} from "./index-ggqpre9v.mjs";
 import"./index-9x6e1dq0.mjs";
-import"./index-q5xv20xx.mjs";
-import"./index-9qtvmwtx.mjs";
+import"./index-tzxb8808.mjs";
+import"./index-41kqns5c.mjs";
 import"./index-cw0pnpg5.mjs";
-import"./index-yfrysr5f.mjs";
+import"./index-0x13f28h.mjs";
 import"./index-5zrb1ft4.mjs";
 import {
   BACKGROUND_HEX,

package/dist/helpers/get-git-menu-item.d.ts

@@ -5,6 +5,10 @@ export declare const getGitSourceName: (gitSource: GitSource) => string;
 export declare const getGitSourceBranchUrl: (gitSource: GitSource) => string;
 export declare const getGitRefUrl: (gitSource: GitSource, originalLocation: OriginalPosition, remotionRoot: string) => string;
 export declare const hasReadOnlyGitSource: () => boolean;
+export type DefaultOpenInTarget = 'editor' | 'git-source';
+export declare const getDefaultOpenInTarget: ({ canOpenInEditor, }: {
+    readonly canOpenInEditor: boolean;
+}) => DefaultOpenInTarget | null;
 export declare const openGitSource: ({ folder, location, }: {
     folder: boolean;
     location: OriginalPosition | null;

package/dist/helpers/get-git-menu-item.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getGitMenuItem = exports.openGitSource = exports.hasReadOnlyGitSource = exports.getGitRefUrl = exports.getGitSourceBranchUrl = exports.getGitSourceName = void 0;
+exports.getGitMenuItem = exports.openGitSource = exports.getDefaultOpenInTarget = exports.hasReadOnlyGitSource = exports.getGitRefUrl = exports.getGitSourceBranchUrl = exports.getGitSourceName = void 0;
 const getGitSourceName = (gitSource) => {
     if (gitSource.type === 'github') {
         return 'GitHub';
@@ -56,6 +56,13 @@ const hasReadOnlyGitSource = () => {
     return Boolean(window.remotion_isReadOnlyStudio && window.remotion_gitSource);
 };
 exports.hasReadOnlyGitSource = hasReadOnlyGitSource;
+const getDefaultOpenInTarget = ({ canOpenInEditor, }) => {
+    if (canOpenInEditor) {
+        return 'editor';
+    }
+    return (0, exports.hasReadOnlyGitSource)() ? 'git-source' : null;
+};
+exports.getDefaultOpenInTarget = getDefaultOpenInTarget;
 const openGitSource = ({ folder, location, }) => {
     const gitSource = window.remotion_gitSource;
     if (!gitSource) {

package/dist/helpers/get-sequence-double-click-action.d.ts

@@ -1,8 +1,8 @@
 import type { TSequence } from 'remotion';
-export type SequenceDoubleClickAction = 'open-connected-composition' | 'open-in-editor';
-export declare const getSequenceDoubleClickAction: ({ button, canOpenInEditor, numberOfConnectedCompositions, sequenceWasDragged, }: {
+export type SequenceDoubleClickAction = 'open-connected-composition' | 'open-source';
+export declare const getSequenceDoubleClickAction: ({ button, canOpenSource, numberOfConnectedCompositions, sequenceWasDragged, }: {
     readonly button: number;
-    readonly canOpenInEditor: boolean;
+    readonly canOpenSource: boolean;
     readonly numberOfConnectedCompositions: number;
     readonly sequenceWasDragged: boolean;
 }) => SequenceDoubleClickAction | null;

package/dist/helpers/get-sequence-double-click-action.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getConnectedCompositionFrame = exports.getSequenceDoubleClickAction = void 0;
-const getSequenceDoubleClickAction = ({ button, canOpenInEditor, numberOfConnectedCompositions, sequenceWasDragged, }) => {
+const getSequenceDoubleClickAction = ({ button, canOpenSource, numberOfConnectedCompositions, sequenceWasDragged, }) => {
     // The browser still fires `dblclick` when the second press of a
     // double-click turned into a drag. That gesture is a drag, not a
     // double-click.
@@ -14,7 +14,7 @@ const getSequenceDoubleClickAction = ({ button, canOpenInEditor, numberOfConnect
     if (numberOfConnectedCompositions === 1) {
         return 'open-connected-composition';
     }
-    return canOpenInEditor ? 'open-in-editor' : null;
+    return canOpenSource ? 'open-source' : null;
 };
 exports.getSequenceDoubleClickAction = getSequenceDoubleClickAction;
 const getConnectedCompositionFrame = ({ timelinePosition, sequence, sequenceFrameOffset, }) => {

package/dist/helpers/pointer-session.d.ts

@@ -1,4 +1,5 @@
 export type PointerSessionEndReason = 'pointerup' | 'pointercancel' | 'lostpointercapture' | 'blur' | 'visibilitychange' | 'buttons-released' | 'manual';
+export declare const isPointerSessionRelease: (reason: PointerSessionEndReason, event: PointerEvent | null) => event is PointerEvent;
 type PointerSessionEvent = Pick<PointerEvent, 'button' | 'pointerId'>;
 export declare const startCapturedPointerSession: ({ event, captureTarget, onMove, onEnd, }: {
     event: PointerSessionEvent;

package/dist/helpers/pointer-session.js

@@ -1,6 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.observePointerRelease = exports.startDeferredCapturedPointerSession = exports.startCapturedPointerSession = void 0;
+exports.observePointerRelease = exports.startDeferredCapturedPointerSession = exports.startCapturedPointerSession = exports.isPointerSessionRelease = void 0;
+const isPointerSessionRelease = (reason, event) => {
+    if (event === null) {
+        return false;
+    }
+    return (reason === 'pointerup' ||
+        reason === 'buttons-released' ||
+        (reason === 'lostpointercapture' && event.buttons === 0));
+};
+exports.isPointerSessionRelease = isPointerSessionRelease;
 const getButtonMask = (button) => {
     if (button === 0) {
         return 1;

package/dist/helpers/studio-runtime-config.d.ts

@@ -2,6 +2,6 @@ export declare const DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS = 300;
 export declare const getStudioAskAIEnabled: () => boolean;
 export declare const getStudioInteractivityEnabled: () => boolean;
 export declare const getStudioKeyboardShortcutsEnabled: () => boolean;
-export declare const getStudioKeyboardShortcuts: () => Partial<Record<"askAI" | "clearInOutPoints" | "copyEffectsAndValues" | "cutEffects" | "deleteSelection" | "duplicateSequences" | "enterFullscreen" | "goToFrame" | "jumpToBeginning" | "jumpToEnd" | "nextComposition" | "pauseAndReturnToPlaybackStart" | "pausePlayback" | "playForward" | "playPause" | "previousComposition" | "quickSwitcher" | "redo" | "render" | "resetZoom" | "reversePlayback" | "selectAllSequenceRows" | "selectOpacityProp" | "selectRotateProp" | "selectScaleProp" | "selectTranslateProp" | "setInPoint" | "setOutPoint" | "showKeyboardShortcuts" | "toggleBothSidebars" | "toggleCheckerboard" | "toggleLeftSidebar" | "toggleLoop" | "toggleMute" | "toggleOutlines" | "toggleRightSidebar" | "toggleRulersAndGuides" | "toggleSnapping" | "undo" | "zoomIn" | "zoomOut", import("@remotion/studio-shared").StudioKeyboardShortcutValue>> | null;
+export declare const getStudioKeyboardShortcuts: () => Partial<Record<"askAI" | "clearInOutPoints" | "copyEffectsAndValues" | "cutEffects" | "deleteSelection" | "duplicateSequences" | "enterFullscreen" | "goToFrame" | "jumpToBeginning" | "jumpToEnd" | "nextComposition" | "pauseAndReturnToPlaybackStart" | "pausePlayback" | "pickColor" | "playForward" | "playPause" | "previousComposition" | "quickSwitcher" | "redo" | "render" | "resetZoom" | "reversePlayback" | "selectAllSequenceRows" | "selectOpacityProp" | "selectRotateProp" | "selectScaleProp" | "selectTranslateProp" | "setInPoint" | "setOutPoint" | "showKeyboardShortcuts" | "toggleBothSidebars" | "toggleCheckerboard" | "toggleLeftSidebar" | "toggleLoop" | "toggleMute" | "toggleOutlines" | "toggleRightSidebar" | "toggleRulersAndGuides" | "toggleSnapping" | "undo" | "zoomIn" | "zoomOut", import("@remotion/studio-shared").StudioKeyboardShortcutValue>> | null;
 export declare const getStudioMaxTimelineTracks: () => number | null;
 export declare const getStudioBufferStateDelayInMilliseconds: () => number;

package/dist/helpers/use-create-composition.js

@@ -5,6 +5,7 @@ const react_1 = require("react");
 const InitialCompositionLoader_1 = require("../components/InitialCompositionLoader");
 const actions_1 = require("../components/RenderQueue/actions");
 const slugify_name_1 = require("./slugify-name");
+const url_state_1 = require("./url-state");
 const validate_new_comp_data_1 = require("./validate-new-comp-data");
 const toPascalCase = (value) => {
     var _a;
@@ -89,6 +90,10 @@ const useCreateComposition = ({ compositions, durationInFrames, folderName, newI
             dryRun: false,
             signal,
             symbolicatedStack,
+            undoRedoNavigation: {
+                undoRoute: (0, url_state_1.getRoute)(),
+                redoRoute: `/${compositionId}`,
+            },
         });
         if (result.success) {
             selectComposition({

package/dist/helpers/use-keybinding.d.ts

@@ -8,7 +8,7 @@ export declare const useKeybinding: () => {
         triggerIfInputFieldFocused: boolean;
         keepRegisteredWhenNotHighestContext: boolean;
     } & ({
-        action: "askAI" | "clearInOutPoints" | "copyEffectsAndValues" | "cutEffects" | "deleteSelection" | "duplicateSequences" | "enterFullscreen" | "goToFrame" | "jumpToBeginning" | "jumpToEnd" | "nextComposition" | "pauseAndReturnToPlaybackStart" | "pausePlayback" | "playForward" | "playPause" | "previousComposition" | "quickSwitcher" | "redo" | "render" | "resetZoom" | "reversePlayback" | "selectAllSequenceRows" | "selectOpacityProp" | "selectRotateProp" | "selectScaleProp" | "selectTranslateProp" | "setInPoint" | "setOutPoint" | "showKeyboardShortcuts" | "toggleBothSidebars" | "toggleCheckerboard" | "toggleLeftSidebar" | "toggleLoop" | "toggleMute" | "toggleOutlines" | "toggleRightSidebar" | "toggleRulersAndGuides" | "toggleSnapping" | "undo" | "zoomIn" | "zoomOut";
+        action: "askAI" | "clearInOutPoints" | "copyEffectsAndValues" | "cutEffects" | "deleteSelection" | "duplicateSequences" | "enterFullscreen" | "goToFrame" | "jumpToBeginning" | "jumpToEnd" | "nextComposition" | "pauseAndReturnToPlaybackStart" | "pausePlayback" | "pickColor" | "playForward" | "playPause" | "previousComposition" | "quickSwitcher" | "redo" | "render" | "resetZoom" | "reversePlayback" | "selectAllSequenceRows" | "selectOpacityProp" | "selectRotateProp" | "selectScaleProp" | "selectTranslateProp" | "setInPoint" | "setOutPoint" | "showKeyboardShortcuts" | "toggleBothSidebars" | "toggleCheckerboard" | "toggleLeftSidebar" | "toggleLoop" | "toggleMute" | "toggleOutlines" | "toggleRightSidebar" | "toggleRulersAndGuides" | "toggleSnapping" | "undo" | "zoomIn" | "zoomOut";
         key?: undefined;
         commandCtrlKey?: undefined;
     } | {

package/dist/helpers/use-keyboard-shortcut-label.d.ts

@@ -1,2 +1,2 @@
-export declare const useKeyboardShortcutLabel: (action: "askAI" | "clearInOutPoints" | "copyEffectsAndValues" | "cutEffects" | "deleteSelection" | "duplicateSequences" | "enterFullscreen" | "goToFrame" | "jumpToBeginning" | "jumpToEnd" | "nextComposition" | "pauseAndReturnToPlaybackStart" | "pausePlayback" | "playForward" | "playPause" | "previousComposition" | "quickSwitcher" | "redo" | "render" | "resetZoom" | "reversePlayback" | "selectAllSequenceRows" | "selectOpacityProp" | "selectRotateProp" | "selectScaleProp" | "selectTranslateProp" | "setInPoint" | "setOutPoint" | "showKeyboardShortcuts" | "toggleBothSidebars" | "toggleCheckerboard" | "toggleLeftSidebar" | "toggleLoop" | "toggleMute" | "toggleOutlines" | "toggleRightSidebar" | "toggleRulersAndGuides" | "toggleSnapping" | "undo" | "zoomIn" | "zoomOut") => string;
-export declare const useKeyboardShortcutAriaKeyShortcuts: (action: "askAI" | "clearInOutPoints" | "copyEffectsAndValues" | "cutEffects" | "deleteSelection" | "duplicateSequences" | "enterFullscreen" | "goToFrame" | "jumpToBeginning" | "jumpToEnd" | "nextComposition" | "pauseAndReturnToPlaybackStart" | "pausePlayback" | "playForward" | "playPause" | "previousComposition" | "quickSwitcher" | "redo" | "render" | "resetZoom" | "reversePlayback" | "selectAllSequenceRows" | "selectOpacityProp" | "selectRotateProp" | "selectScaleProp" | "selectTranslateProp" | "setInPoint" | "setOutPoint" | "showKeyboardShortcuts" | "toggleBothSidebars" | "toggleCheckerboard" | "toggleLeftSidebar" | "toggleLoop" | "toggleMute" | "toggleOutlines" | "toggleRightSidebar" | "toggleRulersAndGuides" | "toggleSnapping" | "undo" | "zoomIn" | "zoomOut") => string;
+export declare const useKeyboardShortcutLabel: (action: "askAI" | "clearInOutPoints" | "copyEffectsAndValues" | "cutEffects" | "deleteSelection" | "duplicateSequences" | "enterFullscreen" | "goToFrame" | "jumpToBeginning" | "jumpToEnd" | "nextComposition" | "pauseAndReturnToPlaybackStart" | "pausePlayback" | "pickColor" | "playForward" | "playPause" | "previousComposition" | "quickSwitcher" | "redo" | "render" | "resetZoom" | "reversePlayback" | "selectAllSequenceRows" | "selectOpacityProp" | "selectRotateProp" | "selectScaleProp" | "selectTranslateProp" | "setInPoint" | "setOutPoint" | "showKeyboardShortcuts" | "toggleBothSidebars" | "toggleCheckerboard" | "toggleLeftSidebar" | "toggleLoop" | "toggleMute" | "toggleOutlines" | "toggleRightSidebar" | "toggleRulersAndGuides" | "toggleSnapping" | "undo" | "zoomIn" | "zoomOut") => string;
+export declare const useKeyboardShortcutAriaKeyShortcuts: (action: "askAI" | "clearInOutPoints" | "copyEffectsAndValues" | "cutEffects" | "deleteSelection" | "duplicateSequences" | "enterFullscreen" | "goToFrame" | "jumpToBeginning" | "jumpToEnd" | "nextComposition" | "pauseAndReturnToPlaybackStart" | "pausePlayback" | "pickColor" | "playForward" | "playPause" | "previousComposition" | "quickSwitcher" | "redo" | "render" | "resetZoom" | "reversePlayback" | "selectAllSequenceRows" | "selectOpacityProp" | "selectRotateProp" | "selectScaleProp" | "selectTranslateProp" | "setInPoint" | "setOutPoint" | "showKeyboardShortcuts" | "toggleBothSidebars" | "toggleCheckerboard" | "toggleLeftSidebar" | "toggleLoop" | "toggleMute" | "toggleOutlines" | "toggleRightSidebar" | "toggleRulersAndGuides" | "toggleSnapping" | "undo" | "zoomIn" | "zoomOut") => string;

package/dist/helpers/use-media-metadata.js

@@ -42,7 +42,11 @@ const getMediabunnyMetadata = async (src) => {
                 create: () => {
                     const createdInput = new mediabunny_1.Input({
                         formats: mediabunny_1.ALL_FORMATS,
-                        source: new mediabunny_1.UrlSource(src),
+                        source: new mediabunny_1.UrlSource(src, {
+                            handleUnhandledError: (error) => {
+                                remotion_1.Internals.Log.warn({ logLevel: 'info', tag: '@remotion/studio' }, `A speculative fetch for "${src}" failed:`, error);
+                            },
+                        }),
                     });
                     return {
                         resource: createdInput,

package/dist/helpers/use-menu-structure.js

@@ -256,6 +256,7 @@ const useMenuStructure = (closeMenu, readOnlyStudio) => {
     const goToFrameShortcut = (0, use_keyboard_shortcut_label_1.useKeyboardShortcutLabel)('goToFrame');
     const renderShortcut = (0, use_keyboard_shortcut_label_1.useKeyboardShortcutLabel)('render');
     const askAIShortcut = (0, use_keyboard_shortcut_label_1.useKeyboardShortcutLabel)('askAI');
+    const colorPickerShortcut = (0, use_keyboard_shortcut_label_1.useKeyboardShortcutLabel)('pickColor');
     const showKeyboardShortcutsShortcut = (0, use_keyboard_shortcut_label_1.useKeyboardShortcutLabel)('showKeyboardShortcuts');
     const studioAskAIEnabled = (0, studio_runtime_config_1.getStudioAskAIEnabled)();
     const { setSidebarCollapsedState, sidebarCollapsedStateLeft, sidebarCollapsedStateRight, } = (0, react_1.useContext)(sidebar_1.SidebarContext);
@@ -823,7 +824,9 @@ const useMenuStructure = (closeMenu, readOnlyStudio) => {
                                 (0, pick_color_1.pickColor)();
                             },
                             leftItem: null,
-                            keyHint: null,
+                            keyHint: keyboardShortcutsDisabled
+                                ? null
+                                : colorPickerShortcut || null,
                             subMenu: null,
                             type: 'item',
                             quickSwitcherLabel: 'Show Color Picker',
@@ -1057,6 +1060,7 @@ const useMenuStructure = (closeMenu, readOnlyStudio) => {
         keyboardShortcutsDisabled,
         studioAskAIEnabled,
         askAIShortcut,
+        colorPickerShortcut,
         checkerboardShortcut,
         clearInOutPointsShortcut,
         goToFrameShortcut,

package/dist/helpers/use-rename-composition.js

@@ -32,14 +32,19 @@ const useRenameComposition = ({ compositions, currentId, newId, }) => {
     }, [getCodemod, newId]);
     const valid = validationMessage === null && currentId !== compositionId;
     const renameComposition = (0, react_1.useCallback)(async ({ newCompositionId, signal, symbolicatedStack, }) => {
+        const nextCompositionId = (0, slugify_name_1.slugifyName)(newCompositionId);
         const result = await (0, actions_1.applyCodemod)({
             codemod: getCodemod(newCompositionId),
             dryRun: false,
             signal,
             symbolicatedStack,
+            undoRedoNavigation: {
+                undoRoute: (0, url_state_1.getRoute)(),
+                redoRoute: `/${nextCompositionId}`,
+            },
         });
         if (result.success) {
-            (0, url_state_1.pushUrl)(`/${(0, slugify_name_1.slugifyName)(newCompositionId)}`);
+            (0, url_state_1.pushUrl)(`/${nextCompositionId}`);
         }
         return result;
     }, [getCodemod]);

package/dist/state/modals.d.ts

@@ -109,6 +109,18 @@ export type AddEffectModalState = {
     nodePath: SequencePropsSubscriptionKey;
     clientId: string;
 };
+export type AssetSelectionModalState = {
+    readonly type: 'asset-selection';
+    readonly assetType: 'audio' | 'video' | 'image';
+    readonly initialUrl: string | null;
+    readonly invocationTimestamp: number;
+    readonly assetSelection: {
+        readonly initialQuery: string;
+        readonly onSelectFile: () => void;
+        readonly onSelected: (asset: StaticFile) => void;
+    };
+    readonly onSelectedUrl: (url: string) => void;
+};
 export type TranscriptionModalState = {
     type: 'transcribe';
     src: string;
@@ -206,7 +218,7 @@ export type ModalState = {
     type: 'element-library';
     name: string;
     url: string;
-} | ElementInstallModalState | AddEffectModalState | TranscriptionModalState | VideoMattingModalState | ConfirmationDialogState | SvgImportDialogState;
+} | ElementInstallModalState | AddEffectModalState | AssetSelectionModalState | TranscriptionModalState | VideoMattingModalState | ConfirmationDialogState | SvgImportDialogState;
 export type SetSelectedModalContextType = {
     setSelectedModal: React.Dispatch<React.SetStateAction<ModalState | null>>;
 };

package/dist/state/z-index.js

@@ -81,9 +81,7 @@ const HigherZIndex = ({ children, onEscape, onOutsideClick, disabled, outsideCli
                 onEnd: (reason, upEvent) => {
                     var _a;
                     endPointerSession = null;
-                    if ((reason === 'pointerup' || reason === 'buttons-released') &&
-                        upEvent &&
-                        !(0, input_dragger_click_lock_1.getClickLock)()) {
+                    if ((0, pointer_session_1.isPointerSessionRelease)(reason, upEvent) && !(0, input_dragger_click_lock_1.getClickLock)()) {
                         const target = (_a = document.elementFromPoint(upEvent.clientX, upEvent.clientY)) !== null && _a !== void 0 ? _a : upEvent.target;
                         if (document.contains(target)) {
                             upEvent.stopPropagation();

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio"
 	},
 	"name": "@remotion/studio",
-	"version": "4.0.524",
+	"version": "4.0.525",
 	"description": "APIs for interacting with the Remotion Studio",
 	"main": "dist",
 	"scripts": {
@@ -20,8 +20,8 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"peerDependencies": {
-		"@remotion/video-matting": "4.0.524",
-		"@remotion/whisper-webgpu": "4.0.524",
+		"@remotion/video-matting": "4.0.525",
+		"@remotion/whisper-webgpu": "4.0.525",
 		"react": ">=16.8.0",
 		"react-dom": ">=16.8.0"
 	},
@@ -35,32 +35,32 @@
 	},
 	"dependencies": {
 		"@jridgewell/trace-mapping": "0.3.31",
-		"@remotion/canvas": "4.0.524",
-		"@remotion/captions": "4.0.524",
-		"@remotion/media": "4.0.524",
-		"@remotion/media-utils": "4.0.524",
-		"@remotion/player": "4.0.524",
-		"@remotion/renderer": "4.0.524",
-		"@remotion/studio-codemods": "4.0.524",
-		"@remotion/studio-protocol": "4.0.524",
-		"@remotion/studio-shared": "4.0.524",
-		"@remotion/timeline-utils": "4.0.524",
-		"@remotion/web-renderer": "4.0.524",
-		"@remotion/zod-types": "4.0.524",
+		"@remotion/canvas": "4.0.525",
+		"@remotion/captions": "4.0.525",
+		"@remotion/media": "4.0.525",
+		"@remotion/media-utils": "4.0.525",
+		"@remotion/player": "4.0.525",
+		"@remotion/renderer": "4.0.525",
+		"@remotion/studio-codemods": "4.0.525",
+		"@remotion/studio-protocol": "4.0.525",
+		"@remotion/studio-shared": "4.0.525",
+		"@remotion/timeline-utils": "4.0.525",
+		"@remotion/web-renderer": "4.0.525",
+		"@remotion/zod-types": "4.0.525",
 		"@tanstack/react-virtual": "3.14.9",
 		"mediabunny": "1.56.1",
 		"memfs": "3.4.3",
 		"open": "8.4.2",
 		"prismjs": "1.30.0",
-		"remotion": "4.0.524",
+		"remotion": "4.0.525",
 		"semver": "7.5.3",
 		"zod": "4.5.4"
 	},
 	"devDependencies": {
 		"@happy-dom/global-registrator": "14.5.1",
-		"@remotion/eslint-config-internal": "4.0.524",
-		"@remotion/video-matting": "4.0.524",
-		"@remotion/whisper-webgpu": "4.0.524",
+		"@remotion/eslint-config-internal": "4.0.525",
+		"@remotion/video-matting": "4.0.525",
+		"@remotion/whisper-webgpu": "4.0.525",
 		"@testing-library/react": "16.1.0",
 		"@types/prismjs": "1.26.4",
 		"@types/semver": "7.5.3",