@remotion/studio 4.0.508 → 4.0.509

package/dist/components/Timeline/TimelineSequenceItem.js

@@ -140,21 +140,6 @@ const sequenceReorderAfterLine = {
     ...sequenceReorderLineBase,
     top: -1,
 };
-const sequenceReorderRejectionStyle = {
-    backgroundColor: colors_1.BLACK_ALPHA_85,
-    border: colors_1.BORDER_WHITE_ALPHA_20,
-    borderRadius: 4,
-    color: colors_1.WHITE,
-    fontSize: 11,
-    lineHeight: 1.2,
-    maxWidth: 260,
-    padding: '3px 6px',
-    pointerEvents: 'none',
-    position: 'absolute',
-    right: 6,
-    top: 2,
-    zIndex: 2,
-};
 const hasSequenceReorderDragType = (dataTransfer) => {
     return Array.from(dataTransfer.types).includes(SEQUENCE_REORDER_MIME_TYPE);
 };
@@ -208,7 +193,6 @@ const TimelineSequenceItemInner = ({ children, connectedCompositions, nestedDept
     const [effectDropHovered, setEffectDropHovered] = (0, react_1.useState)(false);
     const [isRenaming, setIsRenaming] = (0, react_1.useState)(false);
     const [sequenceDropIndicator, setSequenceDropIndicator] = (0, react_1.useState)(null);
-    const [sequenceDropRejection, setSequenceDropRejection] = (0, react_1.useState)(null);
     const { canOpenInEditor, canConfigureApps, codingAgentInfo, editorInfo, openInCodingAgent, openInEditor, originalLocation, } = (0, use_open_sequence_in_apps_1.useOpenSequenceInApps)(sequence);
     const validatedLocation = (0, react_1.useMemo)(() => {
         var _a;
@@ -401,7 +385,6 @@ const TimelineSequenceItemInner = ({ children, connectedCompositions, nestedDept
     const onSequenceDragEnd = (0, react_1.useCallback)(() => {
         currentSequenceDrag = null;
         setSequenceDropIndicator(null);
-        setSequenceDropRejection(null);
     }, []);
     const onSequenceDragOver = (0, react_1.useCallback)((e) => {
         if (!hasSequenceReorderDragType(e.dataTransfer)) {
@@ -410,12 +393,10 @@ const TimelineSequenceItemInner = ({ children, connectedCompositions, nestedDept
         const dropTarget = getSequenceDropTarget(e);
         if (!dropTarget) {
             setSequenceDropIndicator(null);
-            setSequenceDropRejection(null);
             return;
         }
         if (dropTarget.type === 'invalid') {
             setSequenceDropIndicator(null);
-            setSequenceDropRejection(dropTarget.reason);
             e.dataTransfer.dropEffect = 'none';
             return;
         }
@@ -423,14 +404,12 @@ const TimelineSequenceItemInner = ({ children, connectedCompositions, nestedDept
         e.stopPropagation();
         e.dataTransfer.dropEffect = 'move';
         setSequenceDropIndicator(dropTarget.position);
-        setSequenceDropRejection(null);
     }, [getSequenceDropTarget]);
     const onSequenceDragLeave = (0, react_1.useCallback)((e) => {
         if (e.currentTarget.contains(e.relatedTarget)) {
             return;
         }
         setSequenceDropIndicator(null);
-        setSequenceDropRejection(null);
     }, []);
     const onSequenceDrop = (0, react_1.useCallback)(async (e) => {
         if (!canReorderSequence ||
@@ -442,13 +421,11 @@ const TimelineSequenceItemInner = ({ children, connectedCompositions, nestedDept
         const dropTarget = getSequenceDropTarget(e);
         if (!dropTarget || dropTarget.type === 'invalid') {
             setSequenceDropIndicator(null);
-            setSequenceDropRejection((dropTarget === null || dropTarget === void 0 ? void 0 : dropTarget.type) === 'invalid' ? dropTarget.reason : null);
             return;
         }
         e.preventDefault();
         e.stopPropagation();
         setSequenceDropIndicator(null);
-        setSequenceDropRejection(null);
         currentSequenceDrag = null;
         try {
             const result = await (0, call_api_1.callApi)('/api/reorder-sequence', {
@@ -937,7 +914,7 @@ const TimelineSequenceItemInner = ({ children, connectedCompositions, nestedDept
                         " ",
                         jsx_runtime_1.jsx(TimelineMediaInfo_1.TimelineMediaInfo, { src: mediaSrc })
                     ] })) : null] }) }));
-    const draggableTrackRow = canHandleSequenceDrag ? (jsx_runtime_1.jsxs("div", { draggable: canReorderSequence, onDragStart: onSequenceDragStart, onDragEnd: onSequenceDragEnd, onDragOver: onSequenceDragOver, onDragLeave: onSequenceDragLeave, onDrop: onSequenceDrop, style: sequenceReorderWrapper, children: [sequenceReorderLineStyle ? (jsx_runtime_1.jsx("div", { style: sequenceReorderLineStyle })) : null, sequenceDropRejection ? (jsx_runtime_1.jsx("div", { style: sequenceReorderRejectionStyle, children: sequenceDropRejection })) : null, trackRow] })) : (trackRow);
+    const draggableTrackRow = canHandleSequenceDrag ? (jsx_runtime_1.jsxs("div", { draggable: canReorderSequence, onDragStart: onSequenceDragStart, onDragEnd: onSequenceDragEnd, onDragOver: onSequenceDragOver, onDragLeave: onSequenceDragLeave, onDrop: onSequenceDrop, style: sequenceReorderWrapper, children: [sequenceReorderLineStyle ? (jsx_runtime_1.jsx("div", { style: sequenceReorderLineStyle })) : null, trackRow] })) : (trackRow);
     return (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [previewConnected || window.remotion_isReadOnlyStudio ? (jsx_runtime_1.jsx(ContextMenu_1.ContextMenu, { getItems: getContextMenuItems, children: draggableTrackRow })) : (draggableTrackRow), previewConnected &&
                 (0, interactivity_enabled_1.isStudioInteractivityEnabled)() &&
                 isExpanded &&

package/dist/components/Timeline/TimelineSequencePropItem.js

@@ -207,8 +207,14 @@ const TimelineSequenceKeyframedValueUnmemoized = (props) => {
             status: propStatus,
             frame: sourceFrame,
             value,
+            defaultEasing: (0, studio_shared_1.isSchemaFieldHoldOnly)({
+                schema,
+                key: field.key,
+            })
+                ? { type: 'step1' }
+                : undefined,
         }));
-    }, [propStatus, field.key, nodePath, setDragOverrides]);
+    }, [propStatus, field.key, nodePath, schema, setDragOverrides]);
     const onKeyframedDragEnd = (0, react_1.useCallback)(() => {
         clearDragOverrides(nodePath);
     }, [clearDragOverrides, nodePath]);

package/dist/components/Timeline/TimelineSequenceRightEdgeDragHandle.js

@@ -729,9 +729,9 @@ const TimelineSequenceLeftEdgeDragHandleInner = ({ nodePathInfo, windowWidth, ti
         if (!activeDragState) {
             return;
         }
-        return (0, pointer_session_1.startPointerSession)({
+        return (0, pointer_session_1.startCapturedPointerSession)({
             event: activeDragState,
-            target: activeDragState.target,
+            captureTarget: activeDragState.target,
             onMove,
             onEnd: (reason, endEvent) => {
                 if ((reason === 'pointerup' || reason === 'buttons-released') &&
@@ -953,9 +953,9 @@ const useTimelineSequenceFromDrag = ({ nodePathInfo, windowWidth, timelineDurati
         if (!activeDragState) {
             return;
         }
-        return (0, pointer_session_1.startPointerSession)({
+        return (0, pointer_session_1.startCapturedPointerSession)({
             event: activeDragState,
-            target: activeDragState.target,
+            captureTarget: activeDragState.target,
             onMove,
             onEnd: (reason, endEvent) => {
                 if ((reason === 'pointerup' || reason === 'buttons-released') &&
@@ -1136,9 +1136,9 @@ const TimelineSequenceRightEdgeDragHandleInner = ({ nodePathInfo, windowWidth, t
         if (!activeDragState) {
             return;
         }
-        return (0, pointer_session_1.startPointerSession)({
+        return (0, pointer_session_1.startCapturedPointerSession)({
             event: activeDragState,
-            target: activeDragState.target,
+            captureTarget: activeDragState.target,
             onMove,
             onEnd: (reason, endEvent) => {
                 if ((reason === 'pointerup' || reason === 'buttons-released') &&

package/dist/components/Timeline/get-sequence-context-menu-items.js

@@ -50,6 +50,7 @@ const getSequenceContextMenuItems = ({ assetLinkInfo, canOpenInEditor, deleteDis
             excludeEditorId: defaultEditorId,
             fileManagerDisabled: !(originalLocation === null || originalLocation === void 0 ? void 0 : originalLocation.source),
             folder: false,
+            location: originalLocation,
             onConfigureApps,
             onOpenInCodingAgent: openInCodingAgentWithContext,
             onOpenInEditor: openInEditor,

package/dist/components/Timeline/keyframe-clipboard.d.ts

@@ -1,4 +1,4 @@
-import type { KeyframeClipboardData } from '@remotion/studio-shared';
+import type { KeyframeClipboardData, KeyframeClipboardFieldType } from '@remotion/studio-shared';
 import { type InteractivitySchema, type OverrideIdToNodePaths, type PropStatuses, type SequencePropsSubscriptionKey, type TSequence } from 'remotion';
 import type { TimelineSelection } from './TimelineSelection';
 export declare const getKeyframeClipboardDataFromSelections: ({ selections, sequences, overrideIdsToNodePaths, propStatuses, }: {
@@ -24,6 +24,10 @@ export type PasteKeyframeTarget = {
 } | {
     readonly type: 'none' | 'multiple' | 'uncopyable' | 'incompatible';
 };
+export declare const isKeyframeValueCompatible: ({ value, fieldType, }: {
+    readonly value: unknown;
+    readonly fieldType: KeyframeClipboardFieldType | null;
+}) => boolean;
 export declare const getPasteKeyframeTarget: ({ selectedItems, payload, timelinePosition, sequences, overrideIdsToNodePaths, propStatuses, }: {
     readonly selectedItems: readonly TimelineSelection[];
     readonly payload: KeyframeClipboardData;

package/dist/components/Timeline/keyframe-clipboard.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getPasteKeyframeTarget = exports.getKeyframeClipboardDataFromSelections = void 0;
+exports.getPasteKeyframeTarget = exports.isKeyframeValueCompatible = exports.getKeyframeClipboardDataFromSelections = void 0;
 const studio_shared_1 = require("@remotion/studio-shared");
 const remotion_1 = require("remotion");
 const find_track_for_node_path_info_1 = require("./find-track-for-node-path-info");
@@ -217,6 +217,7 @@ const isKeyframeValueCompatible = ({ value, fieldType, }) => {
     }
     return typeof value === 'string';
 };
+exports.isKeyframeValueCompatible = isKeyframeValueCompatible;
 const getPasteKeyframeTarget = ({ selectedItems, payload, timelinePosition, sequences, overrideIdsToNodePaths, propStatuses, }) => {
     var _a, _b, _c;
     if (selectedItems.length === 0) {
@@ -270,7 +271,7 @@ const getPasteKeyframeTarget = ({ selectedItems, payload, timelinePosition, sequ
     ].sort((first, second) => first - second);
     const firstEasingSegmentIndex = finalFrames.indexOf(firstFrame);
     if (resolved.fieldType !== payload.fieldType ||
-        payload.keyframes.some((keyframe) => !isKeyframeValueCompatible({
+        payload.keyframes.some((keyframe) => !(0, exports.isKeyframeValueCompatible)({
             value: keyframe.value,
             fieldType: payload.fieldType,
         }))) {

package/dist/components/Timeline/save-sequence-prop.js

@@ -36,6 +36,7 @@ const saveInlineCaptionPatches = ({ fileName, nodePath, schema, patches, nextCap
 };
 exports.saveInlineCaptionPatches = saveInlineCaptionPatches;
 const saveSequenceProps = ({ changes, addedKeyframes, movedKeyframes, setPropStatuses, clientId, undoLabel, redoLabel, }) => {
+    var _a;
     const keyframesToAdd = addedKeyframes === null ? [] : addedKeyframes;
     const sequenceKeyframes = movedKeyframes === null ? [] : movedKeyframes.sequenceKeyframes;
     const effectKeyframes = movedKeyframes === null ? [] : movedKeyframes.effectKeyframes;
@@ -56,13 +57,18 @@ const saveSequenceProps = ({ changes, addedKeyframes, movedKeyframes, setPropSta
         return (0, save_prop_queue_1.enqueueSavePropChange)({
             nodePath: change.nodePath,
             setPropStatuses,
-            applyOptimistic: (prev) => (0, studio_shared_1.optimisticUpdateForPropStatuses)({
-                previous: prev,
-                fieldKey: change.fieldKey,
-                value: change.value,
-                defaultValue: change.defaultValue,
-                schema: change.schema,
-            }),
+            applyOptimistic: (prev) => {
+                var _a;
+                return ((_a = change.sourceEdit) === null || _a === void 0 ? void 0 : _a.type) === 'clipboard-param'
+                    ? prev
+                    : (0, studio_shared_1.optimisticUpdateForPropStatuses)({
+                        previous: prev,
+                        fieldKey: change.fieldKey,
+                        value: change.value,
+                        defaultValue: change.defaultValue,
+                        schema: change.schema,
+                    });
+            },
             apiCall: () => {
                 var _a;
                 return (0, sequence_props_api_1.saveSequenceProps)({
@@ -102,6 +108,9 @@ const saveSequenceProps = ({ changes, addedKeyframes, movedKeyframes, setPropSta
         }));
     }
     for (const change of changes) {
+        if (((_a = change.sourceEdit) === null || _a === void 0 ? void 0 : _a.type) === 'clipboard-param') {
+            continue;
+        }
         setPropStatuses(change.nodePath, (prev) => (0, studio_shared_1.optimisticUpdateForPropStatuses)({
             previous: prev,
             fieldKey: change.fieldKey,

package/dist/components/Timeline/sequence-prop-clipboard.d.ts

@@ -0,0 +1,31 @@
+import { type EffectClipboardParam, type SequencePropClipboardData } from '@remotion/studio-shared';
+import { type CanUpdateSequencePropStatus, type InteractivitySchema, type OverrideIdToNodePaths, type PropStatuses, type SequencePropsSubscriptionKey, type TSequence } from 'remotion';
+import type { TimelineSelection } from './TimelineSelection';
+export declare const propStatusToClipboardParam: (prop: CanUpdateSequencePropStatus) => EffectClipboardParam | null;
+export declare const getSequencePropClipboardDataFromSelection: ({ selection, propStatuses, sequences, overrideIdsToNodePaths, }: {
+    readonly selection: TimelineSelection;
+    readonly propStatuses: PropStatuses;
+    readonly sequences: TSequence[];
+    readonly overrideIdsToNodePaths: OverrideIdToNodePaths;
+}) => SequencePropClipboardData | null;
+type PasteSequencePropEditTarget = {
+    readonly fileName: string;
+    readonly nodePath: SequencePropsSubscriptionKey;
+    readonly fieldKey: string;
+    readonly defaultValue: string | null;
+    readonly schema: InteractivitySchema;
+};
+export type PasteSequencePropTarget = {
+    readonly type: 'valid';
+    readonly targets: PasteSequencePropEditTarget[];
+} | {
+    readonly type: 'none' | 'prop-mismatch' | 'uncopyable' | 'incompatible';
+};
+export declare const getPasteSequencePropTarget: ({ selectedItems, payload, propStatuses, sequences, overrideIdsToNodePaths, }: {
+    readonly selectedItems: readonly TimelineSelection[];
+    readonly payload: SequencePropClipboardData;
+    readonly propStatuses: PropStatuses;
+    readonly sequences: TSequence[];
+    readonly overrideIdsToNodePaths: OverrideIdToNodePaths;
+}) => PasteSequencePropTarget;
+export {};

package/dist/components/Timeline/sequence-prop-clipboard.js

@@ -0,0 +1,142 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getPasteSequencePropTarget = exports.getSequencePropClipboardDataFromSelection = exports.propStatusToClipboardParam = void 0;
+const studio_shared_1 = require("@remotion/studio-shared");
+const remotion_1 = require("remotion");
+const find_track_for_node_path_info_1 = require("./find-track-for-node-path-info");
+const keyframe_clipboard_1 = require("./keyframe-clipboard");
+const propStatusToClipboardParam = (prop) => {
+    if (prop.status === 'computed') {
+        return null;
+    }
+    if (prop.status === 'static') {
+        if (prop.codeValue === undefined) {
+            return null;
+        }
+        return { type: 'static', value: prop.codeValue };
+    }
+    if (!(0, studio_shared_1.isKeyframeInterpolationFunction)(prop.interpolationFunction)) {
+        return null;
+    }
+    return {
+        type: 'keyframed',
+        interpolationFunction: prop.interpolationFunction,
+        keyframes: prop.keyframes,
+        easing: prop.easing,
+        clamping: prop.clamping,
+        ...(prop.output === undefined || prop.output === 'linear'
+            ? {}
+            : { output: prop.output }),
+        ...(prop.posterize === undefined ? {} : { posterize: prop.posterize }),
+    };
+};
+exports.propStatusToClipboardParam = propStatusToClipboardParam;
+const getSequencePropClipboardDataFromSelection = ({ selection, propStatuses, sequences, overrideIdsToNodePaths, }) => {
+    var _a, _b;
+    var _c;
+    if (selection.type !== 'sequence-prop') {
+        return null;
+    }
+    const track = (0, find_track_for_node_path_info_1.findTrackForNodePathInfo)({
+        sequences,
+        overrideIdsToNodePaths,
+        nodePathInfo: selection.nodePathInfo,
+    });
+    if (!(track === null || track === void 0 ? void 0 : track.sequence.controls)) {
+        return null;
+    }
+    const field = remotion_1.Internals.getFlatSchemaWithAllKeys(track.sequence.controls.schema)[selection.key];
+    if (!field || !(0, studio_shared_1.isKeyframeClipboardFieldType)(field.type)) {
+        return null;
+    }
+    const propStatus = (_b = remotion_1.Internals.getPropStatusesCtx(propStatuses, (_c = (_a = track.nodePathInfo) === null || _a === void 0 ? void 0 : _a.sequenceSubscriptionKey) !== null && _c !== void 0 ? _c : selection.nodePathInfo.sequenceSubscriptionKey)) === null || _b === void 0 ? void 0 : _b[selection.key];
+    if (!propStatus) {
+        return null;
+    }
+    const param = (0, exports.propStatusToClipboardParam)(propStatus);
+    if (param === null) {
+        return null;
+    }
+    return {
+        type: 'sequence-prop',
+        version: 1,
+        remotionClipboard: 'sequence-prop',
+        key: selection.key,
+        fieldType: field.type,
+        param,
+    };
+};
+exports.getSequencePropClipboardDataFromSelection = getSequencePropClipboardDataFromSelection;
+const getPasteTargetForSelection = ({ selection, payload, propStatuses, sequences, overrideIdsToNodePaths, }) => {
+    var _a;
+    if (selection.type !== 'sequence-prop' && selection.type !== 'sequence') {
+        return { type: 'none' };
+    }
+    const fieldKey = selection.type === 'sequence-prop' ? selection.key : payload.key;
+    if (fieldKey !== payload.key) {
+        return { type: 'prop-mismatch' };
+    }
+    const track = (0, find_track_for_node_path_info_1.findTrackForNodePathInfo)({
+        sequences,
+        overrideIdsToNodePaths,
+        nodePathInfo: selection.nodePathInfo,
+    });
+    if (!(track === null || track === void 0 ? void 0 : track.sequence.controls) || !track.nodePathInfo) {
+        return { type: 'uncopyable' };
+    }
+    const { schema } = track.sequence.controls;
+    const field = remotion_1.Internals.getFlatSchemaWithAllKeys(schema)[fieldKey];
+    if (!field || field.type !== payload.fieldType) {
+        return { type: 'incompatible' };
+    }
+    const nodePath = track.nodePathInfo.sequenceSubscriptionKey;
+    const propStatus = (_a = remotion_1.Internals.getPropStatusesCtx(propStatuses, nodePath)) === null || _a === void 0 ? void 0 : _a[fieldKey];
+    if (!propStatus || propStatus.status === 'computed') {
+        return { type: 'uncopyable' };
+    }
+    const values = payload.param.type === 'static'
+        ? [payload.param.value]
+        : payload.param.keyframes.map((keyframe) => keyframe.value);
+    if (values.some((value) => !(0, keyframe_clipboard_1.isKeyframeValueCompatible)({ value, fieldType: payload.fieldType }))) {
+        return { type: 'incompatible' };
+    }
+    return {
+        type: 'valid',
+        target: {
+            fileName: nodePath.absolutePath,
+            nodePath,
+            fieldKey,
+            defaultValue: field.default === undefined ? null : JSON.stringify(field.default),
+            schema,
+        },
+    };
+};
+const getPasteSequencePropTarget = ({ selectedItems, payload, propStatuses, sequences, overrideIdsToNodePaths, }) => {
+    if (selectedItems.length === 0) {
+        return { type: 'none' };
+    }
+    const targets = [];
+    for (const selection of selectedItems) {
+        const result = getPasteTargetForSelection({
+            selection,
+            payload,
+            propStatuses,
+            sequences,
+            overrideIdsToNodePaths,
+        });
+        if (result.type !== 'valid') {
+            return result;
+        }
+        targets.push(result.target);
+    }
+    return {
+        type: 'valid',
+        targets: [
+            ...new Map(targets.map((target) => [
+                remotion_1.Internals.makeSequencePropsSubscriptionKey(target.nodePath),
+                target,
+            ])).values(),
+        ],
+    };
+};
+exports.getPasteSequencePropTarget = getPasteSequencePropTarget;

package/dist/components/Timeline/update-selected-easing.js

@@ -33,6 +33,10 @@ const getSelectedEasingUpdate = ({ selection, sequences, overrideIdsToNodePaths,
         }
         const sequencePropStatus = (_a = remotion_1.Internals.getPropStatusesCtx(propStatuses, nodePath)) === null || _a === void 0 ? void 0 : _a[field.fieldKey];
         if ((sequencePropStatus === null || sequencePropStatus === void 0 ? void 0 : sequencePropStatus.status) !== 'keyframed' ||
+            (0, studio_shared_1.isSchemaFieldHoldOnly)({
+                schema: sequence.controls.schema,
+                key: field.fieldKey,
+            }) ||
             !(0, studio_shared_1.canEditEasingForInterpolationFunction)(sequencePropStatus.interpolationFunction)) {
             return null;
         }
@@ -60,6 +64,10 @@ const getSelectedEasingUpdate = ({ selection, sequences, overrideIdsToNodePaths,
         ? effectStatus.props[field.fieldKey]
         : null;
     if ((effectPropStatus === null || effectPropStatus === void 0 ? void 0 : effectPropStatus.status) !== 'keyframed' ||
+        (0, studio_shared_1.isSchemaFieldHoldOnly)({
+            schema: effect.schema,
+            key: field.fieldKey,
+        }) ||
         !(0, studio_shared_1.canEditEasingForInterpolationFunction)(effectPropStatus.interpolationFunction)) {
         return null;
     }

package/dist/components/Timeline/use-open-sequence-in-apps.js

@@ -8,9 +8,11 @@ const NotificationCenter_1 = require("../Notifications/NotificationCenter");
 const use_default_editor_info_1 = require("../use-default-editor-info");
 const use_resolved_stack_react_to_change_1 = require("./use-resolved-stack-react-to-change");
 const useOpenSequenceInApps = (sequence) => {
+    var _a;
+    var _b;
     const { previewServerState } = (0, react_1.useContext)(client_id_1.StudioServerConnectionCtx);
     const previewConnected = previewServerState.type === 'connected';
-    const { resolvedLocation: originalLocation } = (0, use_resolved_stack_react_to_change_1.useResolveStackAndReactToChange)(sequence.getStack);
+    const { resolvedLocation: originalLocation } = (0, use_resolved_stack_react_to_change_1.useResolveStackAndReactToChange)(sequence.getStack, (_b = (_a = sequence.controls) === null || _a === void 0 ? void 0 : _a.overrideId) !== null && _b !== void 0 ? _b : sequence.id);
     const editorPickerAvailable = (0, use_default_editor_info_1.canUseEditorPicker)(previewConnected);
     const editorInfo = (0, use_default_editor_info_1.useDefaultEditorInfo)(editorPickerAvailable);
     const codingAgentInfo = (0, use_default_editor_info_1.useDefaultCodingAgentInfo)(editorPickerAvailable);

package/dist/components/Timeline/use-resolved-stack-react-to-change.d.ts

@@ -1,5 +1,5 @@
 import type { ResolvedStackLocation } from 'remotion';
-export declare const useResolveStackAndReactToChange: (getStack: () => string | null) => {
+export declare const useResolveStackAndReactToChange: (getStack: () => string | null, sequenceIdentity: string) => {
     preferMappedNodePath: boolean;
     resolvedLocation: ResolvedStackLocation | null;
     stack: string | null;

package/dist/components/Timeline/use-resolved-stack-react-to-change.js

@@ -17,7 +17,7 @@ const matchesSourceLocation = (event, location) => {
         event.line === location.line &&
         event.column === ((_a = location.column) !== null && _a !== void 0 ? _a : 0));
 };
-const useResolveStackAndReactToChange = (getStack) => {
+const useResolveStackAndReactToChange = (getStack, sequenceIdentity) => {
     const { subscribeToEvent } = (0, react_1.useContext)(client_id_1.StudioServerConnectionCtx);
     const { fastRefreshes } = (0, react_1.useContext)(fast_refresh_context_1.FastRefreshContext);
     const [stackState, setStackState] = (0, react_1.useState)(() => ({
@@ -25,13 +25,34 @@ const useResolveStackAndReactToChange = (getStack) => {
         preferMappedNodePath: true,
     }));
     const resolvedLocationFromStack = (0, use_resolved_stack_1.useResolvedStack)(stackState.stack);
-    const resolvedLocation = (0, use_resolved_stack_1.hasResolvedStack)(stackState.stack)
+    const stackIsResolved = (0, use_resolved_stack_1.hasResolvedStack)(stackState.stack);
+    const lastResolvedLocation = (0, react_1.useRef)(resolvedLocationFromStack);
+    if (stackIsResolved) {
+        lastResolvedLocation.current = resolvedLocationFromStack;
+    }
+    const resolvedLocation = stackIsResolved
         ? resolvedLocationFromStack
-        : null;
+        : stackState.preferMappedNodePath
+            ? null
+            : lastResolvedLocation.current;
     const resolvedLocationRef = (0, react_1.useRef)(resolvedLocation);
     resolvedLocationRef.current = resolvedLocation;
     const getStackRef = (0, react_1.useRef)(getStack);
     getStackRef.current = getStack;
+    (0, react_1.useEffect)(() => {
+        const newStack = getStackRef.current();
+        setStackState((current) => {
+            if (newStack === current.stack) {
+                return current;
+            }
+            return {
+                stack: newStack,
+                // A different identity means a different selected sequence. Its existing
+                // node path mapping is still preferred.
+                preferMappedNodePath: true,
+            };
+        });
+    }, [sequenceIdentity]);
     (0, react_1.useEffect)(() => {
         if (fastRefreshes === 0) {
             return;

package/dist/components/Timeline/use-timeline-keyframe-drag.js

@@ -436,9 +436,9 @@ const useTimelineKeyframeDrag = ({ frame, nodePathInfo, onSelect, selectable, se
             clearActiveOverrides();
             clearDraggedKeyframes();
         };
-        stopPointerSession = (0, pointer_session_1.startPointerSession)({
+        stopPointerSession = (0, pointer_session_1.startCapturedPointerSession)({
             event: e,
-            target: e.currentTarget,
+            captureTarget: e.currentTarget,
             onMove: onPointerMove,
             onEnd: (reason) => {
                 if (reason === 'pointerup' || reason === 'buttons-released') {
@@ -643,9 +643,9 @@ const useTimelineEasingKeyframeDrag = ({ onSelect, selectable, selected, selecti
             clearActiveOverrides();
             clearDraggedKeyframes();
         };
-        stopPointerSession = (0, pointer_session_1.startPointerSession)({
+        stopPointerSession = (0, pointer_session_1.startCapturedPointerSession)({
             event: e,
-            target: e.currentTarget,
+            captureTarget: e.currentTarget,
             onMove: onPointerMove,
             onEnd: (reason) => {
                 if (reason === 'pointerup' || reason === 'buttons-released') {

package/dist/components/folder-menu-items.js

@@ -88,6 +88,7 @@ const getFolderMenuItems = ({ closeMenu, connectionStatus, folder, readOnlyStudi
                     folderName: folder.name,
                     parentName: folder.parent,
                     stack: folder.stack,
+                    canvasCapture: null,
                 });
             },
             quickSwitcherLabel: 'New composition in folder...',

package/dist/components/get-open-in-menu-items.d.ts

@@ -1,7 +1,8 @@
 import type { TerminalId } from '@remotion/studio-shared';
 import type { EditorPickerId, GetDefaultCodingAgentInfoResponse, GetDefaultEditorInfoResponse } from '@remotion/studio-shared';
+import type { OriginalPosition } from '../error-overlay/react-overlay/utils/get-source-map';
 import type { ComboboxValue } from './NewComposition/ComboBox';
-export declare const getOpenInMenuItems: ({ codingAgentInfo, editorDisabled, editorInfo, excludeCodingAgentId, excludeEditorId, fileManagerDisabled, folder, onConfigureApps, onOpenInCodingAgent, onOpenInEditor, onOpenInFileExplorer, onOpenInTerminal, }: {
+export declare const getOpenInMenuItems: ({ codingAgentInfo, editorDisabled, editorInfo, excludeCodingAgentId, excludeEditorId, fileManagerDisabled, folder, location, onConfigureApps, onOpenInCodingAgent, onOpenInEditor, onOpenInFileExplorer, onOpenInTerminal, }: {
     readonly codingAgentInfo: GetDefaultCodingAgentInfoResponse | null;
     readonly editorDisabled: boolean;
     readonly editorInfo: GetDefaultEditorInfoResponse | null;
@@ -9,6 +10,7 @@ export declare const getOpenInMenuItems: ({ codingAgentInfo, editorDisabled, edi
     readonly excludeEditorId: EditorPickerId | null;
     readonly fileManagerDisabled: boolean;
     readonly folder: boolean;
+    readonly location: OriginalPosition | null;
     readonly onConfigureApps: () => void;
     readonly onOpenInCodingAgent: (codingAgentId: "claude-code" | "codex" | "copilot" | "cursor", codingAgentName: string) => void;
     readonly onOpenInEditor: (editorId: EditorPickerId) => void;