@remotion/studio 4.0.525 → 4.0.527

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

@@ -5,10 +5,13 @@ const no_react_1 = require("remotion/no-react");
 const format_file_location_1 = require("../helpers/format-file-location");
 const get_git_menu_item_1 = require("../helpers/get-git-menu-item");
 const open_in_editor_1 = require("../helpers/open-in-editor");
+const get_open_in_menu_items_1 = require("./get-open-in-menu-items");
 const NotificationCenter_1 = require("./Notifications/NotificationCenter");
 const open_in_new_window_1 = require("./open-in-new-window");
-const getCompositionMenuItems = ({ composition, connectionStatus, resolvedLocation, setSelectedModal, closeMenu, readOnlyStudio, includeCompositionManagementItems, editorId, editorName, }) => {
+const actions_1 = require("./RenderQueue/actions");
+const getCompositionMenuItems = ({ composition, connectionStatus, resolvedLocation, setSelectedModal, closeMenu, readOnlyStudio, includeCompositionManagementItems, openInApps, }) => {
     var _a;
+    const { canOpenDesktopApps, canOpenInEditor, codingAgentInfo, defaultEditorId, defaultEditorName, editorInfo, onConfigureApps, } = openInApps;
     const fileLocation = (0, format_file_location_1.formatFileLocation)({
         location: resolvedLocation,
         root: window.remotion_cwd,
@@ -18,121 +21,234 @@ const getCompositionMenuItems = ({ composition, connectionStatus, resolvedLocati
         name: (_a = composition === null || composition === void 0 ? void 0 : composition.id) !== null && _a !== void 0 ? _a : null,
         root: window.remotion_cwd,
     });
-    const showInEditorDisabled = !editorId ||
-        !composition ||
-        connectionStatus !== 'connected' ||
-        !resolvedLocation;
-    const openComponentInEditorDisabled = showInEditorDisabled || !(resolvedLocation === null || resolvedLocation === void 0 ? void 0 : resolvedLocation.source);
+    const openCompositionInEditorDisabled = !defaultEditorId || !composition || !canOpenInEditor || !resolvedLocation;
+    const openComponentInEditorDisabled = openCompositionInEditorDisabled || !(resolvedLocation === null || resolvedLocation === void 0 ? void 0 : resolvedLocation.source);
     const gitSourceName = window.remotion_gitSource
         ? (0, get_git_menu_item_1.getGitSourceName)(window.remotion_gitSource)
         : null;
+    const defaultOpenInTarget = (0, get_git_menu_item_1.getDefaultOpenInTarget)({ canOpenInEditor });
+    const defaultOpenInName = defaultOpenInTarget === 'editor' ? defaultEditorName : gitSourceName;
     const openCompositionInGitSourceDisabled = !composition || !resolvedLocation;
     const openComponentInGitSourceDisabled = openCompositionInGitSourceDisabled ||
         !(resolvedLocation === null || resolvedLocation === void 0 ? void 0 : resolvedLocation.source) ||
         (!readOnlyStudio && connectionStatus !== 'connected');
     const copyFileLocationDisabled = !composition || !fileLocation;
+    const openWithCodingAgent = async (codingAgentId, codingAgentName) => {
+        try {
+            const response = await (0, open_in_editor_1.openInCodingAgent)(codingAgentId, codingAgentId === 'copilot' ? null : contextForAgents);
+            if (!response.success) {
+                (0, NotificationCenter_1.showNotification)(`Could not open ${codingAgentName}`, 2000);
+            }
+        }
+        catch (err) {
+            (0, NotificationCenter_1.showNotification)(err.message, 2000);
+        }
+    };
+    const openCompositionWithEditor = async (editorId) => {
+        closeMenu();
+        if (!composition || !resolvedLocation) {
+            return;
+        }
+        try {
+            await (0, open_in_editor_1.openOriginalPositionInEditor)(resolvedLocation, editorId);
+        }
+        catch (err) {
+            (0, NotificationCenter_1.showNotification)(err.message, 2000);
+        }
+    };
+    const openComponentWithEditor = async (editorId) => {
+        closeMenu();
+        if (!composition || !(resolvedLocation === null || resolvedLocation === void 0 ? void 0 : resolvedLocation.source)) {
+            return;
+        }
+        try {
+            await (0, open_in_editor_1.openCompositionComponentInEditor)({
+                compositionFile: resolvedLocation.source,
+                compositionId: composition.id,
+                editorId,
+            });
+        }
+        catch (err) {
+            (0, NotificationCenter_1.showNotification)(err.message, 2000);
+        }
+    };
+    const openComponentInGitSource = async () => {
+        closeMenu();
+        if (!composition || !(resolvedLocation === null || resolvedLocation === void 0 ? void 0 : resolvedLocation.source)) {
+            return;
+        }
+        try {
+            const info = await (0, open_in_editor_1.loadCompositionComponentInfo)({
+                compositionFile: resolvedLocation.source,
+                compositionId: composition.id,
+            });
+            (0, get_git_menu_item_1.openGitSource)({ folder: false, location: info.location });
+        }
+        catch (err) {
+            (0, NotificationCenter_1.showNotification)(err.message, 2000);
+        }
+    };
+    const openCompositionInFileExplorer = () => {
+        if (!(resolvedLocation === null || resolvedLocation === void 0 ? void 0 : resolvedLocation.source)) {
+            return;
+        }
+        (0, actions_1.openInFileExplorer)({ directory: resolvedLocation.source }).catch((err) => {
+            (0, NotificationCenter_1.showNotification)(`Could not open file: ${err.message}`, 2000);
+        });
+    };
+    const openComponentInFileExplorer = async () => {
+        if (!composition || !(resolvedLocation === null || resolvedLocation === void 0 ? void 0 : resolvedLocation.source)) {
+            return;
+        }
+        try {
+            const info = await (0, open_in_editor_1.loadCompositionComponentInfo)({
+                compositionFile: resolvedLocation.source,
+                compositionId: composition.id,
+            });
+            await (0, actions_1.openInFileExplorer)({ directory: info.location.source });
+        }
+        catch (err) {
+            (0, NotificationCenter_1.showNotification)(`Could not open file: ${err.message}`, 2000);
+        }
+    };
+    const commonOpenInMenuItems = {
+        canOpenDesktopApps,
+        codingAgentInfo,
+        editorInfo,
+        excludeCodingAgentId: null,
+        excludeEditorId: defaultOpenInTarget === 'editor' ? defaultEditorId : null,
+        excludeGitSource: defaultOpenInTarget === 'git-source',
+        folder: false,
+        onConfigureApps,
+        onOpenInCodingAgent: (codingAgentId, name) => {
+            openWithCodingAgent(codingAgentId, name).catch(() => undefined);
+        },
+        onOpenInGitClient: () => undefined,
+        onOpenInTerminal: null,
+    };
+    const compositionOpenInMenuItems = (0, get_open_in_menu_items_1.getOpenInMenuItems)({
+        ...commonOpenInMenuItems,
+        editorDisabled: openCompositionInEditorDisabled,
+        fileManagerDisabled: !(resolvedLocation === null || resolvedLocation === void 0 ? void 0 : resolvedLocation.source) || connectionStatus !== 'connected',
+        gitSourceDisabled: openCompositionInGitSourceDisabled,
+        onOpenInEditor: (editorId) => {
+            openCompositionWithEditor(editorId).catch(() => undefined);
+        },
+        onOpenInFileExplorer: openCompositionInFileExplorer,
+        onOpenInGitSource: () => {
+            closeMenu();
+            (0, get_git_menu_item_1.openGitSource)({ folder: false, location: resolvedLocation });
+        },
+    });
+    const componentOpenInMenuItems = (0, get_open_in_menu_items_1.getOpenInMenuItems)({
+        ...commonOpenInMenuItems,
+        editorDisabled: openComponentInEditorDisabled,
+        fileManagerDisabled: !(resolvedLocation === null || resolvedLocation === void 0 ? void 0 : resolvedLocation.source) || connectionStatus !== 'connected',
+        gitSourceDisabled: openComponentInGitSourceDisabled,
+        onOpenInEditor: (editorId) => {
+            openComponentWithEditor(editorId).catch(() => undefined);
+        },
+        onOpenInFileExplorer: () => {
+            openComponentInFileExplorer().catch(() => undefined);
+        },
+        onOpenInGitSource: () => {
+            openComponentInGitSource().catch(() => undefined);
+        },
+    });
+    const hasOpenInItems = defaultOpenInName !== null ||
+        compositionOpenInMenuItems.length > 0 ||
+        componentOpenInMenuItems.length > 0;
     return [
-        editorName
+        defaultOpenInTarget && defaultOpenInName
             ? {
-                id: 'show-in-editor',
+                id: defaultOpenInTarget === 'editor'
+                    ? 'show-in-editor'
+                    : 'open-composition-in-git-source',
                 keyHint: null,
-                label: `Open composition in ${editorName}`,
+                label: `Open composition in ${defaultOpenInName}`,
                 leftItem: null,
-                onClick: async () => {
-                    closeMenu();
-                    if (!composition || !resolvedLocation || !editorId) {
-                        return;
-                    }
-                    try {
-                        await (0, open_in_editor_1.openOriginalPositionInEditor)(resolvedLocation, editorId);
+                onClick: () => {
+                    if (defaultOpenInTarget === 'editor' && defaultEditorId !== null) {
+                        openCompositionWithEditor(defaultEditorId).catch(() => undefined);
                     }
-                    catch (err) {
-                        (0, NotificationCenter_1.showNotification)(err.message, 2000);
+                    else if (defaultOpenInTarget === 'git-source') {
+                        closeMenu();
+                        (0, get_git_menu_item_1.openGitSource)({ folder: false, location: resolvedLocation });
                     }
                 },
-                quickSwitcherLabel: `Open composition in ${editorName}`,
+                quickSwitcherLabel: `Composition: Open in ${defaultOpenInName}`,
                 subMenu: null,
                 type: 'item',
-                value: 'show-in-editor',
-                disabled: showInEditorDisabled,
+                value: defaultOpenInTarget === 'editor'
+                    ? 'show-in-editor'
+                    : 'open-composition-in-git-source',
+                disabled: defaultOpenInTarget === 'editor'
+                    ? openCompositionInEditorDisabled
+                    : openCompositionInGitSourceDisabled,
             }
             : null,
-        editorName
+        compositionOpenInMenuItems.length > 0
             ? {
-                id: 'open-component-in-editor',
+                id: 'open-composition-in-another-app',
                 keyHint: null,
-                label: `Open component in ${editorName}`,
+                label: 'Open composition in...',
                 leftItem: null,
-                onClick: async () => {
-                    closeMenu();
-                    if (!composition || !(resolvedLocation === null || resolvedLocation === void 0 ? void 0 : resolvedLocation.source) || !editorId) {
-                        return;
-                    }
-                    try {
-                        await (0, open_in_editor_1.openCompositionComponentInEditor)({
-                            compositionFile: resolvedLocation.source,
-                            compositionId: composition.id,
-                            editorId,
-                        });
-                    }
-                    catch (err) {
-                        (0, NotificationCenter_1.showNotification)(err.message, 2000);
-                    }
+                onClick: () => undefined,
+                quickSwitcherLabel: 'Composition',
+                subMenu: {
+                    items: compositionOpenInMenuItems,
+                    leaveLeftSpace: true,
+                    preselectIndex: false,
                 },
-                quickSwitcherLabel: `Open composition component in ${editorName}`,
-                subMenu: null,
                 type: 'item',
-                value: 'open-component-in-editor',
-                disabled: openComponentInEditorDisabled,
+                value: 'open-composition-in-another-app',
             }
             : null,
-        gitSourceName
+        defaultOpenInTarget && defaultOpenInName
             ? {
-                id: 'open-composition-in-git-source',
+                id: defaultOpenInTarget === 'editor'
+                    ? 'open-component-in-editor'
+                    : 'open-component-in-git-source',
                 keyHint: null,
-                label: `Open composition in ${gitSourceName}`,
+                label: `Open component in ${defaultOpenInName}`,
                 leftItem: null,
                 onClick: () => {
-                    closeMenu();
-                    (0, get_git_menu_item_1.openGitSource)({ folder: false, location: resolvedLocation });
+                    if (defaultOpenInTarget === 'editor' && defaultEditorId !== null) {
+                        openComponentWithEditor(defaultEditorId).catch(() => undefined);
+                    }
+                    else if (defaultOpenInTarget === 'git-source') {
+                        openComponentInGitSource().catch(() => undefined);
+                    }
                 },
-                quickSwitcherLabel: `Open composition in ${gitSourceName}`,
+                quickSwitcherLabel: `Component: Open in ${defaultOpenInName}`,
                 subMenu: null,
                 type: 'item',
-                value: 'open-composition-in-git-source',
-                disabled: openCompositionInGitSourceDisabled,
+                value: defaultOpenInTarget === 'editor'
+                    ? 'open-component-in-editor'
+                    : 'open-component-in-git-source',
+                disabled: defaultOpenInTarget === 'editor'
+                    ? openComponentInEditorDisabled
+                    : openComponentInGitSourceDisabled,
             }
             : null,
-        gitSourceName
+        componentOpenInMenuItems.length > 0
             ? {
-                id: 'open-component-in-git-source',
+                id: 'open-component-in-another-app',
                 keyHint: null,
-                label: `Open component in ${gitSourceName}`,
+                label: 'Open component in...',
                 leftItem: null,
-                onClick: async () => {
-                    closeMenu();
-                    if (!composition || !(resolvedLocation === null || resolvedLocation === void 0 ? void 0 : resolvedLocation.source)) {
-                        return;
-                    }
-                    try {
-                        const info = await (0, open_in_editor_1.loadCompositionComponentInfo)({
-                            compositionFile: resolvedLocation.source,
-                            compositionId: composition.id,
-                        });
-                        (0, get_git_menu_item_1.openGitSource)({ folder: false, location: info.location });
-                    }
-                    catch (err) {
-                        (0, NotificationCenter_1.showNotification)(err.message, 2000);
-                    }
+                onClick: () => undefined,
+                quickSwitcherLabel: 'Component',
+                subMenu: {
+                    items: componentOpenInMenuItems,
+                    leaveLeftSpace: true,
+                    preselectIndex: false,
                 },
-                quickSwitcherLabel: `Open composition component in ${gitSourceName}`,
-                subMenu: null,
                 type: 'item',
-                value: 'open-component-in-git-source',
-                disabled: openComponentInGitSourceDisabled,
+                value: 'open-component-in-another-app',
             }
             : null,
-        (editorName || gitSourceName) && includeCompositionManagementItems
+        hasOpenInItems && includeCompositionManagementItems
             ? {
                 type: 'divider',
                 id: 'show-in-editor-divider',
@@ -208,7 +324,7 @@ const getCompositionMenuItems = ({ composition, connectionStatus, resolvedLocati
                 disabled: !composition || readOnlyStudio,
             }
             : null,
-        editorName || gitSourceName || includeCompositionManagementItems
+        hasOpenInItems || includeCompositionManagementItems
             ? {
                 type: 'divider',
                 id: 'copy-actions-divider',

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/get-open-in-menu-items.d.ts

@@ -1,24 +1,25 @@
-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 { EditorPickerId, GetDefaultCodingAgentInfoResponse, GetDefaultEditorInfoResponse, TerminalId } from '@remotion/studio-shared';
 import type { ComboboxValue } from './NewComposition/ComboBox';
 export declare const getConfigureDefaultAppsMenuItems: ({ hasPreviousItems, onConfigureApps, }: {
     readonly hasPreviousItems: boolean;
     readonly onConfigureApps: (() => void) | null;
 }) => ComboboxValue[];
-export declare const getOpenInMenuItems: ({ codingAgentInfo, editorDisabled, editorInfo, excludeCodingAgentId, excludeEditorId, fileManagerDisabled, folder, location, onConfigureApps, onOpenInCodingAgent, onOpenInEditor, onOpenInFileExplorer, onOpenInGitClient, onOpenInTerminal, }: {
+export declare const getOpenInMenuItems: ({ canOpenDesktopApps, codingAgentInfo, editorDisabled, editorInfo, excludeCodingAgentId, excludeEditorId, excludeGitSource, fileManagerDisabled, folder, gitSourceDisabled, onConfigureApps, onOpenInCodingAgent, onOpenInEditor, onOpenInFileExplorer, onOpenInGitClient, onOpenInGitSource, onOpenInTerminal, }: {
+    readonly canOpenDesktopApps: boolean;
     readonly codingAgentInfo: GetDefaultCodingAgentInfoResponse | null;
     readonly editorDisabled: boolean;
     readonly editorInfo: GetDefaultEditorInfoResponse | null;
     readonly excludeCodingAgentId: "claude-code" | "codex" | "copilot" | "cursor" | null;
     readonly excludeEditorId: EditorPickerId | null;
+    readonly excludeGitSource: boolean;
     readonly fileManagerDisabled: boolean;
     readonly folder: boolean;
-    readonly location: OriginalPosition | null;
+    readonly gitSourceDisabled: boolean;
     readonly onConfigureApps: (() => void) | null;
     readonly onOpenInCodingAgent: (codingAgentId: "claude-code" | "codex" | "copilot" | "cursor", codingAgentName: string) => void;
     readonly onOpenInEditor: (editorId: EditorPickerId) => void;
     readonly onOpenInFileExplorer: () => void;
     readonly onOpenInGitClient: (gitClientId: "github-desktop") => void;
+    readonly onOpenInGitSource: () => void;
     readonly onOpenInTerminal: ((terminalId: TerminalId) => void) | null;
 }) => ComboboxValue[];

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

@@ -4,7 +4,6 @@ exports.getOpenInMenuItems = exports.getConfigureDefaultAppsMenuItems = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const no_react_1 = require("remotion/no-react");
 const get_file_manager_name_1 = require("../helpers/get-file-manager-name");
-const get_git_menu_item_1 = require("../helpers/get-git-menu-item");
 const editor_1 = require("../icons/editor");
 const finder_1 = require("../icons/finder");
 const git_client_1 = require("../icons/git-client");
@@ -31,7 +30,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',
@@ -39,11 +38,11 @@ const getConfigureDefaultAppsMenuItems = ({ hasPreviousItems, onConfigureApps, }
     ];
 };
 exports.getConfigureDefaultAppsMenuItems = getConfigureDefaultAppsMenuItems;
-const getOpenInMenuItems = ({ codingAgentInfo, editorDisabled, editorInfo, excludeCodingAgentId, excludeEditorId, fileManagerDisabled, folder, location, onConfigureApps, onOpenInCodingAgent, onOpenInEditor, onOpenInFileExplorer, onOpenInGitClient, onOpenInTerminal, }) => {
+const getOpenInMenuItems = ({ canOpenDesktopApps, codingAgentInfo, editorDisabled, editorInfo, excludeCodingAgentId, excludeEditorId, excludeGitSource, fileManagerDisabled, folder, gitSourceDisabled, onConfigureApps, onOpenInCodingAgent, onOpenInEditor, onOpenInFileExplorer, onOpenInGitClient, onOpenInGitSource, onOpenInTerminal, }) => {
     var _a, _b, _c, _d;
-    const showFinder = window.remotion_fileSystemPlatform === 'darwin';
+    const showFinder = canOpenDesktopApps && window.remotion_fileSystemPlatform === 'darwin';
     const fileManagerName = (0, get_file_manager_name_1.getFileManagerName)(window.remotion_fileSystemPlatform);
-    const editors = ((_a = editorInfo === null || editorInfo === void 0 ? void 0 : editorInfo.installedEditors) !== null && _a !== void 0 ? _a : [])
+    const editors = (canOpenDesktopApps ? ((_a = editorInfo === null || editorInfo === void 0 ? void 0 : editorInfo.installedEditors) !== null && _a !== void 0 ? _a : []) : [])
         .filter((editor) => editor.id !== excludeEditorId)
         .map((editor) => ({
         disabled: editorDisabled,
@@ -56,12 +55,12 @@ const getOpenInMenuItems = ({ codingAgentInfo, editorDisabled, editorInfo, exclu
                 onOpenInEditor(editor.id);
             }
         },
-        quickSwitcherLabel: null,
+        quickSwitcherLabel: `Open in ${editor.name}`,
         subMenu: null,
         type: 'item',
         value: editor.id,
     }));
-    const codingAgents = ((_b = codingAgentInfo === null || codingAgentInfo === void 0 ? void 0 : codingAgentInfo.installedCodingAgents) !== null && _b !== void 0 ? _b : [])
+    const codingAgents = (canOpenDesktopApps ? ((_b = codingAgentInfo === null || codingAgentInfo === void 0 ? void 0 : codingAgentInfo.installedCodingAgents) !== null && _b !== void 0 ? _b : []) : [])
         .filter((codingAgent) => codingAgent.id !== excludeCodingAgentId)
         .map((codingAgent) => ({
         id: `open-in-coding-agent-${codingAgent.id}`,
@@ -69,23 +68,30 @@ const getOpenInMenuItems = ({ codingAgentInfo, editorDisabled, editorInfo, exclu
         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}`,
     }));
-    const terminals = folder ? ((_c = codingAgentInfo === null || codingAgentInfo === void 0 ? void 0 : codingAgentInfo.installedTerminals) !== null && _c !== void 0 ? _c : []) : [];
-    const gitClients = folder ? ((_d = codingAgentInfo === null || codingAgentInfo === void 0 ? void 0 : codingAgentInfo.installedGitClients) !== null && _d !== void 0 ? _d : []) : [];
-    const gitHubItem = window.remotion_gitSource
+    const terminals = canOpenDesktopApps && folder
+        ? ((_c = codingAgentInfo === null || codingAgentInfo === void 0 ? void 0 : codingAgentInfo.installedTerminals) !== null && _c !== void 0 ? _c : [])
+        : [];
+    const gitClients = canOpenDesktopApps && folder
+        ? ((_d = codingAgentInfo === null || codingAgentInfo === void 0 ? void 0 : codingAgentInfo.installedGitClients) !== null && _d !== void 0 ? _d : [])
+        : [];
+    const gitHubItem = window.remotion_gitSource && !excludeGitSource
         ? {
+            disabled: gitSourceDisabled,
             id: 'open-in-github',
             keyHint: null,
             label: jsx_runtime_1.jsx("span", { style: menuLabel, children: "GitHub.com" }),
             leftItem: jsx_runtime_1.jsx(github_1.GitHubIcon, { size: 16 }),
             onClick: () => {
-                (0, get_git_menu_item_1.openGitSource)({ folder, location });
+                if (!gitSourceDisabled) {
+                    onOpenInGitSource();
+                }
             },
-            quickSwitcherLabel: null,
+            quickSwitcherLabel: 'Open in GitHub.com',
             subMenu: null,
             type: 'item',
             value: 'github',
@@ -105,7 +111,7 @@ const getOpenInMenuItems = ({ codingAgentInfo, editorDisabled, editorInfo, exclu
                         onOpenInFileExplorer();
                     }
                 },
-                quickSwitcherLabel: null,
+                quickSwitcherLabel: `Open in ${fileManagerName}`,
                 subMenu: null,
                 type: 'item',
                 value: 'file-explorer',
@@ -150,7 +156,7 @@ const getOpenInMenuItems = ({ codingAgentInfo, editorDisabled, editorInfo, exclu
                     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}`,
@@ -170,7 +176,7 @@ const getOpenInMenuItems = ({ codingAgentInfo, editorDisabled, editorInfo, exclu
                     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()