@remotion/studio 4.0.508 → 4.0.510

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', {
@@ -928,7 +905,7 @@ const TimelineSequenceItemInner = ({ children, connectedCompositions, nestedDept
             clientId: previewServerState.clientId,
         });
     }, [canDropEffect, nodePath, previewServerState, validatedLocation]);
-    const trackRow = (jsx_runtime_1.jsx(TimelineRowChrome_1.TimelineRowChrome, { depth: nestedDepth, eye: canToggleVisibility ? (jsx_runtime_1.jsx(TimelineLayerEye_1.TimelineLayerEye, { type: sequence.type === 'audio' ? 'speaker' : 'eye', hidden: isItemHidden, onInvoked: onToggleVisibility })) : (jsx_runtime_1.jsx(TimelineLayerEye_1.TimelineLayerEyeSpacer, {})), arrow: hasExpandableContent && nodePathInfo !== null ? (jsx_runtime_1.jsx(TimelineSequenceExpandArrow, { disabled: !previewInteractive, isExpanded: isExpanded, nodePathInfo: nodePathInfo, sequence: sequence })) : (jsx_runtime_1.jsx(TimelineExpandArrowButton_1.TimelineExpandArrowSpacer, {})), style: rowStyle, selected: selected, selectable: selectable, selectionItem: selectionItem, onSelect: onSelect, showSelectedBackground: true, containsSelection: containsSelection, hovered: hovered, outerHeight: outerHeight, onDragLeave: canDropEffect ? onEffectDragLeave : undefined, onDragOver: canDropEffect ? onEffectDragOver : undefined, onDrop: canDropEffect ? onEffectDrop : undefined, onDoubleClick: canHandleSequenceDoubleClick ? onSequenceDoubleClick : undefined, onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave, children: jsx_runtime_1.jsxs("div", { style: labelContainerStyle, children: [connectedCompositions.length > 0 ? (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [
+    const trackRow = (jsx_runtime_1.jsx(TimelineRowChrome_1.TimelineRowChrome, { depth: nestedDepth, eye: canToggleVisibility ? (jsx_runtime_1.jsx(TimelineLayerEye_1.TimelineLayerEye, { type: sequence.type === 'audio' ? 'speaker' : 'eye', hidden: isItemHidden, onInvoked: onToggleVisibility })) : (jsx_runtime_1.jsx(TimelineLayerEye_1.TimelineLayerEyeSpacer, {})), arrow: hasExpandableContent && nodePathInfo !== null ? (jsx_runtime_1.jsx(TimelineSequenceExpandArrow, { disabled: !previewInteractive, isExpanded: isExpanded, nodePathInfo: nodePathInfo, sequence: sequence })) : (jsx_runtime_1.jsx(TimelineExpandArrowButton_1.TimelineExpandArrowSpacer, {})), style: rowStyle, selected: selected, selectable: selectable, selectionItem: selectionItem, onSelect: onSelect, showSelectedBackground: true, containsSelection: containsSelection, hovered: hovered, isFieldRow: false, outerHeight: outerHeight, onDragLeave: canDropEffect ? onEffectDragLeave : undefined, onDragOver: canDropEffect ? onEffectDragOver : undefined, onDrop: canDropEffect ? onEffectDrop : undefined, onDoubleClick: canHandleSequenceDoubleClick ? onSequenceDoubleClick : undefined, onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave, children: jsx_runtime_1.jsxs("div", { style: labelContainerStyle, children: [connectedCompositions.length > 0 ? (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [
                         jsx_runtime_1.jsx(CompositionOrStillIcon_1.CompositionOrStillIcon, { color: (0, TimelineSelection_1.getTimelineColor)(false, false), composition: connectedCompositions[0], style: connectedCompositionIconStyle }), jsx_runtime_1.jsx(layout_1.Spacing, { x: 0.5 })
                     ] })) : null, jsx_runtime_1.jsx(TimelineSequenceName_1.TimelineSequenceName, { displayName: timelineDisplayName, fallbackDisplayName: fallbackDisplayName, selected: selected, containsSelection: containsSelection, editing: isRenaming, onCancelEditing: onCancelRenaming, onSaveName: onSaveName }), numberOfHiddenDuplicates > 0 ? (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [
                         jsx_runtime_1.jsx(layout_1.Spacing, { x: 0.5 }), jsx_runtime_1.jsx(TimelineDuplicateCount_1.TimelineDuplicateCount, { count: numberOfHiddenDuplicates })
@@ -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]);
@@ -351,7 +357,7 @@ const TimelineSequencePropItem = ({ field, validatedLocation, rowDepth, nodePath
                 ...style,
             }, children: fieldValue }));
     }
-    const row = (jsx_runtime_1.jsx(TimelineRowChrome_1.TimelineRowChrome, { depth: rowDepth, eye: jsx_runtime_1.jsx(TimelineLayerEye_1.TimelineLayerEyeSpacer, {}), keyframeControls: keyframeControls, arrow: jsx_runtime_1.jsx(TimelineExpandArrowButton_1.TimelineExpandArrowSpacer, {}), style: style, selected: selection.selected, selectable: selection.selectable, selectionItem: selection.selectionItem, onSelect: selection.onSelect, onDoubleClick: onPropertyDoubleClick, showSelectedBackground: true, containsSelection: false, outerHeight: null, children: jsx_runtime_1.jsx(TimelineFieldRowContent_1.TimelineFieldRowContent, { field: field, rowDepth: rowDepth, selected: selection.selected, children: fieldValue }) }));
+    const row = (jsx_runtime_1.jsx(TimelineRowChrome_1.TimelineRowChrome, { depth: rowDepth, eye: jsx_runtime_1.jsx(TimelineLayerEye_1.TimelineLayerEyeSpacer, {}), keyframeControls: keyframeControls, arrow: jsx_runtime_1.jsx(TimelineExpandArrowButton_1.TimelineExpandArrowSpacer, {}), style: style, selected: selection.selected, selectable: selection.selectable, selectionItem: selection.selectionItem, onSelect: selection.onSelect, onDoubleClick: onPropertyDoubleClick, showSelectedBackground: true, containsSelection: false, isFieldRow: true, outerHeight: null, children: jsx_runtime_1.jsx(TimelineFieldRowContent_1.TimelineFieldRowContent, { field: field, rowDepth: rowDepth, selected: selection.selected, keyframeControls: keyframeControls, children: fieldValue }) }));
     return jsx_runtime_1.jsx(ContextMenu_1.ContextMenu, { getItems: getContextMenuItems, children: row });
 };
 exports.TimelineSequencePropItem = TimelineSequencePropItem;

package/dist/components/Timeline/TimelineSequenceRightEdgeDragHandle.d.ts

@@ -32,7 +32,9 @@ export type TimelineSequenceFromDragTarget = {
     readonly sequenceKeyframes: TimelineSequenceKeyframeDragTarget[];
 };
 type TimelineSequenceKeyframeDragTarget = {
+    readonly fileName: string;
     readonly fieldKey: string;
+    readonly nodePath: SequencePropsSubscriptionKey;
     readonly schema: InteractivitySchema;
     readonly status: CanUpdateSequencePropStatusKeyframed;
 };

package/dist/components/Timeline/TimelineSequenceRightEdgeDragHandle.js

@@ -70,7 +70,15 @@ const getKeyframedSequenceDragTargets = ({ nodePath, sequence, propStatuses, })
     const sequenceKeyframes = sequenceSchema === undefined
         ? []
         : Object.entries(status.props).flatMap(([fieldKey, propStatus]) => propStatus.status === 'keyframed'
-            ? [{ fieldKey, schema: sequenceSchema, status: propStatus }]
+            ? [
+                {
+                    fileName: nodePath.absolutePath,
+                    fieldKey,
+                    nodePath,
+                    schema: sequenceSchema,
+                    status: propStatus,
+                },
+            ]
             : []);
     const effectKeyframes = status.effects.flatMap((effectStatus) => {
         var _a;
@@ -85,7 +93,9 @@ const getKeyframedSequenceDragTargets = ({ nodePath, sequence, propStatuses, })
             ? [
                 {
                     effectIndex: effectStatus.effectIndex,
+                    fileName: nodePath.absolutePath,
                     fieldKey,
+                    nodePath,
                     schema: effectSchema,
                     status: propStatus,
                 },
@@ -352,16 +362,16 @@ const getTimelineSequenceFromDragKeyframeMoves = ({ targets, deltaFrames, }) =>
     }
     return {
         sequenceKeyframes: targets.flatMap((target) => target.sequenceKeyframes.flatMap((keyframeTarget) => keyframeTarget.status.keyframes.map((keyframe) => ({
-            fileName: target.fileName,
-            nodePath: target.nodePath,
+            fileName: keyframeTarget.fileName,
+            nodePath: keyframeTarget.nodePath,
             fieldKey: keyframeTarget.fieldKey,
             fromFrame: keyframe.frame,
             toFrame: keyframe.frame + deltaFrames,
             schema: keyframeTarget.schema,
         })))),
         effectKeyframes: targets.flatMap((target) => target.effectKeyframes.flatMap((keyframeTarget) => keyframeTarget.status.keyframes.map((keyframe) => ({
-            fileName: target.fileName,
-            nodePath: target.nodePath,
+            fileName: keyframeTarget.fileName,
+            nodePath: keyframeTarget.nodePath,
             effectIndex: keyframeTarget.effectIndex,
             fieldKey: keyframeTarget.fieldKey,
             fromFrame: keyframe.frame,
@@ -510,6 +520,7 @@ const getTimelineSequenceFromDragTargets = ({ draggedNodePathInfo, selectedItems
         : [draggedNodePathInfo];
     const tracks = (0, calculate_timeline_1.calculateTimeline)({ sequences, overrideIdsToNodePaths });
     const targets = new Map();
+    const includedKeyframeNodePaths = new Set();
     for (const nodePathInfo of targetNodePathInfos) {
         const track = findSequenceTrack({ tracks, nodePathInfo });
         const originalSequence = track
@@ -527,11 +538,42 @@ const getTimelineSequenceFromDragTargets = ({ draggedNodePathInfo, selectedItems
         }
         const key = (0, studio_shared_1.stringifySequenceSubscriptionKey)(nodePath);
         if (!targets.has(key)) {
-            const { effectKeyframes, sequenceKeyframes } = getKeyframedSequenceDragTargets({
-                nodePath,
-                sequence: originalSequence,
-                propStatuses,
+            const descendants = sequences.filter((candidate) => {
+                var _a;
+                var _b;
+                let parentId = candidate.id;
+                while (parentId !== null) {
+                    if (parentId === originalSequence.id) {
+                        return true;
+                    }
+                    parentId = (_b = (_a = sequences.find((sequence) => sequence.id === parentId)) === null || _a === void 0 ? void 0 : _a.parent) !== null && _b !== void 0 ? _b : null;
+                }
+                return false;
+            });
+            const descendantKeyframes = descendants.flatMap((sequence) => {
+                var _a;
+                const overrideId = (_a = sequence.controls) === null || _a === void 0 ? void 0 : _a.overrideId;
+                const descendantNodePath = overrideId
+                    ? overrideIdsToNodePaths[overrideId]
+                    : undefined;
+                if (descendantNodePath === undefined) {
+                    return [];
+                }
+                const descendantNodePathKey = (0, studio_shared_1.stringifySequenceSubscriptionKey)(descendantNodePath);
+                if (includedKeyframeNodePaths.has(descendantNodePathKey)) {
+                    return [];
+                }
+                includedKeyframeNodePaths.add(descendantNodePathKey);
+                return [
+                    getKeyframedSequenceDragTargets({
+                        nodePath: descendantNodePath,
+                        sequence,
+                        propStatuses,
+                    }),
+                ];
             });
+            const effectKeyframes = descendantKeyframes.flatMap((descendant) => descendant.effectKeyframes);
+            const sequenceKeyframes = descendantKeyframes.flatMap((descendant) => descendant.sequenceKeyframes);
             targets.set(key, {
                 canSnapToTimelineStart: originalSequence.parent === null,
                 effectKeyframes,
@@ -558,9 +600,16 @@ const clearDurationDragOverrides = ({ clearDragOverrides, targets, }) => {
 const clearFromDragOverrides = ({ clearDragOverrides, clearEffectDragOverrides, targets, }) => {
     for (const target of targets) {
         clearDragOverrides(target.nodePath);
-        const effectIndexes = new Set(target.effectKeyframes.map((keyframe) => keyframe.effectIndex));
-        for (const effectIndex of effectIndexes) {
-            clearEffectDragOverrides(target.nodePath, effectIndex);
+        for (const keyframeTarget of target.sequenceKeyframes) {
+            clearDragOverrides(keyframeTarget.nodePath);
+        }
+        const effectIndexes = new Set(target.effectKeyframes.map((keyframe) => `${(0, studio_shared_1.stringifySequenceSubscriptionKey)(keyframe.nodePath)}:${keyframe.effectIndex}`));
+        for (const keyframeTarget of target.effectKeyframes) {
+            const key = `${(0, studio_shared_1.stringifySequenceSubscriptionKey)(keyframeTarget.nodePath)}:${keyframeTarget.effectIndex}`;
+            if (!effectIndexes.delete(key)) {
+                continue;
+            }
+            clearEffectDragOverrides(keyframeTarget.nodePath, keyframeTarget.effectIndex);
         }
     }
 };
@@ -729,9 +778,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') &&
@@ -916,7 +965,7 @@ const useTimelineSequenceFromDrag = ({ nodePathInfo, windowWidth, timelineDurati
                 });
                 latestRef.current.setDragOverrides(target.nodePath, 'from', remotion_1.Internals.makeStaticDragOverride(nextFrom));
                 for (const keyframeTarget of target.sequenceKeyframes) {
-                    latestRef.current.setDragOverrides(target.nodePath, keyframeTarget.fieldKey, {
+                    latestRef.current.setDragOverrides(keyframeTarget.nodePath, keyframeTarget.fieldKey, {
                         type: 'keyframed',
                         status: shiftKeyframedStatus({
                             status: keyframeTarget.status,
@@ -925,7 +974,7 @@ const useTimelineSequenceFromDrag = ({ nodePathInfo, windowWidth, timelineDurati
                     });
                 }
                 for (const keyframeTarget of target.effectKeyframes) {
-                    latestRef.current.setEffectDragOverrides(target.nodePath, keyframeTarget.effectIndex, keyframeTarget.fieldKey, {
+                    latestRef.current.setEffectDragOverrides(keyframeTarget.nodePath, keyframeTarget.effectIndex, keyframeTarget.fieldKey, {
                         type: 'keyframed',
                         status: shiftKeyframedStatus({
                             status: keyframeTarget.status,
@@ -953,9 +1002,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 +1185,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/TimelineTextContentField.js

@@ -102,6 +102,6 @@ const TimelineTextContentField = ({ effectiveValue, field, nodePath, onDragEnd,
             event.currentTarget.blur();
         }
     }, []);
-    return (jsx_runtime_1.jsx(RemTextarea_1.RemTextarea, { ref: setInputRef, status: "ok", small: true, defaultValue: currentValue, onBlur: commitPending, onChange: onChange, onKeyDownCapture: onKeyDownCapture, style: textAreaStyle }, String((_a = propStatus.codeValue) !== null && _a !== void 0 ? _a : '')));
+    return (jsx_runtime_1.jsx(RemTextarea_1.RemTextarea, { ref: setInputRef, status: "ok", small: true, defaultValue: currentValue, onBlur: commitPending, onChange: onChange, onDoubleClick: (event) => event.stopPropagation(), onKeyDownCapture: onKeyDownCapture, style: textAreaStyle }, String((_a = propStatus.codeValue) !== null && _a !== void 0 ? _a : '')));
 };
 exports.TimelineTextContentField = TimelineTextContentField;

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,
@@ -61,6 +62,7 @@ const getSequenceContextMenuItems = ({ assetLinkInfo, canOpenInEditor, deleteDis
                     (0, NotificationCenter_1.showNotification)(`Could not open file: ${err.message}`, 2000);
                 });
             },
+            onOpenInGitClient: () => undefined,
             onOpenInTerminal: null,
         })
         : [];

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/split-selected-timeline-item.d.ts

@@ -8,7 +8,6 @@ export type SplitTimelineSequenceEligibility = {
     canSplit: false;
     reason: string;
 };
-export declare const getTimelineSequenceSplitUnsupportedReason: (componentName: string | null | undefined) => string | null;
 export declare const getTimelineSequenceSplitEligibility: ({ selection, sequence, splitFrame, propStatuses, }: {
     selection: TimelineSelection;
     sequence: TSequence | null;