@remotion/renderer 4.0.532 → 4.0.534

package/dist/esm/client.mjs

@@ -1,5 +1,5 @@
 // src/client.ts
-import { NoReactInternals as NoReactInternals5 } from "remotion/no-react";
+import { NoReactInternals as NoReactInternals7 } from "remotion/no-react";
 
 // src/browser/TimeoutSettings.ts
 var DEFAULT_TIMEOUT = 30000;
@@ -34,6 +34,19 @@ class TimeoutSettings {
   }
 }
 
+// src/is-audio-codec.ts
+var isAudioCodec = (codec) => {
+  return codec === "mp3" || codec === "aac" || codec === "wav";
+};
+
+// src/can-use-parallel-encoding.ts
+var canUseParallelEncoding = (codec) => {
+  if (isAudioCodec(codec)) {
+    return false;
+  }
+  return codec === "h264" || codec === "h264-mkv" || codec === "h264-ts" || codec === "h265" || codec === "vp8" || codec === "vp9" || codec === "av1" || codec === "prores";
+};
+
 // src/codec.ts
 var validCodecs = [
   "h264",
@@ -51,11 +64,6 @@ var validCodecs = [
 ];
 var DEFAULT_CODEC = "h264";
 
-// src/is-audio-codec.ts
-var isAudioCodec = (codec) => {
-  return codec === "mp3" || codec === "aac" || codec === "wav";
-};
-
 // src/crf.ts
 var defaultCrfMap = {
   h264: 18,
@@ -124,6 +132,7 @@ var codecSupportsVideoBitrate = (codec) => {
 };
 
 // src/file-extensions.ts
+import { NoReactInternals } from "remotion/no-react";
 var defaultFileExtensionMap = {
   "h264-mkv": {
     default: "mkv",
@@ -143,7 +152,7 @@ var defaultFileExtensionMap = {
     default: "aac",
     forAudioCodec: {
       aac: {
-        possible: ["aac", "3gp", "m4a", "m4b", "mpg", "mpeg"],
+        possible: NoReactInternals.ENABLE_V5_BREAKING_CHANGES ? ["aac", "3gp", "m4a", "m4b"] : ["aac", "3gp", "m4a", "m4b", "mpg", "mpeg"],
         default: "aac"
       },
       "pcm-16": {
@@ -439,7 +448,7 @@ var allowHtmlInCanvasOption = {
     ]
   }),
   ssrName: null,
-  docLink: "https://www.remotion.dev/docs/client-side-rendering/html-in-canvas",
+  docLink: "https://www.remotion.dev/docs/options/allow-html-in-canvas",
   type: false,
   getValue: ({ commandLine }) => {
     if (commandLine[cliFlag] !== null) {
@@ -476,7 +485,7 @@ var apiKeyOption = {
     ]
   }),
   ssrName: "apiKey",
-  docLink: "https://www.remotion.dev/docs/licensing",
+  docLink: "https://www.remotion.dev/docs/options/api-key",
   type: null,
   getValue: ({ commandLine }) => {
     if (commandLine[cliFlag2] !== undefined) {
@@ -508,7 +517,7 @@ var askAIOption = {
     children: "If the Cmd + I shortcut of the Ask AI modal conflicts with your Studio, you can disable it using this."
   }),
   ssrName: null,
-  docLink: "https://www.remotion.dev/docs/config#setaskaienabled",
+  docLink: "https://www.remotion.dev/docs/options/disable-ask-ai",
   type: false,
   getValue: ({ commandLine }) => {
     if (commandLine[cliFlag3] !== undefined) {
@@ -565,7 +574,7 @@ var audioBitrateOption = {
     ]
   }),
   ssrName: "audioBitrate",
-  docLink: "https://www.remotion.dev/docs/renderer/render-media#audiobitrate-",
+  docLink: "https://www.remotion.dev/docs/options/audio-bitrate",
   type: "0",
   getValue: ({ commandLine }) => {
     if (commandLine[cliFlag4]) {
@@ -591,13 +600,26 @@ var audioBitrateOption = {
   id: cliFlag4
 };
 
+// src/get-mp4-brand.ts
+var mp4Brands = {
+  m4a: "M4A ",
+  m4b: "M4B ",
+  "3gp": "3gp4"
+};
+var getMp4BrandForExtension = (extension) => {
+  if (extension === null) {
+    return null;
+  }
+  return mp4Brands[extension.toLowerCase()] ?? null;
+};
+
 // src/options/separate-audio.tsx
 var DEFAULT = null;
 var cliFlag5 = "separate-audio-to";
 var separateAudioOption = {
   cliFlag: cliFlag5,
   description: () => `If set, the audio will not be included in the main output but rendered as a separate file at the location you pass. If the render contains no audio, a silent audio file is produced even when enforceAudioTrack is false. The muted option still takes precedence. It is recommended to use an absolute path. If a relative path is passed, it is relative to the Remotion Root.`,
-  docLink: "https://remotion.dev/docs/renderer/render-media",
+  docLink: "https://www.remotion.dev/docs/options/separate-audio-to",
   getValue: ({ commandLine }) => {
     if (commandLine[cliFlag5]) {
       return {
@@ -710,15 +732,18 @@ var resolveAudioCodec = ({
 }) => {
   let derivedFromSeparateAudioToExtension = null;
   if (separateAudioTo) {
-    const extension = separateAudioTo.split(".").pop();
+    const extension = separateAudioTo.split(".").pop() ?? null;
     for (const [key, value] of Object.entries(extensionMap)) {
       if (value === extension) {
         derivedFromSeparateAudioToExtension = key;
-        if (!supportedAudioCodecs[codec].includes(derivedFromSeparateAudioToExtension) && derivedFromSeparateAudioToExtension) {
-          throw new Error(`The codec is ${codec} but the audio codec derived from --${separateAudioOption.cliFlag} is ${derivedFromSeparateAudioToExtension}. The only supported codecs are: ${supportedAudioCodecs[codec].join(", ")}`);
-        }
       }
     }
+    if (getMp4BrandForExtension(extension)) {
+      derivedFromSeparateAudioToExtension = "aac";
+    }
+    if (derivedFromSeparateAudioToExtension && !supportedAudioCodecs[codec].includes(derivedFromSeparateAudioToExtension)) {
+      throw new Error(`The codec is ${codec} but the audio codec derived from --${separateAudioOption.cliFlag} is ${derivedFromSeparateAudioToExtension}. The only supported codecs are: ${supportedAudioCodecs[codec].join(", ")}`);
+    }
   }
   if (preferLossless) {
     const selected = getDefaultAudioCodec({ codec, preferLossless });
@@ -780,7 +805,7 @@ var audioCodecOption = {
     };
   },
   description: () => `Set the format of the audio that is embedded in the video. Not all codec and audio codec combinations are supported and certain combinations require a certain file extension and container format. See the table in the docs to see possible combinations.`,
-  docLink: "https://www.remotion.dev/docs/encoding/#audio-codec",
+  docLink: "https://www.remotion.dev/docs/options/audio-codec",
   name: "Audio Codec",
   ssrName,
   type: "aac",
@@ -799,7 +824,7 @@ var beepOnFinishOption = {
     children: "Whether the Remotion Studio tab should beep when the render is finished."
   }),
   ssrName: null,
-  docLink: "https://www.remotion.dev/docs/config#setbeeponfinish",
+  docLink: "https://www.remotion.dev/docs/options/beep-on-finish",
   type: false,
   getValue: ({ commandLine }) => {
     if (commandLine[cliFlag7] !== undefined && commandLine[cliFlag7] !== null) {
@@ -850,7 +875,7 @@ var benchmarkConcurrenciesOption = {
     ]
   }),
   ssrName: null,
-  docLink: "https://www.remotion.dev/docs/cli/benchmark#--concurrencies",
+  docLink: "https://www.remotion.dev/docs/options/concurrencies",
   type: null,
   getValue: ({ commandLine }) => {
     if (commandLine[cliFlag8] !== undefined) {
@@ -900,7 +925,7 @@ var binariesDirectoryOption = {
     ]
   }),
   ssrName: "binariesDirectory",
-  docLink: "https://www.remotion.dev/docs/renderer",
+  docLink: "https://www.remotion.dev/docs/options/binaries-directory",
   type: "",
   getValue: ({ commandLine }) => {
     if (commandLine[cliFlag9] !== undefined) {
@@ -943,7 +968,7 @@ var browserOption = {
     ]
   }),
   ssrName: null,
-  docLink: "https://www.remotion.dev/docs/cli/studio#--browser",
+  docLink: "https://www.remotion.dev/docs/options/browser",
   getValue: ({ commandLine }) => {
     if (commandLine[cliFlag10] !== undefined) {
       return {
@@ -974,7 +999,7 @@ var browserExecutableOption = {
     children: "Set a custom Chrome or Chromium executable path. By default Remotion will try to find an existing version of Chrome on your system and if not found, it will download one. This flag is useful if you don't have Chrome installed in a standard location and you want to prevent downloading an additional browser or need support for the H264 codec."
   }),
   ssrName: "browserExecutable",
-  docLink: "https://www.remotion.dev/docs/config#setbrowserexecutable",
+  docLink: "https://www.remotion.dev/docs/options/browser-executable",
   type: null,
   getValue: ({ commandLine }) => {
     if (commandLine[cliFlag11] !== undefined) {
@@ -1018,7 +1043,7 @@ var bundleCacheOption = {
     ]
   }),
   ssrName: null,
-  docLink: "https://www.remotion.dev/docs/config#setcachingenabled",
+  docLink: "https://www.remotion.dev/docs/options/bundle-cache",
   getValue: ({ commandLine }) => {
     if (commandLine[cliFlag12] !== undefined && commandLine[cliFlag12] !== null) {
       return {
@@ -1053,7 +1078,7 @@ var canvasTabsOption = {
     children: "Enable or disable the tabs above the Studio canvas."
   }),
   ssrName: null,
-  docLink: "https://www.remotion.dev/docs/config#setcanvastabsenabled",
+  docLink: "https://www.remotion.dev/docs/options/disable-canvas-tabs",
   type: false,
   getValue: ({ commandLine }) => {
     if (commandLine[cliFlag13] !== undefined && commandLine[cliFlag13] !== null) {
@@ -1122,7 +1147,7 @@ var chromeModeOption = {
       ]
     });
   },
-  docLink: "https://www.remotion.dev/chrome-for-testing",
+  docLink: "https://www.remotion.dev/docs/options/chrome-mode",
   getValue: ({ commandLine }) => {
     if (commandLine[cliFlag14]) {
       if (!validChromeModeOptions.includes(commandLine[cliFlag14])) {
@@ -1152,12 +1177,12 @@ var chromeModeOption = {
 };
 
 // src/options/color-space.tsx
-import { NoReactInternals } from "remotion/no-react";
+import { NoReactInternals as NoReactInternals2 } from "remotion/no-react";
 import { jsx as jsx13, jsxs as jsxs9, Fragment as Fragment13 } from "react/jsx-runtime";
 var validV4ColorSpaces = ["default", "bt601", "bt709", "bt2020-ncl"];
 var validV5ColorSpaces = ["bt601", "bt709", "bt2020-ncl"];
-var validColorSpaces = NoReactInternals.ENABLE_V5_BREAKING_CHANGES ? validV5ColorSpaces : validV4ColorSpaces;
-var DEFAULT_COLOR_SPACE = NoReactInternals.ENABLE_V5_BREAKING_CHANGES ? "bt709" : "default";
+var validColorSpaces = NoReactInternals2.ENABLE_V5_BREAKING_CHANGES ? validV5ColorSpaces : validV4ColorSpaces;
+var DEFAULT_COLOR_SPACE = NoReactInternals2.ENABLE_V5_BREAKING_CHANGES ? "bt709" : "default";
 var colorSpace = DEFAULT_COLOR_SPACE;
 var cliFlag15 = "color-space";
 var colorSpaceOption = {
@@ -1176,7 +1201,7 @@ var colorSpaceOption = {
       }),
       "(default since 5.0),",
       " ",
-      NoReactInternals.ENABLE_V5_BREAKING_CHANGES ? /* @__PURE__ */ jsxs9("code", {
+      NoReactInternals2.ENABLE_V5_BREAKING_CHANGES ? /* @__PURE__ */ jsxs9("code", {
         children: [
           '"',
           "bt601",
@@ -1251,7 +1276,7 @@ var colorSpaceOption = {
       "Only since v4.0.83, colorspace conversion is actually performed, previously it would only tag the metadata of the video."
     ]
   }),
-  docLink: "https://www.remotion.dev/docs/renderer/render-media#colorspace",
+  docLink: "https://www.remotion.dev/docs/options/color-space",
   ssrName: "colorSpace",
   type: DEFAULT_COLOR_SPACE,
   getValue: ({ commandLine }) => {
@@ -1314,7 +1339,7 @@ var concurrencyOption = {
     ]
   }),
   ssrName: "concurrency",
-  docLink: "https://www.remotion.dev/docs/config#setconcurrency",
+  docLink: "https://www.remotion.dev/docs/options/concurrency",
   type: null,
   getValue: ({ commandLine }) => {
     if (commandLine[cliFlag16] !== undefined) {
@@ -1353,7 +1378,7 @@ var configOption = {
     children: "Specify a location for the Remotion config file."
   }),
   ssrName: null,
-  docLink: "https://www.remotion.dev/docs/config",
+  docLink: "https://www.remotion.dev/docs/options/config",
   getValue: ({ commandLine }) => {
     if (commandLine[cliFlag17] !== undefined) {
       return {
@@ -1389,7 +1414,7 @@ var crfOption = {
     children: "No matter which codec you end up using, there's always a tradeoff between file size and video quality. You can control it by setting the CRF (Constant Rate Factor). The lower the number, the better the quality, the higher the number, the smaller the file is – of course at the cost of quality."
   }),
   ssrName: "crf",
-  docLink: "https://www.remotion.dev/docs/encoding/#controlling-quality-using-the-crf-setting",
+  docLink: "https://www.remotion.dev/docs/options/crf",
   type: 0,
   getValue: ({ commandLine }) => {
     if (commandLine[cliFlag18] !== undefined) {
@@ -1436,7 +1461,7 @@ var enableCrossSiteIsolationOption = {
     ]
   }),
   ssrName: null,
-  docLink: "https://www.remotion.dev/docs/config#setenablecrosssiteisolation",
+  docLink: "https://www.remotion.dev/docs/options/cross-site-isolation",
   type: false,
   getValue: ({ commandLine }) => {
     if (commandLine[cliFlag19] !== undefined) {
@@ -1481,7 +1506,7 @@ var darkModeOption = {
     ]
   }),
   ssrName: "darkMode",
-  docLink: "https://www.remotion.dev/docs/chromium-flags#--dark-mode",
+  docLink: "https://www.remotion.dev/docs/options/dark-mode",
   type: false,
   getValue: ({ commandLine }) => {
     if (commandLine[cliFlag20] !== undefined && commandLine[cliFlag20] !== null) {
@@ -1540,7 +1565,7 @@ var defaultCodingAgentOption = {
     ]
   }),
   ssrName: null,
-  docLink: "https://www.remotion.dev/docs/config#setdefaultcodingagent",
+  docLink: "https://www.remotion.dev/docs/options/coding-agent",
   type: null,
   getValue: ({ commandLine }) => {
     const cliValue = commandLine[cliFlag21];
@@ -1624,7 +1649,7 @@ var defaultEditorOption = {
     ]
   }),
   ssrName: null,
-  docLink: "https://www.remotion.dev/docs/studio/open-in-editor",
+  docLink: "https://www.remotion.dev/docs/options/editor",
   type: null,
   getValue: ({ commandLine }) => {
     const cliValue = commandLine[cliFlag22];
@@ -1685,7 +1710,7 @@ var deleteAfterOption = {
     });
   },
   ssrName: "deleteAfter",
-  docLink: "https://www.remotion.dev/docs/lambda/autodelete",
+  docLink: "https://www.remotion.dev/docs/options/delete-after",
   type: "1-day",
   getValue: ({ commandLine }) => {
     if (commandLine[cliFlag23] !== undefined) {
@@ -1717,7 +1742,7 @@ var cliFlag24 = "disable-git-source";
 var disableGitSourceOption = {
   cliFlag: cliFlag24,
   description: () => `Disables the Git Source being connected to the Remotion Studio. Clicking on stack traces and certain menu items will be disabled.`,
-  docLink: "https://remotion.dev/docs/bundle",
+  docLink: "https://www.remotion.dev/docs/options/disable-git-source",
   getValue: ({ commandLine }) => {
     if (commandLine[cliFlag24]) {
       return {
@@ -1739,24 +1764,58 @@ var disableGitSourceOption = {
   id: cliFlag24
 };
 
+// src/options/disable-shared-memory-capture.tsx
+import { jsx as jsx22, jsxs as jsxs16, Fragment as Fragment22 } from "react/jsx-runtime";
+var disableSharedMemoryCapture = false;
+var cliFlag25 = "disable-shared-memory-capture";
+var disableSharedMemoryCaptureOption = {
+  name: "Disable shared-memory capture",
+  cliFlag: cliFlag25,
+  description: () => /* @__PURE__ */ jsxs16(Fragment22, {
+    children: [
+      "Disables shared-memory capture and uses regular JPEG or PNG screenshots instead. Parallel encoding remains enabled. Default ",
+      /* @__PURE__ */ jsx22("code", {
+        children: "false"
+      }),
+      "."
+    ]
+  }),
+  ssrName: "disableSharedMemoryCapture",
+  docLink: "https://www.remotion.dev/docs/options/disable-shared-memory-capture",
+  type: false,
+  getValue: ({ commandLine }) => {
+    if (commandLine[cliFlag25] !== undefined && commandLine[cliFlag25] !== null) {
+      return { value: commandLine[cliFlag25], source: "cli" };
+    }
+    if (disableSharedMemoryCapture !== false) {
+      return { value: disableSharedMemoryCapture, source: "config" };
+    }
+    return { value: false, source: "default" };
+  },
+  setConfig(value) {
+    disableSharedMemoryCapture = value;
+  },
+  id: cliFlag25
+};
+
 // src/options/disable-web-security.tsx
-import { jsx as jsx22, Fragment as Fragment22 } from "react/jsx-runtime";
+import { jsx as jsx23, Fragment as Fragment23 } from "react/jsx-runtime";
 var disableWebSecurity = false;
-var cliFlag25 = "disable-web-security";
+var cliFlag26 = "disable-web-security";
 var disableWebSecurityOption = {
   name: "Disable web security",
-  cliFlag: cliFlag25,
-  description: () => /* @__PURE__ */ jsx22(Fragment22, {
+  cliFlag: cliFlag26,
+  description: () => /* @__PURE__ */ jsx23(Fragment23, {
     children: "This will most notably disable CORS in Chrome among other security features."
   }),
   ssrName: "disableWebSecurity",
-  docLink: "https://www.remotion.dev/docs/chromium-flags#--disable-web-security",
+  docLink: "https://www.remotion.dev/docs/options/disable-web-security",
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag25] !== undefined && commandLine[cliFlag25] !== null) {
+    if (commandLine[cliFlag26] !== undefined && commandLine[cliFlag26] !== null) {
       return {
         source: "cli",
-        value: Boolean(commandLine[cliFlag25])
+        value: Boolean(commandLine[cliFlag26])
       };
     }
     if (disableWebSecurity) {
@@ -1773,26 +1832,26 @@ var disableWebSecurityOption = {
   setConfig: (value) => {
     disableWebSecurity = value;
   },
-  id: cliFlag25
+  id: cliFlag26
 };
 
 // src/options/disallow-parallel-encoding.tsx
-import { jsx as jsx23, Fragment as Fragment23 } from "react/jsx-runtime";
+import { jsx as jsx24, Fragment as Fragment24 } from "react/jsx-runtime";
 var disallowParallelEncoding = false;
-var cliFlag26 = "disallow-parallel-encoding";
+var cliFlag27 = "disallow-parallel-encoding";
 var disallowParallelEncodingOption = {
   name: "Disallow parallel encoding",
-  cliFlag: cliFlag26,
-  description: () => /* @__PURE__ */ jsx23(Fragment23, {
+  cliFlag: cliFlag27,
+  description: () => /* @__PURE__ */ jsx24(Fragment24, {
     children: "Disallows the renderer from doing rendering frames and encoding at the same time. This makes the rendering process more memory-efficient, but possibly slower."
   }),
   ssrName: "disallowParallelEncoding",
-  docLink: "https://www.remotion.dev/docs/config#setdisallowparallelencoding",
+  docLink: "https://www.remotion.dev/docs/options/disallow-parallel-encoding",
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag26] !== undefined && commandLine[cliFlag26] !== null) {
+    if (commandLine[cliFlag27] !== undefined && commandLine[cliFlag27] !== null) {
       return {
-        value: commandLine[cliFlag26],
+        value: commandLine[cliFlag27],
         source: "cli"
       };
     }
@@ -1810,36 +1869,36 @@ var disallowParallelEncodingOption = {
   setConfig(value) {
     disallowParallelEncoding = value;
   },
-  id: cliFlag26
+  id: cliFlag27
 };
 
 // src/options/enable-cancellation.tsx
-import { jsx as jsx24, jsxs as jsxs16, Fragment as Fragment24 } from "react/jsx-runtime";
-var cliFlag27 = "enable-cancellation";
+import { jsx as jsx25, jsxs as jsxs17, Fragment as Fragment25 } from "react/jsx-runtime";
+var cliFlag28 = "enable-cancellation";
 var enableCancellation = false;
 var enableCancellationOption = {
   name: "Enable cancellation",
-  cliFlag: cliFlag27,
-  description: () => /* @__PURE__ */ jsxs16(Fragment24, {
+  cliFlag: cliFlag28,
+  description: () => /* @__PURE__ */ jsxs17(Fragment25, {
     children: [
       "Allows a Lambda render to be cancelled by pressing Ctrl+C while running",
       " ",
-      /* @__PURE__ */ jsx24("code", {
+      /* @__PURE__ */ jsx25("code", {
         children: "npx remotion lambda render"
       }),
       ". Enabling cancellation causes each renderer function to poll S3 once per second while it is running."
     ]
   }),
   ssrName: null,
-  docLink: "https://www.remotion.dev/docs/lambda/cli/render#--enable-cancellation",
+  docLink: "https://www.remotion.dev/docs/options/enable-cancellation",
   type: false,
   setConfig: (value) => {
     enableCancellation = value;
   },
   getValue: ({ commandLine }) => {
-    if (typeof commandLine[cliFlag27] === "boolean") {
+    if (typeof commandLine[cliFlag28] === "boolean") {
       return {
-        value: commandLine[cliFlag27],
+        value: commandLine[cliFlag28],
         source: "cli"
       };
     }
@@ -1848,21 +1907,21 @@ var enableCancellationOption = {
       source: enableCancellation ? "config" : "default"
     };
   },
-  id: cliFlag27
+  id: cliFlag28
 };
 
 // src/options/enable-lambda-insights.tsx
-import { jsx as jsx25, jsxs as jsxs17, Fragment as Fragment25 } from "react/jsx-runtime";
-var cliFlag28 = "enable-lambda-insights";
+import { jsx as jsx26, jsxs as jsxs18, Fragment as Fragment26 } from "react/jsx-runtime";
+var cliFlag29 = "enable-lambda-insights";
 var option = false;
 var enableLambdaInsights = {
   name: "Enable Lambda Insights",
-  cliFlag: cliFlag28,
-  description: () => /* @__PURE__ */ jsxs17(Fragment25, {
+  cliFlag: cliFlag29,
+  description: () => /* @__PURE__ */ jsxs18(Fragment26, {
     children: [
       "Enable",
       " ",
-      /* @__PURE__ */ jsx25("a", {
+      /* @__PURE__ */ jsx26("a", {
         href: "https://remotion.dev/docs/lambda/insights",
         children: "Lambda Insights in AWS CloudWatch"
       }),
@@ -1870,15 +1929,15 @@ var enableLambdaInsights = {
     ]
   }),
   ssrName: "enableLambdaInsights",
-  docLink: "https://www.remotion.dev/docs/lambda/insights",
+  docLink: "https://www.remotion.dev/docs/options/enable-lambda-insights",
   type: false,
   setConfig: (value) => {
     option = value;
   },
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag28] !== undefined) {
+    if (commandLine[cliFlag29] !== undefined) {
       return {
-        value: commandLine[cliFlag28],
+        value: commandLine[cliFlag29],
         source: "cli"
       };
     }
@@ -1893,52 +1952,52 @@ var enableLambdaInsights = {
       source: "default"
     };
   },
-  id: cliFlag28
+  id: cliFlag29
 };
 
 // src/options/enable-multiprocess-on-linux.tsx
-import { jsx as jsx26, jsxs as jsxs18, Fragment as Fragment26 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs19, Fragment as Fragment27 } from "react/jsx-runtime";
 var DEFAULT_VALUE2 = true;
 var multiProcessOnLinux = DEFAULT_VALUE2;
-var cliFlag29 = "enable-multiprocess-on-linux";
+var cliFlag30 = "enable-multiprocess-on-linux";
 var enableMultiprocessOnLinuxOption = {
   name: "Enable Multiprocess on Linux",
-  cliFlag: cliFlag29,
-  description: () => /* @__PURE__ */ jsxs18(Fragment26, {
+  cliFlag: cliFlag30,
+  description: () => /* @__PURE__ */ jsxs19(Fragment27, {
     children: [
       "Removes the ",
-      /* @__PURE__ */ jsx26("code", {
+      /* @__PURE__ */ jsx27("code", {
         children: "--single-process"
       }),
       " flag that gets passed to Chromium on Linux by default. This will make the render faster because multiple processes can be used, but may cause issues with some Linux distributions or if window server libraries are missing.",
-      /* @__PURE__ */ jsx26("br", {}),
+      /* @__PURE__ */ jsx27("br", {}),
       "Default: ",
-      /* @__PURE__ */ jsx26("code", {
+      /* @__PURE__ */ jsx27("code", {
         children: "false"
       }),
       " until v4.0.136, then ",
-      /* @__PURE__ */ jsx26("code", {
+      /* @__PURE__ */ jsx27("code", {
         children: "true"
       }),
       " from v4.0.137 on because newer Chrome versions ",
       "don't",
       " allow rendering with the ",
-      /* @__PURE__ */ jsx26("code", {
+      /* @__PURE__ */ jsx27("code", {
         children: "--single-process"
       }),
       " flag. ",
-      /* @__PURE__ */ jsx26("br", {}),
+      /* @__PURE__ */ jsx27("br", {}),
       "This flag will be removed in Remotion v5.0."
     ]
   }),
   ssrName: "chromiumOptions.enableMultiprocessOnLinux",
-  docLink: "https://www.remotion.dev/docs/chromium-flags",
+  docLink: "https://www.remotion.dev/docs/options/enable-multiprocess-on-linux",
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag29] !== undefined) {
+    if (commandLine[cliFlag30] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag29]
+        value: commandLine[cliFlag30]
       };
     }
     if (multiProcessOnLinux !== false) {
@@ -1955,35 +2014,35 @@ var enableMultiprocessOnLinuxOption = {
   setConfig: (value) => {
     multiProcessOnLinux = value;
   },
-  id: cliFlag29
+  id: cliFlag30
 };
 
 // src/options/encoding-buffer-size.tsx
-import { jsx as jsx27, jsxs as jsxs19, Fragment as Fragment27 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs20, Fragment as Fragment28 } from "react/jsx-runtime";
 var encodingBufferSize = null;
 var setEncodingBufferSize = (bitrate) => {
   encodingBufferSize = bitrate;
 };
-var cliFlag30 = "buffer-size";
+var cliFlag31 = "buffer-size";
 var encodingBufferSizeOption = {
   name: "FFmpeg -bufsize flag",
-  cliFlag: cliFlag30,
-  description: () => /* @__PURE__ */ jsxs19(Fragment27, {
+  cliFlag: cliFlag31,
+  description: () => /* @__PURE__ */ jsxs20(Fragment28, {
     children: [
       "The value for the ",
-      /* @__PURE__ */ jsx27("code", {
+      /* @__PURE__ */ jsx28("code", {
         children: "-bufsize"
       }),
       " flag of FFmpeg. Should be used in conjunction with the encoding max rate flag. With the VP8, VP9 and AV1 codecs, a video bitrate must also be set."
     ]
   }),
   ssrName: "encodingBufferSize",
-  docLink: "https://www.remotion.dev/docs/renderer/render-media#encodingbuffersize",
+  docLink: "https://www.remotion.dev/docs/options/buffer-size",
   type: "",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag30] !== undefined) {
+    if (commandLine[cliFlag31] !== undefined) {
       return {
-        value: commandLine[cliFlag30],
+        value: commandLine[cliFlag31],
         source: "cli"
       };
     }
@@ -1999,32 +2058,32 @@ var encodingBufferSizeOption = {
     };
   },
   setConfig: setEncodingBufferSize,
-  id: cliFlag30
+  id: cliFlag31
 };
 
 // src/options/encoding-max-rate.tsx
-import { jsx as jsx28, jsxs as jsxs20, Fragment as Fragment28 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs21, Fragment as Fragment29 } from "react/jsx-runtime";
 var encodingMaxRate = null;
-var cliFlag31 = "max-rate";
+var cliFlag32 = "max-rate";
 var encodingMaxRateOption = {
   name: "FFmpeg -maxrate flag",
-  cliFlag: cliFlag31,
-  description: () => /* @__PURE__ */ jsxs20(Fragment28, {
+  cliFlag: cliFlag32,
+  description: () => /* @__PURE__ */ jsxs21(Fragment29, {
     children: [
       "The value for the ",
-      /* @__PURE__ */ jsx28("code", {
+      /* @__PURE__ */ jsx29("code", {
         children: "-maxrate"
       }),
       " flag of FFmpeg. Should be used in conjunction with the encoding buffer size flag. With the VP8, VP9 and AV1 codecs, a video bitrate must also be set."
     ]
   }),
   ssrName: "encodingMaxRate",
-  docLink: "https://www.remotion.dev/docs/renderer/render-media#encodingmaxrate",
+  docLink: "https://www.remotion.dev/docs/options/max-rate",
   type: "",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag31] !== undefined) {
+    if (commandLine[cliFlag32] !== undefined) {
       return {
-        value: commandLine[cliFlag31],
+        value: commandLine[cliFlag32],
         source: "cli"
       };
     }
@@ -2042,55 +2101,55 @@ var encodingMaxRateOption = {
   setConfig: (newMaxRate) => {
     encodingMaxRate = newMaxRate;
   },
-  id: cliFlag31
+  id: cliFlag32
 };
 
 // src/options/enforce-audio.tsx
-import { jsx as jsx29, jsxs as jsxs21, Fragment as Fragment29 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs22, Fragment as Fragment30 } from "react/jsx-runtime";
 var DEFAULT_ENFORCE_AUDIO_TRACK = false;
 var enforceAudioTrackState = DEFAULT_ENFORCE_AUDIO_TRACK;
-var cliFlag32 = "enforce-audio-track";
+var cliFlag33 = "enforce-audio-track";
 var enforceAudioOption = {
   name: "Enforce Audio Track",
-  cliFlag: cliFlag32,
-  description: (mode) => /* @__PURE__ */ jsxs21(Fragment29, {
+  cliFlag: cliFlag33,
+  description: (mode) => /* @__PURE__ */ jsxs22(Fragment30, {
     children: [
-      /* @__PURE__ */ jsxs21("p", {
+      /* @__PURE__ */ jsxs22("p", {
         children: [
           "Defaults to ",
-          /* @__PURE__ */ jsx29("code", {
+          /* @__PURE__ */ jsx30("code", {
             children: "false"
           }),
           ". If ",
-          /* @__PURE__ */ jsx29("code", {
+          /* @__PURE__ */ jsx30("code", {
             children: "true"
           }),
           ", include a silent audio track when the render contains no audio. If ",
-          /* @__PURE__ */ jsx29("code", {
+          /* @__PURE__ */ jsx30("code", {
             children: "false"
           }),
           ", omit the audio track when no audio is present. Audio-only exports and",
           " ",
-          /* @__PURE__ */ jsx29("code", {
+          /* @__PURE__ */ jsx30("code", {
             children: mode === "cli" ? "--separate-audio-to" : "separateAudioTo"
           }),
           " ",
           "still produce an audio file, even when silent."
         ]
       }),
-      /* @__PURE__ */ jsxs21("p", {
+      /* @__PURE__ */ jsxs22("p", {
         children: [
-          mode === "cli" ? /* @__PURE__ */ jsxs21(Fragment29, {
+          mode === "cli" ? /* @__PURE__ */ jsxs22(Fragment30, {
             children: [
               "Pass ",
-              /* @__PURE__ */ jsx29("code", {
+              /* @__PURE__ */ jsx30("code", {
                 children: "--enforce-audio-track"
               })
             ]
-          }) : /* @__PURE__ */ jsxs21(Fragment29, {
+          }) : /* @__PURE__ */ jsxs22(Fragment30, {
             children: [
               "Set this to ",
-              /* @__PURE__ */ jsx29("code", {
+              /* @__PURE__ */ jsx30("code", {
                 children: "true"
               })
             ]
@@ -2098,13 +2157,13 @@ var enforceAudioOption = {
           " ",
           "for",
           " ",
-          /* @__PURE__ */ jsx29("a", {
+          /* @__PURE__ */ jsx30("a", {
             href: "/docs/distributed-rendering",
             children: "chunks that will later be concatenated"
           }),
           ", because other chunks may contain audio.",
           " ",
-          /* @__PURE__ */ jsx29("code", {
+          /* @__PURE__ */ jsx30("code", {
             children: mode === "cli" ? "--muted" : "muted: true"
           }),
           " takes precedence."
@@ -2113,10 +2172,10 @@ var enforceAudioOption = {
     ]
   }),
   ssrName: "enforceAudioTrack",
-  docLink: "https://www.remotion.dev/docs/config#setenforceaudiotrack-",
+  docLink: "https://www.remotion.dev/docs/options/enforce-audio-track",
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag32]) {
+    if (commandLine[cliFlag33]) {
       return {
         source: "cli",
         value: true
@@ -2136,32 +2195,32 @@ var enforceAudioOption = {
   setConfig: (value) => {
     enforceAudioTrackState = value;
   },
-  id: cliFlag32
+  id: cliFlag33
 };
 
 // src/options/env-file.tsx
-import { jsx as jsx30, jsxs as jsxs22, Fragment as Fragment30 } from "react/jsx-runtime";
-var cliFlag33 = "env-file";
+import { jsx as jsx31, jsxs as jsxs23, Fragment as Fragment31 } from "react/jsx-runtime";
+var cliFlag34 = "env-file";
 var envFileLocation = null;
 var envFileOption = {
   name: "Env File",
-  cliFlag: cliFlag33,
-  description: () => /* @__PURE__ */ jsxs22(Fragment30, {
+  cliFlag: cliFlag34,
+  description: () => /* @__PURE__ */ jsxs23(Fragment31, {
     children: [
       "Specify a location for a dotenv file. Default ",
-      /* @__PURE__ */ jsx30("code", {
+      /* @__PURE__ */ jsx31("code", {
         children: ".env"
       }),
       "."
     ]
   }),
   ssrName: null,
-  docLink: "https://www.remotion.dev/docs/cli/render#--env-file",
+  docLink: "https://www.remotion.dev/docs/options/env-file",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag33] !== undefined) {
+    if (commandLine[cliFlag34] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag33]
+        value: commandLine[cliFlag34]
       };
     }
     if (envFileLocation !== null) {
@@ -2179,43 +2238,43 @@ var envFileOption = {
     envFileLocation = value;
   },
   type: "",
-  id: cliFlag33
+  id: cliFlag34
 };
 
 // src/options/every-nth-frame.tsx
-import { jsx as jsx31, jsxs as jsxs23, Fragment as Fragment31 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs24, Fragment as Fragment32 } from "react/jsx-runtime";
 var DEFAULT_EVERY_NTH_FRAME = 1;
 var everyNthFrame = DEFAULT_EVERY_NTH_FRAME;
-var cliFlag34 = "every-nth-frame";
+var cliFlag35 = "every-nth-frame";
 var everyNthFrameOption = {
   name: "Every nth frame",
-  cliFlag: cliFlag34,
-  description: () => /* @__PURE__ */ jsxs23(Fragment31, {
+  cliFlag: cliFlag35,
+  description: () => /* @__PURE__ */ jsxs24(Fragment32, {
     children: [
       "This option may only be set when rendering GIFs. It determines how many frames are rendered, while the other ones get skipped in order to lower the FPS of the GIF. For example, if the ",
-      /* @__PURE__ */ jsx31("code", {
+      /* @__PURE__ */ jsx32("code", {
         children: "fps"
       }),
       " is 30, and",
       " ",
-      /* @__PURE__ */ jsx31("code", {
+      /* @__PURE__ */ jsx32("code", {
         children: "everyNthFrame"
       }),
       " is 2, the FPS of the GIF is ",
-      /* @__PURE__ */ jsx31("code", {
+      /* @__PURE__ */ jsx32("code", {
         children: "15"
       }),
       "."
     ]
   }),
   ssrName: "everyNthFrame",
-  docLink: "https://www.remotion.dev/docs/config#seteverynthframe",
+  docLink: "https://www.remotion.dev/docs/options/every-nth-frame",
   type: DEFAULT_EVERY_NTH_FRAME,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag34] !== undefined) {
+    if (commandLine[cliFlag35] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag34]
+        value: commandLine[cliFlag35]
       };
     }
     if (everyNthFrame !== DEFAULT_EVERY_NTH_FRAME) {
@@ -2232,32 +2291,32 @@ var everyNthFrameOption = {
   setConfig: (value) => {
     everyNthFrame = value;
   },
-  id: cliFlag34
+  id: cliFlag35
 };
 
 // src/options/experimental-keep-audio-context-alive.tsx
-import { jsx as jsx32, jsxs as jsxs24, Fragment as Fragment32 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs25, Fragment as Fragment33 } from "react/jsx-runtime";
 var experimentalKeepAudioContextAlive = false;
-var cliFlag35 = "experimental-keep-audio-context-alive";
+var cliFlag36 = "experimental-keep-audio-context-alive";
 var experimentalKeepAudioContextAliveOption = {
   name: "Keep AudioContext alive (experimental)",
-  cliFlag: cliFlag35,
-  description: () => /* @__PURE__ */ jsxs24(Fragment32, {
+  cliFlag: cliFlag36,
+  description: () => /* @__PURE__ */ jsxs25(Fragment33, {
     children: [
       "Keeps the shared ",
-      /* @__PURE__ */ jsx32("code", {
+      /* @__PURE__ */ jsx33("code", {
         children: "AudioContext"
       }),
       " running while the Remotion Studio is paused."
     ]
   }),
   ssrName: null,
-  docLink: "https://www.remotion.dev/docs/config#setexperimentalkeepaudiocontextalive",
+  docLink: "https://www.remotion.dev/docs/options/experimental-keep-audio-context-alive",
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag35] !== undefined && commandLine[cliFlag35] !== null) {
+    if (commandLine[cliFlag36] !== undefined && commandLine[cliFlag36] !== null) {
       return {
-        value: commandLine[cliFlag35],
+        value: commandLine[cliFlag36],
         source: "cli"
       };
     }
@@ -2269,26 +2328,79 @@ var experimentalKeepAudioContextAliveOption = {
   setConfig(value) {
     experimentalKeepAudioContextAlive = value;
   },
-  id: cliFlag35
+  id: cliFlag36
+};
+
+// src/options/experimental-tracks.tsx
+import { jsx as jsx34, jsxs as jsxs26, Fragment as Fragment34 } from "react/jsx-runtime";
+var experimentalTracksEnabled = false;
+var configuredExperimentalTracksEnabled = null;
+var cliFlag37 = "experimental-tracks";
+var experimentalTracksOption = {
+  name: "Enable experimental timeline tracks",
+  cliFlag: cliFlag37,
+  description: () => /* @__PURE__ */ jsxs26(Fragment34, {
+    children: [
+      "Enable experimental timeline tracks in the Remotion Studio. Group clips from ",
+      /* @__PURE__ */ jsx34("code", {
+        children: "<Track>"
+      }),
+      ", ",
+      /* @__PURE__ */ jsx34("code", {
+        children: "<Series>"
+      }),
+      " and",
+      " ",
+      /* @__PURE__ */ jsx34("code", {
+        children: "<TransitionSeries>"
+      }),
+      " on shared rows, with overlays on additional rows. Disabled by default."
+    ]
+  }),
+  ssrName: null,
+  docLink: "https://www.remotion.dev/docs/options/experimental-tracks",
+  type: false,
+  getValue: ({ commandLine }) => {
+    if (commandLine[cliFlag37] !== undefined && commandLine[cliFlag37] !== null) {
+      return {
+        value: commandLine[cliFlag37],
+        source: "cli"
+      };
+    }
+    return {
+      value: experimentalTracksEnabled,
+      source: "config"
+    };
+  },
+  setConfig(value) {
+    experimentalTracksEnabled = value;
+    configuredExperimentalTracksEnabled = value;
+  },
+  getConfigValue: () => configuredExperimentalTracksEnabled,
+  reset: () => {
+    experimentalTracksEnabled = false;
+    configuredExperimentalTracksEnabled = null;
+  },
+  id: cliFlag37
 };
 
 // src/options/folder-expiry.tsx
-import { jsx as jsx33, jsxs as jsxs25, Fragment as Fragment33 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs27, Fragment as Fragment35 } from "react/jsx-runtime";
 var enableFolderExpiry = null;
-var cliFlag36 = "enable-folder-expiry";
+var cliFlag38 = "enable-folder-expiry";
 var folderExpiryOption = {
   name: "Lambda render expiration",
-  cliFlag: cliFlag36,
+  cliFlag: cliFlag38,
   description: () => {
-    return /* @__PURE__ */ jsxs25(Fragment33, {
+    return /* @__PURE__ */ jsxs27(Fragment35, {
       children: [
         "When deploying sites, enable or disable S3 Lifecycle policies which allow for renders to auto-delete after a certain time. Default is",
         " ",
-        /* @__PURE__ */ jsx33("code", {
+        /* @__PURE__ */ jsx35("code", {
           children: "null"
         }),
         ", which does not change any lifecycle policies of the S3 bucket. See: ",
-        /* @__PURE__ */ jsx33("a", {
+        /* @__PURE__ */ jsx35("a", {
           href: "/docs/lambda/autodelete",
           children: "Lambda autodelete"
         }),
@@ -2297,13 +2409,13 @@ var folderExpiryOption = {
     });
   },
   ssrName: "enableFolderExpiry",
-  docLink: "https://www.remotion.dev/docs/lambda/autodelete",
+  docLink: "https://www.remotion.dev/docs/options/enable-folder-expiry",
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag36] !== undefined) {
+    if (commandLine[cliFlag38] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag36]
+        value: commandLine[cliFlag38]
       };
     }
     if (enableFolderExpiry !== null) {
@@ -2320,28 +2432,28 @@ var folderExpiryOption = {
   setConfig: (value) => {
     enableFolderExpiry = value;
   },
-  id: cliFlag36
+  id: cliFlag38
 };
 
 // src/options/for-seamless-aac-concatenation.tsx
-import { jsx as jsx34, jsxs as jsxs26, Fragment as Fragment34 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs28, Fragment as Fragment36 } from "react/jsx-runtime";
 var DEFAULT3 = false;
 var forSeamlessAacConcatenation = DEFAULT3;
-var cliFlag37 = "for-seamless-aac-concatenation";
+var cliFlag39 = "for-seamless-aac-concatenation";
 var forSeamlessAacConcatenationOption = {
   name: "For seamless AAC concatenation",
-  cliFlag: cliFlag37,
-  description: () => /* @__PURE__ */ jsxs26(Fragment34, {
+  cliFlag: cliFlag39,
+  description: () => /* @__PURE__ */ jsxs28(Fragment36, {
     children: [
       "If enabled, the audio is trimmed to the nearest AAC frame, which is required for seamless concatenation of AAC files. This is a requirement if you later want to combine multiple video snippets seamlessly.",
-      /* @__PURE__ */ jsx34("br", {}),
-      /* @__PURE__ */ jsx34("br", {}),
+      /* @__PURE__ */ jsx36("br", {}),
+      /* @__PURE__ */ jsx36("br", {}),
       " This option is used internally. There is currently no documentation yet for to concatenate the audio chunks."
     ]
   }),
-  docLink: "https://remotion.dev/docs/renderer",
+  docLink: "https://www.remotion.dev/docs/options/for-seamless-aac-concatenation",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag37]) {
+    if (commandLine[cliFlag39]) {
       return {
         source: "cli",
         value: true
@@ -2363,26 +2475,26 @@ var forSeamlessAacConcatenationOption = {
   },
   ssrName: "forSeamlessAacConcatenation",
   type: false,
-  id: cliFlag37
+  id: cliFlag39
 };
 
 // src/options/force-new-studio.tsx
-import { jsx as jsx35, Fragment as Fragment35 } from "react/jsx-runtime";
+import { jsx as jsx37, Fragment as Fragment37 } from "react/jsx-runtime";
 var forceNewEnabled = false;
-var cliFlag38 = "force-new";
+var cliFlag40 = "force-new";
 var forceNewStudioOption = {
   name: "Force New Studio",
-  cliFlag: cliFlag38,
-  description: () => /* @__PURE__ */ jsx35(Fragment35, {
+  cliFlag: cliFlag40,
+  description: () => /* @__PURE__ */ jsx37(Fragment37, {
     children: "Forces starting a new Studio instance even if one is already running on the same port for the same project."
   }),
   ssrName: null,
-  docLink: "https://www.remotion.dev/docs/config#setforcenewstudioenabled",
+  docLink: "https://www.remotion.dev/docs/options/force-new",
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag38] !== undefined && commandLine[cliFlag38] !== null) {
+    if (commandLine[cliFlag40] !== undefined && commandLine[cliFlag40] !== null) {
       return {
-        value: commandLine[cliFlag38],
+        value: commandLine[cliFlag40],
         source: "cli"
       };
     }
@@ -2394,7 +2506,7 @@ var forceNewStudioOption = {
   setConfig(value) {
     forceNewEnabled = value;
   },
-  id: cliFlag38
+  id: cliFlag40
 };
 
 // src/frame-range.ts
@@ -2513,8 +2625,8 @@ var validateSelectedFrames = ({
 };
 
 // src/options/frames.tsx
-import { jsx as jsx36, jsxs as jsxs27, Fragment as Fragment36 } from "react/jsx-runtime";
-var cliFlag39 = "frames";
+import { jsx as jsx38, jsxs as jsxs29, Fragment as Fragment38 } from "react/jsx-runtime";
+var cliFlag41 = "frames";
 var frameSelection = null;
 var parseFrameRangeFromCli = (newFrameRange) => {
   if (typeof newFrameRange === "number") {
@@ -2591,27 +2703,27 @@ var parseFrameRangeFromCli = (newFrameRange) => {
 };
 var framesOption = {
   name: "Frame Range",
-  cliFlag: cliFlag39,
-  description: () => /* @__PURE__ */ jsxs27(Fragment36, {
+  cliFlag: cliFlag41,
+  description: () => /* @__PURE__ */ jsxs29(Fragment38, {
     children: [
       "Render a subset of a video. Pass a single number to render a still, or a range (e.g. ",
-      /* @__PURE__ */ jsx36("code", {
+      /* @__PURE__ */ jsx38("code", {
         children: "0-9"
       }),
       ") to render a subset of frames. Pass",
       " ",
-      /* @__PURE__ */ jsx36("code", {
+      /* @__PURE__ */ jsx38("code", {
         children: "100-"
       }),
       " to render from frame 100 to the end."
     ]
   }),
   ssrName: "frameRange",
-  docLink: "https://www.remotion.dev/docs/config#setframerange",
+  docLink: "https://www.remotion.dev/docs/options/frames",
   type: null,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag39] !== undefined) {
-      const value = parseFrameRangeFromCli(commandLine[cliFlag39]);
+    if (commandLine[cliFlag41] !== undefined) {
+      const value = parseFrameRangeFromCli(commandLine[cliFlag41]);
       if (typeof value === "object" && !Array.isArray(value)) {
         validateSelectedFrames({
           frames: value.frames,
@@ -2638,12 +2750,12 @@ var framesOption = {
     }
     frameSelection = value;
   },
-  id: cliFlag39
+  id: cliFlag41
 };
 
 // src/options/gl.tsx
-import { NoReactInternals as NoReactInternals2 } from "remotion/no-react";
-import { jsx as jsx37, jsxs as jsxs28, Fragment as Fragment37 } from "react/jsx-runtime";
+import { NoReactInternals as NoReactInternals3 } from "remotion/no-react";
+import { jsx as jsx39, jsxs as jsxs30, Fragment as Fragment39 } from "react/jsx-runtime";
 var validOpenGlRenderers = [
   "swangle",
   "angle",
@@ -2655,45 +2767,45 @@ var validOpenGlRenderers = [
 var getDefaultOpenGlRenderer = (enableV5BreakingChanges) => {
   return enableV5BreakingChanges ? "angle" : null;
 };
-var DEFAULT_OPENGL_RENDERER = getDefaultOpenGlRenderer(NoReactInternals2.ENABLE_V5_BREAKING_CHANGES);
+var DEFAULT_OPENGL_RENDERER = getDefaultOpenGlRenderer(NoReactInternals3.ENABLE_V5_BREAKING_CHANGES);
 var openGlRenderer = DEFAULT_OPENGL_RENDERER;
 var AngleChangelog = () => {
-  return /* @__PURE__ */ jsxs28("details", {
+  return /* @__PURE__ */ jsxs30("details", {
     style: { fontSize: "0.9em", marginBottom: "1em" },
     children: [
-      /* @__PURE__ */ jsx37("summary", {
+      /* @__PURE__ */ jsx39("summary", {
         children: "Changelog"
       }),
-      /* @__PURE__ */ jsxs28("ul", {
+      /* @__PURE__ */ jsxs30("ul", {
         children: [
-          /* @__PURE__ */ jsxs28("li", {
+          /* @__PURE__ */ jsxs30("li", {
             children: [
               "From Remotion v2.6.7 until v3.0.7, the default for Remotion Lambda was",
               " ",
-              /* @__PURE__ */ jsx37("code", {
+              /* @__PURE__ */ jsx39("code", {
                 children: "swiftshader"
               }),
               ", but from v3.0.8 the default is",
               " ",
-              /* @__PURE__ */ jsx37("code", {
+              /* @__PURE__ */ jsx39("code", {
                 children: "swangle"
               }),
               " (Swiftshader on Angle) since Chrome 101 added support for it."
             ]
           }),
-          /* @__PURE__ */ jsxs28("li", {
+          /* @__PURE__ */ jsxs30("li", {
             children: [
               "From Remotion v2.4.3 until v2.6.6, the default was ",
-              /* @__PURE__ */ jsx37("code", {
+              /* @__PURE__ */ jsx39("code", {
                 children: "angle"
               }),
               ", however it turns out to have a small memory leak that could crash long Remotion renders."
             ]
           }),
-          NoReactInternals2.ENABLE_V5_BREAKING_CHANGES ? /* @__PURE__ */ jsxs28("li", {
+          NoReactInternals3.ENABLE_V5_BREAKING_CHANGES ? /* @__PURE__ */ jsxs30("li", {
             children: [
               "From Remotion v5.0, the default is ",
-              /* @__PURE__ */ jsx37("code", {
+              /* @__PURE__ */ jsx39("code", {
                 children: "angle"
               }),
               ". If no compatible GPU is available, Chromium automatically falls back to SwiftShader."
@@ -2704,65 +2816,65 @@ var AngleChangelog = () => {
     ]
   });
 };
-var cliFlag40 = "gl";
+var cliFlag42 = "gl";
 var glOption = {
-  cliFlag: cliFlag40,
-  docLink: "https://www.remotion.dev/docs/chromium-flags#--gl",
+  cliFlag: cliFlag42,
+  docLink: "https://www.remotion.dev/docs/options/gl",
   name: "OpenGL renderer",
   type: "angle",
   ssrName: "gl",
   description: () => {
-    return /* @__PURE__ */ jsxs28(Fragment37, {
+    return /* @__PURE__ */ jsxs30(Fragment39, {
       children: [
-        /* @__PURE__ */ jsx37(AngleChangelog, {}),
-        /* @__PURE__ */ jsxs28("p", {
+        /* @__PURE__ */ jsx39(AngleChangelog, {}),
+        /* @__PURE__ */ jsxs30("p", {
           children: [
             "Select the OpenGL renderer backend for Chromium. ",
-            /* @__PURE__ */ jsx37("br", {}),
+            /* @__PURE__ */ jsx39("br", {}),
             "Accepted values:"
           ]
         }),
-        /* @__PURE__ */ jsxs28("ul", {
+        /* @__PURE__ */ jsxs30("ul", {
           children: [
-            /* @__PURE__ */ jsx37("li", {
-              children: /* @__PURE__ */ jsx37("code", {
+            /* @__PURE__ */ jsx39("li", {
+              children: /* @__PURE__ */ jsx39("code", {
                 children: '"angle"'
               })
             }),
-            /* @__PURE__ */ jsx37("li", {
-              children: /* @__PURE__ */ jsx37("code", {
+            /* @__PURE__ */ jsx39("li", {
+              children: /* @__PURE__ */ jsx39("code", {
                 children: '"egl"'
               })
             }),
-            /* @__PURE__ */ jsx37("li", {
-              children: /* @__PURE__ */ jsx37("code", {
+            /* @__PURE__ */ jsx39("li", {
+              children: /* @__PURE__ */ jsx39("code", {
                 children: '"swiftshader"'
               })
             }),
-            /* @__PURE__ */ jsx37("li", {
-              children: /* @__PURE__ */ jsx37("code", {
+            /* @__PURE__ */ jsx39("li", {
+              children: /* @__PURE__ */ jsx39("code", {
                 children: '"swangle"'
               })
             }),
-            /* @__PURE__ */ jsxs28("li", {
+            /* @__PURE__ */ jsxs30("li", {
               children: [
-                /* @__PURE__ */ jsx37("code", {
+                /* @__PURE__ */ jsx39("code", {
                   children: '"vulkan"'
                 }),
                 " (",
-                /* @__PURE__ */ jsx37("em", {
+                /* @__PURE__ */ jsx39("em", {
                   children: "from Remotion v4.0.41"
                 }),
                 ")"
               ]
             }),
-            /* @__PURE__ */ jsxs28("li", {
+            /* @__PURE__ */ jsxs30("li", {
               children: [
-                /* @__PURE__ */ jsx37("code", {
+                /* @__PURE__ */ jsx39("code", {
                   children: '"angle-egl"'
                 }),
                 " (",
-                /* @__PURE__ */ jsx37("em", {
+                /* @__PURE__ */ jsx39("em", {
                   children: "from Remotion v4.0.51"
                 }),
                 ")"
@@ -2770,16 +2882,16 @@ var glOption = {
             })
           ]
         }),
-        /* @__PURE__ */ jsxs28("p", {
+        /* @__PURE__ */ jsxs30("p", {
           children: [
             "The default is",
             " ",
-            /* @__PURE__ */ jsx37("code", {
+            /* @__PURE__ */ jsx39("code", {
               children: DEFAULT_OPENGL_RENDERER === null ? "null" : `"${DEFAULT_OPENGL_RENDERER}"`
             }),
             DEFAULT_OPENGL_RENDERER === null ? ", letting Chrome decide" : ", with automatic fallback to SwiftShader if no compatible GPU is available",
             ", except on Lambda where the default is ",
-            /* @__PURE__ */ jsx37("code", {
+            /* @__PURE__ */ jsx39("code", {
               children: '"swangle"'
             })
           ]
@@ -2788,10 +2900,10 @@ var glOption = {
     });
   },
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag40]) {
-      validateOpenGlRenderer(commandLine[cliFlag40]);
+    if (commandLine[cliFlag42]) {
+      validateOpenGlRenderer(commandLine[cliFlag42]);
       return {
-        value: commandLine[cliFlag40],
+        value: commandLine[cliFlag42],
         source: "cli"
       };
     }
@@ -2810,7 +2922,7 @@ var glOption = {
     validateOpenGlRenderer(value);
     openGlRenderer = value;
   },
-  id: cliFlag40
+  id: cliFlag42
 };
 var validateOpenGlRenderer = (option2) => {
   if (option2 === null) {
@@ -2823,7 +2935,7 @@ var validateOpenGlRenderer = (option2) => {
 };
 
 // src/options/gop-size.tsx
-import { jsx as jsx38, jsxs as jsxs29, Fragment as Fragment38 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs31, Fragment as Fragment40 } from "react/jsx-runtime";
 var gopSize = null;
 var validateGopSize = (value) => {
   if (value === null) {
@@ -2833,24 +2945,24 @@ var validateGopSize = (value) => {
     throw new TypeError("The GOP size must be an integer greater than 0 or null.");
   }
 };
-var cliFlag41 = "gop";
+var cliFlag43 = "gop";
 var gopSizeOption = {
   name: "GOP size",
-  cliFlag: cliFlag41,
-  description: () => /* @__PURE__ */ jsxs29(Fragment38, {
+  cliFlag: cliFlag43,
+  description: () => /* @__PURE__ */ jsxs31(Fragment40, {
     children: [
       "Set the maximum number of frames between two keyframes. This maps to FFmpeg's ",
-      /* @__PURE__ */ jsx38("code", {
+      /* @__PURE__ */ jsx40("code", {
         children: "-g"
       }),
       " option. Default: Let the encoder decide."
     ]
   }),
   ssrName: "gopSize",
-  docLink: "https://www.remotion.dev/docs/config#setgopsize",
+  docLink: "https://www.remotion.dev/docs/options/gop",
   type: null,
   getValue: ({ commandLine }) => {
-    const value = commandLine[cliFlag41];
+    const value = commandLine[cliFlag43];
     if (value !== undefined) {
       validateGopSize(value);
       return { value, source: "cli" };
@@ -2861,7 +2973,7 @@ var gopSizeOption = {
     validateGopSize(value);
     gopSize = value;
   },
-  id: cliFlag41
+  id: cliFlag43
 };
 
 // src/options/hardware-acceleration.tsx
@@ -2870,11 +2982,11 @@ var hardwareAccelerationOptions = [
   "if-possible",
   "required"
 ];
-var cliFlag42 = "hardware-acceleration";
+var cliFlag44 = "hardware-acceleration";
 var currentValue = null;
 var hardwareAccelerationOption = {
   name: "Hardware Acceleration",
-  cliFlag: cliFlag42,
+  cliFlag: cliFlag44,
   description: () => `
 			One of
 			${new Intl.ListFormat("en", { type: "disjunction" }).format(hardwareAccelerationOptions.map((a) => JSON.stringify(a)))}
@@ -2883,13 +2995,13 @@ var hardwareAccelerationOption = {
 			available, then the render will fail.
 		`,
   ssrName: "hardwareAcceleration",
-  docLink: "https://www.remotion.dev/docs/encoding",
+  docLink: "https://www.remotion.dev/docs/options/hardware-acceleration",
   type: "disable",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag42] !== undefined) {
-      const value = commandLine[cliFlag42];
+    if (commandLine[cliFlag44] !== undefined) {
+      const value = commandLine[cliFlag44];
       if (!hardwareAccelerationOptions.includes(value)) {
-        throw new Error(`Invalid value for --${cliFlag42}: ${value}`);
+        throw new Error(`Invalid value for --${cliFlag44}: ${value}`);
       }
       return {
         source: "cli",
@@ -2909,26 +3021,26 @@ var hardwareAccelerationOption = {
   },
   setConfig: (value) => {
     if (!hardwareAccelerationOptions.includes(value)) {
-      throw new Error(`Invalid value for --${cliFlag42}: ${value}`);
+      throw new Error(`Invalid value for --${cliFlag44}: ${value}`);
     }
     currentValue = value;
   },
-  id: cliFlag42
+  id: cliFlag44
 };
 
 // src/options/headless.tsx
-import { jsx as jsx39, jsxs as jsxs30, Fragment as Fragment39 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs32, Fragment as Fragment41 } from "react/jsx-runtime";
 var DEFAULT4 = true;
 var headlessMode = DEFAULT4;
-var cliFlag43 = "disable-headless";
+var cliFlag45 = "disable-headless";
 var headlessOption = {
   name: "Disable Headless Mode",
-  cliFlag: cliFlag43,
-  description: () => /* @__PURE__ */ jsxs30(Fragment39, {
+  cliFlag: cliFlag45,
+  description: () => /* @__PURE__ */ jsxs32(Fragment41, {
     children: [
       "If disabled, the render will open an actual Chrome window where you can see the render happen. This requires",
       " ",
-      /* @__PURE__ */ jsx39("a", {
+      /* @__PURE__ */ jsx41("a", {
         href: "/docs/miscellaneous/chrome-headless-shell",
         children: "Chrome for Testing"
       }),
@@ -2937,13 +3049,13 @@ var headlessOption = {
     ]
   }),
   ssrName: "headless",
-  docLink: "https://www.remotion.dev/docs/chromium-flags#--disable-headless",
+  docLink: "https://www.remotion.dev/docs/options/disable-headless",
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag43] !== undefined && commandLine[cliFlag43] !== null) {
+    if (commandLine[cliFlag45] !== undefined && commandLine[cliFlag45] !== null) {
       return {
         source: "cli",
-        value: !commandLine[cliFlag43]
+        value: !commandLine[cliFlag45]
       };
     }
     if (headlessMode !== DEFAULT4) {
@@ -2960,27 +3072,27 @@ var headlessOption = {
   setConfig: (value) => {
     headlessMode = value;
   },
-  id: cliFlag43
+  id: cliFlag45
 };
 
 // src/options/ignore-certificate-errors.tsx
-import { jsx as jsx40, Fragment as Fragment40 } from "react/jsx-runtime";
+import { jsx as jsx42, Fragment as Fragment42 } from "react/jsx-runtime";
 var ignoreCertificateErrors = false;
-var cliFlag44 = "ignore-certificate-errors";
+var cliFlag46 = "ignore-certificate-errors";
 var ignoreCertificateErrorsOption = {
   name: "Ignore certificate errors",
-  cliFlag: cliFlag44,
-  description: () => /* @__PURE__ */ jsx40(Fragment40, {
+  cliFlag: cliFlag46,
+  description: () => /* @__PURE__ */ jsx42(Fragment42, {
     children: "Results in invalid SSL certificates in Chrome, such as self-signed ones, being ignored."
   }),
   ssrName: "ignoreCertificateErrors",
-  docLink: "https://www.remotion.dev/docs/chromium-flags#--ignore-certificate-errors",
+  docLink: "https://www.remotion.dev/docs/options/ignore-certificate-errors",
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag44] !== undefined && commandLine[cliFlag44] !== null) {
+    if (commandLine[cliFlag46] !== undefined && commandLine[cliFlag46] !== null) {
       return {
         source: "cli",
-        value: Boolean(commandLine[cliFlag44])
+        value: Boolean(commandLine[cliFlag46])
       };
     }
     if (ignoreCertificateErrors) {
@@ -2997,23 +3109,23 @@ var ignoreCertificateErrorsOption = {
   setConfig: (value) => {
     ignoreCertificateErrors = value;
   },
-  id: cliFlag44
+  id: cliFlag46
 };
 
 // src/options/image-sequence.tsx
-import { jsx as jsx41, jsxs as jsxs31, Fragment as Fragment41 } from "react/jsx-runtime";
-var cliFlag45 = "sequence";
+import { jsx as jsx43, jsxs as jsxs33, Fragment as Fragment43 } from "react/jsx-runtime";
+var cliFlag47 = "sequence";
 var imageSequence = false;
 var imageSequenceOption = {
   name: "Image Sequence",
-  cliFlag: cliFlag45,
-  description: () => /* @__PURE__ */ jsxs31(Fragment41, {
+  cliFlag: cliFlag47,
+  description: () => /* @__PURE__ */ jsxs33(Fragment43, {
     children: [
       "Pass this flag to output an image sequence instead of a video. The default image format is JPEG. See",
       " ",
-      /* @__PURE__ */ jsx41("a", {
+      /* @__PURE__ */ jsx43("a", {
         href: "/docs/config#setimagesequence",
-        children: /* @__PURE__ */ jsx41("code", {
+        children: /* @__PURE__ */ jsx43("code", {
           children: "setImageSequence()"
         })
       }),
@@ -3022,12 +3134,12 @@ var imageSequenceOption = {
     ]
   }),
   ssrName: null,
-  docLink: "https://www.remotion.dev/docs/config#setimagesequence",
+  docLink: "https://www.remotion.dev/docs/options/sequence",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag45] !== undefined && commandLine[cliFlag45] !== null) {
+    if (commandLine[cliFlag47] !== undefined && commandLine[cliFlag47] !== null) {
       return {
         source: "cli",
-        value: Boolean(commandLine[cliFlag45])
+        value: Boolean(commandLine[cliFlag47])
       };
     }
     return {
@@ -3039,33 +3151,39 @@ var imageSequenceOption = {
     imageSequence = value;
   },
   type: false,
-  id: cliFlag45
+  id: cliFlag47
 };
 
 // src/options/image-sequence-pattern.tsx
-import { jsx as jsx42, jsxs as jsxs32, Fragment as Fragment42 } from "react/jsx-runtime";
-var cliFlag46 = "image-sequence-pattern";
+import { jsx as jsx44, jsxs as jsxs34, Fragment as Fragment44 } from "react/jsx-runtime";
+var cliFlag48 = "image-sequence-pattern";
 var currentImageSequencePattern = null;
 var imageSequencePatternOption = {
   name: "Image Sequence Pattern",
-  cliFlag: cliFlag46,
+  cliFlag: cliFlag48,
   ssrName: "imageSequencePattern",
-  description: () => /* @__PURE__ */ jsxs32(Fragment42, {
+  description: () => /* @__PURE__ */ jsxs34(Fragment44, {
     children: [
       "Pattern for naming image sequence files. Supports ",
-      /* @__PURE__ */ jsx42("code", {
+      /* @__PURE__ */ jsx44("code", {
         children: "[frame]"
       }),
       " for the zero-padded frame number and ",
-      /* @__PURE__ */ jsx42("code", {
+      /* @__PURE__ */ jsx44("code", {
         children: "[ext]"
       }),
       " for the file extension."
     ]
   }),
-  docLink: null,
+  docLink: "https://www.remotion.dev/docs/options/image-sequence-pattern",
   type: "string",
   getValue: ({ commandLine }) => {
+    if (commandLine[cliFlag48] !== undefined) {
+      return {
+        value: commandLine[cliFlag48],
+        source: "cli"
+      };
+    }
     if (currentImageSequencePattern !== null) {
       return {
         value: currentImageSequencePattern,
@@ -3073,8 +3191,8 @@ var imageSequencePatternOption = {
       };
     }
     return {
-      value: commandLine[cliFlag46],
-      source: "cli"
+      value: null,
+      source: "default"
     };
   },
   setConfig: (pattern) => {
@@ -3083,26 +3201,26 @@ var imageSequencePatternOption = {
   reset: () => {
     currentImageSequencePattern = null;
   },
-  id: cliFlag46
+  id: cliFlag48
 };
 
 // src/options/interactivity.tsx
-import { jsx as jsx43, Fragment as Fragment43 } from "react/jsx-runtime";
+import { jsx as jsx45, Fragment as Fragment45 } from "react/jsx-runtime";
 var interactivityEnabled = true;
 var configuredInteractivityEnabled = null;
-var cliFlag47 = "disable-interactivity";
+var cliFlag49 = "disable-interactivity";
 var interactivityOption = {
   name: "Disable or enable Studio interactivity",
-  cliFlag: cliFlag47,
-  description: () => /* @__PURE__ */ jsx43(Fragment43, {
+  cliFlag: cliFlag49,
+  description: () => /* @__PURE__ */ jsx45(Fragment45, {
     children: "Enable or disable interactive editing in the Remotion Studio. When disabled, the Studio keeps previewing and source navigation available, but disables preview outlines, the sequence inspector, visual controls, timeline selection and timeline editing gestures."
   }),
   ssrName: null,
-  docLink: "https://www.remotion.dev/docs/config#setinteractivityenabled",
+  docLink: "https://www.remotion.dev/docs/options/disable-interactivity",
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag47] !== undefined && commandLine[cliFlag47] !== null) {
-      interactivityEnabled = commandLine[cliFlag47] === false;
+    if (commandLine[cliFlag49] !== undefined && commandLine[cliFlag49] !== null) {
+      interactivityEnabled = commandLine[cliFlag49] === false;
       return {
         value: interactivityEnabled,
         source: "cli"
@@ -3122,26 +3240,26 @@ var interactivityOption = {
     interactivityEnabled = true;
     configuredInteractivityEnabled = null;
   },
-  id: cliFlag47
+  id: cliFlag49
 };
 
 // src/options/ipv4.tsx
-import { jsx as jsx44, Fragment as Fragment44 } from "react/jsx-runtime";
+import { jsx as jsx46, Fragment as Fragment46 } from "react/jsx-runtime";
 var forceIPv4 = false;
-var cliFlag48 = "ipv4";
+var cliFlag50 = "ipv4";
 var ipv4Option = {
   name: "IPv4",
-  cliFlag: cliFlag48,
-  description: () => /* @__PURE__ */ jsx44(Fragment44, {
+  cliFlag: cliFlag50,
+  description: () => /* @__PURE__ */ jsx46(Fragment46, {
     children: "Forces Remotion to bind to an IPv4 interface for the Studio server."
   }),
   ssrName: null,
-  docLink: "https://www.remotion.dev/docs/cli/studio",
+  docLink: "https://www.remotion.dev/docs/options/ipv4",
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag48] !== undefined && commandLine[cliFlag48] !== null) {
+    if (commandLine[cliFlag50] !== undefined && commandLine[cliFlag50] !== null) {
       return {
-        value: commandLine[cliFlag48],
+        value: commandLine[cliFlag50],
         source: "cli"
       };
     }
@@ -3153,37 +3271,37 @@ var ipv4Option = {
   setConfig(value) {
     forceIPv4 = value;
   },
-  id: cliFlag48
+  id: cliFlag50
 };
 
 // src/options/is-production.tsx
-import { jsx as jsx45, jsxs as jsxs33, Fragment as Fragment45 } from "react/jsx-runtime";
-var cliFlag49 = "is-production";
+import { jsx as jsx47, jsxs as jsxs35, Fragment as Fragment47 } from "react/jsx-runtime";
+var cliFlag51 = "is-production";
 var currentIsProductionKey = null;
 var isProductionOption = {
   name: "Is Production",
-  cliFlag: cliFlag49,
-  description: () => /* @__PURE__ */ jsxs33(Fragment45, {
+  cliFlag: cliFlag51,
+  description: () => /* @__PURE__ */ jsxs35(Fragment47, {
     children: [
       "Pass ",
-      /* @__PURE__ */ jsx45("code", {
+      /* @__PURE__ */ jsx47("code", {
         children: "false"
       }),
       " if this a development render to not count it as a billable render on remotion.pro. Only can be used in conjuction with",
       " ",
-      /* @__PURE__ */ jsx45("code", {
+      /* @__PURE__ */ jsx47("code", {
         children: "licenseKey"
       }),
       "."
     ]
   }),
   ssrName: "isProduction",
-  docLink: "https://www.remotion.dev/docs/licensing",
+  docLink: "https://www.remotion.dev/docs/options/is-production",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag49] !== undefined && commandLine[cliFlag49] !== null) {
+    if (commandLine[cliFlag51] !== undefined && commandLine[cliFlag51] !== null) {
       return {
         source: "cli",
-        value: commandLine[cliFlag49]
+        value: commandLine[cliFlag51]
       };
     }
     if (currentIsProductionKey !== null) {
@@ -3201,11 +3319,11 @@ var isProductionOption = {
     currentIsProductionKey = value;
   },
   type: false,
-  id: cliFlag49
+  id: cliFlag51
 };
 
 // src/options/jpeg-quality.tsx
-import { jsx as jsx46, Fragment as Fragment46 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs36, Fragment as Fragment48 } from "react/jsx-runtime";
 var defaultValue = DEFAULT_JPEG_QUALITY;
 var quality = defaultValue;
 var setJpegQuality = (q) => {
@@ -3216,23 +3334,33 @@ var setJpegQuality = (q) => {
   }
   quality = q;
 };
-var cliFlag50 = "jpeg-quality";
+var cliFlag52 = "jpeg-quality";
 var jpegQualityOption = {
   name: "JPEG Quality",
-  cliFlag: cliFlag50,
-  description: () => /* @__PURE__ */ jsx46(Fragment46, {
-    children: "Sets the quality of the generated JPEG images. Must be an integer between 0 and 100. Default: 80."
+  cliFlag: cliFlag52,
+  description: () => /* @__PURE__ */ jsxs36(Fragment48, {
+    children: [
+      "Sets the quality of the generated JPEG images. Must be an integer between 0 and 100. Default: 80.",
+      /* @__PURE__ */ jsx48("br", {}),
+      "This option has no effect when",
+      " ",
+      /* @__PURE__ */ jsx48("a", {
+        href: "/docs/shared-memory-capture",
+        children: "shared-memory capture"
+      }),
+      " is active."
+    ]
   }),
   ssrName: "jpegQuality",
-  docLink: "https://www.remotion.dev/docs/renderer/render-media#jpeg-quality",
+  docLink: "https://www.remotion.dev/docs/options/jpeg-quality",
   type: 0,
   setConfig: setJpegQuality,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag50] !== undefined) {
-      validateJpegQuality(commandLine[cliFlag50]);
+    if (commandLine[cliFlag52] !== undefined) {
+      validateJpegQuality(commandLine[cliFlag52]);
       return {
         source: "cli",
-        value: commandLine[cliFlag50]
+        value: commandLine[cliFlag52]
       };
     }
     if (quality !== defaultValue) {
@@ -3246,26 +3374,26 @@ var jpegQualityOption = {
       value: defaultValue
     };
   },
-  id: cliFlag50
+  id: cliFlag52
 };
 
 // src/options/keyboard-shortcuts.tsx
-import { jsx as jsx47, Fragment as Fragment47 } from "react/jsx-runtime";
+import { jsx as jsx49, Fragment as Fragment49 } from "react/jsx-runtime";
 var keyboardShortcutsEnabled = true;
 var configuredKeyboardShortcutsEnabled = null;
-var cliFlag51 = "disable-keyboard-shortcuts";
+var cliFlag53 = "disable-keyboard-shortcuts";
 var keyboardShortcutsOption = {
   name: "Disable or Enable keyboard shortcuts",
-  cliFlag: cliFlag51,
-  description: () => /* @__PURE__ */ jsx47(Fragment47, {
+  cliFlag: cliFlag53,
+  description: () => /* @__PURE__ */ jsx49(Fragment49, {
     children: "Enable or disable keyboard shortcuts in the Remotion Studio."
   }),
   ssrName: null,
-  docLink: "https://www.remotion.dev/docs/config#setkeyboardshortcutsenabled",
+  docLink: "https://www.remotion.dev/docs/options/disable-keyboard-shortcuts",
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag51] !== undefined && commandLine[cliFlag51] !== null) {
-      keyboardShortcutsEnabled = commandLine[cliFlag51] === false;
+    if (commandLine[cliFlag53] !== undefined && commandLine[cliFlag53] !== null) {
+      keyboardShortcutsEnabled = commandLine[cliFlag53] === false;
       return {
         value: keyboardShortcutsEnabled,
         source: "cli"
@@ -3285,51 +3413,51 @@ var keyboardShortcutsOption = {
     keyboardShortcutsEnabled = true;
     configuredKeyboardShortcutsEnabled = null;
   },
-  id: cliFlag51
+  id: cliFlag53
 };
 
 // src/options/latency-hint.tsx
-import { jsx as jsx48, jsxs as jsxs34, Fragment as Fragment48 } from "react/jsx-runtime";
-var cliFlag52 = "audio-latency-hint";
+import { jsx as jsx50, jsxs as jsxs37, Fragment as Fragment50 } from "react/jsx-runtime";
+var cliFlag54 = "audio-latency-hint";
 var value = null;
 var audioLatencyHintOption = {
   name: "Audio Latency Hint",
-  cliFlag: cliFlag52,
-  description: () => /* @__PURE__ */ jsxs34(Fragment48, {
+  cliFlag: cliFlag54,
+  description: () => /* @__PURE__ */ jsxs37(Fragment50, {
     children: [
       "Sets the",
       " ",
-      /* @__PURE__ */ jsx48("a", {
+      /* @__PURE__ */ jsx50("a", {
         href: "https://developer.mozilla.org/en-US/docs/Web/API/AudioContext/AudioContext",
         children: "audio latency"
       }),
       " ",
       "hint for the global ",
-      /* @__PURE__ */ jsx48("code", {
+      /* @__PURE__ */ jsx50("code", {
         children: "AudioContext"
       }),
       " context that Remotion uses to play audio.",
-      /* @__PURE__ */ jsx48("br", {}),
+      /* @__PURE__ */ jsx50("br", {}),
       "Possible values: ",
-      /* @__PURE__ */ jsx48("code", {
+      /* @__PURE__ */ jsx50("code", {
         children: "interactive"
       }),
       ", ",
-      /* @__PURE__ */ jsx48("code", {
+      /* @__PURE__ */ jsx50("code", {
         children: "balanced"
       }),
       ",",
       " ",
-      /* @__PURE__ */ jsx48("code", {
+      /* @__PURE__ */ jsx50("code", {
         children: "playback"
       })
     ]
   }),
   ssrName: "audioLatencyHint",
-  docLink: "https://www.remotion.dev/docs/renderer/render-media",
+  docLink: "https://www.remotion.dev/docs/options/audio-latency-hint",
   type: "playback",
   getValue: ({ commandLine }) => {
-    const val = commandLine[cliFlag52];
+    const val = commandLine[cliFlag54];
     if (typeof val !== "undefined") {
       return { value: val, source: "cli" };
     }
@@ -3345,34 +3473,34 @@ var audioLatencyHintOption = {
   reset: () => {
     value = null;
   },
-  id: cliFlag52
+  id: cliFlag54
 };
 
 // src/options/license-key.tsx
-import { jsx as jsx49, jsxs as jsxs35, Fragment as Fragment49 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs38, Fragment as Fragment51 } from "react/jsx-runtime";
 var currentLicenseKey = null;
-var cliFlag53 = "license-key";
+var cliFlag55 = "license-key";
 var licenseKeyOption = {
   name: "License key",
-  cliFlag: cliFlag53,
-  description: () => /* @__PURE__ */ jsxs35(Fragment49, {
+  cliFlag: cliFlag55,
+  description: () => /* @__PURE__ */ jsxs38(Fragment51, {
     children: [
       "License key for sending a usage event using",
       " ",
-      /* @__PURE__ */ jsx49("code", {
+      /* @__PURE__ */ jsx51("code", {
         children: "@remotion/licensing"
       }),
       "."
     ]
   }),
   ssrName: "licenseKey",
-  docLink: "https://www.remotion.dev/docs/licensing",
+  docLink: "https://www.remotion.dev/docs/options/license-key",
   type: null,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag53] !== undefined) {
+    if (commandLine[cliFlag55] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag53]
+        value: commandLine[cliFlag55]
       };
     }
     return {
@@ -3383,60 +3511,60 @@ var licenseKeyOption = {
   setConfig: (value2) => {
     currentLicenseKey = value2;
   },
-  id: cliFlag53
+  id: cliFlag55
 };
 
 // src/options/log-level.tsx
-import { jsx as jsx50, jsxs as jsxs36, Fragment as Fragment50 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs39, Fragment as Fragment52 } from "react/jsx-runtime";
 var logLevel = "info";
 var configuredLogLevel = null;
-var cliFlag54 = "log";
+var cliFlag56 = "log";
 var logLevelOption = {
-  cliFlag: cliFlag54,
+  cliFlag: cliFlag56,
   name: "Log Level",
   ssrName: "logLevel",
-  description: () => /* @__PURE__ */ jsxs36(Fragment50, {
+  description: () => /* @__PURE__ */ jsxs39(Fragment52, {
     children: [
       "One of ",
-      /* @__PURE__ */ jsx50("code", {
+      /* @__PURE__ */ jsx52("code", {
         children: "trace"
       }),
       ", ",
-      /* @__PURE__ */ jsx50("code", {
+      /* @__PURE__ */ jsx52("code", {
         children: "verbose"
       }),
       ", ",
-      /* @__PURE__ */ jsx50("code", {
+      /* @__PURE__ */ jsx52("code", {
         children: "info"
       }),
       ",",
       " ",
-      /* @__PURE__ */ jsx50("code", {
+      /* @__PURE__ */ jsx52("code", {
         children: "warn"
       }),
       ", ",
-      /* @__PURE__ */ jsx50("code", {
+      /* @__PURE__ */ jsx52("code", {
         children: "error"
       }),
       ".",
-      /* @__PURE__ */ jsx50("br", {}),
+      /* @__PURE__ */ jsx52("br", {}),
       " Determines how much info is being logged to the console.",
-      /* @__PURE__ */ jsx50("br", {}),
-      /* @__PURE__ */ jsx50("br", {}),
+      /* @__PURE__ */ jsx52("br", {}),
+      /* @__PURE__ */ jsx52("br", {}),
       " Default ",
-      /* @__PURE__ */ jsx50("code", {
+      /* @__PURE__ */ jsx52("code", {
         children: "info"
       }),
       "."
     ]
   }),
-  docLink: "https://www.remotion.dev/docs/troubleshooting/debug-failed-render",
+  docLink: "https://www.remotion.dev/docs/options/log",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag54]) {
-      if (!isValidLogLevel(commandLine[cliFlag54])) {
+    if (commandLine[cliFlag56]) {
+      if (!isValidLogLevel(commandLine[cliFlag56])) {
         throw new Error(`Invalid \`--log\` value passed. Accepted values: ${logLevels.map((l) => `'${l}'`).join(", ")}.`);
       }
-      return { value: commandLine[cliFlag54], source: "cli" };
+      return { value: commandLine[cliFlag56], source: "cli" };
     }
     if (logLevel !== "info") {
       return { value: logLevel, source: "config" };
@@ -3453,23 +3581,23 @@ var logLevelOption = {
     configuredLogLevel = null;
   },
   type: "error",
-  id: cliFlag54
+  id: cliFlag56
 };
 
 // src/options/metadata.tsx
-import { jsx as jsx51, jsxs as jsxs37, Fragment as Fragment51 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs40, Fragment as Fragment53 } from "react/jsx-runtime";
 var metadata = {};
-var cliFlag55 = "metadata";
+var cliFlag57 = "metadata";
 var metadataOption = {
   name: "Metadata",
-  cliFlag: cliFlag55,
+  cliFlag: cliFlag57,
   description: (mode) => {
     if (mode === "ssr") {
-      return /* @__PURE__ */ jsxs37(Fragment51, {
+      return /* @__PURE__ */ jsxs40(Fragment53, {
         children: [
           "An object containing metadata to be embedded in the video. See",
           " ",
-          /* @__PURE__ */ jsx51("a", {
+          /* @__PURE__ */ jsx53("a", {
             href: "/docs/metadata",
             children: "here"
           }),
@@ -3477,18 +3605,18 @@ var metadataOption = {
         ]
       });
     }
-    return /* @__PURE__ */ jsxs37(Fragment51, {
+    return /* @__PURE__ */ jsxs40(Fragment53, {
       children: [
         "Metadata to be embedded in the video. See",
         " ",
-        /* @__PURE__ */ jsx51("a", {
+        /* @__PURE__ */ jsx53("a", {
           href: "/docs/metadata",
           children: "here"
         }),
         " for which metadata is accepted.",
-        /* @__PURE__ */ jsx51("br", {}),
+        /* @__PURE__ */ jsx53("br", {}),
         "The parameter must be in the format of ",
-        /* @__PURE__ */ jsx51("code", {
+        /* @__PURE__ */ jsx53("code", {
           children: "--metadata key=value"
         }),
         " ",
@@ -3496,11 +3624,11 @@ var metadataOption = {
       ]
     });
   },
-  docLink: "https://www.remotion.dev/docs/metadata",
+  docLink: "https://www.remotion.dev/docs/options/metadata",
   type: {},
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag55] !== undefined) {
-      const val = commandLine[cliFlag55];
+    if (commandLine[cliFlag57] !== undefined) {
+      const val = commandLine[cliFlag57];
       const array = typeof val === "string" ? [val] : val;
       const keyValues = array.map((a) => {
         if (!a.includes("=")) {
@@ -3527,28 +3655,28 @@ var metadataOption = {
     metadata = newMetadata;
   },
   ssrName: "metadata",
-  id: cliFlag55
+  id: cliFlag57
 };
 
 // src/options/mute.tsx
-import { jsx as jsx52, Fragment as Fragment52 } from "react/jsx-runtime";
+import { jsx as jsx54, Fragment as Fragment54 } from "react/jsx-runtime";
 var DEFAULT_MUTED_STATE = false;
 var mutedState = DEFAULT_MUTED_STATE;
-var cliFlag56 = "muted";
+var cliFlag58 = "muted";
 var mutedOption = {
   name: "Muted",
-  cliFlag: cliFlag56,
-  description: () => /* @__PURE__ */ jsx52(Fragment52, {
+  cliFlag: cliFlag58,
+  description: () => /* @__PURE__ */ jsx54(Fragment54, {
     children: "The Audio of the video will be omitted."
   }),
   ssrName: "muted",
-  docLink: "https://www.remotion.dev/docs/audio/muting",
+  docLink: "https://www.remotion.dev/docs/options/muted",
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag56] !== null) {
+    if (commandLine[cliFlag58] !== null) {
       return {
         source: "cli",
-        value: commandLine[cliFlag56]
+        value: commandLine[cliFlag58]
       };
     }
     if (mutedState !== DEFAULT_MUTED_STATE) {
@@ -3568,21 +3696,21 @@ var mutedOption = {
   reset: () => {
     mutedState = DEFAULT_MUTED_STATE;
   },
-  id: cliFlag56
+  id: cliFlag58
 };
 
 // src/options/no-open.tsx
-import { jsx as jsx53, Fragment as Fragment53 } from "react/jsx-runtime";
+import { jsx as jsx55, Fragment as Fragment55 } from "react/jsx-runtime";
 var shouldOpenBrowser = true;
-var cliFlag57 = "no-open";
+var cliFlag59 = "no-open";
 var noOpenOption = {
   name: "Disable browser auto-open",
-  cliFlag: cliFlag57,
-  description: () => /* @__PURE__ */ jsx53(Fragment53, {
+  cliFlag: cliFlag59,
+  description: () => /* @__PURE__ */ jsx55(Fragment55, {
     children: "If specified, Remotion will not open a browser window when starting the Studio."
   }),
   ssrName: null,
-  docLink: "https://www.remotion.dev/docs/cli/studio#--no-open",
+  docLink: "https://www.remotion.dev/docs/options/no-open",
   type: false,
   getValue: ({ commandLine }) => {
     const cliValue = commandLine.open;
@@ -3600,54 +3728,54 @@ var noOpenOption = {
   reset: () => {
     shouldOpenBrowser = true;
   },
-  id: cliFlag57
+  id: cliFlag59
 };
 
 // src/options/number-of-gif-loops.tsx
-import { jsx as jsx54, jsxs as jsxs38, Fragment as Fragment54 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs41, Fragment as Fragment56 } from "react/jsx-runtime";
 var currentLoop = null;
 var validate = (newLoop) => {
   if (newLoop !== null && typeof newLoop !== "number") {
     throw new Error("--number-of-gif-loops flag must be a number.");
   }
 };
-var cliFlag58 = "number-of-gif-loops";
+var cliFlag60 = "number-of-gif-loops";
 var numberOfGifLoopsOption = {
   name: "Number of GIF loops",
-  cliFlag: cliFlag58,
+  cliFlag: cliFlag60,
   description: () => {
-    return /* @__PURE__ */ jsxs38(Fragment54, {
+    return /* @__PURE__ */ jsxs41(Fragment56, {
       children: [
         "Allows you to set the number of loops as follows:",
-        /* @__PURE__ */ jsxs38("ul", {
+        /* @__PURE__ */ jsxs41("ul", {
           children: [
-            /* @__PURE__ */ jsxs38("li", {
+            /* @__PURE__ */ jsxs41("li", {
               children: [
-                /* @__PURE__ */ jsx54("code", {
+                /* @__PURE__ */ jsx56("code", {
                   children: "null"
                 }),
                 " (or omitting in the CLI) plays the GIF indefinitely."
               ]
             }),
-            /* @__PURE__ */ jsxs38("li", {
+            /* @__PURE__ */ jsxs41("li", {
               children: [
-                /* @__PURE__ */ jsx54("code", {
+                /* @__PURE__ */ jsx56("code", {
                   children: "0"
                 }),
                 " disables looping"
               ]
             }),
-            /* @__PURE__ */ jsxs38("li", {
+            /* @__PURE__ */ jsxs41("li", {
               children: [
-                /* @__PURE__ */ jsx54("code", {
+                /* @__PURE__ */ jsx56("code", {
                   children: "1"
                 }),
                 " loops the GIF once (plays twice in total)"
               ]
             }),
-            /* @__PURE__ */ jsxs38("li", {
+            /* @__PURE__ */ jsxs41("li", {
               children: [
-                /* @__PURE__ */ jsx54("code", {
+                /* @__PURE__ */ jsx56("code", {
                   children: "2"
                 }),
                 " loops the GIF twice (plays three times in total) and so on."
@@ -3659,13 +3787,13 @@ var numberOfGifLoopsOption = {
     });
   },
   ssrName: "numberOfGifLoops",
-  docLink: "https://www.remotion.dev/docs/render-as-gif#changing-the-number-of-loops",
+  docLink: "https://www.remotion.dev/docs/options/number-of-gif-loops",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag58] !== undefined) {
-      validate(commandLine[cliFlag58]);
+    if (commandLine[cliFlag60] !== undefined) {
+      validate(commandLine[cliFlag60]);
       return {
-        value: commandLine[cliFlag58],
+        value: commandLine[cliFlag60],
         source: "cli"
       };
     }
@@ -3684,22 +3812,22 @@ var numberOfGifLoopsOption = {
     validate(newLoop);
     currentLoop = newLoop;
   },
-  id: cliFlag58
+  id: cliFlag60
 };
 
 // src/options/number-of-shared-audio-tags.tsx
-import { jsx as jsx55, jsxs as jsxs39, Fragment as Fragment55 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs42, Fragment as Fragment57 } from "react/jsx-runtime";
 var numberOfSharedAudioTags = 0;
 var configuredNumberOfSharedAudioTags = null;
-var cliFlag59 = "number-of-shared-audio-tags";
+var cliFlag61 = "number-of-shared-audio-tags";
 var numberOfSharedAudioTagsOption = {
   name: "Number of shared audio tags",
-  cliFlag: cliFlag59,
-  description: () => /* @__PURE__ */ jsxs39(Fragment55, {
+  cliFlag: cliFlag61,
+  description: () => /* @__PURE__ */ jsxs42(Fragment57, {
     children: [
       "Set number of shared audio tags. See",
       " ",
-      /* @__PURE__ */ jsx55("a", {
+      /* @__PURE__ */ jsx57("a", {
         href: "https://www.remotion.dev/docs/player/autoplay#using-the-numberofsharedaudiotags-prop",
         children: "Using the numberOfSharedAudioTags prop"
       }),
@@ -3708,12 +3836,12 @@ var numberOfSharedAudioTagsOption = {
     ]
   }),
   ssrName: null,
-  docLink: "https://www.remotion.dev/docs/config#setnumberofsharedaudiotags",
+  docLink: "https://www.remotion.dev/docs/options/number-of-shared-audio-tags",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag59] !== undefined) {
+    if (commandLine[cliFlag61] !== undefined) {
       return {
-        value: commandLine[cliFlag59],
+        value: commandLine[cliFlag61],
         source: "cli"
       };
     }
@@ -3731,51 +3859,51 @@ var numberOfSharedAudioTagsOption = {
     numberOfSharedAudioTags = 0;
     configuredNumberOfSharedAudioTags = null;
   },
-  id: cliFlag59
+  id: cliFlag61
 };
 
 // src/options/offthreadvideo-cache-size.tsx
-import { jsx as jsx56, jsxs as jsxs40, Fragment as Fragment56 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs43, Fragment as Fragment58 } from "react/jsx-runtime";
 var offthreadVideoCacheSizeInBytes = null;
-var cliFlag60 = "offthreadvideo-cache-size-in-bytes";
+var cliFlag62 = "offthreadvideo-cache-size-in-bytes";
 var offthreadVideoCacheSizeInBytesOption = {
   name: "OffthreadVideo cache size",
-  cliFlag: cliFlag60,
-  description: () => /* @__PURE__ */ jsxs40(Fragment56, {
+  cliFlag: cliFlag62,
+  description: () => /* @__PURE__ */ jsxs43(Fragment58, {
     children: [
       "From v4.0, Remotion has a cache for",
       " ",
-      /* @__PURE__ */ jsx56("a", {
+      /* @__PURE__ */ jsx58("a", {
         href: "https://remotion.dev/docs/offthreadvideo",
-        children: /* @__PURE__ */ jsx56("code", {
+        children: /* @__PURE__ */ jsx58("code", {
           children: "<OffthreadVideo>"
         })
       }),
       " ",
       "frames. The default is ",
-      /* @__PURE__ */ jsx56("code", {
+      /* @__PURE__ */ jsx58("code", {
         children: "null"
       }),
       ", corresponding to half of the system memory available when the render starts.",
-      /* @__PURE__ */ jsx56("br", {}),
+      /* @__PURE__ */ jsx58("br", {}),
       " This option allows to override the size of the cache. The higher it is, the faster the render will be, but the more memory will be used.",
-      /* @__PURE__ */ jsx56("br", {}),
+      /* @__PURE__ */ jsx58("br", {}),
       "The used value will be printed when running in verbose mode.",
-      /* @__PURE__ */ jsx56("br", {}),
+      /* @__PURE__ */ jsx58("br", {}),
       "Default: ",
-      /* @__PURE__ */ jsx56("code", {
+      /* @__PURE__ */ jsx58("code", {
         children: "null"
       })
     ]
   }),
   ssrName: "offthreadVideoCacheSizeInBytes",
-  docLink: "https://www.remotion.dev/docs/offthreadvideo",
+  docLink: "https://www.remotion.dev/docs/options/offthreadvideo-cache-size-in-bytes",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag60] !== undefined) {
+    if (commandLine[cliFlag62] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag60]
+        value: commandLine[cliFlag62]
       };
     }
     if (offthreadVideoCacheSizeInBytes !== null) {
@@ -3792,22 +3920,22 @@ var offthreadVideoCacheSizeInBytesOption = {
   setConfig: (size) => {
     offthreadVideoCacheSizeInBytes = size ?? null;
   },
-  id: cliFlag60
+  id: cliFlag62
 };
 
 // src/options/offthreadvideo-threads.tsx
-import { jsx as jsx57, jsxs as jsxs41, Fragment as Fragment57 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs44, Fragment as Fragment59 } from "react/jsx-runtime";
 var value2 = null;
-var cliFlag61 = "offthreadvideo-video-threads";
+var cliFlag63 = "offthreadvideo-video-threads";
 var offthreadVideoThreadsOption = {
   name: "OffthreadVideo threads",
-  cliFlag: cliFlag61,
-  description: () => /* @__PURE__ */ jsxs41(Fragment57, {
+  cliFlag: cliFlag63,
+  description: () => /* @__PURE__ */ jsxs44(Fragment59, {
     children: [
       "The number of threads that",
-      /* @__PURE__ */ jsx57("a", {
+      /* @__PURE__ */ jsx59("a", {
         href: "https://remotion.dev/docs/offthreadvideo",
-        children: /* @__PURE__ */ jsx57("code", {
+        children: /* @__PURE__ */ jsx59("code", {
           children: "<OffthreadVideo>"
         })
       }),
@@ -3819,13 +3947,13 @@ var offthreadVideoThreadsOption = {
     ]
   }),
   ssrName: "offthreadVideoThreads",
-  docLink: "https://www.remotion.dev/docs/offthreadvideo",
+  docLink: "https://www.remotion.dev/docs/options/offthreadvideo-video-threads",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag61] !== undefined) {
+    if (commandLine[cliFlag63] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag61]
+        value: commandLine[cliFlag63]
       };
     }
     if (value2 !== null) {
@@ -3842,28 +3970,28 @@ var offthreadVideoThreadsOption = {
   setConfig: (size) => {
     value2 = size ?? null;
   },
-  id: cliFlag61
+  id: cliFlag63
 };
 var DEFAULT_RENDER_FRAMES_OFFTHREAD_VIDEO_THREADS = 2;
 
 // src/options/on-browser-download.tsx
-import { jsx as jsx58, jsxs as jsxs42, Fragment as Fragment58 } from "react/jsx-runtime";
-var cliFlag62 = "on-browser-download";
+import { jsx as jsx60, jsxs as jsxs45, Fragment as Fragment60 } from "react/jsx-runtime";
+var cliFlag64 = "on-browser-download";
 var onBrowserDownloadOption = {
   name: "Browser download callback function",
-  cliFlag: cliFlag62,
-  description: () => /* @__PURE__ */ jsxs42(Fragment58, {
+  cliFlag: cliFlag64,
+  description: () => /* @__PURE__ */ jsxs45(Fragment60, {
     children: [
       "Gets called when no compatible local browser is detected on the system and this API needs to download a browser. Return a callback to observe progress.",
       " ",
-      /* @__PURE__ */ jsx58("a", {
+      /* @__PURE__ */ jsx60("a", {
         href: "/docs/renderer/ensure-browser#onbrowserdownload",
         children: "See here for how to use this option."
       })
     ]
   }),
   ssrName: "onBrowserDownload",
-  docLink: "https://www.remotion.dev/docs/renderer/ensure-browser",
+  docLink: "https://www.remotion.dev/docs/options/on-browser-download",
   type: undefined,
   getValue: () => {
     throw new Error("does not support config file");
@@ -3871,26 +3999,26 @@ var onBrowserDownloadOption = {
   setConfig: () => {
     throw new Error("does not support config file");
   },
-  id: cliFlag62
+  id: cliFlag64
 };
 
 // src/options/out-dir.tsx
-import { jsx as jsx59, jsxs as jsxs43, Fragment as Fragment59 } from "react/jsx-runtime";
-var cliFlag63 = "out-dir";
+import { jsx as jsx61, jsxs as jsxs46, Fragment as Fragment61 } from "react/jsx-runtime";
+var cliFlag65 = "out-dir";
 var currentOutDir = null;
 var outDirOption = {
   name: "Output Directory",
-  cliFlag: cliFlag63,
+  cliFlag: cliFlag65,
   description: () => {
-    return /* @__PURE__ */ jsxs43(Fragment59, {
+    return /* @__PURE__ */ jsxs46(Fragment61, {
       children: [
         "Define the location of the resulting bundle. By default it is a folder called ",
-        /* @__PURE__ */ jsx59("code", {
+        /* @__PURE__ */ jsx61("code", {
           children: "build"
         }),
         ", adjacent to the",
         " ",
-        /* @__PURE__ */ jsx59("a", {
+        /* @__PURE__ */ jsx61("a", {
           href: "/docs/terminology/remotion-root",
           children: "Remotion Root"
         }),
@@ -3899,12 +4027,12 @@ var outDirOption = {
     });
   },
   ssrName: "outDir",
-  docLink: "https://www.remotion.dev/docs/cli/bundle#--out-dir",
+  docLink: "https://www.remotion.dev/docs/options/out-dir",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag63] !== undefined) {
+    if (commandLine[cliFlag65] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag63]
+        value: commandLine[cliFlag65]
       };
     }
     if (currentOutDir !== null) {
@@ -3922,31 +4050,31 @@ var outDirOption = {
     currentOutDir = value3;
   },
   type: "",
-  id: cliFlag63
+  id: cliFlag65
 };
 
 // src/validate.ts
-import { NoReactInternals as NoReactInternals3 } from "remotion/no-react";
-var validateFps = NoReactInternals3.validateFps;
-var validateDimension = NoReactInternals3.validateDimension;
-var validateDurationInFrames = NoReactInternals3.validateDurationInFrames;
+import { NoReactInternals as NoReactInternals4 } from "remotion/no-react";
+var validateFps = NoReactInternals4.validateFps;
+var validateDimension = NoReactInternals4.validateDimension;
+var validateDurationInFrames = NoReactInternals4.validateDurationInFrames;
 
 // src/options/override-duration.tsx
-import { jsx as jsx60, Fragment as Fragment60 } from "react/jsx-runtime";
+import { jsx as jsx62, Fragment as Fragment62 } from "react/jsx-runtime";
 var currentDuration = null;
-var cliFlag64 = "duration";
+var cliFlag66 = "duration";
 var overrideDurationOption = {
   name: "Override Duration",
-  cliFlag: cliFlag64,
-  description: () => /* @__PURE__ */ jsx60(Fragment60, {
+  cliFlag: cliFlag66,
+  description: () => /* @__PURE__ */ jsx62(Fragment62, {
     children: "Overrides the duration in frames of the composition."
   }),
   ssrName: null,
-  docLink: "https://www.remotion.dev/docs/config#overrideduration",
+  docLink: "https://www.remotion.dev/docs/options/duration",
   type: null,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag64] !== undefined) {
-      const value3 = commandLine[cliFlag64];
+    if (commandLine[cliFlag66] !== undefined) {
+      const value3 = commandLine[cliFlag66];
       validateDurationInFrames(value3, {
         component: "in --duration flag",
         allowFloats: false
@@ -3977,25 +4105,25 @@ var overrideDurationOption = {
   reset: () => {
     currentDuration = null;
   },
-  id: cliFlag64
+  id: cliFlag66
 };
 
 // src/options/override-fps.tsx
-import { jsx as jsx61, Fragment as Fragment61 } from "react/jsx-runtime";
+import { jsx as jsx63, Fragment as Fragment63 } from "react/jsx-runtime";
 var currentFps = null;
-var cliFlag65 = "fps";
+var cliFlag67 = "fps";
 var overrideFpsOption = {
   name: "Override FPS",
-  cliFlag: cliFlag65,
-  description: () => /* @__PURE__ */ jsx61(Fragment61, {
+  cliFlag: cliFlag67,
+  description: () => /* @__PURE__ */ jsx63(Fragment63, {
     children: "Overrides the frames per second of the composition."
   }),
   ssrName: null,
-  docLink: "https://www.remotion.dev/docs/config#overridefps",
+  docLink: "https://www.remotion.dev/docs/options/fps",
   type: null,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag65] !== undefined) {
-      const value3 = commandLine[cliFlag65];
+    if (commandLine[cliFlag67] !== undefined) {
+      const value3 = commandLine[cliFlag67];
       validateFps(value3, "in --fps flag", false);
       return {
         source: "cli",
@@ -4020,25 +4148,25 @@ var overrideFpsOption = {
   reset: () => {
     currentFps = null;
   },
-  id: cliFlag65
+  id: cliFlag67
 };
 
 // src/options/override-height.tsx
-import { jsx as jsx62, Fragment as Fragment62 } from "react/jsx-runtime";
+import { jsx as jsx64, Fragment as Fragment64 } from "react/jsx-runtime";
 var currentHeight = null;
-var cliFlag66 = "height";
+var cliFlag68 = "height";
 var overrideHeightOption = {
   name: "Override Height",
-  cliFlag: cliFlag66,
-  description: () => /* @__PURE__ */ jsx62(Fragment62, {
+  cliFlag: cliFlag68,
+  description: () => /* @__PURE__ */ jsx64(Fragment64, {
     children: "Overrides the height of the composition."
   }),
   ssrName: null,
-  docLink: "https://www.remotion.dev/docs/config#overrideheight",
+  docLink: "https://www.remotion.dev/docs/options/height",
   type: null,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag66] !== undefined) {
-      const value3 = commandLine[cliFlag66];
+    if (commandLine[cliFlag68] !== undefined) {
+      const value3 = commandLine[cliFlag68];
       validateDimension(value3, "height", "in --height flag");
       return {
         source: "cli",
@@ -4063,25 +4191,25 @@ var overrideHeightOption = {
   reset: () => {
     currentHeight = null;
   },
-  id: cliFlag66
+  id: cliFlag68
 };
 
 // src/options/override-width.tsx
-import { jsx as jsx63, Fragment as Fragment63 } from "react/jsx-runtime";
+import { jsx as jsx65, Fragment as Fragment65 } from "react/jsx-runtime";
 var currentWidth = null;
-var cliFlag67 = "width";
+var cliFlag69 = "width";
 var overrideWidthOption = {
   name: "Override Width",
-  cliFlag: cliFlag67,
-  description: () => /* @__PURE__ */ jsx63(Fragment63, {
+  cliFlag: cliFlag69,
+  description: () => /* @__PURE__ */ jsx65(Fragment65, {
     children: "Overrides the width of the composition."
   }),
   ssrName: null,
-  docLink: "https://www.remotion.dev/docs/config#overridewidth",
+  docLink: "https://www.remotion.dev/docs/options/width",
   type: null,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag67] !== undefined) {
-      const value3 = commandLine[cliFlag67];
+    if (commandLine[cliFlag69] !== undefined) {
+      const value3 = commandLine[cliFlag69];
       validateDimension(value3, "width", "in --width flag");
       return {
         source: "cli",
@@ -4106,13 +4234,13 @@ var overrideWidthOption = {
   reset: () => {
     currentWidth = null;
   },
-  id: cliFlag67
+  id: cliFlag69
 };
 
 // src/options/overwrite.tsx
-import { jsx as jsx64, jsxs as jsxs44, Fragment as Fragment64 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs47, Fragment as Fragment66 } from "react/jsx-runtime";
 var shouldOverwrite = null;
-var cliFlag68 = "overwrite";
+var cliFlag70 = "overwrite";
 var validate2 = (value3) => {
   if (typeof value3 !== "boolean") {
     throw new Error(`overwriteExisting must be a boolean but got ${typeof value3} (${value3})`);
@@ -4120,29 +4248,29 @@ var validate2 = (value3) => {
 };
 var overwriteOption = {
   name: "Overwrite output",
-  cliFlag: cliFlag68,
-  description: () => /* @__PURE__ */ jsxs44(Fragment64, {
+  cliFlag: cliFlag70,
+  description: () => /* @__PURE__ */ jsxs47(Fragment66, {
     children: [
       "If set to ",
-      /* @__PURE__ */ jsx64("code", {
+      /* @__PURE__ */ jsx66("code", {
         children: "false"
       }),
       ", will prevent rendering to a path that already exists. Default is ",
-      /* @__PURE__ */ jsx64("code", {
+      /* @__PURE__ */ jsx66("code", {
         children: "true"
       }),
       "."
     ]
   }),
   ssrName: "overwrite",
-  docLink: "https://www.remotion.dev/docs/config#setoverwriteoutput",
+  docLink: "https://www.remotion.dev/docs/options/overwrite",
   type: false,
   getValue: ({ commandLine }, defaultValue2) => {
-    if (commandLine[cliFlag68] !== undefined && commandLine[cliFlag68] !== null) {
-      validate2(commandLine[cliFlag68]);
+    if (commandLine[cliFlag70] !== undefined && commandLine[cliFlag70] !== null) {
+      validate2(commandLine[cliFlag70]);
       return {
         source: "cli",
-        value: commandLine[cliFlag68]
+        value: commandLine[cliFlag70]
       };
     }
     if (shouldOverwrite !== null) {
@@ -4163,40 +4291,40 @@ var overwriteOption = {
   reset: () => {
     shouldOverwrite = null;
   },
-  id: cliFlag68
+  id: cliFlag70
 };
 
 // src/options/package-manager.tsx
-import { jsx as jsx65, jsxs as jsxs45, Fragment as Fragment65 } from "react/jsx-runtime";
-var cliFlag69 = "package-manager";
+import { jsx as jsx67, jsxs as jsxs48, Fragment as Fragment67 } from "react/jsx-runtime";
+var cliFlag71 = "package-manager";
 var currentPackageManager = null;
 var packageManagerOption = {
   name: "Package Manager",
-  cliFlag: cliFlag69,
+  cliFlag: cliFlag71,
   description: () => {
-    return /* @__PURE__ */ jsxs45(Fragment65, {
+    return /* @__PURE__ */ jsxs48(Fragment67, {
       children: [
         "Forces a specific package manager to be used. By default, Remotion will auto-detect the package manager based on your lockfile.",
-        /* @__PURE__ */ jsx65("br", {}),
+        /* @__PURE__ */ jsx67("br", {}),
         "Acceptable values are ",
-        /* @__PURE__ */ jsx65("code", {
+        /* @__PURE__ */ jsx67("code", {
           children: "npm"
         }),
         ", ",
-        /* @__PURE__ */ jsx65("code", {
+        /* @__PURE__ */ jsx67("code", {
           children: "yarn"
         }),
         ",",
         " ",
-        /* @__PURE__ */ jsx65("code", {
+        /* @__PURE__ */ jsx67("code", {
           children: "pnpm"
         }),
         ", ",
-        /* @__PURE__ */ jsx65("code", {
+        /* @__PURE__ */ jsx67("code", {
           children: "bun"
         }),
         " and ",
-        /* @__PURE__ */ jsx65("code", {
+        /* @__PURE__ */ jsx67("code", {
           children: "nub"
         }),
         "."
@@ -4204,12 +4332,12 @@ var packageManagerOption = {
     });
   },
   ssrName: "packageManager",
-  docLink: "https://www.remotion.dev/docs/cli/upgrade#--package-manager",
+  docLink: "https://www.remotion.dev/docs/options/package-manager",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag69] !== undefined) {
+    if (commandLine[cliFlag71] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag69]
+        value: commandLine[cliFlag71]
       };
     }
     if (currentPackageManager !== null) {
@@ -4227,7 +4355,7 @@ var packageManagerOption = {
     currentPackageManager = value3;
   },
   type: "",
-  id: cliFlag69
+  id: cliFlag71
 };
 
 // src/pixel-format.ts
@@ -4250,17 +4378,17 @@ var validPixelFormatsForCodec = (codec) => {
 };
 
 // src/options/pixel-format.tsx
-import { jsx as jsx66, jsxs as jsxs46, Fragment as Fragment66 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs49, Fragment as Fragment68 } from "react/jsx-runtime";
 var currentPixelFormat = DEFAULT_PIXEL_FORMAT;
-var cliFlag70 = "pixel-format";
+var cliFlag72 = "pixel-format";
 var pixelFormatOption = {
   name: "Pixel format",
-  cliFlag: cliFlag70,
-  description: () => /* @__PURE__ */ jsxs46(Fragment66, {
+  cliFlag: cliFlag72,
+  description: () => /* @__PURE__ */ jsxs49(Fragment68, {
     children: [
       "Sets the pixel format in FFmpeg. See",
       " ",
-      /* @__PURE__ */ jsx66("a", {
+      /* @__PURE__ */ jsx68("a", {
         href: "https://trac.ffmpeg.org/wiki/Chroma%20Subsampling",
         children: "the FFmpeg docs for an explanation"
       }),
@@ -4270,7 +4398,7 @@ var pixelFormatOption = {
     ]
   }),
   ssrName: "pixelFormat",
-  docLink: "https://www.remotion.dev/docs/config#setpixelformat",
+  docLink: "https://www.remotion.dev/docs/options/pixel-format",
   type: DEFAULT_PIXEL_FORMAT,
   getValue: ({ commandLine }, options) => {
     if (options?.uiPixelFormat) {
@@ -4279,10 +4407,10 @@ var pixelFormatOption = {
         value: options.uiPixelFormat
       };
     }
-    if (commandLine[cliFlag70] !== undefined) {
+    if (commandLine[cliFlag72] !== undefined) {
       return {
         source: "from --pixel-format flag",
-        value: commandLine[cliFlag70]
+        value: commandLine[cliFlag72]
       };
     }
     if (options && options.compositionDefaultPixelFormat !== null) {
@@ -4308,26 +4436,26 @@ var pixelFormatOption = {
     }
     currentPixelFormat = value3;
   },
-  id: cliFlag70
+  id: cliFlag72
 };
 
 // src/options/port.tsx
-import { jsx as jsx67, Fragment as Fragment67 } from "react/jsx-runtime";
-var cliFlag71 = "port";
+import { jsx as jsx69, Fragment as Fragment69 } from "react/jsx-runtime";
+var cliFlag73 = "port";
 var currentPort = null;
 var portOption = {
   name: "Port",
-  cliFlag: cliFlag71,
-  description: () => /* @__PURE__ */ jsx67(Fragment67, {
+  cliFlag: cliFlag73,
+  description: () => /* @__PURE__ */ jsx69(Fragment69, {
     children: "Set a custom HTTP server port for the Studio or the render process. If not defined, Remotion will try to find a free port."
   }),
   ssrName: null,
-  docLink: "https://www.remotion.dev/docs/config#setstudioport",
+  docLink: "https://www.remotion.dev/docs/options/port",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag71] !== undefined) {
+    if (commandLine[cliFlag73] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag71]
+        value: commandLine[cliFlag73]
       };
     }
     if (currentPort !== null) {
@@ -4345,35 +4473,35 @@ var portOption = {
     currentPort = value3;
   },
   type: 0,
-  id: cliFlag71
+  id: cliFlag73
 };
 
 // src/options/prefer-lossless.tsx
-import { jsx as jsx68, jsxs as jsxs47, Fragment as Fragment68 } from "react/jsx-runtime";
-var cliFlag72 = "prefer-lossless";
+import { jsx as jsx70, jsxs as jsxs50, Fragment as Fragment70 } from "react/jsx-runtime";
+var cliFlag74 = "prefer-lossless";
 var input = false;
 var preferLosslessAudioOption = {
   name: "Prefer lossless",
-  cliFlag: cliFlag72,
-  description: () => /* @__PURE__ */ jsxs47(Fragment68, {
+  cliFlag: cliFlag74,
+  description: () => /* @__PURE__ */ jsxs50(Fragment70, {
     children: [
       "Uses a lossless audio codec, if one is available for the codec. If you set",
-      /* @__PURE__ */ jsx68("code", {
+      /* @__PURE__ */ jsx70("code", {
         children: "audioCodec"
       }),
       ", it takes priority over",
       " ",
-      /* @__PURE__ */ jsx68("code", {
+      /* @__PURE__ */ jsx70("code", {
         children: "preferLossless"
       }),
       "."
     ]
   }),
-  docLink: "https://www.remotion.dev/docs/encoding",
+  docLink: "https://www.remotion.dev/docs/options/prefer-lossless",
   type: false,
   ssrName: "preferLossless",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag72]) {
+    if (commandLine[cliFlag74]) {
       return { value: true, source: "cli" };
     }
     if (input === true) {
@@ -4384,31 +4512,31 @@ var preferLosslessAudioOption = {
   setConfig: (val) => {
     input = val;
   },
-  id: cliFlag72
+  id: cliFlag74
 };
 
 // src/options/preview-sample-rate.tsx
-import { jsx as jsx69, jsxs as jsxs48, Fragment as Fragment69 } from "react/jsx-runtime";
-var cliFlag73 = "preview-sample-rate";
+import { jsx as jsx71, jsxs as jsxs51, Fragment as Fragment71 } from "react/jsx-runtime";
+var cliFlag75 = "preview-sample-rate";
 var currentPreviewSampleRate = null;
 var previewSampleRateOption = {
   name: "Preview Sample Rate",
-  cliFlag: cliFlag73,
-  description: () => /* @__PURE__ */ jsxs48(Fragment69, {
+  cliFlag: cliFlag75,
+  description: () => /* @__PURE__ */ jsxs51(Fragment71, {
     children: [
       "Controls the sample rate used for audio playback during preview. When unset, Remotion uses ",
-      /* @__PURE__ */ jsx69("code", {
+      /* @__PURE__ */ jsx71("code", {
         children: "48000"
       }),
       " Hz."
     ]
   }),
   ssrName: null,
-  docLink: "https://www.remotion.dev/docs/config#setpreviewsamplerate",
+  docLink: "https://www.remotion.dev/docs/options/preview-sample-rate",
   type: null,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag73] !== undefined) {
-      return { value: commandLine[cliFlag73], source: "cli" };
+    if (commandLine[cliFlag75] !== undefined) {
+      return { value: commandLine[cliFlag75], source: "cli" };
     }
     if (currentPreviewSampleRate !== null) {
       return { value: currentPreviewSampleRate, source: "config file" };
@@ -4418,19 +4546,19 @@ var previewSampleRateOption = {
   setConfig: (value3) => {
     currentPreviewSampleRate = value3;
   },
-  id: cliFlag73
+  id: cliFlag75
 };
 
 // src/options/props.tsx
-import { jsx as jsx70, jsxs as jsxs49, Fragment as Fragment70 } from "react/jsx-runtime";
-var cliFlag74 = "props";
+import { jsx as jsx72, jsxs as jsxs52, Fragment as Fragment72 } from "react/jsx-runtime";
+var cliFlag76 = "props";
 var propsOption = {
   name: "Input Props",
-  cliFlag: cliFlag74,
-  description: () => /* @__PURE__ */ jsxs49(Fragment70, {
+  cliFlag: cliFlag76,
+  description: () => /* @__PURE__ */ jsxs52(Fragment72, {
     children: [
       "Input Props to pass to the selected composition of your video. Must be a serialized JSON string (",
-      /* @__PURE__ */ jsxs49("code", {
+      /* @__PURE__ */ jsxs52("code", {
         children: [
           "--props='",
           "{",
@@ -4440,19 +4568,19 @@ var propsOption = {
         ]
       }),
       ") or a path to a JSON file (",
-      /* @__PURE__ */ jsx70("code", {
+      /* @__PURE__ */ jsx72("code", {
         children: "./path/to/props.json"
       }),
       ")."
     ]
   }),
   ssrName: null,
-  docLink: "https://www.remotion.dev/docs/passing-props#passing-input-props-in-the-cli",
+  docLink: "https://www.remotion.dev/docs/options/props",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag74] !== undefined) {
+    if (commandLine[cliFlag76] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag74]
+        value: commandLine[cliFlag76]
       };
     }
     return {
@@ -4464,11 +4592,11 @@ var propsOption = {
     throw new Error("setProps is not supported. Pass --props via the CLI instead.");
   },
   type: "",
-  id: cliFlag74
+  id: cliFlag76
 };
 
 // src/options/prores-profile.tsx
-import { jsx as jsx71, jsxs as jsxs50, Fragment as Fragment71 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs53, Fragment as Fragment73 } from "react/jsx-runtime";
 var validProResProfiles = [
   "4444-xq",
   "4444",
@@ -4478,14 +4606,14 @@ var validProResProfiles = [
   "proxy"
 ];
 var proResProfile;
-var cliFlag75 = "prores-profile";
+var cliFlag77 = "prores-profile";
 var proResProfileOption = {
   name: "ProRes profile",
-  cliFlag: cliFlag75,
-  description: () => /* @__PURE__ */ jsxs50(Fragment71, {
+  cliFlag: cliFlag77,
+  description: () => /* @__PURE__ */ jsxs53(Fragment73, {
     children: [
       "Set the ProRes profile. This option is only valid if the codec has been set to ",
-      /* @__PURE__ */ jsx71("code", {
+      /* @__PURE__ */ jsx73("code", {
         children: "prores"
       }),
       ". Possible values:",
@@ -4493,12 +4621,12 @@ var proResProfileOption = {
       validProResProfiles.map((p) => `"${p}"`).join(", "),
       ". Default:",
       " ",
-      /* @__PURE__ */ jsx71("code", {
+      /* @__PURE__ */ jsx73("code", {
         children: '"hq"'
       }),
       ". See",
       " ",
-      /* @__PURE__ */ jsx71("a", {
+      /* @__PURE__ */ jsx73("a", {
         href: "https://video.stackexchange.com/a/14715",
         children: "here"
       }),
@@ -4506,7 +4634,7 @@ var proResProfileOption = {
     ]
   }),
   ssrName: "proResProfile",
-  docLink: "https://www.remotion.dev/docs/config#setproresprofile",
+  docLink: "https://www.remotion.dev/docs/options/prores-profile",
   type: undefined,
   getValue: ({ commandLine }, options) => {
     if (options?.uiProResProfile) {
@@ -4515,10 +4643,10 @@ var proResProfileOption = {
         value: options.uiProResProfile
       };
     }
-    if (commandLine[cliFlag75] !== undefined) {
+    if (commandLine[cliFlag77] !== undefined) {
       return {
         source: "from --prores-profile flag",
-        value: String(commandLine[cliFlag75])
+        value: String(commandLine[cliFlag77])
       };
     }
     if (options && options.compositionDefaultProResProfile !== null) {
@@ -4541,24 +4669,24 @@ var proResProfileOption = {
   setConfig: (value3) => {
     proResProfile = value3;
   },
-  id: cliFlag75
+  id: cliFlag77
 };
 
 // src/options/public-dir.tsx
-import { jsx as jsx72, jsxs as jsxs51, Fragment as Fragment72 } from "react/jsx-runtime";
-var cliFlag76 = "public-dir";
+import { jsx as jsx74, jsxs as jsxs54, Fragment as Fragment74 } from "react/jsx-runtime";
+var cliFlag78 = "public-dir";
 var currentPublicDir = null;
 var publicDirOption = {
   name: "Public Directory",
-  cliFlag: cliFlag76,
+  cliFlag: cliFlag78,
   description: () => {
-    return /* @__PURE__ */ jsxs51(Fragment72, {
+    return /* @__PURE__ */ jsxs54(Fragment74, {
       children: [
         "Define the location of the",
         " ",
-        /* @__PURE__ */ jsx72("a", {
+        /* @__PURE__ */ jsx74("a", {
           href: "/docs/terminology/public-dir",
-          children: /* @__PURE__ */ jsx72("code", {
+          children: /* @__PURE__ */ jsx74("code", {
             children: "public/ directory"
           })
         }),
@@ -4567,12 +4695,12 @@ var publicDirOption = {
     });
   },
   ssrName: "publicDir",
-  docLink: "https://www.remotion.dev/docs/terminology/public-dir",
+  docLink: "https://www.remotion.dev/docs/options/public-dir",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag76] !== undefined) {
+    if (commandLine[cliFlag78] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag76]
+        value: commandLine[cliFlag78]
       };
     }
     if (currentPublicDir !== null) {
@@ -4590,20 +4718,20 @@ var publicDirOption = {
     currentPublicDir = value3;
   },
   type: "",
-  id: cliFlag76
+  id: cliFlag78
 };
 
 // src/options/public-license-key.tsx
-import { jsx as jsx73, jsxs as jsxs52, Fragment as Fragment73 } from "react/jsx-runtime";
-var cliFlag77 = "public-license-key";
+import { jsx as jsx75, jsxs as jsxs55, Fragment as Fragment75 } from "react/jsx-runtime";
+var cliFlag79 = "public-license-key";
 var currentPublicLicenseKey = null;
 var publicLicenseKeyOption = {
   name: "Public License Key",
-  cliFlag: cliFlag77,
-  description: () => /* @__PURE__ */ jsxs52(Fragment73, {
+  cliFlag: cliFlag79,
+  description: () => /* @__PURE__ */ jsxs55(Fragment75, {
     children: [
       "The public license key for your company license, obtained from the License keys page on ",
-      /* @__PURE__ */ jsx73("a", {
+      /* @__PURE__ */ jsx75("a", {
         href: "https://remotion.pro/dashboard",
         children: "remotion.pro"
       }),
@@ -4611,12 +4739,12 @@ var publicLicenseKeyOption = {
     ]
   }),
   ssrName: "publicLicenseKey",
-  docLink: "https://www.remotion.dev/docs/licensing",
+  docLink: "https://www.remotion.dev/docs/options/public-license-key",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag77] !== undefined) {
+    if (commandLine[cliFlag79] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag77]
+        value: commandLine[cliFlag79]
       };
     }
     if (currentPublicLicenseKey !== null) {
@@ -4637,25 +4765,25 @@ var publicLicenseKeyOption = {
     currentPublicLicenseKey = value3;
   },
   type: null,
-  id: cliFlag77
+  id: cliFlag79
 };
 
 // src/options/public-path.tsx
-import { jsx as jsx74, jsxs as jsxs53, Fragment as Fragment74 } from "react/jsx-runtime";
-var cliFlag78 = "public-path";
+import { jsx as jsx76, jsxs as jsxs56, Fragment as Fragment76 } from "react/jsx-runtime";
+var cliFlag80 = "public-path";
 var currentPublicPath = null;
 var publicPathOption = {
   name: "Public Path",
-  cliFlag: cliFlag78,
+  cliFlag: cliFlag80,
   description: () => {
-    return /* @__PURE__ */ jsxs53(Fragment74, {
+    return /* @__PURE__ */ jsxs56(Fragment76, {
       children: [
         "The path of the URL where the bundle is going to be hosted. By default it is ",
-        /* @__PURE__ */ jsx74("code", {
+        /* @__PURE__ */ jsx76("code", {
           children: "./"
         }),
         ", making the bundle relocatable. Set an absolute path such as ",
-        /* @__PURE__ */ jsx74("code", {
+        /* @__PURE__ */ jsx76("code", {
           children: "/sites/my-site/"
         }),
         " to host the bundle at a fixed location."
@@ -4663,12 +4791,12 @@ var publicPathOption = {
     });
   },
   ssrName: "publicPath",
-  docLink: "https://www.remotion.dev/docs/renderer",
+  docLink: "https://www.remotion.dev/docs/options/public-path",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag78] !== undefined) {
+    if (commandLine[cliFlag80] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag78]
+        value: commandLine[cliFlag80]
       };
     }
     if (currentPublicPath !== null) {
@@ -4686,29 +4814,29 @@ var publicPathOption = {
     currentPublicPath = value3;
   },
   type: "",
-  id: cliFlag78
+  id: cliFlag80
 };
 
 // src/options/repro.tsx
-import { jsx as jsx75, Fragment as Fragment75 } from "react/jsx-runtime";
+import { jsx as jsx77, Fragment as Fragment77 } from "react/jsx-runtime";
 var enableRepro = false;
 var setRepro = (should) => {
   enableRepro = should;
 };
-var cliFlag79 = "repro";
+var cliFlag81 = "repro";
 var reproOption = {
   name: "Create reproduction",
-  cliFlag: cliFlag79,
-  description: () => /* @__PURE__ */ jsx75(Fragment75, {
+  cliFlag: cliFlag81,
+  description: () => /* @__PURE__ */ jsx77(Fragment77, {
     children: "Create a ZIP that you can submit to Remotion if asked for a reproduction."
   }),
   ssrName: "repro",
-  docLink: "https://www.remotion.dev/docs/render-media#repro",
+  docLink: "https://www.remotion.dev/docs/options/repro",
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag79] !== undefined && commandLine[cliFlag79] !== null) {
+    if (commandLine[cliFlag81] !== undefined && commandLine[cliFlag81] !== null) {
       return {
-        value: commandLine[cliFlag79],
+        value: commandLine[cliFlag81],
         source: "cli"
       };
     }
@@ -4724,27 +4852,27 @@ var reproOption = {
     };
   },
   setConfig: setRepro,
-  id: cliFlag79
+  id: cliFlag81
 };
 
 // src/options/rspack.tsx
-import { jsx as jsx76, Fragment as Fragment76 } from "react/jsx-runtime";
+import { jsx as jsx78, Fragment as Fragment78 } from "react/jsx-runtime";
 var rspackEnabled = false;
 var configuredRspackEnabled = null;
-var cliFlag80 = "rspack";
+var cliFlag82 = "rspack";
 var rspackOption = {
   name: "Rspack",
-  cliFlag: cliFlag80,
-  description: () => /* @__PURE__ */ jsx76(Fragment76, {
+  cliFlag: cliFlag82,
+  description: () => /* @__PURE__ */ jsx78(Fragment78, {
     children: "Uses Rspack instead of Webpack as the bundler for the Studio or bundle."
   }),
   ssrName: null,
-  docLink: null,
+  docLink: "https://www.remotion.dev/docs/options/rspack",
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag80] !== undefined && commandLine[cliFlag80] !== null) {
+    if (commandLine[cliFlag82] !== undefined && commandLine[cliFlag82] !== null) {
       return {
-        value: commandLine[cliFlag80],
+        value: commandLine[cliFlag82],
         source: "cli"
       };
     }
@@ -4762,34 +4890,34 @@ var rspackOption = {
     rspackEnabled = false;
     configuredRspackEnabled = null;
   },
-  id: cliFlag80
+  id: cliFlag82
 };
 
 // src/options/runs.tsx
-import { jsx as jsx77, jsxs as jsxs54, Fragment as Fragment77 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs57, Fragment as Fragment79 } from "react/jsx-runtime";
 var DEFAULT_RUNS = 3;
 var currentRuns = DEFAULT_RUNS;
-var cliFlag81 = "runs";
+var cliFlag83 = "runs";
 var runsOption = {
   name: "Benchmark runs",
-  cliFlag: cliFlag81,
-  description: () => /* @__PURE__ */ jsxs54(Fragment77, {
+  cliFlag: cliFlag83,
+  description: () => /* @__PURE__ */ jsxs57(Fragment79, {
     children: [
       "Specify how many times the video should be rendered during a benchmark. Default ",
-      /* @__PURE__ */ jsx77("code", {
+      /* @__PURE__ */ jsx79("code", {
         children: DEFAULT_RUNS
       }),
       "."
     ]
   }),
   ssrName: null,
-  docLink: "https://www.remotion.dev/docs/cli/benchmark#--runs",
+  docLink: "https://www.remotion.dev/docs/options/runs",
   type: DEFAULT_RUNS,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag81] !== undefined) {
-      const value3 = Number(commandLine[cliFlag81]);
+    if (commandLine[cliFlag83] !== undefined) {
+      const value3 = Number(commandLine[cliFlag83]);
       if (isNaN(value3) || value3 < 1) {
-        throw new Error(`--runs must be a positive number, but got ${commandLine[cliFlag81]}`);
+        throw new Error(`--runs must be a positive number, but got ${commandLine[cliFlag83]}`);
       }
       return { value: value3, source: "cli" };
     }
@@ -4804,32 +4932,32 @@ var runsOption = {
     }
     currentRuns = value3;
   },
-  id: cliFlag81
+  id: cliFlag83
 };
 
 // src/options/sample-rate.tsx
-import { jsx as jsx78, jsxs as jsxs55, Fragment as Fragment78 } from "react/jsx-runtime";
-var cliFlag82 = "sample-rate";
+import { jsx as jsx80, jsxs as jsxs58, Fragment as Fragment80 } from "react/jsx-runtime";
+var cliFlag84 = "sample-rate";
 var currentSampleRate = 48000;
 var sampleRateOption = {
   name: "Sample Rate",
-  cliFlag: cliFlag82,
-  description: () => /* @__PURE__ */ jsxs55(Fragment78, {
+  cliFlag: cliFlag84,
+  description: () => /* @__PURE__ */ jsxs58(Fragment80, {
     children: [
       "Controls the sample rate of the output audio. The default is",
       " ",
-      /* @__PURE__ */ jsx78("code", {
+      /* @__PURE__ */ jsx80("code", {
         children: "48000"
       }),
       " Hz. Match this to your source audio to avoid resampling artifacts."
     ]
   }),
   ssrName: "sampleRate",
-  docLink: "https://www.remotion.dev/docs/sample-rate",
+  docLink: "https://www.remotion.dev/docs/options/sample-rate",
   type: 48000,
   getValue: ({ commandLine }, compositionSampleRate) => {
-    if (commandLine[cliFlag82] !== undefined) {
-      return { value: commandLine[cliFlag82], source: "cli" };
+    if (commandLine[cliFlag84] !== undefined) {
+      return { value: commandLine[cliFlag84], source: "cli" };
     }
     if (currentSampleRate !== 48000) {
       return { value: currentSampleRate, source: "config file" };
@@ -4845,13 +4973,13 @@ var sampleRateOption = {
   setConfig: (value3) => {
     currentSampleRate = value3;
   },
-  id: cliFlag82
+  id: cliFlag84
 };
 
 // src/options/scale.tsx
-import { jsx as jsx79, jsxs as jsxs56, Fragment as Fragment79 } from "react/jsx-runtime";
+import { jsx as jsx81, jsxs as jsxs59, Fragment as Fragment81 } from "react/jsx-runtime";
 var currentScale = 1;
-var cliFlag83 = "scale";
+var cliFlag85 = "scale";
 var validateScale = (value3) => {
   if (typeof value3 !== "number") {
     throw new Error("scale must be a number.");
@@ -4859,15 +4987,15 @@ var validateScale = (value3) => {
 };
 var scaleOption = {
   name: "Scale",
-  cliFlag: cliFlag83,
-  description: () => /* @__PURE__ */ jsxs56(Fragment79, {
+  cliFlag: cliFlag85,
+  description: () => /* @__PURE__ */ jsxs59(Fragment81, {
     children: [
       "Scales the output dimensions by a factor. For example, a 1280x720px frame will become a 1920x1080px frame with a scale factor of ",
-      /* @__PURE__ */ jsx79("code", {
+      /* @__PURE__ */ jsx81("code", {
         children: "1.5"
       }),
       ". See ",
-      /* @__PURE__ */ jsx79("a", {
+      /* @__PURE__ */ jsx81("a", {
         href: "https://www.remotion.dev/docs/scaling",
         children: "Scaling"
       }),
@@ -4875,14 +5003,14 @@ var scaleOption = {
     ]
   }),
   ssrName: "scale",
-  docLink: "https://www.remotion.dev/docs/scaling",
+  docLink: "https://www.remotion.dev/docs/options/scale",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag83] !== undefined) {
-      validateScale(commandLine[cliFlag83]);
+    if (commandLine[cliFlag85] !== undefined) {
+      validateScale(commandLine[cliFlag85]);
       return {
         source: "cli",
-        value: commandLine[cliFlag83]
+        value: commandLine[cliFlag85]
       };
     }
     if (currentScale !== null) {
@@ -4899,22 +5027,22 @@ var scaleOption = {
   setConfig: (scale) => {
     currentScale = scale;
   },
-  id: cliFlag83
+  id: cliFlag85
 };
 
 // src/options/skip-skills.tsx
-import { jsx as jsx80, Fragment as Fragment80 } from "react/jsx-runtime";
-var cliFlag84 = "skip-skills";
+import { jsx as jsx82, Fragment as Fragment82 } from "react/jsx-runtime";
+var cliFlag86 = "skip-skills";
 var skipSkillsOption = {
   name: "Skip Skills",
-  cliFlag: cliFlag84,
-  description: () => /* @__PURE__ */ jsx80(Fragment80, {
+  cliFlag: cliFlag86,
+  description: () => /* @__PURE__ */ jsx82(Fragment82, {
     children: "Do not update installed Remotion Agent Skills while upgrading Remotion."
   }),
   ssrName: null,
-  docLink: "https://www.remotion.dev/docs/cli/upgrade#--skip-skills",
+  docLink: "https://www.remotion.dev/docs/options/skip-skills",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag84]) {
+    if (commandLine[cliFlag86]) {
       return {
         source: "cli",
         value: true
@@ -4929,16 +5057,16 @@ var skipSkillsOption = {
     throw new Error("Cannot skip updating skills via config file");
   },
   type: false,
-  id: cliFlag84
+  id: cliFlag86
 };
 
 // src/options/still-frame.tsx
-import { NoReactInternals as NoReactInternals4 } from "remotion/no-react";
-import { jsx as jsx81, jsxs as jsxs57, Fragment as Fragment81 } from "react/jsx-runtime";
-var cliFlag85 = "frame";
+import { NoReactInternals as NoReactInternals5 } from "remotion/no-react";
+import { jsx as jsx83, jsxs as jsxs60, Fragment as Fragment83 } from "react/jsx-runtime";
+var cliFlag87 = "frame";
 var currentFrame = null;
 var validate3 = (frame) => {
-  NoReactInternals4.validateFrame({
+  NoReactInternals5.validateFrame({
     frame,
     durationInFrames: Infinity,
     allowFloats: false
@@ -4946,27 +5074,27 @@ var validate3 = (frame) => {
 };
 var stillFrameOption = {
   name: "Frame",
-  cliFlag: cliFlag85,
-  description: () => /* @__PURE__ */ jsxs57(Fragment81, {
+  cliFlag: cliFlag87,
+  description: () => /* @__PURE__ */ jsxs60(Fragment83, {
     children: [
       "Which frame should be rendered when rendering a still. Default",
       " ",
-      /* @__PURE__ */ jsx81("code", {
+      /* @__PURE__ */ jsx83("code", {
         children: "0"
       }),
       ". From v3.2.27, negative values are allowed, with",
       " ",
-      /* @__PURE__ */ jsx81("code", {
+      /* @__PURE__ */ jsx83("code", {
         children: "-1"
       }),
       " being the last frame."
     ]
   }),
   ssrName: "frame",
-  docLink: "https://www.remotion.dev/docs/cli/still#--frame",
+  docLink: "https://www.remotion.dev/docs/options/frame",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag85] !== undefined) {
-      const frame = Number(commandLine[cliFlag85]);
+    if (commandLine[cliFlag87] !== undefined) {
+      const frame = Number(commandLine[cliFlag87]);
       validate3(frame);
       return {
         source: "cli",
@@ -4991,35 +5119,35 @@ var stillFrameOption = {
     currentFrame = value3;
   },
   type: 0,
-  id: cliFlag85
+  id: cliFlag87
 };
 
 // src/options/still-image-format.tsx
-import { jsx as jsx82, jsxs as jsxs58, Fragment as Fragment82 } from "react/jsx-runtime";
+import { jsx as jsx84, jsxs as jsxs61, Fragment as Fragment84 } from "react/jsx-runtime";
 var currentStillImageFormat = null;
-var cliFlag86 = "image-format";
+var cliFlag88 = "image-format";
 var stillImageFormatOption = {
   name: "Still Image Format",
-  cliFlag: cliFlag86,
-  description: () => /* @__PURE__ */ jsxs58(Fragment82, {
+  cliFlag: cliFlag88,
+  description: () => /* @__PURE__ */ jsxs61(Fragment84, {
     children: [
       "The image format to use when rendering a still. Must be one of",
       " ",
       validStillImageFormats.map((f) => `"${f}"`).join(", "),
       ". Default:",
       " ",
-      /* @__PURE__ */ jsx82("code", {
+      /* @__PURE__ */ jsx84("code", {
         children: '"png"'
       }),
       "."
     ]
   }),
   ssrName: "imageFormat",
-  docLink: "https://www.remotion.dev/docs/renderer/render-still#imageformat",
+  docLink: "https://www.remotion.dev/docs/options/still-image-format",
   type: null,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag86] !== undefined) {
-      const value3 = commandLine[cliFlag86];
+    if (commandLine[cliFlag88] !== undefined) {
+      const value3 = commandLine[cliFlag88];
       if (!validStillImageFormats.includes(value3)) {
         throw new Error(`Invalid still image format: ${value3}. Must be one of: ${validStillImageFormats.join(", ")}`);
       }
@@ -5057,16 +5185,16 @@ var stillImageFormatOption = {
 
 // src/options/throw-if-site-exists.tsx
 var DEFAULT5 = false;
-var cliFlag87 = "throw-if-site-exists";
+var cliFlag89 = "throw-if-site-exists";
 var throwIfSiteExistsOption = {
-  cliFlag: cliFlag87,
+  cliFlag: cliFlag89,
   description: () => `Prevents accidential update of an existing site. If there are any files in the subfolder where the site should be placed, the function will throw.`,
-  docLink: "https://remotion.dev/docs/lambda/deploy-site",
+  docLink: "https://www.remotion.dev/docs/options/throw-if-site-exists",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag87]) {
+    if (commandLine[cliFlag89]) {
       return {
         source: "cli",
-        value: commandLine[cliFlag87]
+        value: commandLine[cliFlag89]
       };
     }
     return {
@@ -5080,53 +5208,53 @@ var throwIfSiteExistsOption = {
   },
   ssrName: "throwIfSiteExists",
   type: false,
-  id: cliFlag87
+  id: cliFlag89
 };
 
 // src/options/timeout.tsx
-import { jsx as jsx83, jsxs as jsxs59, Fragment as Fragment83 } from "react/jsx-runtime";
+import { jsx as jsx85, jsxs as jsxs62, Fragment as Fragment85 } from "react/jsx-runtime";
 var currentTimeout = DEFAULT_TIMEOUT;
 var validate4 = (value3) => {
   if (typeof value3 !== "number") {
     throw new Error("--timeout flag / setDelayRenderTimeoutInMilliseconds() must be a number, but got " + JSON.stringify(value3));
   }
 };
-var cliFlag88 = "timeout";
+var cliFlag90 = "timeout";
 var delayRenderTimeoutInMillisecondsOption = {
   name: "delayRender() timeout",
-  cliFlag: cliFlag88,
-  description: () => /* @__PURE__ */ jsxs59(Fragment83, {
+  cliFlag: cliFlag90,
+  description: () => /* @__PURE__ */ jsxs62(Fragment85, {
     children: [
       "A number describing how long the render may take to resolve all",
       " ",
-      /* @__PURE__ */ jsx83("a", {
+      /* @__PURE__ */ jsx85("a", {
         href: "https://remotion.dev/docs/delay-render",
-        children: /* @__PURE__ */ jsx83("code", {
+        children: /* @__PURE__ */ jsx85("code", {
           children: "delayRender()"
         })
       }),
       " ",
       "calls",
       " ",
-      /* @__PURE__ */ jsx83("a", {
+      /* @__PURE__ */ jsx85("a", {
         style: { fontSize: "inherit" },
         href: "https://remotion.dev/docs/timeout",
         children: "before it times out"
       }),
       ". Default: ",
-      /* @__PURE__ */ jsx83("code", {
+      /* @__PURE__ */ jsx85("code", {
         children: "30000"
       })
     ]
   }),
   ssrName: "timeoutInMilliseconds",
-  docLink: "https://www.remotion.dev/docs/timeout",
+  docLink: "https://www.remotion.dev/docs/options/timeout",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag88] !== undefined) {
+    if (commandLine[cliFlag90] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag88]
+        value: commandLine[cliFlag90]
       };
     }
     if (currentTimeout !== null) {
@@ -5145,27 +5273,27 @@ var delayRenderTimeoutInMillisecondsOption = {
     validate4(value3);
     currentTimeout = value3;
   },
-  id: cliFlag88
+  id: cliFlag90
 };
 
 // src/options/user-agent.tsx
-import { jsx as jsx84, Fragment as Fragment84 } from "react/jsx-runtime";
+import { jsx as jsx86, Fragment as Fragment86 } from "react/jsx-runtime";
 var userAgent = null;
-var cliFlag89 = "user-agent";
+var cliFlag91 = "user-agent";
 var userAgentOption = {
   name: "User agent",
-  cliFlag: cliFlag89,
-  description: () => /* @__PURE__ */ jsx84(Fragment84, {
+  cliFlag: cliFlag91,
+  description: () => /* @__PURE__ */ jsx86(Fragment86, {
     children: "Lets you set a custom user agent that the headless Chrome browser assumes."
   }),
   ssrName: "userAgent",
-  docLink: "https://www.remotion.dev/docs/chromium-flags#--user-agent",
+  docLink: "https://www.remotion.dev/docs/options/user-agent",
   type: null,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag89] !== undefined) {
+    if (commandLine[cliFlag91] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag89]
+        value: commandLine[cliFlag91]
       };
     }
     if (userAgent !== null) {
@@ -5182,25 +5310,25 @@ var userAgentOption = {
   setConfig: (value3) => {
     userAgent = value3;
   },
-  id: cliFlag89
+  id: cliFlag91
 };
 
 // src/options/version-flag.tsx
-import { jsx as jsx85, Fragment as Fragment85 } from "react/jsx-runtime";
-var cliFlag90 = "version";
+import { jsx as jsx87, Fragment as Fragment87 } from "react/jsx-runtime";
+var cliFlag92 = "version";
 var versionFlagOption = {
   name: "Version",
-  cliFlag: cliFlag90,
-  description: () => /* @__PURE__ */ jsx85(Fragment85, {
+  cliFlag: cliFlag92,
+  description: () => /* @__PURE__ */ jsx87(Fragment87, {
     children: "Install a specific version. Also enables downgrading to an older version."
   }),
   ssrName: null,
-  docLink: "https://www.remotion.dev/docs/cli/upgrade#--version",
+  docLink: "https://www.remotion.dev/docs/options/version",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag90] !== undefined) {
+    if (commandLine[cliFlag92] !== undefined) {
       return {
         source: "cli",
-        value: String(commandLine[cliFlag90])
+        value: String(commandLine[cliFlag92])
       };
     }
     return {
@@ -5212,43 +5340,43 @@ var versionFlagOption = {
     throw new Error("Cannot set version via config file");
   },
   type: "",
-  id: cliFlag90
+  id: cliFlag92
 };
 
 // src/options/video-bitrate.tsx
-import { jsx as jsx86, jsxs as jsxs60, Fragment as Fragment86 } from "react/jsx-runtime";
+import { jsx as jsx88, jsxs as jsxs63, Fragment as Fragment88 } from "react/jsx-runtime";
 var videoBitrate = null;
-var cliFlag91 = "video-bitrate";
+var cliFlag93 = "video-bitrate";
 var videoBitrateOption = {
   name: "Video Bitrate",
-  cliFlag: cliFlag91,
-  description: () => /* @__PURE__ */ jsxs60(Fragment86, {
+  cliFlag: cliFlag93,
+  description: () => /* @__PURE__ */ jsxs63(Fragment88, {
     children: [
       "Specify the target bitrate for the generated video. The syntax for FFmpeg",
       "'",
       "s",
-      /* @__PURE__ */ jsx86("code", {
+      /* @__PURE__ */ jsx88("code", {
         children: "-b:v"
       }),
       " parameter should be used. FFmpeg may encode the video in a way that will not result in the exact video bitrate specified. Example values: ",
-      /* @__PURE__ */ jsx86("code", {
+      /* @__PURE__ */ jsx88("code", {
         children: "512K"
       }),
       " for 512 kbps, ",
-      /* @__PURE__ */ jsx86("code", {
+      /* @__PURE__ */ jsx88("code", {
         children: "1M"
       }),
       " for 1 Mbps."
     ]
   }),
   ssrName: "videoBitrate",
-  docLink: "https://www.remotion.dev/docs/renderer/render-media#videobitrate",
+  docLink: "https://www.remotion.dev/docs/options/video-bitrate",
   type: "",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag91] !== undefined) {
+    if (commandLine[cliFlag93] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag91]
+        value: commandLine[cliFlag93]
       };
     }
     if (videoBitrate !== null) {
@@ -5265,45 +5393,45 @@ var videoBitrateOption = {
   setConfig: (bitrate) => {
     videoBitrate = bitrate;
   },
-  id: cliFlag91
+  id: cliFlag93
 };
 
 // src/options/video-cache-size.tsx
-import { jsx as jsx87, jsxs as jsxs61, Fragment as Fragment87 } from "react/jsx-runtime";
+import { jsx as jsx89, jsxs as jsxs64, Fragment as Fragment89 } from "react/jsx-runtime";
 var mediaCacheSizeInBytes = null;
-var cliFlag92 = "media-cache-size-in-bytes";
+var cliFlag94 = "media-cache-size-in-bytes";
 var mediaCacheSizeInBytesOption = {
   name: "@remotion/media cache size",
-  cliFlag: cliFlag92,
-  description: () => /* @__PURE__ */ jsxs61(Fragment87, {
+  cliFlag: cliFlag94,
+  description: () => /* @__PURE__ */ jsxs64(Fragment89, {
     children: [
       "Specify the memory budget for decoded media cached by",
       " ",
-      /* @__PURE__ */ jsx87("code", {
+      /* @__PURE__ */ jsx89("code", {
         children: "<Video>"
       }),
       " and ",
-      /* @__PURE__ */ jsx87("code", {
+      /* @__PURE__ */ jsx89("code", {
         children: "<Audio>"
       }),
       " from",
       " ",
-      /* @__PURE__ */ jsx87("code", {
+      /* @__PURE__ */ jsx89("code", {
         children: "@remotion/media"
       }),
       ", in bytes. This value also determines the maximum read cache size for each distinct media source. It is not a limit on total memory usage. ",
-      /* @__PURE__ */ jsx87("br", {}),
+      /* @__PURE__ */ jsx89("br", {}),
       "The default is half of the available system memory when the render starts."
     ]
   }),
   ssrName: "mediaCacheSizeInBytes",
-  docLink: "https://www.remotion.dev/docs/media/cache",
+  docLink: "https://www.remotion.dev/docs/options/media-cache-size-in-bytes",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag92] !== undefined) {
+    if (commandLine[cliFlag94] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag92]
+        value: commandLine[cliFlag94]
       };
     }
     if (mediaCacheSizeInBytes !== null) {
@@ -5320,11 +5448,11 @@ var mediaCacheSizeInBytesOption = {
   setConfig: (size) => {
     mediaCacheSizeInBytes = size ?? null;
   },
-  id: cliFlag92
+  id: cliFlag94
 };
 
 // src/options/video-codec.tsx
-import { jsx as jsx88, Fragment as Fragment88 } from "react/jsx-runtime";
+import { jsx as jsx90, Fragment as Fragment90 } from "react/jsx-runtime";
 var codec;
 var setCodec = (newCodec) => {
   if (newCodec === undefined) {
@@ -5343,20 +5471,21 @@ var deriveCodecsFromFilename = (extension) => {
   if (extension === null) {
     return { possible: [], default: null };
   }
+  const normalizedExtension = extension.toLowerCase();
   return {
-    default: defaultCodecsForFileExtension[extension] ?? null,
-    possible: makeFileExtensionMap()[extension] ?? []
+    default: defaultCodecsForFileExtension[normalizedExtension] ?? null,
+    possible: makeFileExtensionMap()[normalizedExtension] ?? []
   };
 };
-var cliFlag93 = "codec";
+var cliFlag95 = "codec";
 var videoCodecOption = {
   name: "Codec",
-  cliFlag: cliFlag93,
-  description: () => /* @__PURE__ */ jsx88(Fragment88, {
+  cliFlag: cliFlag95,
+  description: () => /* @__PURE__ */ jsx90(Fragment90, {
     children: "H264 works well in most cases, but sometimes it's worth going for a different codec. WebM achieves higher compression but is slower to render. WebM, GIF and ProRes support transparency."
   }),
   ssrName: "codec",
-  docLink: "https://www.remotion.dev/docs/encoding/#choosing-a-codec",
+  docLink: "https://www.remotion.dev/docs/options/codec",
   type: "",
   getValue: ({ commandLine }, {
     compositionCodec,
@@ -5375,7 +5504,7 @@ var videoCodecOption = {
     if (derivedDownloadCodecs.possible.length > 0 && derivedOutNameCodecs.possible.length > 0 && derivedDownloadCodecs.possible.join("") !== derivedOutNameCodecs.possible.join("")) {
       throw new TypeError(`The download name is ${downloadName} but the output name is ${outName}. The file extensions must match`);
     }
-    const cliArgument = commandLine[cliFlag93];
+    const cliArgument = commandLine[cliFlag95];
     if (cliArgument) {
       if (derivedDownloadCodecs.possible.length > 0 && derivedDownloadCodecs.possible.indexOf(cliArgument) === -1) {
         throw new TypeError(`The download name is ${downloadName} but --codec=${cliArgument} was passed. The download name implies a codec of ${derivedDownloadCodecs.possible.join(" or ")} which does not align with the --codec flag.`);
@@ -5424,31 +5553,38 @@ var videoCodecOption = {
   reset: () => {
     codec = undefined;
   },
-  id: cliFlag93
+  id: cliFlag95
 };
 
 // src/options/video-image-format.tsx
-import { jsx as jsx89, jsxs as jsxs62, Fragment as Fragment89 } from "react/jsx-runtime";
+import { jsx as jsx91, jsxs as jsxs65, Fragment as Fragment91 } from "react/jsx-runtime";
 var currentVideoImageFormat = null;
-var cliFlag94 = "image-format";
+var cliFlag96 = "image-format";
 var videoImageFormatOption = {
   name: "Video Image Format",
-  cliFlag: cliFlag94,
-  description: () => /* @__PURE__ */ jsxs62(Fragment89, {
+  cliFlag: cliFlag96,
+  description: () => /* @__PURE__ */ jsxs65(Fragment91, {
     children: [
       "The image format to use when rendering frames for a video. Must be one of",
       " ",
       validVideoImageFormats.map((f) => `"${f}"`).join(", "),
       ". Default:",
       " ",
-      /* @__PURE__ */ jsx89("code", {
+      /* @__PURE__ */ jsx91("code", {
         children: '"jpeg"'
       }),
-      ". JPEG is faster, but does not support transparency."
+      ". JPEG is faster, but does not support transparency.",
+      /* @__PURE__ */ jsx91("br", {}),
+      "When ",
+      /* @__PURE__ */ jsx91("a", {
+        href: "/docs/shared-memory-capture",
+        children: "shared-memory capture"
+      }),
+      " is active, this option has no effect. The output pixel format determines transparency."
     ]
   }),
   ssrName: "imageFormat",
-  docLink: "https://www.remotion.dev/docs/renderer/render-media#imageformat",
+  docLink: "https://www.remotion.dev/docs/options/video-image-format",
   type: null,
   getValue: ({ commandLine }, options) => {
     if (options?.uiVideoImageFormat) {
@@ -5457,8 +5593,8 @@ var videoImageFormatOption = {
         value: options.uiVideoImageFormat
       };
     }
-    if (commandLine[cliFlag94] !== undefined) {
-      const value3 = commandLine[cliFlag94];
+    if (commandLine[cliFlag96] !== undefined) {
+      const value3 = commandLine[cliFlag96];
       if (!validVideoImageFormats.includes(value3)) {
         throw new Error(`Invalid video image format: ${value3}. Must be one of: ${validVideoImageFormats.join(", ")}`);
       }
@@ -5522,12 +5658,12 @@ var videoImageFormatOption = {
 };
 
 // src/options/webhook-custom-data.tsx
-import { jsxs as jsxs63, Fragment as Fragment90 } from "react/jsx-runtime";
-var cliFlag95 = "webhook-custom-data";
+import { jsxs as jsxs66, Fragment as Fragment92 } from "react/jsx-runtime";
+var cliFlag97 = "webhook-custom-data";
 var webhookCustomDataOption = {
   name: "Webhook custom data",
-  cliFlag: cliFlag95,
-  description: (type) => /* @__PURE__ */ jsxs63(Fragment90, {
+  cliFlag: cliFlag97,
+  description: (type) => /* @__PURE__ */ jsxs66(Fragment92, {
     children: [
       "Pass up to 1,024 bytes of a JSON-serializable object to the webhook. This data will be included in the webhook payload.",
       " ",
@@ -5535,7 +5671,7 @@ var webhookCustomDataOption = {
     ]
   }),
   ssrName: "customData",
-  docLink: "https://www.remotion.dev/docs/lambda/webhooks",
+  docLink: "https://www.remotion.dev/docs/options/webhook-custom-data",
   type: {},
   getValue: () => {
     throw new Error("Option resolution not implemented");
@@ -5543,24 +5679,24 @@ var webhookCustomDataOption = {
   setConfig: () => {
     throw new Error("Not implemented");
   },
-  id: cliFlag95
+  id: cliFlag97
 };
 
 // src/options/webpack-poll.tsx
-import { jsx as jsx90, Fragment as Fragment91 } from "react/jsx-runtime";
-var cliFlag96 = "webpack-poll";
+import { jsx as jsx92, Fragment as Fragment93 } from "react/jsx-runtime";
+var cliFlag98 = "webpack-poll";
 var webpackPolling = null;
 var webpackPollOption = {
   name: "Webpack Polling",
-  cliFlag: cliFlag96,
-  description: () => /* @__PURE__ */ jsx90(Fragment91, {
+  cliFlag: cliFlag98,
+  description: () => /* @__PURE__ */ jsx92(Fragment93, {
     children: "Enables Webpack polling instead of the file system event listeners for hot reloading. This is useful if you are inside a virtual machine or have a remote file system. Pass a value in milliseconds."
   }),
   ssrName: null,
-  docLink: "https://www.remotion.dev/docs/config#setwebpackpollinginmilliseconds",
+  docLink: "https://www.remotion.dev/docs/options/webpack-poll",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag96] !== undefined) {
-      const val = commandLine[cliFlag96];
+    if (commandLine[cliFlag98] !== undefined) {
+      const val = commandLine[cliFlag98];
       if (typeof val !== "number") {
         throw new TypeError(`Webpack polling must be a number, got ${JSON.stringify(val)}`);
       }
@@ -5587,11 +5723,11 @@ var webpackPollOption = {
     webpackPolling = value3;
   },
   type: 0,
-  id: cliFlag96
+  id: cliFlag98
 };
 
 // src/options/x264-preset.tsx
-import { jsx as jsx91, jsxs as jsxs64, Fragment as Fragment92 } from "react/jsx-runtime";
+import { jsx as jsx93, jsxs as jsxs67, Fragment as Fragment94 } from "react/jsx-runtime";
 var x264PresetOptions = [
   "ultrafast",
   "superfast",
@@ -5605,72 +5741,72 @@ var x264PresetOptions = [
   "placebo"
 ];
 var preset = null;
-var cliFlag97 = "x264-preset";
+var cliFlag99 = "x264-preset";
 var DEFAULT_PRESET = "medium";
 var x264Option = {
   name: "x264 Preset",
-  cliFlag: cliFlag97,
-  description: () => /* @__PURE__ */ jsxs64(Fragment92, {
+  cliFlag: cliFlag99,
+  description: () => /* @__PURE__ */ jsxs67(Fragment94, {
     children: [
       "Sets a x264 preset profile. Only applies to videos rendered with",
       " ",
-      /* @__PURE__ */ jsx91("code", {
+      /* @__PURE__ */ jsx93("code", {
         children: "h264"
       }),
       " codec.",
-      /* @__PURE__ */ jsx91("br", {}),
+      /* @__PURE__ */ jsx93("br", {}),
       "Possible values: ",
-      /* @__PURE__ */ jsx91("code", {
+      /* @__PURE__ */ jsx93("code", {
         children: "superfast"
       }),
       ", ",
-      /* @__PURE__ */ jsx91("code", {
+      /* @__PURE__ */ jsx93("code", {
         children: "veryfast"
       }),
       ",",
       " ",
-      /* @__PURE__ */ jsx91("code", {
+      /* @__PURE__ */ jsx93("code", {
         children: "faster"
       }),
       ", ",
-      /* @__PURE__ */ jsx91("code", {
+      /* @__PURE__ */ jsx93("code", {
         children: "fast"
       }),
       ", ",
-      /* @__PURE__ */ jsx91("code", {
+      /* @__PURE__ */ jsx93("code", {
         children: "medium"
       }),
       ",",
       " ",
-      /* @__PURE__ */ jsx91("code", {
+      /* @__PURE__ */ jsx93("code", {
         children: "slow"
       }),
       ", ",
-      /* @__PURE__ */ jsx91("code", {
+      /* @__PURE__ */ jsx93("code", {
         children: "slower"
       }),
       ", ",
-      /* @__PURE__ */ jsx91("code", {
+      /* @__PURE__ */ jsx93("code", {
         children: "veryslow"
       }),
       ",",
       " ",
-      /* @__PURE__ */ jsx91("code", {
+      /* @__PURE__ */ jsx93("code", {
         children: "placebo"
       }),
       ".",
-      /* @__PURE__ */ jsx91("br", {}),
+      /* @__PURE__ */ jsx93("br", {}),
       "Default: ",
-      /* @__PURE__ */ jsx91("code", {
+      /* @__PURE__ */ jsx93("code", {
         children: DEFAULT_PRESET
       })
     ]
   }),
   ssrName: "x264Preset",
-  docLink: "https://www.remotion.dev/docs/renderer/render-media",
+  docLink: "https://www.remotion.dev/docs/options/x264-preset",
   type: "fast",
   getValue: ({ commandLine }) => {
-    const value3 = commandLine[cliFlag97];
+    const value3 = commandLine[cliFlag99];
     if (typeof value3 !== "undefined") {
       return { value: value3, source: "cli" };
     }
@@ -5682,7 +5818,7 @@ var x264Option = {
   setConfig: (profile) => {
     preset = profile;
   },
-  id: cliFlag97
+  id: cliFlag99
 };
 
 // src/options/index.tsx
@@ -5708,6 +5844,7 @@ var allOptions = {
   deleteAfterOption,
   disableWebSecurityOption,
   disallowParallelEncodingOption,
+  disableSharedMemoryCaptureOption,
   folderExpiryOption,
   enableCancellationOption,
   enableMultiprocessOnLinuxOption,
@@ -5760,6 +5897,7 @@ var allOptions = {
   framesOption,
   forceNewStudioOption,
   experimentalKeepAudioContextAliveOption,
+  experimentalTracksOption,
   numberOfSharedAudioTagsOption,
   ipv4Option,
   stillImageFormatOption,
@@ -5801,6 +5939,7 @@ var optionsMap = {
     colorSpace: colorSpaceOption,
     codec: videoCodecOption,
     disallowParallelEncoding: disallowParallelEncodingOption,
+    disableSharedMemoryCapture: disableSharedMemoryCaptureOption,
     jpegQuality: jpegQualityOption,
     encodingMaxRate: encodingMaxRateOption,
     encodingBufferSize: encodingBufferSizeOption,
@@ -5869,6 +6008,7 @@ var optionsMap = {
     sampleRate: sampleRateOption
   },
   renderMediaOnLambda: {
+    disableSharedMemoryCapture: disableSharedMemoryCaptureOption,
     mediaCacheSizeInBytes: mediaCacheSizeInBytesOption,
     offthreadVideoCacheSizeInBytes: offthreadVideoCacheSizeInBytesOption,
     offthreadVideoThreads: offthreadVideoThreadsOption,
@@ -5908,6 +6048,7 @@ var optionsMap = {
     timeoutInMilliseconds: delayRenderTimeoutInMillisecondsOption
   },
   renderMediaOnCloudRun: {
+    disableSharedMemoryCapture: disableSharedMemoryCaptureOption,
     mediaCacheSizeInBytes: mediaCacheSizeInBytesOption,
     offthreadVideoCacheSizeInBytes: offthreadVideoCacheSizeInBytesOption,
     offthreadVideoThreads: offthreadVideoThreadsOption,
@@ -5958,6 +6099,7 @@ var optionsMap = {
 };
 
 // src/validate-output-filename.ts
+import { NoReactInternals as NoReactInternals6 } from "remotion/no-react";
 var validateOutputFilename = ({
   codec: codec2,
   audioCodecSetting,
@@ -5968,6 +6110,10 @@ var validateOutputFilename = ({
   if (!defaultFileExtensionMap[codec2]) {
     throw new TypeError(`The codec "${codec2}" is not supported. Supported codecs are: ${Object.keys(defaultFileExtensionMap).join(", ")}`);
   }
+  const normalizedExtension = extension === null ? null : extension.toLowerCase();
+  if (NoReactInternals6.ENABLE_V5_BREAKING_CHANGES && codec2 === "aac" && (normalizedExtension === "mpg" || normalizedExtension === "mpeg")) {
+    throw new Error("AAC output with .mpg or .mpeg extensions is not supported. Use .aac for raw ADTS AAC or .m4a for an MPEG-4 audio container.");
+  }
   const map = defaultFileExtensionMap[codec2];
   const resolvedAudioCodec = resolveAudioCodec({
     codec: codec2,
@@ -5976,7 +6122,7 @@ var validateOutputFilename = ({
     separateAudioTo
   });
   if (resolvedAudioCodec === null) {
-    if (extension !== map.default) {
+    if (normalizedExtension !== map.default) {
       throw new TypeError(`When using the ${codec2} codec, the output filename must end in .${map.default}.`);
     }
     return;
@@ -5985,20 +6131,21 @@ var validateOutputFilename = ({
     throw new Error(`Audio codec ${resolvedAudioCodec} is not supported for codec ${codec2}`);
   }
   const acceptableExtensions = map.forAudioCodec[resolvedAudioCodec].possible;
-  if (!acceptableExtensions.includes(extension) && !separateAudioTo) {
+  if (!acceptableExtensions.includes(normalizedExtension) && !separateAudioTo) {
     throw new TypeError(`When using the ${codec2} codec with the ${resolvedAudioCodec} audio codec, the output filename must end in one of the following: ${acceptableExtensions.join(", ")}.`);
   }
 };
 
 // src/client.ts
 var BrowserSafeApis = {
+  canUseParallelEncoding,
   getExtensionOfFilename,
   getFileExtensionFromCodec,
   validCodecs,
   validAudioCodecs,
   getDefaultCrfForCodec,
   getValidCrfRanges,
-  proResProfileOptions: NoReactInternals5.proResProfileOptions,
+  proResProfileOptions: NoReactInternals7.proResProfileOptions,
   x264PresetOptions,
   hardwareAccelerationOptions,
   validPixelFormats,