@remotion/studio 4.0.526 → 4.0.528

package/dist/components/WebMcp.js

@@ -476,6 +476,7 @@ const WebMcp = () => {
                         model: model.name,
                         noRepeatNgramSize,
                         outName: outputPath,
+                        target: null,
                         repetitionPenalty,
                         requestInit: null,
                         src,
@@ -488,9 +489,9 @@ const WebMcp = () => {
                 },
             }, { signal: controller.signal }),
             modelContext.registerTool({
-                name: 'separate_video_layers',
-                title: 'Separate Studio video layers',
-                description: 'Separate a video asset from the public folder into background and foreground WebM files and add the work to the Jobs queue. If assetPath is omitted, the asset currently open in Studio is used.',
+                name: 'remove_video_background',
+                title: 'Remove video background',
+                description: 'Remove the background from a video asset in the public folder and add the work to the Jobs queue. If assetPath is omitted, the asset currently open in Studio is used.',
                 inputSchema: {
                     type: 'object',
                     properties: {
@@ -498,13 +499,9 @@ const WebMcp = () => {
                             type: 'string',
                             description: 'Optional path relative to public/. Defaults to the asset currently open in Studio.',
                         },
-                        baseOutputPath: {
-                            type: 'string',
-                            description: 'Optional background output path relative to public/.',
-                        },
-                        foregroundOutputPath: {
+                        outputPath: {
                             type: 'string',
-                            description: 'Optional foreground output path relative to public/.',
+                            description: 'Optional transparent video output path relative to public/.',
                         },
                         model: {
                             type: 'string',
@@ -512,8 +509,8 @@ const WebMcp = () => {
                         },
                         audio: {
                             type: 'string',
-                            enum: ['base', 'foreground', 'both', 'none'],
-                            default: 'base',
+                            enum: ['keep', 'none'],
+                            default: 'keep',
                         },
                         videoBitrate: {
                             oneOf: [
@@ -531,7 +528,7 @@ const WebMcp = () => {
                 annotations: { readOnlyHint: false },
                 execute: async (input) => {
                     var _a;
-                    var _b, _c, _d, _e, _f, _g, _h;
+                    var _b, _c, _d, _e, _f;
                     if (!(0, OptionalPackageModal_1.isOptionalPackageInstalled)(video_matting_capability_1.VIDEO_MATTING_PACKAGE)) {
                         return missingOptionalPackageResult(video_matting_capability_1.VIDEO_MATTING_PACKAGE);
                     }
@@ -541,7 +538,7 @@ const WebMcp = () => {
                         staticFiles: staticFilesRef.current,
                     });
                     if ((0, get_preview_file_type_1.getPreviewFileType)(assetPath) !== 'video') {
-                        throw new Error('The separation asset must be a video.');
+                        throw new Error('The input asset must be a video.');
                     }
                     const videoMatting = await Promise.resolve().then(() => __importStar(require('@remotion/video-matting')));
                     const modelName = (_b = input.model) !== null && _b !== void 0 ? _b : 'ben2-base';
@@ -554,12 +551,9 @@ const WebMcp = () => {
                     if (!model) {
                         throw new Error(`Unknown video matting model: ${modelName}.`);
                     }
-                    const audio = (_c = input.audio) !== null && _c !== void 0 ? _c : 'base';
-                    if (audio !== 'base' &&
-                        audio !== 'foreground' &&
-                        audio !== 'both' &&
-                        audio !== 'none') {
-                        throw new Error('audio must be base, foreground, both, or none.');
+                    const audio = (_c = input.audio) !== null && _c !== void 0 ? _c : 'keep';
+                    if (audio !== 'keep' && audio !== 'none') {
+                        throw new Error('audio must be keep or none.');
                     }
                     const videoBitrate = (_d = input.videoBitrate) !== null && _d !== void 0 ? _d : 'very-high';
                     if ((typeof videoBitrate !== 'number' ||
@@ -575,39 +569,28 @@ const WebMcp = () => {
                     const src = (0, remotion_1.staticFile)(assetPath);
                     const displayName = (_e = assetPath.split('/').at(-1)) !== null && _e !== void 0 ? _e : assetPath;
                     const baseName = (0, public_output_name_1.getDefaultOutputBaseName)(src, displayName, 'video');
-                    const baseOutputPath = (_f = input.baseOutputPath) !== null && _f !== void 0 ? _f : `${baseName}-base.webm`;
-                    const foregroundOutputPath = (_g = input.foregroundOutputPath) !== null && _g !== void 0 ? _g : `${baseName}-foreground.webm`;
-                    if (typeof baseOutputPath !== 'string' ||
-                        typeof foregroundOutputPath !== 'string') {
-                        throw new Error('Output paths must be strings.');
+                    const outputPath = (_f = input.outputPath) !== null && _f !== void 0 ? _f : `${baseName}-no-background.webm`;
+                    if (typeof outputPath !== 'string') {
+                        throw new Error('Output path must be a string.');
                     }
-                    const baseError = (0, public_output_name_1.validatePublicOutputName)({
-                        extension: '.webm',
-                        outName: baseOutputPath,
-                    });
-                    const foregroundError = (0, public_output_name_1.validatePublicOutputName)({
+                    const outputError = (0, public_output_name_1.validatePublicOutputName)({
                         extension: '.webm',
-                        outName: foregroundOutputPath,
+                        outName: outputPath,
                     });
-                    if (baseError !== null || foregroundError !== null) {
-                        throw new Error((_h = baseError !== null && baseError !== void 0 ? baseError : foregroundError) !== null && _h !== void 0 ? _h : 'Invalid output path.');
-                    }
-                    if (baseOutputPath.normalize('NFC').toLowerCase() ===
-                        foregroundOutputPath.normalize('NFC').toLowerCase()) {
-                        throw new Error('Background and foreground outputs must be different.');
+                    if (outputError !== null) {
+                        throw new Error(outputError);
                     }
                     const jobId = addVideoMattingJob({
                         audio,
-                        baseOutName: baseOutputPath,
                         displayName,
-                        foregroundOutName: foregroundOutputPath,
+                        outName: outputPath,
                         model,
                         src,
+                        target: null,
                         videoBitrate,
                     });
                     return {
-                        baseOutputPath,
-                        foregroundOutputPath,
+                        outputPath,
                         jobId,
                         success: true,
                     };

package/dist/components/composition-drop-preview.d.ts

@@ -1,5 +1,7 @@
 import type { PreviewSize } from 'remotion';
+import type { Guide } from '../state/editor-guides';
 import { type InsertElementDropPosition } from './import-assets';
+import { type SelectedOutlineSnapPoint } from './selected-outline-snap';
 type Dimensions = {
     readonly width: number;
     readonly height: number;
@@ -11,6 +13,7 @@ type CanvasSize = {
 export type CompositionDropPreview = {
     readonly compositionDimensions: Dimensions;
     readonly dropPosition: InsertElementDropPosition;
+    readonly snapPoints: readonly SelectedOutlineSnapPoint[];
 };
 export type CompositionDropPreviewBox = {
     readonly left: number;
@@ -18,12 +21,16 @@ export type CompositionDropPreviewBox = {
     readonly width: number;
     readonly height: number;
 };
-export declare const snapCompositionDropPosition: ({ compositionDimensions, destinationDimensions, dropPosition, scale, }: {
+export declare const snapCompositionDropPosition: ({ compositionDimensions, destinationDimensions, dropPosition, guides, scale, }: {
     readonly compositionDimensions: Dimensions;
     readonly destinationDimensions: Dimensions;
     readonly dropPosition: InsertElementDropPosition;
+    readonly guides: readonly Guide[];
     readonly scale: number;
-}) => InsertElementDropPosition;
+}) => {
+    readonly dropPosition: InsertElementDropPosition;
+    readonly snapPoints: readonly SelectedOutlineSnapPoint[];
+};
 export declare const getCompositionDropPreviewBox: ({ canvasSize, destinationDimensions, preview, previewSize, }: {
     readonly canvasSize: CanvasSize;
     readonly destinationDimensions: Dimensions;

package/dist/components/composition-drop-preview.js

@@ -4,7 +4,7 @@ exports.getCompositionDropPreviewBox = exports.snapCompositionDropPosition = voi
 const studio_fit_padding_1 = require("../helpers/studio-fit-padding");
 const import_assets_1 = require("./import-assets");
 const selected_outline_snap_1 = require("./selected-outline-snap");
-const snapCompositionDropPosition = ({ compositionDimensions, destinationDimensions, dropPosition, scale, }) => {
+const snapCompositionDropPosition = ({ compositionDimensions, destinationDimensions, dropPosition, guides, scale, }) => {
     var _a, _b;
     const left = dropPosition.centerX - compositionDimensions.width / 2;
     const top = dropPosition.centerY - compositionDimensions.height / 2;
@@ -14,6 +14,7 @@ const snapCompositionDropPosition = ({ compositionDimensions, destinationDimensi
         key: 'composition-drop-preview',
         dimensions: compositionDimensions,
         uncroppedPoints: null,
+        path: null,
         points: [
             { x: left * scale, y: top * scale },
             { x: right * scale, y: top * scale },
@@ -31,12 +32,15 @@ const snapCompositionDropPosition = ({ compositionDimensions, destinationDimensi
         targets: (0, selected_outline_snap_1.getSelectedOutlineSnapTargets)({
             compositionHeight: destinationDimensions.height,
             compositionWidth: destinationDimensions.width,
-            guides: [],
+            guides,
         }),
     });
     return {
-        centerX: dropPosition.centerX + ((_a = snap.snapOffsetX) !== null && _a !== void 0 ? _a : 0),
-        centerY: dropPosition.centerY + ((_b = snap.snapOffsetY) !== null && _b !== void 0 ? _b : 0),
+        dropPosition: {
+            centerX: dropPosition.centerX + ((_a = snap.snapOffsetX) !== null && _a !== void 0 ? _a : 0),
+            centerY: dropPosition.centerY + ((_b = snap.snapOffsetY) !== null && _b !== void 0 ? _b : 0),
+        },
+        snapPoints: snap.activeSnapPoints,
     };
 };
 exports.snapCompositionDropPosition = snapCompositionDropPosition;

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

@@ -176,7 +176,7 @@ const getCompositionMenuItems = ({ composition, connectionStatus, resolvedLocati
                         (0, get_git_menu_item_1.openGitSource)({ folder: false, location: resolvedLocation });
                     }
                 },
-                quickSwitcherLabel: `Open composition in ${defaultOpenInName}`,
+                quickSwitcherLabel: `Composition: Open in ${defaultOpenInName}`,
                 subMenu: null,
                 type: 'item',
                 value: defaultOpenInTarget === 'editor'
@@ -194,7 +194,7 @@ const getCompositionMenuItems = ({ composition, connectionStatus, resolvedLocati
                 label: 'Open composition in...',
                 leftItem: null,
                 onClick: () => undefined,
-                quickSwitcherLabel: null,
+                quickSwitcherLabel: 'Composition',
                 subMenu: {
                     items: compositionOpenInMenuItems,
                     leaveLeftSpace: true,
@@ -220,7 +220,7 @@ const getCompositionMenuItems = ({ composition, connectionStatus, resolvedLocati
                         openComponentInGitSource().catch(() => undefined);
                     }
                 },
-                quickSwitcherLabel: `Open composition component in ${defaultOpenInName}`,
+                quickSwitcherLabel: `Component: Open in ${defaultOpenInName}`,
                 subMenu: null,
                 type: 'item',
                 value: defaultOpenInTarget === 'editor'
@@ -238,7 +238,7 @@ const getCompositionMenuItems = ({ composition, connectionStatus, resolvedLocati
                 label: 'Open component in...',
                 leftItem: null,
                 onClick: () => undefined,
-                quickSwitcherLabel: null,
+                quickSwitcherLabel: 'Component',
                 subMenu: {
                     items: componentOpenInMenuItems,
                     leaveLeftSpace: true,

package/dist/components/delete-jsx-nodes-api.d.ts

@@ -0,0 +1,2 @@
+import type { DeleteJsxNodesRequest, DeleteJsxNodesResponse } from '@remotion/studio-shared';
+export declare const deleteJsxNodes: (request: DeleteJsxNodesRequest) => Promise<DeleteJsxNodesResponse>;

package/dist/components/{delete-jsx-node-api.js → delete-jsx-nodes-api.js}

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.deleteJsxNode = void 0;
+exports.deleteJsxNodes = void 0;
 const browser_studio_operations_1 = require("../helpers/browser-studio-operations");
 const call_api_1 = require("./call-api");
-const deleteJsxNode = (request) => {
+const deleteJsxNodes = (request) => {
     const browserStudioOperations = (0, browser_studio_operations_1.getBrowserStudioOperations)();
     return browserStudioOperations
-        ? browserStudioOperations.deleteJsxNode(request)
-        : (0, call_api_1.callApi)('/api/delete-jsx-node', request);
+        ? browserStudioOperations.deleteJsxNodes(request)
+        : (0, call_api_1.callApi)('/api/delete-jsx-nodes', request);
 };
-exports.deleteJsxNode = deleteJsxNode;
+exports.deleteJsxNodes = deleteJsxNodes;

package/dist/components/effect-drag-and-drop.d.ts

@@ -1,18 +1,26 @@
 import { type EffectDragData } from '@remotion/studio-protocol';
 import { type EffectDefinition } from '@remotion/studio-shared';
-import type { SequencePropsSubscriptionKey } from 'remotion';
+import type { SequenceNodePathInfo } from '../helpers/get-timeline-sequence-sort-key';
 export declare const hasEffectDragType: (dataTransfer: DataTransfer) => boolean;
 export declare const hasExplicitEffectDragType: (dataTransfer: DataTransfer) => boolean;
 export declare const getEffectDragData: (dataTransfer: DataTransfer) => EffectDragData | null;
-export declare const addEffectFromDragData: ({ clientId, dragData, fileName, nodePath, }: {
+export declare const addEffectFromDragData: ({ clientId, dragData, fileName, nodePathInfo, selectItems, }: {
     readonly clientId: string;
     readonly dragData: EffectDragData;
     readonly fileName: string;
-    readonly nodePath: SequencePropsSubscriptionKey;
+    readonly nodePathInfo: SequenceNodePathInfo;
+    readonly selectItems: (items: readonly import("@remotion/canvas").CanvasSelectionItem[], options?: {
+        readonly reveal?: boolean | undefined;
+        readonly revealInInspector?: boolean | undefined;
+    } | undefined) => void;
 }) => Promise<void>;
-export declare const addEffectToSequence: ({ clientId, effect, fileName, nodePath, }: {
+export declare const addEffectToSequence: ({ clientId, effect, fileName, nodePathInfo, selectItems, }: {
     readonly clientId: string;
     readonly effect: EffectDefinition;
     readonly fileName: string;
-    readonly nodePath: SequencePropsSubscriptionKey;
+    readonly nodePathInfo: SequenceNodePathInfo;
+    readonly selectItems: (items: readonly import("@remotion/canvas").CanvasSelectionItem[], options?: {
+        readonly reveal?: boolean | undefined;
+        readonly revealInInspector?: boolean | undefined;
+    } | undefined) => void;
 }) => Promise<void>;

package/dist/components/effect-drag-and-drop.js

@@ -22,16 +22,17 @@ const getEffectDragData = (dataTransfer) => {
     return (parsed === null || parsed === void 0 ? void 0 : parsed.type) === 'effect' ? parsed.data : null;
 };
 exports.getEffectDragData = getEffectDragData;
-const addEffectFromDragData = ({ clientId, dragData, fileName, nodePath, }) => {
+const addEffectFromDragData = ({ clientId, dragData, fileName, nodePathInfo, selectItems, }) => {
     return (0, exports.addEffectToSequence)({
         clientId,
         effect: dragData.effect,
         fileName,
-        nodePath,
+        nodePathInfo,
+        selectItems,
     });
 };
 exports.addEffectFromDragData = addEffectFromDragData;
-const addEffectToSequence = async ({ clientId, effect, fileName, nodePath, }) => {
+const addEffectToSequence = async ({ clientId, effect, fileName, nodePathInfo, selectItems, }) => {
     try {
         const requiredPackage = (0, studio_shared_1.getRequiredPackageForEffectImportPath)(effect.importPath);
         if ((0, browser_studio_operations_1.getBrowserStudioEffectOperations)() === null) {
@@ -39,7 +40,7 @@ const addEffectToSequence = async ({ clientId, effect, fileName, nodePath, }) =>
         }
         const result = await (0, effect_operations_api_1.addEffect)({
             fileName,
-            sequenceNodePath: nodePath,
+            sequenceNodePath: nodePathInfo.sequenceSubscriptionKey,
             effectName: effect.name,
             effectImportPath: effect.importPath,
             effectConfig: effect.config,
@@ -47,7 +48,21 @@ const addEffectToSequence = async ({ clientId, effect, fileName, nodePath, }) =>
         });
         if (!result.success) {
             (0, NotificationCenter_1.showNotification)(result.reason, 4000);
+            return;
         }
+        selectItems([
+            {
+                type: 'sequence-effect',
+                nodePathInfo: {
+                    ...nodePathInfo,
+                    sequenceSubscriptionKey: {
+                        ...nodePathInfo.sequenceSubscriptionKey,
+                        nodePath: result.insertedEffect.nodePath,
+                    },
+                },
+                i: result.insertedEffect.effectIndex,
+            },
+        ], { revealInInspector: true });
     }
     catch (err) {
         (0, NotificationCenter_1.showNotification)(err.message, 4000);

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

@@ -4,7 +4,7 @@ export declare const getConfigureDefaultAppsMenuItems: ({ hasPreviousItems, onCo
     readonly hasPreviousItems: boolean;
     readonly onConfigureApps: (() => void) | null;
 }) => ComboboxValue[];
-export declare const getOpenInMenuItems: ({ canOpenDesktopApps, codingAgentInfo, editorDisabled, editorInfo, excludeCodingAgentId, excludeEditorId, excludeGitSource, fileManagerDisabled, folder, gitSourceDisabled, onConfigureApps, onOpenInCodingAgent, onOpenInEditor, onOpenInFileExplorer, onOpenInGitClient, onOpenInGitSource, onOpenInTerminal, }: {
+export declare const getOpenInMenuItems: ({ canOpenDesktopApps, codingAgentInfo, editorDisabled, editorInfo, excludeCodingAgentId, excludeEditorId, excludeGitSource, fileManagerDisabled, folder, gitSourceDisabled, onConfigureApps, onCopyPath, onOpenInCodingAgent, onOpenInEditor, onOpenInFileExplorer, onOpenInGitClient, onOpenInGitSource, onOpenInTerminal, }: {
     readonly canOpenDesktopApps: boolean;
     readonly codingAgentInfo: GetDefaultCodingAgentInfoResponse | null;
     readonly editorDisabled: boolean;
@@ -16,6 +16,7 @@ export declare const getOpenInMenuItems: ({ canOpenDesktopApps, codingAgentInfo,
     readonly folder: boolean;
     readonly gitSourceDisabled: boolean;
     readonly onConfigureApps: (() => void) | null;
+    readonly onCopyPath?: (() => void) | undefined;
     readonly onOpenInCodingAgent: (codingAgentId: "claude-code" | "codex" | "copilot" | "cursor", codingAgentName: string) => void;
     readonly onOpenInEditor: (editorId: EditorPickerId) => void;
     readonly onOpenInFileExplorer: () => void;

package/dist/components/get-open-in-menu-items.js

@@ -3,7 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getOpenInMenuItems = exports.getConfigureDefaultAppsMenuItems = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const no_react_1 = require("remotion/no-react");
+const colors_1 = require("../helpers/colors");
 const get_file_manager_name_1 = require("../helpers/get-file-manager-name");
+const clipboard_1 = require("../icons/clipboard");
 const editor_1 = require("../icons/editor");
 const finder_1 = require("../icons/finder");
 const git_client_1 = require("../icons/git-client");
@@ -16,6 +18,7 @@ const menuLabel = {
     fontSize: 13,
     lineHeight: '16px',
 };
+const copyIcon = { height: 16, width: 16 };
 const getConfigureDefaultAppsMenuItems = ({ hasPreviousItems, onConfigureApps, }) => {
     if (!onConfigureApps) {
         return [];
@@ -30,7 +33,7 @@ const getConfigureDefaultAppsMenuItems = ({ hasPreviousItems, onConfigureApps, }
             label: jsx_runtime_1.jsx("span", { style: menuLabel, children: "Configure default apps..." }),
             leftItem: null,
             onClick: onConfigureApps,
-            quickSwitcherLabel: null,
+            quickSwitcherLabel: 'Configure default apps...',
             subMenu: null,
             type: 'item',
             value: 'change-default-apps',
@@ -38,7 +41,7 @@ const getConfigureDefaultAppsMenuItems = ({ hasPreviousItems, onConfigureApps, }
     ];
 };
 exports.getConfigureDefaultAppsMenuItems = getConfigureDefaultAppsMenuItems;
-const getOpenInMenuItems = ({ canOpenDesktopApps, codingAgentInfo, editorDisabled, editorInfo, excludeCodingAgentId, excludeEditorId, excludeGitSource, fileManagerDisabled, folder, gitSourceDisabled, onConfigureApps, onOpenInCodingAgent, onOpenInEditor, onOpenInFileExplorer, onOpenInGitClient, onOpenInGitSource, onOpenInTerminal, }) => {
+const getOpenInMenuItems = ({ canOpenDesktopApps, codingAgentInfo, editorDisabled, editorInfo, excludeCodingAgentId, excludeEditorId, excludeGitSource, fileManagerDisabled, folder, gitSourceDisabled, onConfigureApps, onCopyPath, onOpenInCodingAgent, onOpenInEditor, onOpenInFileExplorer, onOpenInGitClient, onOpenInGitSource, onOpenInTerminal, }) => {
     var _a, _b, _c, _d;
     const showFinder = canOpenDesktopApps && window.remotion_fileSystemPlatform === 'darwin';
     const fileManagerName = (0, get_file_manager_name_1.getFileManagerName)(window.remotion_fileSystemPlatform);
@@ -55,7 +58,7 @@ const getOpenInMenuItems = ({ canOpenDesktopApps, codingAgentInfo, editorDisable
                 onOpenInEditor(editor.id);
             }
         },
-        quickSwitcherLabel: null,
+        quickSwitcherLabel: `Open in ${editor.name}`,
         subMenu: null,
         type: 'item',
         value: editor.id,
@@ -68,7 +71,7 @@ const getOpenInMenuItems = ({ canOpenDesktopApps, codingAgentInfo, editorDisable
         label: jsx_runtime_1.jsx("span", { style: menuLabel, children: codingAgent.name }),
         leftItem: jsx_runtime_1.jsx(CodingAgentIcon_1.CodingAgentIcon, { codingAgentId: codingAgent.id, size: 18 }),
         onClick: () => onOpenInCodingAgent(codingAgent.id, codingAgent.nameWithType),
-        quickSwitcherLabel: null,
+        quickSwitcherLabel: `Open in ${codingAgent.nameWithType}`,
         subMenu: null,
         type: 'item',
         value: `coding-agent-${codingAgent.id}`,
@@ -91,7 +94,7 @@ const getOpenInMenuItems = ({ canOpenDesktopApps, codingAgentInfo, editorDisable
                     onOpenInGitSource();
                 }
             },
-            quickSwitcherLabel: null,
+            quickSwitcherLabel: 'Open in GitHub.com',
             subMenu: null,
             type: 'item',
             value: 'github',
@@ -111,12 +114,25 @@ const getOpenInMenuItems = ({ canOpenDesktopApps, codingAgentInfo, editorDisable
                         onOpenInFileExplorer();
                     }
                 },
-                quickSwitcherLabel: null,
+                quickSwitcherLabel: `Open in ${fileManagerName}`,
                 subMenu: null,
                 type: 'item',
                 value: 'file-explorer',
             }
             : null,
+        onCopyPath
+            ? {
+                id: 'copy-path',
+                keyHint: null,
+                label: jsx_runtime_1.jsx("span", { style: menuLabel, children: "Copy path" }),
+                leftItem: jsx_runtime_1.jsx(clipboard_1.ClipboardIcon, { color: colors_1.LIGHT_TEXT, style: copyIcon }),
+                onClick: onCopyPath,
+                quickSwitcherLabel: 'Copy path',
+                subMenu: null,
+                type: 'item',
+                value: 'copy-path',
+            }
+            : null,
     ].filter(no_react_1.NoReactInternals.truthy);
     const hasCategorizedApps = editors.length > 0 ||
         codingAgents.length > 0 ||
@@ -156,7 +172,7 @@ const getOpenInMenuItems = ({ canOpenDesktopApps, codingAgentInfo, editorDisable
                     label: jsx_runtime_1.jsx("span", { style: menuLabel, children: terminal.name }),
                     leftItem: jsx_runtime_1.jsx(terminal_1.TerminalIcon, { terminalId: terminal.id, size: 18 }),
                     onClick: () => onOpenInTerminal === null || onOpenInTerminal === void 0 ? void 0 : onOpenInTerminal(terminal.id),
-                    quickSwitcherLabel: null,
+                    quickSwitcherLabel: `Open in ${terminal.name}`,
                     subMenu: null,
                     type: 'item',
                     value: `terminal-${terminal.id}`,
@@ -176,7 +192,7 @@ const getOpenInMenuItems = ({ canOpenDesktopApps, codingAgentInfo, editorDisable
                     label: jsx_runtime_1.jsx("span", { style: menuLabel, children: gitClient.name }),
                     leftItem: jsx_runtime_1.jsx(git_client_1.GitClientIcon, { gitClientId: gitClient.id, size: 18 }),
                     onClick: () => onOpenInGitClient(gitClient.id),
-                    quickSwitcherLabel: null,
+                    quickSwitcherLabel: `Open in ${gitClient.name}`,
                     subMenu: null,
                     type: 'item',
                     value: `git-client-${gitClient.id}`,

package/dist/components/keyboard-shortcuts.d.ts

@@ -12,15 +12,15 @@ export type KeyboardShortcutGroup = {
 export declare const defaultKeyboardShortcuts: Record<StudioKeyboardShortcutAction, readonly StudioKeyboardShortcut[]>;
 export declare const keyboardShortcutGroups: readonly KeyboardShortcutGroup[];
 export declare const askAIKeyboardShortcutGroup: KeyboardShortcutGroup;
-export declare const getKeyboardShortcutsForAction: (action: "askAI" | "clearInOutPoints" | "copyEffectsAndValues" | "cutEffects" | "deleteSelection" | "duplicateSequences" | "enterFullscreen" | "goToFrame" | "jumpToBeginning" | "jumpToEnd" | "nextComposition" | "pauseAndReturnToPlaybackStart" | "pausePlayback" | "pickColor" | "playForward" | "playPause" | "previousComposition" | "quickSwitcher" | "redo" | "render" | "resetZoom" | "reversePlayback" | "selectAllSequenceRows" | "selectOpacityProp" | "selectRotateProp" | "selectScaleProp" | "selectTranslateProp" | "setInPoint" | "setOutPoint" | "showKeyboardShortcuts" | "toggleBothSidebars" | "toggleCheckerboard" | "toggleLeftSidebar" | "toggleLoop" | "toggleMute" | "toggleOutlines" | "toggleRightSidebar" | "toggleRulersAndGuides" | "toggleSnapping" | "undo" | "zoomIn" | "zoomOut", configured?: Partial<Record<"askAI" | "clearInOutPoints" | "copyEffectsAndValues" | "cutEffects" | "deleteSelection" | "duplicateSequences" | "enterFullscreen" | "goToFrame" | "jumpToBeginning" | "jumpToEnd" | "nextComposition" | "pauseAndReturnToPlaybackStart" | "pausePlayback" | "pickColor" | "playForward" | "playPause" | "previousComposition" | "quickSwitcher" | "redo" | "render" | "resetZoom" | "reversePlayback" | "selectAllSequenceRows" | "selectOpacityProp" | "selectRotateProp" | "selectScaleProp" | "selectTranslateProp" | "setInPoint" | "setOutPoint" | "showKeyboardShortcuts" | "toggleBothSidebars" | "toggleCheckerboard" | "toggleLeftSidebar" | "toggleLoop" | "toggleMute" | "toggleOutlines" | "toggleRightSidebar" | "toggleRulersAndGuides" | "toggleSnapping" | "undo" | "zoomIn" | "zoomOut", StudioKeyboardShortcutValue>> | null) => readonly StudioKeyboardShortcut[];
+export declare const getKeyboardShortcutsForAction: (action: "askAI" | "clearInOutPoints" | "copyEffectsAndValues" | "cutEffects" | "deleteSelection" | "duplicateSequences" | "enterFullscreen" | "goToFrame" | "jumpToBeginning" | "jumpToEnd" | "nextComposition" | "pauseAndReturnToPlaybackStart" | "pausePlayback" | "pickColor" | "playForward" | "playPause" | "previousComposition" | "quickSwitcher" | "redo" | "render" | "resetZoom" | "reversePlayback" | "selectAllSequenceRows" | "selectOpacityProp" | "selectRotateProp" | "selectScaleProp" | "selectTranslateProp" | "setInPoint" | "setOutPoint" | "showKeyboardShortcuts" | "splitSequences" | "toggleBothSidebars" | "toggleCheckerboard" | "toggleLeftSidebar" | "toggleLoop" | "toggleMute" | "toggleOutlines" | "toggleRightSidebar" | "toggleRulersAndGuides" | "toggleSnapping" | "undo" | "zoomIn" | "zoomOut", configured?: Partial<Record<"askAI" | "clearInOutPoints" | "copyEffectsAndValues" | "cutEffects" | "deleteSelection" | "duplicateSequences" | "enterFullscreen" | "goToFrame" | "jumpToBeginning" | "jumpToEnd" | "nextComposition" | "pauseAndReturnToPlaybackStart" | "pausePlayback" | "pickColor" | "playForward" | "playPause" | "previousComposition" | "quickSwitcher" | "redo" | "render" | "resetZoom" | "reversePlayback" | "selectAllSequenceRows" | "selectOpacityProp" | "selectRotateProp" | "selectScaleProp" | "selectTranslateProp" | "setInPoint" | "setOutPoint" | "showKeyboardShortcuts" | "splitSequences" | "toggleBothSidebars" | "toggleCheckerboard" | "toggleLeftSidebar" | "toggleLoop" | "toggleMute" | "toggleOutlines" | "toggleRightSidebar" | "toggleRulersAndGuides" | "toggleSnapping" | "undo" | "zoomIn" | "zoomOut", StudioKeyboardShortcutValue>> | null) => readonly StudioKeyboardShortcut[];
 export declare const keyboardEventMatchesShortcut: ({ event, shortcut: value, }: {
     readonly event: KeyboardEvent;
     readonly shortcut: StudioKeyboardShortcut;
 }) => boolean;
 export declare const keyboardShortcutsOverlap: (first: StudioKeyboardShortcut, second: StudioKeyboardShortcut) => boolean;
-export declare const keyboardEventMatchesAction: (event: KeyboardEvent, action: "askAI" | "clearInOutPoints" | "copyEffectsAndValues" | "cutEffects" | "deleteSelection" | "duplicateSequences" | "enterFullscreen" | "goToFrame" | "jumpToBeginning" | "jumpToEnd" | "nextComposition" | "pauseAndReturnToPlaybackStart" | "pausePlayback" | "pickColor" | "playForward" | "playPause" | "previousComposition" | "quickSwitcher" | "redo" | "render" | "resetZoom" | "reversePlayback" | "selectAllSequenceRows" | "selectOpacityProp" | "selectRotateProp" | "selectScaleProp" | "selectTranslateProp" | "setInPoint" | "setOutPoint" | "showKeyboardShortcuts" | "toggleBothSidebars" | "toggleCheckerboard" | "toggleLeftSidebar" | "toggleLoop" | "toggleMute" | "toggleOutlines" | "toggleRightSidebar" | "toggleRulersAndGuides" | "toggleSnapping" | "undo" | "zoomIn" | "zoomOut") => boolean;
+export declare const keyboardEventMatchesAction: (event: KeyboardEvent, action: "askAI" | "clearInOutPoints" | "copyEffectsAndValues" | "cutEffects" | "deleteSelection" | "duplicateSequences" | "enterFullscreen" | "goToFrame" | "jumpToBeginning" | "jumpToEnd" | "nextComposition" | "pauseAndReturnToPlaybackStart" | "pausePlayback" | "pickColor" | "playForward" | "playPause" | "previousComposition" | "quickSwitcher" | "redo" | "render" | "resetZoom" | "reversePlayback" | "selectAllSequenceRows" | "selectOpacityProp" | "selectRotateProp" | "selectScaleProp" | "selectTranslateProp" | "setInPoint" | "setOutPoint" | "showKeyboardShortcuts" | "splitSequences" | "toggleBothSidebars" | "toggleCheckerboard" | "toggleLeftSidebar" | "toggleLoop" | "toggleMute" | "toggleOutlines" | "toggleRightSidebar" | "toggleRulersAndGuides" | "toggleSnapping" | "undo" | "zoomIn" | "zoomOut") => boolean;
 export declare const formatKeyboardShortcut: (value: StudioKeyboardShortcut) => readonly string[];
 export declare const formatKeyboardShortcutForAria: (value: StudioKeyboardShortcut) => string;
-export declare const getKeyboardShortcutLabel: (action: "askAI" | "clearInOutPoints" | "copyEffectsAndValues" | "cutEffects" | "deleteSelection" | "duplicateSequences" | "enterFullscreen" | "goToFrame" | "jumpToBeginning" | "jumpToEnd" | "nextComposition" | "pauseAndReturnToPlaybackStart" | "pausePlayback" | "pickColor" | "playForward" | "playPause" | "previousComposition" | "quickSwitcher" | "redo" | "render" | "resetZoom" | "reversePlayback" | "selectAllSequenceRows" | "selectOpacityProp" | "selectRotateProp" | "selectScaleProp" | "selectTranslateProp" | "setInPoint" | "setOutPoint" | "showKeyboardShortcuts" | "toggleBothSidebars" | "toggleCheckerboard" | "toggleLeftSidebar" | "toggleLoop" | "toggleMute" | "toggleOutlines" | "toggleRightSidebar" | "toggleRulersAndGuides" | "toggleSnapping" | "undo" | "zoomIn" | "zoomOut") => string;
-export declare const getKeyboardShortcutAriaKeyShortcuts: (action: "askAI" | "clearInOutPoints" | "copyEffectsAndValues" | "cutEffects" | "deleteSelection" | "duplicateSequences" | "enterFullscreen" | "goToFrame" | "jumpToBeginning" | "jumpToEnd" | "nextComposition" | "pauseAndReturnToPlaybackStart" | "pausePlayback" | "pickColor" | "playForward" | "playPause" | "previousComposition" | "quickSwitcher" | "redo" | "render" | "resetZoom" | "reversePlayback" | "selectAllSequenceRows" | "selectOpacityProp" | "selectRotateProp" | "selectScaleProp" | "selectTranslateProp" | "setInPoint" | "setOutPoint" | "showKeyboardShortcuts" | "toggleBothSidebars" | "toggleCheckerboard" | "toggleLeftSidebar" | "toggleLoop" | "toggleMute" | "toggleOutlines" | "toggleRightSidebar" | "toggleRulersAndGuides" | "toggleSnapping" | "undo" | "zoomIn" | "zoomOut") => string;
+export declare const getKeyboardShortcutLabel: (action: "askAI" | "clearInOutPoints" | "copyEffectsAndValues" | "cutEffects" | "deleteSelection" | "duplicateSequences" | "enterFullscreen" | "goToFrame" | "jumpToBeginning" | "jumpToEnd" | "nextComposition" | "pauseAndReturnToPlaybackStart" | "pausePlayback" | "pickColor" | "playForward" | "playPause" | "previousComposition" | "quickSwitcher" | "redo" | "render" | "resetZoom" | "reversePlayback" | "selectAllSequenceRows" | "selectOpacityProp" | "selectRotateProp" | "selectScaleProp" | "selectTranslateProp" | "setInPoint" | "setOutPoint" | "showKeyboardShortcuts" | "splitSequences" | "toggleBothSidebars" | "toggleCheckerboard" | "toggleLeftSidebar" | "toggleLoop" | "toggleMute" | "toggleOutlines" | "toggleRightSidebar" | "toggleRulersAndGuides" | "toggleSnapping" | "undo" | "zoomIn" | "zoomOut") => string;
+export declare const getKeyboardShortcutAriaKeyShortcuts: (action: "askAI" | "clearInOutPoints" | "copyEffectsAndValues" | "cutEffects" | "deleteSelection" | "duplicateSequences" | "enterFullscreen" | "goToFrame" | "jumpToBeginning" | "jumpToEnd" | "nextComposition" | "pauseAndReturnToPlaybackStart" | "pausePlayback" | "pickColor" | "playForward" | "playPause" | "previousComposition" | "quickSwitcher" | "redo" | "render" | "resetZoom" | "reversePlayback" | "selectAllSequenceRows" | "selectOpacityProp" | "selectRotateProp" | "selectScaleProp" | "selectTranslateProp" | "setInPoint" | "setOutPoint" | "showKeyboardShortcuts" | "splitSequences" | "toggleBothSidebars" | "toggleCheckerboard" | "toggleLeftSidebar" | "toggleLoop" | "toggleMute" | "toggleOutlines" | "toggleRightSidebar" | "toggleRulersAndGuides" | "toggleSnapping" | "undo" | "zoomIn" | "zoomOut") => string;
 export declare const shortcutFromKeyboardEvent: (event: KeyboardEvent) => StudioKeyboardShortcut | null;

package/dist/components/keyboard-shortcuts.js

@@ -45,7 +45,8 @@ exports.defaultKeyboardShortcuts = {
     selectOpacityProp: [{ key: 't' }],
     selectRotateProp: [{ key: 'r', shift: false }],
     selectScaleProp: [{ key: 's' }],
-    duplicateSequences: [{ key: 'd', commandOrControl: true }],
+    duplicateSequences: [{ key: 'd', commandOrControl: true, shift: false }],
+    splitSequences: [{ key: 'd', commandOrControl: true, shift: true }],
     copyEffectsAndValues: [{ key: 'c', commandOrControl: true }],
     cutEffects: [{ key: 'x', commandOrControl: true }],
     deleteSelection: [{ key: 'Backspace' }, { key: 'Delete' }],
@@ -136,6 +137,7 @@ exports.keyboardShortcutGroups = [
             shortcut('Select rotate prop', 'selectRotateProp'),
             shortcut('Select scale prop', 'selectScaleProp'),
             shortcut('Duplicate sequences', 'duplicateSequences'),
+            shortcut('Split sequences at playhead', 'splitSequences'),
             shortcut('Copy effects / values', 'copyEffectsAndValues'),
             shortcut('Cut effects', 'cutEffects'),
             fixedShortcut('Paste effects / values', [[is_mac_1.isMac ? '⌘' : 'Ctrl', 'V']], 'Handled by the browser clipboard event'),

package/dist/components/public-output-name.d.ts

@@ -1,3 +1,4 @@
+export declare const getMediaFileName: (src: string, displayName: string) => string;
 export declare const getDefaultOutputBaseName: (src: string, displayName: string, fallbackName: string) => string;
 export declare const validatePublicOutputName: ({ extension, outName, }: {
     extension: string;

package/dist/components/public-output-name.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.validatePublicOutputName = exports.getDefaultOutputBaseName = void 0;
+exports.validatePublicOutputName = exports.getDefaultOutputBaseName = exports.getMediaFileName = void 0;
 const invalidCharacters = ['?', '*', '+', ':', '%'];
-const getDefaultOutputBaseName = (src, displayName, fallbackName) => {
+const getMediaFileName = (src, displayName) => {
     var _a;
     let pathname = displayName;
     if (!/^(data|blob):/i.test(src.trimStart())) {
@@ -24,7 +24,11 @@ const getDefaultOutputBaseName = (src, displayName, fallbackName) => {
     catch (_c) {
         // Keep the encoded name if it contains an invalid escape sequence.
     }
-    return (decoded
+    return decoded;
+};
+exports.getMediaFileName = getMediaFileName;
+const getDefaultOutputBaseName = (src, displayName, fallbackName) => {
+    return ((0, exports.getMediaFileName)(src, displayName)
         .replace(/\.[^/.]+$/, '')
         .replace(/[^a-zA-Z0-9-_ ]/g, '-')
         .trim()

package/dist/components/selected-outline-drag.d.ts

@@ -198,12 +198,7 @@ export declare const snapSelectedOutlineUv: ({ point, points, thresholdPx, uv, }
 }) => UvCoordinate;
 export declare const selectedOutlineTransformOriginSnapThresholdPx = 10;
 export declare const snapSelectedOutlineTransformOriginUv: ({ crop, point, points, thresholdPx, uv, }: {
-    readonly crop: {
-        readonly left: number;
-        readonly right: number;
-        readonly top: number;
-        readonly bottom: number;
-    } | null;
+    readonly crop: import("@remotion/canvas").CanvasOutlineCrop | null;
     readonly point: OutlinePoint;
     readonly points: readonly [OutlinePoint, OutlinePoint, OutlinePoint, OutlinePoint];
     readonly thresholdPx: number | null;