@remotion/studio 4.0.505 → 4.0.507

package/dist/api/copy-render-output-to-asset.d.ts

@@ -0,0 +1,4 @@
+export declare const copyRenderOutputToAsset: ({ outputPath, assetPath, }: {
+    outputPath: string;
+    assetPath: string;
+}) => Promise<import("@remotion/studio-shared").CopyRenderOutputToAssetResponse>;

package/dist/api/copy-render-output-to-asset.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.copyRenderOutputToAsset = void 0;
+const call_api_1 = require("../components/call-api");
+const copyRenderOutputToAsset = ({ outputPath, assetPath, }) => {
+    return (0, call_api_1.callApi)('/api/copy-render-output-to-asset', {
+        outputPath,
+        assetPath,
+    });
+};
+exports.copyRenderOutputToAsset = copyRenderOutputToAsset;

package/dist/api/install-package.d.ts

@@ -1,3 +1,2 @@
-import type { ElementDependency } from '@remotion/studio-protocol';
-import type { InstallPackageResponse } from '@remotion/studio-shared';
-export declare const installPackages: (dependencies: (string | ElementDependency)[]) => Promise<InstallPackageResponse>;
+import type { InstallPackageResponse, PackageInstallSpec } from '@remotion/studio-shared';
+export declare const installPackages: (dependencies: readonly PackageInstallSpec[]) => Promise<InstallPackageResponse>;

package/dist/api/install-package.js

@@ -11,9 +11,7 @@ const installPackages = (dependencies) => {
         throw new Error('installPackages() is not available in Read-Only Studio');
     }
     return (0, call_api_1.callApi)('/api/install-package', {
-        dependencies: dependencies.map((dependency) => typeof dependency === 'string'
-            ? { name: dependency, version: null }
-            : dependency),
+        dependencies: [...dependencies],
     });
 };
 exports.installPackages = installPackages;

package/dist/api/visual-control.d.ts

@@ -1,2 +1,5 @@
 import { type VisualControlRef } from '../visual-controls/VisualControls';
+/**
+ * @deprecated Remotion Studio now has integrated interactivity for most components, and we will further develop this interactivity rather than visual controls.
+ */
 export declare const visualControl: VisualControlRef['globalVisualControl'];

package/dist/api/visual-control.js

@@ -5,6 +5,9 @@ const react_1 = require("react");
 const remotion_1 = require("remotion");
 const visual_control_store_1 = require("../visual-controls/visual-control-store");
 const VisualControls_1 = require("../visual-controls/VisualControls");
+/**
+ * @deprecated Remotion Studio now has integrated interactivity for most components, and we will further develop this interactivity rather than visual controls.
+ */
 const visualControl = (key, value, schema) => {
     // Subscribe to store changes so the calling component
     // re-renders when a visual control value is edited in the sidebar.

package/dist/components/AssetSelector.js

@@ -36,6 +36,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AssetSelector = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
+const copy_render_output_to_asset_1 = require("../api/copy-render-output-to-asset");
 const write_static_file_1 = require("../api/write-static-file");
 const browser_studio_operations_1 = require("../helpers/browser-studio-operations");
 const client_id_1 = require("../helpers/client-id");
@@ -109,25 +110,39 @@ const AssetSelector = ({ readOnlyStudio }) => {
         setDropLocation,
     });
     const onDragOver = (0, react_1.useCallback)((e) => {
-        if (!(0, use_asset_drag_events_1.isFileDragEvent)(e)) {
+        if (!(0, use_asset_drag_events_1.isAssetUploadDragEvent)(e)) {
             return;
         }
         e.preventDefault();
     }, []);
     const onDrop = (0, react_1.useCallback)(async (e) => {
         try {
-            if (!(0, use_asset_drag_events_1.isFileDragEvent)(e)) {
+            if (!(0, use_asset_drag_events_1.isAssetUploadDragEvent)(e)) {
                 setDropLocation(null);
                 return;
             }
             e.preventDefault();
             e.stopPropagation();
+            const assetPath = dropLocation !== null && dropLocation !== void 0 ? dropLocation : null;
+            const renderOutput = (0, use_asset_drag_events_1.getRenderOutputDragData)(e.dataTransfer);
+            if (renderOutput) {
+                const destination = [assetPath, renderOutput.fileName]
+                    .filter(Boolean)
+                    .join('/');
+                const result = await (0, copy_render_output_to_asset_1.copyRenderOutputToAsset)({
+                    outputPath: renderOutput.outputPath,
+                    assetPath: destination,
+                });
+                (0, NotificationCenter_1.showNotification)(result.created
+                    ? `Created ${destination}`
+                    : `${destination} already exists`, 3000);
+                return;
+            }
             const { files } = e.dataTransfer;
             if (files.length === 0) {
                 setDropLocation(null);
                 return;
             }
-            const assetPath = dropLocation !== null && dropLocation !== void 0 ? dropLocation : null;
             const makePath = (file) => {
                 return [assetPath, file.name].filter(Boolean).join('/');
             };
@@ -161,7 +176,7 @@ const AssetSelector = ({ readOnlyStudio }) => {
             setDropLocation(null);
         }
     }, [dropLocation, staticFiles]);
-    return (jsx_runtime_1.jsxs("div", { style: container, onDragOver: shouldAllowUpload ? onDragOver : undefined, onDrop: shouldAllowUpload ? onDrop : undefined, children: [
+    return (jsx_runtime_1.jsxs("div", { "data-asset-selector": true, style: container, onDragOver: shouldAllowUpload ? onDragOver : undefined, onDrop: shouldAllowUpload ? onDrop : undefined, children: [
             jsx_runtime_1.jsx(ExplorerQuickSwitcherTrigger_1.ExplorerQuickSwitcherTrigger, { mode: "assets", showShortcut: true, tabIndex: tabIndex }), staticFiles.length === 0 ? (publicFolderExists ? (jsx_runtime_1.jsx("div", { style: emptyState, children: jsx_runtime_1.jsxs("div", { style: label, children: ["To add assets, place a file in the", ' ', jsx_runtime_1.jsx("code", { style: styles_1.inlineCodeSnippet, children: "public" }),
                         " folder of your project or drag and drop a file here."] }) })) : (jsx_runtime_1.jsx("div", { style: emptyState, children: jsx_runtime_1.jsxs("div", { style: label, children: ["To add assets, create a folder called", ' ', jsx_runtime_1.jsx("code", { style: styles_1.inlineCodeSnippet, children: "public" }),
                         " in the root of your project and place a file in it."] }) }))) : (jsx_runtime_1.jsx("div", { className: "__remotion-vertical-scrollbar", style: {

package/dist/components/AssetSelectorItem.js

@@ -226,7 +226,7 @@ const AssetFolderItem = ({ tabIndex, item, level, parentFolder, toggleFolder, dr
             backgroundColor: isDropDiv ? colors_1.WHITE_ALPHA_06 : colors_1.BACKGROUND,
         }, children: [
             jsx_runtime_1.jsx("div", { style: folderStyle, onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave, tabIndex: tabIndex, title: item.name, onClick: onClick, onDragEnter: (event) => {
-                    if (!(0, use_asset_drag_events_1.isFileDragEvent)(event)) {
+                    if (!(0, use_asset_drag_events_1.isAssetUploadDragEvent)(event)) {
                         return;
                     }
                     if (!item.expanded) {
@@ -235,7 +235,7 @@ const AssetFolderItem = ({ tabIndex, item, level, parentFolder, toggleFolder, dr
                         }, 1000);
                     }
                 }, onDragLeave: (event) => {
-                    if (!(0, use_asset_drag_events_1.isFileDragEvent)(event)) {
+                    if (!(0, use_asset_drag_events_1.isAssetUploadDragEvent)(event)) {
                         return;
                     }
                     if (openFolderTimerRef.current) {
@@ -260,7 +260,7 @@ const AssetSelectorItem = ({ item, tabIndex, level, parentFolder, readOnlyStudio
     const fileManagerName = (0, get_file_manager_name_1.getFileManagerName)(window.remotion_fileSystemPlatform);
     const [hovered, setHovered] = (0, react_1.useState)(false);
     const [isDragging, setIsDragging] = (0, react_1.useState)(false);
-    const { setSelectedModal } = (0, react_1.useContext)(modals_1.ModalsContext);
+    const { setSelectedModal } = (0, react_1.useContext)(modals_1.SetSelectedModalContext);
     const confirm = (0, ConfirmationDialog_1.useConfirmationDialog)();
     const connectionStatus = (0, react_1.useContext)(client_id_1.StudioServerConnectionCtx)
         .previewServerState.type;

package/dist/components/Canvas.js

@@ -869,6 +869,7 @@ const Canvas = ({ canvasContent, size }) => {
                 event,
                 fps: config.fps,
                 from: (0, imperative_state_1.getCurrentFrame)(),
+                preferCompositionStart: true,
             });
         }
         finally {
@@ -966,6 +967,7 @@ const Canvas = ({ canvasContent, size }) => {
                 destinationDimensions: contentDimensions === 'none' ? null : contentDimensions,
                 dropPosition,
                 from: null,
+                preferCompositionStart: null,
                 svgImportMode,
             });
         }

package/dist/components/CodingAgentIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const CodingAgentIcon: React.FC<{
+    readonly iconDataUrl: string | null;
+}>;

package/dist/components/CodingAgentIcon.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CodingAgentIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const apps_1 = require("../icons/apps");
+const iconStyle = {
+    flexShrink: 0,
+    height: 18,
+    width: 18,
+};
+const CodingAgentIcon = ({ iconDataUrl }) => {
+    if (iconDataUrl === null) {
+        return jsx_runtime_1.jsx(apps_1.AppsIcon, { height: 18, width: 18 });
+    }
+    return (jsx_runtime_1.jsx("img", { alt: "", "aria-hidden": true, draggable: false, src: iconDataUrl, style: iconStyle }));
+};
+exports.CodingAgentIcon = CodingAgentIcon;

package/dist/components/CompositionSelector.js

@@ -87,7 +87,7 @@ const getAutoScrollSpeed = ({ clientY, element, }) => {
 const CompositionSelector = () => {
     const { compositions, canvasContent, folders } = (0, react_1.useContext)(remotion_1.Internals.CompositionManager);
     const { foldersExpanded } = (0, react_1.useContext)(persist_open_folders_1.ExpandedFoldersContext);
-    const { setSelectedModal } = (0, react_1.useContext)(modals_1.ModalsContext);
+    const { setSelectedModal } = (0, react_1.useContext)(modals_1.SetSelectedModalContext);
     const connectionStatus = (0, react_1.useContext)(client_id_1.StudioServerConnectionCtx)
         .previewServerState.type;
     const getRootContextMenuItems = (0, react_1.useCallback)(() => {

package/dist/components/CompositionSelectorItem.js

@@ -116,7 +116,7 @@ const CompositionSelectorItem = ({ item, level, currentComposition, tabIndex, se
             onClick(evt);
         }
     }, [onClick]);
-    const { setSelectedModal } = (0, react_1.useContext)(modals_1.ModalsContext);
+    const { setSelectedModal } = (0, react_1.useContext)(modals_1.SetSelectedModalContext);
     const connectionStatus = (0, react_1.useContext)(client_id_1.StudioServerConnectionCtx)
         .previewServerState.type;
     const resolvedLocation = (0, use_resolved_stack_1.useResolvedStack)(item.type === 'composition' ? item.composition.stack : item.folder.stack);

package/dist/components/ConfigureDefaultEditorModal.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const ConfigureDefaultEditorModal: React.FC;
+export declare const DefaultEditorSettings: React.FC;

package/dist/components/ConfigureDefaultEditorModal.js

@@ -1,24 +1,26 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConfigureDefaultEditorModal = void 0;
+exports.DefaultEditorSettings = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const colors_1 = require("../helpers/colors");
 const Checkmark_1 = require("../icons/Checkmark");
-const custom_editor_1 = require("../icons/custom-editor");
-const modals_1 = require("../state/modals");
-const call_api_1 = require("./call-api");
+const editor_1 = require("../icons/editor");
+const CodingAgentIcon_1 = require("./CodingAgentIcon");
 const layout_1 = require("./layout");
-const ModalButton_1 = require("./ModalButton");
-const ModalContainer_1 = require("./ModalContainer");
-const ModalFooter_1 = require("./ModalFooter");
-const ModalHeader_1 = require("./ModalHeader");
 const ComboBox_1 = require("./NewComposition/ComboBox");
 const ValidationMessage_1 = require("./NewComposition/ValidationMessage");
+const SettingsContext_1 = require("./SettingsContext");
+const use_auto_save_config_1 = require("./use-auto-save-config");
+const container = {
+    display: 'flex',
+    flex: 1,
+    flexDirection: 'column',
+    minWidth: 0,
+};
 const content = {
+    flex: 1,
     padding: 16,
-    width: 440,
-    maxWidth: 'calc(100vw - 40px)',
 };
 const description = {
     color: colors_1.LIGHT_TEXT,
@@ -27,12 +29,19 @@ const description = {
     lineHeight: 1.5,
     margin: 0,
 };
+const title = {
+    color: colors_1.LIGHT_TEXT,
+    fontFamily: 'sans-serif',
+    fontSize: 14,
+    lineHeight: 1.5,
+    margin: 0,
+};
 const comboBoxStyle = {
     boxSizing: 'border-box',
     width: '100%',
 };
-const customEditorLabel = {
-    display: 'inline-flex',
+const appLabel = {
+    display: 'flex',
     alignItems: 'center',
     gap: 8,
     maxWidth: '100%',
@@ -42,7 +51,7 @@ const customEditorLabel = {
     fontSize: 'inherit',
     lineHeight: 'inherit',
 };
-const customEditorName = {
+const appName = {
     minWidth: 0,
     overflow: 'hidden',
     textOverflow: 'ellipsis',
@@ -53,11 +62,11 @@ const customEditorName = {
     lineHeight: 'inherit',
 };
 const NO_PREFERENCE_ID = 'no-preference';
-const ConfigureDefaultEditorModal = () => {
-    const { setSelectedModal } = (0, react_1.useContext)(modals_1.ModalsContext);
-    const [editorInfo, setEditorInfo] = (0, react_1.useState)(null);
+const DefaultEditorSettings = () => {
+    const { codingAgentInfo, editorInfo, error: settingsError, revision, } = (0, SettingsContext_1.useSettings)();
     const [selectedEditor, setSelectedEditor] = (0, react_1.useState)(null);
-    const [isSubmitting, setIsSubmitting] = (0, react_1.useState)(false);
+    const [selectedCodingAgent, setSelectedCodingAgent] = (0, react_1.useState)(null);
+    const [syncedRevision, setSyncedRevision] = (0, react_1.useState)(-1);
     const [error, setError] = (0, react_1.useState)(null);
     const editorValues = (0, react_1.useMemo)(() => {
         var _a;
@@ -79,9 +88,9 @@ const ConfigureDefaultEditorModal = () => {
             return {
                 id: editor.id,
                 keyHint: null,
-                label: editor.id === 'custom' ? (jsx_runtime_1.jsxs("span", { style: customEditorLabel, children: [
-                        jsx_runtime_1.jsx(custom_editor_1.CustomEditorIcon, { size: null }), jsx_runtime_1.jsx("span", { style: customEditorName, children: editor.name })
-                    ] })) : (editor.name),
+                label: (jsx_runtime_1.jsxs("span", { style: appLabel, children: [
+                        jsx_runtime_1.jsx(editor_1.EditorIcon, { editorId: editor.id, size: 18 }), jsx_runtime_1.jsx("span", { style: appName, children: editor.name })
+                    ] })),
                 leftItem: selectedEditor === editor.id ? jsx_runtime_1.jsx(Checkmark_1.Checkmark, {}) : null,
                 onClick: () => {
                     setSelectedEditor(editor.id);
@@ -95,57 +104,96 @@ const ConfigureDefaultEditorModal = () => {
         });
         return [noPreference, ...installedEditors];
     }, [editorInfo === null || editorInfo === void 0 ? void 0 : editorInfo.installedEditors, selectedEditor]);
-    const dismiss = (0, react_1.useCallback)(() => {
-        setSelectedModal(null);
-    }, [setSelectedModal]);
-    (0, react_1.useEffect)(() => {
-        const controller = new AbortController();
-        (0, call_api_1.callApi)('/api/default-editor-info', {}, controller.signal)
-            .then((response) => {
-            setEditorInfo(response);
-            setSelectedEditor(response.defaultEditor !== null &&
-                response.installedEditors.some(({ id }) => id === response.defaultEditor)
-                ? response.defaultEditor
-                : null);
-        })
-            .catch((err) => {
-            if (controller.signal.aborted) {
-                return;
-            }
-            setError(err.message);
+    const codingAgentValues = (0, react_1.useMemo)(() => {
+        var _a;
+        const noPreference = {
+            id: NO_PREFERENCE_ID,
+            keyHint: null,
+            label: 'No preference',
+            leftItem: selectedCodingAgent === null ? jsx_runtime_1.jsx(Checkmark_1.Checkmark, {}) : null,
+            onClick: () => {
+                setSelectedCodingAgent(null);
+                setError(null);
+            },
+            quickSwitcherLabel: null,
+            subMenu: null,
+            type: 'item',
+            value: NO_PREFERENCE_ID,
+        };
+        const installedCodingAgents = ((_a = codingAgentInfo === null || codingAgentInfo === void 0 ? void 0 : codingAgentInfo.installedCodingAgents) !== null && _a !== void 0 ? _a : []).map((codingAgent) => {
+            return {
+                id: codingAgent.id,
+                keyHint: null,
+                label: (jsx_runtime_1.jsxs("span", { style: appLabel, children: [
+                        jsx_runtime_1.jsx(CodingAgentIcon_1.CodingAgentIcon, { iconDataUrl: codingAgent.iconDataUrl }), jsx_runtime_1.jsx("span", { style: appName, children: codingAgent.name })
+                    ] })),
+                leftItem: selectedCodingAgent === codingAgent.id ? jsx_runtime_1.jsx(Checkmark_1.Checkmark, {}) : null,
+                onClick: () => {
+                    setSelectedCodingAgent(codingAgent.id);
+                    setError(null);
+                },
+                quickSwitcherLabel: null,
+                subMenu: null,
+                type: 'item',
+                value: codingAgent.id,
+            };
         });
-        return () => controller.abort();
-    }, []);
-    const submit = (0, react_1.useCallback)(async () => {
-        if (editorInfo === null) {
+        return [noPreference, ...installedCodingAgents];
+    }, [codingAgentInfo === null || codingAgentInfo === void 0 ? void 0 : codingAgentInfo.installedCodingAgents, selectedCodingAgent]);
+    (0, react_1.useEffect)(() => {
+        if (editorInfo === null || codingAgentInfo === null) {
             return;
         }
-        setIsSubmitting(true);
+        setSelectedEditor(editorInfo.defaultEditor !== null &&
+            editorInfo.installedEditors.some(({ id }) => id === editorInfo.defaultEditor)
+            ? editorInfo.defaultEditor
+            : null);
+        setSelectedCodingAgent(codingAgentInfo.defaultCodingAgent !== null &&
+            codingAgentInfo.installedCodingAgents.some(({ id }) => id === codingAgentInfo.defaultCodingAgent)
+            ? codingAgentInfo.defaultCodingAgent
+            : null);
+        setSyncedRevision(revision);
         setError(null);
-        try {
-            const response = await (0, call_api_1.callApi)('/api/update-default-editor', {
-                defaultEditor: selectedEditor,
-            });
-            if (!response.success) {
-                setError(response.reason);
-                setIsSubmitting(false);
-                return;
-            }
-            dismiss();
-        }
-        catch (err) {
-            setError(err.message);
-            setIsSubmitting(false);
-        }
-    }, [dismiss, editorInfo, selectedEditor]);
-    if (editorInfo === null && error === null) {
-        return null;
-    }
-    return (jsx_runtime_1.jsxs(ModalContainer_1.ModalContainer, { onEscape: dismiss, onOutsideClick: dismiss, children: [
-            jsx_runtime_1.jsx(ModalHeader_1.ModalHeader, { title: "Configure default editor", onClose: dismiss }), jsx_runtime_1.jsxs("div", { style: content, children: [
-                    jsx_runtime_1.jsx("p", { style: description, children: "This setting gets saved to your config file." }), jsx_runtime_1.jsx(layout_1.Spacing, { y: 2, block: true }), (editorInfo === null || editorInfo === void 0 ? void 0 : editorInfo.installedEditors.length) === 0 ? (jsx_runtime_1.jsx("p", { style: description, children: "No supported editors were found on this computer." })) : null, editorInfo === null ? null : (jsx_runtime_1.jsx(ComboBox_1.Combobox, { values: editorValues, selectedId: selectedEditor !== null && selectedEditor !== void 0 ? selectedEditor : NO_PREFERENCE_ID, style: comboBoxStyle, title: "Default editor" })), error ? (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [
-                            jsx_runtime_1.jsx(layout_1.Spacing, { y: 1.5 }), jsx_runtime_1.jsx(ValidationMessage_1.ValidationMessage, { message: error, align: "flex-start", type: "error" })
-                        ] })) : null] }), jsx_runtime_1.jsx(ModalFooter_1.ModalFooterContainer, { children: jsx_runtime_1.jsx(layout_1.Row, { justify: "flex-end", children: jsx_runtime_1.jsx(ModalButton_1.ModalButton, { onClick: submit, disabled: isSubmitting || editorInfo === null, children: isSubmitting ? 'Saving...' : 'Save and reload' }) }) })
-        ] }));
+    }, [codingAgentInfo, editorInfo, revision]);
+    const updates = (0, react_1.useMemo)(() => {
+        // The browser only receives an opaque ID for a custom editor. Omitting the
+        // update preserves its executable and arguments in the existing config call.
+        const editorUpdate = selectedEditor === 'custom'
+            ? []
+            : [
+                selectedEditor === null
+                    ? { setter: 'setDefaultEditor', type: 'delete' }
+                    : {
+                        setter: 'setDefaultEditor',
+                        type: 'set',
+                        value: selectedEditor,
+                    },
+            ];
+        return [
+            ...editorUpdate,
+            selectedCodingAgent === null
+                ? { setter: 'setDefaultCodingAgent', type: 'delete' }
+                : {
+                    setter: 'setDefaultCodingAgent',
+                    type: 'set',
+                    value: selectedCodingAgent,
+                },
+        ];
+    }, [selectedCodingAgent, selectedEditor]);
+    const ready = editorInfo !== null &&
+        codingAgentInfo !== null &&
+        syncedRevision === revision;
+    (0, use_auto_save_config_1.useAutoSaveConfig)({
+        enabled: ready,
+        onError: setError,
+        ready,
+        syncRevision: syncedRevision,
+        updates,
+    });
+    const displayedError = error !== null && error !== void 0 ? error : settingsError;
+    return (jsx_runtime_1.jsx("div", { style: container, children: jsx_runtime_1.jsxs("div", { style: content, children: [
+                jsx_runtime_1.jsx("p", { style: title, children: "Default editor" }), jsx_runtime_1.jsx(layout_1.Spacing, { y: 1, block: true }), editorInfo === null && displayedError === null ? (jsx_runtime_1.jsx("p", { style: description, children: "Loading installed editors..." })) : null, (editorInfo === null || editorInfo === void 0 ? void 0 : editorInfo.installedEditors.length) === 0 ? (jsx_runtime_1.jsx("p", { style: description, children: "No supported editors were found on this computer." })) : null, editorInfo === null ? null : (jsx_runtime_1.jsx(ComboBox_1.Combobox, { values: editorValues, selectedId: selectedEditor !== null && selectedEditor !== void 0 ? selectedEditor : NO_PREFERENCE_ID, style: comboBoxStyle, title: "Default editor" })), jsx_runtime_1.jsx(layout_1.Spacing, { y: 2, block: true }), jsx_runtime_1.jsx("p", { style: title, children: "Default coding agent" }), jsx_runtime_1.jsx(layout_1.Spacing, { y: 1, block: true }), codingAgentInfo === null && displayedError === null ? (jsx_runtime_1.jsx("p", { style: description, children: "Loading installed coding agents..." })) : null, (codingAgentInfo === null || codingAgentInfo === void 0 ? void 0 : codingAgentInfo.installedCodingAgents.length) === 0 ? (jsx_runtime_1.jsx("p", { style: description, children: "No supported coding agents were found on this computer." })) : null, codingAgentInfo === null ? null : (jsx_runtime_1.jsx(ComboBox_1.Combobox, { values: codingAgentValues, selectedId: selectedCodingAgent !== null && selectedCodingAgent !== void 0 ? selectedCodingAgent : NO_PREFERENCE_ID, style: comboBoxStyle, title: "Default coding agent" })), displayedError ? (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [
+                        jsx_runtime_1.jsx(layout_1.Spacing, { y: 1.5 }), jsx_runtime_1.jsx(ValidationMessage_1.ValidationMessage, { message: displayedError, align: "flex-start", type: "error" })
+                    ] })) : null] }) }));
 };
-exports.ConfigureDefaultEditorModal = ConfigureDefaultEditorModal;
+exports.DefaultEditorSettings = DefaultEditorSettings;

package/dist/components/ConfigureLicenseModal.d.ts

@@ -1,4 +1,2 @@
 import React from 'react';
-export declare const ConfigureLicenseModal: React.FC<{
-    readonly initialPublicLicenseKey: string | null;
-}>;
+export declare const LicenseSettings: React.FC;