@remotion/studio 4.0.506 → 4.0.507

package/dist/esm/renderEntry.mjs

@@ -4,7 +4,7 @@ import {
   WHITE,
   __require,
   __toESM
-} from "./chunk-jefhcs5z.js";
+} from "./chunk-fgedsvhb.js";
 
 // src/renderEntry.tsx
 import { useContext, useEffect, useRef, useState } from "react";
@@ -212,7 +212,7 @@ var renderContent = (Root) => {
     renderToDOM(/* @__PURE__ */ jsx("div", {
       children: /* @__PURE__ */ jsx(DelayedSpinner, {})
     }));
-    import("./chunk-b49ec3nz.js").then(({ StudioInternals }) => {
+    import("./chunk-ptnd65a9.js").then(({ StudioInternals }) => {
       window.remotion_isStudio = true;
       window.remotion_isReadOnlyStudio = true;
       window.remotion_inputProps = "{}";

package/dist/helpers/are-sequence-node-path-infos-equal.d.ts

@@ -0,0 +1,2 @@
+import type { SequenceNodePathInfo } from './get-timeline-sequence-sort-key';
+export declare const areSequenceNodePathInfosEqual: (first: SequenceNodePathInfo, second: SequenceNodePathInfo) => boolean;

package/dist/helpers/are-sequence-node-path-infos-equal.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.areSequenceNodePathInfosEqual = void 0;
+const studio_shared_1 = require("@remotion/studio-shared");
+const areSequenceNodePathInfosEqual = (first, second) => {
+    if (first.index !== second.index ||
+        first.numberOfSequencesWithThisNodePath !==
+            second.numberOfSequencesWithThisNodePath ||
+        first.supportsEffects !== second.supportsEffects ||
+        (0, studio_shared_1.stringifySequenceSubscriptionKey)(first.sequenceSubscriptionKey) !==
+            (0, studio_shared_1.stringifySequenceSubscriptionKey)(second.sequenceSubscriptionKey) ||
+        first.auxiliaryKeys.length !== second.auxiliaryKeys.length ||
+        !first.auxiliaryKeys.every((key, index) => key === second.auxiliaryKeys[index])) {
+        return false;
+    }
+    const firstVideoConfig = first.sequenceSubscriptionKey.videoConfigValues;
+    const secondVideoConfig = second.sequenceSubscriptionKey.videoConfigValues;
+    return (firstVideoConfig === secondVideoConfig ||
+        (firstVideoConfig !== null &&
+            secondVideoConfig !== null &&
+            firstVideoConfig.durationInFrames ===
+                secondVideoConfig.durationInFrames &&
+            firstVideoConfig.fps === secondVideoConfig.fps &&
+            firstVideoConfig.height === secondVideoConfig.height &&
+            firstVideoConfig.width === secondVideoConfig.width));
+};
+exports.areSequenceNodePathInfosEqual = areSequenceNodePathInfosEqual;

package/dist/helpers/calculate-timeline.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.calculateTimeline = void 0;
-const studio_shared_1 = require("@remotion/studio-shared");
 const get_connected_compositions_1 = require("./get-connected-compositions");
 const get_sequence_visible_range_1 = require("./get-sequence-visible-range");
 const get_timeline_nestedness_1 = require("./get-timeline-nestedness");
 const get_timeline_sequence_sort_key_1 = require("./get-timeline-sequence-sort-key");
 const sort_by_nonce_history_1 = require("./sort-by-nonce-history");
+const timeline_node_path_key_1 = require("./timeline-node-path-key");
 const getInheritedLoopDisplay = (sequence, sequences) => {
     if (sequence.loopDisplay) {
         return sequence.loopDisplay;
@@ -113,7 +113,7 @@ const calculateTimeline = ({ sequences, overrideIdsToNodePaths, compositions = [
         if (track.nodePathInfo === null) {
             return track;
         }
-        const key = (0, studio_shared_1.stringifySequenceSubscriptionKey)(track.nodePathInfo.sequenceSubscriptionKey);
+        const key = (0, timeline_node_path_key_1.timelineSequenceNodePathToKey)(track.nodePathInfo.sequenceSubscriptionKey);
         const index = (_a = nodePathIndexCounters.get(key)) !== null && _a !== void 0 ? _a : 0;
         nodePathIndexCounters.set(key, index + 1);
         return {
@@ -132,7 +132,7 @@ const calculateTimeline = ({ sequences, overrideIdsToNodePaths, compositions = [
         if (track.nodePathInfo === null) {
             return track;
         }
-        const key = (0, studio_shared_1.stringifySequenceSubscriptionKey)(track.nodePathInfo.sequenceSubscriptionKey);
+        const key = (0, timeline_node_path_key_1.timelineSequenceNodePathToKey)(track.nodePathInfo.sequenceSubscriptionKey);
         return {
             ...track,
             nodePathInfo: {

package/dist/helpers/client-id.js

@@ -71,6 +71,7 @@ const PreviewServerConnection = ({ children }) => {
         type: 'init',
     });
     const [configFileChangeRevision, setConfigFileChangeRevision] = react_1.default.useState(0);
+    const clientId = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         const handleEvent = (newEvent) => {
             var _a, _b;
@@ -83,12 +84,18 @@ const PreviewServerConnection = ({ children }) => {
                 window.remotion_studioConfig = newEvent.studioRuntimeConfig;
                 window.remotion_editorName = newEvent.editorName;
                 setConfigFileChangeRevision((revision) => revision + 1);
-                (0, NotificationCenter_1.showNotification)((0, studio_shared_1.getConfigFileChangeMessage)(newEvent.changeType), 4000);
+                const isOwnRuntimeConfigChange = newEvent.changeType === 'runtime' &&
+                    newEvent.originatorClientId !== null &&
+                    newEvent.originatorClientId === clientId.current;
+                if (!isOwnRuntimeConfigChange) {
+                    (0, NotificationCenter_1.showNotification)((0, studio_shared_1.getConfigFileChangeMessage)(newEvent.changeType), 4000);
+                }
             }
             if (newEvent.type === 'config-file-reload-failed') {
                 (0, NotificationCenter_1.showNotification)(newEvent.errorMessage, 4000);
             }
             if (newEvent.type === 'init') {
+                clientId.current = newEvent.clientId;
                 latestUndoRedoEvent.current = {
                     type: 'undo-redo-stack-changed',
                     undoFile: newEvent.undoFile,

package/dist/helpers/format-file-location.d.ts

@@ -6,7 +6,7 @@ export declare const formatFileLocation: ({ location, root, }: {
     readonly location: FileLocation | null;
     readonly root: string;
 }) => string | null;
-export declare const formatLocationForAgents: ({ name, location, root, }: {
+export declare const formatContextForAgents: ({ name, location, root, }: {
     readonly name: string | null;
     readonly location: FileLocation | null;
     readonly root: string;

package/dist/helpers/format-file-location.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.formatLocationForAgents = exports.formatFileLocation = void 0;
+exports.formatContextForAgents = exports.formatFileLocation = void 0;
 const normalizeSlashes = (path) => path.replace(/\\/g, '/');
 const stripTrailingSlashes = (path) => path.replace(/\/+$/, '');
 const stripLeadingDotSlash = (path) => path.replace(/^\.\/+/, '');
@@ -25,11 +25,11 @@ const formatFileLocation = ({ location, root, }) => {
     return `${stripLeadingDotSlash(relativeSource)}:${location.line}`;
 };
 exports.formatFileLocation = formatFileLocation;
-const formatLocationForAgents = ({ name, location, root, }) => {
+const formatContextForAgents = ({ name, location, root, }) => {
     const fileLocation = (0, exports.formatFileLocation)({ location, root });
     if (!name || !fileLocation) {
         return null;
     }
     return `${name} in ${fileLocation}`;
 };
-exports.formatLocationForAgents = formatLocationForAgents;
+exports.formatContextForAgents = formatContextForAgents;

package/dist/helpers/migrate-expanded-tracks-for-subscription-key.js

@@ -11,12 +11,12 @@ const migrateExpandedTracksForSubscriptionKey = (prev, oldKey, newKey) => {
     let changed = false;
     const next = { ...prev };
     for (const [key, value] of Object.entries(prev)) {
-        if (value !== false || !key.startsWith(oldPrefix + '.')) {
+        if (!value || !key.startsWith(oldPrefix + '.')) {
             continue;
         }
         const migratedKey = newPrefix + key.slice(oldPrefix.length);
-        if (next[migratedKey] === undefined) {
-            next[migratedKey] = false;
+        if (!next[migratedKey]) {
+            next[migratedKey] = true;
         }
         delete next[key];
         changed = true;

package/dist/helpers/open-in-editor.d.ts

@@ -1,6 +1,7 @@
 import type { CompositionComponentInfoResponse, EditorPickerId, SymbolicatedStackFrame } from '@remotion/studio-shared';
 import type { CodePosition, OriginalPosition } from '../error-overlay/react-overlay/utils/get-source-map';
 export declare const openInEditor: (stack: SymbolicatedStackFrame, editorId: EditorPickerId | null) => Promise<import("@remotion/studio-shared").OpenInEditorResponse>;
+export declare const openInCodingAgent: (codingAgentId: "claude-code" | "codex" | "copilot" | "cursor", prompt: string | null) => Promise<import("@remotion/studio-shared").OpenInCodingAgentResponse>;
 export declare const openOriginalPositionInEditor: (originalPosition: OriginalPosition, editorId: EditorPickerId | null) => Promise<void>;
 export declare const openOriginalPositionInEditorAtProperty: ({ originalPosition, property, }: {
     originalPosition: CodePosition;

package/dist/helpers/open-in-editor.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.openCompositionComponentInEditor = exports.preloadCompositionComponentInfo = exports.loadCompositionComponentInfo = exports.useCachedCompositionComponentInfo = exports.getCachedCompositionComponentInfo = exports.subscribeToCompositionComponentInfo = exports.openOriginalPositionInEditorAtProperty = exports.openOriginalPositionInEditor = exports.openInEditor = void 0;
+exports.openCompositionComponentInEditor = exports.preloadCompositionComponentInfo = exports.loadCompositionComponentInfo = exports.useCachedCompositionComponentInfo = exports.getCachedCompositionComponentInfo = exports.subscribeToCompositionComponentInfo = exports.openOriginalPositionInEditorAtProperty = exports.openOriginalPositionInEditor = exports.openInCodingAgent = exports.openInEditor = void 0;
 const react_1 = require("react");
 const call_api_1 = require("../components/call-api");
 const browser_studio_operations_1 = require("./browser-studio-operations");
@@ -18,6 +18,10 @@ const openInEditor = (stack, editorId) => {
     });
 };
 exports.openInEditor = openInEditor;
+const openInCodingAgent = (codingAgentId, prompt) => {
+    return (0, call_api_1.callApi)('/api/open-in-coding-agent', { codingAgentId, prompt });
+};
+exports.openInCodingAgent = openInCodingAgent;
 const openOriginalPositionInEditor = async (originalPosition, editorId) => {
     const response = await (0, exports.openInEditor)({
         originalColumnNumber: originalPosition.column,

package/dist/helpers/studio-runtime-config.js

@@ -6,9 +6,12 @@ exports.DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS = 300;
 const defaultStudioRuntimeConfig = {
     askAIEnabled: false,
     bufferStateDelayInMilliseconds: null,
+    defaultCodingAgent: null,
+    defaultEditor: null,
     interactivityEnabled: true,
     keyboardShortcutsEnabled: true,
     maxTimelineTracks: null,
+    publicLicenseKey: null,
 };
 const getStudioRuntimeConfig = () => {
     var _a;

package/dist/helpers/timeline-node-path-key.d.ts

@@ -1,2 +1,4 @@
+import type { SequencePropsSubscriptionKey } from 'remotion';
 import type { SequenceNodePathInfo } from './get-timeline-sequence-sort-key';
+export declare const timelineSequenceNodePathToKey: (key: SequencePropsSubscriptionKey) => string;
 export declare const timelineNodePathInfoToKey: (info: SequenceNodePathInfo) => string;

package/dist/helpers/timeline-node-path-key.js

@@ -1,7 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.timelineNodePathInfoToKey = void 0;
+exports.timelineNodePathInfoToKey = exports.timelineSequenceNodePathToKey = void 0;
 const studio_shared_1 = require("@remotion/studio-shared");
+const timelineSequenceNodePathToKey = (key) => `${key.absolutePath}:${JSON.stringify(key.nodePath)}`;
+exports.timelineSequenceNodePathToKey = timelineSequenceNodePathToKey;
 const timelineNodePathInfoToKey = (info) => [
     (0, studio_shared_1.stringifySequenceExpandedRowKey)(info.sequenceSubscriptionKey),
     info.auxiliaryKeys.join('.'),

package/dist/helpers/use-asset-drag-events.d.ts

@@ -1,6 +1,7 @@
-export declare const isFileDragEvent: (event: {
+export declare const isAssetUploadDragEvent: (event: {
     readonly dataTransfer: DataTransfer;
 }) => boolean;
+export declare const getRenderOutputDragData: (dataTransfer: DataTransfer) => import("@remotion/studio-protocol").RenderOutputDragData | null;
 declare function useAssetDragEvents({ name, parentFolder, dropLocation, setDropLocation }: {
     name: string | null;
     parentFolder: string | null;

package/dist/helpers/use-asset-drag-events.js

@@ -1,12 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isFileDragEvent = void 0;
+exports.getRenderOutputDragData = exports.isAssetUploadDragEvent = void 0;
+const studio_protocol_1 = require("@remotion/studio-protocol");
 const react_1 = require("react");
 const no_react_1 = require("remotion/no-react");
-const isFileDragEvent = (event) => {
-    return Array.from(event.dataTransfer.types).includes('Files');
+const isAssetUploadDragEvent = (event) => {
+    var _a;
+    return (Array.from(event.dataTransfer.types).includes('Files') ||
+        ((_a = studio_protocol_1.StudioProtocolInternals.getDragPreviewMetadata(event.dataTransfer.types)) === null || _a === void 0 ? void 0 : _a.type) === 'render-output');
 };
-exports.isFileDragEvent = isFileDragEvent;
+exports.isAssetUploadDragEvent = isAssetUploadDragEvent;
+const getRenderOutputDragData = (dataTransfer) => {
+    const parsed = studio_protocol_1.StudioProtocolInternals.parseDragData(dataTransfer);
+    return (parsed === null || parsed === void 0 ? void 0 : parsed.type) === 'render-output' ? parsed.data : null;
+};
+exports.getRenderOutputDragData = getRenderOutputDragData;
 function useAssetDragEvents({ name, parentFolder, dropLocation, setDropLocation, }) {
     const dragDepthRef = (0, react_1.useRef)(0);
     const combinedParents = (0, react_1.useMemo)(() => {
@@ -16,7 +24,7 @@ function useAssetDragEvents({ name, parentFolder, dropLocation, setDropLocation,
         return dropLocation === combinedParents;
     }, [combinedParents, dropLocation]);
     const onDragEnter = (0, react_1.useCallback)((event) => {
-        if (!(0, exports.isFileDragEvent)(event)) {
+        if (!(0, exports.isAssetUploadDragEvent)(event)) {
             return;
         }
         if (dragDepthRef.current === 0) {
@@ -27,7 +35,7 @@ function useAssetDragEvents({ name, parentFolder, dropLocation, setDropLocation,
         dragDepthRef.current++;
     }, [combinedParents, dragDepthRef, setDropLocation]);
     const onDragLeave = (0, react_1.useCallback)((event) => {
-        if (!(0, exports.isFileDragEvent)(event)) {
+        if (!(0, exports.isAssetUploadDragEvent)(event)) {
             return;
         }
         dragDepthRef.current--;

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

@@ -1045,7 +1045,7 @@ const itemToSearchResult = (item, setSelectedModal, prefixes) => {
     if (item.subMenu) {
         return item.subMenu.items
             .map((subItem) => {
-            if (subItem.type === 'divider') {
+            if (subItem.type !== 'item') {
                 return null;
             }
             return itemToSearchResult(subItem, setSelectedModal, [
@@ -1072,7 +1072,7 @@ const makeSearchResults = (actions, setSelectedModal) => {
     const items = actions
         .map((menu) => {
         return menu.items.map((item) => {
-            if (item.type === 'divider') {
+            if (item.type !== 'item') {
                 return null;
             }
             return itemToSearchResult(item, setSelectedModal, []);

package/dist/helpers/use-runtime-values.d.ts

@@ -1,11 +1,9 @@
 import type { SequenceRegistrationControls } from 'remotion';
-type RuntimeValueSelectorResult = string | number | boolean | bigint | symbol | null | undefined;
 export declare const useRuntimeValues: (controls: SequenceRegistrationControls | null) => Readonly<Record<string, unknown>>;
 export declare const useRuntimeValue: (controls: SequenceRegistrationControls | null, key: string) => unknown;
-export declare const useRuntimeValueSelector: <T extends RuntimeValueSelectorResult>({ controls, selector, isEqual, }: {
+export declare const useRuntimeValueSelector: <T>({ controls, selector, isEqual, }: {
     controls: SequenceRegistrationControls | null;
     selector: (values: Readonly<Record<string, unknown>>) => T;
     isEqual?: ((first: T, second: T) => boolean) | undefined;
 }) => T;
 export declare const useRuntimeValueSnapshots: (controls: readonly SequenceRegistrationControls[]) => readonly Readonly<Record<string, unknown>>[];
-export {};

package/dist/state/timeline-sequence-hover.d.ts

@@ -2,13 +2,19 @@ import type { Dispatch, SetStateAction } from 'react';
 import type { SequenceNodePathInfo } from '../helpers/get-timeline-sequence-sort-key';
 export type TimelineSequenceHover = {
     readonly key: string;
+    readonly nodePathKey: string;
     readonly source: 'canvas' | 'timeline';
 };
-type TimelineSequenceHoverState = {
-    readonly hoveredSequence: TimelineSequenceHover | null;
+type TimelineSequenceHoverStore = {
+    readonly getSnapshot: () => TimelineSequenceHover | null;
+    readonly subscribe: (listener: () => void) => () => void;
     readonly setHoveredSequence: Dispatch<SetStateAction<TimelineSequenceHover | null>>;
 };
-export declare const TimelineSequenceHoverContext: import("react").Context<TimelineSequenceHoverState>;
+export declare const createTimelineSequenceHoverStore: () => TimelineSequenceHoverStore;
+export declare const TimelineSequenceHoverContext: import("react").Context<TimelineSequenceHoverStore>;
+export declare const useTimelineSequenceHoverState: () => TimelineSequenceHover | null;
+export declare const useSetTimelineSequenceHover: () => Dispatch<SetStateAction<TimelineSequenceHover | null>>;
+export declare const useIsTimelineSequenceHovered: (nodePathKey: string | null) => boolean;
 export declare const useTimelineSequenceHover: (nodePathInfo: SequenceNodePathInfo | null) => {
     hovered: boolean;
     onPointerEnter: () => void;

package/dist/state/timeline-sequence-hover.js

@@ -1,33 +1,84 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTimelineSequenceHover = exports.TimelineSequenceHoverContext = void 0;
+exports.useTimelineSequenceHover = exports.useIsTimelineSequenceHovered = exports.useSetTimelineSequenceHover = exports.useTimelineSequenceHoverState = exports.TimelineSequenceHoverContext = exports.createTimelineSequenceHoverStore = void 0;
 const react_1 = require("react");
 const timeline_node_path_key_1 = require("../helpers/timeline-node-path-key");
-exports.TimelineSequenceHoverContext = (0, react_1.createContext)({
-    hoveredSequence: null,
-    setHoveredSequence: () => undefined,
-});
+const createTimelineSequenceHoverStore = () => {
+    let hoveredSequence = null;
+    const listeners = new Set();
+    return {
+        getSnapshot: () => hoveredSequence,
+        subscribe: (listener) => {
+            listeners.add(listener);
+            return () => listeners.delete(listener);
+        },
+        setHoveredSequence: (action) => {
+            const nextHoveredSequence = typeof action === 'function' ? action(hoveredSequence) : action;
+            if (nextHoveredSequence === hoveredSequence) {
+                return;
+            }
+            hoveredSequence = nextHoveredSequence;
+            for (const listener of listeners) {
+                listener();
+            }
+        },
+    };
+};
+exports.createTimelineSequenceHoverStore = createTimelineSequenceHoverStore;
+exports.TimelineSequenceHoverContext = (0, react_1.createContext)((0, exports.createTimelineSequenceHoverStore)());
+const useTimelineSequenceHoverState = () => {
+    const store = (0, react_1.useContext)(exports.TimelineSequenceHoverContext);
+    return (0, react_1.useSyncExternalStore)(store.subscribe, store.getSnapshot, store.getSnapshot);
+};
+exports.useTimelineSequenceHoverState = useTimelineSequenceHoverState;
+const useSetTimelineSequenceHover = () => {
+    return (0, react_1.useContext)(exports.TimelineSequenceHoverContext).setHoveredSequence;
+};
+exports.useSetTimelineSequenceHover = useSetTimelineSequenceHover;
+const useIsTimelineSequenceHovered = (nodePathKey) => {
+    const store = (0, react_1.useContext)(exports.TimelineSequenceHoverContext);
+    const getSnapshot = (0, react_1.useCallback)(() => {
+        var _a;
+        return nodePathKey !== null && ((_a = store.getSnapshot()) === null || _a === void 0 ? void 0 : _a.nodePathKey) === nodePathKey;
+    }, [nodePathKey, store]);
+    return (0, react_1.useSyncExternalStore)(store.subscribe, getSnapshot, getSnapshot);
+};
+exports.useIsTimelineSequenceHovered = useIsTimelineSequenceHovered;
 const useTimelineSequenceHover = (nodePathInfo) => {
-    const { hoveredSequence, setHoveredSequence } = (0, react_1.useContext)(exports.TimelineSequenceHoverContext);
+    const store = (0, react_1.useContext)(exports.TimelineSequenceHoverContext);
     const sequenceKey = (0, react_1.useMemo)(() => nodePathInfo === null
         ? null
         : (0, timeline_node_path_key_1.timelineNodePathInfoToKey)({ ...nodePathInfo, auxiliaryKeys: [] }), [nodePathInfo]);
+    const nodePathKey = (0, react_1.useMemo)(() => nodePathInfo === null
+        ? null
+        : (0, timeline_node_path_key_1.timelineSequenceNodePathToKey)(nodePathInfo.sequenceSubscriptionKey), [nodePathInfo]);
+    const hovered = (0, exports.useIsTimelineSequenceHovered)(nodePathKey);
     const onPointerEnter = (0, react_1.useCallback)(() => {
-        if (sequenceKey === null) {
+        if (sequenceKey === null || nodePathKey === null) {
             return;
         }
-        setHoveredSequence({ key: sequenceKey, source: 'timeline' });
-    }, [sequenceKey, setHoveredSequence]);
+        store.setHoveredSequence((currentHover) => {
+            if ((currentHover === null || currentHover === void 0 ? void 0 : currentHover.key) === sequenceKey &&
+                currentHover.nodePathKey === nodePathKey &&
+                currentHover.source === 'timeline') {
+                return currentHover;
+            }
+            return {
+                key: sequenceKey,
+                nodePathKey,
+                source: 'timeline',
+            };
+        });
+    }, [nodePathKey, sequenceKey, store]);
     const onPointerLeave = (0, react_1.useCallback)(() => {
-        setHoveredSequence((currentHover) => {
+        store.setHoveredSequence((currentHover) => {
             if ((currentHover === null || currentHover === void 0 ? void 0 : currentHover.source) !== 'timeline' ||
                 currentHover.key !== sequenceKey) {
                 return currentHover;
             }
             return null;
         });
-    }, [sequenceKey, setHoveredSequence]);
-    const hovered = sequenceKey !== null && (hoveredSequence === null || hoveredSequence === void 0 ? void 0 : hoveredSequence.key) === sequenceKey;
+    }, [sequenceKey, store]);
     return (0, react_1.useMemo)(() => ({ hovered, onPointerEnter, onPointerLeave }), [hovered, onPointerEnter, onPointerLeave]);
 };
 exports.useTimelineSequenceHover = useTimelineSequenceHover;

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio"
 	},
 	"name": "@remotion/studio",
-	"version": "4.0.506",
+	"version": "4.0.507",
 	"description": "APIs for interacting with the Remotion Studio",
 	"main": "dist",
 	"scripts": {
@@ -24,17 +24,17 @@
 		"react-dom": ">=16.8.0"
 	},
 	"dependencies": {
-		"@remotion/studio-protocol": "4.0.506",
+		"@remotion/studio-protocol": "4.0.507",
 		"semver": "7.5.3",
-		"remotion": "4.0.506",
-		"@remotion/captions": "4.0.506",
-		"@remotion/player": "4.0.506",
-		"@remotion/media-utils": "4.0.506",
-		"@remotion/renderer": "4.0.506",
-		"@remotion/web-renderer": "4.0.506",
-		"@remotion/studio-shared": "4.0.506",
-		"@remotion/timeline-utils": "4.0.506",
-		"@remotion/zod-types": "4.0.506",
+		"remotion": "4.0.507",
+		"@remotion/captions": "4.0.507",
+		"@remotion/player": "4.0.507",
+		"@remotion/media-utils": "4.0.507",
+		"@remotion/renderer": "4.0.507",
+		"@remotion/web-renderer": "4.0.507",
+		"@remotion/studio-shared": "4.0.507",
+		"@remotion/timeline-utils": "4.0.507",
+		"@remotion/zod-types": "4.0.507",
 		"@jridgewell/trace-mapping": "0.3.31",
 		"mediabunny": "1.50.8",
 		"memfs": "3.4.3",
@@ -45,7 +45,7 @@
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
 		"@types/semver": "7.5.3",
-		"@remotion/eslint-config-internal": "4.0.506",
+		"@remotion/eslint-config-internal": "4.0.507",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},