@remotion/studio 4.0.525 → 4.0.527

package/dist/components/selected-outline-order.js

@@ -44,9 +44,7 @@ const getOutlineBounds = (outline) => {
         minY: Math.min(...ys),
     };
 };
-const outlineBoundsOverlap = (a, b) => {
-    const aBounds = getOutlineBounds(a);
-    const bBounds = getOutlineBounds(b);
+const outlineBoundsOverlap = (aBounds, bBounds) => {
     return (aBounds.minX <= bBounds.maxX + outlineBoundsOverlapTolerance &&
         aBounds.maxX + outlineBoundsOverlapTolerance >= bBounds.minX &&
         aBounds.minY <= bBounds.maxY + outlineBoundsOverlapTolerance &&
@@ -177,13 +175,26 @@ const orderOutlineGroup = ({ outlines, parentBySequenceId, targetsByKey, }) => {
     // For unrelated overlapping outlines, put broader hit targets below
     // smaller ones so a large selected sequence cannot swallow clicks on
     // a more specific element in the same canvas area.
+    const bounds = outlines.map(getOutlineBounds);
+    const areas = outlines.map(getOutlineHitArea);
     for (let i = 0; i < outlines.length; i++) {
+        const a = outlines[i];
+        const aTarget = targetsByKey.get(a.key);
+        if (aTarget === undefined) {
+            continue;
+        }
         for (let j = i + 1; j < outlines.length; j++) {
-            const a = outlines[i];
+            if (!outlineBoundsOverlap(bounds[i], bounds[j])) {
+                continue;
+            }
+            const aArea = areas[i];
+            const bArea = areas[j];
+            if (Math.abs(aArea - bArea) <= outlineAreaEqualityTolerance) {
+                continue;
+            }
             const b = outlines[j];
-            const aTarget = targetsByKey.get(a.key);
             const bTarget = targetsByKey.get(b.key);
-            if (aTarget === undefined || bTarget === undefined) {
+            if (bTarget === undefined) {
                 continue;
             }
             const aAncestorOfB = isAncestorTarget({
@@ -196,12 +207,7 @@ const orderOutlineGroup = ({ outlines, parentBySequenceId, targetsByKey, }) => {
                 descendant: aTarget,
                 parentBySequenceId,
             });
-            if (aAncestorOfB || bAncestorOfA || !outlineBoundsOverlap(a, b)) {
-                continue;
-            }
-            const aArea = getOutlineHitArea(a);
-            const bArea = getOutlineHitArea(b);
-            if (Math.abs(aArea - bArea) <= outlineAreaEqualityTolerance) {
+            if (aAncestorOfB || bAncestorOfA) {
                 continue;
             }
             if (aArea > bArea) {

package/dist/components/use-open-in-menu-apps.d.ts

@@ -0,0 +1,14 @@
+import type { EditorPickerId, GetDefaultCodingAgentInfoResponse, GetDefaultEditorInfoResponse } from '@remotion/studio-shared';
+export type OpenInMenuApps = {
+    readonly canOpenDesktopApps: boolean;
+    readonly canOpenInEditor: boolean;
+    readonly codingAgentInfo: GetDefaultCodingAgentInfoResponse | null;
+    readonly defaultEditorId: EditorPickerId | null;
+    readonly defaultEditorName: string | null;
+    readonly editorInfo: GetDefaultEditorInfoResponse | null;
+    readonly onConfigureApps: (() => void) | null;
+};
+export declare const useOpenInMenuApps: () => {
+    connectionStatus: "connected" | "disconnected" | "init";
+    openInApps: OpenInMenuApps;
+};

package/dist/components/use-open-in-menu-apps.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOpenInMenuApps = void 0;
+const react_1 = require("react");
+const client_id_1 = require("../helpers/client-id");
+const use_configure_default_apps_1 = require("./use-configure-default-apps");
+const use_default_editor_info_1 = require("./use-default-editor-info");
+const useOpenInMenuApps = () => {
+    const connectionStatus = (0, react_1.useContext)(client_id_1.StudioServerConnectionCtx)
+        .previewServerState.type;
+    const { canConfigureApps, canOpenInEditor, defaultEditorId, defaultEditorName, editorInfo, } = (0, use_default_editor_info_1.useEditorOpening)(connectionStatus === 'connected');
+    const codingAgentInfo = (0, use_default_editor_info_1.useDefaultCodingAgentInfo)(canConfigureApps);
+    const onConfigureApps = (0, use_configure_default_apps_1.useConfigureDefaultApps)();
+    const openInApps = (0, react_1.useMemo)(() => ({
+        canOpenDesktopApps: canConfigureApps,
+        canOpenInEditor,
+        codingAgentInfo,
+        defaultEditorId,
+        defaultEditorName,
+        editorInfo,
+        onConfigureApps,
+    }), [
+        canOpenInEditor,
+        canConfigureApps,
+        codingAgentInfo,
+        defaultEditorId,
+        defaultEditorName,
+        editorInfo,
+        onConfigureApps,
+    ]);
+    return { connectionStatus, openInApps };
+};
+exports.useOpenInMenuApps = useOpenInMenuApps;

package/dist/error-overlay/remotion-overlay/ErrorDisplay.js

@@ -123,7 +123,7 @@ const ErrorDisplay = ({ display, keyboardShortcuts, onRetry, canHaveDismissButto
                         canOpenInEditor &&
                         defaultEditorId &&
                         defaultEditorName ? (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [
-                            jsx_runtime_1.jsx(OpenInEditor_1.OpenInEditor, { canHaveKeyboardShortcuts: keyboardShortcuts, editorId: defaultEditorId, editorName: defaultEditorName, stack: stackFrames[0] }), jsx_runtime_1.jsx("div", { style: spacer })
+                            jsx_runtime_1.jsx(OpenInEditor_1.OpenInEditor, { canHaveKeyboardShortcuts: keyboardShortcuts, editorId: defaultEditorId, editorName: defaultEditorName, size: "default", stack: stackFrames[0] }), jsx_runtime_1.jsx("div", { style: spacer })
                         ] })) : null, jsx_runtime_1.jsx(CodingAgentButton_1.CodingAgentButton, { label: "Fix with", prompt: fixWithAgentPrompt, size: "default", style: codingAgentButton }), jsx_runtime_1.jsx(CopyStackTrace_1.CopyStackTrace, { errorText: errorTextForCopy }), jsx_runtime_1.jsx("div", { style: spacer }), jsx_runtime_1.jsx(SearchGitHubIssues_1.SearchGithubIssues, { canHaveKeyboardShortcuts: keyboardShortcuts, message: display.error.message }), jsx_runtime_1.jsx("div", { style: spacer }), jsx_runtime_1.jsx(AskOnDiscord_1.AskOnDiscord, { canHaveKeyboardShortcuts: keyboardShortcuts }), onRetry ? (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [
                             jsx_runtime_1.jsx("div", { style: spacer }), jsx_runtime_1.jsx(Retry_1.RetryButton, { onClick: onRetry, label: calculateMetadata ? 'Retry calculateMetadata()' : 'Retry' })
                         ] })) : null] }), calculateMetadata ? (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [
@@ -133,7 +133,7 @@ const ErrorDisplay = ({ display, keyboardShortcuts, onRetry, canHaveDismissButto
                 ] })) : null, stackFrames.length > 0 ? (jsx_runtime_1.jsx("div", { style: stack, className: is_menu_item_1.HORIZONTAL_SCROLLBAR_CLASSNAME, children: stackFrames.map((s, i) => {
                     return (jsx_runtime_1.jsx(StackFrame_1.StackElement
                     // eslint-disable-next-line react/no-array-index-key
-                    , { isFirst: i === 0, s: s, lineNumberWidth: lineNumberWidth, defaultFunctionName: '(anonymous function)', editorId: canOpenInEditor ? defaultEditorId : null }, i));
+                    , { collapsible: true, isFirst: i === 0, s: s, fontSize: 14, headerAction: null, horizontalSpacing: 14, lineNumberWidth: lineNumberWidth, defaultFunctionName: '(anonymous function)', editorId: canOpenInEditor ? defaultEditorId : null }, i));
                 }) })) : (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [
                     jsx_runtime_1.jsx("pre", { "aria-label": "Unsymbolicated stack trace", className: is_menu_item_1.HORIZONTAL_SCROLLBAR_CLASSNAME, style: rawStack, children: (_a = display.error.stack) !== null && _a !== void 0 ? _a : 'Check the Terminal and browser console for error messages.' }), symbolicationFailure ? (jsx_runtime_1.jsx("div", { style: symbolicationFailureStyle, children: symbolicationFailure })) : null] }))] }));
 };

package/dist/error-overlay/remotion-overlay/OpenInEditor.d.ts

@@ -5,4 +5,5 @@ export declare const OpenInEditor: React.FC<{
     readonly canHaveKeyboardShortcuts: boolean;
     readonly editorId: EditorPickerId;
     readonly editorName: string;
+    readonly size: 'compact' | 'default';
 }>;

package/dist/error-overlay/remotion-overlay/OpenInEditor.js

@@ -17,7 +17,7 @@ const menuLabel = {
     fontSize: 13,
     lineHeight: '16px',
 };
-const OpenInEditor = ({ stack, canHaveKeyboardShortcuts, editorId, editorName }) => {
+const OpenInEditor = ({ stack, canHaveKeyboardShortcuts, editorId, editorName, size }) => {
     const { editorInfo } = (0, SettingsContext_1.useSettings)();
     const configureDefaultApps = (0, use_configure_default_apps_1.useConfigureDefaultApps)();
     const { registerKeybinding } = (0, use_keybinding_1.useKeybinding)();
@@ -68,8 +68,8 @@ const OpenInEditor = ({ stack, canHaveKeyboardShortcuts, editorId, editorName })
         }));
         return editorItems;
     }, [editorId, editorInfo === null || editorInfo === void 0 ? void 0 : editorInfo.installedEditors, openWithEditor]);
-    return (jsx_runtime_1.jsxs(AppLaunchButton_1.AppLaunchButton, { actionButtonId: "error-overlay-open-in-editor", ariaLabel: `Open in ${editorName}`, disabled: false, menuAriaLabel: "Open in another app", menuButtonId: "error-overlay-open-in-another-app", menuItems: menuItems, onConfigureApps: configureDefaultApps, onClick: openPreferredEditor, size: "default", style: null, title: `Open in ${editorName}`, children: [
-            jsx_runtime_1.jsx(editor_1.EditorIcon, { editorId: editorId, size: 14 }),
+    return (jsx_runtime_1.jsxs(AppLaunchButton_1.AppLaunchButton, { actionButtonId: "error-overlay-open-in-editor", ariaLabel: `Open in ${editorName}`, disabled: false, menuAriaLabel: "Open in another app", menuButtonId: "error-overlay-open-in-another-app", menuItems: menuItems, onConfigureApps: configureDefaultApps, onClick: openPreferredEditor, size: size, style: null, title: `Open in ${editorName}`, children: [
+            jsx_runtime_1.jsx(editor_1.EditorIcon, { editorId: editorId, size: size === 'default' ? 14 : 18 }),
             "Open in ", editorName, canHaveKeyboardShortcuts ? (jsx_runtime_1.jsx(ShortcutHint_1.ShortcutHint, { keyToPress: "o", cmdOrCtrl: true })) : null] }));
 };
 exports.OpenInEditor = OpenInEditor;

package/dist/error-overlay/remotion-overlay/StackFrame.d.ts

@@ -4,6 +4,10 @@ export declare const StackElement: React.FC<{
     readonly s: SymbolicatedStackFrame;
     readonly lineNumberWidth: number;
     readonly isFirst: boolean;
-    readonly defaultFunctionName: string;
+    readonly defaultFunctionName: string | null;
     readonly editorId: EditorPickerId | null;
+    readonly collapsible: boolean;
+    readonly fontSize: number;
+    readonly horizontalSpacing: number;
+    readonly headerAction: React.ReactNode;
 }>;

package/dist/error-overlay/remotion-overlay/StackFrame.js

@@ -4,22 +4,20 @@ exports.StackElement = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const Button_1 = require("../../components/Button");
+const CodeFrame_1 = require("../../components/CodeFrame");
 const colors_1 = require("../../helpers/colors");
+const hoverable_1 = require("../../helpers/hoverable");
 const open_in_editor_1 = require("../../helpers/open-in-editor");
 const caret_1 = require("../../icons/caret");
-const CodeFrame_1 = require("./CodeFrame");
 const format_location_1 = require("./format-location");
 const location = {
     color: colors_1.LIGHT_TEXT,
     fontFamily: 'monospace',
-    fontSize: 14,
     overflowWrap: 'anywhere',
 };
 const header = {
-    paddingLeft: 14,
     paddingTop: 10,
     paddingBottom: 10,
-    paddingRight: 14,
     display: 'flex',
     flexDirection: 'row',
     alignItems: 'center',
@@ -30,11 +28,10 @@ const left = {
     minWidth: 0,
 };
 const fnName = {
-    fontSize: 14,
     lineHeight: 1.5,
     marginBottom: 3,
 };
-const StackElement = ({ s, lineNumberWidth, isFirst, defaultFunctionName, editorId }) => {
+const StackElement = ({ s, lineNumberWidth, isFirst, defaultFunctionName, editorId, collapsible, fontSize, horizontalSpacing, headerAction, }) => {
     var _a;
     const [showCodeFrame, setShowCodeFrame] = (0, react_1.useState)(() => {
         var _a, _b;
@@ -42,7 +39,6 @@ const StackElement = ({ s, lineNumberWidth, isFirst, defaultFunctionName, editor
             !((_b = s.originalFileName) === null || _b === void 0 ? void 0 : _b.startsWith('webpack/'))) ||
             isFirst;
     });
-    const [locationHovered, setLocationHovered] = (0, react_1.useState)(false);
     const canOpenFileLocation = Boolean(editorId && s.originalFileName);
     const onOpenFileLocation = (0, react_1.useCallback)(() => {
         if (!canOpenFileLocation) {
@@ -59,26 +55,37 @@ const StackElement = ({ s, lineNumberWidth, isFirst, defaultFunctionName, editor
     const toggleCodeFrame = (0, react_1.useCallback)(() => {
         setShowCodeFrame((f) => !f);
     }, []);
+    const functionName = (_a = s.originalFunctionName) !== null && _a !== void 0 ? _a : defaultFunctionName;
+    const shouldShowCodeFrame = collapsible ? showCodeFrame : true;
     return (jsx_runtime_1.jsxs("div", { className: "css-reset", children: [
             jsx_runtime_1.jsxs("div", { style: {
                     ...header,
-                    borderBottom: showCodeFrame ? 'none' : colors_1.BORDER_WHITE_ALPHA_12,
+                    borderBottom: shouldShowCodeFrame ? 'none' : colors_1.BORDER_WHITE_ALPHA_12,
+                    paddingLeft: horizontalSpacing,
+                    paddingRight: horizontalSpacing,
                 }, children: [
-                    jsx_runtime_1.jsxs("div", { style: left, children: [
-                            jsx_runtime_1.jsx("div", { style: fnName, children: (_a = s.originalFunctionName) !== null && _a !== void 0 ? _a : defaultFunctionName }), s.originalFileName ? (jsx_runtime_1.jsx("div", { style: location, children: canOpenFileLocation ? (jsx_runtime_1.jsxs("span", { onClick: onOpenFileLocation, onPointerEnter: () => {
-                                        setLocationHovered(true);
-                                    }, onPointerLeave: () => {
-                                        setLocationHovered(false);
-                                    }, style: {
+                    jsx_runtime_1.jsxs("div", { style: left, children: [functionName === null ? null : (jsx_runtime_1.jsx("div", { style: { ...fnName, fontSize }, children: functionName })), s.originalFileName ? (jsx_runtime_1.jsx("div", { style: { ...location, fontSize }, children: canOpenFileLocation ? (jsx_runtime_1.jsxs("button", { type: "button", className: `${hoverable_1.HOVERABLE_CLASS_NAME} ${hoverable_1.FOCUS_VISIBLE_ONLY_CLASS_NAME}`, onClick: onOpenFileLocation, style: {
                                         ...location,
-                                        color: locationHovered ? colors_1.WHITE : colors_1.LIGHT_TEXT,
-                                        cursor: 'pointer',
-                                    }, children: [(0, format_location_1.formatLocation)(s.originalFileName), ":", s.originalLineNumber] })) : (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [(0, format_location_1.formatLocation)(s.originalFileName), ":", s.originalLineNumber] })) })) : null] }), s.originalScriptCode && s.originalScriptCode.length > 0 ? (jsx_runtime_1.jsx(Button_1.Button, { onClick: toggleCodeFrame, children: jsx_runtime_1.jsx("div", { style: {
+                                        ...(0, hoverable_1.hoverableStyle)({
+                                            idleBackground: colors_1.TRANSPARENT,
+                                            hoverBackground: colors_1.TRANSPARENT,
+                                            idleColor: colors_1.LIGHT_TEXT,
+                                            hoverColor: colors_1.WHITE,
+                                        }),
+                                        appearance: 'none',
+                                        border: 'none',
+                                        color: undefined,
+                                        cursor: 'default',
+                                        fontSize,
+                                        padding: 0,
+                                    }, children: [(0, format_location_1.formatLocation)(s.originalFileName), ":", s.originalLineNumber] })) : (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [(0, format_location_1.formatLocation)(s.originalFileName), ":", s.originalLineNumber] })) })) : null] }), headerAction, collapsible &&
+                        s.originalScriptCode &&
+                        s.originalScriptCode.length > 0 ? (jsx_runtime_1.jsx(Button_1.Button, { onClick: toggleCodeFrame, children: jsx_runtime_1.jsx("div", { style: {
                                 display: 'flex',
-                                transform: showCodeFrame ? undefined : 'rotate(-90deg)',
+                                transform: shouldShowCodeFrame ? undefined : 'rotate(-90deg)',
                             }, children: jsx_runtime_1.jsx(caret_1.CaretDown, {}) }) })) : null] }), jsx_runtime_1.jsx("div", { children: s.originalScriptCode &&
                     s.originalScriptCode.length > 0 &&
-                    showCodeFrame ? (jsx_runtime_1.jsx(CodeFrame_1.CodeFrame, { lineNumberWidth: lineNumberWidth, source: s.originalScriptCode })) : null })
+                    shouldShowCodeFrame ? (jsx_runtime_1.jsx(CodeFrame_1.CodeFrame, { fontSize: fontSize, horizontalMargin: horizontalSpacing, lineNumberWidth: lineNumberWidth, source: s.originalScriptCode })) : null })
         ] }));
 };
 exports.StackElement = StackElement;

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-gfmpcy4h.mjs → LazyModels-nh3c8h9p.mjs}

@@ -1,8 +1,9 @@
 import {
   Models
-} from "./index-vsxrxfpj.mjs";
-import"./index-jrw61pkj.mjs";
-import"./index-0x13f28h.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-m1rf06wh.mjs → LazyModels-rr5v8h5y.mjs}

@@ -1,8 +1,9 @@
 import {
   Models
-} from "./index-hbezgbbq.mjs";
-import"./index-jrw61pkj.mjs";
-import"./index-0x13f28h.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-8pvrehg4.mjs → TranscriptionModal-79m5wgcj.mjs}

@@ -6,7 +6,7 @@ import {
   NumberSetting,
   getDefaultCaptionOutputName,
   validateCaptionOutputName
-} from "./index-1089795y.mjs";
+} from "./index-vxwg66ar.mjs";
 import {
   Button,
   Checkbox,
@@ -30,22 +30,25 @@ import {
   optionsSidebarTabs,
   persistSelectedOptionsSidebarPanel,
   rightRow,
-  showNotification,
   useStaticFiles
-} from "./index-ggqpre9v.mjs";
+} from "./index-ppspzgn9.mjs";
+import {
+  showNotification
+} from "./index-21hxsfaa.mjs";
 import {
   RenderQueueContext
 } from "./index-9x6e1dq0.mjs";
 import {
   openInFileExplorer
-} from "./index-41kqns5c.mjs";
+} from "./index-e855w59j.mjs";
+import"./index-r1gr3j3a.mjs";
 import {
   getBrowserStudioOperations
 } from "./index-cw0pnpg5.mjs";
 import {
   Models
-} from "./index-vsxrxfpj.mjs";
-import"./index-jrw61pkj.mjs";
+} from "./index-614tdz2q.mjs";
+import"./index-r0ejh5sy.mjs";
 import {
   InlineAction,
   Spacing,
@@ -61,7 +64,8 @@ import {
   leftSidebar,
   optionsPanel,
   outerModalStyle
-} from "./index-0x13f28h.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-fefbzgka.mjs → VideoMattingModal-31pew0xj.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./index-7tt71e8n.mjs";
 import {
   RenderModalOutputName
-} from "./index-mww32xc8.mjs";
+} from "./index-s7qa3xbw.mjs";
 import {
   Button,
   Checkmark,
@@ -25,16 +25,18 @@ import {
   rightRow,
   useStaticFiles,
   validatePublicOutputName
-} from "./index-ggqpre9v.mjs";
+} from "./index-ppspzgn9.mjs";
+import"./index-21hxsfaa.mjs";
 import {
   RenderQueueContext
 } from "./index-9x6e1dq0.mjs";
-import"./index-41kqns5c.mjs";
+import"./index-e855w59j.mjs";
+import"./index-r1gr3j3a.mjs";
 import"./index-cw0pnpg5.mjs";
 import {
   Models
-} from "./index-hbezgbbq.mjs";
-import"./index-jrw61pkj.mjs";
+} from "./index-ac5550e7.mjs";
+import"./index-r0ejh5sy.mjs";
 import {
   VERTICAL_SCROLLBAR_CLASSNAME,
   ValidationMessage,
@@ -48,7 +50,8 @@ import {
   leftSidebar,
   optionsPanel,
   outerModalStyle
-} from "./index-0x13f28h.mjs";
+} from "./index-5t2dwxsk.mjs";
+import"./index-9xxg6218.mjs";
 import"./index-5zrb1ft4.mjs";
 import {
   BLUE_DISABLED