@remotion/studio 4.0.525 → 4.0.526

package/dist/components/asset-context-menu.js

@@ -0,0 +1,242 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAssetContextMenuItems = exports.getAssetContextMenuItems = exports.getAssetActionAvailability = void 0;
+const react_1 = require("react");
+const no_react_1 = require("remotion/no-react");
+const browser_studio_operations_1 = require("../helpers/browser-studio-operations");
+const client_id_1 = require("../helpers/client-id");
+const copy_text_1 = require("../helpers/copy-text");
+const get_file_manager_name_1 = require("../helpers/get-file-manager-name");
+const get_preview_file_type_1 = require("../helpers/get-preview-file-type");
+const open_in_remotion_convert_1 = require("../helpers/open-in-remotion-convert");
+const modals_1 = require("../state/modals");
+const NotificationCenter_1 = require("./Notifications/NotificationCenter");
+const open_in_new_window_1 = require("./open-in-new-window");
+const actions_1 = require("./RenderQueue/actions");
+const use_delete_asset_1 = require("./use-delete-asset");
+const getAssetActionAvailability = ({ browserStudioCanMutateAssets, readOnlyStudio, connectionStatus, publicFolderExists, }) => {
+    return {
+        mutationsDisabled: browserStudioCanMutateAssets !== true &&
+            (readOnlyStudio || connectionStatus !== 'connected'),
+        fileExplorerDisabled: browserStudioCanMutateAssets !== null ||
+            publicFolderExists === null ||
+            readOnlyStudio ||
+            connectionStatus !== 'connected',
+    };
+};
+exports.getAssetActionAvailability = getAssetActionAvailability;
+const getAssetContextMenuItems = ({ relativePath, fileManagerName, copyFileName, copyStaticFilePath, copyAbsolutePath, openAssetInConvert, openAssetInExplorer, renameAsset, deleteAsset, fileExplorerAvailable, fileExplorerDisabled, mutationsDisabled, }) => {
+    const previewFileType = (0, get_preview_file_type_1.getPreviewFileType)(relativePath);
+    const canOpenInConvert = previewFileType === 'audio' || previewFileType === 'video';
+    const items = [
+        (0, open_in_new_window_1.getOpenInNewWindowMenuItem)(`/assets/${relativePath}`),
+        canOpenInConvert
+            ? {
+                id: 'open-asset-in-convert',
+                keyHint: null,
+                label: 'Open in Remotion Convert',
+                leftItem: null,
+                onClick: openAssetInConvert,
+                quickSwitcherLabel: 'Open asset in Remotion Convert',
+                subMenu: null,
+                type: 'item',
+                value: 'open-asset-in-convert',
+            }
+            : null,
+        {
+            type: 'divider',
+            id: 'open-in-new-window-divider',
+        },
+        {
+            id: 'copy-asset-file-name',
+            keyHint: null,
+            label: 'Copy file name',
+            leftItem: null,
+            onClick: copyFileName,
+            quickSwitcherLabel: 'Copy asset file name',
+            subMenu: null,
+            type: 'item',
+            value: 'copy-asset-file-name',
+        },
+        {
+            id: 'copy-asset-static-file-path',
+            keyHint: null,
+            label: 'Copy staticFile() path',
+            leftItem: null,
+            onClick: copyStaticFilePath,
+            quickSwitcherLabel: 'Copy staticFile() path',
+            subMenu: null,
+            type: 'item',
+            value: 'copy-asset-static-file-path',
+        },
+        copyAbsolutePath
+            ? {
+                id: 'copy-asset-absolute-path',
+                keyHint: null,
+                label: 'Copy absolute path',
+                leftItem: null,
+                onClick: copyAbsolutePath,
+                quickSwitcherLabel: 'Copy asset absolute path',
+                subMenu: null,
+                type: 'item',
+                value: 'copy-asset-absolute-path',
+            }
+            : null,
+        {
+            type: 'divider',
+            id: 'asset-file-actions-divider',
+        },
+        fileExplorerAvailable
+            ? {
+                id: 'open-asset-in-explorer',
+                keyHint: null,
+                label: `Show in ${fileManagerName}`,
+                leftItem: null,
+                onClick: openAssetInExplorer,
+                quickSwitcherLabel: `Show asset in ${fileManagerName}`,
+                subMenu: null,
+                type: 'item',
+                value: 'open-asset-in-explorer',
+                disabled: fileExplorerDisabled,
+            }
+            : null,
+        {
+            id: 'rename-asset',
+            keyHint: null,
+            label: 'Rename...',
+            leftItem: null,
+            onClick: renameAsset,
+            quickSwitcherLabel: 'Rename asset...',
+            subMenu: null,
+            type: 'item',
+            value: 'rename-asset',
+            disabled: mutationsDisabled,
+        },
+        {
+            id: 'delete-asset',
+            keyHint: null,
+            label: 'Delete...',
+            leftItem: null,
+            onClick: deleteAsset,
+            quickSwitcherLabel: 'Delete asset...',
+            subMenu: null,
+            type: 'item',
+            value: 'delete-asset',
+            disabled: mutationsDisabled,
+        },
+    ];
+    return items.filter(no_react_1.NoReactInternals.truthy);
+};
+exports.getAssetContextMenuItems = getAssetContextMenuItems;
+const useAssetContextMenuItems = ({ relativePath, readOnlyStudio, }) => {
+    var _a;
+    const fileManagerName = (0, get_file_manager_name_1.getFileManagerName)(window.remotion_fileSystemPlatform);
+    const { setSelectedModal } = (0, react_1.useContext)(modals_1.SetSelectedModalContext);
+    const connectionStatus = (0, react_1.useContext)(client_id_1.StudioServerConnectionCtx)
+        .previewServerState.type;
+    const fileName = (_a = relativePath === null || relativePath === void 0 ? void 0 : relativePath.split('/').pop()) !== null && _a !== void 0 ? _a : null;
+    const copyFileName = (0, react_1.useCallback)(() => {
+        if (fileName === null) {
+            return;
+        }
+        (0, copy_text_1.copyText)(fileName)
+            .then(() => {
+            (0, NotificationCenter_1.showNotification)(`Copied '${fileName}' to clipboard`, 1000);
+        })
+            .catch((err) => {
+            (0, NotificationCenter_1.showNotification)(`Could not copy: ${err.message}`, 2000);
+        });
+    }, [fileName]);
+    const copyStaticFilePath = (0, react_1.useCallback)(() => {
+        if (relativePath === null) {
+            return;
+        }
+        const content = `staticFile("${relativePath}")`;
+        (0, copy_text_1.copyText)(content)
+            .then(() => {
+            (0, NotificationCenter_1.showNotification)(`Copied '${content}' to clipboard`, 1000);
+        })
+            .catch((err) => {
+            (0, NotificationCenter_1.showNotification)(`Could not copy: ${err.message}`, 2000);
+        });
+    }, [relativePath]);
+    const copyAbsolutePath = (0, react_1.useCallback)(() => {
+        if (relativePath === null || window.remotion_publicFolderExists === null) {
+            return;
+        }
+        const content = `${window.remotion_publicFolderExists}/${relativePath}`;
+        (0, copy_text_1.copyText)(content)
+            .then(() => {
+            (0, NotificationCenter_1.showNotification)(`Copied '${content}' to clipboard`, 1000);
+        })
+            .catch((err) => {
+            (0, NotificationCenter_1.showNotification)(`Could not copy: ${err.message}`, 2000);
+        });
+    }, [relativePath]);
+    const openAssetInConvert = (0, react_1.useCallback)(() => {
+        if (relativePath === null) {
+            return;
+        }
+        (0, open_in_remotion_convert_1.openInRemotionConvert)({ relativePath });
+    }, [relativePath]);
+    const openAssetInExplorer = (0, react_1.useCallback)(() => {
+        if (relativePath === null || !window.remotion_publicFolderExists) {
+            (0, NotificationCenter_1.showNotification)('Could not find the public folder', 2000);
+            return;
+        }
+        (0, actions_1.openInFileExplorer)({
+            directory: window.remotion_publicFolderExists + '/' + relativePath,
+        }).catch((err) => {
+            (0, NotificationCenter_1.showNotification)(`Could not open file: ${err.message}`, 2000);
+        });
+    }, [relativePath]);
+    const { mutationsDisabled, fileExplorerDisabled } = (0, exports.getAssetActionAvailability)({
+        browserStudioCanMutateAssets: (0, browser_studio_operations_1.getBrowserStudioOperations)() === null ? null : true,
+        readOnlyStudio,
+        connectionStatus,
+        publicFolderExists: window.remotion_publicFolderExists,
+    });
+    const deleteAsset = (0, use_delete_asset_1.useDeleteAsset)(relativePath);
+    const renameAsset = (0, react_1.useCallback)(() => {
+        if (relativePath === null) {
+            return;
+        }
+        setSelectedModal({
+            type: 'rename-static-file',
+            relativePath,
+        });
+    }, [relativePath, setSelectedModal]);
+    const getContextMenuItems = (0, react_1.useCallback)(() => {
+        if (relativePath === null) {
+            return [];
+        }
+        return (0, exports.getAssetContextMenuItems)({
+            relativePath,
+            fileManagerName,
+            copyFileName,
+            copyStaticFilePath,
+            copyAbsolutePath: window.remotion_publicFolderExists === null ? null : copyAbsolutePath,
+            openAssetInConvert,
+            openAssetInExplorer,
+            renameAsset,
+            deleteAsset,
+            fileExplorerAvailable: (0, browser_studio_operations_1.getBrowserStudioOperations)() === null,
+            fileExplorerDisabled,
+            mutationsDisabled,
+        });
+    }, [
+        copyFileName,
+        copyStaticFilePath,
+        copyAbsolutePath,
+        deleteAsset,
+        fileExplorerDisabled,
+        fileManagerName,
+        mutationsDisabled,
+        openAssetInConvert,
+        openAssetInExplorer,
+        renameAsset,
+        relativePath,
+    ]);
+    return { fileExplorerDisabled, fileManagerName, getContextMenuItems };
+};
+exports.useAssetContextMenuItems = useAssetContextMenuItems;

package/dist/components/composition-menu-items.d.ts

@@ -1,9 +1,9 @@
-import type { EditorPickerId } from '@remotion/studio-shared';
 import type { SetStateAction } from 'react';
 import type { ResolvedStackLocation } from 'remotion';
 import type { ModalState } from '../state/modals';
 import type { ComboboxValue } from './NewComposition/ComboBox';
-export declare const getCompositionMenuItems: ({ composition, connectionStatus, resolvedLocation, setSelectedModal, closeMenu, readOnlyStudio, includeCompositionManagementItems, editorId, editorName, }: {
+import type { OpenInMenuApps } from './use-open-in-menu-apps';
+export declare const getCompositionMenuItems: ({ composition, connectionStatus, resolvedLocation, setSelectedModal, closeMenu, readOnlyStudio, includeCompositionManagementItems, openInApps, }: {
     composition: import("remotion").AnyComposition | null;
     connectionStatus: "connected" | "disconnected" | "init";
     resolvedLocation: ResolvedStackLocation | null;
@@ -11,8 +11,7 @@ export declare const getCompositionMenuItems: ({ composition, connectionStatus,
     closeMenu: () => void;
     readOnlyStudio: boolean;
     includeCompositionManagementItems: boolean;
-    editorId: EditorPickerId | null;
-    editorName: string | null;
+    openInApps: OpenInMenuApps;
 }) => ComboboxValue[];
 export declare const getCompositionContextMenuItems: (args: Omit<{
     composition: import("remotion").AnyComposition | null;
@@ -22,8 +21,7 @@ export declare const getCompositionContextMenuItems: (args: Omit<{
     closeMenu: () => void;
     readOnlyStudio: boolean;
     includeCompositionManagementItems: boolean;
-    editorId: EditorPickerId | null;
-    editorName: string | null;
+    openInApps: OpenInMenuApps;
 }, "includeCompositionManagementItems"> & {
     readonly includeCompositionManagementItems: boolean;
 }) => ComboboxValue[];

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: `Open composition 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: null,
+                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: `Open composition component 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: null,
+                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/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[];