@remotion/studio 4.0.526 → 4.0.527

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.js

@@ -30,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',
@@ -55,7 +55,7 @@ const getOpenInMenuItems = ({ canOpenDesktopApps, codingAgentInfo, editorDisable
                 onOpenInEditor(editor.id);
             }
         },
-        quickSwitcherLabel: null,
+        quickSwitcherLabel: `Open in ${editor.name}`,
         subMenu: null,
         type: 'item',
         value: editor.id,
@@ -68,7 +68,7 @@ const getOpenInMenuItems = ({ canOpenDesktopApps, codingAgentInfo, editorDisable
         label: jsx_runtime_1.jsx("span", { style: menuLabel, children: codingAgent.name }),
         leftItem: jsx_runtime_1.jsx(CodingAgentIcon_1.CodingAgentIcon, { codingAgentId: codingAgent.id, size: 18 }),
         onClick: () => onOpenInCodingAgent(codingAgent.id, codingAgent.nameWithType),
-        quickSwitcherLabel: null,
+        quickSwitcherLabel: `Open in ${codingAgent.nameWithType}`,
         subMenu: null,
         type: 'item',
         value: `coding-agent-${codingAgent.id}`,
@@ -91,7 +91,7 @@ const getOpenInMenuItems = ({ canOpenDesktopApps, codingAgentInfo, editorDisable
                     onOpenInGitSource();
                 }
             },
-            quickSwitcherLabel: null,
+            quickSwitcherLabel: 'Open in GitHub.com',
             subMenu: null,
             type: 'item',
             value: 'github',
@@ -111,7 +111,7 @@ const getOpenInMenuItems = ({ canOpenDesktopApps, codingAgentInfo, editorDisable
                         onOpenInFileExplorer();
                     }
                 },
-                quickSwitcherLabel: null,
+                quickSwitcherLabel: `Open in ${fileManagerName}`,
                 subMenu: null,
                 type: 'item',
                 value: 'file-explorer',
@@ -156,7 +156,7 @@ const getOpenInMenuItems = ({ canOpenDesktopApps, codingAgentInfo, editorDisable
                     label: jsx_runtime_1.jsx("span", { style: menuLabel, children: terminal.name }),
                     leftItem: jsx_runtime_1.jsx(terminal_1.TerminalIcon, { terminalId: terminal.id, size: 18 }),
                     onClick: () => onOpenInTerminal === null || onOpenInTerminal === void 0 ? void 0 : onOpenInTerminal(terminal.id),
-                    quickSwitcherLabel: null,
+                    quickSwitcherLabel: `Open in ${terminal.name}`,
                     subMenu: null,
                     type: 'item',
                     value: `terminal-${terminal.id}`,
@@ -176,7 +176,7 @@ const getOpenInMenuItems = ({ canOpenDesktopApps, codingAgentInfo, editorDisable
                     label: jsx_runtime_1.jsx("span", { style: menuLabel, children: gitClient.name }),
                     leftItem: jsx_runtime_1.jsx(git_client_1.GitClientIcon, { gitClientId: gitClient.id, size: 18 }),
                     onClick: () => onOpenInGitClient(gitClient.id),
-                    quickSwitcherLabel: null,
+                    quickSwitcherLabel: `Open in ${gitClient.name}`,
                     subMenu: null,
                     type: 'item',
                     value: `git-client-${gitClient.id}`,

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

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

package/dist/components/keyboard-shortcuts.js

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

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

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

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

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

package/dist/esm/{CaptionQueueProcessor-k0yrm3dj.mjs → CaptionQueueProcessor-npa6szn1.mjs}

@@ -1,12 +1,22 @@
 import {
   loadModelForJob
 } from "./index-v4tr1bft.mjs";
+import {
+  installRequiredPackages
+} from "./index-21hxsfaa.mjs";
 import {
   RenderQueueContext
 } from "./index-9x6e1dq0.mjs";
 import {
+  callApi
+} from "./index-r1gr3j3a.mjs";
+import {
+  getBrowserStudioOperations,
   writeStaticFile
 } from "./index-cw0pnpg5.mjs";
+import"./index-9xxg6218.mjs";
+import"./index-5zrb1ft4.mjs";
+import"./index-k426ye99.mjs";
 import"./index-rcv7qkt5.mjs";
 
 // src/components/RenderQueue/CaptionQueueProcessor.tsx
@@ -179,14 +189,35 @@ var CaptionQueueProcessor = () => {
       const { captions } = toCaptions({
         whisperWebGpuOutput: transcription
       });
-      updateCaptionJobProgress(job.id, {
-        message: `Saving ${job.outName}...`,
-        value: 0.95
-      });
-      await writeStaticFile({
-        contents: JSON.stringify(captions, null, 2),
-        filePath: job.outName
-      });
+      if (job.target === null) {
+        updateCaptionJobProgress(job.id, {
+          message: `Saving ${job.outName}...`,
+          value: 0.95
+        });
+        await writeStaticFile({
+          contents: JSON.stringify(captions, null, 2),
+          filePath: job.outName
+        });
+      } else {
+        updateCaptionJobProgress(job.id, {
+          message: "Adding Basic captions...",
+          value: 0.95
+        });
+        await installRequiredPackages([
+          { name: "@remotion/captions", version: null }
+        ]);
+        const request = {
+          fileName: job.target.fileName,
+          nodePath: job.target.nodePath.nodePath,
+          durationInFrames: job.target.durationInFrames,
+          captions
+        };
+        const browserStudioOperations = getBrowserStudioOperations();
+        const response = browserStudioOperations ? await browserStudioOperations.insertBasicCaptions(request) : await callApi("/api/insert-basic-captions", request);
+        if (!response.success) {
+          throw new Error(response.reason);
+        }
+      }
       captionCount = captions.length;
     } catch (error) {
       processingError = error instanceof Error ? error : new Error(String(error));

package/dist/esm/{LazyModels-nk7py0zt.mjs → LazyModels-nh3c8h9p.mjs}

@@ -1,8 +1,9 @@
 import {
   Models
-} from "./index-5bfxbpca.mjs";
-import"./index-g7k2dvar.mjs";
-import"./index-cdy8v54v.mjs";
+} from "./index-614tdz2q.mjs";
+import"./index-r0ejh5sy.mjs";
+import"./index-5t2dwxsk.mjs";
+import"./index-9xxg6218.mjs";
 import"./index-5zrb1ft4.mjs";
 import"./index-k426ye99.mjs";
 import"./index-rcv7qkt5.mjs";

package/dist/esm/{LazyModels-mtggyjye.mjs → LazyModels-rr5v8h5y.mjs}

@@ -1,8 +1,9 @@
 import {
   Models
-} from "./index-5gd8k9yv.mjs";
-import"./index-g7k2dvar.mjs";
-import"./index-cdy8v54v.mjs";
+} from "./index-ac5550e7.mjs";
+import"./index-r0ejh5sy.mjs";
+import"./index-5t2dwxsk.mjs";
+import"./index-9xxg6218.mjs";
 import"./index-5zrb1ft4.mjs";
 import"./index-k426ye99.mjs";
 import"./index-rcv7qkt5.mjs";

package/dist/esm/{TranscriptionModal-ymnx1c7m.mjs → TranscriptionModal-79m5wgcj.mjs}

@@ -6,7 +6,7 @@ import {
   NumberSetting,
   getDefaultCaptionOutputName,
   validateCaptionOutputName
-} from "./index-f97r9e2g.mjs";
+} from "./index-vxwg66ar.mjs";
 import {
   Button,
   Checkbox,
@@ -30,22 +30,25 @@ import {
   optionsSidebarTabs,
   persistSelectedOptionsSidebarPanel,
   rightRow,
-  showNotification,
   useStaticFiles
-} from "./index-bs39wngg.mjs";
+} from "./index-ppspzgn9.mjs";
+import {
+  showNotification
+} from "./index-21hxsfaa.mjs";
 import {
   RenderQueueContext
 } from "./index-9x6e1dq0.mjs";
 import {
   openInFileExplorer
-} from "./index-eb5txqp6.mjs";
+} from "./index-e855w59j.mjs";
+import"./index-r1gr3j3a.mjs";
 import {
   getBrowserStudioOperations
 } from "./index-cw0pnpg5.mjs";
 import {
   Models
-} from "./index-5gd8k9yv.mjs";
-import"./index-g7k2dvar.mjs";
+} from "./index-614tdz2q.mjs";
+import"./index-r0ejh5sy.mjs";
 import {
   InlineAction,
   Spacing,
@@ -61,7 +64,8 @@ import {
   leftSidebar,
   optionsPanel,
   outerModalStyle
-} from "./index-cdy8v54v.mjs";
+} from "./index-5t2dwxsk.mjs";
+import"./index-9xxg6218.mjs";
 import"./index-5zrb1ft4.mjs";
 import {
   BLUE_DISABLED,
@@ -770,7 +774,8 @@ var TranscriptionModal = ({
   audioStreamIndex,
   displayName,
   requestInit,
-  src
+  src,
+  target
 }) => {
   const [tab, setTab] = useState("transcribe");
   const isModelCached = useCallback((model) => isWhisperModelCached({ model }), []);
@@ -811,8 +816,8 @@ var TranscriptionModal = ({
     };
   }, []);
   const normalizedOutName = outName.normalize("NFC").toLowerCase();
-  const queuedOutputExists = captionJobs.some((job) => (job.status === "idle" || job.status === "running") && job.outName.normalize("NFC").toLowerCase() === normalizedOutName);
-  const outputValidationMessage = validateCaptionOutputName(outName) ?? (queuedOutputExists ? "Another caption job is already using this output file" : null);
+  const queuedOutputExists = captionJobs.some((job) => job.target === null && (job.status === "idle" || job.status === "running") && job.outName.normalize("NFC").toLowerCase() === normalizedOutName);
+  const outputValidationMessage = target === null ? validateCaptionOutputName(outName) ?? (queuedOutputExists ? "Another caption job is already using this output file" : null) : null;
   const exists = staticFiles.some((file) => file.name.normalize("NFC").toLowerCase() === normalizedOutName);
   const chunkValidationMessage = strideLengthInSeconds * 2 >= chunkLengthInSeconds ? "Stride length must be less than half of chunk length" : null;
   const decodingValidationMessage = !Number.isFinite(temperature) ? "Temperature must be a finite number greater than 0" : temperature <= 0 ? "Temperature must be greater than 0" : !Number.isInteger(topK) || topK < 0 ? "Top K must be a non-negative integer" : !Number.isFinite(repetitionPenalty) ? "Repetition penalty must be a finite number greater than 0" : repetitionPenalty <= 0 ? "Repetition penalty must be greater than 0" : !Number.isInteger(noRepeatNgramSize) || noRepeatNgramSize < 0 ? "No-repeat n-gram size must be a non-negative integer" : null;
@@ -834,7 +839,8 @@ var TranscriptionModal = ({
       displayName,
       audioStreamIndex,
       requestInit,
-      outName,
+      outName: target === null ? outName : "Basic captions",
+      target,
       model: selectedModel,
       language: modelInfo.multilingual ? selectedLanguage : null,
       task: modelInfo.supportsTranslation ? selectedTask : "transcribe",
@@ -861,6 +867,7 @@ var TranscriptionModal = ({
     forceFullSequences,
     noRepeatNgramSize,
     outName,
+    target,
     repetitionPenalty,
     requestInit,
     src,
@@ -873,13 +880,14 @@ var TranscriptionModal = ({
     temperature,
     topK
   ]);
+  const title = target === null ? `Transcribe ${displayName}` : "Generate captions";
   return /* @__PURE__ */ jsx(DismissableModal, {
-    ariaLabel: `Transcribe ${displayName}`,
+    ariaLabel: title,
     children: /* @__PURE__ */ jsxs("div", {
       style: transcriptionModalStyle,
       children: [
         /* @__PURE__ */ jsx(ModalHeader, {
-          title: `Transcribe ${displayName}`
+          title
         }),
         /* @__PURE__ */ jsxs("div", {
           style: container,
@@ -895,7 +903,7 @@ var TranscriptionModal = ({
                 ...buttonStyle,
                 backgroundColor: canTranscribe ? buttonStyle.backgroundColor : BLUE_DISABLED
               },
-              children: "Transcribe"
+              children: target === null ? "Transcribe" : "Generate captions"
             })
           ]
         }),
@@ -951,13 +959,13 @@ var TranscriptionModal = ({
               style: tab === "transcribe" ? settingsPanel : hiddenPanel,
               className: VERTICAL_SCROLLBAR_CLASSNAME,
               children: [
-                /* @__PURE__ */ jsx(OutputSettings, {
+                target === null ? /* @__PURE__ */ jsx(OutputSettings, {
                   exists,
                   onOutNameChange,
                   outName,
                   validationMessage: outputValidationMessage
-                }),
-                /* @__PURE__ */ jsx(RenderModalHr, {}),
+                }) : null,
+                target === null ? /* @__PURE__ */ jsx(RenderModalHr, {}) : null,
                 /* @__PURE__ */ jsx(ModelSettings, {
                   cachedModels,
                   selectedLanguage,

package/dist/esm/{VideoMattingModal-05vpczks.mjs → VideoMattingModal-31pew0xj.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./index-7tt71e8n.mjs";
 import {
   RenderModalOutputName
-} from "./index-x40wwfmt.mjs";
+} from "./index-s7qa3xbw.mjs";
 import {
   Button,
   Checkmark,
@@ -25,16 +25,18 @@ import {
   rightRow,
   useStaticFiles,
   validatePublicOutputName
-} from "./index-bs39wngg.mjs";
+} from "./index-ppspzgn9.mjs";
+import"./index-21hxsfaa.mjs";
 import {
   RenderQueueContext
 } from "./index-9x6e1dq0.mjs";
-import"./index-eb5txqp6.mjs";
+import"./index-e855w59j.mjs";
+import"./index-r1gr3j3a.mjs";
 import"./index-cw0pnpg5.mjs";
 import {
   Models
-} from "./index-5bfxbpca.mjs";
-import"./index-g7k2dvar.mjs";
+} from "./index-ac5550e7.mjs";
+import"./index-r0ejh5sy.mjs";
 import {
   VERTICAL_SCROLLBAR_CLASSNAME,
   ValidationMessage,
@@ -48,7 +50,8 @@ import {
   leftSidebar,
   optionsPanel,
   outerModalStyle
-} from "./index-cdy8v54v.mjs";
+} from "./index-5t2dwxsk.mjs";
+import"./index-9xxg6218.mjs";
 import"./index-5zrb1ft4.mjs";
 import {
   BLUE_DISABLED