diff --git a/packages/ai-improvements/.jsdoc/absolute-fill b/packages/ai-improvements/.jsdoc/absolute-fill
new file mode 100644
index 00000000000..e0428c67312
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/absolute-fill
@@ -0,0 +1,4 @@
+/**
+ * @description A helper component which renders an absolutely positioned <div> element with full width, height, and flex display suited for content layering.
+ * @see [Documentation](https://remotion.dev/docs/absolute-fill)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/artifact b/packages/ai-improvements/.jsdoc/artifact
new file mode 100644
index 00000000000..98876b2806e
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/artifact
@@ -0,0 +1,4 @@
+/**
+ * @description By rendering an `<Artifact>` tag in your Remotion markup, an extra file will get emitted during rendering.
+ * @see [Documentation](https://remotion.dev/docs/artifact)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/audio b/packages/ai-improvements/.jsdoc/audio
new file mode 100644
index 00000000000..7f021e472a7
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/audio
@@ -0,0 +1,4 @@
+/**
+ * @description With this component, you can add audio to your video. All audio formats which are supported by Chromium are supported by the component.
+ * @see [Documentation](https://remotion.dev/docs/audio)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/audio-buffer-to-data-url b/packages/ai-improvements/.jsdoc/audio-buffer-to-data-url
new file mode 100644
index 00000000000..121f8087cff
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/audio-buffer-to-data-url
@@ -0,0 +1,4 @@
+/**
+ * @description Takes an AudioBuffer instance and converts it to a Base 64 Data URL so it can be passed to an <Audio /> tag.
+ * @see [Documentation](https://remotion.dev/docs/audio-buffer-to-data-url)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/bundle b/packages/ai-improvements/.jsdoc/bundle
new file mode 100644
index 00000000000..1f8841fc8f5
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/bundle
@@ -0,0 +1,4 @@
+/**
+ * @description Bundles a Remotion project using Webpack and prepares it for rendering.
+ * @see [Documentation](https://remotion.dev/docs/bundle)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/can-copy-audio-track b/packages/ai-improvements/.jsdoc/can-copy-audio-track
new file mode 100644
index 00000000000..fc90b4ac0ca
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/can-copy-audio-track
@@ -0,0 +1,4 @@
+/**
+ * @description Determines if an audio track can be copied to the output without re-encoding, based on the input and output media formats.
+ * @see [Documentation](https://www.remotion.dev/docs/webcodecs/can-copy-audio-track)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/can-copy-video-track b/packages/ai-improvements/.jsdoc/can-copy-video-track
new file mode 100644
index 00000000000..affb9a4711d
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/can-copy-video-track
@@ -0,0 +1,4 @@
+/**
+ * @description Given a VideoTrack, determine if it can be copied to the output without re-encoding.
+ * @see [Documentation](https://www.remotion.dev/docs/webcodecs/can-copy-video-track)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/can-reencode-audio-track b/packages/ai-improvements/.jsdoc/can-reencode-audio-track
new file mode 100644
index 00000000000..7507bc6dedd
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/can-reencode-audio-track
@@ -0,0 +1,4 @@
+/**
+ * @description Given an `AudioTrack`, determine if it can be re-encoded to another track.
+ * @see [Documentation](https://www.remotion.dev/docs/webcodecs/can-reencode-audio-track)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/can-reencode-video-track b/packages/ai-improvements/.jsdoc/can-reencode-video-track
new file mode 100644
index 00000000000..6d6ef34d9aa
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/can-reencode-video-track
@@ -0,0 +1,4 @@
+/**
+ * @description Determines if a given video track can be re-encoded to another codec.
+ * @see [Documentation](https://www.remotion.dev/docs/webcodecs/can-reencode-video-track)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/cancel-render b/packages/ai-improvements/.jsdoc/cancel-render
new file mode 100644
index 00000000000..59471284574
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/cancel-render
@@ -0,0 +1,4 @@
+/**
+ * @description When you invoke this function, Remotion will stop rendering all the frames without any retries.
+ * @see [Documentation](https://remotion.dev/docs/cancel-render)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/captions/create-tiktok-style-captions b/packages/ai-improvements/.jsdoc/captions/create-tiktok-style-captions
new file mode 100644
index 00000000000..118be6fa07c
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/captions/create-tiktok-style-captions
@@ -0,0 +1,4 @@
+/**
+ * @description Using this function, you can segment tokens to create "pages" of captions, as commonly seen on TikTok videos.
+ * @see [Documentation](https://remotion.dev/docs/captions/create-tiktok-style-captions)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/captions/ensure-max-characters-per-line b/packages/ai-improvements/.jsdoc/captions/ensure-max-characters-per-line
new file mode 100644
index 00000000000..110ba01a744
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/captions/ensure-max-characters-per-line
@@ -0,0 +1,4 @@
+/**
+ * @description Splits and rearranges captions into segments ensuring none exceed the maximum characters per line.
+ * @see [Documentation](https://remotion.dev/docs/captions/ensure-max-characters-per-line)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/captions/parse-srt b/packages/ai-improvements/.jsdoc/captions/parse-srt
new file mode 100644
index 00000000000..5c2daffe756
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/captions/parse-srt
@@ -0,0 +1,4 @@
+/**
+ * @description Parses the contents of a SubRip file (.srt) and returns an array of Caption items.
+ * @see [Documentation](https://remotion.dev/docs/captions/parse-srt)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/captions/serialize-srt b/packages/ai-improvements/.jsdoc/captions/serialize-srt
new file mode 100644
index 00000000000..bfd3bcec6c1
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/captions/serialize-srt
@@ -0,0 +1,4 @@
+/**
+ * @description Converts a two-dimensional array of Caption items into a string in the SubRip format (`.srt`).
+ * @see [Documentation](https://remotion.dev/docs/captions/serialize-srt)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/composition b/packages/ai-improvements/.jsdoc/composition
new file mode 100644
index 00000000000..6528046501a
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/composition
@@ -0,0 +1,4 @@
+/**
+ * @description This component is used to register a video to make it renderable and make it show in the sidebar, in dev mode.
+ * @see [Documentation](https://remotion.dev/docs/composition)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/continue-render b/packages/ai-improvements/.jsdoc/continue-render
new file mode 100644
index 00000000000..feabaf4e832
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/continue-render
@@ -0,0 +1,4 @@
+/**
+ * @description Unblock a render that has been blocked by delayRender().
+ * @see [Documentation](https://remotion.dev/docs/continue-render)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/convert-media b/packages/ai-improvements/.jsdoc/convert-media
new file mode 100644
index 00000000000..f0f6642a370
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/convert-media
@@ -0,0 +1,4 @@
+/**
+ * @description Re-encodes a video using WebCodecs and @remotion/media-parser.
+ * @see [Documentation](https://www.remotion.dev/docs/webcodecs/convert-media)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/default-on-audio-track-handler b/packages/ai-improvements/.jsdoc/default-on-audio-track-handler
new file mode 100644
index 00000000000..080bd22b3eb
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/default-on-audio-track-handler
@@ -0,0 +1,4 @@
+/**
+ * @description This is the default function if no onAudioTrack handler is provided to convertMedia(). You may use this function if you want to customize part of the track transformation logic, but fall back to the default behavior for the rest.
+ * @see [Documentation](https://www.remotion.dev/docs/webcodecs/default-on-audio-track-handler)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/default-on-video-track-handler b/packages/ai-improvements/.jsdoc/default-on-video-track-handler
new file mode 100644
index 00000000000..235db80e320
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/default-on-video-track-handler
@@ -0,0 +1,4 @@
+/**
+ * @description This is the default function if no `onVideoTrack` handler is provided to `convertMedia()`. You may use this function if you want to customize part of the track transformation logic, but fall back to the default behavior for the rest.
+ * @see [Documentation](https://www.remotion.dev/docs/webcodecs/default-on-video-track-handler)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/delay-render b/packages/ai-improvements/.jsdoc/delay-render
new file mode 100644
index 00000000000..67f5b890834
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/delay-render
@@ -0,0 +1,4 @@
+/**
+ * @description Call this function to signal that a frame should not be rendered until an asynchronous task (such as data fetching) is complete. Use continueRender(handle) to proceed with rendering once the task is complete.
+ * @see [Documentation](https://remotion.dev/docs/delay-render)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/deletefunction b/packages/ai-improvements/.jsdoc/deletefunction
new file mode 100644
index 00000000000..4bc6f7bc2c9
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/deletefunction
@@ -0,0 +1,4 @@
+/**
+ * @description Deletes a deployed Lambda function based on its name.
+ * @see [Documentation](https://remotion.dev/docs/lambda/deletefunction)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/deleterender b/packages/ai-improvements/.jsdoc/deleterender
new file mode 100644
index 00000000000..c45e6674434
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/deleterender
@@ -0,0 +1,4 @@
+/**
+ * @description Deletes a rendered video, audio or still and its associated metadata.
+ * @see [Documentation](https://remotion.dev/docs/lambda/deleterender)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/deleteservice b/packages/ai-improvements/.jsdoc/deleteservice
new file mode 100644
index 00000000000..608fe84230f
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/deleteservice
@@ -0,0 +1,4 @@
+/**
+ * @description Deletes a deployed Cloud Run service based on its name.
+ * @see [Documentation](https://remotion.dev/docs/cloudrun/deleteservice)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/deletesite b/packages/ai-improvements/.jsdoc/deletesite
new file mode 100644
index 00000000000..58d5a57e2fb
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/deletesite
@@ -0,0 +1,4 @@
+/**
+ * @description Removes a Remotion project from your Cloud Storage bucket.
+ * @see [Documentation](https://remotion.dev/docs/cloudrun/deletesite)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/deployfunction b/packages/ai-improvements/.jsdoc/deployfunction
new file mode 100644
index 00000000000..839339e35fc
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/deployfunction
@@ -0,0 +1,4 @@
+/**
+ * @description Creates an AWS Lambda function in your account that will be able to render a video in the cloud.
+ * @see [Documentation](https://remotion.dev/docs/lambda/deployfunction)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/deployservice b/packages/ai-improvements/.jsdoc/deployservice
new file mode 100644
index 00000000000..de256b7197e
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/deployservice
@@ -0,0 +1,4 @@
+/**
+ * @description Creates a Cloud Run service in your project that will be able to render a video in GCP.
+ * @see [Documentation](https://remotion.dev/docs/cloudrun/deployservice)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/deploysite b/packages/ai-improvements/.jsdoc/deploysite
new file mode 100644
index 00000000000..c9fca4fa2b6
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/deploysite
@@ -0,0 +1,4 @@
+/**
+ * @description Deploys a Remotion project to a GCP storage bucket to prepare it for rendering on Cloud Run.
+ * @see [Documentation](https://remotion.dev/docs/cloudrun/deploysite)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/downloadmedia b/packages/ai-improvements/.jsdoc/downloadmedia
new file mode 100644
index 00000000000..8272ab480c3
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/downloadmedia
@@ -0,0 +1,4 @@
+/**
+ * @description Downloads a rendered video, audio or still to the disk of the machine this API is called from.
+ * @see [Documentation](https://remotion.dev/docs/lambda/downloadmedia)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/easing b/packages/ai-improvements/.jsdoc/easing
new file mode 100644
index 00000000000..d998b19fc26
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/easing
@@ -0,0 +1,4 @@
+/**
+ * @description The Easing module implements common easing functions. You can use it with the interpolate() API.
+ * @see [Documentation](https://remotion.dev/docs/easing)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/enable-scss/enable-scss b/packages/ai-improvements/.jsdoc/enable-scss/enable-scss
new file mode 100644
index 00000000000..c7d8f7badf5
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/enable-scss/enable-scss
@@ -0,0 +1,4 @@
+/**
+ * @description A function that modifies the default Webpack configuration to make the necessary changes to support SASS/SCSS.
+ * @see [Documentation](https://remotion.dev/docs/enable-scss/enable-scss)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/ensure-browser b/packages/ai-improvements/.jsdoc/ensure-browser
new file mode 100644
index 00000000000..238b54ea865
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/ensure-browser
@@ -0,0 +1,4 @@
+/**
+ * @description Ensures a browser is locally installed so a Remotion render can be executed.
+ * @see [Documentation](https://www.remotion.dev/docs/renderer/ensure-browser)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/estimateprice b/packages/ai-improvements/.jsdoc/estimateprice
new file mode 100644
index 00000000000..3d3e1f1bf3d
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/estimateprice
@@ -0,0 +1,4 @@
+/**
+ * @description Calculates the AWS costs incurred for AWS Lambda given the region, execution duration and memory size.
+ * @see [Documentation](https://remotion.dev/docs/lambda/estimateprice)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/extract-audio b/packages/ai-improvements/.jsdoc/extract-audio
new file mode 100644
index 00000000000..9a19d960b88
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/extract-audio
@@ -0,0 +1,4 @@
+/**
+ * @description Extracts the audio from a video source and saves it to the specified output path. It does not convert the audio to a different format.
+ * @see [Documentation](https://www.remotion.dev/docs/renderer/extract-audio)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/folder b/packages/ai-improvements/.jsdoc/folder
new file mode 100644
index 00000000000..7dca09f8d58
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/folder
@@ -0,0 +1,4 @@
+/**
+ * @description By wrapping a <Composition /> inside a <Folder />, you can visually categorize it in your sidebar, should you have many compositions.
+ * @see [Documentation](https://remotion.dev/docs/folder)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/fonts-api/load-font b/packages/ai-improvements/.jsdoc/fonts-api/load-font
new file mode 100644
index 00000000000..39e62e81057
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/fonts-api/load-font
@@ -0,0 +1,4 @@
+/**
+ * @description Load a local font for use in Remotion, automatically blocking the render until the font is ready.
+ * @see [Documentation](https://remotion.dev/docs/fonts-api/load-font)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/freeze b/packages/ai-improvements/.jsdoc/freeze
new file mode 100644
index 00000000000..2ccf8802e87
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/freeze
@@ -0,0 +1,4 @@
+/**
+ * @description Freezes its children at the specified frame when rendering videos.
+ * @see [Documentation](https://remotion.dev/docs/freeze)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/get-audio-data b/packages/ai-improvements/.jsdoc/get-audio-data
new file mode 100644
index 00000000000..3237eac99bb
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/get-audio-data
@@ -0,0 +1,4 @@
+/**
+ * @description Takes an audio src, loads it and returns data and metadata for the specified source.
+ * @see [Documentation](https://remotion.dev/docs/get-audio-data)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/get-audio-duration-in-seconds b/packages/ai-improvements/.jsdoc/get-audio-duration-in-seconds
new file mode 100644
index 00000000000..71141149ed2
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/get-audio-duration-in-seconds
@@ -0,0 +1,4 @@
+/**
+ * @description Gets the duration in seconds of an audio source by creating an invisible `<audio>` tag, loading the audio, and returning the duration.
+ * @see [Documentation](https://remotion.dev/docs/get-audio-duration-in-seconds)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/get-available-audio-codecs b/packages/ai-improvements/.jsdoc/get-available-audio-codecs
new file mode 100644
index 00000000000..816f7cf3c58
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/get-available-audio-codecs
@@ -0,0 +1,4 @@
+/**
+ * @description Given a container, get a list of audio codecs that the container can hold.
+ * @see [Documentation](https://www.remotion.dev/docs/webcodecs/get-available-audio-codecs)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/get-available-containers b/packages/ai-improvements/.jsdoc/get-available-containers
new file mode 100644
index 00000000000..62fe7b0a5af
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/get-available-containers
@@ -0,0 +1,4 @@
+/**
+ * @description Returns an array of available containers that can be used with the `convertMedia` function.
+ * @see [Documentation](https://www.remotion.dev/docs/webcodecs/get-available-containers)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/get-available-video-codecs b/packages/ai-improvements/.jsdoc/get-available-video-codecs
new file mode 100644
index 00000000000..f719280bc13
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/get-available-video-codecs
@@ -0,0 +1,4 @@
+/**
+ * @description Given a container, get a list of video codecs that the container can hold.
+ * @see [Documentation](https://remotion.dev/docs/webcodecs/get-available-video-codecs)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/get-compositions b/packages/ai-improvements/.jsdoc/get-compositions
new file mode 100644
index 00000000000..ea2f54b742c
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/get-compositions
@@ -0,0 +1,4 @@
+/**
+ * @description Gets a list of compositions defined in a Remotion project based on a Remotion Bundle by evaluating the Remotion Root.
+ * @see [Documentation](https://www.remotion.dev/docs/renderer/get-compositions)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/get-default-audio-codec b/packages/ai-improvements/.jsdoc/get-default-audio-codec
new file mode 100644
index 00000000000..3377320a51e
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/get-default-audio-codec
@@ -0,0 +1,4 @@
+/**
+ * @description Gets the default audio codec for a container that `@remotion/webcodecs` uses if no other audio codec was specified.
+ * @see [Documentation](https://remotion.dev/docs/webcodecs/get-default-audio-codec)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/get-default-video-codec b/packages/ai-improvements/.jsdoc/get-default-video-codec
new file mode 100644
index 00000000000..9dad02c438d
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/get-default-video-codec
@@ -0,0 +1,4 @@
+/**
+ * @description Gets the default video codec for a container that `@remotion/webcodecs` uses if no other audio codec was specified.
+ * @see [Documentation](https://remotion.dev/docs/webcodecs/get-default-video-codec)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/get-gif-duration-in-seconds b/packages/ai-improvements/.jsdoc/get-gif-duration-in-seconds
new file mode 100644
index 00000000000..6ba82735af3
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/get-gif-duration-in-seconds
@@ -0,0 +1,4 @@
+/**
+ * @description Gets the duration in seconds of a GIF.
+ * @see [Documentation](https://remotion.dev/docs/gif/get-gif-duration-in-seconds)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/get-image-dimensions b/packages/ai-improvements/.jsdoc/get-image-dimensions
new file mode 100644
index 00000000000..3525d046d76
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/get-image-dimensions
@@ -0,0 +1,4 @@
+/**
+ * @description Takes an image src, retrieves the dimensions of an image.
+ * @see [Documentation](https://remotion.dev/docs/get-image-dimensions)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/get-input-props b/packages/ai-improvements/.jsdoc/get-input-props
new file mode 100644
index 00000000000..5162f0c44d1
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/get-input-props
@@ -0,0 +1,4 @@
+/**
+ * @description Retrieves input properties passed from the command line or specified via the Node.JS API, useful when props are needed outside of a composition context.
+ * @see [Documentation](https://remotion.dev/docs/get-input-props)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/get-remotion-environment b/packages/ai-improvements/.jsdoc/get-remotion-environment
new file mode 100644
index 00000000000..48fa410b52f
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/get-remotion-environment
@@ -0,0 +1,4 @@
+/**
+ * @description Provides information about the Remotion Environment
+ * @see [Documentation](https://remotion.dev/docs/get-remotion-environment)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/get-silent-parts b/packages/ai-improvements/.jsdoc/get-silent-parts
new file mode 100644
index 00000000000..83aa8d463cb
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/get-silent-parts
@@ -0,0 +1,4 @@
+/**
+ * @description Gets the silent parts of a video or audio in Node.js. Useful for cutting out silence from a video.
+ * @see [Documentation](https://www.remotion.dev/docs/renderer/get-silent-parts)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/get-video-metadata b/packages/ai-improvements/.jsdoc/get-video-metadata
new file mode 100644
index 00000000000..3f407813064
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/get-video-metadata
@@ -0,0 +1,4 @@
+/**
+ * @description Takes a src to a video, loads it and returns metadata for the specified source.
+ * @see [Documentation](https://remotion.dev/docs/get-video-metadata)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/get-waveform-portion b/packages/ai-improvements/.jsdoc/get-waveform-portion
new file mode 100644
index 00000000000..467e1e9c025
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/get-waveform-portion
@@ -0,0 +1,4 @@
+/**
+ * @description Takes bulky waveform data (for example fetched by getAudioData()) and returns a trimmed and simplified version of it, for simpler visualization
+ * @see [Documentation](https://remotion.dev/docs/get-waveform-portion)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/getawsclient b/packages/ai-improvements/.jsdoc/getawsclient
new file mode 100644
index 00000000000..4c55d9568e7
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/getawsclient
@@ -0,0 +1,4 @@
+/**
+ * @description Exposes full access to the AWS SDK used by Remotion, allowing interaction with AWS infrastructure beyond provided functionalities.
+ * @see [Documentation](https://remotion.dev/docs/lambda/getawsclient)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/getcompositionsonlambda b/packages/ai-improvements/.jsdoc/getcompositionsonlambda
new file mode 100644
index 00000000000..61e867b8746
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/getcompositionsonlambda
@@ -0,0 +1,4 @@
+/**
+ * @description Gets the compositions inside a Lambda function.
+ * @see [Documentation](https://remotion.dev/docs/lambda/getcompositionsonlambda)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/getfunctioninfo b/packages/ai-improvements/.jsdoc/getfunctioninfo
new file mode 100644
index 00000000000..60aa1207a66
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/getfunctioninfo
@@ -0,0 +1,4 @@
+/**
+ * @description Gets information about a function given its name and region.
+ * @see [Documentation](https://remotion.dev/docs/lambda/getfunctioninfo)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/getfunctions b/packages/ai-improvements/.jsdoc/getfunctions
new file mode 100644
index 00000000000..250eea746a5
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/getfunctions
@@ -0,0 +1,4 @@
+/**
+ * @description Retrieves a list of functions that Remotion deployed to AWS Lambda in a certain region.
+ * @see [Documentation](https://remotion.dev/docs/lambda/getfunctions)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/getorcreatebucket b/packages/ai-improvements/.jsdoc/getorcreatebucket
new file mode 100644
index 00000000000..6741040854d
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/getorcreatebucket
@@ -0,0 +1,4 @@
+/**
+ * @description Creates a Cloud Storage bucket for Remotion Cloud Run in your GCP project. If one already exists, it will get returned instead.
+ * @see [Documentation](https://remotion.dev/docs/cloudrun/getorcreatebucket)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/getregions b/packages/ai-improvements/.jsdoc/getregions
new file mode 100644
index 00000000000..1f03df46f3d
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/getregions
@@ -0,0 +1,4 @@
+/**
+ * @description Gets an array of all supported GCP regions of this release of Remotion Cloud Run.
+ * @see [Documentation](https://remotion.dev/docs/cloudrun/getregions)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/getrenderprogress b/packages/ai-improvements/.jsdoc/getrenderprogress
new file mode 100644
index 00000000000..432d351c69b
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/getrenderprogress
@@ -0,0 +1,4 @@
+/**
+ * @description Gets the current status of a render originally triggered via renderMediaOnLambda().
+ * @see [Documentation](https://remotion.dev/docs/lambda/getrenderprogress)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/getrolepolicy b/packages/ai-improvements/.jsdoc/getrolepolicy
new file mode 100644
index 00000000000..3fe36e95d41
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/getrolepolicy
@@ -0,0 +1,4 @@
+/**
+ * @description Returns an inline JSON policy to be assigned to the 'remotion-lambda-role' role that needs to be created in your AWS account.
+ * @see [Documentation](https://remotion.dev/docs/lambda/getrolepolicy)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/getserviceinfo b/packages/ai-improvements/.jsdoc/getserviceinfo
new file mode 100644
index 00000000000..085d914a449
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/getserviceinfo
@@ -0,0 +1,4 @@
+/**
+ * @description Retrieves detailed information about a specific Cloud Run service using the service name and region.
+ * @see [Documentation](https://remotion.dev/docs/cloudrun/getserviceinfo)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/getservices b/packages/ai-improvements/.jsdoc/getservices
new file mode 100644
index 00000000000..f1b996819bd
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/getservices
@@ -0,0 +1,4 @@
+/**
+ * @description Lists Remotion Cloud Run render services deployed to GCP Cloud Run.
+ * @see [Documentation](https://remotion.dev/docs/cloudrun/getservices)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/getsites b/packages/ai-improvements/.jsdoc/getsites
new file mode 100644
index 00000000000..efc9d06b575
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/getsites
@@ -0,0 +1,4 @@
+/**
+ * @description Gets an array of Remotion projects in Cloud Storage, in your GCP project.
+ * @see [Documentation](https://remotion.dev/docs/cloudrun/getsites)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/getstaticfiles b/packages/ai-improvements/.jsdoc/getstaticfiles
new file mode 100644
index 00000000000..290731d97a9
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/getstaticfiles
@@ -0,0 +1,4 @@
+/**
+ * @description Gets an array containing all files in the `public/` folder. You can reference them by using `staticFile()`.
+ * @see [Documentation](https://remotion.dev/docs/getstaticfiles)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/getuserpolicy b/packages/ai-improvements/.jsdoc/getuserpolicy
new file mode 100644
index 00000000000..729a804a83f
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/getuserpolicy
@@ -0,0 +1,4 @@
+/**
+ * @description Returns an inline JSON policy to be assigned to the AWS user whose credentials are being used for executing CLI commands or calling Node.JS functions.
+ * @see [Documentation](https://remotion.dev/docs/lambda/getuserpolicy)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/gif/gif b/packages/ai-improvements/.jsdoc/gif/gif
new file mode 100644
index 00000000000..46bf6966b7b
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/gif/gif
@@ -0,0 +1,4 @@
+/**
+ * @description Displays a GIF that synchronizes with Remotions useCurrentFrame().
+ * @see [Documentation](https://remotion.dev/docs/gif)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/iframe b/packages/ai-improvements/.jsdoc/iframe
new file mode 100644
index 00000000000..80515a8be6e
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/iframe
@@ -0,0 +1,4 @@
+/**
+ * @description The <IFrame /> can be used like a regular <iframe> HTML tag.
+ * @see [Documentation](https://remotion.dev/docs/iframe)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/img b/packages/ai-improvements/.jsdoc/img
new file mode 100644
index 00000000000..a8c7c98ca4d
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/img
@@ -0,0 +1,4 @@
+/**
+ * @description Works just like a regular HTML img tag. When you use the <Img> tag, Remotion will ensure that the image is loaded before rendering the frame.
+ * @see [Documentation](https://remotion.dev/docs/img)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/install-whisper-cpp/convert-to-captions b/packages/ai-improvements/.jsdoc/install-whisper-cpp/convert-to-captions
new file mode 100644
index 00000000000..1e07fc1e055
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/install-whisper-cpp/convert-to-captions
@@ -0,0 +1,4 @@
+/**
+ * @description Converts the JSON transcription data into captions with start times based on the defined millisecond threshold.
+ * @see [Documentation](https://remotion.dev/docs/install-whisper-cpp/convert-to-captions)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/install-whisper-cpp/download-whisper-model b/packages/ai-improvements/.jsdoc/install-whisper-cpp/download-whisper-model
new file mode 100644
index 00000000000..9e7292b9610
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/install-whisper-cpp/download-whisper-model
@@ -0,0 +1,4 @@
+/**
+ * @description Downloads a Whisper.cpp model to a folder.
+ * @see [Documentation](https://remotion.dev/docs/install-whisper-cpp/download-whisper-model)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/install-whisper-cpp/install-whisper-cpp b/packages/ai-improvements/.jsdoc/install-whisper-cpp/install-whisper-cpp
new file mode 100644
index 00000000000..6331bccbf1a
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/install-whisper-cpp/install-whisper-cpp
@@ -0,0 +1,4 @@
+/**
+ * @description Installs a Whisper.cpp version into a folder.
+ * @see [Documentation](https://remotion.dev/docs/install-whisper-cpp)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/install-whisper-cpp/to-captions b/packages/ai-improvements/.jsdoc/install-whisper-cpp/to-captions
new file mode 100644
index 00000000000..f8c1f528a6d
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/install-whisper-cpp/to-captions
@@ -0,0 +1,4 @@
+/**
+ * @description Converts the output from `transcribe()` into an array of `Caption` objects, enabling the use of functions from `@remotion/captions`.
+ * @see [Documentation](https://remotion.dev/docs/install-whisper-cpp/to-captions)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/install-whisper-cpp/transcribe b/packages/ai-improvements/.jsdoc/install-whisper-cpp/transcribe
new file mode 100644
index 00000000000..00b11076f14
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/install-whisper-cpp/transcribe
@@ -0,0 +1,4 @@
+/**
+ * @description Transcribes a media file by utilizing Whisper.cpp.
+ * @see [Documentation](https://remotion.dev/docs/install-whisper-cpp/transcribe)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/interpolate b/packages/ai-improvements/.jsdoc/interpolate
new file mode 100644
index 00000000000..d1b6eaff560
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/interpolate
@@ -0,0 +1,4 @@
+/**
+ * @description Allows you to map a range of values to another using a concise syntax.
+ * @see [Documentation](https://remotion.dev/docs/interpolate)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/interpolate-colors b/packages/ai-improvements/.jsdoc/interpolate-colors
new file mode 100644
index 00000000000..0d3e317f768
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/interpolate-colors
@@ -0,0 +1,4 @@
+/**
+ * @description Allows you to map a range of values to colors using a concise syntax.
+ * @see [Documentation](https://remotion.dev/docs/interpolate-colors)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/interpolate-styles b/packages/ai-improvements/.jsdoc/interpolate-styles
new file mode 100644
index 00000000000..3f7b060fd1d
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/interpolate-styles
@@ -0,0 +1,4 @@
+/**
+ * @description A function that interpolates between two styles based on an input range.
+ * @see [Documentation](https://remotion.dev/docs/animation-utils/interpolate-styles)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/layout-utils/fit-text b/packages/ai-improvements/.jsdoc/layout-utils/fit-text
new file mode 100644
index 00000000000..28924d039ce
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/layout-utils/fit-text
@@ -0,0 +1,4 @@
+/**
+ * @description Calculates the font size needed to fit text into a specified width container.
+ * @see [Documentation](https://remotion.dev/docs/layout-utils/fit-text)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/layout-utils/measure-text b/packages/ai-improvements/.jsdoc/layout-utils/measure-text
new file mode 100644
index 00000000000..6da75c37fc1
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/layout-utils/measure-text
@@ -0,0 +1,4 @@
+/**
+ * @description Calculates the width and height of specified text to be used for layout calculations. Only works in the browser, not in Node.js or Bun.
+ * @see [Documentation](https://remotion.dev/docs/layout-utils/measure-text)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/loop b/packages/ai-improvements/.jsdoc/loop
new file mode 100644
index 00000000000..1e8b24867d4
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/loop
@@ -0,0 +1,4 @@
+/**
+ * @description This component allows you to quickly lay out an animation so it repeats itself.
+ * @see [Documentation](https://remotion.dev/docs/loop)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/make-cancel-signal b/packages/ai-improvements/.jsdoc/make-cancel-signal
new file mode 100644
index 00000000000..f98ce5a878f
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/make-cancel-signal
@@ -0,0 +1,4 @@
+/**
+ * @description Returns a signal and a cancel function that allows to you cancel a render triggered using renderMedia(), renderStill(), renderFrames() or stitchFramesToVideo().
+ * @see [Documentation](https://www.remotion.dev/docs/renderer/make-cancel-signal)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/make-transform b/packages/ai-improvements/.jsdoc/make-transform
new file mode 100644
index 00000000000..99ad3011c16
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/make-transform
@@ -0,0 +1,4 @@
+/**
+ * @description Applies a sequence of transformation functions to generate a combined CSS `transform` property.
+ * @see [Documentation](https://remotion.dev/docs/animation-utils/make-transform)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/measure-spring b/packages/ai-improvements/.jsdoc/measure-spring
new file mode 100644
index 00000000000..a8b47b6767b
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/measure-spring
@@ -0,0 +1,4 @@
+/**
+ * @description Based on a spring() configuration and the frame rate, return how long it takes for a spring animation to settle.
+ * @see [Documentation](https://remotion.dev/docs/measure-spring)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/motion-blur/camera-motion-blur b/packages/ai-improvements/.jsdoc/motion-blur/camera-motion-blur
new file mode 100644
index 00000000000..5a440b68590
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/motion-blur/camera-motion-blur
@@ -0,0 +1,4 @@
+/**
+ * @description Produces natural looking motion blur similar to what would be produced by a film camera.
+ * @see [Documentation](https://www.remotion.dev/docs/motion-blur/camera-motion-blur)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/motion-blur/trail b/packages/ai-improvements/.jsdoc/motion-blur/trail
new file mode 100644
index 00000000000..2870a22923b
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/motion-blur/trail
@@ -0,0 +1,4 @@
+/**
+ * @description The <Trail> component duplicates its children and adds a time offset to each layer in order to create a trail effect.
+ * @see [Documentation](https://www.remotion.dev/docs/motion-blur/trail)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/noise/noise-2d b/packages/ai-improvements/.jsdoc/noise/noise-2d
new file mode 100644
index 00000000000..ef48afcd669
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/noise/noise-2d
@@ -0,0 +1,4 @@
+/**
+ * @description Creates 2D noise.
+ * @see [Documentation](https://www.remotion.dev/docs/noise/noise-2d)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/noise/noise-3d b/packages/ai-improvements/.jsdoc/noise/noise-3d
new file mode 100644
index 00000000000..f5937948801
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/noise/noise-3d
@@ -0,0 +1,4 @@
+/**
+ * @description Creates 3D noise.
+ * @see [Documentation](https://www.remotion.dev/docs/noise/noise-3d)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/noise/noise-4d b/packages/ai-improvements/.jsdoc/noise/noise-4d
new file mode 100644
index 00000000000..d990a03312b
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/noise/noise-4d
@@ -0,0 +1,4 @@
+/**
+ * @description Creates 4D noise.
+ * @see [Documentation](https://www.remotion.dev/docs/noise/noise-4d)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/offthreadvideo b/packages/ai-improvements/.jsdoc/offthreadvideo
new file mode 100644
index 00000000000..cecdf9d1836
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/offthreadvideo
@@ -0,0 +1,4 @@
+/**
+ * @description This method imports and displays a video, similar to <Video />. During rendering, it extracts the exact frame from the video and displays it in an <img> tag
+ * @see [Documentation](https://www.remotion.dev/docs/offthreadvideo)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/open-browser b/packages/ai-improvements/.jsdoc/open-browser
new file mode 100644
index 00000000000..0f093cc4246
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/open-browser
@@ -0,0 +1,4 @@
+/**
+ * @description Opens a Chrome or Chromium browser instance. By reusing an instance across various rendering and compositional API calls, significant time can be saved by avoiding the repeated opening and closing of browsers.
+ * @see [Documentation](https://www.remotion.dev/docs/renderer/open-browser)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/openai-whisper/openai-whisper-api-to-captions b/packages/ai-improvements/.jsdoc/openai-whisper/openai-whisper-api-to-captions
new file mode 100644
index 00000000000..6f209aa2964
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/openai-whisper/openai-whisper-api-to-captions
@@ -0,0 +1,4 @@
+/**
+ * @description Turns the output from openai.audio.transcriptions.create from the openai package into an array of Caption objects.
+ * @see [Documentation](https://www.remotion.dev/docs/openai-whisper/openai-whisper-api-to-captions)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/parse-media b/packages/ai-improvements/.jsdoc/parse-media
new file mode 100644
index 00000000000..419129f479c
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/parse-media
@@ -0,0 +1,4 @@
+/**
+ * @description Parses media files to extract various details using the provided options, which can include video attributes, metadata, and custom streaming or reading behaviors.
+ * @see [Documentation](https://remotion.dev/docs/media-parser/parse-media)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/paths/evolve-path b/packages/ai-improvements/.jsdoc/paths/evolve-path
new file mode 100644
index 00000000000..7a0a729825b
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/paths/evolve-path
@@ -0,0 +1,4 @@
+/**
+ * @description Animates an SVG path from being invisible to its full length.
+ * @see [Documentation](https://www.remotion.dev/docs/paths/evolve-path)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/paths/extend-viewbox b/packages/ai-improvements/.jsdoc/paths/extend-viewbox
new file mode 100644
index 00000000000..5cd738f034b
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/paths/extend-viewbox
@@ -0,0 +1,4 @@
+/**
+ * @description Widens an SVG viewBox in all directions by a certain scale factor.
+ * @see [Documentation](https://www.remotion.dev/docs/paths/extend-viewbox)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/paths/get-bounding-box b/packages/ai-improvements/.jsdoc/paths/get-bounding-box
new file mode 100644
index 00000000000..51f0ccd01a9
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/paths/get-bounding-box
@@ -0,0 +1,4 @@
+/**
+ * @description Returns the bounding box of the given path, suitable for calculating the viewBox value that you need to pass to an SVG.
+ * @see [Documentation](https://www.remotion.dev/docs/paths/get-bounding-box)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/paths/get-instruction-index-at-length b/packages/ai-improvements/.jsdoc/paths/get-instruction-index-at-length
new file mode 100644
index 00000000000..bbc150a27fa
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/paths/get-instruction-index-at-length
@@ -0,0 +1,4 @@
+/**
+ * @description Gets the index of the instruction and the part length into the instruction at a specified length along an SVG path.
+ * @see [Documentation](https://www.remotion.dev/docs/paths/get-instruction-index-at-length)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/paths/get-length b/packages/ai-improvements/.jsdoc/paths/get-length
new file mode 100644
index 00000000000..432a1b26fd5
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/paths/get-length
@@ -0,0 +1,4 @@
+/**
+ * @description Gets the length of an SVG path.
+ * @see [Documentation](https://www.remotion.dev/docs/paths/get-length)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/paths/get-point-at-length b/packages/ai-improvements/.jsdoc/paths/get-point-at-length
new file mode 100644
index 00000000000..a2e0a760e7f
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/paths/get-point-at-length
@@ -0,0 +1,4 @@
+/**
+ * @description Gets the coordinates of a point which is on an SVG path.
+ * @see [Documentation](https://www.remotion.dev/docs/paths/get-point-at-length)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/paths/get-subpaths b/packages/ai-improvements/.jsdoc/paths/get-subpaths
new file mode 100644
index 00000000000..57de9e76871
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/paths/get-subpaths
@@ -0,0 +1,4 @@
+/**
+ * @description Takes an SVG path and returns an array of subpaths, splitting the path by `M` and `m` statements.
+ * @see [Documentation](https://www.remotion.dev/docs/paths/get-subpaths)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/paths/get-tangent-at-length b/packages/ai-improvements/.jsdoc/paths/get-tangent-at-length
new file mode 100644
index 00000000000..54c0679a977
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/paths/get-tangent-at-length
@@ -0,0 +1,4 @@
+/**
+ * @description Gets tangent values x and y of a point which is on an SVG path.
+ * @see [Documentation](https://www.remotion.dev/docs/paths/get-tangent-at-length)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/paths/interpolate-path b/packages/ai-improvements/.jsdoc/paths/interpolate-path
new file mode 100644
index 00000000000..c6bc953ccbc
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/paths/interpolate-path
@@ -0,0 +1,4 @@
+/**
+ * @description Interpolates between two SVG paths based on the provided value, transitioning from the first path to the second.
+ * @see [Documentation](https://www.remotion.dev/docs/paths/interpolate-path)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/paths/normalize-path b/packages/ai-improvements/.jsdoc/paths/normalize-path
new file mode 100644
index 00000000000..04c6d5faa30
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/paths/normalize-path
@@ -0,0 +1,4 @@
+/**
+ * @description Removes all relative coordinates from a path and converts them into absolute coordinates.
+ * @see [Documentation](https://www.remotion.dev/docs/paths/normalize-path)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/paths/parse-path b/packages/ai-improvements/.jsdoc/paths/parse-path
new file mode 100644
index 00000000000..65c849fbb85
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/paths/parse-path
@@ -0,0 +1,4 @@
+/**
+ * @description Parses an SVG string path into an array of Instruction's.
+ * @see [Documentation](https://www.remotion.dev/docs/paths/parse-path)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/paths/reduce-instructions b/packages/ai-improvements/.jsdoc/paths/reduce-instructions
new file mode 100644
index 00000000000..0e4aff7619e
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/paths/reduce-instructions
@@ -0,0 +1,4 @@
+/**
+ * @description Takes an array of Instruction's and reduces the amount of instruction types so that the path only consists of M, L, C, and Z instructions.
+ * @see [Documentation](https://www.remotion.dev/docs/paths/reduce-instructions)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/paths/reset-path b/packages/ai-improvements/.jsdoc/paths/reset-path
new file mode 100644
index 00000000000..edb781f2a52
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/paths/reset-path
@@ -0,0 +1,4 @@
+/**
+ * @description Translates an SVG path so that the top-left corner of the bounding box is at 0, 0.
+ * @see [Documentation](https://www.remotion.dev/docs/paths/reset-path)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/paths/reverse-path b/packages/ai-improvements/.jsdoc/paths/reverse-path
new file mode 100644
index 00000000000..e89c46290bf
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/paths/reverse-path
@@ -0,0 +1,4 @@
+/**
+ * @description Reverses a path so the end and start are switched.
+ * @see [Documentation](https://www.remotion.dev/docs/paths/reverse-path)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/paths/scale-path b/packages/ai-improvements/.jsdoc/paths/scale-path
new file mode 100644
index 00000000000..f5efcbe7517
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/paths/scale-path
@@ -0,0 +1,4 @@
+/**
+ * @description Allows you to grow or shrink the size of a path.
+ * @see [Documentation](https://www.remotion.dev/docs/paths/scale-path)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/paths/serialize-instructions b/packages/ai-improvements/.jsdoc/paths/serialize-instructions
new file mode 100644
index 00000000000..db1db89cbbd
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/paths/serialize-instructions
@@ -0,0 +1,4 @@
+/**
+ * @description Takes an array of Instruction's and serializes it into an SVG path string.
+ * @see [Documentation](https://www.remotion.dev/docs/paths/serialize-instructions)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/paths/translate-path b/packages/ai-improvements/.jsdoc/paths/translate-path
new file mode 100644
index 00000000000..856ac8004bb
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/paths/translate-path
@@ -0,0 +1,4 @@
+/**
+ * @description Translates the path by the given x and y coordinates.
+ * @see [Documentation](https://www.remotion.dev/docs/paths/translate-path)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/paths/warp-path b/packages/ai-improvements/.jsdoc/paths/warp-path
new file mode 100644
index 00000000000..9c559167df3
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/paths/warp-path
@@ -0,0 +1,4 @@
+/**
+ * @description Allows you to remap the coordinates of an SVG using a function in order to create a warp effect.
+ * @see [Documentation](https://www.remotion.dev/docs/paths/warp-path)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/player/api b/packages/ai-improvements/.jsdoc/player/api
new file mode 100644
index 00000000000..187f45ace04
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/player/api
@@ -0,0 +1,4 @@
+/**
+ * @description A component which can be rendered in a regular React App to display a Remotion video.
+ * @see [Documentation](https://www.remotion.dev/docs/player/player)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/prefetch b/packages/ai-improvements/.jsdoc/prefetch
new file mode 100644
index 00000000000..752bf43c75a
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/prefetch
@@ -0,0 +1,4 @@
+/**
+ * @description When you call the prefetch() function, an asset will be fetched and kept in memory so it is ready when you want to play it in a <Player>.
+ * @see [Documentation](https://www.remotion.dev/docs/prefetch)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/preload-audio b/packages/ai-improvements/.jsdoc/preload-audio
new file mode 100644
index 00000000000..4e07af3fe0b
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/preload-audio
@@ -0,0 +1,4 @@
+/**
+ * @description Preloads audio in the DOM so that when an audio tag is mounted, it can play immediately.
+ * @see [Documentation](https://www.remotion.dev/docs/preload/preload-audio)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/preload-font b/packages/ai-improvements/.jsdoc/preload-font
new file mode 100644
index 00000000000..5bc5613c261
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/preload-font
@@ -0,0 +1,4 @@
+/**
+ * @description Preloads a font so that when an <Img> tag is mounted, it can display immediately.
+ * @see [Documentation](https://www.remotion.dev/docs/preload/preload-font)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/preload-image b/packages/ai-improvements/.jsdoc/preload-image
new file mode 100644
index 00000000000..8bda5d3a0b6
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/preload-image
@@ -0,0 +1,4 @@
+/**
+ * @description Preloads an image so that when an <Img> tag is mounted, it can display immediately.
+ * @see [Documentation](https://www.remotion.dev/docs/preload/preload-image)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/preload-video b/packages/ai-improvements/.jsdoc/preload-video
new file mode 100644
index 00000000000..7be5ebe6dd8
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/preload-video
@@ -0,0 +1,4 @@
+/**
+ * @description Preloads a video in the DOM so that when a video tag is mounted, it can play immediately.
+ * @see [Documentation](https://www.remotion.dev/docs/preload/preload-video)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/presignurl b/packages/ai-improvements/.jsdoc/presignurl
new file mode 100644
index 00000000000..a8dab81464c
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/presignurl
@@ -0,0 +1,4 @@
+/**
+ * @description Takes a private S3 object and turns it into a public URL by signing it with your AWS credentials.
+ * @see [Documentation](https://remotion.dev/docs/lambda/presignurl)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/random b/packages/ai-improvements/.jsdoc/random
new file mode 100644
index 00000000000..2557110dddc
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/random
@@ -0,0 +1,4 @@
+/**
+ * @description A deterministic pseudo-random number generator. Pass in the same seed and get the same pseudorandom number.
+ * @see [Documentation](https://www.remotion.dev/docs/random)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/register-root b/packages/ai-improvements/.jsdoc/register-root
new file mode 100644
index 00000000000..5c09a5fbdc6
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/register-root
@@ -0,0 +1,4 @@
+/**
+ * @description Registers the root component of the Remotion project.
+ * @see [Documentation](https://www.remotion.dev/docs/register-root)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/render-frames b/packages/ai-improvements/.jsdoc/render-frames
new file mode 100644
index 00000000000..e1262c6326f
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/render-frames
@@ -0,0 +1,4 @@
+/**
+ * @description Renders a series of images using Puppeteer and computes information for mixing audio.
+ * @see [Documentation](https://www.remotion.dev/docs/renderer/render-frames)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/render-media b/packages/ai-improvements/.jsdoc/render-media
new file mode 100644
index 00000000000..0a7b41db56b
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/render-media
@@ -0,0 +1,4 @@
+/**
+ * @description Render a video or an audio programmatically.
+ * @see [Documentation](https://www.remotion.dev/docs/renderer/render-media)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/render-still b/packages/ai-improvements/.jsdoc/render-still
new file mode 100644
index 00000000000..2453fc89940
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/render-still
@@ -0,0 +1,4 @@
+/**
+ * @description Renders a single frame to an image and writes it to the specified output location.
+ * @see [Documentation](https://www.remotion.dev/docs/renderer/render-still)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/rendermediaoncloudrun b/packages/ai-improvements/.jsdoc/rendermediaoncloudrun
new file mode 100644
index 00000000000..03481cc5b4c
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/rendermediaoncloudrun
@@ -0,0 +1,4 @@
+/**
+ * @description Initiates a media rendering process on the Remotion Cloud Run service, facilitating configurations like service region, project composition, and output settings.
+ * @see [Documentation](https://remotion.dev/docs/cloudrun/rendermediaoncloudrun)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/rendermediaonlambda b/packages/ai-improvements/.jsdoc/rendermediaonlambda
new file mode 100644
index 00000000000..6a358ddba80
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/rendermediaonlambda
@@ -0,0 +1,4 @@
+/**
+ * @description Kicks off a render process on Remotion Lambda. The progress can be tracked using getRenderProgress().
+ * @see [Documentation](https://remotion.dev/docs/lambda/rendermediaonlambda)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/renderstilloncloudrun b/packages/ai-improvements/.jsdoc/renderstilloncloudrun
new file mode 100644
index 00000000000..546a9b0bf94
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/renderstilloncloudrun
@@ -0,0 +1,4 @@
+/**
+ * @description Kicks off a still rendering process on Remotion Cloud Run.
+ * @see [Documentation](https://remotion.dev/docs/cloudrun/renderstilloncloudrun)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/renderstillonlambda b/packages/ai-improvements/.jsdoc/renderstillonlambda
new file mode 100644
index 00000000000..dc0eb64797b
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/renderstillonlambda
@@ -0,0 +1,4 @@
+/**
+ * @description Renders a still image inside a lambda function and writes it to the specified output location.
+ * @see [Documentation](https://remotion.dev/docs/lambda/renderstillonlambda)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/select-composition b/packages/ai-improvements/.jsdoc/select-composition
new file mode 100644
index 00000000000..9c1cb194cad
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/select-composition
@@ -0,0 +1,4 @@
+/**
+ * @description Evaluates the list of compositions from a Remotion Bundle by evaluating the Remotion Root and evaluating `calculateMetadata()` on the specified composition.
+ * @see [Documentation](https://www.remotion.dev/docs/renderer/select-composition)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/sequence b/packages/ai-improvements/.jsdoc/sequence
new file mode 100644
index 00000000000..8ff59108184
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/sequence
@@ -0,0 +1,4 @@
+/**
+ * @description A component that time-shifts its children and wraps them in an absolutely positioned <div>.
+ * @see [Documentation](https://www.remotion.dev/docs/sequence)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/series b/packages/ai-improvements/.jsdoc/series
new file mode 100644
index 00000000000..248f1108be8
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/series
@@ -0,0 +1,4 @@
+/**
+ * @description Using this component, you can easily stitch together scenes that should play sequentially after another.
+ * @see [Documentation](https://www.remotion.dev/docs/series)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/simulatepermissions b/packages/ai-improvements/.jsdoc/simulatepermissions
new file mode 100644
index 00000000000..9a218a4250c
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/simulatepermissions
@@ -0,0 +1,4 @@
+/**
+ * @description Simulates calls using the AWS Simulator to validate the correct permissions.
+ * @see [Documentation](https://remotion.dev/docs/lambda/simulatepermissions)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/speculatefunctionname b/packages/ai-improvements/.jsdoc/speculatefunctionname
new file mode 100644
index 00000000000..075965efba9
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/speculatefunctionname
@@ -0,0 +1,4 @@
+/**
+ * @description Speculate the name of the Lambda function that will be created by `deployFunction()` or its CLI equivalent, based on the function configuration.
+ * @see [Documentation](https://remotion.dev/docs/lambda/speculatefunctionname)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/speculateservicename b/packages/ai-improvements/.jsdoc/speculateservicename
new file mode 100644
index 00000000000..9f87168992a
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/speculateservicename
@@ -0,0 +1,4 @@
+/**
+ * @description Speculate the name of the Cloud Run service that will be created by `deployService` or its CLI equivalent, based on the provided configuration parameters.
+ * @see [Documentation](https://remotion.dev/docs/cloudrun/speculateservicename)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/spring b/packages/ai-improvements/.jsdoc/spring
new file mode 100644
index 00000000000..c5942adf1ce
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/spring
@@ -0,0 +1,4 @@
+/**
+ * @description Calculates a position based on physical parameters, start and end value, and time.
+ * @see [Documentation](https://www.remotion.dev/docs/spring)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/staticfile b/packages/ai-improvements/.jsdoc/staticfile
new file mode 100644
index 00000000000..2af6086dcb3
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/staticfile
@@ -0,0 +1,4 @@
+/**
+ * @description Reference a file from the public/ folder. If the file does not appear in the autocomplete, type the path manually.
+ * @see [Documentation](https://www.remotion.dev/docs/staticfile)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/still b/packages/ai-improvements/.jsdoc/still
new file mode 100644
index 00000000000..7b51b64266c
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/still
@@ -0,0 +1,4 @@
+/**
+ * @description A `<Still />` is a `<Composition />` that is only 1 frame long.
+ * @see [Documentation](https://www.remotion.dev/docs/still)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/stitch-frames-to-video b/packages/ai-improvements/.jsdoc/stitch-frames-to-video
new file mode 100644
index 00000000000..3a913f02541
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/stitch-frames-to-video
@@ -0,0 +1,4 @@
+/**
+ * @description Takes a series of images and audio information generated by renderFrames() and encodes it to a video.
+ * @see [Documentation](https://www.remotion.dev/docs/renderer/stitch-frames-to-video)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/studio/delete-static-file b/packages/ai-improvements/.jsdoc/studio/delete-static-file
new file mode 100644
index 00000000000..31dc0cf2a0a
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/studio/delete-static-file
@@ -0,0 +1,4 @@
+/**
+ * @description Deletes a file from the `public` directory in Remotion Studio, useful for building interactive experiences.
+ * @see [Documentation](https://www.remotion.dev/docs/studio/delete-static-file)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/studio/focus-default-props-path b/packages/ai-improvements/.jsdoc/studio/focus-default-props-path
new file mode 100644
index 00000000000..e53f10bcae5
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/studio/focus-default-props-path
@@ -0,0 +1,4 @@
+/**
+ * @description Scrolls to a specific field in the default props editor.
+ * @see [Documentation](https://www.remotion.dev/docs/studio/focus-default-props-path)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/studio/get-static-files b/packages/ai-improvements/.jsdoc/studio/get-static-files
new file mode 100644
index 00000000000..9750ab95de4
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/studio/get-static-files
@@ -0,0 +1,4 @@
+/**
+ * @description Gets an array containing all files in the `public/` folder. You can reference them by using `staticFile()`.
+ * @see [Documentation](https://www.remotion.dev/docs/studio/get-static-files)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/studio/reevaluate-composition b/packages/ai-improvements/.jsdoc/studio/reevaluate-composition
new file mode 100644
index 00000000000..94ff39a5306
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/studio/reevaluate-composition
@@ -0,0 +1,4 @@
+/**
+ * @description Re-runs calculateMetadata() on the currently selected composition, useful if the function depends on changes in the 'public/' folder, randomness, network resources, or time.
+ * @see [Documentation](https://www.remotion.dev/docs/studio/reevaluate-composition)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/studio/restart-studio b/packages/ai-improvements/.jsdoc/studio/restart-studio
new file mode 100644
index 00000000000..9304b92257d
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/studio/restart-studio
@@ -0,0 +1,4 @@
+/**
+ * @description Restarts the Remotion Studio.
+ * @see [Documentation](https://www.remotion.dev/docs/studio/restart-studio)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/studio/save-default-props b/packages/ai-improvements/.jsdoc/studio/save-default-props
new file mode 100644
index 00000000000..83269d74f62
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/studio/save-default-props
@@ -0,0 +1,4 @@
+/**
+ * @description Saves the defaultProps for a composition back to the root file.
+ * @see [Documentation](https://www.remotion.dev/docs/studio/save-default-props)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/studio/update-default-props b/packages/ai-improvements/.jsdoc/studio/update-default-props
new file mode 100644
index 00000000000..8ec9d0ac7a4
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/studio/update-default-props
@@ -0,0 +1,4 @@
+/**
+ * @description Updates the default props in the Props Editor (in the right sidebar in the Studio). Your component will be re-rendered with the new props. The props will not be saved to the Root file - use saveDefaultProps() for that.
+ * @see [Documentation](https://www.remotion.dev/docs/studio/update-default-props)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/studio/watch-public-folder b/packages/ai-improvements/.jsdoc/studio/watch-public-folder
new file mode 100644
index 00000000000..5f39fab218a
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/studio/watch-public-folder
@@ -0,0 +1,4 @@
+/**
+ * @description Watches for changes in the public directory and calls a callback function when a file is added, removed, or modified.
+ * @see [Documentation](https://www.remotion.dev/docs/studio/watch-public-folder)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/studio/watch-static-file b/packages/ai-improvements/.jsdoc/studio/watch-static-file
new file mode 100644
index 00000000000..49b500ed33b
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/studio/watch-static-file
@@ -0,0 +1,4 @@
+/**
+ * @description Watches for changes in a specific static file and invokes a callback function when the file changes, enabling dynamic updates in your Remotion projects.
+ * @see [Documentation](https://www.remotion.dev/docs/studio/watch-static-file)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/studio/write-static-file b/packages/ai-improvements/.jsdoc/studio/write-static-file
new file mode 100644
index 00000000000..bae3ad8b66e
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/studio/write-static-file
@@ -0,0 +1,4 @@
+/**
+ * @description Saves some content into a file in the public directory using the Remotion Studio environment.
+ * @see [Documentation](https://www.remotion.dev/docs/studio/write-static-file)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/testpermissions b/packages/ai-improvements/.jsdoc/testpermissions
new file mode 100644
index 00000000000..c723aeb7b64
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/testpermissions
@@ -0,0 +1,4 @@
+/**
+ * @description Makes a call to the Test Iam Permissions method of the Resource Manager API in GCP, which returns the list of permissions the Service Account has on the GCP Project. This is then validated against the list of permissions required for the version of Remotion.
+ * @see [Documentation](https://remotion.dev/docs/cloudrun/testpermissions)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/three-canvas b/packages/ai-improvements/.jsdoc/three-canvas
new file mode 100644
index 00000000000..bf2c0add553
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/three-canvas
@@ -0,0 +1,4 @@
+/**
+ * @description A wrapper for React Three Fiber's <Canvas /> which synchronizes with Remotion's useCurrentFrame().
+ * @see [Documentation](https://www.remotion.dev/docs/three-canvas)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/thumbnail b/packages/ai-improvements/.jsdoc/thumbnail
new file mode 100644
index 00000000000..956c7bfa801
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/thumbnail
@@ -0,0 +1,4 @@
+/**
+ * @description A component which can be rendered in a regular React App (for example: for example: Next.JS, Vite.js, Create React App) to display a single frame of a video.
+ * @see [Documentation](https://www.remotion.dev/docs/player/thumbnail)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/transitions/presentations/clock-wipe b/packages/ai-improvements/.jsdoc/transitions/presentations/clock-wipe
new file mode 100644
index 00000000000..f5b4bf32f21
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/transitions/presentations/clock-wipe
@@ -0,0 +1,4 @@
+/**
+ * @description Creates a clock wipe transition that uses a circular wipe to reveal the underlying scene as the current scene exits.
+ * @see [Documentation](https://www.remotion.dev/docs/transitions/presentations/clock-wipe)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/transitions/presentations/fade b/packages/ai-improvements/.jsdoc/transitions/presentations/fade
new file mode 100644
index 00000000000..fda7bce4b15
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/transitions/presentations/fade
@@ -0,0 +1,4 @@
+/**
+ * @description Provides a simple fade transition component for sliding elements in and out.
+ * @see [Documentation](https://www.remotion.dev/docs/transitions/presentations/fade)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/transitions/presentations/flip b/packages/ai-improvements/.jsdoc/transitions/presentations/flip
new file mode 100644
index 00000000000..35ca2180474
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/transitions/presentations/flip
@@ -0,0 +1,4 @@
+/**
+ * @description A presentation where the exiting slide flips by 180 degrees, revealing the next slide on the back side.
+ * @see [Documentation](https://www.remotion.dev/docs/transitions/presentations/flip)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/transitions/presentations/none b/packages/ai-improvements/.jsdoc/transitions/presentations/none
new file mode 100644
index 00000000000..18b58e360f5
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/transitions/presentations/none
@@ -0,0 +1,4 @@
+/**
+ * @description A presentation that has no visual effect on its own. Instead, you control the visual effect by using the useTransitionProgress() hook.
+ * @see [Documentation](https://www.remotion.dev/docs/transitions/presentations/none)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/transitions/presentations/slide b/packages/ai-improvements/.jsdoc/transitions/presentations/slide
new file mode 100644
index 00000000000..898498a4b0a
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/transitions/presentations/slide
@@ -0,0 +1,4 @@
+/**
+ * @description Implements a sliding transition for presentation components where the entering slide pushes the outgoing slide in a specified direction.
+ * @see [Documentation](https://www.remotion.dev/docs/transitions/presentations/slide)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/transitions/presentations/wipe b/packages/ai-improvements/.jsdoc/transitions/presentations/wipe
new file mode 100644
index 00000000000..7af3b223731
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/transitions/presentations/wipe
@@ -0,0 +1,4 @@
+/**
+ * @description A presentation where the entering slide slides over the exiting slide.
+ * @see [Documentation](https://www.remotion.dev/docs/transitions/presentations/wipe)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/transitions/timings/lineartiming b/packages/ai-improvements/.jsdoc/transitions/timings/lineartiming
new file mode 100644
index 00000000000..33277940170
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/transitions/timings/lineartiming
@@ -0,0 +1,4 @@
+/**
+ * @description A timing function for `<TransitionSeries>` based on `interpolate()`.
+ * @see [Documentation](https://www.remotion.dev/docs/transitions/timings/lineartiming)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/transitions/transitionseries b/packages/ai-improvements/.jsdoc/transitions/transitionseries
new file mode 100644
index 00000000000..5271ed7e961
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/transitions/transitionseries
@@ -0,0 +1,4 @@
+/**
+ * @description Manages a series of transitions and sequences for advanced animation controls in Remotion projects, handling cases with varying timings and presentations.
+ * @see [Documentation](https://www.remotion.dev/docs/transitions/transitionseries)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/transitions/use-transition-progress b/packages/ai-improvements/.jsdoc/transitions/use-transition-progress
new file mode 100644
index 00000000000..de020f9caab
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/transitions/use-transition-progress
@@ -0,0 +1,4 @@
+/**
+ * @description A hook that can be used inside a child of a <TransitionSeries.Sequence> to get the progress of the transition to directly manipulate the objects inside the scene.
+ * @see [Documentation](https://www.remotion.dev/docs/transitions/use-transition-progress)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/use-audio-data b/packages/ai-improvements/.jsdoc/use-audio-data
new file mode 100644
index 00000000000..7449075a2b1
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/use-audio-data
@@ -0,0 +1,4 @@
+/**
+ * @description Wraps the getAudioData() function into a hook and does three things: keeps the audio data in a state, wraps the function in a delayRender() / continueRender() pattern, and handles the case where the component gets unmounted while fetching is in progress to prevent React errors.
+ * @see [Documentation](https://www.remotion.dev/docs/use-audio-data)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/use-current-frame b/packages/ai-improvements/.jsdoc/use-current-frame
new file mode 100644
index 00000000000..465b01b98d6
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/use-current-frame
@@ -0,0 +1,4 @@
+/**
+ * @description Retrieves the current frame of the video within a component. Frames are 0-indexed, and if the component is wrapped in a `<Sequence>`, it returns the frame relative to when the Sequence starts.
+ * @see [Documentation](https://www.remotion.dev/docs/use-current-frame)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/use-current-scale b/packages/ai-improvements/.jsdoc/use-current-scale
new file mode 100644
index 00000000000..d6514e02b62
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/use-current-scale
@@ -0,0 +1,4 @@
+/**
+ * @description Retrieves the current scale of the canvas within Remotion's Studio or Player context. In the Studio, it corresponds to the zoom level (1 equals no scaling, i.e., 100% zoom). In the Player, it indicates the scaling necessary to fit the video into the player. If called outside of a Remotion context, by default, it throws an error unless configured not to.
+ * @see [Documentation](https://www.remotion.dev/docs/use-current-scale)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/use-offthread-video-texture b/packages/ai-improvements/.jsdoc/use-offthread-video-texture
new file mode 100644
index 00000000000..1dec91afbb2
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/use-offthread-video-texture
@@ -0,0 +1,4 @@
+/**
+ * @description Allows you to use a video in React Three Fiber that is synchronized with Remotion's `useCurrentFrame()` using the `<OffthreadVideo>`.
+ * @see [Documentation](https://www.remotion.dev/docs/use-offthread-video-texture)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/use-video-config b/packages/ai-improvements/.jsdoc/use-video-config
new file mode 100644
index 00000000000..20ef05c91df
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/use-video-config
@@ -0,0 +1,4 @@
+/**
+ * @description Retrieves information about the composition context in which it is used, including dimensions, frame rate, duration, and more.
+ * @see [Documentation](https://www.remotion.dev/docs/use-video-config)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/use-video-texture b/packages/ai-improvements/.jsdoc/use-video-texture
new file mode 100644
index 00000000000..d55423ce02d
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/use-video-texture
@@ -0,0 +1,4 @@
+/**
+ * @description Allows you to use a video in React Three Fiber that is synchronized with Remotion's useCurrentFrame().
+ * @see [Documentation](https://www.remotion.dev/docs/use-video-texture)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/use-windowed-audio-data b/packages/ai-improvements/.jsdoc/use-windowed-audio-data
new file mode 100644
index 00000000000..95a6ad23a1c
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/use-windowed-audio-data
@@ -0,0 +1,4 @@
+/**
+ * @description An alternative to useAudioData() that only loads a portion of the audio around the current frame, specifically for .wav files. This function makes HTTP Range requests to only load the audio data around the current frame, ideal for visualizing audio with a long duration.
+ * @see [Documentation](https://www.remotion.dev/docs/use-windowed-audio-data)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/validatewebhooksignature b/packages/ai-improvements/.jsdoc/validatewebhooksignature
new file mode 100644
index 00000000000..9fad77c8465
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/validatewebhooksignature
@@ -0,0 +1,4 @@
+/**
+ * @description Validates that the signature received by a webhook endpoint is authentic. If validation fails, an error is thrown.
+ * @see [Documentation](https://remotion.dev/docs/lambda/validatewebhooksignature)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/version b/packages/ai-improvements/.jsdoc/version
new file mode 100644
index 00000000000..8bd2dbe7bab
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/version
@@ -0,0 +1,4 @@
+/**
+ * @description Provides the current version number of the Remotion library.
+ * @see [Documentation](https://www.remotion.dev/docs/version)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/video b/packages/ai-improvements/.jsdoc/video
new file mode 100644
index 00000000000..1b4fdb2e081
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/video
@@ -0,0 +1,4 @@
+/**
+ * @description Wraps the native `<video>` element to include video in your component that is synchronized with Remotion's time.
+ * @see [Documentation](https://www.remotion.dev/docs/video)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/visualize-audio b/packages/ai-improvements/.jsdoc/visualize-audio
new file mode 100644
index 00000000000..f2df6fbce40
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/visualize-audio
@@ -0,0 +1,4 @@
+/**
+ * @description Takes in AudioData (preferably fetched by the useAudioData() hook) and processes it in a way that makes visualizing the audio that is playing at the current frame easy.
+ * @see [Documentation](https://www.remotion.dev/docs/visualize-audio)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/.jsdoc/watchstaticfile b/packages/ai-improvements/.jsdoc/watchstaticfile
new file mode 100644
index 00000000000..ff421da3ed1
--- /dev/null
+++ b/packages/ai-improvements/.jsdoc/watchstaticfile
@@ -0,0 +1,4 @@
+/**
+ * @description Watches for changes in a specific static file and invokes a callback function when the file changes, enabling dynamic updates in your Remotion projects.
+ * @see [Documentation](https://www.remotion.dev/docs/watchstaticfile)
+ */
\ No newline at end of file
diff --git a/packages/ai-improvements/improve-docs.ts b/packages/ai-improvements/improve-docs.ts
deleted file mode 100644
index a9fb0a8499c..00000000000
--- a/packages/ai-improvements/improve-docs.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import path from "path";
-import { OpenAI } from "openai";
-import { getApis } from "./map-over-api";
-import { findMistakes } from "./tasks/find-mistakes";
-import { generateJSDocTask } from "./tasks/generate-jsdoc";
-
-const openai = new OpenAI({
-  apiKey: process.env.OPEN_AI_API_KEY,
-});
-
-const apis = await getApis();
-
-const task = "generate-jsdoc";
-
-for (const api of apis) {
-  const contents = await Bun.file(api.filePath).text();
-  if (!api.sourceCodePath) {
-    continue;
-  }
-
-  const flag = path.join(".done", api.id);
-
-  if (await Bun.file(flag).exists()) {
-    console.log(`Article ${api.title} already processed`);
-    continue;
-  }
-
-  const file = path.join(process.cwd(), "..", "..", api.sourceCodePath);
-  console.log(file);
-  const sourceContents = await Bun.file(file).text();
-  console.log(`Article ${api.title} contains source code`);
-
-  const reply =
-    task === "generate-jsdoc"
-      ? await generateJSDocTask({
-          contents,
-          link: api.link,
-          openai,
-          sourceContents,
-        })
-      : await findMistakes({
-          sourceContents,
-          openai,
-          contents,
-        });
-
-  await Bun.write(flag, "txt");
-  if (reply !== "OK") {
-    process.exit(0);
-  }
-}
diff --git a/packages/ai-improvements/map-over-api.ts b/packages/ai-improvements/map-over-api.ts
deleted file mode 100644
index 0571094e064..00000000000
--- a/packages/ai-improvements/map-over-api.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import path from "path";
-import { articles } from "../docs/src/data/articles";
-
-const getSourceCodeLink = async (filePath: string) => {
-  const contents = await Bun.file(filePath).text();
-  const containsSourceCode = contents
-    .toLowerCase()
-    .includes("source code for ");
-
-  if (!containsSourceCode) {
-    return null;
-  }
-
-  const match = contents.match(/\[.*source code for.*\]\((.*)\)/i);
-  if (!match) {
-    return null;
-  }
-  const url = match[1];
-  const p = url.replace(
-    "https://github.com/remotion-dev/remotion/blob/main/",
-    ""
-  );
-
-  return p;
-};
-
-type Api = {
-  filePath: string;
-  sourceCodePath: string | null;
-  id: string;
-  title: string;
-  link: string;
-};
-
-const arr: Api[] = [];
-
-export const getApis = async () => {
-  for (const article of articles) {
-    const filePath = path.join(
-      path.join(process.cwd(), "..", "docs", article.relativePath)
-    );
-    const sourceCodeLink = await getSourceCodeLink(filePath);
-    arr.push({
-      filePath,
-      sourceCodePath: sourceCodeLink,
-      id: article.id,
-      title: article.title,
-      link: `https://remotion.dev/docs/${article.id}`,
-    });
-  }
-
-  return arr;
-};
diff --git a/packages/ai-improvements/package.json b/packages/ai-improvements/package.json
index de841a6b8ef..9a3ba20db6e 100644
--- a/packages/ai-improvements/package.json
+++ b/packages/ai-improvements/package.json
@@ -4,7 +4,9 @@
 	},
 	"name": "ai-improvements",
 	"dependencies": {
-		"openai": "4.67.1"
+		"openai": "4.67.1",
+		"recast": "0.23.9",
+		"@babel/types": "7.24.0"
 	},
 	"private": true,
 	"version": "4.0.244"
diff --git a/packages/ai-improvements/src/generate-jsdoc-for-api.ts b/packages/ai-improvements/src/generate-jsdoc-for-api.ts
new file mode 100644
index 00000000000..4d51fec03c0
--- /dev/null
+++ b/packages/ai-improvements/src/generate-jsdoc-for-api.ts
@@ -0,0 +1,71 @@
+import {OpenAI} from 'openai';
+import path from 'path';
+import {Api} from './map-over-api';
+
+export const generateJsDocForApi = async ({
+	openai,
+	link,
+	sourceContents,
+	contents,
+	api,
+}: {
+	openai: OpenAI;
+	link: string;
+	sourceContents: string;
+	contents: string;
+	api: Api;
+}) => {
+	const checkLinkValid = await fetch(link);
+	if (!checkLinkValid.ok) {
+		throw new Error('The link is not valid: ' + link);
+	}
+
+	const cache = Bun.file(path.join('.jsdoc', api.id));
+
+	if (await cache.exists()) {
+		return cache.text();
+	}
+
+	const stream = await openai.chat.completions.create({
+		model: 'gpt-4-turbo',
+		messages: [
+			{
+				role: 'system',
+				content: [
+					'You are going to be given an API source code and an API documentation, and a URL to use.',
+					"If not, write a JSDoc comment for the function. Only write the JSDoc comment, don't reply anything else.",
+					'Put the URL as the documentation.',
+					'This is the right format for a JSDoc comment:\n',
+					`
+/**
+ * @description Triggers a render on a lambda given a composition and a lambda function.
+ * @see [Documentation](https://remotion.dev/docs/lambda/rendermediaonlambda)
+ */
+          `,
+					'Dont document params or return values, only the description and the @see tag.',
+				].join('\n'),
+			},
+			{
+				role: 'system',
+				content: 'This is the url to use:\n' + link,
+			},
+			{
+				role: 'user',
+				content: 'This is the source code for the API:\n' + sourceContents,
+			},
+			{
+				role: 'user',
+				content: 'This is the markdown of the documentation:\n' + contents,
+			},
+		],
+		stream: true,
+	});
+	let reply = '';
+	for await (const chunk of stream) {
+		reply += chunk.choices[0]?.delta?.content || '';
+	}
+
+	await Bun.write(cache, reply);
+
+	return reply;
+};
diff --git a/packages/ai-improvements/src/improve-docs.ts b/packages/ai-improvements/src/improve-docs.ts
new file mode 100644
index 00000000000..ac40d80ca1c
--- /dev/null
+++ b/packages/ai-improvements/src/improve-docs.ts
@@ -0,0 +1,39 @@
+import {OpenAI} from 'openai';
+import path from 'path';
+import {getApis} from './map-over-api';
+import {findMistakes} from './tasks/find-mistakes';
+import {generateJSDocTask} from './tasks/generate-jsdoc';
+
+const openai = new OpenAI({
+	apiKey: process.env.OPEN_AI_API_KEY,
+});
+
+const apis = await getApis();
+
+const task = 'generate-jsdoc';
+
+for (const api of apis) {
+	const contents = await Bun.file(api.filePath).text();
+	if (!api.sourceCodePath) {
+		continue;
+	}
+
+	const file = path.join(process.cwd(), '..', '..', api.sourceCodePath);
+	const sourceContents = await Bun.file(file).text();
+
+	task === 'generate-jsdoc'
+		? await generateJSDocTask({
+				contents,
+				link: api.link,
+				openai,
+				sourceContents,
+				filePath: file,
+				title: api.title,
+				api,
+			})
+		: await findMistakes({
+				sourceContents,
+				openai,
+				contents,
+			});
+}
diff --git a/packages/ai-improvements/src/map-over-api.ts b/packages/ai-improvements/src/map-over-api.ts
new file mode 100644
index 00000000000..05695cad73d
--- /dev/null
+++ b/packages/ai-improvements/src/map-over-api.ts
@@ -0,0 +1,62 @@
+import path from 'path';
+import {articles} from '../../docs/src/data/articles';
+
+const getSourceCodeLink = async (filePath: string) => {
+	const contents = await Bun.file(filePath).text();
+	const containsSourceCode = contents
+		.toLowerCase()
+		.includes('source code for ');
+
+	if (!containsSourceCode) {
+		return null;
+	}
+
+	const match = contents.match(/\[.*source code for.*\]\((.*)\)/i);
+	if (!match) {
+		return null;
+	}
+	if (contents.includes('Source code for this documentation')) {
+		return null;
+	}
+	if (contents.includes('Source code for this SDK')) {
+		return null;
+	}
+	const url = match[1];
+	const p = url.replace(
+		'https://github.com/remotion-dev/remotion/blob/main/',
+		'',
+	);
+
+	return p;
+};
+
+export type Api = {
+	filePath: string;
+	sourceCodePath: string | null;
+	id: string;
+	title: string;
+	link: string;
+};
+
+const arr: Api[] = [];
+
+export const getApis = async () => {
+	for (const article of articles) {
+		if (article.noAi) {
+			continue;
+		}
+		const filePath = path.join(
+			path.join(process.cwd(), '..', 'docs', article.relativePath),
+		);
+		const sourceCodeLink = await getSourceCodeLink(filePath);
+		arr.push({
+			filePath,
+			sourceCodePath: sourceCodeLink,
+			id: article.id,
+			title: article.title,
+			link: `https://www.remotion.dev/docs/${article.slug}`,
+		});
+	}
+
+	return arr;
+};
diff --git a/packages/ai-improvements/src/tasks/add-jsdoc-comment.ts b/packages/ai-improvements/src/tasks/add-jsdoc-comment.ts
new file mode 100644
index 00000000000..d360b5afe70
--- /dev/null
+++ b/packages/ai-improvements/src/tasks/add-jsdoc-comment.ts
@@ -0,0 +1,104 @@
+import type {File} from '@babel/types';
+import * as recast from 'recast';
+import * as tsParser from 'recast/parsers/babel-ts';
+
+export const addJsDocComment = ({
+	documentTitle,
+	sourceCode,
+	comment,
+}: {
+	documentTitle: string;
+	sourceCode: string;
+	comment: string;
+}) => {
+	const trimmed = comment.trim();
+	if (!trimmed.startsWith('/**') || !trimmed.endsWith('*/')) {
+		throw new Error('Comment must be a block comment, but');
+	}
+	const commentWithoutStars = '\n ' + trimmed.slice(3, -2).trim() + '\n ';
+
+	const ast = recast.parse(sourceCode, {
+		parser: tsParser,
+	}) as File;
+
+	const withoutParentheses = documentTitle
+		.replace(/\(.*\)/, '')
+		.replace(/\</, '')
+		.replace(/\>/, '')
+		.replace(/\\/, '');
+
+	let found = false;
+	let same = false;
+
+	recast.visit(ast, {
+		visitExportNamedDeclaration: (p) => {
+			const node = p.node;
+
+			if (node.type !== 'ExportNamedDeclaration') {
+				return node;
+			}
+
+			if (!node.declaration) {
+				return node;
+			}
+			if (
+				node.declaration.type !== 'VariableDeclaration' &&
+				node.declaration.type !== 'FunctionDeclaration'
+			) {
+				return node;
+			}
+			const declaration =
+				node.declaration.type === 'FunctionDeclaration'
+					? node.declaration
+					: node.declaration.declarations[0];
+			if (!declaration) {
+				return node;
+			}
+			if (
+				declaration.type !== 'VariableDeclarator' &&
+				declaration.type !== 'FunctionDeclaration'
+			) {
+				return node;
+			}
+			if (declaration.id?.type !== 'Identifier') {
+				return node;
+			}
+			if (declaration.id.name !== withoutParentheses) {
+				return node;
+			}
+
+			found = true;
+			const newComment = recast.types.builders.commentBlock(
+				commentWithoutStars,
+				true,
+			);
+
+			same = node.comments?.[0]?.value === newComment.value;
+
+			return {
+				...node,
+				leadingComments: [newComment],
+			};
+		},
+	});
+
+	if (same) {
+		return sourceCode;
+	}
+
+	if (!found) {
+		console.log('source:');
+		console.log(sourceCode);
+		// TODO: Make this an error
+		console.warn(
+			'Could not find the function to add the comment to ' + withoutParentheses,
+		);
+	}
+
+	console.log(documentTitle);
+	const output = recast.print(ast, {
+		parser: tsParser,
+	}).code;
+
+	return output;
+};
diff --git a/packages/ai-improvements/tasks/find-mistakes.ts b/packages/ai-improvements/src/tasks/find-mistakes.ts
similarity index 100%
rename from packages/ai-improvements/tasks/find-mistakes.ts
rename to packages/ai-improvements/src/tasks/find-mistakes.ts
diff --git a/packages/ai-improvements/src/tasks/generate-jsdoc.ts b/packages/ai-improvements/src/tasks/generate-jsdoc.ts
new file mode 100644
index 00000000000..df38da263d9
--- /dev/null
+++ b/packages/ai-improvements/src/tasks/generate-jsdoc.ts
@@ -0,0 +1,43 @@
+import {OpenAI} from 'openai';
+import {generateJsDocForApi} from '../generate-jsdoc-for-api';
+import {Api} from '../map-over-api';
+import {addJsDocComment} from './add-jsdoc-comment';
+
+export const generateJSDocTask = async ({
+	sourceContents,
+	openai,
+	contents,
+	link,
+	title,
+	filePath,
+	api,
+}: {
+	sourceContents: string;
+	openai: OpenAI;
+	contents: string;
+	link: string;
+	title: string;
+	filePath: string;
+	api: Api;
+}) => {
+	if (title.startsWith('npx remotion')) {
+		return;
+	}
+
+	const reply = await generateJsDocForApi({
+		sourceContents,
+		openai,
+		contents,
+		link,
+		api,
+	});
+
+	const newDocument = addJsDocComment({
+		documentTitle: title,
+		sourceCode: sourceContents,
+		comment: reply,
+	});
+	await Bun.write(filePath, newDocument);
+
+	return reply;
+};
diff --git a/packages/ai-improvements/tasks/generate-jsdoc.ts b/packages/ai-improvements/tasks/generate-jsdoc.ts
deleted file mode 100644
index 427d4a21bc6..00000000000
--- a/packages/ai-improvements/tasks/generate-jsdoc.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { OpenAI } from "openai";
-
-export const generateJSDocTask = async ({
-  sourceContents,
-  openai,
-  contents,
-  link,
-}: {
-  sourceContents: string;
-  openai: OpenAI;
-  contents: string;
-  link: string;
-}) => {
-  const stream = await openai.chat.completions.create({
-    model: "gpt-4-turbo",
-    messages: [
-      {
-        role: "system",
-        content: [
-          "You are going to be given an API source code and an API documentation, and a URL to use.",
-          "Check if the function already has a JSDoc comment.",
-          "If it does, respond only with 'OK'.",
-          "If not, write a JSDoc comment for the function. Only write the JSDoc comment, don't reply anything else.",
-          "Put the URL as the documentation.",
-          "This is the right format for a JSDoc comment:\n",
-          `
-/**
- * @description Triggers a render on a lambda given a composition and a lambda function.
- * @see [Documentation](https://remotion.dev/docs/lambda/rendermediaonlambda)
- * @param params.functionName The name of the Lambda function that should be used
- * @param params.serveUrl The URL of the deployed project
- * @returns {Promise<RenderMediaOnLambdaOutput>} See documentation for detailed structure
- */
-          `,
-        ].join("\n"),
-      },
-      {
-        role: "system",
-        content: "This is the url to use:\n" + link,
-      },
-      {
-        role: "user",
-        content: "This is the source code for the API:\n" + sourceContents,
-      },
-      {
-        role: "user",
-        content: "This is the markdown of the documentation:\n" + contents,
-      },
-    ],
-    stream: true,
-  });
-  let reply = "";
-  for await (const chunk of stream) {
-    reply += chunk.choices[0]?.delta?.content || "";
-    process.stdout.write(chunk.choices[0]?.delta?.content || "");
-  }
-
-  return reply;
-};
diff --git a/packages/ai-improvements/tsconfig.json b/packages/ai-improvements/tsconfig.json
new file mode 100644
index 00000000000..7b3c34f3c32
--- /dev/null
+++ b/packages/ai-improvements/tsconfig.json
@@ -0,0 +1,15 @@
+{
+	"extends": "../tsconfig.settings.json",
+	"compilerOptions": {
+		"rootDir": "./src",
+		"outDir": "./dist/cjs",
+		"module": "Preserve",
+		"esModuleInterop": true,
+		"resolveJsonModule": false,
+		"skipLibCheck": true,
+		"jsx": "react-jsx",
+		"noEmit": true
+	},
+	"include": ["./", "../docs/src/data/articles.ts"],
+	"references": []
+}
diff --git a/packages/animation-utils/src/transformation-helpers/interpolate-styles/index.tsx b/packages/animation-utils/src/transformation-helpers/interpolate-styles/index.tsx
index 8273a1222f8..f29029a2cb8 100644
--- a/packages/animation-utils/src/transformation-helpers/interpolate-styles/index.tsx
+++ b/packages/animation-utils/src/transformation-helpers/interpolate-styles/index.tsx
@@ -255,9 +255,9 @@ function checkStylesRange(arr: readonly Style[]) {
 	}
 }
 
-/**
+/*
  * @description A function that interpolates between two styles based on an input range.
- * @see [Documentation](https://www.remotion.dev/docs/animation-utils/interpolate-styles)
+ * @see [Documentation](https://remotion.dev/docs/animation-utils/interpolate-styles)
  */
 export const interpolateStyles = (
 	input: number,
diff --git a/packages/animation-utils/src/transformation-helpers/make-transform/index.ts b/packages/animation-utils/src/transformation-helpers/make-transform/index.ts
index 5b5e8c6873a..afdbac2cd45 100644
--- a/packages/animation-utils/src/transformation-helpers/make-transform/index.ts
+++ b/packages/animation-utils/src/transformation-helpers/make-transform/index.ts
@@ -23,11 +23,11 @@ import {
 	translateZ,
 } from './transform-functions';
 
-export function makeTransform(
+export const makeTransform = (
 	transforms: TransformFunctionReturnType[],
-): string {
+): string => {
 	return transforms.join(' ');
-}
+};
 
 export {
 	matrix,
diff --git a/packages/bundler/src/bundle.ts b/packages/bundler/src/bundle.ts
index 3bb47feb357..7570c74a291 100644
--- a/packages/bundler/src/bundle.ts
+++ b/packages/bundler/src/bundle.ts
@@ -319,9 +319,9 @@ export const internalBundle = async (
 	return outDir;
 };
 
-/**
- * @description The method bundles a Remotion project using Webpack and prepares it for rendering.
- * @see [Documentation](https://www.remotion.dev/docs/bundle)
+/*
+ * @description Bundles a Remotion project using Webpack and prepares it for rendering.
+ * @see [Documentation](https://remotion.dev/docs/bundle)
  */
 export async function bundle(...args: Arguments): Promise<string> {
 	const actualArgs = convertArgumentsIntoOptions(args);
diff --git a/packages/captions/src/create-tiktok-style-captions.ts b/packages/captions/src/create-tiktok-style-captions.ts
index b0afb30406e..06283290068 100644
--- a/packages/captions/src/create-tiktok-style-captions.ts
+++ b/packages/captions/src/create-tiktok-style-captions.ts
@@ -21,10 +21,10 @@ export type CreateTikTokStyleCaptionsOutput = {
 	pages: TikTokPage[];
 };
 
-export function createTikTokStyleCaptions({
+export const createTikTokStyleCaptions = ({
 	captions,
 	combineTokensWithinMilliseconds,
-}: CreateTikTokStyleCaptionsInput): CreateTikTokStyleCaptionsOutput {
+}: CreateTikTokStyleCaptionsInput): CreateTikTokStyleCaptionsOutput => {
 	const tikTokStyleCaptions: TikTokPage[] = [];
 	let currentText = '';
 	let currentTokens: TikTokToken[] = [];
@@ -84,4 +84,4 @@ export function createTikTokStyleCaptions({
 	});
 
 	return {pages: tikTokStyleCaptions};
-}
+};
diff --git a/packages/cloudrun/src/api/delete-service.ts b/packages/cloudrun/src/api/delete-service.ts
index a25fb0c1744..6d0b721c1b4 100644
--- a/packages/cloudrun/src/api/delete-service.ts
+++ b/packages/cloudrun/src/api/delete-service.ts
@@ -6,12 +6,9 @@ export type DeleteServiceInput = {
 	region: string;
 };
 
-/**
- * @description Deletes a service from GCP Cloud Run
+/*
+ * @description Deletes a deployed Cloud Run service based on its name.
  * @see [Documentation](https://remotion.dev/docs/cloudrun/deleteservice)
- * @param params.serviceName The name of the service to delete.
- * @param params.region The region of the service to delete.
- * @returns {Promise<void>} Nothing. Throws if the service failed to delete.
  */
 export const deleteService = async (
 	params: DeleteServiceInput,
diff --git a/packages/cloudrun/src/api/delete-site.ts b/packages/cloudrun/src/api/delete-site.ts
index 496b6cec296..48dce863a26 100644
--- a/packages/cloudrun/src/api/delete-site.ts
+++ b/packages/cloudrun/src/api/delete-site.ts
@@ -5,13 +5,9 @@ export type DeleteSiteInput = {
 	siteName: string;
 };
 
-/**
- *
- * @description Deletes a deployed site from your Cloud Run bucket. The opposite of deploySite().
+/*
+ * @description Removes a Remotion project from your Cloud Storage bucket.
  * @see [Documentation](https://remotion.dev/docs/cloudrun/deletesite)
- * @param params.bucketName The name of the Cloud Storage bucket where the site resides in.
- * @param params.siteName The ID of the site to delete.
- * @returns {Promise<void>} Nothing. Throws if the site failed to delete.
  */
 export const deleteSite = ({
 	bucketName,
diff --git a/packages/cloudrun/src/api/deploy-service.ts b/packages/cloudrun/src/api/deploy-service.ts
index 7bf37eb4f38..11dfe02e1e7 100644
--- a/packages/cloudrun/src/api/deploy-service.ts
+++ b/packages/cloudrun/src/api/deploy-service.ts
@@ -123,16 +123,9 @@ const deployServiceRaw = async ({
 
 export const internalDeployService = wrapWithErrorHandling(deployServiceRaw);
 
-/**
+/*
  * @description Creates a Cloud Run service in your project that will be able to render a video in GCP.
- * @link https://remotion.dev/docs/cloudrun/deployservice
- * @param params.performImageVersionValidation Validate that an image exists in the public Artifact Registry that matches the Remotion Version. Default true
- * @param params.memoryLimit Memory limit of Cloud Run service to deploy.
- * @param params.cpuLimit CPU limit of Cloud Run service to deploy.
- * @param params.timeoutSeconds After how many seconds the Cloud Run service should be killed if it does not end itself.
- * @param params.projectID GCP Project ID to deploy the Cloud Run service to.
- * @param params.region GCP region to deploy the Cloud Run service to.
- * @returns {Promise<DeployServiceOutput>}  See documentation for detailed structure
+ * @see [Documentation](https://remotion.dev/docs/cloudrun/deployservice)
  */
 
 export const deployService = ({
diff --git a/packages/cloudrun/src/api/deploy-site.ts b/packages/cloudrun/src/api/deploy-site.ts
index 905da0dcf11..fb66db59854 100644
--- a/packages/cloudrun/src/api/deploy-site.ts
+++ b/packages/cloudrun/src/api/deploy-site.ts
@@ -137,13 +137,9 @@ export const internalDeploySiteRaw = async ({
 };
 
 const errorHandled = wrapWithErrorHandling(internalDeploySiteRaw);
-/**
+/*
  * @description Deploys a Remotion project to a GCP storage bucket to prepare it for rendering on Cloud Run.
- * @link https://remotion.dev/docs/cloudrun/deploysite
- * @param {string} params.entryPoint An absolute path to the entry file of your Remotion project.
- * @param {string} params.bucketName The name of the bucket to deploy your project into.
- * @param {string} params.siteName The name of the folder in which the project gets deployed to.
- * @param {object} params.options Further options, see documentation page for this function.
+ * @see [Documentation](https://remotion.dev/docs/cloudrun/deploysite)
  */
 export const deploySite = (input: DeploySiteInput): DeploySiteOutput => {
 	return errorHandled({
diff --git a/packages/cloudrun/src/api/get-or-create-bucket.ts b/packages/cloudrun/src/api/get-or-create-bucket.ts
index bbe9efb1b24..f6f446ead1d 100644
--- a/packages/cloudrun/src/api/get-or-create-bucket.ts
+++ b/packages/cloudrun/src/api/get-or-create-bucket.ts
@@ -19,12 +19,9 @@ export type GetOrCreateBucketOutput = {
 	bucketName: string;
 	alreadyExisted: boolean;
 };
-/**
- * @description Creates a bucket for Remotion Cloud Run in your GCP Project, in a particular region. If one already exists, it will get returned instead.
- * @link https://remotion.dev/docs/cloudrun/getorcreatebucket
- * @param params.region The region in which you want your Storage bucket to reside in.
- * @param params.updateBucketState A function that gets called whenever the state of the bucket changes. This is useful for CLI updates.
- * @returns {Promise<GetOrCreateBucketOutput>} An object containing the `bucketName`.
+/*
+ * @description Creates a Cloud Storage bucket for Remotion Cloud Run in your GCP project. If one already exists, it will get returned instead.
+ * @see [Documentation](https://remotion.dev/docs/cloudrun/getorcreatebucket)
  */
 export const getOrCreateBucket = async (
 	params: GetOrCreateBucketInput,
diff --git a/packages/cloudrun/src/api/get-regions.ts b/packages/cloudrun/src/api/get-regions.ts
index 78f95f035c9..4146aec9599 100644
--- a/packages/cloudrun/src/api/get-regions.ts
+++ b/packages/cloudrun/src/api/get-regions.ts
@@ -1,10 +1,9 @@
 import type {GcpRegion} from '../pricing/gcp-regions';
 import {GCP_REGIONS} from '../regions';
 
-/**
- * @description Gets an array of all supported GCP regions of this release of Remotion Cloudrun.
+/*
+ * @description Gets an array of all supported GCP regions of this release of Remotion Cloud Run.
  * @see [Documentation](https://remotion.dev/docs/cloudrun/getregions)
- * @returns {GcpRegion[]} A list of GCP regions.
  */
 export const getRegions = (): readonly GcpRegion[] => {
 	return GCP_REGIONS;
diff --git a/packages/cloudrun/src/api/get-service-info.ts b/packages/cloudrun/src/api/get-service-info.ts
index 332b4a46f98..79f4d91f22b 100644
--- a/packages/cloudrun/src/api/get-service-info.ts
+++ b/packages/cloudrun/src/api/get-service-info.ts
@@ -19,12 +19,9 @@ export type GetServiceInfoInput = {
 	region: GcpRegion;
 	serviceName: string;
 };
-/**
- * @description Given a region and service name, returns information about the service such as version, memory limit and timeout.
+/*
+ * @description Retrieves detailed information about a specific Cloud Run service using the service name and region.
  * @see [Documentation](https://remotion.dev/docs/cloudrun/getserviceinfo)
- * @param params.region The region in which the service resides in.
- * @param params.serviceName The name of the service.
- * @returns {Promise<ServiceInfo[]>} An array with the objects containing information about the deployed services.
  */
 
 export const getServiceInfo = async ({
diff --git a/packages/cloudrun/src/api/get-services.ts b/packages/cloudrun/src/api/get-services.ts
index a842611f644..a3fa0ba4f70 100644
--- a/packages/cloudrun/src/api/get-services.ts
+++ b/packages/cloudrun/src/api/get-services.ts
@@ -11,12 +11,9 @@ export type GetServicesInput = {
 	compatibleOnly: boolean;
 };
 
-/**
+/*
  * @description Lists Remotion Cloud Run render services deployed to GCP Cloud Run.
  * @see [Documentation](https://remotion.dev/docs/cloudrun/getservices)
- * @param params.region The region of which the services should be listed.
- * @param params.compatibleOnly Whether only services compatible with the installed version of Remotion Cloud Run should be returned.
- * @returns {Promise<ServiceInfo[]>} An array with the objects containing information about the deployed services.
  */
 
 export const getServices = async (
diff --git a/packages/cloudrun/src/api/get-sites.ts b/packages/cloudrun/src/api/get-sites.ts
index 5a6211de5ca..6c1b34176e5 100644
--- a/packages/cloudrun/src/api/get-sites.ts
+++ b/packages/cloudrun/src/api/get-sites.ts
@@ -20,11 +20,9 @@ export type GetSitesOutput = {
 	buckets: BucketWithLocation[];
 };
 
-/**
- * @description Gets all the deployed sites for a certain GCP project, within the specified region.
+/*
+ * @description Gets an array of Remotion projects in Cloud Storage, in your GCP project.
  * @see [Documentation](https://remotion.dev/docs/cloudrun/getsites)
- * @param {GcpRegion} params.region The GCP region that you want to query for.
- * @returns {Promise<GetSitesOutput>} A Promise containing an object with `sites` and `bucket` keys. Consult documentation for details.
  */
 export const getSites = async (
 	region: GcpRegion | 'all regions',
diff --git a/packages/cloudrun/src/api/iam-validation/testPermissions.ts b/packages/cloudrun/src/api/iam-validation/testPermissions.ts
index 81b3619d399..6c3687e4e14 100644
--- a/packages/cloudrun/src/api/iam-validation/testPermissions.ts
+++ b/packages/cloudrun/src/api/iam-validation/testPermissions.ts
@@ -20,12 +20,9 @@ type TestPermissionsOutput = {
 	results: TestResult[];
 };
 
-/**
- * @description Test the permissions on the service account match the permissions required.
- * @see [Remotion-Documentation](http://remotion.dev/docs/cloudrun/testpermissions)
- * @see [Cloudrun-Documentation](https://cloud.google.com/resource-manager/reference/rest/v3/projects/testIamPermissions)
- * @param {(result: TestResult) => void} params.onTest Function to run on each test result
- * @returns {Promise<TestPermissionsOutput>} Returns array of TestResult objects
+/*
+ * @description Makes a call to the Test Iam Permissions method of the Resource Manager API in GCP, which returns the list of permissions the Service Account has on the GCP Project. This is then validated against the list of permissions required for the version of Remotion.
+ * @see [Documentation](https://remotion.dev/docs/cloudrun/testpermissions)
  */
 export const testPermissions = async (
 	params?: TestPermissionsInput,
diff --git a/packages/cloudrun/src/api/render-media-on-cloudrun.ts b/packages/cloudrun/src/api/render-media-on-cloudrun.ts
index cbce60fe515..60248800ddf 100644
--- a/packages/cloudrun/src/api/render-media-on-cloudrun.ts
+++ b/packages/cloudrun/src/api/render-media-on-cloudrun.ts
@@ -280,47 +280,9 @@ export const internalRenderMediaOnCloudrun = wrapWithErrorHandling(
 	internalRenderMediaOnCloudrunRaw,
 ) as typeof internalRenderMediaOnCloudrunRaw;
 
-/**
- * @description Triggers a render on a GCP Cloud Run service given a composition and a Cloud Run URL.
- * @see [Documentation](https://remotion.dev/docs/cloudrun/renderMediaOnGcp)
- * @param params.cloudRunUrl The URL of the Cloud Run service that should be used. Use either this or serviceName.
- * @param params.serviceName The name of the Cloud Run service that should be used. Use either this or cloudRunUrl.
- * @param params.region The region that the Cloud Run service is deployed in.
- * @param params.serveUrl The URL of the deployed project
- * @param params.composition The ID of the composition which should be rendered.
- * @param params.inputProps The input props that should be passed to the composition.
- * @param params.codec The media codec which should be used for encoding.
- * @param params.forceBucketName The name of the bucket that the output file should be uploaded to.
- * @param params.privacy Whether the output file should be public or private.
- * @param params.outName The name of the output file.
- * @param params.updateRenderProgress A callback that is called with the progress of the render.
- * @param params.jpegQuality JPEG quality if JPEG was selected as the image format.
- * @param params.audioCodec The encoding of the audio of the output video.
- * @param params.audioBitrate The target bitrate for the audio of the generated video.
- * @param params.videoBitrate The target bitrate of the generated video.
- * @param params.encodingBufferSize The decoder buffer size, which determines the variability of the generated video bitrate.
- * @param params.encodingMaxRate The maximum bitrate tolerance to be used, this is only used in conjunction with encodingBufferSize.
- * @param params.proResProfile Sets a ProRes profile. Only applies to videos rendered with prores codec.
- * @param params.x264Preset Sets a Preset profile. Only applies to videos rendered with h.264 codec.
- * @param params.crf Constant Rate Factor, controlling the quality.
- * @param params.pixelFormat Custom pixel format to use. Usually used for special use cases like transparent videos.
- * @param params.imageFormat Which image format the frames should be rendered in.
- * @param params.scale Scales the output dimensions by a factor.
- * @param params.everyNthFrame Only used if rendering gigs - renders only every nth frame.
- * @param params.numberOfGifLoops Only used if rendering gigs - how many times the gif should loop. Null means infinite.
- * @param params.frameRange Specify a single frame (a number) or a range of frames (a tuple [number, number]) to be rendered.
- * @param params.envVariables Object containing environment variables to be injected in your project.
- * @param params.chromiumOptions Allows you to set certain Chromium / Google Chrome flags.
- * @param params.muted If set to true, no audio is rendered.
- * @param params.forceWidth Overrides default composition width.
- * @param params.forceHeight Overrides default composition height.
- * @param params.logLevel Level of logging that Cloud Run service should perform. Default "info".
- * @param params.delayRenderTimeoutInMilliseconds A number describing how long the render may take to resolve all delayRender() calls before it times out.
- * @param params.concurrency A number or a string describing how many browser tabs should be opened. Default "50%".
- * @param params.enforceAudioTrack Render a silent audio track if there wouldn't be any otherwise.
- * @param params.preferLossless Uses a lossless audio codec, if one is available for the codec. If you set audioCodec, it takes priority over preferLossless.
- * @param params.metadata Metadata to be attached to the output file.
- * @returns {Promise<RenderMediaOnCloudrunOutput>} See documentation for detailed structure
+/*
+ * @description Initiates a media rendering process on the Remotion Cloud Run service, facilitating configurations like service region, project composition, and output settings.
+ * @see [Documentation](https://remotion.dev/docs/cloudrun/rendermediaoncloudrun)
  */
 export const renderMediaOnCloudrun = ({
 	cloudRunUrl,
diff --git a/packages/cloudrun/src/api/speculate-service-name.ts b/packages/cloudrun/src/api/speculate-service-name.ts
index eda11a412d2..5236e71ff9c 100644
--- a/packages/cloudrun/src/api/speculate-service-name.ts
+++ b/packages/cloudrun/src/api/speculate-service-name.ts
@@ -1,12 +1,8 @@
 import {generateServiceName} from '../shared/generate-service-name';
 
-/**
- * @description Speculate the name of a Cloud Run service that will be created when you call `deployService`, based on the service configuration.
- * @see [Documentation](https://www.remotion.dev/docs/cloudrun/speculateservicename)
- * @param memoryLimit The upper bound on the amount of RAM that the Cloud Run service can consume.
- * @param cpuLimit The maximum number of CPU cores that the Cloud Run service can use to process requests.
- * @param timeoutInSeconds How long the Cloud Run Service may run before it gets killed.
- * @returns {string} The speculated Cloud Run service name
+/*
+ * @description Speculate the name of the Cloud Run service that will be created by `deployService` or its CLI equivalent, based on the provided configuration parameters.
+ * @see [Documentation](https://remotion.dev/docs/cloudrun/speculateservicename)
  */
 export const speculateServiceName = ({
 	memoryLimit,
diff --git a/packages/compositor-darwin-arm64/remotion b/packages/compositor-darwin-arm64/remotion
index c7d64781663..515981eea08 100755
Binary files a/packages/compositor-darwin-arm64/remotion and b/packages/compositor-darwin-arm64/remotion differ
diff --git a/packages/core/src/AbsoluteFill.tsx b/packages/core/src/AbsoluteFill.tsx
index 723cb79694c..fdd5c191d92 100644
--- a/packages/core/src/AbsoluteFill.tsx
+++ b/packages/core/src/AbsoluteFill.tsx
@@ -23,9 +23,9 @@ const AbsoluteFillRefForwarding: React.ForwardRefRenderFunction<
 	return <div ref={ref} style={actualStyle} {...other} />;
 };
 
-/**
- * @description An absolutely positioned <div> element with 100% width, height, and a column flex style
- * @see [Documentation](https://www.remotion.dev/docs/absolute-fill)
+/*
+ * @description A helper component which renders an absolutely positioned <div> element with full width, height, and flex display suited for content layering.
+ * @see [Documentation](https://remotion.dev/docs/absolute-fill)
  */
 
 export const AbsoluteFill = forwardRef(AbsoluteFillRefForwarding);
diff --git a/packages/core/src/Composition.tsx b/packages/core/src/Composition.tsx
index 0fa930e56c1..1c042b98efd 100644
--- a/packages/core/src/Composition.tsx
+++ b/packages/core/src/Composition.tsx
@@ -114,9 +114,9 @@ const Fallback: React.FC = () => {
 	return null;
 };
 
-/**
+/*
  * @description This component is used to register a video to make it renderable and make it show in the sidebar, in dev mode.
- * @see [Documentation](https://www.remotion.dev/docs/composition)
+ * @see [Documentation](https://remotion.dev/docs/composition)
  */
 
 export const Composition = <
diff --git a/packages/core/src/Folder.tsx b/packages/core/src/Folder.tsx
index b11a5bac42a..f9b41bd6070 100644
--- a/packages/core/src/Folder.tsx
+++ b/packages/core/src/Folder.tsx
@@ -19,9 +19,9 @@ export const FolderContext = createContext<FolderContextType>({
 	parentName: null,
 });
 
-/**
+/*
  * @description By wrapping a <Composition /> inside a <Folder />, you can visually categorize it in your sidebar, should you have many compositions.
- * @see [Documentation](https://www.remotion.dev/docs/folder)
+ * @see [Documentation](https://remotion.dev/docs/folder)
  */
 export const Folder: FC<{
 	readonly name: string;
diff --git a/packages/core/src/IFrame.tsx b/packages/core/src/IFrame.tsx
index 8ae045d7ec3..6423b2ebbd9 100644
--- a/packages/core/src/IFrame.tsx
+++ b/packages/core/src/IFrame.tsx
@@ -55,8 +55,8 @@ const IFrameRefForwarding: React.ForwardRefRenderFunction<
 	return <iframe {...props} ref={ref} onError={didGetError} onLoad={didLoad} />;
 };
 
-/**
+/*
  * @description The <IFrame /> can be used like a regular <iframe> HTML tag.
- * @see [Documentation](https://www.remotion.dev/docs/iframe)
+ * @see [Documentation](https://remotion.dev/docs/iframe)
  */
 export const IFrame = forwardRef(IFrameRefForwarding);
diff --git a/packages/core/src/Img.tsx b/packages/core/src/Img.tsx
index ddffbcf1c59..1a688afccef 100644
--- a/packages/core/src/Img.tsx
+++ b/packages/core/src/Img.tsx
@@ -225,8 +225,8 @@ const ImgRefForwarding: React.ForwardRefRenderFunction<
 	return <img {...props} ref={imageRef} onError={didGetError} />;
 };
 
-/**
+/*
  * @description Works just like a regular HTML img tag. When you use the <Img> tag, Remotion will ensure that the image is loaded before rendering the frame.
- * @see [Documentation](https://www.remotion.dev/docs/img)
+ * @see [Documentation](https://remotion.dev/docs/img)
  */
 export const Img = forwardRef(ImgRefForwarding);
diff --git a/packages/core/src/Sequence.tsx b/packages/core/src/Sequence.tsx
index 5da2a6cf78c..3f12db4de37 100644
--- a/packages/core/src/Sequence.tsx
+++ b/packages/core/src/Sequence.tsx
@@ -325,7 +325,7 @@ const SequenceRefForwardingFunction: React.ForwardRefRenderFunction<
 	return <RegularSequence {...props} ref={ref} />;
 };
 
-/**
+/*
  * @description A component that time-shifts its children and wraps them in an absolutely positioned <div>.
  * @see [Documentation](https://www.remotion.dev/docs/sequence)
  */
diff --git a/packages/core/src/Still.tsx b/packages/core/src/Still.tsx
index bf6a86d536c..d643e2021a0 100644
--- a/packages/core/src/Still.tsx
+++ b/packages/core/src/Still.tsx
@@ -3,7 +3,7 @@ import type {AnyZodObject} from 'zod';
 import type {CompositionProps, StillProps} from './Composition.js';
 import {Composition} from './Composition.js';
 
-/**
+/*
  * @description A `<Still />` is a `<Composition />` that is only 1 frame long.
  * @see [Documentation](https://www.remotion.dev/docs/still)
  */
diff --git a/packages/core/src/audio/Audio.tsx b/packages/core/src/audio/Audio.tsx
index 88df39013cb..6223d5dee1a 100644
--- a/packages/core/src/audio/Audio.tsx
+++ b/packages/core/src/audio/Audio.tsx
@@ -174,9 +174,9 @@ const AudioRefForwardingFunction: React.ForwardRefRenderFunction<
 	);
 };
 
-/**
+/*
  * @description With this component, you can add audio to your video. All audio formats which are supported by Chromium are supported by the component.
- * @see [Documentation](https://www.remotion.dev/docs/audio)
+ * @see [Documentation](https://remotion.dev/docs/audio)
  */
 export const Audio = forwardRef(AudioRefForwardingFunction);
 
diff --git a/packages/core/src/cancel-render.ts b/packages/core/src/cancel-render.ts
index d14245a17f1..bf63e090ab5 100644
--- a/packages/core/src/cancel-render.ts
+++ b/packages/core/src/cancel-render.ts
@@ -34,9 +34,9 @@ const isErrorLike = (err: unknown): boolean => {
 	return true;
 };
 
-/**
- * @description When you invoke this function, Remotion will stop rendering all the frames without any retries
- * @see [Documentation](https://www.remotion.dev/docs/cancel-render)
+/*
+ * @description When you invoke this function, Remotion will stop rendering all the frames without any retries.
+ * @see [Documentation](https://remotion.dev/docs/cancel-render)
  */
 export function cancelRender(err: unknown): never {
 	let error: Error;
diff --git a/packages/core/src/delay-render.ts b/packages/core/src/delay-render.ts
index 4c0e8be5737..5c42fb00b75 100644
--- a/packages/core/src/delay-render.ts
+++ b/packages/core/src/delay-render.ts
@@ -23,11 +23,9 @@ export type DelayRenderOptions = {
 	retries?: number;
 };
 
-/**
- * @description Call this function to tell Remotion to wait before capturing this frame until data has loaded. Use continueRender() to unblock the render.
- * @param label _optional_ A label to identify the call in case it does time out.
- * @returns {number} An identifier to be passed to continueRender().
- * @see [Documentation](https://www.remotion.dev/docs/delay-render)
+/*
+ * @description Call this function to signal that a frame should not be rendered until an asynchronous task (such as data fetching) is complete. Use continueRender(handle) to proceed with rendering once the task is complete.
+ * @see [Documentation](https://remotion.dev/docs/delay-render)
  */
 export const delayRender = (
 	label?: string,
@@ -81,10 +79,9 @@ export const delayRender = (
 	return handle;
 };
 
-/**
- * @description Unblock a render that has been blocked by delayRender()
- * @param handle The return value of delayRender().
- * @see [Documentation](https://www.remotion.dev/docs/continue-render)
+/*
+ * @description Unblock a render that has been blocked by delayRender().
+ * @see [Documentation](https://remotion.dev/docs/continue-render)
  */
 export const continueRender = (handle: number): void => {
 	if (typeof handle === 'undefined') {
diff --git a/packages/core/src/freeze.tsx b/packages/core/src/freeze.tsx
index a8aa8eaebc8..b03294a6bab 100644
--- a/packages/core/src/freeze.tsx
+++ b/packages/core/src/freeze.tsx
@@ -11,9 +11,9 @@ type FreezeProps = {
 	readonly active?: boolean | ((f: number) => boolean);
 };
 
-/**
- * @description This method freezes all of its children to the frame that you specify as a prop
- * @see [Documentation](https://www.remotion.dev/docs/freeze)
+/*
+ * @description Freezes its children at the specified frame when rendering videos.
+ * @see [Documentation](https://remotion.dev/docs/freeze)
  */
 export const Freeze: React.FC<FreezeProps> = ({
 	frame: frameToFreeze,
diff --git a/packages/core/src/get-remotion-environment.ts b/packages/core/src/get-remotion-environment.ts
index 4f369b767b4..103b7b4065d 100644
--- a/packages/core/src/get-remotion-environment.ts
+++ b/packages/core/src/get-remotion-environment.ts
@@ -14,9 +14,9 @@ const getEnvString = (): 'env' => {
 	return ['e', 'nv'].join('') as 'env';
 };
 
-/**
+/*
  * @description Provides information about the Remotion Environment
- * @see [Documentation](https://www.remotion.dev/docs/get-remotion-environment)
+ * @see [Documentation](https://remotion.dev/docs/get-remotion-environment)
  */
 export const getRemotionEnvironment = (): RemotionEnvironment => {
 	const isPlayer = typeof window !== 'undefined' && window.remotion_isPlayer;
diff --git a/packages/core/src/get-static-files.ts b/packages/core/src/get-static-files.ts
index 086e40b805e..f841544e3b1 100644
--- a/packages/core/src/get-static-files.ts
+++ b/packages/core/src/get-static-files.ts
@@ -27,9 +27,9 @@ const warnPlayerOnce = () => {
 	);
 };
 
-/**
- * @description The function array containing all files in the public/ folder. You can reference them by using staticFile().
- * @see [Documentation](https://www.remotion.dev/docs/getstaticfiles)
+/*
+ * @description Gets an array containing all files in the `public/` folder. You can reference them by using `staticFile()`.
+ * @see [Documentation](https://remotion.dev/docs/getstaticfiles)
  */
 export const getStaticFiles = (): StaticFile[] => {
 	if (ENABLE_V5_BREAKING_CHANGES) {
diff --git a/packages/core/src/interpolate-colors.ts b/packages/core/src/interpolate-colors.ts
index da8fc4e0d96..095cf843e96 100644
--- a/packages/core/src/interpolate-colors.ts
+++ b/packages/core/src/interpolate-colors.ts
@@ -320,10 +320,11 @@ function normalizeColor(color: string): number {
 		if ((match = matchers.rgb.exec(color))) {
 			return (
 				// b
+				// a
 				((parse255(match[1]) << 24) | // r
 					(parse255(match[2]) << 16) | // g
 					(parse255(match[3]) << 8) |
-					0x000000ff) >>> // a
+					0x000000ff) >>>
 				0
 			);
 		}
@@ -333,10 +334,11 @@ function normalizeColor(color: string): number {
 		if ((match = matchers.rgba.exec(color))) {
 			return (
 				// b
+				// a
 				((parse255(match[1]) << 24) | // r
 					(parse255(match[2]) << 16) | // g
 					(parse255(match[3]) << 8) |
-					parse1(match[4])) >>> // a
+					parse1(match[4])) >>>
 				0
 			);
 		}
@@ -465,9 +467,9 @@ const interpolateColorsRGB = (
 	return rgbaColor(r, g, b, a);
 };
 
-/**
- * @description This function allows you to map a range of values to colors using a concise syntax.
- * @see [Documentation](https://www.remotion.dev/docs/interpolate-colors)
+/*
+ * @description Allows you to map a range of values to colors using a concise syntax.
+ * @see [Documentation](https://remotion.dev/docs/interpolate-colors)
  */
 export const interpolateColors = (
 	input: number,
diff --git a/packages/core/src/interpolate.ts b/packages/core/src/interpolate.ts
index 1a3d0c2a750..78f075a2eeb 100644
--- a/packages/core/src/interpolate.ts
+++ b/packages/core/src/interpolate.ts
@@ -114,16 +114,9 @@ function checkInfiniteRange(name: string, arr: readonly number[]) {
 	}
 }
 
-/**
- * Map a value from an input range to an output range.
- * @link https://www.remotion.dev/docs/interpolate
- * @param {!number} input value to interpolate
- * @param {!number[]} inputRange range of values that you expect the input to assume.
- * @param {!number[]} outputRange range of output values that you want the input to map to.
- * @param {?object} options
- * @param {?Function} options.easing easing function which allows you to customize the input, for example to apply a certain easing function. By default, the input is left unmodified, resulting in a pure linear interpolation {@link https://www.remotion.dev/docs/easing}
- * @param {string=} [options.extrapolateLeft="extend"] What should happen if the input value is outside left the input range, default: "extend" {@link https://www.remotion.dev/docs/interpolate#extrapolateleft}
- * @param {string=} [options.extrapolateRight="extend"] Same as extrapolateLeft, except for values outside right the input range {@link https://www.remotion.dev/docs/interpolate#extrapolateright}
+/*
+ * @description Allows you to map a range of values to another using a concise syntax.
+ * @see [Documentation](https://remotion.dev/docs/interpolate)
  */
 export function interpolate(
 	input: number,
diff --git a/packages/core/src/loop/index.tsx b/packages/core/src/loop/index.tsx
index 688eef2f626..0d2c1f0c01e 100644
--- a/packages/core/src/loop/index.tsx
+++ b/packages/core/src/loop/index.tsx
@@ -26,9 +26,9 @@ const useLoop = () => {
 	return React.useContext(LoopContext);
 };
 
-/**
+/*
  * @description This component allows you to quickly lay out an animation so it repeats itself.
- * @see [Documentation](https://www.remotion.dev/docs/loop)
+ * @see [Documentation](https://remotion.dev/docs/loop)
  */
 export const Loop: React.FC<LoopProps> & {
 	useLoop: typeof useLoop;
diff --git a/packages/core/src/prefetch.ts b/packages/core/src/prefetch.ts
index 54ab189d18d..aff45c26fdd 100644
--- a/packages/core/src/prefetch.ts
+++ b/packages/core/src/prefetch.ts
@@ -75,8 +75,8 @@ const getBlobFromReader = async ({
 	});
 };
 
-/**
- * @description When you call the preFetch() function, an asset will be fetched and kept in memory so it is ready when you want to play it in a <Player>.
+/*
+ * @description When you call the prefetch() function, an asset will be fetched and kept in memory so it is ready when you want to play it in a <Player>.
  * @see [Documentation](https://www.remotion.dev/docs/prefetch)
  */
 export const prefetch = (
diff --git a/packages/core/src/random.ts b/packages/core/src/random.ts
index 5555c4a4877..f9282208388 100644
--- a/packages/core/src/random.ts
+++ b/packages/core/src/random.ts
@@ -21,9 +21,9 @@ function hashCode(str: string) {
 
 export type RandomSeed = number | string | null;
 
-/**
+/*
  * @description A deterministic pseudo-random number generator. Pass in the same seed and get the same pseudorandom number.
- * @see [Documentation](https://remotion.dev/docs/random)
+ * @see [Documentation](https://www.remotion.dev/docs/random)
  */
 export const random = (seed: RandomSeed, dummy?: unknown) => {
 	if (dummy !== undefined) {
diff --git a/packages/core/src/register-root.ts b/packages/core/src/register-root.ts
index b4d9b39ad48..e77c569038d 100644
--- a/packages/core/src/register-root.ts
+++ b/packages/core/src/register-root.ts
@@ -4,8 +4,8 @@ let Root: React.FC | null = null;
 
 let listeners: ((comp: React.FC) => void)[] = [];
 
-/**
- * @description This function registers the root component of the Remotion project
+/*
+ * @description Registers the root component of the Remotion project.
  * @see [Documentation](https://www.remotion.dev/docs/register-root)
  */
 export const registerRoot = (comp: React.FC) => {
diff --git a/packages/core/src/spring/index.ts b/packages/core/src/spring/index.ts
index 3fd1caf1152..0b735fd193b 100644
--- a/packages/core/src/spring/index.ts
+++ b/packages/core/src/spring/index.ts
@@ -6,22 +6,9 @@ import {measureSpring} from './measure-spring.js';
 import type {SpringConfig} from './spring-utils';
 import {springCalculation} from './spring-utils.js';
 
-/**
+/*
  * @description Calculates a position based on physical parameters, start and end value, and time.
  * @see [Documentation](https://www.remotion.dev/docs/spring)
- * @param {number} frame The current time value. Most of the time you want to pass in the return value of useCurrentFrame.
- * @param {number} fps The framerate at which the animation runs. Pass in the value obtained by `useVideoConfig()`.
- * @param {?boolean} reverse Whether the animation plays in reverse or not. Default `false`.
- * @param {?Object} config optional object that allows you to customize the physical properties of the animation.
- * @param {number} [config.mass=1] The weight of the spring. If you reduce the mass, the animation becomes faster!
- * @param {number} [config.damping=10] How hard the animation decelerates.
- * @param {number} [config.stiffness=100] Affects bounciness of the animation.
- * @param {boolean} [config.overshootClamping=false] Whether to prevent the animation going beyond the target value.
- * @param {?number} [config.from] The initial value of the animation. Default `0`
- * @param {?number} [config.to] The end value of the animation. Default `1`
- * @param {?number} [config.durationInFrames] Stretch the duration of an animation to  a set value.. Default `undefined`
- * @param {?number} [config.durationThreshold] How close to the end the animation is considered to be done. Default `0.005`
- * @param {?number} [config.delay] Delay the animation for this amount of frames. Default `0`
  */
 export function spring({
 	frame: passedFrame,
diff --git a/packages/core/src/spring/measure-spring.ts b/packages/core/src/spring/measure-spring.ts
index 44b94297f6d..5144062dd04 100644
--- a/packages/core/src/spring/measure-spring.ts
+++ b/packages/core/src/spring/measure-spring.ts
@@ -16,9 +16,9 @@ type MeasureSpringProps = {
 	threshold?: number;
 } & (false extends typeof ENABLE_V5_BREAKING_CHANGES ? V4Props : {});
 
-/**
- * @description The function returns how long it takes for a spring animation to settle
- * @see [Documentation](https://www.remotion.dev/docs/measure-spring)
+/*
+ * @description Based on a spring() configuration and the frame rate, return how long it takes for a spring animation to settle.
+ * @see [Documentation](https://remotion.dev/docs/measure-spring)
  */
 export function measureSpring({
 	fps,
diff --git a/packages/core/src/static-file.ts b/packages/core/src/static-file.ts
index 1dfccd5f1c6..e6a8b9bc38d 100644
--- a/packages/core/src/static-file.ts
+++ b/packages/core/src/static-file.ts
@@ -84,7 +84,7 @@ const encodeBySplitting = (path: string): string => {
 	return merged;
 };
 
-/**
+/*
  * @description Reference a file from the public/ folder. If the file does not appear in the autocomplete, type the path manually.
  * @see [Documentation](https://www.remotion.dev/docs/staticfile)
  */
diff --git a/packages/core/src/use-current-frame.ts b/packages/core/src/use-current-frame.ts
index 92056fa40f1..ac5eb6d16b3 100644
--- a/packages/core/src/use-current-frame.ts
+++ b/packages/core/src/use-current-frame.ts
@@ -4,9 +4,9 @@ import {SequenceContext} from './SequenceContext.js';
 import {getRemotionEnvironment} from './get-remotion-environment.js';
 import {useTimelinePosition} from './timeline-position-state.js';
 
-/**
- * @description Get the current frame of the video. Frames are 0-indexed, meaning the first frame is 0, the last frame is the duration of the composition in frames minus one.
- * @see [Documentation](https://remotion.dev/docs/use-current-frame)
+/*
+ * @description Retrieves the current frame of the video within a component. Frames are 0-indexed, and if the component is wrapped in a `<Sequence>`, it returns the frame relative to when the Sequence starts.
+ * @see [Documentation](https://www.remotion.dev/docs/use-current-frame)
  */
 export const useCurrentFrame = (): number => {
 	const canUseRemotionHooks = useContext(CanUseRemotionHooks);
diff --git a/packages/core/src/use-current-scale.ts b/packages/core/src/use-current-scale.ts
index ca8401780d0..61f64db8473 100644
--- a/packages/core/src/use-current-scale.ts
+++ b/packages/core/src/use-current-scale.ts
@@ -70,9 +70,9 @@ export const calculateScale = ({
 	return previewSize === 'auto' ? ratio : Number(previewSize);
 };
 
-/**
- * Gets the current scale of the container in which the component is being rendered.
- * Only works in the Remotion Studio and in the Remotion Player.
+/*
+ * @description Retrieves the current scale of the canvas within Remotion's Studio or Player context. In the Studio, it corresponds to the zoom level (1 equals no scaling, i.e., 100% zoom). In the Player, it indicates the scaling necessary to fit the video into the player. If called outside of a Remotion context, by default, it throws an error unless configured not to.
+ * @see [Documentation](https://www.remotion.dev/docs/use-current-scale)
  */
 export const useCurrentScale = (options?: Options) => {
 	const hasContext = React.useContext(CurrentScaleContext);
diff --git a/packages/core/src/use-video-config.ts b/packages/core/src/use-video-config.ts
index 2fff2cee58e..30485f3a403 100644
--- a/packages/core/src/use-video-config.ts
+++ b/packages/core/src/use-video-config.ts
@@ -4,10 +4,9 @@ import {useIsPlayer} from './is-player.js';
 import {useUnsafeVideoConfig} from './use-unsafe-video-config.js';
 import type {VideoConfig} from './video-config.js';
 
-/**
- * @description Get some info about the context of the video that you are making.
+/*
+ * @description Retrieves information about the composition context in which it is used, including dimensions, frame rate, duration, and more.
  * @see [Documentation](https://www.remotion.dev/docs/use-video-config)
- * @returns Returns an object containing `fps`, `width`, `height`, `durationInFrames`, `id` and `defaultProps`.
  */
 export const useVideoConfig = (): VideoConfig => {
 	const videoConfig = useUnsafeVideoConfig();
diff --git a/packages/core/src/video/OffthreadVideo.tsx b/packages/core/src/video/OffthreadVideo.tsx
index 493498a29e1..3b7db3b4822 100644
--- a/packages/core/src/video/OffthreadVideo.tsx
+++ b/packages/core/src/video/OffthreadVideo.tsx
@@ -7,7 +7,7 @@ import {OffthreadVideoForRendering} from './OffthreadVideoForRendering.js';
 import {VideoForPreview} from './VideoForPreview.js';
 import type {OffthreadVideoProps} from './props.js';
 
-/**
+/*
  * @description This method imports and displays a video, similar to <Video />. During rendering, it extracts the exact frame from the video and displays it in an <img> tag
  * @see [Documentation](https://www.remotion.dev/docs/offthreadvideo)
  */
diff --git a/packages/core/src/video/Video.tsx b/packages/core/src/video/Video.tsx
index 7f73ab986d7..a861102b1f4 100644
--- a/packages/core/src/video/Video.tsx
+++ b/packages/core/src/video/Video.tsx
@@ -157,8 +157,8 @@ const VideoForwardingFunction: React.ForwardRefRenderFunction<
 	);
 };
 
-/**
- * @description allows you to include a video file in your Remotion project. It wraps the native HTMLVideoElement.
+/*
+ * @description Wraps the native `<video>` element to include video in your component that is synchronized with Remotion's time.
  * @see [Documentation](https://www.remotion.dev/docs/video)
  */
 export const Video = forwardRef(VideoForwardingFunction);
diff --git a/packages/core/src/watch-static-file.ts b/packages/core/src/watch-static-file.ts
index 830c860ee8c..5c14bdb0544 100644
--- a/packages/core/src/watch-static-file.ts
+++ b/packages/core/src/watch-static-file.ts
@@ -10,11 +10,8 @@ export type WatchRemotionStaticFilesPayload = {
 	files: StaticFile[];
 };
 
-/**
- * @description Watch for changes in a specific static file.
- * @param {string} fileName - The name of the static file to watch for changes.
- * @param {WatcherCallback} callback - A callback function to be called when the file changes.
- * @returns {{cancel: () => void}} A function that can be used to cancel the event listener.
+/*
+ * @description Watches for changes in a specific static file and invokes a callback function when the file changes, enabling dynamic updates in your Remotion projects.
  * @see [Documentation](https://www.remotion.dev/docs/watchstaticfile)
  */
 export const watchStaticFile = (
diff --git a/packages/docs/docs/artifact.mdx b/packages/docs/docs/artifact.mdx
index b0cf31c288b..0398d80bc78 100644
--- a/packages/docs/docs/artifact.mdx
+++ b/packages/docs/docs/artifact.mdx
@@ -1,6 +1,6 @@
 ---
 image: /generated/articles-docs-artifact.png
-title: "<Artifact>"
+title: '<Artifact>'
 crumb: API
 ---
 
@@ -9,7 +9,7 @@ crumb: API
 By rendering an `<Artifact>` tag in your Remotion markup, [an extra file will get emitted during rendering](/docs/artifacts).
 
 ```tsx twoslash title="MyComp.tsx"
-import { Artifact, useCurrentFrame } from "remotion";
+import {Artifact, useCurrentFrame} from 'remotion';
 
 export const MyComp: React.FC = () => {
   const frame = useCurrentFrame();
@@ -34,7 +34,7 @@ However, the file names must be unique.
 The component will get evaluated on every frame, which means if you want to emit just one file, only render it on one frame.
 
 ```tsx twoslash title="❌ Will generate an asset on every frame and throw an error because the file name is not unique"
-import { Artifact, useCurrentFrame } from "remotion";
+import {Artifact, useCurrentFrame} from 'remotion';
 
 export const MyComp: React.FC = () => {
   const frame = useCurrentFrame();
@@ -60,4 +60,4 @@ A `string` or `Uint8Array` that is the content of the file that will be emitted.
 ## See also
 
 - [Emitting Artifacts](/docs/artifacts)
-- [Source code for this component](https://github.com/remotion-dev/remotion/blob/main/packages/core/src/components/Artifact.tsx)
+- [Source code for this component](https://github.com/remotion-dev/remotion/blob/main/packages/core/src/Artifact.tsx)
diff --git a/packages/docs/docs/captions/caption.mdx b/packages/docs/docs/captions/caption.mdx
index 3bbaedeb39b..52d382bcb1e 100644
--- a/packages/docs/docs/captions/caption.mdx
+++ b/packages/docs/docs/captions/caption.mdx
@@ -2,6 +2,7 @@
 image: /generated/articles-docs-captions-caption.png
 title: Caption
 crumb: '@remotion/captions'
+no_ai: true
 ---
 
 # Caption<AvailableFrom v="4.0.216"/>
diff --git a/packages/docs/docs/lambda/getrolepolicy.mdx b/packages/docs/docs/lambda/getrolepolicy.mdx
index d49c12afc39..ff86c42b978 100644
--- a/packages/docs/docs/lambda/getrolepolicy.mdx
+++ b/packages/docs/docs/lambda/getrolepolicy.mdx
@@ -3,7 +3,7 @@ image: /generated/articles-docs-lambda-getrolepolicy.png
 id: getrolepolicy
 title: getRolePolicy()
 slug: /lambda/getrolepolicy
-crumb: "Lambda API"
+crumb: 'Lambda API'
 ---
 
 Returns an inline JSON policy to be assigned to the 'remotion-lambda-role' role that needs to be created in your AWS account.
@@ -15,7 +15,7 @@ See [Setup tutorial](/docs/lambda/setup) for setting up Lambda from scratch or [
 ## Example
 
 ```ts twoslash
-import { getRolePolicy } from "@remotion/lambda";
+import {getRolePolicy} from '@remotion/lambda';
 
 console.log(getRolePolicy()); /* `
 {
@@ -29,6 +29,6 @@ console.log(getRolePolicy()); /* `
 
 ## See also
 
-- [Source code for this function](https://github.com/remotion-dev/remotion/blob/main/packages/lambda/src/api/iam-validation/role-permissions.ts)
+- [Source code for this function](https://github.com/remotion-dev/remotion/blob/main/packages/lambda/src/api/iam-validation/suggested-policy.ts)
 - [getUserPolicy()](/docs/lambda/getuserpolicy)
 - [Permissions](/docs/lambda/permissions)
diff --git a/packages/docs/docs/lambda/getuserpolicy.mdx b/packages/docs/docs/lambda/getuserpolicy.mdx
index 5a0a602f7c7..6284510e59d 100644
--- a/packages/docs/docs/lambda/getuserpolicy.mdx
+++ b/packages/docs/docs/lambda/getuserpolicy.mdx
@@ -3,7 +3,7 @@ image: /generated/articles-docs-lambda-getuserpolicy.png
 id: getuserpolicy
 title: getUserPolicy()
 slug: /lambda/getuserpolicy
-crumb: "Lambda API"
+crumb: 'Lambda API'
 ---
 
 Returns an inline JSON policy to be assigned to the AWS user whose credentials are being used for excuting CLI commands or calling Node.JS functions.
@@ -13,7 +13,7 @@ See [Setup tutorial](/docs/lambda/setup) for setting up Lambda from scratch or [
 ## Example
 
 ```ts twoslash
-import { getUserPolicy } from "@remotion/lambda";
+import {getUserPolicy} from '@remotion/lambda';
 
 console.log(getUserPolicy()); /* `
 {
@@ -27,6 +27,6 @@ console.log(getUserPolicy()); /* `
 
 ## See also
 
-- [Source code for this function](https://github.com/remotion-dev/remotion/blob/main/packages/lambda/src/api/iam-validation/user-permissions.ts)
+- [Source code for this function](https://github.com/remotion-dev/remotion/blob/main/packages/lambda/src/api/iam-validation/suggested-policy.ts)
 - [getRolePolicy()](/docs/lambda/getrolepolicy)
 - [Permissions](/docs/lambda/permissions)
diff --git a/packages/docs/docs/layout-utils/debug.mdx b/packages/docs/docs/layout-utils/debug.mdx
index 85b80ccf168..26303e8aca9 100644
--- a/packages/docs/docs/layout-utils/debug.mdx
+++ b/packages/docs/docs/layout-utils/debug.mdx
@@ -3,6 +3,7 @@ image: /generated/articles-docs-layout-utils-debug.png
 title: Debugging font measurement bugs
 sidebar_label: Debugging
 crumb: '@remotion/layout-utils'
+no_ai: true
 ---
 
 When you find that the measurements that you are getting from [`measureText()`](/docs/layout-utils/measure-text), [`fillTextBox()`](/docs/layout-utils/fill-text-box) or [`fitText()`](/docs/layout-utils/fit-text) are off and are causing layout issues, follow the debugging instructions on this page.
diff --git a/packages/docs/docs/player/drag-and-drop/index.mdx b/packages/docs/docs/player/drag-and-drop/index.mdx
index d58a1f8d6e0..14dcdc8d11e 100644
--- a/packages/docs/docs/player/drag-and-drop/index.mdx
+++ b/packages/docs/docs/player/drag-and-drop/index.mdx
@@ -3,6 +3,7 @@ image: /generated/articles-docs-player-drag-and-drop-index.png
 sidebar_label: 'Drag & Drop'
 title: 'Drag & Drop in the Remotion Player'
 crumb: '@remotion/player'
+no_ai: true
 ---
 
 import {DragAndDropDemo} from './Demo';
diff --git a/packages/docs/docs/webcodecs/get-available-audio-codecs.mdx b/packages/docs/docs/webcodecs/get-available-audio-codecs.mdx
index ee822a4958d..8e877e56378 100644
--- a/packages/docs/docs/webcodecs/get-available-audio-codecs.mdx
+++ b/packages/docs/docs/webcodecs/get-available-audio-codecs.mdx
@@ -19,4 +19,4 @@ getAvailableAudioCodecs({container: 'webm'}); // ['opus']
 ## See also
 
 - [Track Transformation](/docs/webcodecs/track-transformation)
-- [Source code for this function](https://github.com/remotion-dev/remotion/blob/main/packages/webcodecs/src/get-available-video-codecs.ts)
+- [Source code for this function](https://github.com/remotion-dev/remotion/blob/main/packages/webcodecs/src/get-available-audio-codecs.ts)
diff --git a/packages/docs/render-cards.mjs b/packages/docs/render-cards.mjs
index 83f6ebf5f46..a66554ae59b 100644
--- a/packages/docs/render-cards.mjs
+++ b/packages/docs/render-cards.mjs
@@ -32,6 +32,28 @@ const findTitle = (split) => {
 	return title;
 };
 
+const findSlug = (split) => {
+	const slugSearch = split.find((s) => s.startsWith('slug: '));
+	if (!slugSearch) {
+		return null;
+	}
+
+	const slug = slugSearch.replace(/^slug:\s/, '');
+	if (slug.startsWith('"') || slug.startsWith("'")) {
+		return slug.substr(1, slug.length - 2);
+	}
+
+	return slug;
+};
+
+const findNoAi = (split) => {
+	const slugSearch = split.find((s) => s.startsWith('no_ai: true'));
+	if (slugSearch) {
+		return true;
+	}
+	return false;
+};
+
 const findCrumb = (split) => {
 	const crumb = split
 		.find((s) => s.startsWith('crumb: '))
@@ -69,6 +91,8 @@ for (const page of pages) {
 	const split = frontmatter[1].split(os.EOL);
 	const id = findId(split, page).replaceAll(path.sep, path.posix.sep);
 	const title = findTitle(split);
+	const slug = findSlug(split);
+	const noAi = findNoAi(split);
 	const crumb = findCrumb(split);
 
 	const relativePath = page
@@ -80,8 +104,28 @@ for (const page of pages) {
 		relativePath
 			.replaceAll(path.posix.sep, '-')
 			.replace(/.md$/, '')
+			.replace(/^\//, '')
 			.replace(/.mdx$/, '');
-	data.push({id, title, relativePath, compId, crumb});
+	data.push({
+		id,
+		title,
+		relativePath,
+		compId,
+		crumb,
+		noAi,
+		slug: (slug && slug.startsWith('/')
+			? slug
+			: path.join(
+					path.dirname(
+						relativePath
+							.replace(/^docs\//, '')
+							.replace(/.md$/, '')
+							.replace(/.mdx$/, ''),
+					),
+					path.basename(slug ?? id),
+				)
+		).replace(/^\//, ''),
+	});
 }
 
 fs.writeFileSync(
diff --git a/packages/docs/src/data/articles.ts b/packages/docs/src/data/articles.ts
index 2faaff34d79..f775435d477 100644
--- a/packages/docs/src/data/articles.ts
+++ b/packages/docs/src/data/articles.ts
@@ -1,80 +1,129 @@
 export const articles = [
 	{
-		id: 'figma',
-		title: 'Import from Figma',
-		relativePath: 'docs/figma.mdx',
-		compId: 'articles-docs-figma',
-		crumb: 'The best of both',
+		id: '2-0-migration',
+		title: 'v2.0 Migration',
+		relativePath: 'docs/2-0-migration.mdx',
+		compId: 'articles-docs-2-0-migration',
+		crumb: 'Version Upgrade',
+		noAi: false,
+		slug: '2-0-migration',
 	},
 	{
-		id: 'env-variables',
-		title: 'Environment variables',
-		relativePath: 'docs/env-variables.mdx',
-		compId: 'articles-docs-env-variables',
-		crumb: 'How To',
+		id: '3-0-migration',
+		title: 'v3.0 Migration',
+		relativePath: 'docs/3-0-migration.mdx',
+		compId: 'articles-docs-3-0-migration',
+		crumb: 'Version Upgrade',
+		noAi: false,
+		slug: '3-0-migration',
 	},
 	{
-		id: 'skia',
-		title: '@remotion/skia',
-		relativePath: 'docs/skia/skia.mdx',
-		compId: 'articles-docs-skia-skia',
-		crumb: null,
+		id: '4-0-alpha',
+		title: 'v4.0 Alpha',
+		relativePath: 'docs/4-0-alpha.mdx',
+		compId: 'articles-docs-4-0-alpha',
+		crumb: 'Version Upgrade',
+		noAi: false,
+		slug: '4-0-alpha',
 	},
 	{
-		id: 'skia/enable-skia',
-		title: 'enableSkia()',
-		relativePath: 'docs/skia/enable-skia.mdx',
-		compId: 'articles-docs-skia-enable-skia',
-		crumb: '@remotion/skia',
+		id: '4-0-migration',
+		title: 'v4.0 Migration',
+		relativePath: 'docs/4-0-migration.mdx',
+		compId: 'articles-docs-4-0-migration',
+		crumb: 'Version Upgrade',
+		noAi: false,
+		slug: '4-0-migration',
 	},
 	{
-		id: 'skia/skia-canvas',
-		title: '<SkiaCanvas />',
-		relativePath: 'docs/skia/skia-canvas.mdx',
-		compId: 'articles-docs-skia-skia-canvas',
-		crumb: '@remotion/skia',
+		id: '5-0-migration',
+		title: 'v5.0 Migration',
+		relativePath: 'docs/5-0-migration.mdx',
+		compId: 'articles-docs-5-0-migration',
+		crumb: 'Version Upgrade',
+		noAi: false,
+		slug: '5-0-migration',
 	},
 	{
-		id: 'spring',
-		title: 'spring()',
-		relativePath: 'docs/spring.mdx',
-		compId: 'articles-docs-spring',
+		id: 'absolute-fill',
+		title: '<AbsoluteFill>',
+		relativePath: 'docs/absolute-fill.mdx',
+		compId: 'articles-docs-absolute-fill',
 		crumb: 'API',
+		noAi: false,
+		slug: 'absolute-fill',
 	},
 	{
-		id: 'audio-visualization',
-		title: 'Audio visualization',
-		relativePath: 'docs/audio-visualization.mdx',
-		compId: 'articles-docs-audio-visualization',
-		crumb: 'Techniques',
+		id: 'acknowledgements',
+		title: 'Acknowledgements',
+		relativePath: 'docs/acknowledgements.mdx',
+		compId: 'articles-docs-acknowledgements',
+		crumb: 'Credits',
+		noAi: false,
+		slug: 'acknowledgements',
 	},
 	{
-		id: 'react-native',
-		title: 'React Native',
-		relativePath: 'docs/react-native.mdx',
-		compId: 'articles-docs-react-native',
-		crumb: null,
+		id: 'after-effects',
+		title: 'Import from After Effects',
+		relativePath: 'docs/after-effects.mdx',
+		compId: 'articles-docs-after-effects',
+		crumb: 'Integrations',
+		noAi: false,
+		slug: 'after-effects',
 	},
 	{
-		id: 'use-current-scale',
-		title: 'useCurrentScale()',
-		relativePath: 'docs/use-current-scale.mdx',
-		compId: 'articles-docs-use-current-scale',
-		crumb: 'API',
+		id: 'angular',
+		title: 'Using Remotion in Angular',
+		relativePath: 'docs/angular.mdx',
+		compId: 'articles-docs-angular',
+		crumb: 'Integrations',
+		noAi: false,
+		slug: 'angular',
 	},
 	{
-		id: 'config',
-		title: 'Configuration file',
-		relativePath: 'docs/config.mdx',
-		compId: 'articles-docs-config',
-		crumb: 'remotion.config.ts',
+		id: 'animated-emoji',
+		title: '<AnimatedEmoji>',
+		relativePath: 'docs/animated-emoji/animated-emoji.mdx',
+		compId: 'articles-docs-animated-emoji-animated-emoji',
+		crumb: '@remotion/animated-emoji',
+		noAi: false,
+		slug: 'animated-emoji/animated-emoji',
 	},
 	{
-		id: 'make-transform',
-		title: 'makeTransform()',
-		relativePath: 'docs/animation-utils/make-transform.mdx',
-		compId: 'articles-docs-animation-utils-make-transform',
-		crumb: '@remotion/animation-utils',
+		id: 'get-available-emoji',
+		title: 'getAvailableEmoji()',
+		relativePath: 'docs/animated-emoji/get-available-emoji.mdx',
+		compId: 'articles-docs-animated-emoji-get-available-emoji',
+		crumb: '@remotion/animated-emoji',
+		noAi: false,
+		slug: 'animated-emoji/get-available-emoji',
+	},
+	{
+		id: 'animated-emoji/index',
+		title: '@remotion/animated-emoji',
+		relativePath: 'docs/animated-emoji/index.mdx',
+		compId: 'articles-docs-animated-emoji-index',
+		crumb: null,
+		noAi: false,
+		slug: 'animated-emoji/index',
+	},
+	{
+		id: 'animating-properties',
+		title: 'Animating properties',
+		relativePath: 'docs/animating-properties.mdx',
+		compId: 'articles-docs-animating-properties',
+		crumb: 'The basics',
+		noAi: false,
+		slug: 'animating-properties',
+	},
+	{
+		id: 'animation-math',
+		title: 'Animation math',
+		relativePath: 'docs/animation-math.mdx',
+		compId: 'articles-docs-animation-math',
+		crumb: 'Techniques',
+		noAi: false,
+		slug: 'animation-math',
 	},
 	{
 		id: 'animation-utils/index',
@@ -82,6 +131,8 @@ export const articles = [
 		relativePath: 'docs/animation-utils/index.mdx',
 		compId: 'articles-docs-animation-utils-index',
 		crumb: null,
+		noAi: false,
+		slug: 'animation-utils/index',
 	},
 	{
 		id: 'interpolate-styles',
@@ -89,27 +140,80 @@ export const articles = [
 		relativePath: 'docs/animation-utils/interpolate-styles.mdx',
 		compId: 'articles-docs-animation-utils-interpolate-styles',
 		crumb: '@remotion/animation-utils',
+		noAi: false,
+		slug: 'animation-utils/interpolate-styles',
 	},
 	{
-		id: '4-0-alpha',
-		title: 'v4.0 Alpha',
-		relativePath: 'docs/4-0-alpha.mdx',
-		compId: 'articles-docs-4-0-alpha',
-		crumb: 'Version Upgrade',
+		id: 'make-transform',
+		title: 'makeTransform()',
+		relativePath: 'docs/animation-utils/make-transform.mdx',
+		compId: 'articles-docs-animation-utils-make-transform',
+		crumb: '@remotion/animation-utils',
+		noAi: false,
+		slug: 'animation-utils/make-transform',
 	},
 	{
-		id: 'use-video-config',
-		title: 'useVideoConfig()',
-		relativePath: 'docs/use-video-config.mdx',
-		compId: 'articles-docs-use-video-config',
+		id: 'api',
+		title: 'API overview',
+		relativePath: 'docs/api.mdx',
+		compId: 'articles-docs-api',
+		crumb: null,
+		noAi: false,
+		slug: 'api',
+	},
+	{
+		id: 'artifact',
+		title: '<Artifact>',
+		relativePath: 'docs/artifact.mdx',
+		compId: 'articles-docs-artifact',
 		crumb: 'API',
+		noAi: false,
+		slug: 'artifact',
 	},
 	{
-		id: 'legacy-babel',
-		title: 'Using legacy Babel transpilation',
-		relativePath: 'docs/legacy-babel-loader.mdx',
-		compId: 'articles-docs-legacy-babel-loader',
-		crumb: 'How To',
+		id: 'artifacts',
+		title: 'Emitting Artifacts',
+		relativePath: 'docs/artifacts.mdx',
+		compId: 'articles-docs-artifacts',
+		crumb: 'Techniques',
+		noAi: false,
+		slug: 'artifacts',
+	},
+	{
+		id: 'get-help',
+		title: 'Get help',
+		relativePath: 'docs/ask-for-help.mdx',
+		compId: 'articles-docs-ask-for-help',
+		crumb: null,
+		noAi: false,
+		slug: 'get-help',
+	},
+	{
+		id: 'audio-visualization',
+		title: 'Audio visualization',
+		relativePath: 'docs/audio-visualization.mdx',
+		compId: 'articles-docs-audio-visualization',
+		crumb: 'Techniques',
+		noAi: false,
+		slug: 'audio-visualization',
+	},
+	{
+		id: 'audio',
+		title: '<Audio>',
+		relativePath: 'docs/audio.mdx',
+		compId: 'articles-docs-audio',
+		crumb: 'How to',
+		noAi: false,
+		slug: 'audio',
+	},
+	{
+		id: 'audio-buffer-to-data-url',
+		title: 'audioBufferToDataUrl()',
+		relativePath: 'docs/audiobuffertodataurl.mdx',
+		compId: 'articles-docs-audiobuffertodataurl',
+		crumb: '@remotion/media-utils',
+		noAi: false,
+		slug: 'audio-buffer-to-data-url',
 	},
 	{
 		id: 'brownfield',
@@ -117,139 +221,89 @@ export const articles = [
 		relativePath: 'docs/brownfield-installation.mdx',
 		compId: 'articles-docs-brownfield-installation',
 		crumb: 'Brownfield integration',
+		noAi: false,
+		slug: 'brownfield',
 	},
 	{
-		id: 'studio/studio',
-		title: 'Starting the Studio',
-		relativePath: 'docs/studio/studio.mdx',
-		compId: 'articles-docs-studio-studio',
-		crumb: 'Timeline basics',
+		id: 'buffer-state',
+		title: 'Display a buffer state',
+		relativePath: 'docs/buffer-state.mdx',
+		compId: 'articles-docs-buffer-state',
+		crumb: 'Building video apps',
+		noAi: false,
+		slug: 'buffer-state',
 	},
 	{
-		id: 'studio/quick-switcher',
-		title: 'Quick Switcher',
-		relativePath: 'docs/studio/quick-switcher.mdx',
-		compId: 'articles-docs-studio-quick-switcher',
-		crumb: 'Remotion Studio',
+		id: 'building-a-timeline',
+		title: 'Build a timeline-based video editor',
+		relativePath: 'docs/building-a-timeline.mdx',
+		compId: 'articles-docs-building-a-timeline',
+		crumb: 'Building video apps',
+		noAi: false,
+		slug: 'building-a-timeline',
 	},
 	{
-		id: 'studio/restart-studio',
-		title: 'restartStudio()',
-		relativePath: 'docs/studio/restart-studio.mdx',
-		compId: 'articles-docs-studio-restart-studio',
-		crumb: '@remotion/studio',
+		id: 'bun',
+		title: 'Bun support',
+		relativePath: 'docs/bun.mdx',
+		compId: 'articles-docs-bun',
+		crumb: 'bun bun bun bun bun',
+		noAi: false,
+		slug: 'bun',
 	},
 	{
-		id: 'studio/focus-default-props-path',
-		title: 'focusDefaultPropsPath()',
-		relativePath: 'docs/studio/focus-default-props-path.mdx',
-		compId: 'articles-docs-studio-focus-default-props-path',
-		crumb: '@remotion/studio',
+		id: 'bundle',
+		title: 'bundle()',
+		relativePath: 'docs/bundle.mdx',
+		compId: 'articles-docs-bundle',
+		crumb: '@remotion/bundler',
+		noAi: false,
+		slug: 'bundle',
 	},
 	{
-		id: 'studio/save-default-props',
-		title: 'saveDefaultProps()',
-		relativePath: 'docs/studio/save-default-props.mdx',
-		compId: 'articles-docs-studio-save-default-props',
-		crumb: '@remotion/studio',
+		id: 'bundler',
+		title: '@remotion/bundler',
+		relativePath: 'docs/bundler.mdx',
+		compId: 'articles-docs-bundler',
+		crumb: null,
+		noAi: false,
+		slug: 'bundler',
 	},
 	{
-		id: 'studio/deploy-static',
-		title: 'Deploy Remotion Studio as static site',
-		relativePath: 'docs/studio/deploy-static.mdx',
-		compId: 'articles-docs-studio-deploy-static',
-		crumb: 'Remotion Studio',
+		id: 'calculate-metadata',
+		title: 'calculateMetadata()',
+		relativePath: 'docs/calculate-metadata.mdx',
+		compId: 'articles-docs-calculate-metadata',
+		crumb: 'API',
+		noAi: false,
+		slug: 'calculate-metadata',
 	},
 	{
-		id: 'studio/watch-public-folder',
-		title: 'watchPublicFolder()',
-		relativePath: 'docs/studio/watch-public-folder.mdx',
-		compId: 'articles-docs-studio-watch-public-folder',
-		crumb: '@remotion/studio',
-	},
-	{
-		id: 'studio/deploy-server',
-		title: 'Deploy the Remotion Studio on a VPS',
-		relativePath: 'docs/studio/deploy-server.mdx',
-		compId: 'articles-docs-studio-deploy-server',
-		crumb: 'Remotion Studio',
-	},
-	{
-		id: 'studio/get-static-files',
-		title: 'getStaticFiles()',
-		relativePath: 'docs/studio/get-static-files.mdx',
-		compId: 'articles-docs-studio-get-static-files',
-		crumb: '@remotion/studio',
-	},
-	{
-		id: 'studio/watch-static-file',
-		title: 'watchStaticFile()',
-		relativePath: 'docs/studio/watch-static-file.mdx',
-		compId: 'articles-docs-studio-watch-static-file',
-		crumb: '@remotion/studio',
-	},
-	{
-		id: 'studio/shortcuts',
-		title: 'Keyboard navigation',
-		relativePath: 'docs/studio/shortcuts.mdx',
-		compId: 'articles-docs-studio-shortcuts',
-		crumb: 'Remotion Studio',
-	},
-	{
-		id: 'studio/api',
-		title: '@remotion/studio',
-		relativePath: 'docs/studio/api.mdx',
-		compId: 'articles-docs-studio-api',
-		crumb: null,
-	},
-	{
-		id: 'studio/reevaluate-composition',
-		title: 'reevaluateComposition()',
-		relativePath: 'docs/studio/reevaluate-composition.mdx',
-		compId: 'articles-docs-studio-reevaluate-composition',
-		crumb: '@remotion/studio',
-	},
-	{
-		id: 'studio/write-static-file',
-		title: 'writeStaticFile()',
-		relativePath: 'docs/studio/write-static-file.mdx',
-		compId: 'articles-docs-studio-write-static-file',
-		crumb: '@remotion/studio',
-	},
-	{
-		id: 'studio/update-default-props',
-		title: 'updateDefaultProps()',
-		relativePath: 'docs/studio/update-default-props.mdx',
-		compId: 'articles-docs-studio-update-default-props',
-		crumb: '@remotion/studio',
-	},
-	{
-		id: 'studio/delete-static-file',
-		title: 'deleteStaticFile()',
-		relativePath: 'docs/studio/delete-static-file.mdx',
-		compId: 'articles-docs-studio-delete-static-file',
-		crumb: '@remotion/studio',
-	},
-	{
-		id: 'video-uploads',
-		title: 'Handling user video uploads',
-		relativePath: 'docs/video-uploads.mdx',
-		compId: 'articles-docs-video-uploads',
-		crumb: 'Building video apps',
+		id: 'cancel-render',
+		title: 'cancelRender()',
+		relativePath: 'docs/cancel-render.mdx',
+		compId: 'articles-docs-cancel-render',
+		crumb: 'How to',
+		noAi: false,
+		slug: 'cancel-render',
 	},
 	{
-		id: 'bundler',
-		title: '@remotion/bundler',
-		relativePath: 'docs/bundler.mdx',
-		compId: 'articles-docs-bundler',
-		crumb: null,
+		id: 'captions/caption',
+		title: 'Caption',
+		relativePath: 'docs/captions/caption.mdx',
+		compId: 'articles-docs-captions-caption',
+		crumb: '@remotion/captions',
+		noAi: true,
+		slug: 'captions/caption',
 	},
 	{
-		id: 'captions/serialize-srt',
-		title: 'serializeSrt()',
-		relativePath: 'docs/captions/serialize-srt.mdx',
-		compId: 'articles-docs-captions-serialize-srt',
+		id: 'captions/create-tiktok-style-captions',
+		title: 'createTikTokStyleCaptions()',
+		relativePath: 'docs/captions/create-tiktok-style-captions.mdx',
+		compId: 'articles-docs-captions-create-tiktok-style-captions',
 		crumb: '@remotion/captions',
+		noAi: false,
+		slug: 'captions/create-tiktok-style-captions',
 	},
 	{
 		id: 'captions/ensure-max-characters-per-line',
@@ -257,13 +311,8 @@ export const articles = [
 		relativePath: 'docs/captions/ensure-max-characters-per-line.mdx',
 		compId: 'articles-docs-captions-ensure-max-characters-per-line',
 		crumb: '@remotion/captions',
-	},
-	{
-		id: 'captions/parse-srt',
-		title: 'parseSrt()',
-		relativePath: 'docs/captions/parse-srt.mdx',
-		compId: 'articles-docs-captions-parse-srt',
-		crumb: '@remotion/captions',
+		noAi: false,
+		slug: 'captions/ensure-max-characters-per-line',
 	},
 	{
 		id: 'captions/index',
@@ -271,447 +320,764 @@ export const articles = [
 		relativePath: 'docs/captions/index.mdx',
 		compId: 'articles-docs-captions-index',
 		crumb: 'Subtitle videos',
+		noAi: false,
+		slug: 'captions/index',
 	},
 	{
-		id: 'captions/caption',
-		title: 'Caption',
-		relativePath: 'docs/captions/caption.mdx',
-		compId: 'articles-docs-captions-caption',
+		id: 'captions/parse-srt',
+		title: 'parseSrt()',
+		relativePath: 'docs/captions/parse-srt.mdx',
+		compId: 'articles-docs-captions-parse-srt',
 		crumb: '@remotion/captions',
+		noAi: false,
+		slug: 'captions/parse-srt',
 	},
 	{
-		id: 'captions/create-tiktok-style-captions',
-		title: 'createTikTokStyleCaptions()',
-		relativePath: 'docs/captions/create-tiktok-style-captions.mdx',
-		compId: 'articles-docs-captions-create-tiktok-style-captions',
+		id: 'captions/serialize-srt',
+		title: 'serializeSrt()',
+		relativePath: 'docs/captions/serialize-srt.mdx',
+		compId: 'articles-docs-captions-serialize-srt',
 		crumb: '@remotion/captions',
+		noAi: false,
+		slug: 'captions/serialize-srt',
 	},
 	{
-		id: 'using-audio',
-		title: 'Using audio',
-		relativePath: 'docs/using-audio.mdx',
-		compId: 'articles-docs-using-audio',
-		crumb: 'Techniques',
-	},
-	{
-		id: 'get-compositions',
-		title: 'getCompositions()',
-		relativePath: 'docs/renderer/get-compositions.mdx',
-		compId: 'articles-docs-renderer-get-compositions',
-		crumb: '@remotion/renderer',
+		id: 'chromium-flags',
+		title: 'Chromium flags',
+		relativePath: 'docs/chromium-flags.mdx',
+		compId: 'articles-docs-chromium-flags',
+		crumb: 'Tweaks',
+		noAi: false,
+		slug: 'chromium-flags',
 	},
 	{
-		id: 'make-cancel-signal',
-		title: 'makeCancelSignal()',
-		relativePath: 'docs/renderer/make-cancel-signal.mdx',
-		compId: 'articles-docs-renderer-make-cancel-signal',
-		crumb: '@remotion/renderer',
+		id: 'cli/benchmark',
+		title: 'npx remotion benchmark',
+		relativePath: 'docs/cli/benchmark.mdx',
+		compId: 'articles-docs-cli-benchmark',
+		crumb: 'CLI Reference',
+		noAi: false,
+		slug: 'cli/benchmark',
 	},
 	{
-		id: 'extract-audio',
-		title: 'extractAudio()',
-		relativePath: 'docs/renderer/extract-audio.mdx',
-		compId: 'articles-docs-renderer-extract-audio',
-		crumb: '@remotion/renderer',
+		id: 'cli/browser/ensure',
+		title: 'npx remotion browser ensure',
+		relativePath: 'docs/cli/browser/ensure.mdx',
+		compId: 'articles-docs-cli-browser-ensure',
+		crumb: '@remotion/cli',
+		noAi: false,
+		slug: 'cli/browser/ensure',
 	},
 	{
-		id: 'get-video-metadata',
-		title: 'getVideoMetadata()',
-		relativePath: 'docs/renderer/get-video-metadata.mdx',
-		compId: 'articles-docs-renderer-get-video-metadata',
-		crumb: '@remotion/renderer',
+		id: 'cli/browser/index',
+		title: 'npx remotion browser',
+		relativePath: 'docs/cli/browser/index.mdx',
+		compId: 'articles-docs-cli-browser-index',
+		crumb: '@remotion/cli',
+		noAi: false,
+		slug: 'cli/browser/index',
 	},
 	{
-		id: 'select-composition',
-		title: 'selectComposition()',
-		relativePath: 'docs/renderer/select-composition.mdx',
-		compId: 'articles-docs-renderer-select-composition',
-		crumb: '@remotion/renderer',
+		id: 'cli/bundle',
+		title: 'npx remotion bundle',
+		relativePath: 'docs/cli/bundle.mdx',
+		compId: 'articles-docs-cli-bundle',
+		crumb: 'CLI Reference',
+		noAi: false,
+		slug: 'cli/bundle',
 	},
 	{
-		id: 'ensure-ffmpeg',
-		title: 'ensureFfmpeg()',
-		relativePath: 'docs/renderer/ensure-ffmpeg.mdx',
-		compId: 'articles-docs-renderer-ensure-ffmpeg',
-		crumb: '@remotion/renderer',
+		id: 'cli',
+		title: 'Command line reference',
+		relativePath: 'docs/cli/cli.mdx',
+		compId: 'articles-docs-cli-cli',
+		crumb: null,
+		noAi: false,
+		slug: 'cli/cli',
 	},
 	{
-		id: 'get-can-extract-frames-fast',
-		title: 'getCanExtractFramesFast()',
-		relativePath: 'docs/renderer/get-can-extract-frames-fast.mdx',
-		compId: 'articles-docs-renderer-get-can-extract-frames-fast',
-		crumb: '@remotion/renderer',
+		id: 'cli/compositions',
+		title: 'npx remotion compositions',
+		relativePath: 'docs/cli/compositions.mdx',
+		compId: 'articles-docs-cli-compositions',
+		crumb: 'CLI Reference',
+		noAi: false,
+		slug: 'cli/compositions',
 	},
 	{
-		id: 'get-silent-parts',
-		title: 'getSilentParts()',
-		relativePath: 'docs/renderer/get-silent-parts.mdx',
-		compId: 'articles-docs-renderer-get-silent-parts',
-		crumb: '@remotion/renderer',
+		id: 'ffmpeg',
+		title: 'npx remotion ffmpeg',
+		relativePath: 'docs/cli/ffmpeg.mdx',
+		compId: 'articles-docs-cli-ffmpeg',
+		crumb: '@remotion/cli',
+		noAi: false,
+		slug: 'cli/ffmpeg',
 	},
 	{
-		id: 'open-browser',
-		title: 'openBrowser()',
-		relativePath: 'docs/renderer/open-browser.mdx',
-		compId: 'articles-docs-renderer-open-browser',
-		crumb: '@remotion/renderer',
+		id: 'ffprobe',
+		title: 'npx remotion ffprobe',
+		relativePath: 'docs/cli/ffprobe.mdx',
+		compId: 'articles-docs-cli-ffprobe',
+		crumb: '@remotion/cli',
+		noAi: false,
+		slug: 'cli/ffprobe',
 	},
 	{
-		id: 'stitch-frames-to-video',
-		title: 'stitchFramesToVideo()',
-		relativePath: 'docs/renderer/stitch-frames-to-video.mdx',
-		compId: 'articles-docs-renderer-stitch-frames-to-video',
-		crumb: '@remotion/renderer',
+		id: 'cli/gpu',
+		title: 'npx remotion gpu',
+		relativePath: 'docs/cli/gpu.mdx',
+		compId: 'articles-docs-cli-gpu',
+		crumb: 'CLI Reference',
+		noAi: false,
+		slug: 'cli/gpu',
 	},
 	{
-		id: 'ensure-ffprobe',
-		title: 'ensureFfprobe()',
-		relativePath: 'docs/renderer/ensure-ffprobe.mdx',
-		compId: 'articles-docs-renderer-ensure-ffprobe',
-		crumb: '@remotion/renderer',
+		id: 'cli/help',
+		title: 'npx remotion help',
+		relativePath: 'docs/cli/help.mdx',
+		compId: 'articles-docs-cli-help',
+		crumb: 'CLI Reference',
+		noAi: false,
+		slug: 'cli/help',
 	},
 	{
-		id: 'render-media',
-		title: 'renderMedia()',
-		relativePath: 'docs/renderer/render-media.mdx',
-		compId: 'articles-docs-renderer-render-media',
-		crumb: '@remotion/renderer',
+		id: 'cli/install',
+		title: 'npx remotion install',
+		relativePath: 'docs/cli/install.mdx',
+		compId: 'articles-docs-cli-install',
+		crumb: 'CLI Reference',
+		noAi: false,
+		slug: 'cli/install',
 	},
 	{
-		id: 'ensure-browser',
-		title: 'ensureBrowser()',
-		relativePath: 'docs/renderer/ensure-browser.mdx',
-		compId: 'articles-docs-renderer-ensure-browser',
-		crumb: '@remotion/renderer',
+		id: 'cli/render',
+		title: 'npx remotion render',
+		relativePath: 'docs/cli/render.mdx',
+		compId: 'articles-docs-cli-render',
+		crumb: 'CLI Reference',
+		noAi: false,
+		slug: 'cli/render',
 	},
 	{
-		id: 'render-still',
-		title: 'renderStill()',
-		relativePath: 'docs/renderer/render-still.mdx',
-		compId: 'articles-docs-renderer-render-still',
-		crumb: '@remotion/renderer',
+		id: 'cli/still',
+		title: 'npx remotion still',
+		relativePath: 'docs/cli/still.mdx',
+		compId: 'articles-docs-cli-still',
+		crumb: 'CLI Reference',
+		noAi: false,
+		slug: 'cli/still',
 	},
 	{
-		id: 'render-frames',
-		title: 'renderFrames()',
-		relativePath: 'docs/renderer/render-frames.mdx',
-		compId: 'articles-docs-renderer-render-frames',
-		crumb: '@remotion/renderer',
+		id: 'cli/studio',
+		title: 'npx remotion studio',
+		relativePath: 'docs/cli/studio.mdx',
+		compId: 'articles-docs-cli-studio',
+		crumb: 'CLI Reference',
+		noAi: false,
+		slug: 'cli/studio',
 	},
 	{
-		id: 'metadata',
-		title: 'Setting video metadata',
-		relativePath: 'docs/metadata.mdx',
-		compId: 'articles-docs-metadata',
-		crumb: 'Techniques',
+		id: 'cli/upgrade',
+		title: 'npx remotion upgrade',
+		relativePath: 'docs/cli/upgrade.mdx',
+		compId: 'articles-docs-cli-upgrade',
+		crumb: 'CLI Reference',
+		noAi: false,
+		slug: 'cli/upgrade',
 	},
 	{
-		id: 'vue',
-		title: 'Using Remotion in Vue',
-		relativePath: 'docs/vue.mdx',
-		compId: 'articles-docs-vue',
-		crumb: 'Integrations',
+		id: 'cli/versions',
+		title: 'npx remotion versions',
+		relativePath: 'docs/cli/versions.mdx',
+		compId: 'articles-docs-cli-versions',
+		crumb: 'CLI Reference',
+		noAi: false,
+		slug: 'cli/versions',
 	},
 	{
-		id: 'bundle',
-		title: 'bundle()',
-		relativePath: 'docs/bundle.mdx',
-		compId: 'articles-docs-bundle',
-		crumb: '@remotion/bundler',
+		id: 'clipper',
+		title: '<Experimental.Clipper>',
+		relativePath: 'docs/clipper.mdx',
+		compId: 'articles-docs-clipper',
+		crumb: 'Experimental API',
+		noAi: false,
+		slug: 'clipper',
 	},
 	{
-		id: 'img',
-		title: '<Img>',
-		relativePath: 'docs/img.mdx',
-		compId: 'articles-docs-img',
-		crumb: 'API',
+		id: 'cloudrun/api',
+		title: '@remotion/cloudrun',
+		relativePath: 'docs/cloudrun/api.mdx',
+		compId: 'articles-docs-cloudrun-api',
+		crumb: 'Render videos without servers on GCP',
+		noAi: false,
+		slug: 'cloudrun/api',
 	},
 	{
-		id: 'encoding',
-		title: 'Encoding Guide',
-		relativePath: 'docs/encoding.mdx',
-		compId: 'articles-docs-encoding',
-		crumb: 'Codecs and more',
+		id: 'checklist',
+		title: 'Production Checklist',
+		relativePath: 'docs/cloudrun/checklist.mdx',
+		compId: 'articles-docs-cloudrun-checklist',
+		crumb: 'Cloud Run',
+		noAi: false,
+		slug: 'cloudrun/checklist',
 	},
 	{
-		id: 'get-remotion-environment',
-		title: 'getRemotionEnvironment()',
-		relativePath: 'docs/get-remotion-environment.mdx',
-		compId: 'articles-docs-get-remotion-environment',
-		crumb: 'API',
+		id: 'permissions',
+		title: 'npx remotion cloudrun permissions',
+		relativePath: 'docs/cloudrun/cli/permissions.mdx',
+		compId: 'articles-docs-cloudrun-cli-permissions',
+		crumb: 'Cloud Run CLI Reference',
+		noAi: false,
+		slug: 'cloudrun/cli/permissions',
 	},
 	{
-		id: 'sequence',
-		title: '<Sequence>',
-		relativePath: 'docs/sequence.mdx',
-		compId: 'articles-docs-sequence',
-		crumb: 'API',
+		id: 'regions',
+		title: 'npx remotion cloudrun regions',
+		relativePath: 'docs/cloudrun/cli/regions.mdx',
+		compId: 'articles-docs-cloudrun-cli-regions',
+		crumb: 'Cloud Run CLI Reference',
+		noAi: false,
+		slug: 'cloudrun/cli/regions',
 	},
 	{
-		id: 'the-fundamentals',
-		title: 'The fundamentals',
-		relativePath: 'docs/the-fundamentals.mdx',
-		compId: 'articles-docs-the-fundamentals',
-		crumb: 'Getting started',
+		id: 'render',
+		title: 'npx remotion cloudrun render',
+		relativePath: 'docs/cloudrun/cli/render.mdx',
+		compId: 'articles-docs-cloudrun-cli-render',
+		crumb: 'Cloud Run CLI Reference',
+		noAi: false,
+		slug: 'cloudrun/cli/render',
 	},
 	{
-		id: 'ssr',
-		title: 'Server-Side Rendering',
-		relativePath: 'docs/ssr.mdx',
-		compId: 'articles-docs-ssr',
-		crumb: 'The power of',
+		id: 'services',
+		title: 'npx remotion cloudrun services',
+		relativePath: 'docs/cloudrun/cli/services.mdx',
+		compId: 'articles-docs-cloudrun-cli-services',
+		crumb: 'Cloud Run CLI Reference',
+		noAi: false,
+		slug: 'cloudrun/cli/services',
 	},
 	{
-		id: 'after-effects',
-		title: 'Import from After Effects',
-		relativePath: 'docs/after-effects.mdx',
-		compId: 'articles-docs-after-effects',
-		crumb: 'Integrations',
+		id: 'sites',
+		title: 'npx remotion cloudrun sites',
+		relativePath: 'docs/cloudrun/cli/sites.mdx',
+		compId: 'articles-docs-cloudrun-cli-sites',
+		crumb: 'Cloud Run CLI Reference',
+		noAi: false,
+		slug: 'cloudrun/cli/sites',
 	},
 	{
-		id: 'assets',
-		title: 'Importing assets',
-		relativePath: 'docs/importing-assets.mdx',
-		compId: 'articles-docs-importing-assets',
-		crumb: 'How To',
+		id: 'still',
+		title: 'npx remotion cloudrun still',
+		relativePath: 'docs/cloudrun/cli/still.mdx',
+		compId: 'articles-docs-cloudrun-cli-still',
+		crumb: 'Cloud Run CLI Reference',
+		noAi: false,
+		slug: 'cloudrun/cli/still',
 	},
 	{
-		id: 'get-video-metadata',
-		title: 'getVideoMetadata()',
-		relativePath: 'docs/get-video-metadata.mdx',
-		compId: 'articles-docs-get-video-metadata',
-		crumb: '@remotion/media-utils',
+		id: 'cli',
+		title: '@remotion/cloudrun - CLI',
+		relativePath: 'docs/cloudrun/cli.mdx',
+		compId: 'articles-docs-cloudrun-cli',
+		crumb: null,
+		noAi: false,
+		slug: 'cloudrun/cli',
 	},
 	{
-		id: 'media-playback-error',
-		title: 'Could not play video/audio with src',
-		relativePath: 'docs/media-playback-error.mdx',
-		compId: 'articles-docs-media-playback-error',
-		crumb: 'Troubleshooting',
+		id: 'deleteservice',
+		title: 'deleteService()',
+		relativePath: 'docs/cloudrun/deleteservice.mdx',
+		compId: 'articles-docs-cloudrun-deleteservice',
+		crumb: 'Cloud Run API',
+		noAi: false,
+		slug: 'cloudrun/deleteservice',
 	},
 	{
-		id: 'media-fragments',
-		title: '#t= Media Fragments',
-		relativePath: 'docs/media-fragments.mdx',
-		compId: 'articles-docs-media-fragments',
-		crumb: 'Video behavior',
+		id: 'deletesite',
+		title: 'deleteSite()',
+		relativePath: 'docs/cloudrun/deletesite.mdx',
+		compId: 'articles-docs-cloudrun-deletesite',
+		crumb: 'Cloud Run API',
+		noAi: false,
+		slug: 'cloudrun/deletesite',
+	},
+	{
+		id: 'deployservice',
+		title: 'deployService()',
+		relativePath: 'docs/cloudrun/deployservice.mdx',
+		compId: 'articles-docs-cloudrun-deployservice',
+		crumb: 'Cloud Run API',
+		noAi: false,
+		slug: 'cloudrun/deployservice',
+	},
+	{
+		id: 'deploysite',
+		title: 'deploySite()',
+		relativePath: 'docs/cloudrun/deploysite.mdx',
+		compId: 'articles-docs-cloudrun-deploysite',
+		crumb: 'Cloud Run API',
+		noAi: false,
+		slug: 'cloudrun/deploysite',
+	},
+	{
+		id: 'generate-env',
+		title: 'Generate .env File',
+		relativePath: 'docs/cloudrun/generate-env.mdx',
+		compId: 'articles-docs-cloudrun-generate-env',
+		crumb: 'Cloud Run',
+		noAi: false,
+		slug: 'cloudrun/generate-env',
+	},
+	{
+		id: 'getserviceinfo',
+		title: 'getServiceInfo()',
+		relativePath: 'docs/cloudrun/getServiceinfo.mdx',
+		compId: 'articles-docs-cloudrun-getServiceinfo',
+		crumb: 'Cloud Run API',
+		noAi: false,
+		slug: 'cloudrun/getserviceinfo',
+	},
+	{
+		id: 'getorcreatebucket',
+		title: 'getOrCreateBucket()',
+		relativePath: 'docs/cloudrun/getorcreatebucket.mdx',
+		compId: 'articles-docs-cloudrun-getorcreatebucket',
+		crumb: 'Cloud Run API',
+		noAi: false,
+		slug: 'cloudrun/getorcreatebucket',
+	},
+	{
+		id: 'getregions',
+		title: 'getRegions()',
+		relativePath: 'docs/cloudrun/getregions.mdx',
+		compId: 'articles-docs-cloudrun-getregions',
+		crumb: 'Cloud Run API',
+		noAi: false,
+		slug: 'cloudrun/getregions',
+	},
+	{
+		id: 'getservices',
+		title: 'getServices()',
+		relativePath: 'docs/cloudrun/getservices.mdx',
+		compId: 'articles-docs-cloudrun-getservices',
+		crumb: 'Cloud Run API',
+		noAi: false,
+		slug: 'cloudrun/getservices',
+	},
+	{
+		id: 'getsites',
+		title: 'getSites()',
+		relativePath: 'docs/cloudrun/getsites.mdx',
+		compId: 'articles-docs-cloudrun-getsites',
+		crumb: 'Cloud Run API',
+		noAi: false,
+		slug: 'cloudrun/getsites',
+	},
+	{
+		id: 'instancecount',
+		title: 'Instance Count',
+		relativePath: 'docs/cloudrun/instancecount.mdx',
+		compId: 'articles-docs-cloudrun-instancecount',
+		crumb: 'Cloud Run',
+		noAi: false,
+		slug: 'cloudrun/instancecount',
+	},
+	{
+		id: 'cloudrun/light-client',
+		title: 'Light client',
+		relativePath: 'docs/cloudrun/light-client.mdx',
+		compId: 'articles-docs-cloudrun-light-client',
+		crumb: 'Cloud Run',
+		noAi: false,
+		slug: 'cloudrun/light-client',
+	},
+	{
+		id: 'cloudrun/limits',
+		title: 'Cloud Run Limits',
+		relativePath: 'docs/cloudrun/limits.mdx',
+		compId: 'articles-docs-cloudrun-limits',
+		crumb: 'Cloud Run',
+		noAi: false,
+		slug: 'cloudrun/limits',
+	},
+	{
+		id: 'cloudrun/multiple-buckets',
+		title: 'Multiple buckets in Remotion Cloud Run',
+		relativePath: 'docs/cloudrun/multiple-buckets.mdx',
+		compId: 'articles-docs-cloudrun-multiple-buckets',
+		crumb: '@remotion/cloudrun',
+		noAi: false,
+		slug: 'cloudrun/multiple-buckets',
+	},
+	{
+		id: 'cloudrun/permissions',
+		title: 'Permissions',
+		relativePath: 'docs/cloudrun/permissions.mdx',
+		compId: 'articles-docs-cloudrun-permissions',
+		crumb: 'Cloud Run',
+		noAi: false,
+		slug: 'cloudrun/permissions',
+	},
+	{
+		id: 'region-selection',
+		title: 'Region selection',
+		relativePath: 'docs/cloudrun/region-selection.mdx',
+		compId: 'articles-docs-cloudrun-region-selection',
+		crumb: 'Cloud Run',
+		noAi: false,
+		slug: 'cloudrun/region-selection',
+	},
+	{
+		id: 'rendermediaoncloudrun',
+		title: 'renderMediaOnCloudrun()',
+		relativePath: 'docs/cloudrun/rendermediaoncloudrun.mdx',
+		compId: 'articles-docs-cloudrun-rendermediaoncloudrun',
+		crumb: 'Cloud Run API',
+		noAi: false,
+		slug: 'cloudrun/rendermediaoncloudrun',
+	},
+	{
+		id: 'renderstilloncloudrun',
+		title: 'renderStillOnCloudrun()',
+		relativePath: 'docs/cloudrun/renderstilloncloudrun.mdx',
+		compId: 'articles-docs-cloudrun-renderstilloncloudrun',
+		crumb: 'Cloud Run API',
+		noAi: false,
+		slug: 'cloudrun/renderstilloncloudrun',
+	},
+	{
+		id: 'setup',
+		title: 'Setup',
+		relativePath: 'docs/cloudrun/setup.mdx',
+		compId: 'articles-docs-cloudrun-setup',
+		crumb: 'Cloud Run',
+		noAi: false,
+		slug: 'cloudrun/setup',
+	},
+	{
+		id: 'speculateservicename',
+		title: 'speculateServiceName()',
+		relativePath: 'docs/cloudrun/speculateservicename.mdx',
+		compId: 'articles-docs-cloudrun-speculateservicename',
+		crumb: 'Cloud Run API',
+		noAi: false,
+		slug: 'cloudrun/speculateservicename',
+	},
+	{
+		id: 'testpermissions',
+		title: 'testPermissions()',
+		relativePath: 'docs/cloudrun/testpermissions.mdx',
+		compId: 'articles-docs-cloudrun-testpermissions',
+		crumb: 'Cloud Run API',
+		noAi: false,
+		slug: 'cloudrun/testpermissions',
+	},
+	{
+		id: 'uninstall',
+		title: 'Uninstall Cloud Run',
+		relativePath: 'docs/cloudrun/uninstall.mdx',
+		compId: 'articles-docs-cloudrun-uninstall',
+		crumb: null,
+		noAi: false,
+		slug: 'cloudrun/uninstall',
+	},
+	{
+		id: 'upgrading',
+		title: 'Upgrading Cloud Run',
+		relativePath: 'docs/cloudrun/upgrading.mdx',
+		compId: 'articles-docs-cloudrun-upgrading',
+		crumb: null,
+		noAi: false,
+		slug: 'cloudrun/upgrading',
+	},
+	{
+		id: 'cloudrun-alpha',
+		title: 'Cloud Run Alpha',
+		relativePath: 'docs/cloudrun-alpha.mdx',
+		compId: 'articles-docs-cloudrun-alpha',
+		crumb: 'Version Upgrade',
+		noAi: false,
+		slug: 'cloudrun-alpha',
 	},
 	{
-		id: 'staticfile-relative-paths',
-		title: 'staticFile() does not support relative paths',
-		relativePath: 'docs/static-file-relative-paths.mdx',
-		compId: 'articles-docs-static-file-relative-paths',
-		crumb: 'Troubleshooting',
+		id: 'cloudrun',
+		title: '@remotion/cloudrun',
+		relativePath: 'docs/cloudrun.mdx',
+		compId: 'articles-docs-cloudrun',
+		crumb: null,
+		noAi: false,
+		slug: 'cloudrun',
 	},
 	{
-		id: 'interpolate',
-		title: 'interpolate()',
-		relativePath: 'docs/interpolate.mdx',
-		compId: 'articles-docs-interpolate',
-		crumb: 'API',
+		id: 'compare/motion-canvas',
+		title: 'How does Remotion compare to Motion Canvas?',
+		relativePath: 'docs/compare/motion-canvas.mdx',
+		compId: 'articles-docs-compare-motion-canvas',
+		crumb: 'FAQ',
+		noAi: false,
+		slug: 'compare/motion-canvas',
 	},
 	{
-		id: 'render-as-gif',
-		title: 'Rendering GIFs',
-		relativePath: 'docs/render-as-gif.mdx',
-		compId: 'articles-docs-render-as-gif',
-		crumb: 'Techniques',
+		id: 'compare-ssr',
+		title: 'Comparison of server-side rendering options',
+		relativePath: 'docs/compare.mdx',
+		compId: 'articles-docs-compare',
+		crumb: 'Compare',
+		noAi: false,
+		slug: 'compare-ssr',
 	},
 	{
-		id: 'webpack-dynamic-imports',
-		title: 'Webpack dynamic imports',
-		relativePath: 'docs/dynamic-import.mdx',
-		compId: 'articles-docs-dynamic-import',
-		crumb: 'Knowledge Base',
+		id: 'composition',
+		title: '<Composition>',
+		relativePath: 'docs/composition.mdx',
+		compId: 'articles-docs-composition',
+		crumb: 'API',
+		noAi: false,
+		slug: 'composition',
 	},
 	{
-		id: 'terminology/studio',
-		title: 'Remotion Studio',
-		relativePath: 'docs/terminology/studio.mdx',
-		compId: 'articles-docs-terminology-studio',
-		crumb: 'Terminology',
+		id: 'config',
+		title: 'Configuration file',
+		relativePath: 'docs/config.mdx',
+		compId: 'articles-docs-config',
+		crumb: 'remotion.config.ts',
+		noAi: false,
+		slug: 'config',
 	},
 	{
-		id: 'terminology/bundle',
-		title: 'Remotion Bundle',
-		relativePath: 'docs/terminology/bundle.mdx',
-		compId: 'articles-docs-terminology-bundle',
-		crumb: 'Terminology',
+		id: 'continue-render',
+		title: 'continueRender()',
+		relativePath: 'docs/continue-render.mdx',
+		compId: 'articles-docs-continue-render',
+		crumb: 'API',
+		noAi: false,
+		slug: 'continue-render',
 	},
 	{
-		id: 'terminology/sequence',
-		title: 'Sequence',
-		relativePath: 'docs/terminology/sequence.mdx',
-		compId: 'articles-docs-terminology-sequence',
-		crumb: 'Terminology',
+		id: 'contributing/bounty',
+		title: 'Take and solve bounty issues',
+		relativePath: 'docs/contributing/bounty.mdx',
+		compId: 'articles-docs-contributing-bounty',
+		crumb: 'Contributing',
+		noAi: false,
+		slug: 'contributing/bounty',
 	},
 	{
-		id: 'terminology/concurrency',
-		title: 'Concurrency',
-		relativePath: 'docs/terminology/concurrency.mdx',
-		compId: 'articles-docs-terminology-concurrency',
-		crumb: 'Terminology',
+		id: 'contributing/docs',
+		title: 'Contributing to the documentation',
+		relativePath: 'docs/contributing/docs.mdx',
+		compId: 'articles-docs-contributing-docs',
+		crumb: 'Contributing',
+		noAi: false,
+		slug: 'contributing/docs',
 	},
 	{
-		id: 'terminology/entry-point',
-		title: 'Entry point',
-		relativePath: 'docs/terminology/entry-point.mdx',
-		compId: 'articles-docs-terminology-entry-point',
-		crumb: 'Terminology',
+		id: 'contributing/feature',
+		title: 'Implementing a new feature',
+		relativePath: 'docs/contributing/feature.mdx',
+		compId: 'articles-docs-contributing-feature',
+		crumb: 'Contributing',
+		noAi: false,
+		slug: 'contributing/feature',
 	},
 	{
-		id: 'terminology/player',
-		title: 'Remotion Player',
-		relativePath: 'docs/terminology/player.mdx',
-		compId: 'articles-docs-terminology-player',
-		crumb: 'Terminology',
+		id: 'contributing/formatting',
+		title: 'Formatting in the Remotion repo',
+		relativePath: 'docs/contributing/formatting.mdx',
+		compId: 'articles-docs-contributing-formatting',
+		crumb: 'Contributing',
+		noAi: false,
+		slug: 'contributing/formatting',
 	},
 	{
-		id: 'terminology/cloud-run-url',
-		title: 'Cloud Run URL',
-		relativePath: 'docs/terminology/cloud-run-url.mdx',
-		compId: 'articles-docs-terminology-cloud-run-url',
-		crumb: 'Terminology',
+		id: 'contributing/index',
+		title: 'Contributing to Remotion',
+		relativePath: 'docs/contributing/index.mdx',
+		compId: 'articles-docs-contributing-index',
+		crumb: 'How to be awesome',
+		noAi: false,
+		slug: 'contributing/index',
 	},
 	{
-		id: 'terminology/input-props',
-		title: 'Input Props',
-		relativePath: 'docs/terminology/input-props.mdx',
-		compId: 'articles-docs-terminology-input-props',
-		crumb: 'Terminology',
+		id: 'contributing/ineligible',
+		title: 'Ineligible for bounties',
+		relativePath: 'docs/contributing/ineligible.mdx',
+		compId: 'articles-docs-contributing-ineligible',
+		crumb: 'Contributing',
+		noAi: false,
+		slug: 'contributing/ineligible',
 	},
 	{
-		id: 'terminology/public-dir',
-		title: 'Public directory',
-		relativePath: 'docs/terminology/public-dir.mdx',
-		compId: 'articles-docs-terminology-public-dir',
-		crumb: 'Terminology',
+		id: 'contributing/option',
+		title: 'Implementing a new option',
+		relativePath: 'docs/contributing/option.mdx',
+		compId: 'articles-docs-contributing-option',
+		crumb: 'Contributing',
+		noAi: false,
+		slug: 'contributing/option',
 	},
 	{
-		id: 'terminology/root-file',
-		title: 'Root file',
-		relativePath: 'docs/terminology/root-file.mdx',
-		compId: 'articles-docs-terminology-root-file',
-		crumb: 'Terminology',
+		id: 'contributing/presentation',
+		title: 'Contribute your own presentation',
+		relativePath: 'docs/contributing/presentation.mdx',
+		compId: 'articles-docs-contributing-presentation',
+		crumb: 'Contributing',
+		noAi: false,
+		slug: 'contributing/presentation',
 	},
 	{
-		id: 'terminology/service-name',
-		title: 'Service Name',
-		relativePath: 'docs/terminology/service-name.mdx',
-		compId: 'articles-docs-terminology-service-name',
-		crumb: 'Terminology',
+		id: 'contributing/rust',
+		title: 'Contributing Rust code',
+		relativePath: 'docs/contributing/rust.mdx',
+		compId: 'articles-docs-contributing-rust',
+		crumb: 'Contributing',
+		noAi: false,
+		slug: 'contributing/rust',
 	},
 	{
-		id: 'terminology/serve-url',
-		title: 'Serve URL',
-		relativePath: 'docs/terminology/serve-url.mdx',
-		compId: 'articles-docs-terminology-serve-url',
-		crumb: 'Terminology',
+		id: 'authoring-packages',
+		title: 'Authoring a Remotion library',
+		relativePath: 'docs/creating-a-library.mdx',
+		compId: 'articles-docs-creating-a-library',
+		crumb: 'How to',
+		noAi: false,
+		slug: 'authoring-packages',
 	},
 	{
-		id: 'terminology/composition',
-		title: 'Composition',
-		relativePath: 'docs/terminology/composition.mdx',
-		compId: 'articles-docs-terminology-composition',
-		crumb: 'Terminology',
+		id: 'data-fetching',
+		title: 'Data fetching',
+		relativePath: 'docs/data-fetching.mdx',
+		compId: 'articles-docs-data-fetching',
+		crumb: 'How to',
+		noAi: false,
+		slug: 'data-fetching',
 	},
 	{
-		id: 'terminology/remotion-root',
-		title: 'Remotion Root',
-		relativePath: 'docs/terminology/remotion-root.mdx',
-		compId: 'articles-docs-terminology-remotion-root',
-		crumb: 'Terminology',
+		id: 'dataset-render',
+		title: 'Render videos programmatically from a dataset',
+		relativePath: 'docs/dataset-render.mdx',
+		compId: 'articles-docs-dataset-render',
+		crumb: 'Tutorials',
+		noAi: false,
+		slug: 'dataset-render',
 	},
 	{
-		id: 'motion-blur/common-mistake',
-		title: 'Common mistake with <MotionBlur> and <Trail>',
-		relativePath: 'docs/motion-blur/common-mistake.mdx',
-		compId: 'articles-docs-motion-blur-common-mistake',
-		crumb: null,
+		id: 'delay-render',
+		title: 'delayRender() and continueRender()',
+		relativePath: 'docs/delay-render.mdx',
+		compId: 'articles-docs-delay-render',
+		crumb: 'How to',
+		noAi: false,
+		slug: 'delay-render',
 	},
 	{
-		id: 'motion-blur/camera-motion-blur',
-		title: '<CameraMotionBlur>',
-		relativePath: 'docs/motion-blur/camera-motion-blur.mdx',
-		compId: 'articles-docs-motion-blur-camera-motion-blur',
-		crumb: 'Realistic camera effect',
+		id: 'deno',
+		title: 'Deno support',
+		relativePath: 'docs/deno.mdx',
+		compId: 'articles-docs-deno',
+		crumb: 'Runtime support',
+		noAi: false,
+		slug: 'deno',
 	},
 	{
-		id: 'motion-blur/index',
-		title: '@remotion/motion-blur',
-		relativePath: 'docs/motion-blur/index.mdx',
-		compId: 'articles-docs-motion-blur-index',
-		crumb: null,
+		id: 'docker',
+		title: 'Dockerizing a Remotion app',
+		relativePath: 'docs/docker.mdx',
+		compId: 'articles-docs-docker',
+		crumb: 'Building video apps',
+		noAi: false,
+		slug: 'docker',
 	},
 	{
-		id: 'motion-blur/motion-blur',
-		title: '<MotionBlur>',
-		relativePath: 'docs/motion-blur/motion-blur.mdx',
-		compId: 'articles-docs-motion-blur-motion-blur',
-		crumb: null,
+		id: 'webpack-dynamic-imports',
+		title: 'Webpack dynamic imports',
+		relativePath: 'docs/dynamic-import.mdx',
+		compId: 'articles-docs-dynamic-import',
+		crumb: 'Knowledge Base',
+		noAi: false,
+		slug: 'webpack-dynamic-imports',
 	},
 	{
-		id: 'motion-blur/trail',
-		title: '<Trail>',
-		relativePath: 'docs/motion-blur/trail.mdx',
-		compId: 'articles-docs-motion-blur-trail',
-		crumb: 'Motion blur',
+		id: 'dynamic-metadata',
+		title: 'Variable duration and dimensions',
+		relativePath: 'docs/dynamic-metadata.mdx',
+		compId: 'articles-docs-dynamic-metadata',
+		crumb: 'How To',
+		noAi: false,
+		slug: 'dynamic-metadata',
 	},
 	{
-		id: 'studio-into-app',
-		title: 'Converting a Remotion project to an app',
-		relativePath: 'docs/studio-app.mdx',
-		compId: 'articles-docs-studio-app',
-		crumb: 'Converting Remotion Projects',
+		id: 'easing',
+		title: 'Easing',
+		relativePath: 'docs/easing.mdx',
+		compId: 'articles-docs-easing',
+		crumb: 'API',
+		noAi: false,
+		slug: 'easing',
 	},
 	{
-		id: 'freeze',
-		title: '<Freeze>',
-		relativePath: 'docs/freeze.mdx',
-		compId: 'articles-docs-freeze',
-		crumb: 'API',
+		id: 'enable-scss/enable-scss',
+		title: 'enableScss()',
+		relativePath: 'docs/enable-scss/enable-scss.mdx',
+		compId: 'articles-docs-enable-scss-enable-scss',
+		crumb: '@remotion/enable-scss',
+		noAi: false,
+		slug: 'enable-scss/enable-scss',
 	},
 	{
-		id: 'terminology',
-		title: 'Terminology',
-		relativePath: 'docs/terminology.mdx',
-		compId: 'articles-docs-terminology',
-		crumb: 'The Remotion dictionary',
+		id: 'enable-scss/overview',
+		title: '@remotion/enable-scss',
+		relativePath: 'docs/enable-scss/overview.mdx',
+		compId: 'articles-docs-enable-scss-overview',
+		crumb: null,
+		noAi: false,
+		slug: 'enable-scss/overview',
 	},
 	{
-		id: 'data-fetching',
-		title: 'Data fetching',
-		relativePath: 'docs/data-fetching.mdx',
-		compId: 'articles-docs-data-fetching',
-		crumb: 'How to',
+		id: 'enametoolong',
+		title: 'ENAMETOOLONG',
+		relativePath: 'docs/enametoolong.mdx',
+		compId: 'articles-docs-enametoolong',
+		crumb: 'Troubleshooting',
+		noAi: false,
+		slug: 'enametoolong',
 	},
 	{
-		id: 'target-closed',
-		title: "'Target closed' error message",
-		relativePath: 'docs/target-closed.mdx',
-		compId: 'articles-docs-target-closed',
-		crumb: 'Troubleshooting',
+		id: 'encoding',
+		title: 'Encoding Guide',
+		relativePath: 'docs/encoding.mdx',
+		compId: 'articles-docs-encoding',
+		crumb: 'Codecs and more',
+		noAi: false,
+		slug: 'encoding',
 	},
 	{
-		id: 'use-windowed-audio-data',
-		title: 'useWindowedAudioData()',
-		relativePath: 'docs/use-windowed-audio-data.mdx',
-		compId: 'articles-docs-use-windowed-audio-data',
-		crumb: '@remotion/media-utils',
+		id: 'env-variables',
+		title: 'Environment variables',
+		relativePath: 'docs/env-variables.mdx',
+		compId: 'articles-docs-env-variables',
+		crumb: 'How To',
+		noAi: false,
+		slug: 'env-variables',
 	},
 	{
-		id: 'wrong-composition-mount',
-		title: 'Wrongly mounted <Composition>',
-		relativePath: 'docs/wrong-composition-mount.mdx',
-		compId: 'articles-docs-wrong-composition-mount',
-		crumb: 'Troubleshooting',
+		id: 'ffmpeg',
+		title: 'Installing FFmpeg',
+		relativePath: 'docs/ffmpeg.mdx',
+		compId: 'articles-docs-ffmpeg',
+		crumb: "(you don't have to)",
+		noAi: false,
+		slug: 'ffmpeg',
 	},
 	{
-		id: 'angular',
-		title: 'Using Remotion in Angular',
-		relativePath: 'docs/angular.mdx',
-		compId: 'articles-docs-angular',
-		crumb: 'Integrations',
+		id: 'figma',
+		title: 'Import from Figma',
+		relativePath: 'docs/figma.mdx',
+		compId: 'articles-docs-figma',
+		crumb: 'The best of both',
+		noAi: false,
+		slug: 'figma',
 	},
 	{
 		id: 'flickering',
@@ -719,146 +1085,215 @@ export const articles = [
 		relativePath: 'docs/flickering.mdx',
 		compId: 'articles-docs-flickering',
 		crumb: 'How to avoid',
+		noAi: false,
+		slug: 'flickering',
 	},
 	{
-		id: 'get-available-emoji',
-		title: 'getAvailableEmoji()',
-		relativePath: 'docs/animated-emoji/get-available-emoji.mdx',
-		compId: 'articles-docs-animated-emoji-get-available-emoji',
-		crumb: '@remotion/animated-emoji',
+		id: 'folder',
+		title: '<Folder>',
+		relativePath: 'docs/folder.mdx',
+		compId: 'articles-docs-folder',
+		crumb: 'API',
+		noAi: false,
+		slug: 'folder',
 	},
 	{
-		id: 'animated-emoji/index',
-		title: '@remotion/animated-emoji',
-		relativePath: 'docs/animated-emoji/index.mdx',
-		compId: 'articles-docs-animated-emoji-index',
+		id: 'font-picker',
+		title: 'Build a Google Font picker',
+		relativePath: 'docs/font-picker.mdx',
+		compId: 'articles-docs-font-picker',
+		crumb: 'Building video apps',
+		noAi: false,
+		slug: 'font-picker',
+	},
+	{
+		id: 'fonts-api',
+		title: '@remotion/fonts',
+		relativePath: 'docs/fonts-api/index.mdx',
+		compId: 'articles-docs-fonts-api-index',
 		crumb: null,
+		noAi: false,
+		slug: 'fonts-api/fonts-api',
 	},
 	{
-		id: 'animated-emoji',
-		title: '<AnimatedEmoji>',
-		relativePath: 'docs/animated-emoji/animated-emoji.mdx',
-		compId: 'articles-docs-animated-emoji-animated-emoji',
-		crumb: '@remotion/animated-emoji',
+		id: 'fonts-api/load-font',
+		title: 'loadFont()',
+		relativePath: 'docs/fonts-api/load-font.mdx',
+		compId: 'articles-docs-fonts-api-load-font',
+		crumb: '@remotion/fonts',
+		noAi: false,
+		slug: 'fonts-api/load-font',
 	},
 	{
-		id: 'contributing/ineligible',
-		title: 'Ineligible for bounties',
-		relativePath: 'docs/contributing/ineligible.mdx',
-		compId: 'articles-docs-contributing-ineligible',
-		crumb: 'Contributing',
+		id: 'fonts',
+		title: 'Using fonts',
+		relativePath: 'docs/fonts.mdx',
+		compId: 'articles-docs-fonts',
+		crumb: 'Techniques',
+		noAi: false,
+		slug: 'fonts',
 	},
 	{
-		id: 'contributing/bounty',
-		title: 'Take and solve bounty issues',
-		relativePath: 'docs/contributing/bounty.mdx',
-		compId: 'articles-docs-contributing-bounty',
-		crumb: 'Contributing',
+		id: 'freeze',
+		title: '<Freeze>',
+		relativePath: 'docs/freeze.mdx',
+		compId: 'articles-docs-freeze',
+		crumb: 'API',
+		noAi: false,
+		slug: 'freeze',
 	},
 	{
-		id: 'contributing/rust',
-		title: 'Contributing Rust code',
-		relativePath: 'docs/contributing/rust.mdx',
-		compId: 'articles-docs-contributing-rust',
-		crumb: 'Contributing',
+		id: 'get-audio-data',
+		title: 'getAudioData()',
+		relativePath: 'docs/get-audio-data.mdx',
+		compId: 'articles-docs-get-audio-data',
+		crumb: '@remotion/media-utils',
+		noAi: false,
+		slug: 'get-audio-data',
 	},
 	{
-		id: 'contributing/option',
-		title: 'Implementing a new option',
-		relativePath: 'docs/contributing/option.mdx',
-		compId: 'articles-docs-contributing-option',
-		crumb: 'Contributing',
+		id: 'get-audio-duration-in-seconds',
+		title: 'getAudioDurationInSeconds()',
+		relativePath: 'docs/get-audio-duration-in-seconds.mdx',
+		compId: 'articles-docs-get-audio-duration-in-seconds',
+		crumb: '@remotion/media-utils',
+		noAi: false,
+		slug: 'get-audio-duration-in-seconds',
 	},
 	{
-		id: 'contributing/presentation',
-		title: 'Contribute your own presentation',
-		relativePath: 'docs/contributing/presentation.mdx',
-		compId: 'articles-docs-contributing-presentation',
-		crumb: 'Contributing',
+		id: 'get-image-dimensions',
+		title: 'getImageDimensions()',
+		relativePath: 'docs/get-image-dimensions.mdx',
+		compId: 'articles-docs-get-image-dimensions',
+		crumb: '@remotion/media-utils',
+		noAi: false,
+		slug: 'get-image-dimensions',
 	},
 	{
-		id: 'contributing/feature',
-		title: 'Implementing a new feature',
-		relativePath: 'docs/contributing/feature.mdx',
-		compId: 'articles-docs-contributing-feature',
-		crumb: 'Contributing',
+		id: 'get-input-props',
+		title: 'getInputProps()',
+		relativePath: 'docs/get-input-props.mdx',
+		compId: 'articles-docs-get-input-props',
+		crumb: 'API',
+		noAi: false,
+		slug: 'get-input-props',
 	},
 	{
-		id: 'contributing/index',
-		title: 'Contributing to Remotion',
-		relativePath: 'docs/contributing/index.mdx',
-		compId: 'articles-docs-contributing-index',
-		crumb: 'How to be awesome',
+		id: 'get-remotion-environment',
+		title: 'getRemotionEnvironment()',
+		relativePath: 'docs/get-remotion-environment.mdx',
+		compId: 'articles-docs-get-remotion-environment',
+		crumb: 'API',
+		noAi: false,
+		slug: 'get-remotion-environment',
 	},
 	{
-		id: 'contributing/formatting',
-		title: 'Formatting in the Remotion repo',
-		relativePath: 'docs/contributing/formatting.mdx',
-		compId: 'articles-docs-contributing-formatting',
-		crumb: 'Contributing',
+		id: 'getstaticfiles',
+		title: 'getStaticFiles()',
+		relativePath: 'docs/get-static-files.mdx',
+		compId: 'articles-docs-get-static-files',
+		crumb: 'API',
+		noAi: false,
+		slug: 'getstaticfiles',
 	},
 	{
-		id: 'contributing/docs',
-		title: 'Contributing to the documentation',
-		relativePath: 'docs/contributing/docs.mdx',
-		compId: 'articles-docs-contributing-docs',
-		crumb: 'Contributing',
+		id: 'get-video-metadata',
+		title: 'getVideoMetadata()',
+		relativePath: 'docs/get-video-metadata.mdx',
+		compId: 'articles-docs-get-video-metadata',
+		crumb: '@remotion/media-utils',
+		noAi: false,
+		slug: 'get-video-metadata',
 	},
 	{
-		id: 'third-party',
-		title: 'Third party integrations',
-		relativePath: 'docs/third-party.mdx',
-		compId: 'articles-docs-third-party',
-		crumb: 'Integrations',
+		id: 'get-waveform-portion',
+		title: 'getWaveformPortion()',
+		relativePath: 'docs/get-waveform-portion.mdx',
+		compId: 'articles-docs-get-waveform-portion',
+		crumb: '@remotion/media-utils',
+		noAi: false,
+		slug: 'get-waveform-portion',
 	},
 	{
-		id: 'tailwind',
-		title: 'TailwindCSS',
-		relativePath: 'docs/tailwind.mdx',
-		compId: 'articles-docs-tailwind',
-		crumb: 'text-lg font-bold',
+		id: 'getting-started',
+		title: 'Creating a new project',
+		relativePath: 'docs/getting-started.mdx',
+		compId: 'articles-docs-getting-started',
+		crumb: "Let's begin!",
+		noAi: false,
+		slug: '',
 	},
 	{
-		id: 'get-image-dimensions',
-		title: 'getImageDimensions()',
-		relativePath: 'docs/get-image-dimensions.mdx',
-		compId: 'articles-docs-get-image-dimensions',
-		crumb: '@remotion/media-utils',
+		id: 'get-gif-duration-in-seconds',
+		title: 'getGifDurationInSeconds()',
+		relativePath: 'docs/gif/get-gif-duration-in-seconds.mdx',
+		compId: 'articles-docs-gif-get-gif-duration-in-seconds',
+		crumb: '@remotion/gif',
+		noAi: false,
+		slug: 'gif/get-gif-duration-in-seconds',
 	},
 	{
-		id: 'openai-whisper/index',
-		title: '@remotion/openai-whisper',
-		relativePath: 'docs/openai-whisper/index.mdx',
-		compId: 'articles-docs-openai-whisper-index',
-		crumb: 'Subtitle videos',
+		id: 'gif/gif',
+		title: '<Gif>',
+		relativePath: 'docs/gif/gif.mdx',
+		compId: 'articles-docs-gif-gif',
+		crumb: '@remotion/gif',
+		noAi: false,
+		slug: 'gif/gif',
 	},
 	{
-		id: 'openai-whisper/openai-whisper-api-to-captions',
-		title: 'openAiWhisperApiToCaptions()',
-		relativePath: 'docs/openai-whisper/openai-whisper-api-to-captions.mdx',
-		compId: 'articles-docs-openai-whisper-openai-whisper-api-to-captions',
-		crumb: '@remotion/openai-whisper',
+		id: 'gif/index',
+		title: '@remotion/gif',
+		relativePath: 'docs/gif/index.mdx',
+		compId: 'articles-docs-gif-index',
+		crumb: null,
+		noAi: false,
+		slug: 'gif/index',
 	},
 	{
-		id: 'cancel-render',
-		title: 'cancelRender()',
-		relativePath: 'docs/cancel-render.mdx',
-		compId: 'articles-docs-cancel-render',
-		crumb: 'How to',
+		id: 'gif/preload-gif',
+		title: 'preloadGif()',
+		relativePath: 'docs/gif/preload-gif.mdx',
+		compId: 'articles-docs-gif-preload-gif',
+		crumb: '@remotion/gif',
+		noAi: false,
+		slug: 'gif/preload-gif',
 	},
 	{
-		id: 'spline',
-		title: 'Import from Spline',
-		relativePath: 'docs/spline.mdx',
-		compId: 'articles-docs-spline',
-		crumb: 'Integrations',
+		id: 'google-fonts/get-available-fonts',
+		title: 'getAvailableFonts()',
+		relativePath: 'docs/google-fonts/get-available-fonts.mdx',
+		compId: 'articles-docs-google-fonts-get-available-fonts',
+		crumb: '@remotion/google-fonts',
+		noAi: false,
+		slug: 'google-fonts/get-available-fonts',
+	},
+	{
+		id: 'google-fonts/get-info',
+		title: 'getInfo()',
+		relativePath: 'docs/google-fonts/get-info.mdx',
+		compId: 'articles-docs-google-fonts-get-info',
+		crumb: '@remotion/google-fonts',
+		noAi: false,
+		slug: 'google-fonts/get-info',
 	},
 	{
-		id: 'use-video-texture',
-		title: 'useVideoTexture()',
-		relativePath: 'docs/use-video-texture.mdx',
-		compId: 'articles-docs-use-video-texture',
-		crumb: '@remotion/three',
+		id: 'google-fonts',
+		title: '@remotion/google-fonts',
+		relativePath: 'docs/google-fonts/index.mdx',
+		compId: 'articles-docs-google-fonts-index',
+		crumb: null,
+		noAi: false,
+		slug: 'google-fonts/google-fonts',
+	},
+	{
+		id: 'google-fonts/load-font',
+		title: 'loadFont()',
+		relativePath: 'docs/google-fonts/load-font.mdx',
+		compId: 'articles-docs-google-fonts-load-font',
+		crumb: '@remotion/google-fonts',
+		noAi: false,
+		slug: 'google-fonts/load-font',
 	},
 	{
 		id: 'gpu',
@@ -866,90 +1301,80 @@ export const articles = [
 		relativePath: 'docs/gpu.mdx',
 		compId: 'articles-docs-gpu',
 		crumb: 'Need for Speed',
+		noAi: false,
+		slug: 'gpu',
 	},
 	{
-		id: 'timeout',
-		title: 'Debugging timeouts',
-		relativePath: 'docs/timeout.mdx',
-		compId: 'articles-docs-timeout',
-		crumb: 'Troubleshooting',
-	},
-	{
-		id: 'renderer',
-		title: '@remotion/renderer',
-		relativePath: 'docs/renderer.mdx',
-		compId: 'articles-docs-renderer',
-		crumb: null,
+		id: 'hardware-acceleration',
+		title: 'Hardware accelerated encoding',
+		relativePath: 'docs/hardware-acceleration.mdx',
+		compId: 'articles-docs-hardware-acceleration',
+		crumb: 'Rendering',
+		noAi: false,
+		slug: 'hardware-acceleration',
 	},
 	{
-		id: 'three',
-		title: '@remotion/three',
-		relativePath: 'docs/three.mdx',
-		compId: 'articles-docs-three',
-		crumb: null,
+		id: 'props-resolution',
+		title: 'How props get resolved',
+		relativePath: 'docs/how-props-flow.mdx',
+		compId: 'articles-docs-how-props-flow',
+		crumb: 'Parameterized videos',
+		noAi: false,
+		slug: 'props-resolution',
 	},
 	{
-		id: 'absolute-fill',
-		title: '<AbsoluteFill>',
-		relativePath: 'docs/absolute-fill.mdx',
-		compId: 'articles-docs-absolute-fill',
+		id: 'iframe',
+		title: '<IFrame>',
+		relativePath: 'docs/iframe.mdx',
+		compId: 'articles-docs-iframe',
 		crumb: 'API',
+		noAi: false,
+		slug: 'iframe',
 	},
 	{
-		id: 'building-a-timeline',
-		title: 'Build a timeline-based video editor',
-		relativePath: 'docs/building-a-timeline.mdx',
-		compId: 'articles-docs-building-a-timeline',
-		crumb: 'Building video apps',
-	},
-	{
-		id: 'offthreadvideo',
-		title: '<OffthreadVideo>',
-		relativePath: 'docs/offthreadvideo.mdx',
-		compId: 'articles-docs-offthreadvideo',
+		id: 'img',
+		title: '<Img>',
+		relativePath: 'docs/img.mdx',
+		compId: 'articles-docs-img',
 		crumb: 'API',
+		noAi: false,
+		slug: 'img',
 	},
 	{
-		id: 'dynamic-metadata',
-		title: 'Variable duration and dimensions',
-		relativePath: 'docs/dynamic-metadata.mdx',
-		compId: 'articles-docs-dynamic-metadata',
+		id: 'assets',
+		title: 'Importing assets',
+		relativePath: 'docs/importing-assets.mdx',
+		compId: 'articles-docs-importing-assets',
 		crumb: 'How To',
+		noAi: false,
+		slug: 'assets',
 	},
 	{
-		id: 'zod-types/z-textarea',
-		title: 'zTextarea()',
-		relativePath: 'docs/zod-types/z-textarea.mdx',
-		compId: 'articles-docs-zod-types-z-textarea',
-		crumb: null,
-	},
-	{
-		id: 'zod-types/z-color',
-		title: 'zColor()',
-		relativePath: 'docs/zod-types/z-color.mdx',
-		compId: 'articles-docs-zod-types-z-color',
-		crumb: null,
-	},
-	{
-		id: 'zod-types/index',
-		title: '@remotion/zod-types',
-		relativePath: 'docs/zod-types/index.mdx',
-		compId: 'articles-docs-zod-types-index',
-		crumb: 'Schema',
+		id: 'install-whisper-cpp/convert-to-captions',
+		title: 'convertToCaptions()',
+		relativePath: 'docs/install-whisper-cpp/convert-to-captions.mdx',
+		compId: 'articles-docs-install-whisper-cpp-convert-to-captions',
+		crumb: '@remotion/install-whisper-cpp',
+		noAi: false,
+		slug: 'install-whisper-cpp/convert-to-captions',
 	},
 	{
-		id: 'non-seekable-media',
-		title: 'Non-seekable media',
-		relativePath: 'docs/non-seekable-media.mdx',
-		compId: 'articles-docs-non-seekable-media',
-		crumb: 'Troubleshooting',
+		id: 'install-whisper-cpp/download-whisper-model',
+		title: 'downloadWhisperModel()',
+		relativePath: 'docs/install-whisper-cpp/download-whisper-model.mdx',
+		compId: 'articles-docs-install-whisper-cpp-download-whisper-model',
+		crumb: '@remotion/install-whisper-cpp',
+		noAi: false,
+		slug: 'install-whisper-cpp/download-whisper-model',
 	},
 	{
-		id: 'docker',
-		title: 'Dockerizing a Remotion app',
-		relativePath: 'docs/docker.mdx',
-		compId: 'articles-docs-docker',
-		crumb: 'Building video apps',
+		id: 'install-whisper-cpp/index',
+		title: '@remotion/install-whisper-cpp',
+		relativePath: 'docs/install-whisper-cpp/index.mdx',
+		compId: 'articles-docs-install-whisper-cpp-index',
+		crumb: 'Transcribe audio locally',
+		noAi: false,
+		slug: 'install-whisper-cpp/index',
 	},
 	{
 		id: 'install-whisper-cpp/install-whisper-cpp',
@@ -957,13 +1382,17 @@ export const articles = [
 		relativePath: 'docs/install-whisper-cpp/install-whisper-cpp.mdx',
 		compId: 'articles-docs-install-whisper-cpp-install-whisper-cpp',
 		crumb: '@remotion/install-whisper-cpp',
+		noAi: false,
+		slug: 'install-whisper-cpp/install-whisper-cpp',
 	},
 	{
-		id: 'install-whisper-cpp/index',
-		title: '@remotion/install-whisper-cpp',
-		relativePath: 'docs/install-whisper-cpp/index.mdx',
-		compId: 'articles-docs-install-whisper-cpp-index',
-		crumb: 'Transcribe audio locally',
+		id: 'install-whisper-cpp/to-captions',
+		title: 'toCaptions()',
+		relativePath: 'docs/install-whisper-cpp/to-captions.mdx',
+		compId: 'articles-docs-install-whisper-cpp-to-captions',
+		crumb: '@remotion/install-whisper-cpp',
+		noAi: false,
+		slug: 'install-whisper-cpp/to-captions',
 	},
 	{
 		id: 'install-whisper-cpp/transcribe',
@@ -971,767 +1400,1088 @@ export const articles = [
 		relativePath: 'docs/install-whisper-cpp/transcribe.mdx',
 		compId: 'articles-docs-install-whisper-cpp-transcribe',
 		crumb: '@remotion/install-whisper-cpp',
+		noAi: false,
+		slug: 'install-whisper-cpp/transcribe',
 	},
 	{
-		id: 'install-whisper-cpp/convert-to-captions',
-		title: 'convertToCaptions()',
-		relativePath: 'docs/install-whisper-cpp/convert-to-captions.mdx',
-		compId: 'articles-docs-install-whisper-cpp-convert-to-captions',
-		crumb: '@remotion/install-whisper-cpp',
+		id: 'interpolate-colors',
+		title: 'interpolateColors()',
+		relativePath: 'docs/interpolate-colors.mdx',
+		compId: 'articles-docs-interpolate-colors',
+		crumb: 'API',
+		noAi: false,
+		slug: 'interpolate-colors',
 	},
 	{
-		id: 'install-whisper-cpp/to-captions',
-		title: 'toCaptions()',
-		relativePath: 'docs/install-whisper-cpp/to-captions.mdx',
-		compId: 'articles-docs-install-whisper-cpp-to-captions',
-		crumb: '@remotion/install-whisper-cpp',
+		id: 'interpolate',
+		title: 'interpolate()',
+		relativePath: 'docs/interpolate.mdx',
+		compId: 'articles-docs-interpolate',
+		crumb: 'API',
+		noAi: false,
+		slug: 'interpolate',
 	},
 	{
-		id: 'install-whisper-cpp/download-whisper-model',
-		title: 'downloadWhisperModel()',
-		relativePath: 'docs/install-whisper-cpp/download-whisper-model.mdx',
-		compId: 'articles-docs-install-whisper-cpp-download-whisper-model',
-		crumb: '@remotion/install-whisper-cpp',
+		id: 'javascript',
+		title: 'Plain JavaScript',
+		relativePath: 'docs/jsx-support.mdx',
+		compId: 'articles-docs-jsx-support',
+		crumb: 'How To',
+		noAi: false,
+		slug: 'javascript',
 	},
 	{
-		id: 'get-audio-duration-in-seconds',
-		title: 'getAudioDurationInSeconds()',
-		relativePath: 'docs/get-audio-duration-in-seconds.mdx',
-		compId: 'articles-docs-get-audio-duration-in-seconds',
-		crumb: '@remotion/media-utils',
+		id: 'lambda/api',
+		title: '@remotion/lambda',
+		relativePath: 'docs/lambda/api.mdx',
+		compId: 'articles-docs-lambda-api',
+		crumb: 'Render videos without servers on AWS',
+		noAi: false,
+		slug: 'lambda/api',
 	},
 	{
-		id: 'dataset-render',
-		title: 'Render videos programmatically from a dataset',
-		relativePath: 'docs/dataset-render.mdx',
-		compId: 'articles-docs-dataset-render',
-		crumb: 'Tutorials',
+		id: 'authentication',
+		title: 'Authentication',
+		relativePath: 'docs/lambda/authentication.mdx',
+		compId: 'articles-docs-lambda-authentication',
+		crumb: 'Lambda',
+		noAi: false,
+		slug: 'lambda/authentication',
 	},
 	{
-		id: 'prefetch',
-		title: 'prefetch()',
-		relativePath: 'docs/prefetch.mdx',
-		compId: 'articles-docs-prefetch',
-		crumb: 'API',
+		id: 'autodelete',
+		title: 'Auto-delete renders',
+		relativePath: 'docs/lambda/autodelete.mdx',
+		compId: 'articles-docs-lambda-autodelete',
+		crumb: 'Lambda API',
+		noAi: false,
+		slug: 'lambda/autodelete',
 	},
 	{
-		id: 'audio-buffer-to-data-url',
-		title: 'audioBufferToDataUrl()',
-		relativePath: 'docs/audiobuffertodataurl.mdx',
-		compId: 'articles-docs-audiobuffertodataurl',
-		crumb: '@remotion/media-utils',
+		id: 'lambda/bucket-naming',
+		title: 'Bucket names in Remotion Lambda',
+		relativePath: 'docs/lambda/bucket-naming.mdx',
+		compId: 'articles-docs-lambda-bucket-naming',
+		crumb: '@remotion/lambda',
+		noAi: false,
+		slug: 'lambda/bucket-naming',
+	},
+	{
+		id: 'changelog',
+		title: 'Prerelease Changelog',
+		relativePath: 'docs/lambda/changelog.mdx',
+		compId: 'articles-docs-lambda-changelog',
+		crumb: null,
+		noAi: false,
+		slug: 'lambda/changelog',
+	},
+	{
+		id: 'checklist',
+		title: 'Production Checklist',
+		relativePath: 'docs/lambda/checklist.mdx',
+		compId: 'articles-docs-lambda-checklist',
+		crumb: 'Lambda',
+		noAi: false,
+		slug: 'lambda/checklist',
+	},
+	{
+		id: 'lambda/cli/compositions',
+		title: 'npx remotion lambda compositions',
+		relativePath: 'docs/lambda/cli/compositions.mdx',
+		compId: 'articles-docs-lambda-cli-compositions',
+		crumb: 'Lambda CLI Reference',
+		noAi: false,
+		slug: 'lambda/cli/compositions',
+	},
+	{
+		id: 'functions',
+		title: 'npx remotion lambda functions',
+		relativePath: 'docs/lambda/cli/functions.mdx',
+		compId: 'articles-docs-lambda-cli-functions',
+		crumb: 'Lambda CLI Reference',
+		noAi: false,
+		slug: 'lambda/cli/functions',
+	},
+	{
+		id: 'policies',
+		title: 'npx remotion lambda policies',
+		relativePath: 'docs/lambda/cli/policies.mdx',
+		compId: 'articles-docs-lambda-cli-policies',
+		crumb: 'Lambda CLI Reference',
+		noAi: false,
+		slug: 'lambda/cli/policies',
+	},
+	{
+		id: 'quotas',
+		title: 'npx remotion lambda quotas',
+		relativePath: 'docs/lambda/cli/quotas.mdx',
+		compId: 'articles-docs-lambda-cli-quotas',
+		crumb: 'Lambda CLI Reference',
+		noAi: false,
+		slug: 'lambda/cli/quotas',
+	},
+	{
+		id: 'regions',
+		title: 'npx remotion lambda regions',
+		relativePath: 'docs/lambda/cli/regions.mdx',
+		compId: 'articles-docs-lambda-cli-regions',
+		crumb: 'Lambda CLI Reference',
+		noAi: false,
+		slug: 'lambda/cli/regions',
+	},
+	{
+		id: 'render',
+		title: 'npx remotion lambda render',
+		relativePath: 'docs/lambda/cli/render.mdx',
+		compId: 'articles-docs-lambda-cli-render',
+		crumb: 'Lambda CLI Reference',
+		noAi: false,
+		slug: 'lambda/cli/render',
+	},
+	{
+		id: 'sites',
+		title: 'npx remotion lambda sites',
+		relativePath: 'docs/lambda/cli/sites.mdx',
+		compId: 'articles-docs-lambda-cli-sites',
+		crumb: 'Lambda CLI Reference',
+		noAi: false,
+		slug: 'lambda/cli/sites',
 	},
 	{
-		id: 'animating-properties',
-		title: 'Animating properties',
-		relativePath: 'docs/animating-properties.mdx',
-		compId: 'articles-docs-animating-properties',
-		crumb: 'The basics',
+		id: 'still',
+		title: 'npx remotion lambda still',
+		relativePath: 'docs/lambda/cli/still.mdx',
+		compId: 'articles-docs-lambda-cli-still',
+		crumb: 'Lambda CLI Reference',
+		noAi: false,
+		slug: 'lambda/cli/still',
 	},
 	{
-		id: 'getstaticfiles',
-		title: 'getStaticFiles()',
-		relativePath: 'docs/get-static-files.mdx',
-		compId: 'articles-docs-get-static-files',
-		crumb: 'API',
+		id: 'cli',
+		title: '@remotion/lambda - CLI',
+		relativePath: 'docs/lambda/cli.mdx',
+		compId: 'articles-docs-lambda-cli',
+		crumb: null,
+		noAi: false,
+		slug: 'lambda/cli',
 	},
 	{
-		id: 'paths/reverse-path',
-		title: 'reversePath()',
-		relativePath: 'docs/paths/reverse-path.mdx',
-		compId: 'articles-docs-paths-reverse-path',
-		crumb: '@remotion/paths',
+		id: 'concurrency',
+		title: 'Concurrency',
+		relativePath: 'docs/lambda/concurrency.mdx',
+		compId: 'articles-docs-lambda-concurrency',
+		crumb: 'Lambda',
+		noAi: false,
+		slug: 'lambda/concurrency',
 	},
 	{
-		id: 'paths/evolve-path',
-		title: 'evolvePath()',
-		relativePath: 'docs/paths/evolve-path.mdx',
-		compId: 'articles-docs-paths-evolve-path',
-		crumb: '@remotion/paths',
+		id: 'cost-example',
+		title: 'How much does Remotion Lambda cost?',
+		relativePath: 'docs/lambda/cost-example.mdx',
+		compId: 'articles-docs-lambda-cost-example',
+		crumb: 'Lambda',
+		noAi: false,
+		slug: 'lambda/cost-example',
 	},
 	{
-		id: 'paths/get-subpaths',
-		title: 'getSubpaths()',
-		relativePath: 'docs/paths/get-subpaths.mdx',
-		compId: 'articles-docs-paths-get-subpaths',
-		crumb: '@remotion/paths',
+		id: 'optimizing-cost',
+		title: 'Optimizing for cost',
+		relativePath: 'docs/lambda/cost.mdx',
+		compId: 'articles-docs-lambda-cost',
+		crumb: 'Lambda',
+		noAi: false,
+		slug: 'lambda/optimizing-cost',
 	},
 	{
-		id: 'paths/get-point-at-length',
-		title: 'getPointAtLength()',
-		relativePath: 'docs/paths/get-point-at-length.mdx',
-		compId: 'articles-docs-paths-get-point-at-length',
-		crumb: '@remotion/paths',
+		id: 'custom-destination',
+		title: 'Customizing Lambda output destination',
+		relativePath: 'docs/lambda/custom-destination.mdx',
+		compId: 'articles-docs-lambda-custom-destination',
+		crumb: 'Lambda',
+		noAi: false,
+		slug: 'lambda/custom-destination',
 	},
 	{
-		id: 'paths/get-length',
-		title: 'getLength()',
-		relativePath: 'docs/paths/get-length.mdx',
-		compId: 'articles-docs-paths-get-length',
-		crumb: '@remotion/paths',
+		id: 'lambda/custom-layers',
+		title: 'Custom Layers',
+		relativePath: 'docs/lambda/custom-layers.mdx',
+		compId: 'articles-docs-lambda-custom-layers',
+		crumb: 'Lambda',
+		noAi: false,
+		slug: 'lambda/custom-layers',
 	},
 	{
-		id: 'paths/scale-path',
-		title: 'scalePath()',
-		relativePath: 'docs/paths/scale-path.mdx',
-		compId: 'articles-docs-paths-scale-path',
-		crumb: '@remotion/paths',
+		id: 'deletefunction',
+		title: 'deleteFunction()',
+		relativePath: 'docs/lambda/deletefunction.mdx',
+		compId: 'articles-docs-lambda-deletefunction',
+		crumb: 'Lambda API',
+		noAi: false,
+		slug: 'lambda/deletefunction',
 	},
 	{
-		id: 'paths/get-parts',
-		title: 'getParts()',
-		relativePath: 'docs/paths/get-parts.mdx',
-		compId: 'articles-docs-paths-get-parts',
-		crumb: '@remotion/paths',
+		id: 'deleterender',
+		title: 'deleteRender()',
+		relativePath: 'docs/lambda/deleterender.mdx',
+		compId: 'articles-docs-lambda-deleterender',
+		crumb: 'Lambda API',
+		noAi: false,
+		slug: 'lambda/deleterender',
 	},
 	{
-		id: 'paths/get-tangent-at-length',
-		title: 'getTangentAtLength()',
-		relativePath: 'docs/paths/get-tangent-at-length.mdx',
-		compId: 'articles-docs-paths-get-tangent-at-length',
-		crumb: '@remotion/paths',
+		id: 'deletesite',
+		title: 'deleteSite()',
+		relativePath: 'docs/lambda/deletesite.mdx',
+		compId: 'articles-docs-lambda-deletesite',
+		crumb: 'Lambda API',
+		noAi: false,
+		slug: 'lambda/deletesite',
 	},
 	{
-		id: 'paths/get-instruction-index-at-length',
-		title: 'getInstructionIndexAtLength()',
-		relativePath: 'docs/paths/get-instruction-index-at-length.mdx',
-		compId: 'articles-docs-paths-get-instruction-index-at-length',
-		crumb: '@remotion/paths',
+		id: 'deployfunction',
+		title: 'deployFunction()',
+		relativePath: 'docs/lambda/deployfunction.mdx',
+		compId: 'articles-docs-lambda-deployfunction',
+		crumb: 'Lambda API',
+		noAi: false,
+		slug: 'lambda/deployfunction',
 	},
 	{
-		id: 'paths/extend-viewbox',
-		title: 'extendViewBox()',
-		relativePath: 'docs/paths/extend-viewbox.mdx',
-		compId: 'articles-docs-paths-extend-viewbox',
-		crumb: '@remotion/paths',
+		id: 'deploysite',
+		title: 'deploySite()',
+		relativePath: 'docs/lambda/deploysite.mdx',
+		compId: 'articles-docs-lambda-deploysite',
+		crumb: 'Lambda API',
+		noAi: false,
+		slug: 'lambda/deploysite',
 	},
 	{
-		id: 'paths/parse-path',
-		title: 'parsePath()',
-		relativePath: 'docs/paths/parse-path.mdx',
-		compId: 'articles-docs-paths-parse-path',
-		crumb: '@remotion/paths',
+		id: 'disk-size',
+		title: 'Disk size',
+		relativePath: 'docs/lambda/disk-size.mdx',
+		compId: 'articles-docs-lambda-disk-size',
+		crumb: 'Lambda',
+		noAi: false,
+		slug: 'lambda/disk-size',
 	},
 	{
-		id: 'paths/translate-path',
-		title: 'translatePath()',
-		relativePath: 'docs/paths/translate-path.mdx',
-		compId: 'articles-docs-paths-translate-path',
-		crumb: '@remotion/paths',
+		id: 'downloadmedia',
+		title: 'downloadMedia()',
+		relativePath: 'docs/lambda/downloadmedia.mdx',
+		compId: 'articles-docs-lambda-downloadmedia',
+		crumb: 'Lambda API',
+		noAi: false,
+		slug: 'lambda/downloadmedia',
 	},
 	{
-		id: 'paths/normalize-path',
-		title: 'normalizePath()',
-		relativePath: 'docs/paths/normalize-path.mdx',
-		compId: 'articles-docs-paths-normalize-path',
-		crumb: '@remotion/paths',
+		id: 'downloadvideo',
+		title: 'downloadVideo()',
+		relativePath: 'docs/lambda/downloadvideo.mdx',
+		compId: 'articles-docs-lambda-downloadvideo',
+		crumb: 'Lambda API',
+		noAi: false,
+		slug: 'lambda/downloadvideo',
 	},
 	{
-		id: 'paths/index',
-		title: '@remotion/paths',
-		relativePath: 'docs/paths/index.mdx',
-		compId: 'articles-docs-paths-index',
-		crumb: 'SVG',
+		id: 'estimateprice',
+		title: 'estimatePrice()',
+		relativePath: 'docs/lambda/estimateprice.mdx',
+		compId: 'articles-docs-lambda-estimateprice',
+		crumb: 'Lambda API',
+		noAi: false,
+		slug: 'lambda/estimateprice',
 	},
 	{
-		id: 'paths/get-bounding-box',
-		title: 'getBoundingBox()',
-		relativePath: 'docs/paths/get-bounding-box.mdx',
-		compId: 'articles-docs-paths-get-bounding-box',
-		crumb: '@remotion/paths',
+		id: 'lambda/faq',
+		title: 'FAQ',
+		relativePath: 'docs/lambda/faq.mdx',
+		compId: 'articles-docs-lambda-faq',
+		crumb: 'Lambda',
+		noAi: false,
+		slug: 'lambda/faq',
 	},
 	{
-		id: 'paths/warp-path',
-		title: 'warpPath()',
-		relativePath: 'docs/paths/warp-path.mdx',
-		compId: 'articles-docs-paths-warp-path',
-		crumb: '@remotion/paths',
+		id: 'feb-2022-outage',
+		title: 'February 2022 Outage',
+		relativePath: 'docs/lambda/feb-2022-outage.mdx',
+		compId: 'articles-docs-lambda-feb-2022-outage',
+		crumb: null,
+		noAi: false,
+		slug: 'lambda/feb-2022-outage',
 	},
 	{
-		id: 'paths/interpolate-path',
-		title: 'interpolatePath()',
-		relativePath: 'docs/paths/interpolate-path.mdx',
-		compId: 'articles-docs-paths-interpolate-path',
-		crumb: '@remotion/paths',
+		id: 'lambda/feb-2023-incident',
+		title: 'Upgrade your Lambda functions to prevent breakage',
+		relativePath: 'docs/lambda/feb-2023-incident.mdx',
+		compId: 'articles-docs-lambda-feb-2023-incident',
+		crumb: 'DevOps advisory',
+		noAi: false,
+		slug: 'lambda/feb-2023-incident',
 	},
 	{
-		id: 'paths/serialize-instructions',
-		title: 'serializeInstructions()',
-		relativePath: 'docs/paths/serialize-instructions.mdx',
-		compId: 'articles-docs-paths-serialize-instructions',
-		crumb: '@remotion/paths',
+		id: 'getawsclient',
+		title: 'getAwsClient()',
+		relativePath: 'docs/lambda/getawsclient.mdx',
+		compId: 'articles-docs-lambda-getawsclient',
+		crumb: 'Lambda API',
+		noAi: false,
+		slug: 'lambda/getawsclient',
 	},
 	{
-		id: 'paths/reset-path',
-		title: 'resetPath()',
-		relativePath: 'docs/paths/reset-path.mdx',
-		compId: 'articles-docs-paths-reset-path',
-		crumb: '@remotion/paths',
+		id: 'getcompositionsonlambda',
+		title: 'getCompositionsOnLambda()',
+		relativePath: 'docs/lambda/getcompositionsonlambda.mdx',
+		compId: 'articles-docs-lambda-getcompositionsonlambda',
+		crumb: 'Lambda API',
+		noAi: false,
+		slug: 'lambda/getcompositionsonlambda',
 	},
 	{
-		id: 'paths/reduce-instructions',
-		title: 'reduceInstructions()',
-		relativePath: 'docs/paths/reduce-instructions.mdx',
-		compId: 'articles-docs-paths-reduce-instructions',
-		crumb: '@remotion/paths',
+		id: 'getfunctioninfo',
+		title: 'getFunctionInfo()',
+		relativePath: 'docs/lambda/getfunctioninfo.mdx',
+		compId: 'articles-docs-lambda-getfunctioninfo',
+		crumb: 'Lambda API',
+		noAi: false,
+		slug: 'lambda/getfunctioninfo',
 	},
 	{
-		id: 'rive/index',
-		title: '@remotion/rive',
-		relativePath: 'docs/rive/index.mdx',
-		compId: 'articles-docs-rive-index',
-		crumb: 'Integrations',
+		id: 'getfunctions',
+		title: 'getFunctions()',
+		relativePath: 'docs/lambda/getfunctions.mdx',
+		compId: 'articles-docs-lambda-getfunctions',
+		crumb: 'Lambda API',
+		noAi: false,
+		slug: 'lambda/getfunctions',
 	},
 	{
-		id: 'rive/remotionrivecanvas',
-		title: '<RemotionRiveCanvas>',
-		relativePath: 'docs/rive/remotionrivecanvas.mdx',
-		compId: 'articles-docs-rive-remotionrivecanvas',
-		crumb: '@remotion/rive',
+		id: 'getorcreatebucket',
+		title: 'getOrCreateBucket()',
+		relativePath: 'docs/lambda/getorcreatebucket.mdx',
+		compId: 'articles-docs-lambda-getorcreatebucket',
+		crumb: 'Lambda API',
+		noAi: false,
+		slug: 'lambda/getorcreatebucket',
 	},
 	{
-		id: 'layers',
-		title: 'Layers',
-		relativePath: 'docs/layers.mdx',
-		compId: 'articles-docs-layers',
-		crumb: 'Designing videos',
+		id: 'getregions',
+		title: 'getRegions()',
+		relativePath: 'docs/lambda/getregions.mdx',
+		compId: 'articles-docs-lambda-getregions',
+		crumb: 'Lambda API',
+		noAi: false,
+		slug: 'lambda/getregions',
 	},
 	{
-		id: 'use-img-and-iframe',
-		title: '<Img>, <Video> and <Audio>',
-		relativePath: 'docs/use-img-and-iframe.mdx',
-		compId: 'articles-docs-use-img-and-iframe',
-		crumb: 'Best practices',
+		id: 'getrenderprogress',
+		title: 'getRenderProgress()',
+		relativePath: 'docs/lambda/getrenderprogress.mdx',
+		compId: 'articles-docs-lambda-getrenderprogress',
+		crumb: 'Lambda API',
+		noAi: false,
+		slug: 'lambda/getrenderprogress',
 	},
 	{
-		id: 'font-picker',
-		title: 'Build a Google Font picker',
-		relativePath: 'docs/font-picker.mdx',
-		compId: 'articles-docs-font-picker',
-		crumb: 'Building video apps',
+		id: 'getrolepolicy',
+		title: 'getRolePolicy()',
+		relativePath: 'docs/lambda/getrolepolicy.mdx',
+		compId: 'articles-docs-lambda-getrolepolicy',
+		crumb: 'Lambda API',
+		noAi: false,
+		slug: 'lambda/getrolepolicy',
 	},
 	{
-		id: 'support',
-		title: 'Support Policy',
-		relativePath: 'docs/support.mdx',
-		compId: 'articles-docs-support',
-		crumb: 'Let us help you',
+		id: 'getsites',
+		title: 'getSites()',
+		relativePath: 'docs/lambda/getsites.mdx',
+		compId: 'articles-docs-lambda-getsites',
+		crumb: 'Lambda API',
+		noAi: false,
+		slug: 'lambda/getsites',
 	},
 	{
-		id: 'register-root',
-		title: 'registerRoot()',
-		relativePath: 'docs/register-root.mdx',
-		compId: 'articles-docs-register-root',
-		crumb: 'API',
+		id: 'getuserpolicy',
+		title: 'getUserPolicy()',
+		relativePath: 'docs/lambda/getuserpolicy.mdx',
+		compId: 'articles-docs-lambda-getuserpolicy',
+		crumb: 'Lambda API',
+		noAi: false,
+		slug: 'lambda/getuserpolicy',
 	},
 	{
-		id: 'props-resolution',
-		title: 'How props get resolved',
-		relativePath: 'docs/how-props-flow.mdx',
-		compId: 'articles-docs-how-props-flow',
-		crumb: 'Parameterized videos',
+		id: 'lambda/go',
+		title: 'Triggering renders from Go',
+		relativePath: 'docs/lambda/go.mdx',
+		compId: 'articles-docs-lambda-go',
+		crumb: '@remotion/lambda',
+		noAi: false,
+		slug: 'lambda/go',
 	},
 	{
-		id: 'hardware-acceleration',
-		title: 'Hardware accelerated encoding',
-		relativePath: 'docs/hardware-acceleration.mdx',
-		compId: 'articles-docs-hardware-acceleration',
-		crumb: 'Rendering',
+		id: 'how-lambda-works',
+		title: 'How Remotion Lambda works',
+		relativePath: 'docs/lambda/how-lambda-works.mdx',
+		compId: 'articles-docs-lambda-how-lambda-works',
+		crumb: 'Lambda',
+		noAi: false,
+		slug: 'lambda/how-lambda-works',
 	},
 	{
-		id: 'preview',
-		title: 'Preview your video',
-		relativePath: 'docs/preview.mdx',
-		compId: 'articles-docs-preview',
-		crumb: 'Timeline basics',
+		id: 'lambda/insights',
+		title: 'Enable Lambda Insights',
+		relativePath: 'docs/lambda/insights.mdx',
+		compId: 'articles-docs-lambda-insights',
+		crumb: 'Lambda',
+		noAi: false,
+		slug: 'lambda/insights',
 	},
 	{
-		id: 'shapes/triangle',
-		title: '<Triangle />',
-		relativePath: 'docs/shapes/triangle.mdx',
-		compId: 'articles-docs-shapes-triangle',
-		crumb: '@remotion/shapes',
+		id: 'lambda/light-client',
+		title: 'Light client',
+		relativePath: 'docs/lambda/light-client.mdx',
+		compId: 'articles-docs-lambda-light-client',
+		crumb: 'Lambda',
+		noAi: false,
+		slug: 'lambda/light-client',
 	},
 	{
-		id: 'shapes/rect',
-		title: '<Rect />',
-		relativePath: 'docs/shapes/rect.mdx',
-		compId: 'articles-docs-shapes-rect',
-		crumb: '@remotion/shapes',
+		id: 'lambda/limits',
+		title: 'Lambda Limits',
+		relativePath: 'docs/lambda/limits.mdx',
+		compId: 'articles-docs-lambda-limits',
+		crumb: 'Lambda',
+		noAi: false,
+		slug: 'lambda/limits',
 	},
 	{
-		id: 'shapes/polygon',
-		title: '<Polygon />',
-		relativePath: 'docs/shapes/polygon.mdx',
-		compId: 'articles-docs-shapes-polygon',
-		crumb: '@remotion/shapes',
+		id: 'lambda/multiple-buckets',
+		title: 'Multiple buckets in Remotion Lambda',
+		relativePath: 'docs/lambda/multiple-buckets.mdx',
+		compId: 'articles-docs-lambda-multiple-buckets',
+		crumb: '@remotion/lambda',
+		noAi: false,
+		slug: 'lambda/multiple-buckets',
 	},
 	{
-		id: 'shapes/circle',
-		title: '<Circle />',
-		relativePath: 'docs/shapes/circle.mdx',
-		compId: 'articles-docs-shapes-circle',
-		crumb: '@remotion/shapes',
+		id: 'naming-convention',
+		title: 'Function naming convention',
+		relativePath: 'docs/lambda/naming-convention.mdx',
+		compId: 'articles-docs-lambda-naming-convention',
+		crumb: 'Lambda',
+		noAi: false,
+		slug: 'lambda/naming-convention',
 	},
 	{
-		id: 'shapes/make-rect',
-		title: 'makeRect()',
-		relativePath: 'docs/shapes/make-rect.mdx',
-		compId: 'articles-docs-shapes-make-rect',
-		crumb: '@remotion/shapes',
+		id: 'lambda/permissions',
+		title: 'Permissions',
+		relativePath: 'docs/lambda/permissions.mdx',
+		compId: 'articles-docs-lambda-permissions',
+		crumb: 'Lambda',
+		noAi: false,
+		slug: 'lambda/permissions',
 	},
 	{
-		id: 'shapes/index',
-		title: '@remotion/shapes',
-		relativePath: 'docs/shapes/index.mdx',
-		compId: 'articles-docs-shapes-index',
-		crumb: 'SVG component library',
+		id: 'lambda/php',
+		title: 'Triggering renders from PHP',
+		relativePath: 'docs/lambda/php.mdx',
+		compId: 'articles-docs-lambda-php',
+		crumb: '@remotion/lambda',
+		noAi: false,
+		slug: 'lambda/php',
 	},
 	{
-		id: 'shapes/ellipse',
-		title: '<Ellipse />',
-		relativePath: 'docs/shapes/ellipse.mdx',
-		compId: 'articles-docs-shapes-ellipse',
-		crumb: '@remotion/shapes',
+		id: 'presignurl',
+		title: 'presignUrl()',
+		relativePath: 'docs/lambda/presignurl.mdx',
+		compId: 'articles-docs-lambda-presignurl',
+		crumb: 'Lambda API',
+		noAi: false,
+		slug: 'lambda/presignurl',
 	},
 	{
-		id: 'shapes/make-triangle',
-		title: 'makeTriangle()',
-		relativePath: 'docs/shapes/make-triangle.mdx',
-		compId: 'articles-docs-shapes-make-triangle',
-		crumb: '@remotion/shapes',
+		id: 'lambda/python',
+		title: 'Triggering renders from Python',
+		relativePath: 'docs/lambda/python.mdx',
+		compId: 'articles-docs-lambda-python',
+		crumb: '@remotion/lambda',
+		noAi: false,
+		slug: 'lambda/python',
 	},
 	{
-		id: 'shapes/pie',
-		title: '<Pie />',
-		relativePath: 'docs/shapes/pie.mdx',
-		compId: 'articles-docs-shapes-pie',
-		crumb: '@remotion/shapes',
+		id: 'region-selection',
+		title: 'Region selection',
+		relativePath: 'docs/lambda/region-selection.mdx',
+		compId: 'articles-docs-lambda-region-selection',
+		crumb: 'Lambda',
+		noAi: false,
+		slug: 'lambda/region-selection',
 	},
 	{
-		id: 'shapes/make-star',
-		title: 'makeStar()',
-		relativePath: 'docs/shapes/make-star.mdx',
-		compId: 'articles-docs-shapes-make-star',
-		crumb: '@remotion/shapes',
+		id: 'rendermediaonlambda',
+		title: 'renderMediaOnLambda()',
+		relativePath: 'docs/lambda/rendermediaonlambda.mdx',
+		compId: 'articles-docs-lambda-rendermediaonlambda',
+		crumb: 'Lambda API',
+		noAi: false,
+		slug: 'lambda/rendermediaonlambda',
 	},
 	{
-		id: 'shapes/make-pie',
-		title: 'makePie()',
-		relativePath: 'docs/shapes/make-pie.mdx',
-		compId: 'articles-docs-shapes-make-pie',
-		crumb: '@remotion/shapes',
+		id: 'renderstillonlambda',
+		title: 'renderStillOnLambda()',
+		relativePath: 'docs/lambda/renderstillonlambda.mdx',
+		compId: 'articles-docs-lambda-renderstillonlambda',
+		crumb: 'Lambda API',
+		noAi: false,
+		slug: 'lambda/renderstillonlambda',
 	},
 	{
-		id: 'shapes/make-ellipse',
-		title: 'makeEllipse()',
-		relativePath: 'docs/shapes/make-ellipse.mdx',
-		compId: 'articles-docs-shapes-make-ellipse',
-		crumb: '@remotion/shapes',
+		id: 'rendervideoonlambda',
+		title: 'renderVideoOnLambda()',
+		relativePath: 'docs/lambda/rendervideoonlambda.mdx',
+		compId: 'articles-docs-lambda-rendervideoonlambda',
+		crumb: 'Lambda API',
+		noAi: false,
+		slug: 'lambda/rendervideoonlambda',
 	},
 	{
-		id: 'shapes/star',
-		title: '<Star />',
-		relativePath: 'docs/shapes/star.mdx',
-		compId: 'articles-docs-shapes-star',
-		crumb: '@remotion/shapes',
+		id: 'lambda/ruby',
+		title: 'Triggering renders from Ruby',
+		relativePath: 'docs/lambda/ruby.mdx',
+		compId: 'articles-docs-lambda-ruby',
+		crumb: '@remotion/lambda',
+		noAi: false,
+		slug: 'lambda/ruby',
 	},
 	{
-		id: 'shapes/make-polygon',
-		title: 'makePolygon()',
-		relativePath: 'docs/shapes/make-polygon.mdx',
-		compId: 'articles-docs-shapes-make-polygon',
-		crumb: '@remotion/shapes',
+		id: 'runtime',
+		title: 'Runtime',
+		relativePath: 'docs/lambda/runtime.mdx',
+		compId: 'articles-docs-lambda-runtime',
+		crumb: 'Lambda',
+		noAi: false,
+		slug: 'lambda/runtime',
 	},
 	{
-		id: 'shapes/make-circle',
-		title: 'makeCircle()',
-		relativePath: 'docs/shapes/make-circle.mdx',
-		compId: 'articles-docs-shapes-make-circle',
-		crumb: '@remotion/shapes',
+		id: 'lambda/s3-public-access',
+		title: 'Cannot create a S3 bucket using Remotion',
+		relativePath: 'docs/lambda/s3-public-access.mdx',
+		compId: 'articles-docs-lambda-s3-public-access',
+		crumb: 'DevOps advisory',
+		noAi: false,
+		slug: 'lambda/s3-public-access',
 	},
 	{
-		id: 'series',
-		title: '<Series>',
-		relativePath: 'docs/series.mdx',
-		compId: 'articles-docs-series',
-		crumb: 'API',
+		id: 'lambda/serverless-framework-integration',
+		title: 'Using the Serverless Framework with Remotion Lambda',
+		relativePath: 'docs/lambda/serverless-framework-integration.mdx',
+		compId: 'articles-docs-lambda-serverless-framework-integration',
+		crumb: '@remotion/lambda',
+		noAi: false,
+		slug: 'lambda/serverless-framework-integration',
 	},
 	{
-		id: 'system-prompt',
-		title: 'Remotion System Prompt for LLMs',
-		relativePath: 'docs/system-prompt.mdx',
-		compId: 'articles-docs-system-prompt',
-		crumb: 'AI',
+		id: 'setup',
+		title: 'Setup',
+		relativePath: 'docs/lambda/setup.mdx',
+		compId: 'articles-docs-lambda-setup',
+		crumb: 'Lambda',
+		noAi: false,
+		slug: 'lambda/setup',
 	},
 	{
-		id: 'bun',
-		title: 'Bun support',
-		relativePath: 'docs/bun.mdx',
-		compId: 'articles-docs-bun',
-		crumb: 'bun bun bun bun bun',
+		id: 'simulatepermissions',
+		title: 'simulatePermissions()',
+		relativePath: 'docs/lambda/simulatepermissions.mdx',
+		compId: 'articles-docs-lambda-simulatepermissions',
+		crumb: 'Lambda API',
+		noAi: false,
+		slug: 'lambda/simulatepermissions',
+	},
+	{
+		id: 'speculatefunctionname',
+		title: 'speculateFunctionName()',
+		relativePath: 'docs/lambda/speculateFunctionName.mdx',
+		compId: 'articles-docs-lambda-speculateFunctionName',
+		crumb: 'Lambda API',
+		noAi: false,
+		slug: 'lambda/speculatefunctionname',
 	},
 	{
-		id: 'loading-root-component',
-		title: 'Root component Timeout',
-		relativePath: 'docs/troubleshooting/loading-root-component.mdx',
-		compId: 'articles-docs-troubleshooting-loading-root-component',
-		crumb: 'Troubleshooting',
+		id: 'optimizing-speed',
+		title: 'Optimizing for speed',
+		relativePath: 'docs/lambda/speed.mdx',
+		compId: 'articles-docs-lambda-speed',
+		crumb: 'Lambda',
+		noAi: false,
+		slug: 'lambda/optimizing-speed',
 	},
 	{
-		id: 'troubleshooting/background-image',
-		title: 'Flickering when using background-image or mask-image',
-		relativePath: 'docs/troubleshooting/background-image.mdx',
-		compId: 'articles-docs-troubleshooting-background-image',
-		crumb: 'Common mistakes',
+		id: 'lambda/sqs',
+		title: 'Using Lambda with SQS',
+		relativePath: 'docs/lambda/sqs.mdx',
+		compId: 'articles-docs-lambda-sqs',
+		crumb: '@remotion/lambda',
+		noAi: false,
+		slug: 'lambda/sqs',
 	},
 	{
-		id: 'rosetta',
-		title: 'Apple Silicon under Rosetta',
-		relativePath: 'docs/troubleshooting/rosetta.mdx',
-		compId: 'articles-docs-troubleshooting-rosetta',
-		crumb: 'Troubleshooting',
+		id: 'bucket-disallows-acl',
+		title: 'The bucket does not allow ACLs',
+		relativePath: 'docs/lambda/troubleshooting/bucket-disallows-acl.mdx',
+		compId: 'articles-docs-lambda-troubleshooting-bucket-disallows-acl',
+		crumb: 'Lambda Troubleshooting',
+		noAi: false,
+		slug: 'lambda/troubleshooting/bucket-disallows-acl',
 	},
 	{
-		id: 'troubleshooting/delay-render-proxy',
-		title: 'Loading <Img> with src http://localhost:3000/proxy',
-		relativePath: 'docs/troubleshooting/delay-render-proxy.mdx',
-		compId: 'articles-docs-troubleshooting-delay-render-proxy',
-		crumb: 'Troubleshooting',
+		id: 'debug',
+		title: 'Debugging failed Lambda renders',
+		relativePath: 'docs/lambda/troubleshooting/debug.mdx',
+		compId: 'articles-docs-lambda-troubleshooting-debug',
+		crumb: 'Lambda',
+		noAi: false,
+		slug: 'lambda/troubleshooting/debug',
 	},
 	{
-		id: 'stuck-render',
-		title: 'Debugging stuck renders',
-		relativePath: 'docs/troubleshooting/render-stuck.mdx',
-		compId: 'articles-docs-troubleshooting-render-stuck',
-		crumb: 'Troubleshooting',
+		id: 'permissions',
+		title: 'AWS Permissions Troubleshooting',
+		relativePath: 'docs/lambda/troubleshooting/permissions.mdx',
+		compId: 'articles-docs-lambda-troubleshooting-permissions',
+		crumb: 'Lambda Troubleshooting',
+		noAi: false,
+		slug: 'lambda/troubleshooting/permissions',
 	},
 	{
-		id: 'broken-fast-refresh',
-		title: 'Fast Refresh not working',
-		relativePath: 'docs/troubleshooting/broken-fast-refresh.mdx',
-		compId: 'articles-docs-troubleshooting-broken-fast-refresh',
-		crumb: 'Troubleshooting',
+		id: 'rate-limit',
+		title: 'AWS Rate Limit Troubleshooting',
+		relativePath: 'docs/lambda/troubleshooting/rate-limit.mdx',
+		compId: 'articles-docs-lambda-troubleshooting-rate-limit',
+		crumb: 'Lambda Troubleshooting',
+		noAi: false,
+		slug: 'lambda/troubleshooting/rate-limit',
 	},
 	{
-		id: 'troubleshooting/timed-out-page-function',
-		title: 'Timed out evaluating page function',
-		relativePath: 'docs/troubleshooting/timed-out-page-function.mdx',
-		compId: 'articles-docs-troubleshooting-timed-out-page-function',
-		crumb: 'Troubleshooting',
+		id: 'lambda/troubleshooting/security-token',
+		title: '"The security token included in the request is invalid"',
+		relativePath: 'docs/lambda/troubleshooting/security-token.mdx',
+		compId: 'articles-docs-lambda-troubleshooting-security-token',
+		crumb: 'Lambda',
+		noAi: false,
+		slug: 'lambda/troubleshooting/security-token',
 	},
 	{
-		id: 'troubleshooting/browser-launch',
-		title: 'Failed to launch the browser process',
-		relativePath: 'docs/troubleshooting/browser-launch.mdx',
-		compId: 'articles-docs-troubleshooting-browser-launch',
-		crumb: 'Troubleshooting',
+		id: 'unrecognizedclientexception',
+		title: 'UnrecognizedClientException',
+		relativePath: 'docs/lambda/troubleshooting/unrecognizedclientexception.mdx',
+		compId: 'articles-docs-lambda-troubleshooting-unrecognizedclientexception',
+		crumb: 'Lambda Troubleshooting',
+		noAi: false,
+		slug: 'lambda/troubleshooting/unrecognizedclientexception',
 	},
 	{
-		id: 'troubleshooting/sigkill',
-		title: 'Process quit with signal SIGKILL',
-		relativePath: 'docs/troubleshooting/sigkill.mdx',
-		compId: 'articles-docs-troubleshooting-sigkill',
-		crumb: 'Troubleshooting',
+		id: 'uninstall',
+		title: 'Uninstall Lambda',
+		relativePath: 'docs/lambda/uninstall.mdx',
+		compId: 'articles-docs-lambda-uninstall',
+		crumb: null,
+		noAi: false,
+		slug: 'lambda/uninstall',
 	},
 	{
-		id: 'troubleshooting/nextjs-image',
-		title: 'Flickering when using Next.js <Image> tag',
-		relativePath: 'docs/troubleshooting/nextjs-image.mdx',
-		compId: 'articles-docs-troubleshooting-nextjs-image',
-		crumb: 'Common mistakes',
+		id: 'upgrading',
+		title: 'Upgrading Lambda',
+		relativePath: 'docs/lambda/upgrading.mdx',
+		compId: 'articles-docs-lambda-upgrading',
+		crumb: null,
+		noAi: false,
+		slug: 'lambda/upgrading',
 	},
 	{
-		id: 'troubleshooting/could-not-find-executable-to-run',
-		title: 'Could not determine executable to run',
-		relativePath: 'docs/troubleshooting/could-not-find-executable-to-run.mdx',
-		compId: 'articles-docs-troubleshooting-could-not-find-executable-to-run',
-		crumb: 'Troubleshooting',
+		id: 'validatewebhooksignature',
+		title: 'validateWebhookSignature()',
+		relativePath: 'docs/lambda/validatewebhooksignature.mdx',
+		compId: 'articles-docs-lambda-validatewebhooksignature',
+		crumb: 'Lambda API',
+		noAi: false,
+		slug: 'lambda/validatewebhooksignature',
 	},
 	{
-		id: 'player-flicker',
-		title: 'Avoiding flickering in <Player>',
-		relativePath: 'docs/troubleshooting/video-flicker.mdx',
-		compId: 'articles-docs-troubleshooting-video-flicker',
-		crumb: 'Frame-perfection',
+		id: 'lambda/webhooks',
+		title: 'Webhooks',
+		relativePath: 'docs/lambda/webhooks.mdx',
+		compId: 'articles-docs-lambda-webhooks',
+		crumb: 'Lambda',
+		noAi: false,
+		slug: 'lambda/webhooks',
 	},
 	{
-		id: 'troubleshooting/debug-failed-render',
-		title: 'Debugging render failures',
-		relativePath: 'docs/troubleshooting/debug-failed-render.mdx',
-		compId: 'articles-docs-troubleshooting-debug-failed-render',
-		crumb: 'Troubleshooting',
+		id: 'lambda/without-iam/ec2',
+		title: 'Authenticating Lambda with EC2',
+		relativePath: 'docs/lambda/without-iam/ec2.mdx',
+		compId: 'articles-docs-lambda-without-iam-ec2',
+		crumb: '@remotion/lambda',
+		noAi: false,
+		slug: 'lambda/ec2',
 	},
 	{
-		id: 'defaultprops-too-big',
-		title: 'defaultProps too big - could not serialize',
-		relativePath: 'docs/troubleshooting/defaultprops-too-big.mdx',
-		compId: 'articles-docs-troubleshooting-defaultprops-too-big',
-		crumb: 'Troubleshooting',
+		id: 'lambda/without-iam/example',
+		title: 'Example setup without IAM user',
+		relativePath: 'docs/lambda/without-iam/example.mdx',
+		compId: 'articles-docs-lambda-without-iam-example',
+		crumb: 'IAM Roles Example',
+		noAi: false,
+		slug: 'lambda/without-iam/example',
 	},
 	{
-		id: 'troubleshooting/bundling-bundle',
-		title: 'Calling bundle() in bundled code',
-		relativePath: 'docs/troubleshooting/bundling-bundle.mdx',
-		compId: 'articles-docs-troubleshooting-bundling-bundle',
-		crumb: 'Troubleshooting',
+		id: 'lambda/without-iam/index',
+		title: 'Using Lambda with IAM roles',
+		relativePath: 'docs/lambda/without-iam/index.mdx',
+		compId: 'articles-docs-lambda-without-iam-index',
+		crumb: 'Lambda without IAM',
+		noAi: false,
+		slug: 'lambda/without-iam/index',
 	},
 	{
-		id: 'troubleshooting/could-not-be-parsed-as-a-value-list',
-		title: 'The source provided could not be parsed as a value list',
-		relativePath:
-			'docs/troubleshooting/could-not-be-parsed-as-a-value-list.mdx',
-		compId: 'articles-docs-troubleshooting-could-not-be-parsed-as-a-value-list',
-		crumb: 'Browser quirks',
+		id: 'lambda',
+		title: '@remotion/lambda',
+		relativePath: 'docs/lambda.mdx',
+		compId: 'articles-docs-lambda',
+		crumb: null,
+		noAi: false,
+		slug: 'lambda',
 	},
 	{
-		id: 'multiple-fps',
-		title: 'Supporting multiple frame rates',
-		relativePath: 'docs/multiple-fps.mdx',
-		compId: 'articles-docs-multiple-fps',
-		crumb: 'Building apps',
+		id: 'layers',
+		title: 'Layers',
+		relativePath: 'docs/layers.mdx',
+		compId: 'articles-docs-layers',
+		crumb: 'Designing videos',
+		noAi: false,
+		slug: 'layers',
 	},
 	{
-		id: 'cli/studio',
-		title: 'npx remotion studio',
-		relativePath: 'docs/cli/studio.mdx',
-		compId: 'articles-docs-cli-studio',
-		crumb: 'CLI Reference',
+		id: 'layout-utils/best-practices',
+		title: 'Best practices for @remotion/layout-utils',
+		relativePath: 'docs/layout-utils/best-practices.mdx',
+		compId: 'articles-docs-layout-utils-best-practices',
+		crumb: '@remotion/layout-utils',
+		noAi: false,
+		slug: 'layout-utils/best-practices',
 	},
 	{
-		id: 'cli',
-		title: 'Command line reference',
-		relativePath: 'docs/cli/cli.mdx',
-		compId: 'articles-docs-cli-cli',
-		crumb: null,
+		id: 'layout-utils/debug',
+		title: 'Debugging font measurement bugs',
+		relativePath: 'docs/layout-utils/debug.mdx',
+		compId: 'articles-docs-layout-utils-debug',
+		crumb: '@remotion/layout-utils',
+		noAi: true,
+		slug: 'layout-utils/debug',
 	},
 	{
-		id: 'cli/bundle',
-		title: 'npx remotion bundle',
-		relativePath: 'docs/cli/bundle.mdx',
-		compId: 'articles-docs-cli-bundle',
-		crumb: 'CLI Reference',
+		id: 'layout-utils/fill-text-box',
+		title: 'fillTextBox()',
+		relativePath: 'docs/layout-utils/fill-text-box.mdx',
+		compId: 'articles-docs-layout-utils-fill-text-box',
+		crumb: '@remotion/layout-utils',
+		noAi: false,
+		slug: 'layout-utils/fill-text-box',
 	},
 	{
-		id: 'cli/gpu',
-		title: 'npx remotion gpu',
-		relativePath: 'docs/cli/gpu.mdx',
-		compId: 'articles-docs-cli-gpu',
-		crumb: 'CLI Reference',
+		id: 'layout-utils/fit-text',
+		title: 'fitText()',
+		relativePath: 'docs/layout-utils/fit-text.mdx',
+		compId: 'articles-docs-layout-utils-fit-text',
+		crumb: '@remotion/layout-utils',
+		noAi: false,
+		slug: 'layout-utils/fit-text',
 	},
 	{
-		id: 'cli/install',
-		title: 'npx remotion install',
-		relativePath: 'docs/cli/install.mdx',
-		compId: 'articles-docs-cli-install',
-		crumb: 'CLI Reference',
+		id: 'layout-utils/index',
+		title: '@remotion/layout-utils',
+		relativePath: 'docs/layout-utils/index.mdx',
+		compId: 'articles-docs-layout-utils-index',
+		crumb: null,
+		noAi: false,
+		slug: 'layout-utils/index',
 	},
 	{
-		id: 'cli/versions',
-		title: 'npx remotion versions',
-		relativePath: 'docs/cli/versions.mdx',
-		compId: 'articles-docs-cli-versions',
-		crumb: 'CLI Reference',
+		id: 'layout-utils/measure-text',
+		title: 'measureText()',
+		relativePath: 'docs/layout-utils/measure-text.mdx',
+		compId: 'articles-docs-layout-utils-measure-text',
+		crumb: '@remotion/layout-utils',
+		noAi: false,
+		slug: 'layout-utils/measure-text',
 	},
 	{
-		id: 'cli/browser/index',
-		title: 'npx remotion browser',
-		relativePath: 'docs/cli/browser/index.mdx',
-		compId: 'articles-docs-cli-browser-index',
-		crumb: '@remotion/cli',
+		id: 'legacy-babel',
+		title: 'Using legacy Babel transpilation',
+		relativePath: 'docs/legacy-babel-loader.mdx',
+		compId: 'articles-docs-legacy-babel-loader',
+		crumb: 'How To',
+		noAi: false,
+		slug: 'legacy-babel',
 	},
 	{
-		id: 'cli/browser/ensure',
-		title: 'npx remotion browser ensure',
-		relativePath: 'docs/cli/browser/ensure.mdx',
-		compId: 'articles-docs-cli-browser-ensure',
-		crumb: '@remotion/cli',
+		id: 'license',
+		title: 'License & Pricing',
+		relativePath: 'docs/license.mdx',
+		compId: 'articles-docs-license',
+		crumb: null,
+		noAi: false,
+		slug: 'license',
+	},
+	{
+		id: 'get-usage',
+		title: 'getUsage()',
+		relativePath: 'docs/licensing/get-usage.mdx',
+		compId: 'articles-docs-licensing-get-usage',
+		crumb: '@remotion/licensing',
+		noAi: false,
+		slug: 'licensing/get-usage',
 	},
 	{
-		id: 'ffprobe',
-		title: 'npx remotion ffprobe',
-		relativePath: 'docs/cli/ffprobe.mdx',
-		compId: 'articles-docs-cli-ffprobe',
-		crumb: '@remotion/cli',
+		id: 'licensing/index',
+		title: '@remotion/licensing',
+		relativePath: 'docs/licensing/index.mdx',
+		compId: 'articles-docs-licensing-index',
+		crumb: 'API',
+		noAi: false,
+		slug: 'licensing/index',
 	},
 	{
-		id: 'cli/render',
-		title: 'npx remotion render',
-		relativePath: 'docs/cli/render.mdx',
-		compId: 'articles-docs-cli-render',
-		crumb: 'CLI Reference',
+		id: 'register-usage-point',
+		title: 'registerUsagePoint()',
+		relativePath: 'docs/licensing/register-usage-point.mdx',
+		compId: 'articles-docs-licensing-register-usage-point',
+		crumb: '@remotion/licensing',
+		noAi: false,
+		slug: 'licensing/register-usage-point',
 	},
 	{
-		id: 'cli/compositions',
-		title: 'npx remotion compositions',
-		relativePath: 'docs/cli/compositions.mdx',
-		compId: 'articles-docs-cli-compositions',
-		crumb: 'CLI Reference',
+		id: 'loop',
+		title: '<Loop>',
+		relativePath: 'docs/loop.mdx',
+		compId: 'articles-docs-loop',
+		crumb: 'API',
+		noAi: false,
+		slug: 'loop',
 	},
 	{
-		id: 'cli/benchmark',
-		title: 'npx remotion benchmark',
-		relativePath: 'docs/cli/benchmark.mdx',
-		compId: 'articles-docs-cli-benchmark',
-		crumb: 'CLI Reference',
+		id: 'getlottiemetadata',
+		title: 'getLottieMetadata()',
+		relativePath: 'docs/lottie/getlottiemetadata.mdx',
+		compId: 'articles-docs-lottie-getlottiemetadata',
+		crumb: '@remotion/lottie',
+		noAi: false,
+		slug: 'lottie/getlottiemetadata',
 	},
 	{
-		id: 'ffmpeg',
-		title: 'npx remotion ffmpeg',
-		relativePath: 'docs/cli/ffmpeg.mdx',
-		compId: 'articles-docs-cli-ffmpeg',
-		crumb: '@remotion/cli',
+		id: 'lottie-index',
+		title: '@remotion/lottie',
+		relativePath: 'docs/lottie/index.mdx',
+		compId: 'articles-docs-lottie-index',
+		crumb: null,
+		noAi: false,
+		slug: 'lottie/lottie-index',
 	},
 	{
-		id: 'cli/still',
-		title: 'npx remotion still',
-		relativePath: 'docs/cli/still.mdx',
-		compId: 'articles-docs-cli-still',
-		crumb: 'CLI Reference',
+		id: 'lottie-comp',
+		title: '<Lottie>',
+		relativePath: 'docs/lottie/lottie-comp.mdx',
+		compId: 'articles-docs-lottie-lottie-comp',
+		crumb: '@remotion/lottie',
+		noAi: false,
+		slug: 'lottie/lottie',
 	},
 	{
-		id: 'cli/help',
-		title: 'npx remotion help',
-		relativePath: 'docs/cli/help.mdx',
-		compId: 'articles-docs-cli-help',
-		crumb: 'CLI Reference',
+		id: 'lottie-lottiefiles',
+		title: 'Finding Lottie files to use',
+		relativePath: 'docs/lottie/lottie-lottiefiles.mdx',
+		compId: 'articles-docs-lottie-lottie-lottiefiles',
+		crumb: 'Resources',
+		noAi: false,
+		slug: 'lottie/lottiefiles',
 	},
 	{
-		id: 'cli/upgrade',
-		title: 'npx remotion upgrade',
-		relativePath: 'docs/cli/upgrade.mdx',
-		compId: 'articles-docs-cli-upgrade',
-		crumb: 'CLI Reference',
+		id: 'lottie-remote',
+		title: 'Loading Lottie animations from a URL',
+		relativePath: 'docs/lottie/lottie-remote.mdx',
+		compId: 'articles-docs-lottie-lottie-remote',
+		crumb: '@remotion/lottie',
+		noAi: false,
+		slug: 'lottie/remote',
 	},
 	{
-		id: 'watchstaticfile',
-		title: 'watchStaticFile()',
-		relativePath: 'docs/watch-static-file.mdx',
-		compId: 'articles-docs-watch-static-file',
-		crumb: 'API',
+		id: 'lottie-staticfile',
+		title: 'Loading Lottie animations from staticFile()',
+		relativePath: 'docs/lottie/lottie-staticfile.mdx',
+		compId: 'articles-docs-lottie-lottie-staticfile',
+		crumb: '@remotion/lottie',
+		noAi: false,
+		slug: 'lottie/staticfile',
 	},
 	{
-		id: 'chromium-flags',
-		title: 'Chromium flags',
-		relativePath: 'docs/chromium-flags.mdx',
-		compId: 'articles-docs-chromium-flags',
-		crumb: 'Tweaks',
+		id: 'measure-spring',
+		title: 'measureSpring()',
+		relativePath: 'docs/measure-spring.mdx',
+		compId: 'articles-docs-measure-spring',
+		crumb: 'API',
+		noAi: false,
+		slug: 'measure-spring',
 	},
 	{
-		id: 'noise-visualization',
-		title: 'Noise visualization',
-		relativePath: 'docs/noise-visualization.mdx',
-		compId: 'articles-docs-noise-visualization',
-		crumb: 'Techniques',
+		id: 'measuring',
+		title: 'Measuring DOM nodes',
+		relativePath: 'docs/measuring.mdx',
+		compId: 'articles-docs-measuring',
+		crumb: 'How To',
+		noAi: false,
+		slug: 'measuring',
 	},
 	{
-		id: 'acknowledgements',
-		title: 'Acknowledgements',
-		relativePath: 'docs/acknowledgements.mdx',
-		compId: 'articles-docs-acknowledgements',
-		crumb: 'Credits',
+		id: 'media-fragments',
+		title: '#t= Media Fragments',
+		relativePath: 'docs/media-fragments.mdx',
+		compId: 'articles-docs-media-fragments',
+		crumb: 'Video behavior',
+		noAi: false,
+		slug: 'media-fragments',
 	},
 	{
-		id: 'miscellaneous/snippets/accelerated-video',
-		title: 'Change the speed of a video over time',
-		relativePath: 'docs/miscellaneous/snippets/accelerated-video.mdx',
-		compId: 'articles-docs-miscellaneous-snippets-accelerated-video',
-		crumb: 'Snippets',
+		id: 'fast-and-slow',
+		title: 'Fast and slow operations',
+		relativePath: 'docs/media-parser/fast-and-slow.mdx',
+		compId: 'articles-docs-media-parser-fast-and-slow',
+		crumb: '@remotion/media-parser',
+		noAi: false,
+		slug: 'media-parser/fast-and-slow',
 	},
 	{
-		id: 'miscellaneous/snippets/jumpcuts',
-		title: 'Jump Cutting',
-		relativePath: 'docs/miscellaneous/snippets/jumpcuts.mdx',
-		compId: 'articles-docs-miscellaneous-snippets-jumpcuts',
-		crumb: 'Snippets',
+		id: 'fetch-reader',
+		title: 'fetchReader',
+		relativePath: 'docs/media-parser/fetch-reader.mdx',
+		compId: 'articles-docs-media-parser-fetch-reader',
+		crumb: '@remotion/media-parser',
+		noAi: false,
+		slug: 'media-parser/fetch-reader',
 	},
 	{
-		id: 'hls',
-		title: 'HLS support (HTTP Live Streaming)',
-		relativePath: 'docs/miscellaneous/snippets/hls.mdx',
-		compId: 'articles-docs-miscellaneous-snippets-hls',
-		crumb: 'Video',
+		id: 'foreign-file-types',
+		title: 'Foreign file types',
+		relativePath: 'docs/media-parser/foreign-file-types.mdx',
+		compId: 'articles-docs-media-parser-foreign-file-types',
+		crumb: '@remotion/media-parser',
+		noAi: false,
+		slug: 'media-parser/foreign-file-types',
 	},
 	{
-		id: 'miscellaneous/snippets/different-segments-at-different-speeds',
-		title: 'Different segments at different speeds',
-		relativePath:
-			'docs/miscellaneous/snippets/different-segments-at-different-speeds.mdx',
-		compId:
-			'articles-docs-miscellaneous-snippets-different-segments-at-different-speeds',
-		crumb: 'Snippets',
+		id: 'media-parser/index',
+		title: '@remotion/media-parser',
+		relativePath: 'docs/media-parser/index.mdx',
+		compId: 'articles-docs-media-parser-index',
+		crumb: null,
+		noAi: false,
+		slug: 'media-parser/index',
 	},
 	{
-		id: 'miscellaneous/snippets/freeze-portions',
-		title: 'Freeze portions of a sequence',
-		relativePath: 'docs/miscellaneous/snippets/freeze-portions.mdx',
-		compId: 'articles-docs-miscellaneous-snippets-freeze-portions',
-		crumb: 'Snippets',
+		id: 'metadata',
+		title: 'Getting metadata from videos using @remotion/media-parser',
+		relativePath: 'docs/media-parser/metadata.mdx',
+		compId: 'articles-docs-media-parser-metadata',
+		crumb: '@remotion/media-parser',
+		noAi: false,
+		slug: 'media-parser/metadata',
 	},
 	{
-		id: 'miscellaneous/snippets/offthread-video-while-rendering',
-		title: '<OffthreadVideo /> while rendering',
-		relativePath:
-			'docs/miscellaneous/snippets/offthread-video-while-rendering.mdx',
-		compId:
-			'articles-docs-miscellaneous-snippets-offthread-video-while-rendering',
-		crumb: 'Snippets',
+		id: 'node-reader',
+		title: 'nodeReader',
+		relativePath: 'docs/media-parser/node-reader.mdx',
+		compId: 'articles-docs-media-parser-node-reader',
+		crumb: '@remotion/media-parser',
+		noAi: false,
+		slug: 'media-parser/node-reader',
 	},
 	{
-		id: 'miscellaneous/snippets/player-in-iframe',
-		title: 'Embedding a <Player> into an <iframe>',
-		relativePath: 'docs/miscellaneous/snippets/player-in-iframe.mdx',
-		compId: 'articles-docs-miscellaneous-snippets-player-in-iframe',
-		crumb: 'Snippets',
+		id: 'parse-media',
+		title: 'parseMedia()',
+		relativePath: 'docs/media-parser/parse-media.mdx',
+		compId: 'articles-docs-media-parser-parse-media',
+		crumb: '@remotion/media-parser',
+		noAi: false,
+		slug: 'media-parser/parse-media',
 	},
 	{
-		id: 'miscellaneous/snippets/combine-compositions',
-		title: 'How do I combine compositions?',
-		relativePath: 'docs/miscellaneous/snippets/combine-compositions.mdx',
-		compId: 'articles-docs-miscellaneous-snippets-combine-compositions',
-		crumb: 'FAQ',
+		id: 'support',
+		title: 'Runtime support',
+		relativePath: 'docs/media-parser/support.mdx',
+		compId: 'articles-docs-media-parser-support',
+		crumb: '@remotion/media-parser',
+		noAi: false,
+		slug: 'media-parser/support',
 	},
 	{
-		id: 'miscellaneous/snippets/align-duration',
-		title: 'How do I make the composition the same duration as my video?',
-		relativePath: 'docs/miscellaneous/snippets/align-duration.mdx',
-		compId: 'articles-docs-miscellaneous-snippets-align-duration',
-		crumb: 'FAQ',
+		id: 'tags',
+		title: 'Extract ID3 tags and EXIF data',
+		relativePath: 'docs/media-parser/tags.mdx',
+		compId: 'articles-docs-media-parser-tags',
+		crumb: '@remotion/media-parser',
+		noAi: false,
+		slug: 'media-parser/tags',
 	},
 	{
-		id: 'miscellaneous/snippets/use-delay-render',
-		title: 'useDelayRender()',
-		relativePath: 'docs/miscellaneous/snippets/use-delay-render.mdx',
-		compId: 'articles-docs-miscellaneous-snippets-use-delay-render',
-		crumb: 'Snippets',
+		id: 'web-file-reader',
+		title: 'webFileReader',
+		relativePath: 'docs/media-parser/web-file-reader.mdx',
+		compId: 'articles-docs-media-parser-web-file-reader',
+		crumb: '@remotion/media-parser',
+		noAi: false,
+		slug: 'media-parser/web-file-reader',
 	},
 	{
-		id: 'miscellaneous/linux-single-process',
-		title: 'Multiple cores on Linux',
-		relativePath: 'docs/miscellaneous/linux-single-process.mdx',
-		compId: 'articles-docs-miscellaneous-linux-single-process',
-		crumb: 'Server-side rendering',
+		id: 'webcodecs',
+		title: 'Decoding a video with WebCodecs and @remotion/media-parser',
+		relativePath: 'docs/media-parser/webcodecs.mdx',
+		compId: 'articles-docs-media-parser-webcodecs',
+		crumb: '@remotion/media-parser',
+		noAi: false,
+		slug: 'media-parser/webcodecs',
 	},
 	{
-		id: 'miscellaneous/vercel-functions',
-		title: 'Can I render videos using Vercel Serverless functions?',
-		relativePath: 'docs/miscellaneous/vercel-functions.mdx',
-		compId: 'articles-docs-miscellaneous-vercel-functions',
-		crumb: 'FAQ',
+		id: 'media-playback-error',
+		title: 'Could not play video/audio with src',
+		relativePath: 'docs/media-playback-error.mdx',
+		compId: 'articles-docs-media-playback-error',
+		crumb: 'Troubleshooting',
+		noAi: false,
+		slug: 'media-playback-error',
 	},
 	{
-		id: 'miscellaneous/chrome-headless-shell',
-		title: 'Chrome Headless Shell',
-		relativePath: 'docs/miscellaneous/chrome-headless-shell.mdx',
-		compId: 'articles-docs-miscellaneous-chrome-headless-shell',
-		crumb: 'FAQ',
+		id: 'media-utils/index',
+		title: '@remotion/media-utils',
+		relativePath: 'docs/media-utils/index.mdx',
+		compId: 'articles-docs-media-utils-index',
+		crumb: null,
+		noAi: false,
+		slug: 'media-utils/index',
 	},
 	{
-		id: 'miscellaneous/render-in-browser',
-		title: 'Can I render videos in the browser?',
-		relativePath: 'docs/miscellaneous/render-in-browser.mdx',
-		compId: 'articles-docs-miscellaneous-render-in-browser',
+		id: 'metadata',
+		title: 'Setting video metadata',
+		relativePath: 'docs/metadata.mdx',
+		compId: 'articles-docs-metadata',
+		crumb: 'Techniques',
+		noAi: false,
+		slug: 'metadata',
+	},
+	{
+		id: 'miscellaneous/absolute-paths',
+		title: 'Files with absolute paths',
+		relativePath: 'docs/miscellaneous/absolute-paths.mdx',
+		compId: 'articles-docs-miscellaneous-absolute-paths',
 		crumb: 'FAQ',
+		noAi: false,
+		slug: 'miscellaneous/absolute-paths',
 	},
 	{
 		id: 'miscellaneous/automatic-duration',
@@ -1739,13 +2489,8 @@ export const articles = [
 		relativePath: 'docs/miscellaneous/automatic-duration.mdx',
 		compId: 'articles-docs-miscellaneous-automatic-duration',
 		crumb: 'FAQ',
-	},
-	{
-		id: 'typescript-aliases',
-		title: 'TypeScript aliases',
-		relativePath: 'docs/miscellaneous/ts-aliases.mdx',
-		compId: 'articles-docs-miscellaneous-ts-aliases',
-		crumb: 'How to',
+		noAi: false,
+		slug: 'miscellaneous/automatic-duration',
 	},
 	{
 		id: 'miscellaneous/changing-temp-dir',
@@ -1753,27 +2498,17 @@ export const articles = [
 		relativePath: 'docs/miscellaneous/changing-temp-dir.mdx',
 		compId: 'articles-docs-miscellaneous-changing-temp-dir',
 		crumb: 'Advanced configuration',
+		noAi: false,
+		slug: 'miscellaneous/changing-temp-dir',
 	},
 	{
-		id: 'embed-studio',
-		title: 'Can I embed the Remotion Studio?',
-		relativePath: 'docs/miscellaneous/embed-remotion-studio.mdx',
-		compId: 'articles-docs-miscellaneous-embed-remotion-studio',
-		crumb: 'FAQ',
-	},
-	{
-		id: 'miscellaneous/render-on-edge',
-		title: 'Can I render videos on the edge?',
-		relativePath: 'docs/miscellaneous/render-on-edge.mdx',
-		compId: 'articles-docs-miscellaneous-render-on-edge',
+		id: 'miscellaneous/chrome-headless-shell',
+		title: 'Chrome Headless Shell',
+		relativePath: 'docs/miscellaneous/chrome-headless-shell.mdx',
+		compId: 'articles-docs-miscellaneous-chrome-headless-shell',
 		crumb: 'FAQ',
-	},
-	{
-		id: 'miscellaneous/emojis',
-		title: 'Emojis',
-		relativePath: 'docs/miscellaneous/emojis.mdx',
-		compId: 'articles-docs-miscellaneous-emojis',
-		crumb: 'Font rendering',
+		noAi: false,
+		slug: 'miscellaneous/chrome-headless-shell',
 	},
 	{
 		id: 'miscellaneous/cloud-gpu-docker',
@@ -1781,6 +2516,8 @@ export const articles = [
 		relativePath: 'docs/miscellaneous/cloud-gpu-docker.mdx',
 		compId: 'articles-docs-miscellaneous-cloud-gpu-docker',
 		crumb: 'FAQ',
+		noAi: false,
+		slug: 'miscellaneous/cloud-gpu-docker',
 	},
 	{
 		id: 'miscellaneous/cloud-gpu',
@@ -1788,6 +2525,26 @@ export const articles = [
 		relativePath: 'docs/miscellaneous/cloud-gpu.mdx',
 		compId: 'articles-docs-miscellaneous-cloud-gpu',
 		crumb: 'FAQ',
+		noAi: false,
+		slug: 'miscellaneous/cloud-gpu',
+	},
+	{
+		id: 'embed-studio',
+		title: 'Can I embed the Remotion Studio?',
+		relativePath: 'docs/miscellaneous/embed-remotion-studio.mdx',
+		compId: 'articles-docs-miscellaneous-embed-remotion-studio',
+		crumb: 'FAQ',
+		noAi: false,
+		slug: 'miscellaneous/embed-studio',
+	},
+	{
+		id: 'miscellaneous/emojis',
+		title: 'Emojis',
+		relativePath: 'docs/miscellaneous/emojis.mdx',
+		compId: 'articles-docs-miscellaneous-emojis',
+		crumb: 'Font rendering',
+		noAi: false,
+		slug: 'miscellaneous/emojis',
 	},
 	{
 		id: 'miscellaneous/linux-dependencies',
@@ -1795,13 +2552,17 @@ export const articles = [
 		relativePath: 'docs/miscellaneous/linux-dependencies.mdx',
 		compId: 'articles-docs-miscellaneous-linux-dependencies',
 		crumb: 'FAQ',
+		noAi: false,
+		slug: 'miscellaneous/linux-dependencies',
 	},
 	{
-		id: 'miscellaneous/video-formats',
-		title: 'Which video formats does Remotion support?',
-		relativePath: 'docs/miscellaneous/video-formats.mdx',
-		compId: 'articles-docs-miscellaneous-video-formats',
-		crumb: 'FAQ',
+		id: 'miscellaneous/linux-single-process',
+		title: 'Multiple cores on Linux',
+		relativePath: 'docs/miscellaneous/linux-single-process.mdx',
+		compId: 'articles-docs-miscellaneous-linux-single-process',
+		crumb: 'Server-side rendering',
+		noAi: false,
+		slug: 'miscellaneous/linux-single-process',
 	},
 	{
 		id: 'miscellaneous/live-streaming',
@@ -1809,6 +2570,8 @@ export const articles = [
 		relativePath: 'docs/miscellaneous/live-streaming.mdx',
 		compId: 'articles-docs-miscellaneous-live-streaming',
 		crumb: 'FAQ',
+		noAi: false,
+		slug: 'miscellaneous/live-streaming',
 	},
 	{
 		id: 'miscellaneous/parse-media-vs-get-video-metadata',
@@ -1816,384 +2579,273 @@ export const articles = [
 		relativePath: 'docs/miscellaneous/parse-media-vs-get-video-metadata.mdx',
 		compId: 'articles-docs-miscellaneous-parse-media-vs-get-video-metadata',
 		crumb: 'FAQ',
+		noAi: false,
+		slug: 'miscellaneous/parse-media-vs-get-video-metadata',
 	},
 	{
-		id: 'miscellaneous/absolute-paths',
-		title: 'Files with absolute paths',
-		relativePath: 'docs/miscellaneous/absolute-paths.mdx',
-		compId: 'articles-docs-miscellaneous-absolute-paths',
-		crumb: 'FAQ',
-	},
-	{
-		id: 'use-audio-data',
-		title: 'useAudioData()',
-		relativePath: 'docs/use-audio-data.mdx',
-		compId: 'articles-docs-use-audio-data',
-		crumb: '@remotion/media-utils',
-	},
-	{
-		id: 'calculate-metadata',
-		title: 'calculateMetadata()',
-		relativePath: 'docs/calculate-metadata.mdx',
-		compId: 'articles-docs-calculate-metadata',
-		crumb: 'API',
-	},
-	{
-		id: 'passing-props',
-		title: 'Passing props to a composition',
-		relativePath: 'docs/passing-props.mdx',
-		compId: 'articles-docs-passing-props',
-		crumb: 'How To',
-	},
-	{
-		id: 'standalone',
-		title: 'Useful functions outside of Remotion',
-		relativePath: 'docs/standalone.mdx',
-		compId: 'articles-docs-standalone',
-		crumb: null,
-	},
-	{
-		id: 'ssr-node',
-		title: 'Rendering using SSR APIs',
-		relativePath: 'docs/ssr-node.mdx',
-		compId: 'articles-docs-ssr-node',
-		crumb: 'Server-side rendering',
-	},
-	{
-		id: 'tailwind',
-		title: '@remotion/tailwind',
-		relativePath: 'docs/tailwind/overview.mdx',
-		compId: 'articles-docs-tailwind-overview',
-		crumb: null,
-	},
-	{
-		id: 'tailwind/enable-tailwind',
-		title: 'enableTailwind()',
-		relativePath: 'docs/tailwind/enable-tailwind.mdx',
-		compId: 'articles-docs-tailwind-enable-tailwind',
-		crumb: '@remotion/tailwind',
-	},
-	{
-		id: 'upgrading',
-		title: 'Upgrading Remotion',
-		relativePath: 'docs/upgrading.mdx',
-		compId: 'articles-docs-upgrading',
-		crumb: 'upgrade remotion',
-	},
-	{
-		id: 'getregions',
-		title: 'getRegions()',
-		relativePath: 'docs/cloudrun/getregions.mdx',
-		compId: 'articles-docs-cloudrun-getregions',
-		crumb: 'Cloud Run API',
-	},
-	{
-		id: 'cloudrun/multiple-buckets',
-		title: 'Multiple buckets in Remotion Cloud Run',
-		relativePath: 'docs/cloudrun/multiple-buckets.mdx',
-		compId: 'articles-docs-cloudrun-multiple-buckets',
-		crumb: '@remotion/cloudrun',
-	},
-	{
-		id: 'instancecount',
-		title: 'Instance Count',
-		relativePath: 'docs/cloudrun/instancecount.mdx',
-		compId: 'articles-docs-cloudrun-instancecount',
-		crumb: 'Cloud Run',
-	},
-	{
-		id: 'cli',
-		title: '@remotion/cloudrun - CLI',
-		relativePath: 'docs/cloudrun/cli.mdx',
-		compId: 'articles-docs-cloudrun-cli',
-		crumb: null,
-	},
-	{
-		id: 'deployservice',
-		title: 'deployService()',
-		relativePath: 'docs/cloudrun/deployservice.mdx',
-		compId: 'articles-docs-cloudrun-deployservice',
-		crumb: 'Cloud Run API',
-	},
-	{
-		id: 'getsites',
-		title: 'getSites()',
-		relativePath: 'docs/cloudrun/getsites.mdx',
-		compId: 'articles-docs-cloudrun-getsites',
-		crumb: 'Cloud Run API',
-	},
-	{
-		id: 'deleteservice',
-		title: 'deleteService()',
-		relativePath: 'docs/cloudrun/deleteservice.mdx',
-		compId: 'articles-docs-cloudrun-deleteservice',
-		crumb: 'Cloud Run API',
-	},
-	{
-		id: 'generate-env',
-		title: 'Generate .env File',
-		relativePath: 'docs/cloudrun/generate-env.mdx',
-		compId: 'articles-docs-cloudrun-generate-env',
-		crumb: 'Cloud Run',
-	},
-	{
-		id: 'cloudrun/permissions',
-		title: 'Permissions',
-		relativePath: 'docs/cloudrun/permissions.mdx',
-		compId: 'articles-docs-cloudrun-permissions',
-		crumb: 'Cloud Run',
-	},
-	{
-		id: 'renderstilloncloudrun',
-		title: 'renderStillOnCloudrun()',
-		relativePath: 'docs/cloudrun/renderstilloncloudrun.mdx',
-		compId: 'articles-docs-cloudrun-renderstilloncloudrun',
-		crumb: 'Cloud Run API',
-	},
-	{
-		id: 'getorcreatebucket',
-		title: 'getOrCreateBucket()',
-		relativePath: 'docs/cloudrun/getorcreatebucket.mdx',
-		compId: 'articles-docs-cloudrun-getorcreatebucket',
-		crumb: 'Cloud Run API',
-	},
-	{
-		id: 'testpermissions',
-		title: 'testPermissions()',
-		relativePath: 'docs/cloudrun/testpermissions.mdx',
-		compId: 'articles-docs-cloudrun-testpermissions',
-		crumb: 'Cloud Run API',
-	},
-	{
-		id: 'cloudrun/light-client',
-		title: 'Light client',
-		relativePath: 'docs/cloudrun/light-client.mdx',
-		compId: 'articles-docs-cloudrun-light-client',
-		crumb: 'Cloud Run',
-	},
-	{
-		id: 'services',
-		title: 'npx remotion cloudrun services',
-		relativePath: 'docs/cloudrun/cli/services.mdx',
-		compId: 'articles-docs-cloudrun-cli-services',
-		crumb: 'Cloud Run CLI Reference',
-	},
-	{
-		id: 'permissions',
-		title: 'npx remotion cloudrun permissions',
-		relativePath: 'docs/cloudrun/cli/permissions.mdx',
-		compId: 'articles-docs-cloudrun-cli-permissions',
-		crumb: 'Cloud Run CLI Reference',
-	},
-	{
-		id: 'sites',
-		title: 'npx remotion cloudrun sites',
-		relativePath: 'docs/cloudrun/cli/sites.mdx',
-		compId: 'articles-docs-cloudrun-cli-sites',
-		crumb: 'Cloud Run CLI Reference',
-	},
-	{
-		id: 'render',
-		title: 'npx remotion cloudrun render',
-		relativePath: 'docs/cloudrun/cli/render.mdx',
-		compId: 'articles-docs-cloudrun-cli-render',
-		crumb: 'Cloud Run CLI Reference',
-	},
-	{
-		id: 'regions',
-		title: 'npx remotion cloudrun regions',
-		relativePath: 'docs/cloudrun/cli/regions.mdx',
-		compId: 'articles-docs-cloudrun-cli-regions',
-		crumb: 'Cloud Run CLI Reference',
+		id: 'miscellaneous/render-in-browser',
+		title: 'Can I render videos in the browser?',
+		relativePath: 'docs/miscellaneous/render-in-browser.mdx',
+		compId: 'articles-docs-miscellaneous-render-in-browser',
+		crumb: 'FAQ',
+		noAi: false,
+		slug: 'miscellaneous/render-in-browser',
 	},
 	{
-		id: 'still',
-		title: 'npx remotion cloudrun still',
-		relativePath: 'docs/cloudrun/cli/still.mdx',
-		compId: 'articles-docs-cloudrun-cli-still',
-		crumb: 'Cloud Run CLI Reference',
+		id: 'miscellaneous/render-on-edge',
+		title: 'Can I render videos on the edge?',
+		relativePath: 'docs/miscellaneous/render-on-edge.mdx',
+		compId: 'articles-docs-miscellaneous-render-on-edge',
+		crumb: 'FAQ',
+		noAi: false,
+		slug: 'miscellaneous/render-on-edge',
 	},
 	{
-		id: 'upgrading',
-		title: 'Upgrading Cloud Run',
-		relativePath: 'docs/cloudrun/upgrading.mdx',
-		compId: 'articles-docs-cloudrun-upgrading',
-		crumb: null,
+		id: 'miscellaneous/snippets/accelerated-video',
+		title: 'Change the speed of a video over time',
+		relativePath: 'docs/miscellaneous/snippets/accelerated-video.mdx',
+		compId: 'articles-docs-miscellaneous-snippets-accelerated-video',
+		crumb: 'Snippets',
+		noAi: false,
+		slug: 'miscellaneous/snippets/accelerated-video',
 	},
 	{
-		id: 'region-selection',
-		title: 'Region selection',
-		relativePath: 'docs/cloudrun/region-selection.mdx',
-		compId: 'articles-docs-cloudrun-region-selection',
-		crumb: 'Cloud Run',
+		id: 'miscellaneous/snippets/align-duration',
+		title: 'How do I make the composition the same duration as my video?',
+		relativePath: 'docs/miscellaneous/snippets/align-duration.mdx',
+		compId: 'articles-docs-miscellaneous-snippets-align-duration',
+		crumb: 'FAQ',
+		noAi: false,
+		slug: 'miscellaneous/snippets/align-duration',
 	},
 	{
-		id: 'getservices',
-		title: 'getServices()',
-		relativePath: 'docs/cloudrun/getservices.mdx',
-		compId: 'articles-docs-cloudrun-getservices',
-		crumb: 'Cloud Run API',
+		id: 'miscellaneous/snippets/combine-compositions',
+		title: 'How do I combine compositions?',
+		relativePath: 'docs/miscellaneous/snippets/combine-compositions.mdx',
+		compId: 'articles-docs-miscellaneous-snippets-combine-compositions',
+		crumb: 'FAQ',
+		noAi: false,
+		slug: 'miscellaneous/snippets/combine-compositions',
 	},
 	{
-		id: 'getserviceinfo',
-		title: 'getServiceInfo()',
-		relativePath: 'docs/cloudrun/getServiceinfo.mdx',
-		compId: 'articles-docs-cloudrun-getServiceinfo',
-		crumb: 'Cloud Run API',
+		id: 'miscellaneous/snippets/different-segments-at-different-speeds',
+		title: 'Different segments at different speeds',
+		relativePath:
+			'docs/miscellaneous/snippets/different-segments-at-different-speeds.mdx',
+		compId:
+			'articles-docs-miscellaneous-snippets-different-segments-at-different-speeds',
+		crumb: 'Snippets',
+		noAi: false,
+		slug: 'miscellaneous/snippets/different-segments-at-different-speeds',
 	},
 	{
-		id: 'checklist',
-		title: 'Production Checklist',
-		relativePath: 'docs/cloudrun/checklist.mdx',
-		compId: 'articles-docs-cloudrun-checklist',
-		crumb: 'Cloud Run',
+		id: 'miscellaneous/snippets/freeze-portions',
+		title: 'Freeze portions of a sequence',
+		relativePath: 'docs/miscellaneous/snippets/freeze-portions.mdx',
+		compId: 'articles-docs-miscellaneous-snippets-freeze-portions',
+		crumb: 'Snippets',
+		noAi: false,
+		slug: 'miscellaneous/snippets/freeze-portions',
 	},
 	{
-		id: 'cloudrun/api',
-		title: '@remotion/cloudrun',
-		relativePath: 'docs/cloudrun/api.mdx',
-		compId: 'articles-docs-cloudrun-api',
-		crumb: 'Render videos without servers on GCP',
+		id: 'hls',
+		title: 'HLS support (HTTP Live Streaming)',
+		relativePath: 'docs/miscellaneous/snippets/hls.mdx',
+		compId: 'articles-docs-miscellaneous-snippets-hls',
+		crumb: 'Video',
+		noAi: false,
+		slug: 'miscellaneous/snippets/hls',
 	},
 	{
-		id: 'setup',
-		title: 'Setup',
-		relativePath: 'docs/cloudrun/setup.mdx',
-		compId: 'articles-docs-cloudrun-setup',
-		crumb: 'Cloud Run',
+		id: 'miscellaneous/snippets/jumpcuts',
+		title: 'Jump Cutting',
+		relativePath: 'docs/miscellaneous/snippets/jumpcuts.mdx',
+		compId: 'articles-docs-miscellaneous-snippets-jumpcuts',
+		crumb: 'Snippets',
+		noAi: false,
+		slug: 'miscellaneous/snippets/jumpcuts',
 	},
 	{
-		id: 'rendermediaoncloudrun',
-		title: 'renderMediaOnCloudrun()',
-		relativePath: 'docs/cloudrun/rendermediaoncloudrun.mdx',
-		compId: 'articles-docs-cloudrun-rendermediaoncloudrun',
-		crumb: 'Cloud Run API',
+		id: 'miscellaneous/snippets/offthread-video-while-rendering',
+		title: '<OffthreadVideo /> while rendering',
+		relativePath:
+			'docs/miscellaneous/snippets/offthread-video-while-rendering.mdx',
+		compId:
+			'articles-docs-miscellaneous-snippets-offthread-video-while-rendering',
+		crumb: 'Snippets',
+		noAi: false,
+		slug: 'miscellaneous/snippets/offthread-video-while-rendering',
 	},
 	{
-		id: 'speculateservicename',
-		title: 'speculateServiceName()',
-		relativePath: 'docs/cloudrun/speculateservicename.mdx',
-		compId: 'articles-docs-cloudrun-speculateservicename',
-		crumb: 'Cloud Run API',
+		id: 'miscellaneous/snippets/player-in-iframe',
+		title: 'Embedding a <Player> into an <iframe>',
+		relativePath: 'docs/miscellaneous/snippets/player-in-iframe.mdx',
+		compId: 'articles-docs-miscellaneous-snippets-player-in-iframe',
+		crumb: 'Snippets',
+		noAi: false,
+		slug: 'miscellaneous/snippets/player-in-iframe',
 	},
 	{
-		id: 'cloudrun/limits',
-		title: 'Cloud Run Limits',
-		relativePath: 'docs/cloudrun/limits.mdx',
-		compId: 'articles-docs-cloudrun-limits',
-		crumb: 'Cloud Run',
+		id: 'miscellaneous/snippets/use-delay-render',
+		title: 'useDelayRender()',
+		relativePath: 'docs/miscellaneous/snippets/use-delay-render.mdx',
+		compId: 'articles-docs-miscellaneous-snippets-use-delay-render',
+		crumb: 'Snippets',
+		noAi: false,
+		slug: 'miscellaneous/snippets/use-delay-render',
 	},
 	{
-		id: 'deploysite',
-		title: 'deploySite()',
-		relativePath: 'docs/cloudrun/deploysite.mdx',
-		compId: 'articles-docs-cloudrun-deploysite',
-		crumb: 'Cloud Run API',
+		id: 'typescript-aliases',
+		title: 'TypeScript aliases',
+		relativePath: 'docs/miscellaneous/ts-aliases.mdx',
+		compId: 'articles-docs-miscellaneous-ts-aliases',
+		crumb: 'How to',
+		noAi: false,
+		slug: 'typescript-aliases',
 	},
 	{
-		id: 'uninstall',
-		title: 'Uninstall Cloud Run',
-		relativePath: 'docs/cloudrun/uninstall.mdx',
-		compId: 'articles-docs-cloudrun-uninstall',
-		crumb: null,
+		id: 'miscellaneous/vercel-functions',
+		title: 'Can I render videos using Vercel Serverless functions?',
+		relativePath: 'docs/miscellaneous/vercel-functions.mdx',
+		compId: 'articles-docs-miscellaneous-vercel-functions',
+		crumb: 'FAQ',
+		noAi: false,
+		slug: 'miscellaneous/vercel-functions',
 	},
 	{
-		id: 'deletesite',
-		title: 'deleteSite()',
-		relativePath: 'docs/cloudrun/deletesite.mdx',
-		compId: 'articles-docs-cloudrun-deletesite',
-		crumb: 'Cloud Run API',
+		id: 'miscellaneous/video-formats',
+		title: 'Which video formats does Remotion support?',
+		relativePath: 'docs/miscellaneous/video-formats.mdx',
+		compId: 'articles-docs-miscellaneous-video-formats',
+		crumb: 'FAQ',
+		noAi: false,
+		slug: 'miscellaneous/video-formats',
 	},
 	{
-		id: 'reusability',
-		title: 'Making components reusable',
-		relativePath: 'docs/sequences.mdx',
-		compId: 'articles-docs-sequences',
-		crumb: 'The power of React',
+		id: 'motion-blur/camera-motion-blur',
+		title: '<CameraMotionBlur>',
+		relativePath: 'docs/motion-blur/camera-motion-blur.mdx',
+		compId: 'articles-docs-motion-blur-camera-motion-blur',
+		crumb: 'Realistic camera effect',
+		noAi: false,
+		slug: 'motion-blur/camera-motion-blur',
 	},
 	{
-		id: 'three-canvas',
-		title: '<ThreeCanvas>',
-		relativePath: 'docs/three-canvas.mdx',
-		compId: 'articles-docs-three-canvas',
-		crumb: '@remotion/three',
+		id: 'motion-blur/common-mistake',
+		title: 'Common mistake with <MotionBlur> and <Trail>',
+		relativePath: 'docs/motion-blur/common-mistake.mdx',
+		compId: 'articles-docs-motion-blur-common-mistake',
+		crumb: null,
+		noAi: false,
+		slug: 'motion-blur/common-mistake',
 	},
 	{
-		id: 'compare-ssr',
-		title: 'Comparison of server-side rendering options',
-		relativePath: 'docs/compare.mdx',
-		compId: 'articles-docs-compare',
-		crumb: 'Compare',
+		id: 'motion-blur/index',
+		title: '@remotion/motion-blur',
+		relativePath: 'docs/motion-blur/index.mdx',
+		compId: 'articles-docs-motion-blur-index',
+		crumb: null,
+		noAi: false,
+		slug: 'motion-blur/index',
 	},
 	{
-		id: 'videos/sequence',
-		title: 'Playing videos in sequence',
-		relativePath: 'docs/videos/sequence.mdx',
-		compId: 'articles-docs-videos-sequence',
-		crumb: 'How To',
+		id: 'motion-blur/motion-blur',
+		title: '<MotionBlur>',
+		relativePath: 'docs/motion-blur/motion-blur.mdx',
+		compId: 'articles-docs-motion-blur-motion-blur',
+		crumb: null,
+		noAi: false,
+		slug: 'motion-blur/motion-blur',
 	},
 	{
-		id: 'videos/index',
-		title: 'Embedding videos into Remotion',
-		relativePath: 'docs/videos/index.mdx',
-		compId: 'articles-docs-videos-index',
-		crumb: 'How To',
+		id: 'motion-blur/trail',
+		title: '<Trail>',
+		relativePath: 'docs/motion-blur/trail.mdx',
+		compId: 'articles-docs-motion-blur-trail',
+		crumb: 'Motion blur',
+		noAi: false,
+		slug: 'motion-blur/trail',
 	},
 	{
-		id: 'videos/transparency',
-		title: 'Embedding transparent videos',
-		relativePath: 'docs/videos/transparency.mdx',
-		compId: 'articles-docs-videos-transparency',
-		crumb: 'How To',
+		id: 'multiple-fps',
+		title: 'Supporting multiple frame rates',
+		relativePath: 'docs/multiple-fps.mdx',
+		compId: 'articles-docs-multiple-fps',
+		crumb: 'Building apps',
+		noAi: false,
+		slug: 'multiple-fps',
 	},
 	{
-		id: 'version-mismatch',
-		title: 'Version mismatch',
-		relativePath: 'docs/version-mismatch.mdx',
-		compId: 'articles-docs-version-mismatch',
-		crumb: 'How to fix a',
+		id: 'noise/index',
+		title: '@remotion/noise',
+		relativePath: 'docs/noise/index.mdx',
+		compId: 'articles-docs-noise-index',
+		crumb: null,
+		noAi: false,
+		slug: 'noise/index',
 	},
 	{
-		id: 'svelte',
-		title: 'Using Remotion in Svelte',
-		relativePath: 'docs/svelte.mdx',
-		compId: 'articles-docs-svelte',
-		crumb: 'Integrations',
+		id: 'noise/noise-2d',
+		title: 'noise2D()',
+		relativePath: 'docs/noise/noise-2d.mdx',
+		compId: 'articles-docs-noise-noise-2d',
+		crumb: 'Make some',
+		noAi: false,
+		slug: 'noise/noise-2d',
 	},
 	{
-		id: 'iframe',
-		title: '<IFrame>',
-		relativePath: 'docs/iframe.mdx',
-		compId: 'articles-docs-iframe',
-		crumb: 'API',
+		id: 'noise/noise-3d',
+		title: 'noise3D()',
+		relativePath: 'docs/noise/noise-3d.mdx',
+		compId: 'articles-docs-noise-noise-3d',
+		crumb: 'Make some',
+		noAi: false,
+		slug: 'noise/noise-3d',
 	},
 	{
-		id: 'cloudrun',
-		title: '@remotion/cloudrun',
-		relativePath: 'docs/cloudrun.mdx',
-		compId: 'articles-docs-cloudrun',
-		crumb: null,
+		id: 'noise/noise-4d',
+		title: 'noise4D()',
+		relativePath: 'docs/noise/noise-4d.mdx',
+		compId: 'articles-docs-noise-noise-4d',
+		crumb: 'Make some',
+		noAi: false,
+		slug: 'noise/noise-4d',
 	},
 	{
-		id: 'artifacts',
-		title: 'Emitting Artifacts',
-		relativePath: 'docs/artifacts.mdx',
-		compId: 'articles-docs-artifacts',
+		id: 'noise-visualization',
+		title: 'Noise visualization',
+		relativePath: 'docs/noise-visualization.mdx',
+		compId: 'articles-docs-noise-visualization',
 		crumb: 'Techniques',
+		noAi: false,
+		slug: 'noise-visualization',
 	},
 	{
-		id: 'transitioning',
-		title: 'Transitions',
-		relativePath: 'docs/transitions.mdx',
-		compId: 'articles-docs-transitions',
-		crumb: 'Techniques',
+		id: 'non-seekable-media',
+		title: 'Non-seekable media',
+		relativePath: 'docs/non-seekable-media.mdx',
+		compId: 'articles-docs-non-seekable-media',
+		crumb: 'Troubleshooting',
+		noAi: false,
+		slug: 'non-seekable-media',
 	},
 	{
-		id: 'player-into-remotion-project',
-		title: 'Turn a <Player> into a Remotion project',
-		relativePath: 'docs/player-into-remotion-project.mdx',
-		compId: 'articles-docs-player-into-remotion-project',
-		crumb: 'Converting Remotion Projects',
+		id: "'null'",
+		title: '<Experimental.Null>',
+		relativePath: 'docs/null.mdx',
+		compId: 'articles-docs-null',
+		crumb: 'Experimental API',
+		noAi: false,
+		slug: "'null'",
+	},
+	{
+		id: 'offthreadvideo',
+		title: '<OffthreadVideo>',
+		relativePath: 'docs/offthreadvideo.mdx',
+		compId: 'articles-docs-offthreadvideo',
+		crumb: 'API',
+		noAi: false,
+		slug: 'offthreadvideo',
 	},
 	{
 		id: 'gl-options',
@@ -2201,174 +2853,242 @@ export const articles = [
 		relativePath: 'docs/open-gl.mdx',
 		compId: 'articles-docs-open-gl',
 		crumb: 'Flags',
+		noAi: false,
+		slug: 'gl-options',
 	},
 	{
-		id: 'interpolate-colors',
-		title: 'interpolateColors()',
-		relativePath: 'docs/interpolate-colors.mdx',
-		compId: 'articles-docs-interpolate-colors',
-		crumb: 'API',
+		id: 'openai-whisper/index',
+		title: '@remotion/openai-whisper',
+		relativePath: 'docs/openai-whisper/index.mdx',
+		compId: 'articles-docs-openai-whisper-index',
+		crumb: 'Subtitle videos',
+		noAi: false,
+		slug: 'openai-whisper/index',
 	},
 	{
-		id: 'using-randomness',
-		title: 'Using randomness',
-		relativePath: 'docs/using-randomness.mdx',
-		compId: 'articles-docs-using-randomness',
-		crumb: 'Roll the dice',
+		id: 'openai-whisper/openai-whisper-api-to-captions',
+		title: 'openAiWhisperApiToCaptions()',
+		relativePath: 'docs/openai-whisper/openai-whisper-api-to-captions.mdx',
+		compId: 'articles-docs-openai-whisper-openai-whisper-api-to-captions',
+		crumb: '@remotion/openai-whisper',
+		noAi: false,
+		slug: 'openai-whisper/openai-whisper-api-to-captions',
 	},
 	{
-		id: '5-0-migration',
-		title: 'v5.0 Migration',
-		relativePath: 'docs/5-0-migration.mdx',
-		compId: 'articles-docs-5-0-migration',
-		crumb: 'Version Upgrade',
+		id: 'overlay',
+		title: 'Creating overlays',
+		relativePath: 'docs/overlay.mdx',
+		compId: 'articles-docs-overlay',
+		crumb: null,
+		noAi: false,
+		slug: 'overlay',
 	},
 	{
-		id: 'get-input-props',
-		title: 'getInputProps()',
-		relativePath: 'docs/get-input-props.mdx',
-		compId: 'articles-docs-get-input-props',
-		crumb: 'API',
+		id: 'webpack',
+		title: 'Custom Webpack config',
+		relativePath: 'docs/overwriting-webpack-config.mdx',
+		compId: 'articles-docs-overwriting-webpack-config',
+		crumb: 'How To',
+		noAi: false,
+		slug: 'webpack',
 	},
 	{
-		id: 'measuring',
-		title: 'Measuring DOM nodes',
-		relativePath: 'docs/measuring.mdx',
-		compId: 'articles-docs-measuring',
+		id: 'parameterized-rendering',
+		title: 'Parameterized videos',
+		relativePath: 'docs/parameterized-rendering.mdx',
+		compId: 'articles-docs-parameterized-rendering',
 		crumb: 'How To',
+		noAi: false,
+		slug: 'parameterized-rendering',
 	},
 	{
-		id: '2-0-migration',
-		title: 'v2.0 Migration',
-		relativePath: 'docs/2-0-migration.mdx',
-		compId: 'articles-docs-2-0-migration',
-		crumb: 'Version Upgrade',
+		id: 'passing-props',
+		title: 'Passing props to a composition',
+		relativePath: 'docs/passing-props.mdx',
+		compId: 'articles-docs-passing-props',
+		crumb: 'How To',
+		noAi: false,
+		slug: 'passing-props',
 	},
 	{
-		id: 'getting-started',
-		title: 'Creating a new project',
-		relativePath: 'docs/getting-started.mdx',
-		compId: 'articles-docs-getting-started',
-		crumb: "Let's begin!",
+		id: 'paths/evolve-path',
+		title: 'evolvePath()',
+		relativePath: 'docs/paths/evolve-path.mdx',
+		compId: 'articles-docs-paths-evolve-path',
+		crumb: '@remotion/paths',
+		noAi: false,
+		slug: 'paths/evolve-path',
 	},
 	{
-		id: 'google-fonts',
-		title: '@remotion/google-fonts',
-		relativePath: 'docs/google-fonts/index.mdx',
-		compId: 'articles-docs-google-fonts-index',
-		crumb: null,
+		id: 'paths/extend-viewbox',
+		title: 'extendViewBox()',
+		relativePath: 'docs/paths/extend-viewbox.mdx',
+		compId: 'articles-docs-paths-extend-viewbox',
+		crumb: '@remotion/paths',
+		noAi: false,
+		slug: 'paths/extend-viewbox',
 	},
 	{
-		id: 'google-fonts/get-available-fonts',
-		title: 'getAvailableFonts()',
-		relativePath: 'docs/google-fonts/get-available-fonts.mdx',
-		compId: 'articles-docs-google-fonts-get-available-fonts',
-		crumb: '@remotion/google-fonts',
+		id: 'paths/get-bounding-box',
+		title: 'getBoundingBox()',
+		relativePath: 'docs/paths/get-bounding-box.mdx',
+		compId: 'articles-docs-paths-get-bounding-box',
+		crumb: '@remotion/paths',
+		noAi: false,
+		slug: 'paths/get-bounding-box',
 	},
 	{
-		id: 'google-fonts/get-info',
-		title: 'getInfo()',
-		relativePath: 'docs/google-fonts/get-info.mdx',
-		compId: 'articles-docs-google-fonts-get-info',
-		crumb: '@remotion/google-fonts',
+		id: 'paths/get-instruction-index-at-length',
+		title: 'getInstructionIndexAtLength()',
+		relativePath: 'docs/paths/get-instruction-index-at-length.mdx',
+		compId: 'articles-docs-paths-get-instruction-index-at-length',
+		crumb: '@remotion/paths',
+		noAi: false,
+		slug: 'paths/get-instruction-index-at-length',
 	},
 	{
-		id: 'google-fonts/load-font',
-		title: 'loadFont()',
-		relativePath: 'docs/google-fonts/load-font.mdx',
-		compId: 'articles-docs-google-fonts-load-font',
-		crumb: '@remotion/google-fonts',
+		id: 'paths/get-length',
+		title: 'getLength()',
+		relativePath: 'docs/paths/get-length.mdx',
+		compId: 'articles-docs-paths-get-length',
+		crumb: '@remotion/paths',
+		noAi: false,
+		slug: 'paths/get-length',
 	},
 	{
-		id: 'media-utils/index',
-		title: '@remotion/media-utils',
-		relativePath: 'docs/media-utils/index.mdx',
-		compId: 'articles-docs-media-utils-index',
-		crumb: null,
+		id: 'paths/get-parts',
+		title: 'getParts()',
+		relativePath: 'docs/paths/get-parts.mdx',
+		compId: 'articles-docs-paths-get-parts',
+		crumb: '@remotion/paths',
+		noAi: false,
+		slug: 'paths/get-parts',
 	},
 	{
-		id: 'noise/noise-4d',
-		title: 'noise4D()',
-		relativePath: 'docs/noise/noise-4d.mdx',
-		compId: 'articles-docs-noise-noise-4d',
-		crumb: 'Make some',
+		id: 'paths/get-point-at-length',
+		title: 'getPointAtLength()',
+		relativePath: 'docs/paths/get-point-at-length.mdx',
+		compId: 'articles-docs-paths-get-point-at-length',
+		crumb: '@remotion/paths',
+		noAi: false,
+		slug: 'paths/get-point-at-length',
 	},
 	{
-		id: 'noise/noise-3d',
-		title: 'noise3D()',
-		relativePath: 'docs/noise/noise-3d.mdx',
-		compId: 'articles-docs-noise-noise-3d',
-		crumb: 'Make some',
+		id: 'paths/get-subpaths',
+		title: 'getSubpaths()',
+		relativePath: 'docs/paths/get-subpaths.mdx',
+		compId: 'articles-docs-paths-get-subpaths',
+		crumb: '@remotion/paths',
+		noAi: false,
+		slug: 'paths/get-subpaths',
 	},
 	{
-		id: 'noise/index',
-		title: '@remotion/noise',
-		relativePath: 'docs/noise/index.mdx',
-		compId: 'articles-docs-noise-index',
-		crumb: null,
+		id: 'paths/get-tangent-at-length',
+		title: 'getTangentAtLength()',
+		relativePath: 'docs/paths/get-tangent-at-length.mdx',
+		compId: 'articles-docs-paths-get-tangent-at-length',
+		crumb: '@remotion/paths',
+		noAi: false,
+		slug: 'paths/get-tangent-at-length',
 	},
 	{
-		id: 'noise/noise-2d',
-		title: 'noise2D()',
-		relativePath: 'docs/noise/noise-2d.mdx',
-		compId: 'articles-docs-noise-noise-2d',
-		crumb: 'Make some',
+		id: 'paths/index',
+		title: '@remotion/paths',
+		relativePath: 'docs/paths/index.mdx',
+		compId: 'articles-docs-paths-index',
+		crumb: 'SVG',
+		noAi: false,
+		slug: 'paths/index',
 	},
 	{
-		id: 'security',
-		title: 'Security Best Practices',
-		relativePath: 'docs/security.mdx',
-		compId: 'articles-docs-security',
-		crumb: 'FAQ',
+		id: 'paths/interpolate-path',
+		title: 'interpolatePath()',
+		relativePath: 'docs/paths/interpolate-path.mdx',
+		compId: 'articles-docs-paths-interpolate-path',
+		crumb: '@remotion/paths',
+		noAi: false,
+		slug: 'paths/interpolate-path',
 	},
 	{
-		id: 'delay-render',
-		title: 'delayRender() and continueRender()',
-		relativePath: 'docs/delay-render.mdx',
-		compId: 'articles-docs-delay-render',
-		crumb: 'How to',
+		id: 'paths/normalize-path',
+		title: 'normalizePath()',
+		relativePath: 'docs/paths/normalize-path.mdx',
+		compId: 'articles-docs-paths-normalize-path',
+		crumb: '@remotion/paths',
+		noAi: false,
+		slug: 'paths/normalize-path',
 	},
 	{
-		id: 'loop',
-		title: '<Loop>',
-		relativePath: 'docs/loop.mdx',
-		compId: 'articles-docs-loop',
-		crumb: 'API',
+		id: 'paths/parse-path',
+		title: 'parsePath()',
+		relativePath: 'docs/paths/parse-path.mdx',
+		compId: 'articles-docs-paths-parse-path',
+		crumb: '@remotion/paths',
+		noAi: false,
+		slug: 'paths/parse-path',
 	},
 	{
-		id: 'render',
-		title: 'Render your video',
-		relativePath: 'docs/render.mdx',
-		compId: 'articles-docs-render',
-		crumb: 'How To',
+		id: 'paths/reduce-instructions',
+		title: 'reduceInstructions()',
+		relativePath: 'docs/paths/reduce-instructions.mdx',
+		compId: 'articles-docs-paths-reduce-instructions',
+		crumb: '@remotion/paths',
+		noAi: false,
+		slug: 'paths/reduce-instructions',
 	},
 	{
-		id: 'ssr-legacy',
-		title: 'Server-Side Rendering (v1 and v2)',
-		relativePath: 'docs/ssr-legacy.mdx',
-		compId: 'articles-docs-ssr-legacy',
-		crumb: 'Legacy docs',
+		id: 'paths/reset-path',
+		title: 'resetPath()',
+		relativePath: 'docs/paths/reset-path.mdx',
+		compId: 'articles-docs-paths-reset-path',
+		crumb: '@remotion/paths',
+		noAi: false,
+		slug: 'paths/reset-path',
 	},
 	{
-		id: 'continue-render',
-		title: 'continueRender()',
-		relativePath: 'docs/continue-render.mdx',
-		compId: 'articles-docs-continue-render',
-		crumb: 'API',
+		id: 'paths/reverse-path',
+		title: 'reversePath()',
+		relativePath: 'docs/paths/reverse-path.mdx',
+		compId: 'articles-docs-paths-reverse-path',
+		crumb: '@remotion/paths',
+		noAi: false,
+		slug: 'paths/reverse-path',
+	},
+	{
+		id: 'paths/scale-path',
+		title: 'scalePath()',
+		relativePath: 'docs/paths/scale-path.mdx',
+		compId: 'articles-docs-paths-scale-path',
+		crumb: '@remotion/paths',
+		noAi: false,
+		slug: 'paths/scale-path',
+	},
+	{
+		id: 'paths/serialize-instructions',
+		title: 'serializeInstructions()',
+		relativePath: 'docs/paths/serialize-instructions.mdx',
+		compId: 'articles-docs-paths-serialize-instructions',
+		crumb: '@remotion/paths',
+		noAi: false,
+		slug: 'paths/serialize-instructions',
 	},
 	{
-		id: 'presigned-urls',
-		title: 'Upload with a presigned URL',
-		relativePath: 'docs/presigned-urls.mdx',
-		compId: 'articles-docs-presigned-urls',
-		crumb: 'Building video apps',
+		id: 'paths/translate-path',
+		title: 'translatePath()',
+		relativePath: 'docs/paths/translate-path.mdx',
+		compId: 'articles-docs-paths-translate-path',
+		crumb: '@remotion/paths',
+		noAi: false,
+		slug: 'paths/translate-path',
 	},
 	{
-		id: 'tailwind-legacy',
-		title: 'TailwindCSS v2 (Legacy)',
-		relativePath: 'docs/tailwind-2.mdx',
-		compId: 'articles-docs-tailwind-2',
-		crumb: 'Legacy docs',
+		id: 'paths/warp-path',
+		title: 'warpPath()',
+		relativePath: 'docs/paths/warp-path.mdx',
+		compId: 'articles-docs-paths-warp-path',
+		crumb: '@remotion/paths',
+		noAi: false,
+		slug: 'paths/warp-path',
 	},
 	{
 		id: 'performance',
@@ -2376,1214 +3096,1569 @@ export const articles = [
 		relativePath: 'docs/performance.mdx',
 		compId: 'articles-docs-performance',
 		crumb: 'Need for Speed',
+		noAi: false,
+		slug: 'performance',
 	},
 	{
-		id: 'getregions',
-		title: 'getRegions()',
-		relativePath: 'docs/lambda/getregions.mdx',
-		compId: 'articles-docs-lambda-getregions',
-		crumb: 'Lambda API',
-	},
-	{
-		id: 'lambda/feb-2023-incident',
-		title: 'Upgrade your Lambda functions to prevent breakage',
-		relativePath: 'docs/lambda/feb-2023-incident.mdx',
-		compId: 'articles-docs-lambda-feb-2023-incident',
-		crumb: 'DevOps advisory',
-	},
-	{
-		id: 'lambda/multiple-buckets',
-		title: 'Multiple buckets in Remotion Lambda',
-		relativePath: 'docs/lambda/multiple-buckets.mdx',
-		compId: 'articles-docs-lambda-multiple-buckets',
-		crumb: '@remotion/lambda',
+		id: 'player/api',
+		title: '<Player>',
+		relativePath: 'docs/player/api.mdx',
+		compId: 'articles-docs-player-api',
+		crumb: '@remotion/player',
+		noAi: false,
+		slug: 'player/player',
 	},
 	{
-		id: 'cli',
-		title: '@remotion/lambda - CLI',
-		relativePath: 'docs/lambda/cli.mdx',
-		compId: 'articles-docs-lambda-cli',
-		crumb: null,
+		id: 'autoplay',
+		title: 'Combatting autoplay issues',
+		relativePath: 'docs/player/autoplay.mdx',
+		compId: 'articles-docs-player-autoplay',
+		crumb: '@remotion/player',
+		noAi: false,
+		slug: 'player/autoplay',
 	},
 	{
-		id: 'getuserpolicy',
-		title: 'getUserPolicy()',
-		relativePath: 'docs/lambda/getuserpolicy.mdx',
-		compId: 'articles-docs-lambda-getuserpolicy',
-		crumb: 'Lambda API',
+		id: 'best-practices',
+		title: 'Player - Best practices',
+		relativePath: 'docs/player/best-practices.mdx',
+		compId: 'articles-docs-player-best-practices',
+		crumb: '@remotion/player',
+		noAi: false,
+		slug: 'player/best-practices',
 	},
 	{
-		id: 'concurrency',
-		title: 'Concurrency',
-		relativePath: 'docs/lambda/concurrency.mdx',
-		compId: 'articles-docs-lambda-concurrency',
-		crumb: 'Lambda',
+		id: 'buffer-state',
+		title: 'The Player buffer state',
+		relativePath: 'docs/player/buffer-state.mdx',
+		compId: 'articles-docs-player-buffer-state',
+		crumb: 'Best practices',
+		noAi: false,
+		slug: 'player/buffer-state',
 	},
 	{
-		id: 'autodelete',
-		title: 'Auto-delete renders',
-		relativePath: 'docs/lambda/autodelete.mdx',
-		compId: 'articles-docs-lambda-autodelete',
-		crumb: 'Lambda API',
+		id: 'current-time',
+		title: 'Displaying the current time',
+		relativePath: 'docs/player/current-time.mdx',
+		compId: 'articles-docs-player-current-time',
+		crumb: '@remotion/player',
+		noAi: false,
+		slug: 'player/current-time',
 	},
 	{
-		id: 'optimizing-speed',
-		title: 'Optimizing for speed',
-		relativePath: 'docs/lambda/speed.mdx',
-		compId: 'articles-docs-lambda-speed',
-		crumb: 'Lambda',
+		id: 'custom-controls',
+		title: 'Custom controls for the Player',
+		relativePath: 'docs/player/custom-controls.mdx',
+		compId: 'articles-docs-player-custom-controls',
+		crumb: '@remotion/player',
+		noAi: false,
+		slug: 'player/custom-controls',
 	},
 	{
-		id: 'rendervideoonlambda',
-		title: 'renderVideoOnLambda()',
-		relativePath: 'docs/lambda/rendervideoonlambda.mdx',
-		compId: 'articles-docs-lambda-rendervideoonlambda',
-		crumb: 'Lambda API',
+		id: 'player/drag-and-drop/index',
+		title: 'Drag & Drop in the Remotion Player',
+		relativePath: 'docs/player/drag-and-drop/index.mdx',
+		compId: 'articles-docs-player-drag-and-drop-index',
+		crumb: '@remotion/player',
+		noAi: true,
+		slug: 'player/drag-and-drop/index',
 	},
 	{
-		id: 'getsites',
-		title: 'getSites()',
-		relativePath: 'docs/lambda/getsites.mdx',
-		compId: 'articles-docs-lambda-getsites',
-		crumb: 'Lambda API',
+		id: 'player/index',
+		title: '@remotion/player',
+		relativePath: 'docs/player/index.mdx',
+		compId: 'articles-docs-player-index',
+		crumb: null,
+		noAi: false,
+		slug: 'player/index',
 	},
 	{
-		id: 'speculatefunctionname',
-		title: 'speculateFunctionName()',
-		relativePath: 'docs/lambda/speculateFunctionName.mdx',
-		compId: 'articles-docs-lambda-speculateFunctionName',
-		crumb: 'Lambda API',
+		id: 'installation',
+		title: 'Installation',
+		relativePath: 'docs/player/installation.mdx',
+		compId: 'articles-docs-player-installation',
+		crumb: '@remotion/player',
+		noAi: false,
+		slug: 'player/installation',
 	},
 	{
-		id: 'lambda/permissions',
-		title: 'Permissions',
-		relativePath: 'docs/lambda/permissions.mdx',
-		compId: 'articles-docs-lambda-permissions',
-		crumb: 'Lambda',
+		id: 'media-keys',
+		title: 'Media Key Behavior (Web MediaSession API)',
+		relativePath: 'docs/player/media-keys.mdx',
+		compId: 'articles-docs-player-media-keys',
+		crumb: '@remotion/player',
+		noAi: false,
+		slug: 'player/media-keys',
 	},
 	{
-		id: 'deployfunction',
-		title: 'deployFunction()',
-		relativePath: 'docs/lambda/deployfunction.mdx',
-		compId: 'articles-docs-lambda-deployfunction',
-		crumb: 'Lambda API',
+		id: 'examples',
+		title: 'Examples for @remotion/player',
+		relativePath: 'docs/player/player-examples.mdx',
+		compId: 'articles-docs-player-player-examples',
+		crumb: '@remotion/player',
+		noAi: false,
+		slug: 'player/examples',
 	},
 	{
-		id: 'feb-2022-outage',
-		title: 'February 2022 Outage',
-		relativePath: 'docs/lambda/feb-2022-outage.mdx',
-		compId: 'articles-docs-lambda-feb-2022-outage',
-		crumb: null,
+		id: 'integration',
+		title: 'Code sharing',
+		relativePath: 'docs/player/player-integration.mdx',
+		compId: 'articles-docs-player-player-integration',
+		crumb: '@remotion/player',
+		noAi: false,
+		slug: 'player/integration',
 	},
 	{
-		id: 'lambda/ruby',
-		title: 'Triggering renders from Ruby',
-		relativePath: 'docs/lambda/ruby.mdx',
-		compId: 'articles-docs-lambda-ruby',
-		crumb: '@remotion/lambda',
+		id: 'player/preloading',
+		title: 'Preloading assets',
+		relativePath: 'docs/player/preloading.mdx',
+		compId: 'articles-docs-player-preloading',
+		crumb: '@remotion/player',
+		noAi: false,
+		slug: 'player/preloading',
 	},
 	{
-		id: 'getrenderprogress',
-		title: 'getRenderProgress()',
-		relativePath: 'docs/lambda/getrenderprogress.mdx',
-		compId: 'articles-docs-lambda-getrenderprogress',
-		crumb: 'Lambda API',
+		id: 'player/premounting',
+		title: 'Premounting',
+		relativePath: 'docs/player/premounting.mdx',
+		compId: 'articles-docs-player-premounting',
+		crumb: '@remotion/player',
+		noAi: false,
+		slug: 'player/premounting',
 	},
 	{
-		id: 'authentication',
-		title: 'Authentication',
-		relativePath: 'docs/lambda/authentication.mdx',
-		compId: 'articles-docs-lambda-authentication',
-		crumb: 'Lambda',
+		id: 'scaling',
+		title: 'Sizing',
+		relativePath: 'docs/player/scaling.mdx',
+		compId: 'articles-docs-player-scaling',
+		crumb: '@remotion/player',
+		noAi: false,
+		slug: 'player/scaling',
 	},
 	{
-		id: 'lambda/python',
-		title: 'Triggering renders from Python',
-		relativePath: 'docs/lambda/python.mdx',
-		compId: 'articles-docs-lambda-python',
-		crumb: '@remotion/lambda',
+		id: 'thumbnail',
+		title: '<Thumbnail>',
+		relativePath: 'docs/player/thumbnail.mdx',
+		compId: 'articles-docs-player-thumbnail',
+		crumb: '@remotion/player',
+		noAi: false,
+		slug: 'player/thumbnail',
 	},
 	{
-		id: 'lambda/webhooks',
-		title: 'Webhooks',
-		relativePath: 'docs/lambda/webhooks.mdx',
-		compId: 'articles-docs-lambda-webhooks',
-		crumb: 'Lambda',
+		id: 'player-into-remotion-project',
+		title: 'Turn a <Player> into a Remotion project',
+		relativePath: 'docs/player-into-remotion-project.mdx',
+		compId: 'articles-docs-player-into-remotion-project',
+		crumb: 'Converting Remotion Projects',
+		noAi: false,
+		slug: 'player-into-remotion-project',
 	},
 	{
-		id: 'getorcreatebucket',
-		title: 'getOrCreateBucket()',
-		relativePath: 'docs/lambda/getorcreatebucket.mdx',
-		compId: 'articles-docs-lambda-getorcreatebucket',
-		crumb: 'Lambda API',
+		id: 'prefetch',
+		title: 'prefetch()',
+		relativePath: 'docs/prefetch.mdx',
+		compId: 'articles-docs-prefetch',
+		crumb: 'API',
+		noAi: false,
+		slug: 'prefetch',
 	},
 	{
-		id: 'custom-destination',
-		title: 'Customizing Lambda output destination',
-		relativePath: 'docs/lambda/custom-destination.mdx',
-		compId: 'articles-docs-lambda-custom-destination',
-		crumb: 'Lambda',
+		id: 'preload-audio',
+		title: 'preloadAudio()',
+		relativePath: 'docs/preload/preload-audio.mdx',
+		compId: 'articles-docs-preload-preload-audio',
+		crumb: '@remotion/preload',
+		noAi: false,
+		slug: 'preload/preload-audio',
 	},
 	{
-		id: 'deletefunction',
-		title: 'deleteFunction()',
-		relativePath: 'docs/lambda/deletefunction.mdx',
-		compId: 'articles-docs-lambda-deletefunction',
-		crumb: 'Lambda API',
+		id: 'preload-font',
+		title: 'preloadFont()',
+		relativePath: 'docs/preload/preload-font.mdx',
+		compId: 'articles-docs-preload-preload-font',
+		crumb: '@remotion/preload',
+		noAi: false,
+		slug: 'preload/preload-font',
 	},
 	{
-		id: 'estimateprice',
-		title: 'estimatePrice()',
-		relativePath: 'docs/lambda/estimateprice.mdx',
-		compId: 'articles-docs-lambda-estimateprice',
-		crumb: 'Lambda API',
+		id: 'preload-image',
+		title: 'preloadImage()',
+		relativePath: 'docs/preload/preload-image.mdx',
+		compId: 'articles-docs-preload-preload-image',
+		crumb: '@remotion/preload',
+		noAi: false,
+		slug: 'preload/preload-image',
 	},
 	{
-		id: 'getrolepolicy',
-		title: 'getRolePolicy()',
-		relativePath: 'docs/lambda/getrolepolicy.mdx',
-		compId: 'articles-docs-lambda-getrolepolicy',
-		crumb: 'Lambda API',
+		id: 'preload-video',
+		title: 'preloadVideo()',
+		relativePath: 'docs/preload/preload-video.mdx',
+		compId: 'articles-docs-preload-preload-video',
+		crumb: '@remotion/player',
+		noAi: false,
+		slug: 'preload/preload-video',
 	},
 	{
-		id: 'lambda/light-client',
-		title: 'Light client',
-		relativePath: 'docs/lambda/light-client.mdx',
-		compId: 'articles-docs-lambda-light-client',
-		crumb: 'Lambda',
+		id: 'preload',
+		title: '@remotion/preload',
+		relativePath: 'docs/preload/preload.mdx',
+		compId: 'articles-docs-preload-preload',
+		crumb: null,
+		noAi: false,
+		slug: 'preload/preload',
 	},
 	{
-		id: 'debug',
-		title: 'Debugging failed Lambda renders',
-		relativePath: 'docs/lambda/troubleshooting/debug.mdx',
-		compId: 'articles-docs-lambda-troubleshooting-debug',
-		crumb: 'Lambda',
+		id: 'prereleases',
+		title: 'Testing prereleases',
+		relativePath: 'docs/prereleases.mdx',
+		compId: 'articles-docs-prereleases',
+		crumb: 'Only the brave',
+		noAi: false,
+		slug: 'prereleases',
 	},
 	{
-		id: 'unrecognizedclientexception',
-		title: 'UnrecognizedClientException',
-		relativePath: 'docs/lambda/troubleshooting/unrecognizedclientexception.mdx',
-		compId: 'articles-docs-lambda-troubleshooting-unrecognizedclientexception',
-		crumb: 'Lambda Troubleshooting',
+		id: 'presigned-urls',
+		title: 'Upload with a presigned URL',
+		relativePath: 'docs/presigned-urls.mdx',
+		compId: 'articles-docs-presigned-urls',
+		crumb: 'Building video apps',
+		noAi: false,
+		slug: 'presigned-urls',
 	},
 	{
-		id: 'bucket-disallows-acl',
-		title: 'The bucket does not allow ACLs',
-		relativePath: 'docs/lambda/troubleshooting/bucket-disallows-acl.mdx',
-		compId: 'articles-docs-lambda-troubleshooting-bucket-disallows-acl',
-		crumb: 'Lambda Troubleshooting',
+		id: 'preview',
+		title: 'Preview your video',
+		relativePath: 'docs/preview.mdx',
+		compId: 'articles-docs-preview',
+		crumb: 'Timeline basics',
+		noAi: false,
+		slug: 'preview',
 	},
 	{
-		id: 'permissions',
-		title: 'AWS Permissions Troubleshooting',
-		relativePath: 'docs/lambda/troubleshooting/permissions.mdx',
-		compId: 'articles-docs-lambda-troubleshooting-permissions',
-		crumb: 'Lambda Troubleshooting',
+		id: 'quality',
+		title: 'Quality Guide',
+		relativePath: 'docs/quality.mdx',
+		compId: 'articles-docs-quality',
+		crumb: 'Make it look good',
+		noAi: false,
+		slug: 'quality',
 	},
 	{
-		id: 'lambda/troubleshooting/security-token',
-		title: '"The security token included in the request is invalid"',
-		relativePath: 'docs/lambda/troubleshooting/security-token.mdx',
-		compId: 'articles-docs-lambda-troubleshooting-security-token',
-		crumb: 'Lambda',
+		id: 'random',
+		title: 'random()',
+		relativePath: 'docs/random.mdx',
+		compId: 'articles-docs-random',
+		crumb: 'API',
+		noAi: false,
+		slug: 'random',
 	},
 	{
-		id: 'rate-limit',
-		title: 'AWS Rate Limit Troubleshooting',
-		relativePath: 'docs/lambda/troubleshooting/rate-limit.mdx',
-		compId: 'articles-docs-lambda-troubleshooting-rate-limit',
-		crumb: 'Lambda Troubleshooting',
+		id: 'react-18',
+		title: 'Upgrade to React 18',
+		relativePath: 'docs/react-18.mdx',
+		compId: 'articles-docs-react-18',
+		crumb: 'The new and shiny',
+		noAi: false,
+		slug: 'react-18',
 	},
 	{
-		id: 'policies',
-		title: 'npx remotion lambda policies',
-		relativePath: 'docs/lambda/cli/policies.mdx',
-		compId: 'articles-docs-lambda-cli-policies',
-		crumb: 'Lambda CLI Reference',
+		id: 'react-19',
+		title: 'React 19',
+		relativePath: 'docs/react-19.mdx',
+		compId: 'articles-docs-react-19',
+		crumb: 'Migration Guide',
+		noAi: false,
+		slug: 'react-19',
 	},
 	{
-		id: 'quotas',
-		title: 'npx remotion lambda quotas',
-		relativePath: 'docs/lambda/cli/quotas.mdx',
-		compId: 'articles-docs-lambda-cli-quotas',
-		crumb: 'Lambda CLI Reference',
+		id: 'react-native',
+		title: 'React Native',
+		relativePath: 'docs/react-native.mdx',
+		compId: 'articles-docs-react-native',
+		crumb: null,
+		noAi: false,
+		slug: 'react-native',
 	},
 	{
-		id: 'functions',
-		title: 'npx remotion lambda functions',
-		relativePath: 'docs/lambda/cli/functions.mdx',
-		compId: 'articles-docs-lambda-cli-functions',
-		crumb: 'Lambda CLI Reference',
+		id: 'recorder/before-you-buy',
+		title: 'Before you buy',
+		relativePath: 'docs/recorder/before-you-buy.mdx',
+		compId: 'articles-docs-recorder-before-you-buy',
+		crumb: 'Recorder',
+		noAi: false,
+		slug: 'recorder/before-you-buy',
 	},
 	{
-		id: 'sites',
-		title: 'npx remotion lambda sites',
-		relativePath: 'docs/lambda/cli/sites.mdx',
-		compId: 'articles-docs-lambda-cli-sites',
-		crumb: 'Lambda CLI Reference',
+		id: 'recorder/buy',
+		title: 'Buy',
+		relativePath: 'docs/recorder/buy.mdx',
+		compId: 'articles-docs-recorder-buy',
+		crumb: 'Recorder',
+		noAi: false,
+		slug: 'recorder/buy',
 	},
 	{
-		id: 'render',
-		title: 'npx remotion lambda render',
-		relativePath: 'docs/lambda/cli/render.mdx',
-		compId: 'articles-docs-lambda-cli-render',
-		crumb: 'Lambda CLI Reference',
+		id: 'recorder/captions',
+		title: 'Generate captions',
+		relativePath: 'docs/recorder/captions.mdx',
+		compId: 'articles-docs-recorder-captions',
+		crumb: 'Recorder',
+		noAi: false,
+		slug: 'recorder/captions',
 	},
 	{
-		id: 'regions',
-		title: 'npx remotion lambda regions',
-		relativePath: 'docs/lambda/cli/regions.mdx',
-		compId: 'articles-docs-lambda-cli-regions',
-		crumb: 'Lambda CLI Reference',
+		id: 'recorder/create',
+		title: 'Create a new video',
+		relativePath: 'docs/recorder/create.mdx',
+		compId: 'articles-docs-recorder-create',
+		crumb: 'Recorder',
+		noAi: false,
+		slug: 'recorder/create',
 	},
 	{
-		id: 'lambda/cli/compositions',
-		title: 'npx remotion lambda compositions',
-		relativePath: 'docs/lambda/cli/compositions.mdx',
-		compId: 'articles-docs-lambda-cli-compositions',
-		crumb: 'Lambda CLI Reference',
+		id: 'recorder/demo',
+		title: 'Remotion Recorder Demo',
+		relativePath: 'docs/recorder/demo.mdx',
+		compId: 'articles-docs-recorder-demo',
+		crumb: 'Recorder',
+		noAi: false,
+		slug: 'recorder/demo',
 	},
 	{
-		id: 'still',
-		title: 'npx remotion lambda still',
-		relativePath: 'docs/lambda/cli/still.mdx',
-		compId: 'articles-docs-lambda-cli-still',
-		crumb: 'Lambda CLI Reference',
+		id: 'recorder/editing/b-roll',
+		title: 'B-Roll',
+		relativePath: 'docs/recorder/editing/b-roll.mdx',
+		compId: 'articles-docs-recorder-editing-b-roll',
+		crumb: 'Recorder',
+		noAi: false,
+		slug: 'recorder/editing/b-roll',
 	},
 	{
-		id: 'deleterender',
-		title: 'deleteRender()',
-		relativePath: 'docs/lambda/deleterender.mdx',
-		compId: 'articles-docs-lambda-deleterender',
-		crumb: 'Lambda API',
+		id: 'recorder/editing/captions',
+		title: 'Edit captions',
+		relativePath: 'docs/recorder/editing/captions.mdx',
+		compId: 'articles-docs-recorder-editing-captions',
+		crumb: 'Recorder',
+		noAi: false,
+		slug: 'recorder/editing/captions',
 	},
 	{
-		id: 'runtime',
-		title: 'Runtime',
-		relativePath: 'docs/lambda/runtime.mdx',
-		compId: 'articles-docs-lambda-runtime',
-		crumb: 'Lambda',
+		id: 'recorder/editing/chapters',
+		title: 'Chapters',
+		relativePath: 'docs/recorder/editing/chapters.mdx',
+		compId: 'articles-docs-recorder-editing-chapters',
+		crumb: 'Recorder',
+		noAi: false,
+		slug: 'recorder/editing/chapters',
 	},
 	{
-		id: 'upgrading',
-		title: 'Upgrading Lambda',
-		relativePath: 'docs/lambda/upgrading.mdx',
-		compId: 'articles-docs-lambda-upgrading',
-		crumb: null,
+		id: 'recorder/editing/cutting-clips',
+		title: 'Cutting clips',
+		relativePath: 'docs/recorder/editing/cutting-clips.mdx',
+		compId: 'articles-docs-recorder-editing-cutting-clips',
+		crumb: 'Recorder',
+		noAi: false,
+		slug: 'recorder/editing/cutting-clips',
 	},
 	{
-		id: 'region-selection',
-		title: 'Region selection',
-		relativePath: 'docs/lambda/region-selection.mdx',
-		compId: 'articles-docs-lambda-region-selection',
-		crumb: 'Lambda',
+		id: 'recorder/editing/editing',
+		title: 'Start editing',
+		relativePath: 'docs/recorder/editing/editing.mdx',
+		compId: 'articles-docs-recorder-editing-editing',
+		crumb: 'Recorder',
+		noAi: false,
+		slug: 'recorder/editing/editing',
 	},
 	{
-		id: 'renderstillonlambda',
-		title: 'renderStillOnLambda()',
-		relativePath: 'docs/lambda/renderstillonlambda.mdx',
-		compId: 'articles-docs-lambda-renderstillonlambda',
-		crumb: 'Lambda API',
+		id: 'recorder/editing/endcard',
+		title: 'Endcard',
+		relativePath: 'docs/recorder/editing/endcard.mdx',
+		compId: 'articles-docs-recorder-editing-endcard',
+		crumb: 'Recorder',
+		noAi: false,
+		slug: 'recorder/editing/endcard',
 	},
 	{
-		id: 'lambda/custom-layers',
-		title: 'Custom Layers',
-		relativePath: 'docs/lambda/custom-layers.mdx',
-		compId: 'articles-docs-lambda-custom-layers',
-		crumb: 'Lambda',
+		id: 'recorder/editing/layout',
+		title: 'Layout',
+		relativePath: 'docs/recorder/editing/layout.mdx',
+		compId: 'articles-docs-recorder-editing-layout',
+		crumb: 'Recorder',
+		noAi: false,
+		slug: 'recorder/editing/layout',
 	},
 	{
-		id: 'changelog',
-		title: 'Prerelease Changelog',
-		relativePath: 'docs/lambda/changelog.mdx',
-		compId: 'articles-docs-lambda-changelog',
-		crumb: null,
+		id: 'recorder/editing/music',
+		title: 'Adding music',
+		relativePath: 'docs/recorder/editing/music.mdx',
+		compId: 'articles-docs-recorder-editing-music',
+		crumb: 'Recorder',
+		noAi: false,
+		slug: 'recorder/editing/music',
 	},
 	{
-		id: 'optimizing-cost',
-		title: 'Optimizing for cost',
-		relativePath: 'docs/lambda/cost.mdx',
-		compId: 'articles-docs-lambda-cost',
-		crumb: 'Lambda',
+		id: 'recorder/editing/normalizing-audio',
+		title: 'Normalizing audio levels',
+		relativePath: 'docs/recorder/editing/normalizing-audio.mdx',
+		compId: 'articles-docs-recorder-editing-normalizing-audio',
+		crumb: 'Recorder',
+		noAi: false,
+		slug: 'recorder/editing/normalizing-audio',
 	},
 	{
-		id: 'lambda/serverless-framework-integration',
-		title: 'Using the Serverless Framework with Remotion Lambda',
-		relativePath: 'docs/lambda/serverless-framework-integration.mdx',
-		compId: 'articles-docs-lambda-serverless-framework-integration',
-		crumb: '@remotion/lambda',
+		id: 'recorder/editing/scenes',
+		title: 'Scenes',
+		relativePath: 'docs/recorder/editing/scenes.mdx',
+		compId: 'articles-docs-recorder-editing-scenes',
+		crumb: 'Recorder',
+		noAi: false,
+		slug: 'recorder/editing/scenes',
 	},
 	{
-		id: 'disk-size',
-		title: 'Disk size',
-		relativePath: 'docs/lambda/disk-size.mdx',
-		compId: 'articles-docs-lambda-disk-size',
-		crumb: 'Lambda',
+		id: 'recorder/editing/silence-removal',
+		title: 'Silence removal',
+		relativePath: 'docs/recorder/editing/silence-removal.mdx',
+		compId: 'articles-docs-recorder-editing-silence-removal',
+		crumb: 'Recorder',
+		noAi: false,
+		slug: 'recorder/editing/silence-removal',
+	},
+	{
+		id: 'recorder/editing/transitions',
+		title: 'Transitions',
+		relativePath: 'docs/recorder/editing/transitions.mdx',
+		compId: 'articles-docs-recorder-editing-transitions',
+		crumb: 'Recorder',
+		noAi: false,
+		slug: 'recorder/editing/transitions',
 	},
 	{
-		id: 'lambda/without-iam/ec2',
-		title: 'Authenticating Lambda with EC2',
-		relativePath: 'docs/lambda/without-iam/ec2.mdx',
-		compId: 'articles-docs-lambda-without-iam-ec2',
-		crumb: '@remotion/lambda',
+		id: 'recorder/exporting-subtitles',
+		title: 'Exporting subtitles',
+		relativePath: 'docs/recorder/exporting-subtitles.mdx',
+		compId: 'articles-docs-recorder-exporting-subtitles',
+		crumb: 'Recorder',
+		noAi: false,
+		slug: 'recorder/exporting-subtitles',
 	},
 	{
-		id: 'lambda/without-iam/index',
-		title: 'Using Lambda with IAM roles',
-		relativePath: 'docs/lambda/without-iam/index.mdx',
-		compId: 'articles-docs-lambda-without-iam-index',
-		crumb: 'Lambda without IAM',
+		id: 'recorder/exporting',
+		title: 'Exporting a video',
+		relativePath: 'docs/recorder/exporting.mdx',
+		compId: 'articles-docs-recorder-exporting',
+		crumb: 'Recorder',
+		noAi: false,
+		slug: 'recorder/exporting',
 	},
 	{
-		id: 'lambda/without-iam/example',
-		title: 'Example setup without IAM user',
-		relativePath: 'docs/lambda/without-iam/example.mdx',
-		compId: 'articles-docs-lambda-without-iam-example',
-		crumb: 'IAM Roles Example',
+		id: 'recorder/external-recordings',
+		title: 'External recordings',
+		relativePath: 'docs/recorder/external-recordings.mdx',
+		compId: 'articles-docs-recorder-external-recordings',
+		crumb: 'Recorder',
+		noAi: false,
+		slug: 'recorder/external-recordings',
 	},
 	{
-		id: 'downloadvideo',
-		title: 'downloadVideo()',
-		relativePath: 'docs/lambda/downloadvideo.mdx',
-		compId: 'articles-docs-lambda-downloadvideo',
-		crumb: 'Lambda API',
+		id: 'recorder/gear',
+		title: 'Our Gear',
+		relativePath: 'docs/recorder/gear.mdx',
+		compId: 'articles-docs-recorder-gear',
+		crumb: 'Recorder',
+		noAi: false,
+		slug: 'recorder/gear',
 	},
 	{
-		id: 'getawsclient',
-		title: 'getAwsClient()',
-		relativePath: 'docs/lambda/getawsclient.mdx',
-		compId: 'articles-docs-lambda-getawsclient',
-		crumb: 'Lambda API',
+		id: 'recorder/index',
+		title: 'Remotion Recorder',
+		relativePath: 'docs/recorder/index.mdx',
+		compId: 'articles-docs-recorder-index',
+		crumb: 'Templates',
+		noAi: false,
+		slug: 'recorder/index',
 	},
 	{
-		id: 'lambda/php',
-		title: 'Triggering renders from PHP',
-		relativePath: 'docs/lambda/php.mdx',
-		compId: 'articles-docs-lambda-php',
-		crumb: '@remotion/lambda',
+		id: 'recorder/lambda-rendering',
+		title: 'Render on Lambda',
+		relativePath: 'docs/recorder/lambda-rendering.mdx',
+		compId: 'articles-docs-recorder-lambda-rendering',
+		crumb: 'Recorder',
+		noAi: false,
+		slug: 'recorder/lambda-rendering',
 	},
 	{
-		id: 'rendermediaonlambda',
-		title: 'renderMediaOnLambda()',
-		relativePath: 'docs/lambda/rendermediaonlambda.mdx',
-		compId: 'articles-docs-lambda-rendermediaonlambda',
-		crumb: 'Lambda API',
+		id: 'recorder/our-recorder',
+		title: 'Our Recorder',
+		relativePath: 'docs/recorder/our-recorder.mdx',
+		compId: 'articles-docs-recorder-our-recorder',
+		crumb: 'Recorder',
+		noAi: false,
+		slug: 'recorder/our-recorder',
 	},
 	{
-		id: 'simulatepermissions',
-		title: 'simulatePermissions()',
-		relativePath: 'docs/lambda/simulatepermissions.mdx',
-		compId: 'articles-docs-lambda-simulatepermissions',
-		crumb: 'Lambda API',
+		id: 'recorder/record/cropping',
+		title: 'Cropping sources',
+		relativePath: 'docs/recorder/record/cropping.mdx',
+		compId: 'articles-docs-recorder-record-cropping',
+		crumb: 'Recorder',
+		noAi: false,
+		slug: 'recorder/record/cropping',
 	},
 	{
-		id: 'checklist',
-		title: 'Production Checklist',
-		relativePath: 'docs/lambda/checklist.mdx',
-		compId: 'articles-docs-lambda-checklist',
-		crumb: 'Lambda',
+		id: 'recorder/record/delete',
+		title: 'Delete a recording',
+		relativePath: 'docs/recorder/record/delete.mdx',
+		compId: 'articles-docs-recorder-record-delete',
+		crumb: 'Recorder',
+		noAi: false,
+		slug: 'recorder/record/delete',
 	},
 	{
-		id: 'how-lambda-works',
-		title: 'How Remotion Lambda works',
-		relativePath: 'docs/lambda/how-lambda-works.mdx',
-		compId: 'articles-docs-lambda-how-lambda-works',
-		crumb: 'Lambda',
+		id: 'recorder/record/index',
+		title: 'Record using the interface',
+		relativePath: 'docs/recorder/record/index.mdx',
+		compId: 'articles-docs-recorder-record-index',
+		crumb: 'Recorder',
+		noAi: false,
+		slug: 'recorder/record/index',
 	},
 	{
-		id: 'presignurl',
-		title: 'presignUrl()',
-		relativePath: 'docs/lambda/presignurl.mdx',
-		compId: 'articles-docs-lambda-presignurl',
-		crumb: 'Lambda API',
+		id: 'recorder/record/manually',
+		title: 'Manually add recordings',
+		relativePath: 'docs/recorder/record/manually.mdx',
+		compId: 'articles-docs-recorder-record-manually',
+		crumb: 'Recorder',
+		noAi: false,
+		slug: 'recorder/record/manually',
 	},
 	{
-		id: 'lambda/faq',
-		title: 'FAQ',
-		relativePath: 'docs/lambda/faq.mdx',
-		compId: 'articles-docs-lambda-faq',
-		crumb: 'Lambda',
+		id: 'recorder/roadmap',
+		title: 'Roadmap',
+		relativePath: 'docs/recorder/roadmap.mdx',
+		compId: 'articles-docs-recorder-roadmap',
+		crumb: 'Recorder',
+		noAi: false,
+		slug: 'recorder/roadmap',
 	},
 	{
-		id: 'lambda/api',
-		title: '@remotion/lambda',
-		relativePath: 'docs/lambda/api.mdx',
-		compId: 'articles-docs-lambda-api',
-		crumb: 'Render videos without servers on AWS',
+		id: 'recorder/setup',
+		title: 'Setup',
+		relativePath: 'docs/recorder/setup.mdx',
+		compId: 'articles-docs-recorder-setup',
+		crumb: 'Recorder',
+		noAi: false,
+		slug: 'recorder/setup',
 	},
 	{
-		id: 'validatewebhooksignature',
-		title: 'validateWebhookSignature()',
-		relativePath: 'docs/lambda/validatewebhooksignature.mdx',
-		compId: 'articles-docs-lambda-validatewebhooksignature',
-		crumb: 'Lambda API',
+		id: 'recorder/source-control',
+		title: 'Source Control',
+		relativePath: 'docs/recorder/source-control.mdx',
+		compId: 'articles-docs-recorder-source-control',
+		crumb: 'Recorder',
+		noAi: false,
+		slug: 'recorder/source-control',
 	},
 	{
-		id: 'getfunctioninfo',
-		title: 'getFunctionInfo()',
-		relativePath: 'docs/lambda/getfunctioninfo.mdx',
-		compId: 'articles-docs-lambda-getfunctioninfo',
-		crumb: 'Lambda API',
+		id: 'recorder/support',
+		title: 'Get Help',
+		relativePath: 'docs/recorder/support.mdx',
+		compId: 'articles-docs-recorder-support',
+		crumb: 'Recorder',
+		noAi: false,
+		slug: 'recorder/support',
 	},
 	{
-		id: 'setup',
-		title: 'Setup',
-		relativePath: 'docs/lambda/setup.mdx',
-		compId: 'articles-docs-lambda-setup',
-		crumb: 'Lambda',
+		id: 'recorder/troubleshooting/cannot-read-properties-of-undefined',
+		title: "Cannot read properties of undefined (reading 'decode')",
+		relativePath:
+			'docs/recorder/troubleshooting/cannot-read-properties-of-undefined.mdx',
+		compId:
+			'articles-docs-recorder-troubleshooting-cannot-read-properties-of-undefined',
+		crumb: 'Recorder',
+		noAi: false,
+		slug: 'recorder/troubleshooting/cannot-read-properties-of-undefined',
 	},
 	{
-		id: 'getfunctions',
-		title: 'getFunctions()',
-		relativePath: 'docs/lambda/getfunctions.mdx',
-		compId: 'articles-docs-lambda-getfunctions',
-		crumb: 'Lambda API',
+		id: 'recorder/troubleshooting/failed-to-execute-get-video-metadata',
+		title: 'Failed to execute getVideoMetadata()',
+		relativePath:
+			'docs/recorder/troubleshooting/failed-to-execute-get-video-metadata.mdx',
+		compId:
+			'articles-docs-recorder-troubleshooting-failed-to-execute-get-video-metadata',
+		crumb: 'Recorder',
+		noAi: false,
+		slug: 'recorder/troubleshooting/failed-to-execute-get-video-metadata',
 	},
 	{
-		id: 'getcompositionsonlambda',
-		title: 'getCompositionsOnLambda()',
-		relativePath: 'docs/lambda/getcompositionsonlambda.mdx',
-		compId: 'articles-docs-lambda-getcompositionsonlambda',
-		crumb: 'Lambda API',
+		id: 'recorder/upgrading',
+		title: 'Upgrading',
+		relativePath: 'docs/recorder/upgrading.mdx',
+		compId: 'articles-docs-recorder-upgrading',
+		crumb: 'Recorder',
+		noAi: false,
+		slug: 'recorder/upgrading',
 	},
 	{
-		id: 'downloadmedia',
-		title: 'downloadMedia()',
-		relativePath: 'docs/lambda/downloadmedia.mdx',
-		compId: 'articles-docs-lambda-downloadmedia',
-		crumb: 'Lambda API',
+		id: 'register-root',
+		title: 'registerRoot()',
+		relativePath: 'docs/register-root.mdx',
+		compId: 'articles-docs-register-root',
+		crumb: 'API',
+		noAi: false,
+		slug: 'register-root',
 	},
 	{
-		id: 'lambda/s3-public-access',
-		title: 'Cannot create a S3 bucket using Remotion',
-		relativePath: 'docs/lambda/s3-public-access.mdx',
-		compId: 'articles-docs-lambda-s3-public-access',
-		crumb: 'DevOps advisory',
+		id: 'remotion',
+		title: 'remotion',
+		relativePath: 'docs/remotion.mdx',
+		compId: 'articles-docs-remotion',
+		crumb: 'Core API Reference',
+		noAi: false,
+		slug: 'remotion',
 	},
 	{
-		id: 'cost-example',
-		title: 'How much does Remotion Lambda cost?',
-		relativePath: 'docs/lambda/cost-example.mdx',
-		compId: 'articles-docs-lambda-cost-example',
-		crumb: 'Lambda',
+		id: 'render-all',
+		title: 'Render all compositions',
+		relativePath: 'docs/render-all.mdx',
+		compId: 'articles-docs-render-all',
+		crumb: 'Techniques',
+		noAi: false,
+		slug: 'render-all',
 	},
 	{
-		id: 'lambda/limits',
-		title: 'Lambda Limits',
-		relativePath: 'docs/lambda/limits.mdx',
-		compId: 'articles-docs-lambda-limits',
-		crumb: 'Lambda',
+		id: 'render-as-gif',
+		title: 'Rendering GIFs',
+		relativePath: 'docs/render-as-gif.mdx',
+		compId: 'articles-docs-render-as-gif',
+		crumb: 'Techniques',
+		noAi: false,
+		slug: 'render-as-gif',
 	},
 	{
-		id: 'lambda/sqs',
-		title: 'Using Lambda with SQS',
-		relativePath: 'docs/lambda/sqs.mdx',
-		compId: 'articles-docs-lambda-sqs',
-		crumb: '@remotion/lambda',
+		id: 'render',
+		title: 'Render your video',
+		relativePath: 'docs/render.mdx',
+		compId: 'articles-docs-render',
+		crumb: 'How To',
+		noAi: false,
+		slug: 'render',
 	},
 	{
-		id: 'lambda/go',
-		title: 'Triggering renders from Go',
-		relativePath: 'docs/lambda/go.mdx',
-		compId: 'articles-docs-lambda-go',
-		crumb: '@remotion/lambda',
+		id: 'ensure-browser',
+		title: 'ensureBrowser()',
+		relativePath: 'docs/renderer/ensure-browser.mdx',
+		compId: 'articles-docs-renderer-ensure-browser',
+		crumb: '@remotion/renderer',
+		noAi: false,
+		slug: 'renderer/ensure-browser',
 	},
 	{
-		id: 'deploysite',
-		title: 'deploySite()',
-		relativePath: 'docs/lambda/deploysite.mdx',
-		compId: 'articles-docs-lambda-deploysite',
-		crumb: 'Lambda API',
+		id: 'ensure-ffmpeg',
+		title: 'ensureFfmpeg()',
+		relativePath: 'docs/renderer/ensure-ffmpeg.mdx',
+		compId: 'articles-docs-renderer-ensure-ffmpeg',
+		crumb: '@remotion/renderer',
+		noAi: false,
+		slug: 'renderer/ensure-ffmpeg',
 	},
 	{
-		id: 'uninstall',
-		title: 'Uninstall Lambda',
-		relativePath: 'docs/lambda/uninstall.mdx',
-		compId: 'articles-docs-lambda-uninstall',
-		crumb: null,
+		id: 'ensure-ffprobe',
+		title: 'ensureFfprobe()',
+		relativePath: 'docs/renderer/ensure-ffprobe.mdx',
+		compId: 'articles-docs-renderer-ensure-ffprobe',
+		crumb: '@remotion/renderer',
+		noAi: false,
+		slug: 'renderer/ensure-ffprobe',
 	},
 	{
-		id: 'lambda/bucket-naming',
-		title: 'Bucket names in Remotion Lambda',
-		relativePath: 'docs/lambda/bucket-naming.mdx',
-		compId: 'articles-docs-lambda-bucket-naming',
-		crumb: '@remotion/lambda',
+		id: 'extract-audio',
+		title: 'extractAudio()',
+		relativePath: 'docs/renderer/extract-audio.mdx',
+		compId: 'articles-docs-renderer-extract-audio',
+		crumb: '@remotion/renderer',
+		noAi: false,
+		slug: 'renderer/extract-audio',
 	},
 	{
-		id: 'naming-convention',
-		title: 'Function naming convention',
-		relativePath: 'docs/lambda/naming-convention.mdx',
-		compId: 'articles-docs-lambda-naming-convention',
-		crumb: 'Lambda',
+		id: 'get-can-extract-frames-fast',
+		title: 'getCanExtractFramesFast()',
+		relativePath: 'docs/renderer/get-can-extract-frames-fast.mdx',
+		compId: 'articles-docs-renderer-get-can-extract-frames-fast',
+		crumb: '@remotion/renderer',
+		noAi: false,
+		slug: 'renderer/get-can-extract-frames-fast',
 	},
 	{
-		id: 'lambda/insights',
-		title: 'Enable Lambda Insights',
-		relativePath: 'docs/lambda/insights.mdx',
-		compId: 'articles-docs-lambda-insights',
-		crumb: 'Lambda',
+		id: 'get-compositions',
+		title: 'getCompositions()',
+		relativePath: 'docs/renderer/get-compositions.mdx',
+		compId: 'articles-docs-renderer-get-compositions',
+		crumb: '@remotion/renderer',
+		noAi: false,
+		slug: 'renderer/get-compositions',
 	},
 	{
-		id: 'deletesite',
-		title: 'deleteSite()',
-		relativePath: 'docs/lambda/deletesite.mdx',
-		compId: 'articles-docs-lambda-deletesite',
-		crumb: 'Lambda API',
+		id: 'get-silent-parts',
+		title: 'getSilentParts()',
+		relativePath: 'docs/renderer/get-silent-parts.mdx',
+		compId: 'articles-docs-renderer-get-silent-parts',
+		crumb: '@remotion/renderer',
+		noAi: false,
+		slug: 'renderer/get-silent-parts',
 	},
 	{
-		id: 'compare/motion-canvas',
-		title: 'How does Remotion compare to Motion Canvas?',
-		relativePath: 'docs/compare/motion-canvas.mdx',
-		compId: 'articles-docs-compare-motion-canvas',
-		crumb: 'FAQ',
+		id: 'get-video-metadata',
+		title: 'getVideoMetadata()',
+		relativePath: 'docs/renderer/get-video-metadata.mdx',
+		compId: 'articles-docs-renderer-get-video-metadata',
+		crumb: '@remotion/renderer',
+		noAi: false,
+		slug: 'renderer/get-video-metadata',
 	},
 	{
-		id: 'api',
-		title: 'API overview',
-		relativePath: 'docs/api.mdx',
-		compId: 'articles-docs-api',
-		crumb: null,
+		id: 'make-cancel-signal',
+		title: 'makeCancelSignal()',
+		relativePath: 'docs/renderer/make-cancel-signal.mdx',
+		compId: 'articles-docs-renderer-make-cancel-signal',
+		crumb: '@remotion/renderer',
+		noAi: false,
+		slug: 'renderer/make-cancel-signal',
 	},
 	{
-		id: 'staticfile',
-		title: 'staticFile()',
-		relativePath: 'docs/staticfile.mdx',
-		compId: 'articles-docs-staticfile',
-		crumb: 'API',
+		id: 'open-browser',
+		title: 'openBrowser()',
+		relativePath: 'docs/renderer/open-browser.mdx',
+		compId: 'articles-docs-renderer-open-browser',
+		crumb: '@remotion/renderer',
+		noAi: false,
+		slug: 'renderer/open-browser',
 	},
 	{
-		id: 'lottie-staticfile',
-		title: 'Loading Lottie animations from staticFile()',
-		relativePath: 'docs/lottie/lottie-staticfile.mdx',
-		compId: 'articles-docs-lottie-lottie-staticfile',
-		crumb: '@remotion/lottie',
+		id: 'render-frames',
+		title: 'renderFrames()',
+		relativePath: 'docs/renderer/render-frames.mdx',
+		compId: 'articles-docs-renderer-render-frames',
+		crumb: '@remotion/renderer',
+		noAi: false,
+		slug: 'renderer/render-frames',
 	},
 	{
-		id: 'lottie-index',
-		title: '@remotion/lottie',
-		relativePath: 'docs/lottie/index.mdx',
-		compId: 'articles-docs-lottie-index',
-		crumb: null,
+		id: 'render-media',
+		title: 'renderMedia()',
+		relativePath: 'docs/renderer/render-media.mdx',
+		compId: 'articles-docs-renderer-render-media',
+		crumb: '@remotion/renderer',
+		noAi: false,
+		slug: 'renderer/render-media',
 	},
 	{
-		id: 'getlottiemetadata',
-		title: 'getLottieMetadata()',
-		relativePath: 'docs/lottie/getlottiemetadata.mdx',
-		compId: 'articles-docs-lottie-getlottiemetadata',
-		crumb: '@remotion/lottie',
+		id: 'render-still',
+		title: 'renderStill()',
+		relativePath: 'docs/renderer/render-still.mdx',
+		compId: 'articles-docs-renderer-render-still',
+		crumb: '@remotion/renderer',
+		noAi: false,
+		slug: 'renderer/render-still',
 	},
 	{
-		id: 'lottie-remote',
-		title: 'Loading Lottie animations from a URL',
-		relativePath: 'docs/lottie/lottie-remote.mdx',
-		compId: 'articles-docs-lottie-lottie-remote',
-		crumb: '@remotion/lottie',
+		id: 'select-composition',
+		title: 'selectComposition()',
+		relativePath: 'docs/renderer/select-composition.mdx',
+		compId: 'articles-docs-renderer-select-composition',
+		crumb: '@remotion/renderer',
+		noAi: false,
+		slug: 'renderer/select-composition',
 	},
 	{
-		id: 'lottie-comp',
-		title: '<Lottie>',
-		relativePath: 'docs/lottie/lottie-comp.mdx',
-		compId: 'articles-docs-lottie-lottie-comp',
-		crumb: '@remotion/lottie',
+		id: 'stitch-frames-to-video',
+		title: 'stitchFramesToVideo()',
+		relativePath: 'docs/renderer/stitch-frames-to-video.mdx',
+		compId: 'articles-docs-renderer-stitch-frames-to-video',
+		crumb: '@remotion/renderer',
+		noAi: false,
+		slug: 'renderer/stitch-frames-to-video',
 	},
 	{
-		id: 'lottie-lottiefiles',
-		title: 'Finding Lottie files to use',
-		relativePath: 'docs/lottie/lottie-lottiefiles.mdx',
-		compId: 'articles-docs-lottie-lottie-lottiefiles',
-		crumb: 'Resources',
+		id: 'renderer',
+		title: '@remotion/renderer',
+		relativePath: 'docs/renderer.mdx',
+		compId: 'articles-docs-renderer',
+		crumb: null,
+		noAi: false,
+		slug: 'renderer',
 	},
 	{
-		id: 'overlay',
-		title: 'Creating overlays',
-		relativePath: 'docs/overlay.mdx',
-		compId: 'articles-docs-overlay',
-		crumb: null,
+		id: 'resources',
+		title: 'List of resources',
+		relativePath: 'docs/resources.mdx',
+		compId: 'articles-docs-resources',
+		crumb: 'Ecosystem',
+		noAi: false,
+		slug: 'resources',
 	},
 	{
-		id: 'transparent-videos',
-		title: 'Transparent videos',
-		relativePath: 'docs/transparent-videos.mdx',
-		compId: 'articles-docs-transparent-videos',
-		crumb: 'Techniques',
+		id: 'rive/index',
+		title: '@remotion/rive',
+		relativePath: 'docs/rive/index.mdx',
+		compId: 'articles-docs-rive-index',
+		crumb: 'Integrations',
+		noAi: false,
+		slug: 'rive/index',
 	},
 	{
-		id: 'recorder/create',
-		title: 'Create a new video',
-		relativePath: 'docs/recorder/create.mdx',
-		compId: 'articles-docs-recorder-create',
-		crumb: 'Recorder',
+		id: 'rive/remotionrivecanvas',
+		title: '<RemotionRiveCanvas>',
+		relativePath: 'docs/rive/remotionrivecanvas.mdx',
+		compId: 'articles-docs-rive-remotionrivecanvas',
+		crumb: '@remotion/rive',
+		noAi: false,
+		slug: 'rive/remotionrivecanvas',
 	},
 	{
-		id: 'recorder/demo',
-		title: 'Remotion Recorder Demo',
-		relativePath: 'docs/recorder/demo.mdx',
-		compId: 'articles-docs-recorder-demo',
-		crumb: 'Recorder',
+		id: 'scaling',
+		title: 'Output scaling',
+		relativePath: 'docs/scaling.mdx',
+		compId: 'articles-docs-scaling',
+		crumb: 'How To',
+		noAi: false,
+		slug: 'scaling',
 	},
 	{
-		id: 'recorder/lambda-rendering',
-		title: 'Render on Lambda',
-		relativePath: 'docs/recorder/lambda-rendering.mdx',
-		compId: 'articles-docs-recorder-lambda-rendering',
-		crumb: 'Recorder',
+		id: 'schemas',
+		title: 'Defining a schema for your props',
+		relativePath: 'docs/schemas.mdx',
+		compId: 'articles-docs-schemas',
+		crumb: 'How To',
+		noAi: false,
+		slug: 'schemas',
 	},
 	{
-		id: 'recorder/record/cropping',
-		title: 'Cropping sources',
-		relativePath: 'docs/recorder/record/cropping.mdx',
-		compId: 'articles-docs-recorder-record-cropping',
-		crumb: 'Recorder',
+		id: 'security',
+		title: 'Security Best Practices',
+		relativePath: 'docs/security.mdx',
+		compId: 'articles-docs-security',
+		crumb: 'FAQ',
+		noAi: false,
+		slug: 'security',
 	},
 	{
-		id: 'recorder/record/index',
-		title: 'Record using the interface',
-		relativePath: 'docs/recorder/record/index.mdx',
-		compId: 'articles-docs-recorder-record-index',
-		crumb: 'Recorder',
+		id: 'sequence',
+		title: '<Sequence>',
+		relativePath: 'docs/sequence.mdx',
+		compId: 'articles-docs-sequence',
+		crumb: 'API',
+		noAi: false,
+		slug: 'sequence',
 	},
 	{
-		id: 'recorder/record/delete',
-		title: 'Delete a recording',
-		relativePath: 'docs/recorder/record/delete.mdx',
-		compId: 'articles-docs-recorder-record-delete',
-		crumb: 'Recorder',
+		id: 'reusability',
+		title: 'Making components reusable',
+		relativePath: 'docs/sequences.mdx',
+		compId: 'articles-docs-sequences',
+		crumb: 'The power of React',
+		noAi: false,
+		slug: 'reusability',
 	},
 	{
-		id: 'recorder/record/manually',
-		title: 'Manually add recordings',
-		relativePath: 'docs/recorder/record/manually.mdx',
-		compId: 'articles-docs-recorder-record-manually',
-		crumb: 'Recorder',
+		id: 'series',
+		title: '<Series>',
+		relativePath: 'docs/series.mdx',
+		compId: 'articles-docs-series',
+		crumb: 'API',
+		noAi: false,
+		slug: 'series',
 	},
 	{
-		id: 'recorder/exporting',
-		title: 'Exporting a video',
-		relativePath: 'docs/recorder/exporting.mdx',
-		compId: 'articles-docs-recorder-exporting',
-		crumb: 'Recorder',
+		id: 'shapes/circle',
+		title: '<Circle />',
+		relativePath: 'docs/shapes/circle.mdx',
+		compId: 'articles-docs-shapes-circle',
+		crumb: '@remotion/shapes',
+		noAi: false,
+		slug: 'shapes/circle',
 	},
 	{
-		id: 'recorder/external-recordings',
-		title: 'External recordings',
-		relativePath: 'docs/recorder/external-recordings.mdx',
-		compId: 'articles-docs-recorder-external-recordings',
-		crumb: 'Recorder',
+		id: 'shapes/ellipse',
+		title: '<Ellipse />',
+		relativePath: 'docs/shapes/ellipse.mdx',
+		compId: 'articles-docs-shapes-ellipse',
+		crumb: '@remotion/shapes',
+		noAi: false,
+		slug: 'shapes/ellipse',
+	},
+	{
+		id: 'shapes/index',
+		title: '@remotion/shapes',
+		relativePath: 'docs/shapes/index.mdx',
+		compId: 'articles-docs-shapes-index',
+		crumb: 'SVG component library',
+		noAi: false,
+		slug: 'shapes/index',
 	},
 	{
-		id: 'recorder/captions',
-		title: 'Generate captions',
-		relativePath: 'docs/recorder/captions.mdx',
-		compId: 'articles-docs-recorder-captions',
-		crumb: 'Recorder',
+		id: 'shapes/make-circle',
+		title: 'makeCircle()',
+		relativePath: 'docs/shapes/make-circle.mdx',
+		compId: 'articles-docs-shapes-make-circle',
+		crumb: '@remotion/shapes',
+		noAi: false,
+		slug: 'shapes/make-circle',
 	},
 	{
-		id: 'recorder/index',
-		title: 'Remotion Recorder',
-		relativePath: 'docs/recorder/index.mdx',
-		compId: 'articles-docs-recorder-index',
-		crumb: 'Templates',
+		id: 'shapes/make-ellipse',
+		title: 'makeEllipse()',
+		relativePath: 'docs/shapes/make-ellipse.mdx',
+		compId: 'articles-docs-shapes-make-ellipse',
+		crumb: '@remotion/shapes',
+		noAi: false,
+		slug: 'shapes/make-ellipse',
 	},
 	{
-		id: 'recorder/support',
-		title: 'Get Help',
-		relativePath: 'docs/recorder/support.mdx',
-		compId: 'articles-docs-recorder-support',
-		crumb: 'Recorder',
+		id: 'shapes/make-pie',
+		title: 'makePie()',
+		relativePath: 'docs/shapes/make-pie.mdx',
+		compId: 'articles-docs-shapes-make-pie',
+		crumb: '@remotion/shapes',
+		noAi: false,
+		slug: 'shapes/make-pie',
 	},
 	{
-		id: 'recorder/source-control',
-		title: 'Source Control',
-		relativePath: 'docs/recorder/source-control.mdx',
-		compId: 'articles-docs-recorder-source-control',
-		crumb: 'Recorder',
+		id: 'shapes/make-polygon',
+		title: 'makePolygon()',
+		relativePath: 'docs/shapes/make-polygon.mdx',
+		compId: 'articles-docs-shapes-make-polygon',
+		crumb: '@remotion/shapes',
+		noAi: false,
+		slug: 'shapes/make-polygon',
 	},
 	{
-		id: 'recorder/buy',
-		title: 'Buy',
-		relativePath: 'docs/recorder/buy.mdx',
-		compId: 'articles-docs-recorder-buy',
-		crumb: 'Recorder',
+		id: 'shapes/make-rect',
+		title: 'makeRect()',
+		relativePath: 'docs/shapes/make-rect.mdx',
+		compId: 'articles-docs-shapes-make-rect',
+		crumb: '@remotion/shapes',
+		noAi: false,
+		slug: 'shapes/make-rect',
 	},
 	{
-		id: 'recorder/troubleshooting/failed-to-execute-get-video-metadata',
-		title: 'Failed to execute getVideoMetadata()',
-		relativePath:
-			'docs/recorder/troubleshooting/failed-to-execute-get-video-metadata.mdx',
-		compId:
-			'articles-docs-recorder-troubleshooting-failed-to-execute-get-video-metadata',
-		crumb: 'Recorder',
+		id: 'shapes/make-star',
+		title: 'makeStar()',
+		relativePath: 'docs/shapes/make-star.mdx',
+		compId: 'articles-docs-shapes-make-star',
+		crumb: '@remotion/shapes',
+		noAi: false,
+		slug: 'shapes/make-star',
 	},
 	{
-		id: 'recorder/troubleshooting/cannot-read-properties-of-undefined',
-		title: "Cannot read properties of undefined (reading 'decode')",
-		relativePath:
-			'docs/recorder/troubleshooting/cannot-read-properties-of-undefined.mdx',
-		compId:
-			'articles-docs-recorder-troubleshooting-cannot-read-properties-of-undefined',
-		crumb: 'Recorder',
+		id: 'shapes/make-triangle',
+		title: 'makeTriangle()',
+		relativePath: 'docs/shapes/make-triangle.mdx',
+		compId: 'articles-docs-shapes-make-triangle',
+		crumb: '@remotion/shapes',
+		noAi: false,
+		slug: 'shapes/make-triangle',
 	},
 	{
-		id: 'recorder/gear',
-		title: 'Our Gear',
-		relativePath: 'docs/recorder/gear.mdx',
-		compId: 'articles-docs-recorder-gear',
-		crumb: 'Recorder',
+		id: 'shapes/pie',
+		title: '<Pie />',
+		relativePath: 'docs/shapes/pie.mdx',
+		compId: 'articles-docs-shapes-pie',
+		crumb: '@remotion/shapes',
+		noAi: false,
+		slug: 'shapes/pie',
 	},
 	{
-		id: 'recorder/roadmap',
-		title: 'Roadmap',
-		relativePath: 'docs/recorder/roadmap.mdx',
-		compId: 'articles-docs-recorder-roadmap',
-		crumb: 'Recorder',
+		id: 'shapes/polygon',
+		title: '<Polygon />',
+		relativePath: 'docs/shapes/polygon.mdx',
+		compId: 'articles-docs-shapes-polygon',
+		crumb: '@remotion/shapes',
+		noAi: false,
+		slug: 'shapes/polygon',
 	},
 	{
-		id: 'recorder/upgrading',
-		title: 'Upgrading',
-		relativePath: 'docs/recorder/upgrading.mdx',
-		compId: 'articles-docs-recorder-upgrading',
-		crumb: 'Recorder',
+		id: 'shapes/rect',
+		title: '<Rect />',
+		relativePath: 'docs/shapes/rect.mdx',
+		compId: 'articles-docs-shapes-rect',
+		crumb: '@remotion/shapes',
+		noAi: false,
+		slug: 'shapes/rect',
 	},
 	{
-		id: 'recorder/editing/scenes',
-		title: 'Scenes',
-		relativePath: 'docs/recorder/editing/scenes.mdx',
-		compId: 'articles-docs-recorder-editing-scenes',
-		crumb: 'Recorder',
+		id: 'shapes/star',
+		title: '<Star />',
+		relativePath: 'docs/shapes/star.mdx',
+		compId: 'articles-docs-shapes-star',
+		crumb: '@remotion/shapes',
+		noAi: false,
+		slug: 'shapes/star',
 	},
 	{
-		id: 'recorder/editing/b-roll',
-		title: 'B-Roll',
-		relativePath: 'docs/recorder/editing/b-roll.mdx',
-		compId: 'articles-docs-recorder-editing-b-roll',
-		crumb: 'Recorder',
+		id: 'shapes/triangle',
+		title: '<Triangle />',
+		relativePath: 'docs/shapes/triangle.mdx',
+		compId: 'articles-docs-shapes-triangle',
+		crumb: '@remotion/shapes',
+		noAi: false,
+		slug: 'shapes/triangle',
 	},
 	{
-		id: 'recorder/editing/music',
-		title: 'Adding music',
-		relativePath: 'docs/recorder/editing/music.mdx',
-		compId: 'articles-docs-recorder-editing-music',
-		crumb: 'Recorder',
+		id: 'skia/enable-skia',
+		title: 'enableSkia()',
+		relativePath: 'docs/skia/enable-skia.mdx',
+		compId: 'articles-docs-skia-enable-skia',
+		crumb: '@remotion/skia',
+		noAi: false,
+		slug: 'skia/enable-skia',
 	},
 	{
-		id: 'recorder/editing/chapters',
-		title: 'Chapters',
-		relativePath: 'docs/recorder/editing/chapters.mdx',
-		compId: 'articles-docs-recorder-editing-chapters',
-		crumb: 'Recorder',
+		id: 'skia/skia-canvas',
+		title: '<SkiaCanvas />',
+		relativePath: 'docs/skia/skia-canvas.mdx',
+		compId: 'articles-docs-skia-skia-canvas',
+		crumb: '@remotion/skia',
+		noAi: false,
+		slug: 'skia/skia-canvas',
 	},
 	{
-		id: 'recorder/editing/captions',
-		title: 'Edit captions',
-		relativePath: 'docs/recorder/editing/captions.mdx',
-		compId: 'articles-docs-recorder-editing-captions',
-		crumb: 'Recorder',
+		id: 'skia',
+		title: '@remotion/skia',
+		relativePath: 'docs/skia/skia.mdx',
+		compId: 'articles-docs-skia-skia',
+		crumb: null,
+		noAi: false,
+		slug: 'skia/skia',
 	},
 	{
-		id: 'recorder/editing/cutting-clips',
-		title: 'Cutting clips',
-		relativePath: 'docs/recorder/editing/cutting-clips.mdx',
-		compId: 'articles-docs-recorder-editing-cutting-clips',
-		crumb: 'Recorder',
+		id: 'slow-method-to-extract-frame',
+		title: 'Slow method to extract frame',
+		relativePath: 'docs/slow-method-to-extract-frame.mdx',
+		compId: 'articles-docs-slow-method-to-extract-frame',
+		crumb: 'Troubleshooting',
+		noAi: false,
+		slug: 'slow-method-to-extract-frame',
 	},
 	{
-		id: 'recorder/editing/normalizing-audio',
-		title: 'Normalizing audio levels',
-		relativePath: 'docs/recorder/editing/normalizing-audio.mdx',
-		compId: 'articles-docs-recorder-editing-normalizing-audio',
-		crumb: 'Recorder',
+		id: 'spline',
+		title: 'Import from Spline',
+		relativePath: 'docs/spline.mdx',
+		compId: 'articles-docs-spline',
+		crumb: 'Integrations',
+		noAi: false,
+		slug: 'spline',
 	},
 	{
-		id: 'recorder/editing/editing',
-		title: 'Start editing',
-		relativePath: 'docs/recorder/editing/editing.mdx',
-		compId: 'articles-docs-recorder-editing-editing',
-		crumb: 'Recorder',
+		id: 'spring',
+		title: 'spring()',
+		relativePath: 'docs/spring.mdx',
+		compId: 'articles-docs-spring',
+		crumb: 'API',
+		noAi: false,
+		slug: 'spring',
 	},
 	{
-		id: 'recorder/editing/endcard',
-		title: 'Endcard',
-		relativePath: 'docs/recorder/editing/endcard.mdx',
-		compId: 'articles-docs-recorder-editing-endcard',
-		crumb: 'Recorder',
+		id: 'ssr-legacy',
+		title: 'Server-Side Rendering (v1 and v2)',
+		relativePath: 'docs/ssr-legacy.mdx',
+		compId: 'articles-docs-ssr-legacy',
+		crumb: 'Legacy docs',
+		noAi: false,
+		slug: 'ssr-legacy',
 	},
 	{
-		id: 'recorder/editing/transitions',
-		title: 'Transitions',
-		relativePath: 'docs/recorder/editing/transitions.mdx',
-		compId: 'articles-docs-recorder-editing-transitions',
-		crumb: 'Recorder',
+		id: 'ssr-node',
+		title: 'Rendering using SSR APIs',
+		relativePath: 'docs/ssr-node.mdx',
+		compId: 'articles-docs-ssr-node',
+		crumb: 'Server-side rendering',
+		noAi: false,
+		slug: 'ssr-node',
 	},
 	{
-		id: 'recorder/editing/silence-removal',
-		title: 'Silence removal',
-		relativePath: 'docs/recorder/editing/silence-removal.mdx',
-		compId: 'articles-docs-recorder-editing-silence-removal',
-		crumb: 'Recorder',
+		id: 'ssr',
+		title: 'Server-Side Rendering',
+		relativePath: 'docs/ssr.mdx',
+		compId: 'articles-docs-ssr',
+		crumb: 'The power of',
+		noAi: false,
+		slug: 'ssr',
 	},
 	{
-		id: 'recorder/editing/layout',
-		title: 'Layout',
-		relativePath: 'docs/recorder/editing/layout.mdx',
-		compId: 'articles-docs-recorder-editing-layout',
-		crumb: 'Recorder',
+		id: 'standalone',
+		title: 'Useful functions outside of Remotion',
+		relativePath: 'docs/standalone.mdx',
+		compId: 'articles-docs-standalone',
+		crumb: null,
+		noAi: false,
+		slug: 'standalone',
 	},
 	{
-		id: 'recorder/our-recorder',
-		title: 'Our Recorder',
-		relativePath: 'docs/recorder/our-recorder.mdx',
-		compId: 'articles-docs-recorder-our-recorder',
-		crumb: 'Recorder',
+		id: 'staticfile-relative-paths',
+		title: 'staticFile() does not support relative paths',
+		relativePath: 'docs/static-file-relative-paths.mdx',
+		compId: 'articles-docs-static-file-relative-paths',
+		crumb: 'Troubleshooting',
+		noAi: false,
+		slug: 'staticfile-relative-paths',
 	},
 	{
-		id: 'recorder/before-you-buy',
-		title: 'Before you buy',
-		relativePath: 'docs/recorder/before-you-buy.mdx',
-		compId: 'articles-docs-recorder-before-you-buy',
-		crumb: 'Recorder',
+		id: 'staticfile-remote-urls',
+		title: 'staticFile() does not support remote URLs',
+		relativePath: 'docs/static-file-remote-urls.mdx',
+		compId: 'articles-docs-static-file-remote-urls',
+		crumb: 'Troubleshooting',
+		noAi: false,
+		slug: 'staticfile-remote-urls',
 	},
 	{
-		id: 'recorder/setup',
-		title: 'Setup',
-		relativePath: 'docs/recorder/setup.mdx',
-		compId: 'articles-docs-recorder-setup',
-		crumb: 'Recorder',
+		id: 'staticfile',
+		title: 'staticFile()',
+		relativePath: 'docs/staticfile.mdx',
+		compId: 'articles-docs-staticfile',
+		crumb: 'API',
+		noAi: false,
+		slug: 'staticfile',
 	},
 	{
-		id: 'recorder/exporting-subtitles',
-		title: 'Exporting subtitles',
-		relativePath: 'docs/recorder/exporting-subtitles.mdx',
-		compId: 'articles-docs-recorder-exporting-subtitles',
-		crumb: 'Recorder',
+		id: 'still',
+		title: '<Still>',
+		relativePath: 'docs/still.mdx',
+		compId: 'articles-docs-still',
+		crumb: 'API',
+		noAi: false,
+		slug: 'still',
 	},
 	{
-		id: 'fonts-api',
-		title: '@remotion/fonts',
-		relativePath: 'docs/fonts-api/index.mdx',
-		compId: 'articles-docs-fonts-api-index',
+		id: 'stills',
+		title: 'Still images',
+		relativePath: 'docs/stills.mdx',
+		compId: 'articles-docs-stills',
+		crumb: 'How to generate',
+		noAi: false,
+		slug: 'stills',
+	},
+	{
+		id: 'studio/api',
+		title: '@remotion/studio',
+		relativePath: 'docs/studio/api.mdx',
+		compId: 'articles-docs-studio-api',
 		crumb: null,
+		noAi: false,
+		slug: 'studio/api',
 	},
 	{
-		id: 'fonts-api/load-font',
-		title: 'loadFont()',
-		relativePath: 'docs/fonts-api/load-font.mdx',
-		compId: 'articles-docs-fonts-api-load-font',
-		crumb: '@remotion/fonts',
+		id: 'studio/delete-static-file',
+		title: 'deleteStaticFile()',
+		relativePath: 'docs/studio/delete-static-file.mdx',
+		compId: 'articles-docs-studio-delete-static-file',
+		crumb: '@remotion/studio',
+		noAi: false,
+		slug: 'studio/delete-static-file',
 	},
 	{
-		id: 'authoring-packages',
-		title: 'Authoring a Remotion library',
-		relativePath: 'docs/creating-a-library.mdx',
-		compId: 'articles-docs-creating-a-library',
-		crumb: 'How to',
+		id: 'studio/deploy-server',
+		title: 'Deploy the Remotion Studio on a VPS',
+		relativePath: 'docs/studio/deploy-server.mdx',
+		compId: 'articles-docs-studio-deploy-server',
+		crumb: 'Remotion Studio',
+		noAi: false,
+		slug: 'studio/deploy-server',
 	},
 	{
-		id: 'use-buffer-state',
-		title: 'useBufferState()',
-		relativePath: 'docs/use-buffer-state.mdx',
-		compId: 'articles-docs-use-buffer-state',
-		crumb: 'API',
+		id: 'studio/deploy-static',
+		title: 'Deploy Remotion Studio as static site',
+		relativePath: 'docs/studio/deploy-static.mdx',
+		compId: 'articles-docs-studio-deploy-static',
+		crumb: 'Remotion Studio',
+		noAi: false,
+		slug: 'studio/deploy-static',
 	},
 	{
-		id: 'transforms',
-		title: 'Transforms',
-		relativePath: 'docs/transforms.mdx',
-		compId: 'articles-docs-transforms',
-		crumb: 'The fundamentals',
+		id: 'studio/focus-default-props-path',
+		title: 'focusDefaultPropsPath()',
+		relativePath: 'docs/studio/focus-default-props-path.mdx',
+		compId: 'articles-docs-studio-focus-default-props-path',
+		crumb: '@remotion/studio',
+		noAi: false,
+		slug: 'studio/focus-default-props-path',
 	},
 	{
-		id: 'use-current-frame',
-		title: 'useCurrentFrame()',
-		relativePath: 'docs/use-current-frame.mdx',
-		compId: 'articles-docs-use-current-frame',
-		crumb: 'API',
+		id: 'studio/get-static-files',
+		title: 'getStaticFiles()',
+		relativePath: 'docs/studio/get-static-files.mdx',
+		compId: 'articles-docs-studio-get-static-files',
+		crumb: '@remotion/studio',
+		noAi: false,
+		slug: 'studio/get-static-files',
 	},
 	{
-		id: 'enable-scss/overview',
-		title: '@remotion/enable-scss',
-		relativePath: 'docs/enable-scss/overview.mdx',
-		compId: 'articles-docs-enable-scss-overview',
-		crumb: null,
+		id: 'studio/quick-switcher',
+		title: 'Quick Switcher',
+		relativePath: 'docs/studio/quick-switcher.mdx',
+		compId: 'articles-docs-studio-quick-switcher',
+		crumb: 'Remotion Studio',
+		noAi: false,
+		slug: 'studio/quick-switcher',
 	},
 	{
-		id: 'enable-scss/enable-scss',
-		title: 'enableScss()',
-		relativePath: 'docs/enable-scss/enable-scss.mdx',
-		compId: 'articles-docs-enable-scss-enable-scss',
-		crumb: '@remotion/enable-scss',
+		id: 'studio/reevaluate-composition',
+		title: 'reevaluateComposition()',
+		relativePath: 'docs/studio/reevaluate-composition.mdx',
+		compId: 'articles-docs-studio-reevaluate-composition',
+		crumb: '@remotion/studio',
+		noAi: false,
+		slug: 'studio/reevaluate-composition',
 	},
 	{
-		id: 'react-19',
-		title: 'React 19',
-		relativePath: 'docs/react-19.mdx',
-		compId: 'articles-docs-react-19',
-		crumb: 'Migration Guide',
+		id: 'studio/restart-studio',
+		title: 'restartStudio()',
+		relativePath: 'docs/studio/restart-studio.mdx',
+		compId: 'articles-docs-studio-restart-studio',
+		crumb: '@remotion/studio',
+		noAi: false,
+		slug: 'studio/restart-studio',
 	},
 	{
-		id: '3-0-migration',
-		title: 'v3.0 Migration',
-		relativePath: 'docs/3-0-migration.mdx',
-		compId: 'articles-docs-3-0-migration',
-		crumb: 'Version Upgrade',
+		id: 'studio/save-default-props',
+		title: 'saveDefaultProps()',
+		relativePath: 'docs/studio/save-default-props.mdx',
+		compId: 'articles-docs-studio-save-default-props',
+		crumb: '@remotion/studio',
+		noAi: false,
+		slug: 'studio/save-default-props',
 	},
 	{
-		id: 'quality',
-		title: 'Quality Guide',
-		relativePath: 'docs/quality.mdx',
-		compId: 'articles-docs-quality',
-		crumb: 'Make it look good',
+		id: 'studio/shortcuts',
+		title: 'Keyboard navigation',
+		relativePath: 'docs/studio/shortcuts.mdx',
+		compId: 'articles-docs-studio-shortcuts',
+		crumb: 'Remotion Studio',
+		noAi: false,
+		slug: 'studio/shortcuts',
 	},
 	{
-		id: 'composition',
-		title: '<Composition>',
-		relativePath: 'docs/composition.mdx',
-		compId: 'articles-docs-composition',
-		crumb: 'API',
+		id: 'studio/studio',
+		title: 'Starting the Studio',
+		relativePath: 'docs/studio/studio.mdx',
+		compId: 'articles-docs-studio-studio',
+		crumb: 'Timeline basics',
+		noAi: false,
+		slug: 'studio/studio',
 	},
 	{
-		id: 'audio',
-		title: '<Audio>',
-		relativePath: 'docs/audio.mdx',
-		compId: 'articles-docs-audio',
-		crumb: 'How to',
+		id: 'studio/update-default-props',
+		title: 'updateDefaultProps()',
+		relativePath: 'docs/studio/update-default-props.mdx',
+		compId: 'articles-docs-studio-update-default-props',
+		crumb: '@remotion/studio',
+		noAi: false,
+		slug: 'studio/update-default-props',
 	},
 	{
-		id: 'get-available-video-codecs',
-		title: 'getAvailableVideoCodecs()',
-		relativePath: 'docs/webcodecs/get-available-video-codecs.mdx',
-		compId: 'articles-docs-webcodecs-get-available-video-codecs',
-		crumb: '@remotion/webcodecs',
+		id: 'studio/watch-public-folder',
+		title: 'watchPublicFolder()',
+		relativePath: 'docs/studio/watch-public-folder.mdx',
+		compId: 'articles-docs-studio-watch-public-folder',
+		crumb: '@remotion/studio',
+		noAi: false,
+		slug: 'studio/watch-public-folder',
 	},
 	{
-		id: 'convert-media',
-		title: 'convertMedia()',
-		relativePath: 'docs/webcodecs/convert-media.mdx',
-		compId: 'articles-docs-webcodecs-convert-media',
-		crumb: '@remotion/webcodecs',
+		id: 'studio/watch-static-file',
+		title: 'watchStaticFile()',
+		relativePath: 'docs/studio/watch-static-file.mdx',
+		compId: 'articles-docs-studio-watch-static-file',
+		crumb: '@remotion/studio',
+		noAi: false,
+		slug: 'studio/watch-static-file',
 	},
 	{
-		id: 'get-default-video-codec',
-		title: 'getDefaultVideoCodec()',
-		relativePath: 'docs/webcodecs/get-default-video-codec.mdx',
-		compId: 'articles-docs-webcodecs-get-default-video-codec',
-		crumb: '@remotion/webcodecs',
+		id: 'studio/write-static-file',
+		title: 'writeStaticFile()',
+		relativePath: 'docs/studio/write-static-file.mdx',
+		compId: 'articles-docs-studio-write-static-file',
+		crumb: '@remotion/studio',
+		noAi: false,
+		slug: 'studio/write-static-file',
 	},
 	{
-		id: 'can-reencode-audio-track',
-		title: 'canReencodeAudioTrack()',
-		relativePath: 'docs/webcodecs/can-reencode-audio-track.mdx',
-		compId: 'articles-docs-webcodecs-can-reencode-audio-track',
-		crumb: '@remotion/webcodecs',
+		id: 'studio-into-app',
+		title: 'Converting a Remotion project to an app',
+		relativePath: 'docs/studio-app.mdx',
+		compId: 'articles-docs-studio-app',
+		crumb: 'Converting Remotion Projects',
+		noAi: false,
+		slug: 'studio-into-app',
 	},
 	{
-		id: 'webcodecs/index',
-		title: '@remotion/webcodecs',
-		relativePath: 'docs/webcodecs/index.mdx',
-		compId: 'articles-docs-webcodecs-index',
-		crumb: null,
+		id: 'support',
+		title: 'Support Policy',
+		relativePath: 'docs/support.mdx',
+		compId: 'articles-docs-support',
+		crumb: 'Let us help you',
+		noAi: false,
+		slug: 'support',
 	},
 	{
-		id: 'rotate-a-video',
-		title: 'Rotate a video',
-		relativePath: 'docs/webcodecs/rotation.mdx',
-		compId: 'articles-docs-webcodecs-rotation',
-		crumb: '@remotion/webcodecs',
+		id: 'svelte',
+		title: 'Using Remotion in Svelte',
+		relativePath: 'docs/svelte.mdx',
+		compId: 'articles-docs-svelte',
+		crumb: 'Integrations',
+		noAi: false,
+		slug: 'svelte',
 	},
 	{
-		id: 'can-copy-video-track',
-		title: 'canCopyVideoTrack()',
-		relativePath: 'docs/webcodecs/can-copy-video-track.mdx',
-		compId: 'articles-docs-webcodecs-can-copy-video-track',
-		crumb: '@remotion/webcodecs',
+		id: 'system-prompt',
+		title: 'Remotion System Prompt for LLMs',
+		relativePath: 'docs/system-prompt.mdx',
+		compId: 'articles-docs-system-prompt',
+		crumb: 'AI',
+		noAi: false,
+		slug: 'system-prompt',
 	},
 	{
-		id: 'fix-mediarecorder-video',
-		title: 'Fixing a MediaRecorder video',
-		relativePath: 'docs/webcodecs/fix-a-mediarecorder-video.mdx',
-		compId: 'articles-docs-webcodecs-fix-a-mediarecorder-video',
-		crumb: '@remotion/webcodecs',
+		id: 'tailwind/enable-tailwind',
+		title: 'enableTailwind()',
+		relativePath: 'docs/tailwind/enable-tailwind.mdx',
+		compId: 'articles-docs-tailwind-enable-tailwind',
+		crumb: '@remotion/tailwind',
+		noAi: false,
+		slug: 'tailwind/enable-tailwind',
 	},
 	{
-		id: 'telemetry',
-		title: 'Telemetry in @remotion/webcodecs',
-		relativePath: 'docs/webcodecs/telemetry.mdx',
-		compId: 'articles-docs-webcodecs-telemetry',
-		crumb: '@remotion/webcodecs',
+		id: 'tailwind',
+		title: '@remotion/tailwind',
+		relativePath: 'docs/tailwind/overview.mdx',
+		compId: 'articles-docs-tailwind-overview',
+		crumb: null,
+		noAi: false,
+		slug: 'tailwind/tailwind',
 	},
 	{
-		id: 'convert-a-video',
-		title: 'Convert a video',
-		relativePath: 'docs/webcodecs/convert-a-video.mdx',
-		compId: 'articles-docs-webcodecs-convert-a-video',
-		crumb: '@remotion/webcodecs',
+		id: 'tailwind-legacy',
+		title: 'TailwindCSS v2 (Legacy)',
+		relativePath: 'docs/tailwind-2.mdx',
+		compId: 'articles-docs-tailwind-2',
+		crumb: 'Legacy docs',
+		noAi: false,
+		slug: 'tailwind-legacy',
 	},
 	{
-		id: 'track-transformation',
-		title: 'Track Transformation',
-		relativePath: 'docs/webcodecs/track-transformation.mdx',
-		compId: 'articles-docs-webcodecs-track-transformation',
-		crumb: '@remotion/webcodecs',
+		id: 'tailwind',
+		title: 'TailwindCSS',
+		relativePath: 'docs/tailwind.mdx',
+		compId: 'articles-docs-tailwind',
+		crumb: 'text-lg font-bold',
+		noAi: false,
+		slug: 'tailwind',
+	},
+	{
+		id: 'target-closed',
+		title: "'Target closed' error message",
+		relativePath: 'docs/target-closed.mdx',
+		compId: 'articles-docs-target-closed',
+		crumb: 'Troubleshooting',
+		noAi: false,
+		slug: 'target-closed',
 	},
 	{
-		id: 'default-on-audio-track-handler',
-		title: 'defaultOnAudioTrackHandler()',
-		relativePath: 'docs/webcodecs/default-on-audio-track-handler.mdx',
-		compId: 'articles-docs-webcodecs-default-on-audio-track-handler',
-		crumb: '@remotion/webcodecs',
+		id: 'terminology/bundle',
+		title: 'Remotion Bundle',
+		relativePath: 'docs/terminology/bundle.mdx',
+		compId: 'articles-docs-terminology-bundle',
+		crumb: 'Terminology',
+		noAi: false,
+		slug: 'terminology/bundle',
 	},
 	{
-		id: 'default-on-video-track-handler',
-		title: 'defaultOnVideoTrackHandler()',
-		relativePath: 'docs/webcodecs/default-on-video-track-handler.mdx',
-		compId: 'articles-docs-webcodecs-default-on-video-track-handler',
-		crumb: '@remotion/webcodecs',
+		id: 'terminology/cloud-run-url',
+		title: 'Cloud Run URL',
+		relativePath: 'docs/terminology/cloud-run-url.mdx',
+		compId: 'articles-docs-terminology-cloud-run-url',
+		crumb: 'Terminology',
+		noAi: false,
+		slug: 'terminology/cloud-run-url',
 	},
 	{
-		id: 'get-default-audio-codec',
-		title: 'getDefaultAudioCodec()',
-		relativePath: 'docs/webcodecs/get-default-audio-codec.mdx',
-		compId: 'articles-docs-webcodecs-get-default-audio-codec',
-		crumb: '@remotion/webcodecs',
+		id: 'terminology/composition',
+		title: 'Composition',
+		relativePath: 'docs/terminology/composition.mdx',
+		compId: 'articles-docs-terminology-composition',
+		crumb: 'Terminology',
+		noAi: false,
+		slug: 'terminology/composition',
 	},
 	{
-		id: 'can-reencode-video-track',
-		title: 'canReencodeVideoTrack()',
-		relativePath: 'docs/webcodecs/can-reencode-video-track.mdx',
-		compId: 'articles-docs-webcodecs-can-reencode-video-track',
-		crumb: '@remotion/webcodecs',
+		id: 'terminology/concurrency',
+		title: 'Concurrency',
+		relativePath: 'docs/terminology/concurrency.mdx',
+		compId: 'articles-docs-terminology-concurrency',
+		crumb: 'Terminology',
+		noAi: false,
+		slug: 'terminology/concurrency',
 	},
 	{
-		id: 'resize-a-video',
-		title: 'Resize a video',
-		relativePath: 'docs/webcodecs/resizing.mdx',
-		compId: 'articles-docs-webcodecs-resizing',
-		crumb: '@remotion/webcodecs',
+		id: 'terminology/entry-point',
+		title: 'Entry point',
+		relativePath: 'docs/terminology/entry-point.mdx',
+		compId: 'articles-docs-terminology-entry-point',
+		crumb: 'Terminology',
+		noAi: false,
+		slug: 'terminology/entry-point',
 	},
 	{
-		id: 'can-copy-audio-track',
-		title: 'canCopyAudioTrack()',
-		relativePath: 'docs/webcodecs/can-copy-audio-track.mdx',
-		compId: 'articles-docs-webcodecs-can-copy-audio-track',
-		crumb: '@remotion/webcodecs',
+		id: 'terminology/input-props',
+		title: 'Input Props',
+		relativePath: 'docs/terminology/input-props.mdx',
+		compId: 'articles-docs-terminology-input-props',
+		crumb: 'Terminology',
+		noAi: false,
+		slug: 'terminology/input-props',
 	},
 	{
-		id: 'get-available-audio-codecs',
-		title: 'getAvailableAudioCodecs()',
-		relativePath: 'docs/webcodecs/get-available-audio-codecs.mdx',
-		compId: 'articles-docs-webcodecs-get-available-audio-codecs',
-		crumb: '@remotion/webcodecs',
+		id: 'terminology/player',
+		title: 'Remotion Player',
+		relativePath: 'docs/terminology/player.mdx',
+		compId: 'articles-docs-terminology-player',
+		crumb: 'Terminology',
+		noAi: false,
+		slug: 'terminology/player',
 	},
 	{
-		id: 'get-available-containers',
-		title: 'getAvailableContainers()',
-		relativePath: 'docs/webcodecs/get-available-containers.mdx',
-		compId: 'articles-docs-webcodecs-get-available-containers',
-		crumb: '@remotion/webcodecs',
+		id: 'terminology/public-dir',
+		title: 'Public directory',
+		relativePath: 'docs/terminology/public-dir.mdx',
+		compId: 'articles-docs-terminology-public-dir',
+		crumb: 'Terminology',
+		noAi: false,
+		slug: 'terminology/public-dir',
 	},
 	{
-		id: 'visualize-audio',
-		title: 'visualizeAudio()',
-		relativePath: 'docs/visualize-audio.mdx',
-		compId: 'articles-docs-visualize-audio',
-		crumb: '@remotion/media-utils',
+		id: 'terminology/remotion-root',
+		title: 'Remotion Root',
+		relativePath: 'docs/terminology/remotion-root.mdx',
+		compId: 'articles-docs-terminology-remotion-root',
+		crumb: 'Terminology',
+		noAi: false,
+		slug: 'terminology/remotion-root',
 	},
 	{
-		id: 'get-usage',
-		title: 'getUsage()',
-		relativePath: 'docs/licensing/get-usage.mdx',
-		compId: 'articles-docs-licensing-get-usage',
-		crumb: '@remotion/licensing',
+		id: 'terminology/root-file',
+		title: 'Root file',
+		relativePath: 'docs/terminology/root-file.mdx',
+		compId: 'articles-docs-terminology-root-file',
+		crumb: 'Terminology',
+		noAi: false,
+		slug: 'terminology/root-file',
 	},
 	{
-		id: 'register-usage-point',
-		title: 'registerUsagePoint()',
-		relativePath: 'docs/licensing/register-usage-point.mdx',
-		compId: 'articles-docs-licensing-register-usage-point',
-		crumb: '@remotion/licensing',
+		id: 'terminology/sequence',
+		title: 'Sequence',
+		relativePath: 'docs/terminology/sequence.mdx',
+		compId: 'articles-docs-terminology-sequence',
+		crumb: 'Terminology',
+		noAi: false,
+		slug: 'terminology/sequence',
 	},
 	{
-		id: 'licensing/index',
-		title: '@remotion/licensing',
-		relativePath: 'docs/licensing/index.mdx',
-		compId: 'articles-docs-licensing-index',
-		crumb: 'API',
+		id: 'terminology/serve-url',
+		title: 'Serve URL',
+		relativePath: 'docs/terminology/serve-url.mdx',
+		compId: 'articles-docs-terminology-serve-url',
+		crumb: 'Terminology',
+		noAi: false,
+		slug: 'terminology/serve-url',
 	},
 	{
-		id: 'react-18',
-		title: 'Upgrade to React 18',
-		relativePath: 'docs/react-18.mdx',
-		compId: 'articles-docs-react-18',
-		crumb: 'The new and shiny',
+		id: 'terminology/service-name',
+		title: 'Service Name',
+		relativePath: 'docs/terminology/service-name.mdx',
+		compId: 'articles-docs-terminology-service-name',
+		crumb: 'Terminology',
+		noAi: false,
+		slug: 'terminology/service-name',
 	},
 	{
-		id: 'cloudrun-alpha',
-		title: 'Cloud Run Alpha',
-		relativePath: 'docs/cloudrun-alpha.mdx',
-		compId: 'articles-docs-cloudrun-alpha',
-		crumb: 'Version Upgrade',
+		id: 'terminology/studio',
+		title: 'Remotion Studio',
+		relativePath: 'docs/terminology/studio.mdx',
+		compId: 'articles-docs-terminology-studio',
+		crumb: 'Terminology',
+		noAi: false,
+		slug: 'terminology/studio',
 	},
 	{
-		id: 'easing',
-		title: 'Easing',
-		relativePath: 'docs/easing.mdx',
-		compId: 'articles-docs-easing',
-		crumb: 'API',
+		id: 'terminology',
+		title: 'Terminology',
+		relativePath: 'docs/terminology.mdx',
+		compId: 'articles-docs-terminology',
+		crumb: 'The Remotion dictionary',
+		noAi: false,
+		slug: 'terminology',
 	},
 	{
-		id: 'resources',
-		title: 'List of resources',
-		relativePath: 'docs/resources.mdx',
-		compId: 'articles-docs-resources',
-		crumb: 'Ecosystem',
+		id: 'the-fundamentals',
+		title: 'The fundamentals',
+		relativePath: 'docs/the-fundamentals.mdx',
+		compId: 'articles-docs-the-fundamentals',
+		crumb: 'Getting started',
+		noAi: false,
+		slug: 'the-fundamentals',
 	},
 	{
-		id: 'schemas',
-		title: 'Defining a schema for your props',
-		relativePath: 'docs/schemas.mdx',
-		compId: 'articles-docs-schemas',
-		crumb: 'How To',
+		id: 'third-party',
+		title: 'Third party integrations',
+		relativePath: 'docs/third-party.mdx',
+		compId: 'articles-docs-third-party',
+		crumb: 'Integrations',
+		noAi: false,
+		slug: 'third-party',
 	},
 	{
-		id: 'slow-method-to-extract-frame',
-		title: 'Slow method to extract frame',
-		relativePath: 'docs/slow-method-to-extract-frame.mdx',
-		compId: 'articles-docs-slow-method-to-extract-frame',
-		crumb: 'Troubleshooting',
+		id: 'three-canvas',
+		title: '<ThreeCanvas>',
+		relativePath: 'docs/three-canvas.mdx',
+		compId: 'articles-docs-three-canvas',
+		crumb: '@remotion/three',
+		noAi: false,
+		slug: 'three-canvas',
 	},
 	{
-		id: 'lambda',
-		title: '@remotion/lambda',
-		relativePath: 'docs/lambda.mdx',
-		compId: 'articles-docs-lambda',
+		id: 'three',
+		title: '@remotion/three',
+		relativePath: 'docs/three.mdx',
+		compId: 'articles-docs-three',
 		crumb: null,
+		noAi: false,
+		slug: 'three',
 	},
 	{
-		id: 'transitions/timings/springtiming',
-		title: 'springTiming()',
-		relativePath: 'docs/transitions/timings/springtiming.mdx',
-		compId: 'articles-docs-transitions-timings-springtiming',
-		crumb: '@remotion/transitions - Timings',
+		id: 'timeout',
+		title: 'Debugging timeouts',
+		relativePath: 'docs/timeout.mdx',
+		compId: 'articles-docs-timeout',
+		crumb: 'Troubleshooting',
+		noAi: false,
+		slug: 'timeout',
 	},
 	{
-		id: 'transitions/timings/index',
-		title: 'Timings',
-		relativePath: 'docs/transitions/timings/index.mdx',
-		compId: 'articles-docs-transitions-timings-index',
-		crumb: '@remotion/transitions',
+		id: 'transforms',
+		title: 'Transforms',
+		relativePath: 'docs/transforms.mdx',
+		compId: 'articles-docs-transforms',
+		crumb: 'The fundamentals',
+		noAi: false,
+		slug: 'transforms',
 	},
 	{
-		id: 'transitions/timings/custom',
-		title: 'Custom timings',
-		relativePath: 'docs/transitions/timings/custom.mdx',
-		compId: 'articles-docs-transitions-timings-custom',
+		id: 'transitions/audio-transitions',
+		title: 'Transitioning with audio',
+		relativePath: 'docs/transitions/audio-transitions.mdx',
+		compId: 'articles-docs-transitions-audio-transitions',
 		crumb: '@remotion/transitions',
-	},
-	{
-		id: 'transitions/timings/lineartiming',
-		title: 'linearTiming()',
-		relativePath: 'docs/transitions/timings/lineartiming.mdx',
-		compId: 'articles-docs-transitions-timings-lineartiming',
-		crumb: '@remotion/transitions - Timings',
+		noAi: false,
+		slug: 'transitions/audio-transitions',
 	},
 	{
 		id: 'transitions/index',
@@ -3591,13 +4666,8 @@ export const articles = [
 		relativePath: 'docs/transitions/index.mdx',
 		compId: 'articles-docs-transitions-index',
 		crumb: null,
-	},
-	{
-		id: 'transitions/use-transition-progress',
-		title: 'useTransitionProgress()',
-		relativePath: 'docs/transitions/use-transition-progress.mdx',
-		compId: 'articles-docs-transitions-use-transition-progress',
-		crumb: '@remotion/transitions',
+		noAi: false,
+		slug: 'transitions/index',
 	},
 	{
 		id: 'transitions/presentations/clock-wipe',
@@ -3605,20 +4675,8 @@ export const articles = [
 		relativePath: 'docs/transitions/presentations/clock-wipe.mdx',
 		compId: 'articles-docs-transitions-presentations-clock-wipe',
 		crumb: '@remotion/transitions - Presentations',
-	},
-	{
-		id: 'transitions/presentations/index',
-		title: 'Presentations',
-		relativePath: 'docs/transitions/presentations/index.mdx',
-		compId: 'articles-docs-transitions-presentations-index',
-		crumb: '@remotion/transitions',
-	},
-	{
-		id: 'transitions/presentations/custom',
-		title: 'Custom presentations',
-		relativePath: 'docs/transitions/presentations/custom.mdx',
-		compId: 'articles-docs-transitions-presentations-custom',
-		crumb: '@remotion/transitions',
+		noAi: false,
+		slug: 'transitions/presentations/clock-wipe',
 	},
 	{
 		id: 'transitions/presentations/cube',
@@ -3626,13 +4684,17 @@ export const articles = [
 		relativePath: 'docs/transitions/presentations/cube.mdx',
 		compId: 'articles-docs-transitions-presentations-cube',
 		crumb: '@remotion/transitions - Presentations',
+		noAi: false,
+		slug: 'transitions/presentations/cube',
 	},
 	{
-		id: 'transitions/presentations/wipe',
-		title: 'wipe()',
-		relativePath: 'docs/transitions/presentations/wipe.mdx',
-		compId: 'articles-docs-transitions-presentations-wipe',
-		crumb: '@remotion/transitions - Presentations',
+		id: 'transitions/presentations/custom',
+		title: 'Custom presentations',
+		relativePath: 'docs/transitions/presentations/custom.mdx',
+		compId: 'articles-docs-transitions-presentations-custom',
+		crumb: '@remotion/transitions',
+		noAi: false,
+		slug: 'transitions/presentations/custom',
 	},
 	{
 		id: 'transitions/presentations/fade',
@@ -3640,20 +4702,8 @@ export const articles = [
 		relativePath: 'docs/transitions/presentations/fade.mdx',
 		compId: 'articles-docs-transitions-presentations-fade',
 		crumb: '@remotion/transitions - Presentations',
-	},
-	{
-		id: 'transitions/presentations/slide',
-		title: 'slide()',
-		relativePath: 'docs/transitions/presentations/slide.mdx',
-		compId: 'articles-docs-transitions-presentations-slide',
-		crumb: '@remotion/transitions - Presentations',
-	},
-	{
-		id: 'transitions/presentations/none',
-		title: 'none()',
-		relativePath: 'docs/transitions/presentations/none.mdx',
-		compId: 'articles-docs-transitions-presentations-none',
-		crumb: '@remotion/transitions - Presentations',
+		noAi: false,
+		slug: 'transitions/presentations/fade',
 	},
 	{
 		id: 'transitions/presentations/flip',
@@ -3661,300 +4711,387 @@ export const articles = [
 		relativePath: 'docs/transitions/presentations/flip.mdx',
 		compId: 'articles-docs-transitions-presentations-flip',
 		crumb: '@remotion/transitions - Presentations',
+		noAi: false,
+		slug: 'transitions/presentations/flip',
 	},
 	{
-		id: 'transitions/transitionseries',
-		title: '<TransitionSeries>',
-		relativePath: 'docs/transitions/transitionseries.mdx',
-		compId: 'articles-docs-transitions-transitionseries',
+		id: 'transitions/presentations/index',
+		title: 'Presentations',
+		relativePath: 'docs/transitions/presentations/index.mdx',
+		compId: 'articles-docs-transitions-presentations-index',
 		crumb: '@remotion/transitions',
+		noAi: false,
+		slug: 'transitions/presentations/index',
 	},
 	{
-		id: 'transitions/audio-transitions',
-		title: 'Transitioning with audio',
-		relativePath: 'docs/transitions/audio-transitions.mdx',
-		compId: 'articles-docs-transitions-audio-transitions',
-		crumb: '@remotion/transitions',
+		id: 'transitions/presentations/none',
+		title: 'none()',
+		relativePath: 'docs/transitions/presentations/none.mdx',
+		compId: 'articles-docs-transitions-presentations-none',
+		crumb: '@remotion/transitions - Presentations',
+		noAi: false,
+		slug: 'transitions/presentations/none',
 	},
 	{
-		id: 'video-vs-offthreadvideo',
-		title: '<OffthreadVideo> vs. <Video>',
-		relativePath: 'docs/video-vs-offthreadvideo.mdx',
-		compId: 'articles-docs-video-vs-offthreadvideo',
-		crumb: 'Comparison',
+		id: 'transitions/presentations/slide',
+		title: 'slide()',
+		relativePath: 'docs/transitions/presentations/slide.mdx',
+		compId: 'articles-docs-transitions-presentations-slide',
+		crumb: '@remotion/transitions - Presentations',
+		noAi: false,
+		slug: 'transitions/presentations/slide',
 	},
 	{
-		id: 'ffmpeg',
-		title: 'Installing FFmpeg',
-		relativePath: 'docs/ffmpeg.mdx',
-		compId: 'articles-docs-ffmpeg',
-		crumb: "(you don't have to)",
+		id: 'transitions/presentations/wipe',
+		title: 'wipe()',
+		relativePath: 'docs/transitions/presentations/wipe.mdx',
+		compId: 'articles-docs-transitions-presentations-wipe',
+		crumb: '@remotion/transitions - Presentations',
+		noAi: false,
+		slug: 'transitions/presentations/wipe',
 	},
 	{
-		id: 'video',
-		title: '<Video>',
-		relativePath: 'docs/video.mdx',
-		compId: 'articles-docs-video',
-		crumb: 'API',
+		id: 'transitions/timings/custom',
+		title: 'Custom timings',
+		relativePath: 'docs/transitions/timings/custom.mdx',
+		compId: 'articles-docs-transitions-timings-custom',
+		crumb: '@remotion/transitions',
+		noAi: false,
+		slug: 'transitions/timings/custom',
 	},
 	{
-		id: 'parse-media',
-		title: 'parseMedia()',
-		relativePath: 'docs/media-parser/parse-media.mdx',
-		compId: 'articles-docs-media-parser-parse-media',
-		crumb: '@remotion/media-parser',
+		id: 'transitions/timings/index',
+		title: 'Timings',
+		relativePath: 'docs/transitions/timings/index.mdx',
+		compId: 'articles-docs-transitions-timings-index',
+		crumb: '@remotion/transitions',
+		noAi: false,
+		slug: 'transitions/timings/index',
 	},
 	{
-		id: 'metadata',
-		title: 'Getting metadata from videos using @remotion/media-parser',
-		relativePath: 'docs/media-parser/metadata.mdx',
-		compId: 'articles-docs-media-parser-metadata',
-		crumb: '@remotion/media-parser',
+		id: 'transitions/timings/lineartiming',
+		title: 'linearTiming()',
+		relativePath: 'docs/transitions/timings/lineartiming.mdx',
+		compId: 'articles-docs-transitions-timings-lineartiming',
+		crumb: '@remotion/transitions - Timings',
+		noAi: false,
+		slug: 'transitions/timings/lineartiming',
 	},
 	{
-		id: 'node-reader',
-		title: 'nodeReader',
-		relativePath: 'docs/media-parser/node-reader.mdx',
-		compId: 'articles-docs-media-parser-node-reader',
-		crumb: '@remotion/media-parser',
+		id: 'transitions/timings/springtiming',
+		title: 'springTiming()',
+		relativePath: 'docs/transitions/timings/springtiming.mdx',
+		compId: 'articles-docs-transitions-timings-springtiming',
+		crumb: '@remotion/transitions - Timings',
+		noAi: false,
+		slug: 'transitions/timings/springtiming',
 	},
 	{
-		id: 'web-file-reader',
-		title: 'webFileReader',
-		relativePath: 'docs/media-parser/web-file-reader.mdx',
-		compId: 'articles-docs-media-parser-web-file-reader',
-		crumb: '@remotion/media-parser',
+		id: 'transitions/transitionseries',
+		title: '<TransitionSeries>',
+		relativePath: 'docs/transitions/transitionseries.mdx',
+		compId: 'articles-docs-transitions-transitionseries',
+		crumb: '@remotion/transitions',
+		noAi: false,
+		slug: 'transitions/transitionseries',
 	},
 	{
-		id: 'media-parser/index',
-		title: '@remotion/media-parser',
-		relativePath: 'docs/media-parser/index.mdx',
-		compId: 'articles-docs-media-parser-index',
-		crumb: null,
+		id: 'transitions/use-transition-progress',
+		title: 'useTransitionProgress()',
+		relativePath: 'docs/transitions/use-transition-progress.mdx',
+		compId: 'articles-docs-transitions-use-transition-progress',
+		crumb: '@remotion/transitions',
+		noAi: false,
+		slug: 'transitions/use-transition-progress',
 	},
 	{
-		id: 'support',
-		title: 'Runtime support',
-		relativePath: 'docs/media-parser/support.mdx',
-		compId: 'articles-docs-media-parser-support',
-		crumb: '@remotion/media-parser',
+		id: 'transitioning',
+		title: 'Transitions',
+		relativePath: 'docs/transitions.mdx',
+		compId: 'articles-docs-transitions',
+		crumb: 'Techniques',
+		noAi: false,
+		slug: 'transitioning',
 	},
 	{
-		id: 'foreign-file-types',
-		title: 'Foreign file types',
-		relativePath: 'docs/media-parser/foreign-file-types.mdx',
-		compId: 'articles-docs-media-parser-foreign-file-types',
-		crumb: '@remotion/media-parser',
+		id: 'transparent-videos',
+		title: 'Transparent videos',
+		relativePath: 'docs/transparent-videos.mdx',
+		compId: 'articles-docs-transparent-videos',
+		crumb: 'Techniques',
+		noAi: false,
+		slug: 'transparent-videos',
 	},
 	{
-		id: 'fast-and-slow',
-		title: 'Fast and slow operations',
-		relativePath: 'docs/media-parser/fast-and-slow.mdx',
-		compId: 'articles-docs-media-parser-fast-and-slow',
-		crumb: '@remotion/media-parser',
+		id: 'troubleshooting/background-image',
+		title: 'Flickering when using background-image or mask-image',
+		relativePath: 'docs/troubleshooting/background-image.mdx',
+		compId: 'articles-docs-troubleshooting-background-image',
+		crumb: 'Common mistakes',
+		noAi: false,
+		slug: 'troubleshooting/background-image',
 	},
 	{
-		id: 'webcodecs',
-		title: 'Decoding a video with WebCodecs and @remotion/media-parser',
-		relativePath: 'docs/media-parser/webcodecs.mdx',
-		compId: 'articles-docs-media-parser-webcodecs',
-		crumb: '@remotion/media-parser',
+		id: 'broken-fast-refresh',
+		title: 'Fast Refresh not working',
+		relativePath: 'docs/troubleshooting/broken-fast-refresh.mdx',
+		compId: 'articles-docs-troubleshooting-broken-fast-refresh',
+		crumb: 'Troubleshooting',
+		noAi: false,
+		slug: 'troubleshooting/broken-fast-refresh',
 	},
 	{
-		id: 'tags',
-		title: 'Extract ID3 tags and EXIF data',
-		relativePath: 'docs/media-parser/tags.mdx',
-		compId: 'articles-docs-media-parser-tags',
-		crumb: '@remotion/media-parser',
+		id: 'troubleshooting/browser-launch',
+		title: 'Failed to launch the browser process',
+		relativePath: 'docs/troubleshooting/browser-launch.mdx',
+		compId: 'articles-docs-troubleshooting-browser-launch',
+		crumb: 'Troubleshooting',
+		noAi: false,
+		slug: 'troubleshooting/browser-launch',
 	},
 	{
-		id: 'fetch-reader',
-		title: 'fetchReader',
-		relativePath: 'docs/media-parser/fetch-reader.mdx',
-		compId: 'articles-docs-media-parser-fetch-reader',
-		crumb: '@remotion/media-parser',
+		id: 'troubleshooting/bundling-bundle',
+		title: 'Calling bundle() in bundled code',
+		relativePath: 'docs/troubleshooting/bundling-bundle.mdx',
+		compId: 'articles-docs-troubleshooting-bundling-bundle',
+		crumb: 'Troubleshooting',
+		noAi: false,
+		slug: 'troubleshooting/bundling-bundle',
 	},
 	{
-		id: 'measure-spring',
-		title: 'measureSpring()',
-		relativePath: 'docs/measure-spring.mdx',
-		compId: 'articles-docs-measure-spring',
-		crumb: 'API',
+		id: 'troubleshooting/could-not-be-parsed-as-a-value-list',
+		title: 'The source provided could not be parsed as a value list',
+		relativePath:
+			'docs/troubleshooting/could-not-be-parsed-as-a-value-list.mdx',
+		compId: 'articles-docs-troubleshooting-could-not-be-parsed-as-a-value-list',
+		crumb: 'Browser quirks',
+		noAi: false,
+		slug: 'troubleshooting/could-not-be-parsed-as-a-value-list',
 	},
 	{
-		id: 'javascript',
-		title: 'Plain JavaScript',
-		relativePath: 'docs/jsx-support.mdx',
-		compId: 'articles-docs-jsx-support',
-		crumb: 'How To',
+		id: 'troubleshooting/could-not-find-executable-to-run',
+		title: 'Could not determine executable to run',
+		relativePath: 'docs/troubleshooting/could-not-find-executable-to-run.mdx',
+		compId: 'articles-docs-troubleshooting-could-not-find-executable-to-run',
+		crumb: 'Troubleshooting',
+		noAi: false,
+		slug: 'troubleshooting/could-not-find-executable-to-run',
 	},
 	{
-		id: 'stills',
-		title: 'Still images',
-		relativePath: 'docs/stills.mdx',
-		compId: 'articles-docs-stills',
-		crumb: 'How to generate',
+		id: 'troubleshooting/debug-failed-render',
+		title: 'Debugging render failures',
+		relativePath: 'docs/troubleshooting/debug-failed-render.mdx',
+		compId: 'articles-docs-troubleshooting-debug-failed-render',
+		crumb: 'Troubleshooting',
+		noAi: false,
+		slug: 'troubleshooting/debug-failed-render',
 	},
 	{
-		id: 'get-help',
-		title: 'Get help',
-		relativePath: 'docs/ask-for-help.mdx',
-		compId: 'articles-docs-ask-for-help',
-		crumb: null,
+		id: 'defaultprops-too-big',
+		title: 'defaultProps too big - could not serialize',
+		relativePath: 'docs/troubleshooting/defaultprops-too-big.mdx',
+		compId: 'articles-docs-troubleshooting-defaultprops-too-big',
+		crumb: 'Troubleshooting',
+		noAi: false,
+		slug: 'troubleshooting/defaultprops-too-big',
 	},
 	{
-		id: 'still',
-		title: '<Still>',
-		relativePath: 'docs/still.mdx',
-		compId: 'articles-docs-still',
-		crumb: 'API',
+		id: 'troubleshooting/delay-render-proxy',
+		title: 'Loading <Img> with src http://localhost:3000/proxy',
+		relativePath: 'docs/troubleshooting/delay-render-proxy.mdx',
+		compId: 'articles-docs-troubleshooting-delay-render-proxy',
+		crumb: 'Troubleshooting',
+		noAi: false,
+		slug: 'troubleshooting/delay-render-proxy',
 	},
 	{
-		id: 'preload-video',
-		title: 'preloadVideo()',
-		relativePath: 'docs/preload/preload-video.mdx',
-		compId: 'articles-docs-preload-preload-video',
-		crumb: '@remotion/player',
+		id: 'loading-root-component',
+		title: 'Root component Timeout',
+		relativePath: 'docs/troubleshooting/loading-root-component.mdx',
+		compId: 'articles-docs-troubleshooting-loading-root-component',
+		crumb: 'Troubleshooting',
+		noAi: false,
+		slug: 'troubleshooting/loading-root-component',
 	},
 	{
-		id: 'preload-audio',
-		title: 'preloadAudio()',
-		relativePath: 'docs/preload/preload-audio.mdx',
-		compId: 'articles-docs-preload-preload-audio',
-		crumb: '@remotion/preload',
+		id: 'troubleshooting/nextjs-image',
+		title: 'Flickering when using Next.js <Image> tag',
+		relativePath: 'docs/troubleshooting/nextjs-image.mdx',
+		compId: 'articles-docs-troubleshooting-nextjs-image',
+		crumb: 'Common mistakes',
+		noAi: false,
+		slug: 'troubleshooting/nextjs-image',
 	},
 	{
-		id: 'preload-image',
-		title: 'preloadImage()',
-		relativePath: 'docs/preload/preload-image.mdx',
-		compId: 'articles-docs-preload-preload-image',
-		crumb: '@remotion/preload',
+		id: 'stuck-render',
+		title: 'Debugging stuck renders',
+		relativePath: 'docs/troubleshooting/render-stuck.mdx',
+		compId: 'articles-docs-troubleshooting-render-stuck',
+		crumb: 'Troubleshooting',
+		noAi: false,
+		slug: 'troubleshooting/stuck-render',
 	},
 	{
-		id: 'preload-font',
-		title: 'preloadFont()',
-		relativePath: 'docs/preload/preload-font.mdx',
-		compId: 'articles-docs-preload-preload-font',
-		crumb: '@remotion/preload',
+		id: 'rosetta',
+		title: 'Apple Silicon under Rosetta',
+		relativePath: 'docs/troubleshooting/rosetta.mdx',
+		compId: 'articles-docs-troubleshooting-rosetta',
+		crumb: 'Troubleshooting',
+		noAi: false,
+		slug: 'troubleshooting/rosetta',
 	},
 	{
-		id: 'preload',
-		title: '@remotion/preload',
-		relativePath: 'docs/preload/preload.mdx',
-		compId: 'articles-docs-preload-preload',
-		crumb: null,
+		id: 'troubleshooting/sigkill',
+		title: 'Process quit with signal SIGKILL',
+		relativePath: 'docs/troubleshooting/sigkill.mdx',
+		compId: 'articles-docs-troubleshooting-sigkill',
+		crumb: 'Troubleshooting',
+		noAi: false,
+		slug: 'troubleshooting/sigkill',
 	},
 	{
-		id: 'version',
-		title: 'VERSION',
-		relativePath: 'docs/version.mdx',
-		compId: 'articles-docs-version',
-		crumb: 'API',
+		id: 'troubleshooting/timed-out-page-function',
+		title: 'Timed out evaluating page function',
+		relativePath: 'docs/troubleshooting/timed-out-page-function.mdx',
+		compId: 'articles-docs-troubleshooting-timed-out-page-function',
+		crumb: 'Troubleshooting',
+		noAi: false,
+		slug: 'troubleshooting/timed-out-page-function',
 	},
 	{
-		id: 'prereleases',
-		title: 'Testing prereleases',
-		relativePath: 'docs/prereleases.mdx',
-		compId: 'articles-docs-prereleases',
-		crumb: 'Only the brave',
+		id: 'player-flicker',
+		title: 'Avoiding flickering in <Player>',
+		relativePath: 'docs/troubleshooting/video-flicker.mdx',
+		compId: 'articles-docs-troubleshooting-video-flicker',
+		crumb: 'Frame-perfection',
+		noAi: false,
+		slug: 'troubleshooting/player-flicker',
 	},
 	{
-		id: 'artifact',
-		title: '<Artifact>',
-		relativePath: 'docs/artifact.mdx',
-		compId: 'articles-docs-artifact',
-		crumb: 'API',
+		id: 'upgrading',
+		title: 'Upgrading Remotion',
+		relativePath: 'docs/upgrading.mdx',
+		compId: 'articles-docs-upgrading',
+		crumb: 'upgrade remotion',
+		noAi: false,
+		slug: 'upgrading',
 	},
 	{
-		id: 'license',
-		title: 'License & Pricing',
-		relativePath: 'docs/license.mdx',
-		compId: 'articles-docs-license',
-		crumb: null,
+		id: 'use-audio-data',
+		title: 'useAudioData()',
+		relativePath: 'docs/use-audio-data.mdx',
+		compId: 'articles-docs-use-audio-data',
+		crumb: '@remotion/media-utils',
+		noAi: false,
+		slug: 'use-audio-data',
 	},
 	{
-		id: 'deno',
-		title: 'Deno support',
-		relativePath: 'docs/deno.mdx',
-		compId: 'articles-docs-deno',
-		crumb: 'Runtime support',
+		id: 'use-buffer-state',
+		title: 'useBufferState()',
+		relativePath: 'docs/use-buffer-state.mdx',
+		compId: 'articles-docs-use-buffer-state',
+		crumb: 'API',
+		noAi: false,
+		slug: 'use-buffer-state',
 	},
 	{
-		id: 'fonts',
-		title: 'Using fonts',
-		relativePath: 'docs/fonts.mdx',
-		compId: 'articles-docs-fonts',
-		crumb: 'Techniques',
+		id: 'use-current-frame',
+		title: 'useCurrentFrame()',
+		relativePath: 'docs/use-current-frame.mdx',
+		compId: 'articles-docs-use-current-frame',
+		crumb: 'API',
+		noAi: false,
+		slug: 'use-current-frame',
 	},
 	{
-		id: 'enametoolong',
-		title: 'ENAMETOOLONG',
-		relativePath: 'docs/enametoolong.mdx',
-		compId: 'articles-docs-enametoolong',
-		crumb: 'Troubleshooting',
+		id: 'use-current-scale',
+		title: 'useCurrentScale()',
+		relativePath: 'docs/use-current-scale.mdx',
+		compId: 'articles-docs-use-current-scale',
+		crumb: 'API',
+		noAi: false,
+		slug: 'use-current-scale',
 	},
 	{
-		id: 'get-waveform-portion',
-		title: 'getWaveformPortion()',
-		relativePath: 'docs/get-waveform-portion.mdx',
-		compId: 'articles-docs-get-waveform-portion',
-		crumb: '@remotion/media-utils',
+		id: 'use-img-and-iframe',
+		title: '<Img>, <Video> and <Audio>',
+		relativePath: 'docs/use-img-and-iframe.mdx',
+		compId: 'articles-docs-use-img-and-iframe',
+		crumb: 'Best practices',
+		noAi: false,
+		slug: 'use-img-and-iframe',
 	},
 	{
-		id: 'webpack',
-		title: 'Custom Webpack config',
-		relativePath: 'docs/overwriting-webpack-config.mdx',
-		compId: 'articles-docs-overwriting-webpack-config',
-		crumb: 'How To',
+		id: 'use-offthread-video-texture',
+		title: 'useOffthreadVideoTexture()',
+		relativePath: 'docs/use-offthread-video-texture.mdx',
+		compId: 'articles-docs-use-offthread-video-texture',
+		crumb: '@remotion/three',
+		noAi: false,
+		slug: 'use-offthread-video-texture',
 	},
 	{
-		id: "'null'",
-		title: '<Experimental.Null>',
-		relativePath: 'docs/null.mdx',
-		compId: 'articles-docs-null',
-		crumb: 'Experimental API',
+		id: 'use-video-config',
+		title: 'useVideoConfig()',
+		relativePath: 'docs/use-video-config.mdx',
+		compId: 'articles-docs-use-video-config',
+		crumb: 'API',
+		noAi: false,
+		slug: 'use-video-config',
 	},
 	{
-		id: 'parameterized-rendering',
-		title: 'Parameterized videos',
-		relativePath: 'docs/parameterized-rendering.mdx',
-		compId: 'articles-docs-parameterized-rendering',
-		crumb: 'How To',
+		id: 'use-video-texture',
+		title: 'useVideoTexture()',
+		relativePath: 'docs/use-video-texture.mdx',
+		compId: 'articles-docs-use-video-texture',
+		crumb: '@remotion/three',
+		noAi: false,
+		slug: 'use-video-texture',
 	},
 	{
-		id: 'get-audio-data',
-		title: 'getAudioData()',
-		relativePath: 'docs/get-audio-data.mdx',
-		compId: 'articles-docs-get-audio-data',
+		id: 'use-windowed-audio-data',
+		title: 'useWindowedAudioData()',
+		relativePath: 'docs/use-windowed-audio-data.mdx',
+		compId: 'articles-docs-use-windowed-audio-data',
 		crumb: '@remotion/media-utils',
+		noAi: false,
+		slug: 'use-windowed-audio-data',
 	},
 	{
-		id: 'clipper',
-		title: '<Experimental.Clipper>',
-		relativePath: 'docs/clipper.mdx',
-		compId: 'articles-docs-clipper',
-		crumb: 'Experimental API',
+		id: 'using-audio',
+		title: 'Using audio',
+		relativePath: 'docs/using-audio.mdx',
+		compId: 'articles-docs-using-audio',
+		crumb: 'Techniques',
+		noAi: false,
+		slug: 'using-audio',
 	},
 	{
-		id: 'random',
-		title: 'random()',
-		relativePath: 'docs/random.mdx',
-		compId: 'articles-docs-random',
-		crumb: 'API',
+		id: 'using-randomness',
+		title: 'Using randomness',
+		relativePath: 'docs/using-randomness.mdx',
+		compId: 'articles-docs-using-randomness',
+		crumb: 'Roll the dice',
+		noAi: false,
+		slug: 'using-randomness',
 	},
 	{
-		id: 'remotion',
-		title: 'remotion',
-		relativePath: 'docs/remotion.mdx',
-		compId: 'articles-docs-remotion',
-		crumb: 'Core API Reference',
+		id: 'version-mismatch',
+		title: 'Version mismatch',
+		relativePath: 'docs/version-mismatch.mdx',
+		compId: 'articles-docs-version-mismatch',
+		crumb: 'How to fix a',
+		noAi: false,
+		slug: 'version-mismatch',
 	},
 	{
-		id: 'folder',
-		title: '<Folder>',
-		relativePath: 'docs/folder.mdx',
-		compId: 'articles-docs-folder',
+		id: 'version',
+		title: 'VERSION',
+		relativePath: 'docs/version.mdx',
+		compId: 'articles-docs-version',
 		crumb: 'API',
+		noAi: false,
+		slug: 'version',
 	},
 	{
 		id: 'video-manipulation',
@@ -3962,243 +5099,304 @@ export const articles = [
 		relativePath: 'docs/video-manipulation.mdx',
 		compId: 'articles-docs-video-manipulation',
 		crumb: 'How To',
+		noAi: false,
+		slug: 'video-manipulation',
 	},
 	{
-		id: 'use-offthread-video-texture',
-		title: 'useOffthreadVideoTexture()',
-		relativePath: 'docs/use-offthread-video-texture.mdx',
-		compId: 'articles-docs-use-offthread-video-texture',
-		crumb: '@remotion/three',
+		id: 'video-uploads',
+		title: 'Handling user video uploads',
+		relativePath: 'docs/video-uploads.mdx',
+		compId: 'articles-docs-video-uploads',
+		crumb: 'Building video apps',
+		noAi: false,
+		slug: 'video-uploads',
 	},
 	{
-		id: 'animation-math',
-		title: 'Animation math',
-		relativePath: 'docs/animation-math.mdx',
-		compId: 'articles-docs-animation-math',
-		crumb: 'Techniques',
+		id: 'video-vs-offthreadvideo',
+		title: '<OffthreadVideo> vs. <Video>',
+		relativePath: 'docs/video-vs-offthreadvideo.mdx',
+		compId: 'articles-docs-video-vs-offthreadvideo',
+		crumb: 'Comparison',
+		noAi: false,
+		slug: 'video-vs-offthreadvideo',
 	},
 	{
-		id: 'render-all',
-		title: 'Render all compositions',
-		relativePath: 'docs/render-all.mdx',
-		compId: 'articles-docs-render-all',
-		crumb: 'Techniques',
+		id: 'video',
+		title: '<Video>',
+		relativePath: 'docs/video.mdx',
+		compId: 'articles-docs-video',
+		crumb: 'API',
+		noAi: false,
+		slug: 'video',
 	},
 	{
-		id: 'layout-utils/debug',
-		title: 'Debugging font measurement bugs',
-		relativePath: 'docs/layout-utils/debug.mdx',
-		compId: 'articles-docs-layout-utils-debug',
-		crumb: '@remotion/layout-utils',
+		id: 'videos/index',
+		title: 'Embedding videos into Remotion',
+		relativePath: 'docs/videos/index.mdx',
+		compId: 'articles-docs-videos-index',
+		crumb: 'How To',
+		noAi: false,
+		slug: 'videos/index',
 	},
 	{
-		id: 'layout-utils/index',
-		title: '@remotion/layout-utils',
-		relativePath: 'docs/layout-utils/index.mdx',
-		compId: 'articles-docs-layout-utils-index',
-		crumb: null,
+		id: 'videos/sequence',
+		title: 'Playing videos in sequence',
+		relativePath: 'docs/videos/sequence.mdx',
+		compId: 'articles-docs-videos-sequence',
+		crumb: 'How To',
+		noAi: false,
+		slug: 'videos/sequence',
 	},
 	{
-		id: 'layout-utils/best-practices',
-		title: 'Best practices for @remotion/layout-utils',
-		relativePath: 'docs/layout-utils/best-practices.mdx',
-		compId: 'articles-docs-layout-utils-best-practices',
-		crumb: '@remotion/layout-utils',
+		id: 'videos/transparency',
+		title: 'Embedding transparent videos',
+		relativePath: 'docs/videos/transparency.mdx',
+		compId: 'articles-docs-videos-transparency',
+		crumb: 'How To',
+		noAi: false,
+		slug: 'videos/transparency',
 	},
 	{
-		id: 'layout-utils/measure-text',
-		title: 'measureText()',
-		relativePath: 'docs/layout-utils/measure-text.mdx',
-		compId: 'articles-docs-layout-utils-measure-text',
-		crumb: '@remotion/layout-utils',
+		id: 'visual-editing',
+		title: 'Edit default props visually',
+		relativePath: 'docs/visual-editing.mdx',
+		compId: 'articles-docs-visual-editing',
+		crumb: 'How To',
+		noAi: false,
+		slug: 'visual-editing',
 	},
 	{
-		id: 'layout-utils/fill-text-box',
-		title: 'fillTextBox()',
-		relativePath: 'docs/layout-utils/fill-text-box.mdx',
-		compId: 'articles-docs-layout-utils-fill-text-box',
-		crumb: '@remotion/layout-utils',
+		id: 'visualize-audio',
+		title: 'visualizeAudio()',
+		relativePath: 'docs/visualize-audio.mdx',
+		compId: 'articles-docs-visualize-audio',
+		crumb: '@remotion/media-utils',
+		noAi: false,
+		slug: 'visualize-audio',
 	},
 	{
-		id: 'layout-utils/fit-text',
-		title: 'fitText()',
-		relativePath: 'docs/layout-utils/fit-text.mdx',
-		compId: 'articles-docs-layout-utils-fit-text',
-		crumb: '@remotion/layout-utils',
+		id: 'vue',
+		title: 'Using Remotion in Vue',
+		relativePath: 'docs/vue.mdx',
+		compId: 'articles-docs-vue',
+		crumb: 'Integrations',
+		noAi: false,
+		slug: 'vue',
 	},
 	{
-		id: 'buffer-state',
-		title: 'Display a buffer state',
-		relativePath: 'docs/buffer-state.mdx',
-		compId: 'articles-docs-buffer-state',
-		crumb: 'Building video apps',
+		id: 'watchstaticfile',
+		title: 'watchStaticFile()',
+		relativePath: 'docs/watch-static-file.mdx',
+		compId: 'articles-docs-watch-static-file',
+		crumb: 'API',
+		noAi: false,
+		slug: 'watchstaticfile',
 	},
 	{
-		id: 'staticfile-remote-urls',
-		title: 'staticFile() does not support remote URLs',
-		relativePath: 'docs/static-file-remote-urls.mdx',
-		compId: 'articles-docs-static-file-remote-urls',
-		crumb: 'Troubleshooting',
+		id: 'can-copy-audio-track',
+		title: 'canCopyAudioTrack()',
+		relativePath: 'docs/webcodecs/can-copy-audio-track.mdx',
+		compId: 'articles-docs-webcodecs-can-copy-audio-track',
+		crumb: '@remotion/webcodecs',
+		noAi: false,
+		slug: 'webcodecs/can-copy-audio-track',
 	},
 	{
-		id: 'custom-controls',
-		title: 'Custom controls for the Player',
-		relativePath: 'docs/player/custom-controls.mdx',
-		compId: 'articles-docs-player-custom-controls',
-		crumb: '@remotion/player',
+		id: 'can-copy-video-track',
+		title: 'canCopyVideoTrack()',
+		relativePath: 'docs/webcodecs/can-copy-video-track.mdx',
+		compId: 'articles-docs-webcodecs-can-copy-video-track',
+		crumb: '@remotion/webcodecs',
+		noAi: false,
+		slug: 'webcodecs/can-copy-video-track',
 	},
 	{
-		id: 'media-keys',
-		title: 'Media Key Behavior (Web MediaSession API)',
-		relativePath: 'docs/player/media-keys.mdx',
-		compId: 'articles-docs-player-media-keys',
-		crumb: '@remotion/player',
+		id: 'can-reencode-audio-track',
+		title: 'canReencodeAudioTrack()',
+		relativePath: 'docs/webcodecs/can-reencode-audio-track.mdx',
+		compId: 'articles-docs-webcodecs-can-reencode-audio-track',
+		crumb: '@remotion/webcodecs',
+		noAi: false,
+		slug: 'webcodecs/can-reencode-audio-track',
 	},
 	{
-		id: 'player/index',
-		title: '@remotion/player',
-		relativePath: 'docs/player/index.mdx',
-		compId: 'articles-docs-player-index',
-		crumb: null,
+		id: 'can-reencode-video-track',
+		title: 'canReencodeVideoTrack()',
+		relativePath: 'docs/webcodecs/can-reencode-video-track.mdx',
+		compId: 'articles-docs-webcodecs-can-reencode-video-track',
+		crumb: '@remotion/webcodecs',
+		noAi: false,
+		slug: 'webcodecs/can-reencode-video-track',
 	},
 	{
-		id: 'integration',
-		title: 'Code sharing',
-		relativePath: 'docs/player/player-integration.mdx',
-		compId: 'articles-docs-player-player-integration',
-		crumb: '@remotion/player',
+		id: 'convert-a-video',
+		title: 'Convert a video',
+		relativePath: 'docs/webcodecs/convert-a-video.mdx',
+		compId: 'articles-docs-webcodecs-convert-a-video',
+		crumb: '@remotion/webcodecs',
+		noAi: false,
+		slug: 'webcodecs/convert-a-video',
 	},
 	{
-		id: 'player/preloading',
-		title: 'Preloading assets',
-		relativePath: 'docs/player/preloading.mdx',
-		compId: 'articles-docs-player-preloading',
-		crumb: '@remotion/player',
+		id: 'convert-media',
+		title: 'convertMedia()',
+		relativePath: 'docs/webcodecs/convert-media.mdx',
+		compId: 'articles-docs-webcodecs-convert-media',
+		crumb: '@remotion/webcodecs',
+		noAi: false,
+		slug: 'webcodecs/convert-media',
 	},
 	{
-		id: 'best-practices',
-		title: 'Player - Best practices',
-		relativePath: 'docs/player/best-practices.mdx',
-		compId: 'articles-docs-player-best-practices',
-		crumb: '@remotion/player',
+		id: 'default-on-audio-track-handler',
+		title: 'defaultOnAudioTrackHandler()',
+		relativePath: 'docs/webcodecs/default-on-audio-track-handler.mdx',
+		compId: 'articles-docs-webcodecs-default-on-audio-track-handler',
+		crumb: '@remotion/webcodecs',
+		noAi: false,
+		slug: 'webcodecs/default-on-audio-track-handler',
 	},
 	{
-		id: 'autoplay',
-		title: 'Combatting autoplay issues',
-		relativePath: 'docs/player/autoplay.mdx',
-		compId: 'articles-docs-player-autoplay',
-		crumb: '@remotion/player',
+		id: 'default-on-video-track-handler',
+		title: 'defaultOnVideoTrackHandler()',
+		relativePath: 'docs/webcodecs/default-on-video-track-handler.mdx',
+		compId: 'articles-docs-webcodecs-default-on-video-track-handler',
+		crumb: '@remotion/webcodecs',
+		noAi: false,
+		slug: 'webcodecs/default-on-video-track-handler',
 	},
 	{
-		id: 'player/drag-and-drop/index',
-		title: 'Drag & Drop in the Remotion Player',
-		relativePath: 'docs/player/drag-and-drop/index.mdx',
-		compId: 'articles-docs-player-drag-and-drop-index',
-		crumb: '@remotion/player',
+		id: 'fix-mediarecorder-video',
+		title: 'Fixing a MediaRecorder video',
+		relativePath: 'docs/webcodecs/fix-a-mediarecorder-video.mdx',
+		compId: 'articles-docs-webcodecs-fix-a-mediarecorder-video',
+		crumb: '@remotion/webcodecs',
+		noAi: false,
+		slug: 'webcodecs/fix-mediarecorder-video',
 	},
 	{
-		id: 'player/premounting',
-		title: 'Premounting',
-		relativePath: 'docs/player/premounting.mdx',
-		compId: 'articles-docs-player-premounting',
-		crumb: '@remotion/player',
+		id: 'get-available-audio-codecs',
+		title: 'getAvailableAudioCodecs()',
+		relativePath: 'docs/webcodecs/get-available-audio-codecs.mdx',
+		compId: 'articles-docs-webcodecs-get-available-audio-codecs',
+		crumb: '@remotion/webcodecs',
+		noAi: false,
+		slug: 'webcodecs/get-available-audio-codecs',
 	},
 	{
-		id: 'player/api',
-		title: '<Player>',
-		relativePath: 'docs/player/api.mdx',
-		compId: 'articles-docs-player-api',
-		crumb: '@remotion/player',
+		id: 'get-available-containers',
+		title: 'getAvailableContainers()',
+		relativePath: 'docs/webcodecs/get-available-containers.mdx',
+		compId: 'articles-docs-webcodecs-get-available-containers',
+		crumb: '@remotion/webcodecs',
+		noAi: false,
+		slug: 'webcodecs/get-available-containers',
 	},
 	{
-		id: 'thumbnail',
-		title: '<Thumbnail>',
-		relativePath: 'docs/player/thumbnail.mdx',
-		compId: 'articles-docs-player-thumbnail',
-		crumb: '@remotion/player',
+		id: 'get-available-video-codecs',
+		title: 'getAvailableVideoCodecs()',
+		relativePath: 'docs/webcodecs/get-available-video-codecs.mdx',
+		compId: 'articles-docs-webcodecs-get-available-video-codecs',
+		crumb: '@remotion/webcodecs',
+		noAi: false,
+		slug: 'webcodecs/get-available-video-codecs',
 	},
 	{
-		id: 'current-time',
-		title: 'Displaying the current time',
-		relativePath: 'docs/player/current-time.mdx',
-		compId: 'articles-docs-player-current-time',
-		crumb: '@remotion/player',
+		id: 'get-default-audio-codec',
+		title: 'getDefaultAudioCodec()',
+		relativePath: 'docs/webcodecs/get-default-audio-codec.mdx',
+		compId: 'articles-docs-webcodecs-get-default-audio-codec',
+		crumb: '@remotion/webcodecs',
+		noAi: false,
+		slug: 'webcodecs/get-default-audio-codec',
 	},
 	{
-		id: 'examples',
-		title: 'Examples for @remotion/player',
-		relativePath: 'docs/player/player-examples.mdx',
-		compId: 'articles-docs-player-player-examples',
-		crumb: '@remotion/player',
+		id: 'get-default-video-codec',
+		title: 'getDefaultVideoCodec()',
+		relativePath: 'docs/webcodecs/get-default-video-codec.mdx',
+		compId: 'articles-docs-webcodecs-get-default-video-codec',
+		crumb: '@remotion/webcodecs',
+		noAi: false,
+		slug: 'webcodecs/get-default-video-codec',
 	},
 	{
-		id: 'installation',
-		title: 'Installation',
-		relativePath: 'docs/player/installation.mdx',
-		compId: 'articles-docs-player-installation',
-		crumb: '@remotion/player',
+		id: 'webcodecs/index',
+		title: '@remotion/webcodecs',
+		relativePath: 'docs/webcodecs/index.mdx',
+		compId: 'articles-docs-webcodecs-index',
+		crumb: null,
+		noAi: false,
+		slug: 'webcodecs/index',
 	},
 	{
-		id: 'buffer-state',
-		title: 'The Player buffer state',
-		relativePath: 'docs/player/buffer-state.mdx',
-		compId: 'articles-docs-player-buffer-state',
-		crumb: 'Best practices',
+		id: 'resize-a-video',
+		title: 'Resize a video',
+		relativePath: 'docs/webcodecs/resizing.mdx',
+		compId: 'articles-docs-webcodecs-resizing',
+		crumb: '@remotion/webcodecs',
+		noAi: false,
+		slug: 'webcodecs/resize-a-video',
 	},
 	{
-		id: 'scaling',
-		title: 'Sizing',
-		relativePath: 'docs/player/scaling.mdx',
-		compId: 'articles-docs-player-scaling',
-		crumb: '@remotion/player',
+		id: 'rotate-a-video',
+		title: 'Rotate a video',
+		relativePath: 'docs/webcodecs/rotation.mdx',
+		compId: 'articles-docs-webcodecs-rotation',
+		crumb: '@remotion/webcodecs',
+		noAi: false,
+		slug: 'webcodecs/rotate-a-video',
 	},
 	{
-		id: 'visual-editing',
-		title: 'Edit default props visually',
-		relativePath: 'docs/visual-editing.mdx',
-		compId: 'articles-docs-visual-editing',
-		crumb: 'How To',
+		id: 'telemetry',
+		title: 'Telemetry in @remotion/webcodecs',
+		relativePath: 'docs/webcodecs/telemetry.mdx',
+		compId: 'articles-docs-webcodecs-telemetry',
+		crumb: '@remotion/webcodecs',
+		noAi: false,
+		slug: 'webcodecs/telemetry',
 	},
 	{
-		id: '4-0-migration',
-		title: 'v4.0 Migration',
-		relativePath: 'docs/4-0-migration.mdx',
-		compId: 'articles-docs-4-0-migration',
-		crumb: 'Version Upgrade',
+		id: 'track-transformation',
+		title: 'Track Transformation',
+		relativePath: 'docs/webcodecs/track-transformation.mdx',
+		compId: 'articles-docs-webcodecs-track-transformation',
+		crumb: '@remotion/webcodecs',
+		noAi: false,
+		slug: 'webcodecs/track-transformation',
 	},
 	{
-		id: 'get-gif-duration-in-seconds',
-		title: 'getGifDurationInSeconds()',
-		relativePath: 'docs/gif/get-gif-duration-in-seconds.mdx',
-		compId: 'articles-docs-gif-get-gif-duration-in-seconds',
-		crumb: '@remotion/gif',
+		id: 'wrong-composition-mount',
+		title: 'Wrongly mounted <Composition>',
+		relativePath: 'docs/wrong-composition-mount.mdx',
+		compId: 'articles-docs-wrong-composition-mount',
+		crumb: 'Troubleshooting',
+		noAi: false,
+		slug: 'wrong-composition-mount',
 	},
 	{
-		id: 'gif/preload-gif',
-		title: 'preloadGif()',
-		relativePath: 'docs/gif/preload-gif.mdx',
-		compId: 'articles-docs-gif-preload-gif',
-		crumb: '@remotion/gif',
+		id: 'zod-types/index',
+		title: '@remotion/zod-types',
+		relativePath: 'docs/zod-types/index.mdx',
+		compId: 'articles-docs-zod-types-index',
+		crumb: 'Schema',
+		noAi: false,
+		slug: 'zod-types/index',
 	},
 	{
-		id: 'gif/index',
-		title: '@remotion/gif',
-		relativePath: 'docs/gif/index.mdx',
-		compId: 'articles-docs-gif-index',
+		id: 'zod-types/z-color',
+		title: 'zColor()',
+		relativePath: 'docs/zod-types/z-color.mdx',
+		compId: 'articles-docs-zod-types-z-color',
 		crumb: null,
+		noAi: false,
+		slug: 'zod-types/z-color',
 	},
 	{
-		id: 'gif/gif',
-		title: '<Gif>',
-		relativePath: 'docs/gif/gif.mdx',
-		compId: 'articles-docs-gif-gif',
-		crumb: '@remotion/gif',
-	},
-	{
-		id: 'scaling',
-		title: 'Output scaling',
-		relativePath: 'docs/scaling.mdx',
-		compId: 'articles-docs-scaling',
-		crumb: 'How To',
+		id: 'zod-types/z-textarea',
+		title: 'zTextarea()',
+		relativePath: 'docs/zod-types/z-textarea.mdx',
+		compId: 'articles-docs-zod-types-z-textarea',
+		crumb: null,
+		noAi: false,
+		slug: 'zod-types/z-textarea',
 	},
 ];
diff --git a/packages/gif/src/Gif.tsx b/packages/gif/src/Gif.tsx
index 0faaa92aa91..20095cbdcc6 100644
--- a/packages/gif/src/Gif.tsx
+++ b/packages/gif/src/Gif.tsx
@@ -4,9 +4,9 @@ import {GifForDevelopment} from './GifForDevelopment';
 import {GifForRendering} from './GifForRendering';
 import type {RemotionGifProps} from './props';
 
-/**
+/*
  * @description Displays a GIF that synchronizes with Remotions useCurrentFrame().
- * @see [Documentation](https://www.remotion.dev/docs/gif/gif)
+ * @see [Documentation](https://remotion.dev/docs/gif)
  */
 export const Gif = forwardRef<HTMLCanvasElement, RemotionGifProps>(
 	(props, ref) => {
diff --git a/packages/gif/src/get-gif-duration-in-seconds.ts b/packages/gif/src/get-gif-duration-in-seconds.ts
index 9d4d9727baf..e5855c5ee9b 100644
--- a/packages/gif/src/get-gif-duration-in-seconds.ts
+++ b/packages/gif/src/get-gif-duration-in-seconds.ts
@@ -9,9 +9,9 @@ const calcDuration = (parsed: GifState) => {
 	);
 };
 
-/**
- * @description Gets the duration in seconds of a GIF
- * @see [Documentation](https://www.remotion.dev/docs/gif/get-gif-duration-in-seconds)
+/*
+ * @description Gets the duration in seconds of a GIF.
+ * @see [Documentation](https://remotion.dev/docs/gif/get-gif-duration-in-seconds)
  */
 export const getGifDurationInSeconds = async (src: string) => {
 	const resolvedSrc = new URL(src, window.origin).href;
diff --git a/packages/install-whisper-cpp/src/convert-to-captions.ts b/packages/install-whisper-cpp/src/convert-to-captions.ts
index c70aa811de1..203ddbdfcb9 100644
--- a/packages/install-whisper-cpp/src/convert-to-captions.ts
+++ b/packages/install-whisper-cpp/src/convert-to-captions.ts
@@ -5,10 +5,9 @@ export type ConvertToCaptionCaption = {
 	startInSeconds: number;
 };
 
-/**
- *
- * @deprecated Use the `toCaptions()` function from `@remotion/install-whisper-cpp` instead
- * and then process the captions using `createTikTokStyleCaptions()` from `@remotion/captions`.
+/*
+ * @description Converts the JSON transcription data into captions with start times based on the defined millisecond threshold.
+ * @see [Documentation](https://remotion.dev/docs/install-whisper-cpp/convert-to-captions)
  */
 export function convertToCaptions({
 	transcription,
diff --git a/packages/lambda/src/api/delete-function.ts b/packages/lambda/src/api/delete-function.ts
index 2a34a04a12b..6a9d4674210 100644
--- a/packages/lambda/src/api/delete-function.ts
+++ b/packages/lambda/src/api/delete-function.ts
@@ -7,12 +7,9 @@ export type DeleteFunctionInput = {
 	functionName: string;
 };
 
-/**
- * @description Deletes a function from AWS Lambda.
+/*
+ * @description Deletes a deployed Lambda function based on its name.
  * @see [Documentation](https://remotion.dev/docs/lambda/deletefunction)
- * @param params.region The region the function was deployed to.
- * @param params.functionName The name of the function.
- * @returns {Promise<void>} Nothing. Throws if the function failed to delete.
  */
 export const deleteFunction = async ({
 	region,
diff --git a/packages/lambda/src/api/delete-render.ts b/packages/lambda/src/api/delete-render.ts
index 8479d7e69bf..db997b25b42 100644
--- a/packages/lambda/src/api/delete-render.ts
+++ b/packages/lambda/src/api/delete-render.ts
@@ -93,13 +93,9 @@ export const internalDeleteRender = async (
 	};
 };
 
-/**
- * @description Deletes a render artifact and it's metadata given it's renderId.
+/*
+ * @description Deletes a rendered video, audio or still and its associated metadata.
  * @see [Documentation](https://remotion.dev/docs/lambda/deleterender)
- * @param params.region The AWS region in which the media resides.
- * @param params.bucketName The `bucketName` that was specified during the render
- * @param params.renderId The `renderId` that was obtained after triggering the render.
- * @param params.customCredentials If the file was saved to a foreign cloud, pass credentials for reading from it.
  */
 export const deleteRender = (input: DeleteRenderInput) => {
 	return internalDeleteRender({
diff --git a/packages/lambda/src/api/delete-site.ts b/packages/lambda/src/api/delete-site.ts
index e10a1c9e2ce..0b05a0d5f0a 100644
--- a/packages/lambda/src/api/delete-site.ts
+++ b/packages/lambda/src/api/delete-site.ts
@@ -78,15 +78,9 @@ export const internalDeleteSite = async ({
 	};
 };
 
-/**
- *
- * @description Deletes a deployed site from your S3 bucket. The opposite of deploySite().
- * @see [Documentation](https://remotion.dev/docs/lambda/deletesite)
- * @param params.bucketName The S3 bucket name where the site resides in.
- * @param params.siteName The ID of the site that you want to delete.
- * @param {AwsRegion} params.region The region in where the S3 bucket resides in.
- * @param params.onAfterItemDeleted Function that gets called after each file that gets deleted, useful for showing progress.
- * @returns {Promise<DeleteSiteOutput>} Object containing info about how much space was freed.
+/*
+ * @description Removes a Remotion project from your Cloud Storage bucket.
+ * @see [Documentation](https://remotion.dev/docs/cloudrun/deletesite)
  */
 export const deleteSite = (
 	props: DeleteSiteOptionalInput,
diff --git a/packages/lambda/src/api/deploy-function.ts b/packages/lambda/src/api/deploy-function.ts
index 2615f84f199..fbff3b0eac0 100644
--- a/packages/lambda/src/api/deploy-function.ts
+++ b/packages/lambda/src/api/deploy-function.ts
@@ -118,17 +118,9 @@ export const internalDeployFunction = async (
 
 const errorHandled = wrapWithErrorHandling(internalDeployFunction);
 
-/**
+/*
  * @description Creates an AWS Lambda function in your account that will be able to render a video in the cloud.
- * @see [Documentation](https://www.remotion.dev/docs/lambda/deployfunction)
- * @param params.createCloudWatchLogGroup Whether you'd like to create a CloudWatch Log Group to store the logs for this function.
- * @param params.cloudWatchLogRetentionPeriodInDays (optional) The number of days to retain the CloudWatch logs for this function. Default is 14 days.
- * @param params.region The region you want to deploy your function to.
- * @param params.timeoutInSeconds After how many seconds the lambda function should be killed if it does not end itself.
- * @param params.memorySizeInMb How much memory should be allocated to the Lambda function.
- * @param params.architecture The architecture Lambda should run on. One of x86_64 and x64
- * @param params.diskSizeInMb The amount of storage the function should be allocated. The higher, the longer videos you can render. Default 512.
- * @returns {Promise<DeployFunctionOutput>} An object that contains the `functionName` property
+ * @see [Documentation](https://remotion.dev/docs/lambda/deployfunction)
  */
 export const deployFunction = ({
 	createCloudWatchLogGroup,
diff --git a/packages/lambda/src/api/deploy-site.ts b/packages/lambda/src/api/deploy-site.ts
index cbb2db52eb9..4b315d415af 100644
--- a/packages/lambda/src/api/deploy-site.ts
+++ b/packages/lambda/src/api/deploy-site.ts
@@ -190,14 +190,9 @@ const mandatoryDeploySite = async ({
 
 export const internalDeploySite = wrapWithErrorHandling(mandatoryDeploySite);
 
-/**
- * @description Deploys a Remotion project to an S3 bucket to prepare it for rendering on AWS Lambda.
- * @see [Documentation](https://remotion.dev/docs/lambda/deploysite)
- * @param {AwsRegion} params.region The region in which the S3 bucket resides in.
- * @param {string} params.entryPoint An absolute path to the entry file of your Remotion project.
- * @param {string} params.bucketName The name of the bucket to deploy your project into.
- * @param {string} params.siteName The name of the folder in which the project gets deployed to.
- * @param {object} params.options Further options, see documentation page for this function.
+/*
+ * @description Deploys a Remotion project to a GCP storage bucket to prepare it for rendering on Cloud Run.
+ * @see [Documentation](https://remotion.dev/docs/cloudrun/deploysite)
  */
 export const deploySite = (args: DeploySiteInput) => {
 	return internalDeploySite({
diff --git a/packages/lambda/src/api/download-media.ts b/packages/lambda/src/api/download-media.ts
index c9fab90d088..acec2781b6a 100644
--- a/packages/lambda/src/api/download-media.ts
+++ b/packages/lambda/src/api/download-media.ts
@@ -79,16 +79,9 @@ export const internalDownloadMedia = async (
 	};
 };
 
-/**
+/*
  * @description Downloads a rendered video, audio or still to the disk of the machine this API is called from.
  * @see [Documentation](https://remotion.dev/docs/lambda/downloadmedia)
- * @param params.region The AWS region in which the media resides.
- * @param params.bucketName The `bucketName` that was specified during the render.
- * @param params.renderId The `renderId` that was obtained after triggering the render.
- * @param params.outPath Where to save the media.
- * @param params.onProgress Progress callback function - see docs for details.
- * @param params.customCredentials If the file was saved to a foreign cloud, pass credentials for reading from it.
- * @returns {Promise<RenderMediaOnLambdaOutput>} See documentation for detailed structure
  */
 
 export const downloadMedia = (
diff --git a/packages/lambda/src/api/estimate-price.ts b/packages/lambda/src/api/estimate-price.ts
index 0bdcc2004ab..43a359ceede 100644
--- a/packages/lambda/src/api/estimate-price.ts
+++ b/packages/lambda/src/api/estimate-price.ts
@@ -23,11 +23,9 @@ export type EstimatePriceInput = {
 	lambdasInvoked: number;
 } & Miliseconds;
 
-/**
- *
+/*
  * @description Calculates the AWS costs incurred for AWS Lambda given the region, execution duration and memory size.
  * @see [Documentation](https://remotion.dev/docs/lambda/estimateprice)
- * @returns {number} Price in USD
  */
 export const estimatePrice = ({
 	region,
diff --git a/packages/lambda/src/api/get-aws-client.ts b/packages/lambda/src/api/get-aws-client.ts
index 6a4165fd85a..d05887e4aba 100644
--- a/packages/lambda/src/api/get-aws-client.ts
+++ b/packages/lambda/src/api/get-aws-client.ts
@@ -33,13 +33,9 @@ export type GetAwsClientOutput<T extends keyof ServiceMapping> = {
 	sdk: SdkMapping[T];
 };
 
-/**
- * @description Gets the full AWS SDK and an instantiated client for an AWS service
+/*
+ * @description Exposes full access to the AWS SDK used by Remotion, allowing interaction with AWS infrastructure beyond provided functionalities.
  * @see [Documentation](https://remotion.dev/docs/lambda/getawsclient)
- * @param {AwsRegion} params.region The region in which the S3 bucket resides in.
- * @param {string} params.service One of `iam`, `s3`, `cloudwatch`, `iam` or `servicequotas`
- * @param {CustomCredentials} params.customCredentials Pass endpoint and credentials if you want to connect to a different cloud for S3
- * @returns {GetAwsClientOutput<T>} Returns `client` and `sdk` of a AWS service
  */
 export const getAwsClient = <T extends keyof ServiceMapping>({
 	region,
diff --git a/packages/lambda/src/api/get-compositions-on-lambda.ts b/packages/lambda/src/api/get-compositions-on-lambda.ts
index f7d8adc38d1..549926909f6 100644
--- a/packages/lambda/src/api/get-compositions-on-lambda.ts
+++ b/packages/lambda/src/api/get-compositions-on-lambda.ts
@@ -31,18 +31,9 @@ export type GetCompositionsOnLambdaInput = {
 
 export type GetCompositionsOnLambdaOutput = VideoConfig[];
 
-/**
- * @description Returns the compositions from a serveUrl
+/*
+ * @description Gets the compositions inside a Lambda function.
  * @see [Documentation](https://remotion.dev/docs/lambda/getcompositionsonlambda)
- * @param params.functionName The name of the Lambda function that should be used
- * @param params.serveUrl The URL of the deployed project
- * @param params.inputProps The input props that should be passed while the compositions are evaluated.
- * @param params.envVariables Object containing environment variables to be inserted into the video environment
- * @param params.region The AWS region in which the video should be rendered.
- * @param params.logLevel The log level of the Lambda function
- * @param params.timeoutInMilliseconds The timeout of the Lambda function
- * @param params.chromiumOptions The options to pass to Chromium
- * @returns The compositions
  */
 export const getCompositionsOnLambda = async ({
 	chromiumOptions,
diff --git a/packages/lambda/src/api/get-function-info.ts b/packages/lambda/src/api/get-function-info.ts
index f7cdc985cd4..f1f3f63196e 100644
--- a/packages/lambda/src/api/get-function-info.ts
+++ b/packages/lambda/src/api/get-function-info.ts
@@ -20,12 +20,9 @@ export type GetFunctionInfoInput = {
 	logLevel?: LogLevel;
 };
 
-/**
- * @description Given a region and function name, returns information about the function such as version, memory size and timeout.
+/*
+ * @description Gets information about a function given its name and region.
  * @see [Documentation](https://remotion.dev/docs/lambda/getfunctioninfo)
- * @param {AwsRegion} options.region The region in which the function resides in.
- * @param {string} options.functionName The name of the function
- * @return {Promise<FunctionInfo>} Promise resolving to information about the function.
  */
 export const getFunctionInfo = async ({
 	region,
diff --git a/packages/lambda/src/api/get-functions.ts b/packages/lambda/src/api/get-functions.ts
index 08a283a3cc3..4c9494ae9f7 100644
--- a/packages/lambda/src/api/get-functions.ts
+++ b/packages/lambda/src/api/get-functions.ts
@@ -51,12 +51,9 @@ const getAllFunctions = async ({
 	return allLambdas;
 };
 
-/**
- * @description Lists Remotion Lambda render functions deployed to AWS Lambda.
+/*
+ * @description Retrieves a list of functions that Remotion deployed to AWS Lambda in a certain region.
  * @see [Documentation](https://remotion.dev/docs/lambda/getfunctions)
- * @param params.region The region of which the functions should be listed.
- * @param params.compatibleOnly Whether only functions compatible with the installed version of Remotion Lambda should be returned.
- * @returns {Promise<FunctionInfo[]>} An array with the objects containing information about the deployed functions.
  */
 export const getFunctions = async (
 	params: GetFunctionsInput,
diff --git a/packages/lambda/src/api/get-or-create-bucket.ts b/packages/lambda/src/api/get-or-create-bucket.ts
index 487f3433e90..61e25f1f52a 100644
--- a/packages/lambda/src/api/get-or-create-bucket.ts
+++ b/packages/lambda/src/api/get-or-create-bucket.ts
@@ -3,11 +3,9 @@ import {internalGetOrCreateBucket} from '@remotion/serverless/client';
 import type {AwsProvider} from '../functions/aws-implementation';
 import {awsImplementation} from '../functions/aws-implementation';
 
-/**
- * @description Creates a bucket for Remotion Lambda in your S3 account. If one already exists, it will get returned instead.
- * @see [Documentation](https://remotion.dev/docs/lambda/getorcreatebucket)
- * @param params.region The region in which you want your S3 bucket to reside in.
- * @returns {Promise<GetOrCreateBucketOutput>} An object containing the `bucketName`.
+/*
+ * @description Creates a Cloud Storage bucket for Remotion Cloud Run in your GCP project. If one already exists, it will get returned instead.
+ * @see [Documentation](https://remotion.dev/docs/cloudrun/getorcreatebucket)
  */
 export const getOrCreateBucket = (
 	options: GetOrCreateBucketInput<AwsProvider>,
diff --git a/packages/lambda/src/api/get-regions.ts b/packages/lambda/src/api/get-regions.ts
index 6b3360eaf67..c0dc5afb42e 100644
--- a/packages/lambda/src/api/get-regions.ts
+++ b/packages/lambda/src/api/get-regions.ts
@@ -5,10 +5,9 @@ type Options = {
 	enabledByDefaultOnly?: boolean;
 };
 
-/**
- * @description Gets an array of all supported AWS regions of this release of Remotion Lambda.
- * @see [Documentation](https://remotion.dev/docs/lambda/getregions)
- * @returns {AwsRegion[]} A list of AWS regions.
+/*
+ * @description Gets an array of all supported GCP regions of this release of Remotion Cloud Run.
+ * @see [Documentation](https://remotion.dev/docs/cloudrun/getregions)
  */
 export const getRegions = (options?: Options): readonly AwsRegion[] => {
 	const onlyEnabledByDefault = options?.enabledByDefaultOnly ?? false;
diff --git a/packages/lambda/src/api/get-render-progress.ts b/packages/lambda/src/api/get-render-progress.ts
index f27c7552dd8..740acff819e 100644
--- a/packages/lambda/src/api/get-render-progress.ts
+++ b/packages/lambda/src/api/get-render-progress.ts
@@ -23,15 +23,9 @@ export type GetRenderProgressInput = {
 	skipLambdaInvocation?: boolean;
 };
 
-/**
+/*
  * @description Gets the current status of a render originally triggered via renderMediaOnLambda().
  * @see [Documentation](https://remotion.dev/docs/lambda/getrenderprogress)
- * @param {string} params.functionName The name of the function used to trigger the render.
- * @param {string} params.bucketName The name of the bucket that was used in the render.
- * @param {string} params.renderId The ID of the render that was returned by `renderMediaOnLambda()`.
- * @param {AwsRegion} params.region The region in which the render was triggered.
- * @param {CustomCredentials} params.s3OutputProvider? Endpoint and credentials if the output file is stored outside of AWS.
- * @returns {Promise<RenderProgress>} See documentation for this function to see all properties on the return object.
  */
 export const getRenderProgress = async (
 	input: GetRenderProgressInput,
diff --git a/packages/lambda/src/api/get-sites.ts b/packages/lambda/src/api/get-sites.ts
index b4339072bb3..4db149067c1 100644
--- a/packages/lambda/src/api/get-sites.ts
+++ b/packages/lambda/src/api/get-sites.ts
@@ -111,11 +111,9 @@ export const internalGetSites = async ({
 	return {sites: sitesArray, buckets: remotionBuckets};
 };
 
-/**
- * @description Gets all the deployed sites for a certain AWS region.
- * @see [Documentation](https://remotion.dev/docs/lambda/getsites)
- * @param {AwsRegion} params.region The AWS region that you want to query for.
- * @returns {Promise<GetSitesOutput>} A Promise containing an object with `sites` and `bucket` keys. Consult documentation for details.
+/*
+ * @description Gets an array of Remotion projects in Cloud Storage, in your GCP project.
+ * @see [Documentation](https://remotion.dev/docs/cloudrun/getsites)
  */
 export const getSites = ({
 	region,
diff --git a/packages/lambda/src/api/iam-validation/simulate.ts b/packages/lambda/src/api/iam-validation/simulate.ts
index 50c8ab2f4df..46fc2a65c13 100644
--- a/packages/lambda/src/api/iam-validation/simulate.ts
+++ b/packages/lambda/src/api/iam-validation/simulate.ts
@@ -27,12 +27,9 @@ export type SimulatePermissionsOutput = {
 	results: SimulationResult[];
 };
 
-/**
+/*
  * @description Simulates calls using the AWS Simulator to validate the correct permissions.
- * @see [Documentation](http://remotion.dev/docs/lambda/simulatepermissions)
- * @param {AwsRegion} options.region The region which you would like to validate
- * @param {(result: SimulationResult) => void} options.onSimulation The region which you would like to validate
- * @returns {Promise<SimulatePermissionsOutput>} See documentation for detailed response structure.
+ * @see [Documentation](https://remotion.dev/docs/lambda/simulatepermissions)
  */
 export const simulatePermissions = async (
 	options: SimulatePermissionsInput,
diff --git a/packages/lambda/src/api/iam-validation/suggested-policy.ts b/packages/lambda/src/api/iam-validation/suggested-policy.ts
index 8922454493d..8978953c5b5 100644
--- a/packages/lambda/src/api/iam-validation/suggested-policy.ts
+++ b/packages/lambda/src/api/iam-validation/suggested-policy.ts
@@ -29,19 +29,17 @@ const suggestedRolePolicy = {
 	],
 };
 
-/**
+/*
  * @description Returns an inline JSON policy to be assigned to the AWS user whose credentials are being used for executing CLI commands or calling Node.JS functions.
  * @see [Documentation](https://remotion.dev/docs/lambda/getuserpolicy)
- * @returns {string} A JSON string representation of the user policy.
  */
 
 export const getUserPolicy = () => JSON.stringify(suggestedPolicy, null, 2);
 
 export const ROLE_NAME = 'remotion-lambda-role';
 
-/**
+/*
  * @description Returns an inline JSON policy to be assigned to the 'remotion-lambda-role' role that needs to be created in your AWS account.
  * @see [Documentation](https://remotion.dev/docs/lambda/getrolepolicy)
- * @returns {object} The policy object which includes the version and statements specific to AWS permissions for the lambda function
  */
 export const getRolePolicy = () => JSON.stringify(suggestedRolePolicy, null, 2);
diff --git a/packages/lambda/src/api/presign-url.ts b/packages/lambda/src/api/presign-url.ts
index 0bd4cb646e2..f1333888aa6 100644
--- a/packages/lambda/src/api/presign-url.ts
+++ b/packages/lambda/src/api/presign-url.ts
@@ -80,15 +80,9 @@ const internalPresignUrl = async <CheckIfObjectExists extends boolean = false>({
 	return publicUrl;
 };
 
-/**
- * @description Returns a public url of an object stored in Remotion's S3 bucket.
+/*
+ * @description Takes a private S3 object and turns it into a public URL by signing it with your AWS credentials.
  * @see [Documentation](https://remotion.dev/docs/lambda/presignurl)
- * @param {AwsRegion} params.region The region in which the S3 bucket resides in.
- * @param {string} params.bucketName The name of the bucket to fetch the object from.
- * @param {string} params.objectKey Key of the S3 object to get.
- * @param {string} params.expiresIn The number of seconds before the presigned URL expires. Default 120.
- * @param {boolean} params.checkIfObjectExists Whether the function should check if the object exists in the bucket before generating the presigned url.
- * @returns {Promise<string | null>} The public url of an object or `null` if `checkIfObjectExists=true` & object does not exist.
  */
 export const presignUrl = <CheckIfObjectExists extends boolean = false>({
 	region,
diff --git a/packages/lambda/src/api/render-media-on-lambda.ts b/packages/lambda/src/api/render-media-on-lambda.ts
index e559500f158..fdb8f8510dd 100644
--- a/packages/lambda/src/api/render-media-on-lambda.ts
+++ b/packages/lambda/src/api/render-media-on-lambda.ts
@@ -194,24 +194,9 @@ export const renderMediaOnLambdaOptionalToRequired = (
 
 const wrapped = wrapWithErrorHandling(internalRenderMediaOnLambdaRaw);
 
-/**
- * @description Triggers a render on a lambda given a composition and a lambda function.
+/*
+ * @description Kicks off a render process on Remotion Lambda. The progress can be tracked using getRenderProgress().
  * @see [Documentation](https://remotion.dev/docs/lambda/rendermediaonlambda)
- * @param params.functionName The name of the Lambda function that should be used
- * @param params.serveUrl The URL of the deployed project
- * @param params.composition The ID of the composition which should be rendered.
- * @param params.inputProps The input props that should be passed to the composition.
- * @param params.codec The media codec which should be used for encoding.
- * @param params.imageFormat In which image format the frames should be rendered. Default "jpeg"
- * @param params.crf The constant rate factor to be used during encoding.
- * @param params.envVariables Object containing environment variables to be inserted into the video environment
- * @param params.proResProfile The ProRes profile if rendering a ProRes video
- * @param params.jpegQuality JPEG quality if JPEG was selected as the image format.
- * @param params.region The AWS region in which the media should be rendered.
- * @param params.maxRetries How often rendering a chunk may fail before the media render gets aborted. Default "1"
- * @param params.logLevel Level of logging that Lambda function should perform. Default "info".
- * @param params.webhook Configuration for webhook called upon completion or timeout of the render.
- * @returns {Promise<RenderMediaOnLambdaOutput>} See documentation for detailed structure
  */
 export const renderMediaOnLambda = (
 	options: RenderMediaOnLambdaInput,
diff --git a/packages/lambda/src/api/render-still-on-lambda.ts b/packages/lambda/src/api/render-still-on-lambda.ts
index 882036a3784..118aae677e3 100644
--- a/packages/lambda/src/api/render-still-on-lambda.ts
+++ b/packages/lambda/src/api/render-still-on-lambda.ts
@@ -158,21 +158,9 @@ const internalRenderStillOnLambda = async (
 
 const errorHandled = wrapWithErrorHandling(internalRenderStillOnLambda);
 
-/**
- * @description Renders a still frame on Lambda
- * @link https://remotion.dev/docs/lambda/renderstillonlambda
- * @param params.functionName The name of the Lambda function that should be used
- * @param params.serveUrl The URL of the deployed project
- * @param params.composition The ID of the composition which should be rendered.
- * @param params.inputProps The input props that should be passed to the composition.
- * @param params.imageFormat In which image format the frames should be rendered.
- * @param params.envVariables Object containing environment variables to be inserted into the video environment
- * @param params.jpegQuality JPEG quality if JPEG was selected as the image format.
- * @param params.region The AWS region in which the video should be rendered.
- * @param params.maxRetries How often rendering a chunk may fail before the video render gets aborted.
- * @param params.frame Which frame should be used for the still image. Default 0.
- * @param params.privacy Whether the item in the S3 bucket should be public. Possible values: `"private"` and `"public"`
- * @returns {Promise<RenderStillOnLambdaOutput>} See documentation for exact response structure.
+/*
+ * @description Renders a still image inside a lambda function and writes it to the specified output location.
+ * @see [Documentation](https://remotion.dev/docs/lambda/renderstillonlambda)
  */
 export const renderStillOnLambda = (input: RenderStillOnLambdaInput) => {
 	return errorHandled({
diff --git a/packages/lambda/src/api/speculate-function-name.ts b/packages/lambda/src/api/speculate-function-name.ts
index aedaf746d2a..1be3fcec5d4 100644
--- a/packages/lambda/src/api/speculate-function-name.ts
+++ b/packages/lambda/src/api/speculate-function-name.ts
@@ -7,13 +7,9 @@ export type SpeculateFunctionNameInput = {
 	timeoutInSeconds: string | number;
 };
 
-/**
- * @description Speculate the name of a lambda function that will be created when you call `deployFunction`, based on the function configuration.
- * @see [Documentation](https://www.remotion.dev/docs/lambda/speculatefunctionname)
- * @param params.memorySizeInMb How much memory is allocated to the Lambda function.
- * @param params.diskSizeInMb The amount of storage the function is allocated.
- * @param params.timeoutInSeconds Time in seconds until the function times out.
- * @returns {string} The speculated lambda function name
+/*
+ * @description Speculate the name of the Lambda function that will be created by `deployFunction()` or its CLI equivalent, based on the function configuration.
+ * @see [Documentation](https://remotion.dev/docs/lambda/speculatefunctionname)
  */
 export const speculateFunctionName = ({
 	memorySizeInMb,
diff --git a/packages/lambda/src/api/validate-webhook-signature.ts b/packages/lambda/src/api/validate-webhook-signature.ts
index 25b84470b97..42c2bb1a4c9 100644
--- a/packages/lambda/src/api/validate-webhook-signature.ts
+++ b/packages/lambda/src/api/validate-webhook-signature.ts
@@ -1,10 +1,6 @@
-/**
- * @description Throws if the signature of the finish webhook is missing or inauthentic
- * @see [Documentation](https://remotion.dev/docs/lambda/validate-webhook-signature)
- * @param params.secret The secret used for signing the webhook
- * @param params.body The body that was received by the endpoint
- * @param params.signatureHeader The `X-Remotion-Signature` header
- * @returns {void}
+/*
+ * @description Validates that the signature received by a webhook endpoint is authentic. If validation fails, an error is thrown.
+ * @see [Documentation](https://remotion.dev/docs/lambda/validatewebhooksignature)
  */
 export const validateWebhookSignature = ({
 	secret,
diff --git a/packages/layout-utils/src/layouts/fit-text.ts b/packages/layout-utils/src/layouts/fit-text.ts
index 06c0e9c1dae..07680179f1e 100644
--- a/packages/layout-utils/src/layouts/fit-text.ts
+++ b/packages/layout-utils/src/layouts/fit-text.ts
@@ -5,20 +5,9 @@ import type {
 import {measureText} from '../layouts/measure-text';
 
 const sampleSize = 100;
-/**
+/*
  * @description Calculates the font size needed to fit text into a specified width container.
  * @see [Documentation](https://remotion.dev/docs/layout-utils/fit-text)
- * @param {Object} params - The parameters containing details to fit text.
- * @param {string} params.text - The text content to fit.
- * @param {number} params.withinWidth - The container width to fit the text into.
- * @param {string} params.fontFamily - The font family to apply to the text.
- * @param {string|number} [params.fontWeight] - The font weight to apply (optional).
- * @param {string} [params.letterSpacing] - The spacing between letters (optional).
- * @param {string} [params.fontVariantNumeric] - The numeric font variant to apply (optional).
- * @param {boolean} [params.validateFontIsLoaded] - Validate if the font is loaded before rendering text (optional).
- * @param {TextTransform} [params.textTransform] - Text transformation to apply (uppercase, lowercase) (optional).
- * @param {ModifyableCSSProperties} [params.additionalStyles] - Additional CSS properties affecting text layout (optional).
- * @returns {Object} An object containing the computed `fontSize` to use for the specified width.
  */
 export const fitText = ({
 	text,
diff --git a/packages/layout-utils/src/layouts/measure-text.ts b/packages/layout-utils/src/layouts/measure-text.ts
index 40ca78442fa..5ceeaf8579f 100644
--- a/packages/layout-utils/src/layouts/measure-text.ts
+++ b/packages/layout-utils/src/layouts/measure-text.ts
@@ -111,12 +111,9 @@ const takeMeasurement = ({
 	};
 };
 
-/**
- * Calculates the width and height of specified text to be used for layout calculations.
- * Only works in the browser, not in Node.js or Bun.
+/*
+ * @description Calculates the width and height of specified text to be used for layout calculations. Only works in the browser, not in Node.js or Bun.
  * @see [Documentation](https://remotion.dev/docs/layout-utils/measure-text)
- * @param {Word} wordOptions - The text options to measure, including the text itself, font properties, and additional styles.
- * @returns {Dimensions} The dimensions object containing the measured width and height of the text.
  */
 export const measureText = ({
 	text,
diff --git a/packages/media-utils/src/audio-buffer/audio-url-helpers.ts b/packages/media-utils/src/audio-buffer/audio-url-helpers.ts
index 1b313168bea..a818062cf3e 100644
--- a/packages/media-utils/src/audio-buffer/audio-url-helpers.ts
+++ b/packages/media-utils/src/audio-buffer/audio-url-helpers.ts
@@ -1,8 +1,8 @@
 import {audioBufferToWav} from './audio-buffer-to-wav';
 
-/**
- * @description This API takes an AudioBuffer instance and converts it to a Base 64 Data URL so it can be passed to an <Audio /> tag.
- * @see [Documentation](https://www.remotion.dev/docs/audio-buffer-to-data-url)
+/*
+ * @description Takes an AudioBuffer instance and converts it to a Base 64 Data URL so it can be passed to an <Audio /> tag.
+ * @see [Documentation](https://remotion.dev/docs/audio-buffer-to-data-url)
  */
 export const audioBufferToDataUrl = (buffer: AudioBuffer) => {
 	const wavAsArrayBuffer = audioBufferToWav(buffer, {
diff --git a/packages/media-utils/src/get-audio-data.ts b/packages/media-utils/src/get-audio-data.ts
index d5b2688d790..36c85c21eee 100644
--- a/packages/media-utils/src/get-audio-data.ts
+++ b/packages/media-utils/src/get-audio-data.ts
@@ -47,9 +47,9 @@ const fn = async (src: string, options?: Options): Promise<AudioData> => {
 	return metadata;
 };
 
-/**
+/*
  * @description Takes an audio src, loads it and returns data and metadata for the specified source.
- * @see [Documentation](https://www.remotion.dev/docs/get-audio-data)
+ * @see [Documentation](https://remotion.dev/docs/get-audio-data)
  */
 export const getAudioData = (src: string, options?: Options) => {
 	return limit(fn, src, options);
diff --git a/packages/media-utils/src/get-audio-duration-in-seconds.ts b/packages/media-utils/src/get-audio-duration-in-seconds.ts
index 20e23cc9be2..948154dac51 100644
--- a/packages/media-utils/src/get-audio-duration-in-seconds.ts
+++ b/packages/media-utils/src/get-audio-duration-in-seconds.ts
@@ -45,12 +45,9 @@ const fn = (src: string): Promise<number> => {
 	});
 };
 
-/**
- * @default Get the audio file passed in parameter duration in seconds
- * @async
- * @param src path to the audio file
- * @return {number} duration of the audio file in seconds
- * @see [Documentation](https://www.remotion.dev/docs/get-audio-duration-in-seconds)
+/*
+ * @description Gets the duration in seconds of an audio source by creating an invisible `<audio>` tag, loading the audio, and returning the duration.
+ * @see [Documentation](https://remotion.dev/docs/get-audio-duration-in-seconds)
  */
 export const getAudioDurationInSeconds = (src: string) => {
 	return limit(fn, src);
diff --git a/packages/media-utils/src/get-image-dimensions.ts b/packages/media-utils/src/get-image-dimensions.ts
index ac066b400e2..61f05bd1789 100644
--- a/packages/media-utils/src/get-image-dimensions.ts
+++ b/packages/media-utils/src/get-image-dimensions.ts
@@ -33,9 +33,9 @@ const fn = async (src: string): Promise<ImageDimensions> => {
 	return imageDimensions;
 };
 
-/**
+/*
  * @description Takes an image src, retrieves the dimensions of an image.
- * @see [Documentation](https://www.remotion.dev/docs/get-image-dimensions)
+ * @see [Documentation](https://remotion.dev/docs/get-image-dimensions)
  */
 export function getImageDimensions(src: string): Promise<ImageDimensions> {
 	return limit(fn, src);
diff --git a/packages/media-utils/src/get-video-metadata.ts b/packages/media-utils/src/get-video-metadata.ts
index 83c6f1e8e64..3be90983fae 100644
--- a/packages/media-utils/src/get-video-metadata.ts
+++ b/packages/media-utils/src/get-video-metadata.ts
@@ -71,9 +71,9 @@ const fn = (src: string): Promise<VideoMetadata> => {
 	});
 };
 
-/**
+/*
  * @description Takes a src to a video, loads it and returns metadata for the specified source.
- * @see [Documentation](https://www.remotion.dev/docs/get-video-metadata)
+ * @see [Documentation](https://remotion.dev/docs/get-video-metadata)
  */
 export const getVideoMetadata = (src: string) => {
 	return limit(fn, src);
diff --git a/packages/media-utils/src/get-waveform-portion.ts b/packages/media-utils/src/get-waveform-portion.ts
index 0ecb54a1807..cba71d0f3a2 100644
--- a/packages/media-utils/src/get-waveform-portion.ts
+++ b/packages/media-utils/src/get-waveform-portion.ts
@@ -6,9 +6,9 @@ type Bar = {
 	amplitude: number;
 };
 
-/**
+/*
  * @description Takes bulky waveform data (for example fetched by getAudioData()) and returns a trimmed and simplified version of it, for simpler visualization
- * @see [Documentation](https://www.remotion.dev/docs/get-waveform-portion)
+ * @see [Documentation](https://remotion.dev/docs/get-waveform-portion)
  */
 export const getWaveformPortion = ({
 	audioData,
diff --git a/packages/media-utils/src/use-audio-data.ts b/packages/media-utils/src/use-audio-data.ts
index 94c0169a199..f6705a093ee 100644
--- a/packages/media-utils/src/use-audio-data.ts
+++ b/packages/media-utils/src/use-audio-data.ts
@@ -3,11 +3,8 @@ import {cancelRender, continueRender, delayRender} from 'remotion';
 import {getAudioData} from './get-audio-data';
 import type {AudioData} from './types';
 
-/**
- * @description Wraps the getAudioData() function into a hook and does 3 things:
- * @description Keeps the audio data in a state
- * @description Wraps the function in a delayRender() / continueRender() pattern.
- * @description Handles the case where the component gets unmounted while the fetching is in progress and a React error is thrown.
+/*
+ * @description Wraps the getAudioData() function into a hook and does three things: keeps the audio data in a state, wraps the function in a delayRender() / continueRender() pattern, and handles the case where the component gets unmounted while fetching is in progress to prevent React errors.
  * @see [Documentation](https://www.remotion.dev/docs/use-audio-data)
  */
 export const useAudioData = (src: string): AudioData | null => {
diff --git a/packages/motion-blur/src/CameraMotionBlur.tsx b/packages/motion-blur/src/CameraMotionBlur.tsx
index c52f42c87f1..ed886d65e69 100644
--- a/packages/motion-blur/src/CameraMotionBlur.tsx
+++ b/packages/motion-blur/src/CameraMotionBlur.tsx
@@ -27,7 +27,7 @@ const getNumberOfSamples = ({
 	return Math.max(1, Math.round(Math.min(factor * samples, samples)));
 };
 
-/**
+/*
  * @description Produces natural looking motion blur similar to what would be produced by a film camera.
  * @see [Documentation](https://www.remotion.dev/docs/motion-blur/camera-motion-blur)
  */
diff --git a/packages/motion-blur/src/Trail.tsx b/packages/motion-blur/src/Trail.tsx
index f9f690684df..52d876a2bc0 100644
--- a/packages/motion-blur/src/Trail.tsx
+++ b/packages/motion-blur/src/Trail.tsx
@@ -8,8 +8,8 @@ export type TrailProps = {
 	readonly trailOpacity: number;
 };
 
-/**
- * @description The <Trail> component duplicates it's children and adds a time offset to each layer in order to create a trail effect.
+/*
+ * @description The <Trail> component duplicates its children and adds a time offset to each layer in order to create a trail effect.
  * @see [Documentation](https://www.remotion.dev/docs/motion-blur/trail)
  */
 export const Trail: React.FC<TrailProps> = ({
diff --git a/packages/noise/src/index.ts b/packages/noise/src/index.ts
index 410bd14c9e7..b7960fb3632 100644
--- a/packages/noise/src/index.ts
+++ b/packages/noise/src/index.ts
@@ -58,13 +58,9 @@ const generate4DNoise = (seed: string | number) => {
 	return noise;
 };
 
-/**
+/*
  * @description Creates 2D noise.
  * @see [Documentation](https://www.remotion.dev/docs/noise/noise-2d)
- * @param {string | number} seed Seed value for deterministic results
- * @param {number} x First dimensional value
- * @param {number} y Second dimensional value
- * @returns {number} Between -1 and 1
  */
 export const noise2D = (
 	seed: string | number,
@@ -74,14 +70,9 @@ export const noise2D = (
 	return generate2DNoise(seed)(x, y);
 };
 
-/**
+/*
  * @description Creates 3D noise.
- * @see [Documentation](https://remotion.dev/docs/noise/noise-3d)
- * @param {string | number} seed Seed value for deterministic results
- * @param {number} x First dimensional value
- * @param {number} y Second dimensional value
- * @param {number} z Third dimensional value
- * @returns {number} Between -1 and 1
+ * @see [Documentation](https://www.remotion.dev/docs/noise/noise-3d)
  */
 export const noise3D = (
 	seed: string | number,
@@ -90,15 +81,9 @@ export const noise3D = (
 	z: number,
 ): number => generate3DNoise(random(seed))(x, y, z);
 
-/**
+/*
  * @description Creates 4D noise.
- * @see [Documentation](https://remotion.dev/docs/noise/noise-4d)
- * @param {string | number} seed Seed value for deterministic results
- * @param {number} x First dimensional value
- * @param {number} y Second dimensional value
- * @param {number} z Third dimensional value
- * @param {number} w Fourth dimensional value
- * @returns {number} Between -1 and 1
+ * @see [Documentation](https://www.remotion.dev/docs/noise/noise-4d)
  */
 export const noise4D = (
 	seed: string | number,
diff --git a/packages/paths/src/evolve-path.ts b/packages/paths/src/evolve-path.ts
index 07e0039b8a5..c02dbfc1fc6 100644
--- a/packages/paths/src/evolve-path.ts
+++ b/packages/paths/src/evolve-path.ts
@@ -1,10 +1,8 @@
 import {getLength} from './get-length';
 
-/**
- * @description Animates an SVG from being invisible to it's full length.
- * @param {string} path A valid SVG path
- * @param {number} progress The first valid SVG path
- * @see [Documentation](https://remotion.dev/docs/paths/evolve-path)
+/*
+ * @description Animates an SVG path from being invisible to its full length.
+ * @see [Documentation](https://www.remotion.dev/docs/paths/evolve-path)
  */
 export const evolvePath = (progress: number, path: string) => {
 	const length = getLength(path);
diff --git a/packages/paths/src/extend-viewbox.ts b/packages/paths/src/extend-viewbox.ts
index ad88890f4b0..edc69af0145 100644
--- a/packages/paths/src/extend-viewbox.ts
+++ b/packages/paths/src/extend-viewbox.ts
@@ -1,7 +1,6 @@
-/**
- * @description Extends a viewbox in all directions by a scale factor.
- * @param {string} currentViewBox A valid SVG viewBox
- * @see [Documentation](https://remotion.dev/docs/paths/extend-viewbox)
+/*
+ * @description Widens an SVG viewBox in all directions by a certain scale factor.
+ * @see [Documentation](https://www.remotion.dev/docs/paths/extend-viewbox)
  */
 export const extendViewBox = (currentViewBox: string, scale: number) => {
 	const relativeScale = scale - 1;
diff --git a/packages/paths/src/get-bounding-box.ts b/packages/paths/src/get-bounding-box.ts
index b6f3e3ad926..aea3fd47234 100644
--- a/packages/paths/src/get-bounding-box.ts
+++ b/packages/paths/src/get-bounding-box.ts
@@ -197,9 +197,8 @@ export const getBoundingBoxFromInstructions = (
 	};
 };
 
-/**
+/*
  * @description Returns the bounding box of the given path, suitable for calculating the viewBox value that you need to pass to an SVG.
- * @param {string} d
  * @see [Documentation](https://www.remotion.dev/docs/paths/get-bounding-box)
  */
 export const getBoundingBox = (d: string): BoundingBox => {
diff --git a/packages/paths/src/get-instruction-index-at-length.ts b/packages/paths/src/get-instruction-index-at-length.ts
index c66ebcee9e1..a0936238930 100644
--- a/packages/paths/src/get-instruction-index-at-length.ts
+++ b/packages/paths/src/get-instruction-index-at-length.ts
@@ -30,13 +30,9 @@ export const getInstructionIndexAtLengthFromConstructed = (
 	};
 };
 
-/**
+/*
  * @description Gets the index of the instruction and the part length into the instruction at a specified length along an SVG path.
- * @see [Documentation](https://remotion.dev/docs/paths/get-instruction-index-at-length)
- * @param path The SVG path data as a string.
- * @param length The length along the path at which to find the instruction index and the part length into the instruction.
- * @returns {InstructionAtLength} Object containing the index of the instruction and the part length into the instruction at the given length.
- * @throws {Error} If the given length is less than 0 or greater than the total length of the path, or if the path is invalid.
+ * @see [Documentation](https://www.remotion.dev/docs/paths/get-instruction-index-at-length)
  */
 export const getInstructionIndexAtLength = (
 	path: string,
diff --git a/packages/paths/src/get-length.ts b/packages/paths/src/get-length.ts
index f0fd444aab3..2544fd57ad4 100644
--- a/packages/paths/src/get-length.ts
+++ b/packages/paths/src/get-length.ts
@@ -2,10 +2,9 @@
 
 import {construct} from './helpers/construct';
 
-/**
+/*
  * @description Gets the length of an SVG path.
- * @param {string} path A valid SVG path
- * @see [Documentation](https://remotion.dev/docs/paths/get-length)
+ * @see [Documentation](https://www.remotion.dev/docs/paths/get-length)
  */
 export const getLength = (path: string) => {
 	const constructucted = construct(path);
diff --git a/packages/paths/src/get-point-at-length.ts b/packages/paths/src/get-point-at-length.ts
index 2e7c7988ad1..ce1cc0044e5 100644
--- a/packages/paths/src/get-point-at-length.ts
+++ b/packages/paths/src/get-point-at-length.ts
@@ -1,11 +1,9 @@
 import {getInstructionIndexAtLengthFromConstructed} from './get-instruction-index-at-length';
 import {construct} from './helpers/construct';
 
-/**
+/*
  * @description Gets the coordinates of a point which is on an SVG path.
- * @param {string} path A valid SVG path
- * @param {number} length The length at which the point should be sampled
- * @see [Documentation](https://remotion.dev/docs/paths/get-point-at-length)
+ * @see [Documentation](https://www.remotion.dev/docs/paths/get-point-at-length)
  */
 export const getPointAtLength = (path: string, length: number) => {
 	const constructed = construct(path);
diff --git a/packages/paths/src/get-subpaths.ts b/packages/paths/src/get-subpaths.ts
index 93518273a8b..07a49965c29 100644
--- a/packages/paths/src/get-subpaths.ts
+++ b/packages/paths/src/get-subpaths.ts
@@ -2,10 +2,9 @@ import {constructFromInstructions} from './helpers/construct';
 import {parsePath} from './parse-path';
 import {serializeInstructions} from './serialize-instructions';
 
-/**
- * @description Splits a valid SVG path into it's parts.
- * @param {string} path A valid SVG path
- * @see [Documentation](https://remotion.dev/docs/paths/get-subpaths)
+/*
+ * @description Takes an SVG path and returns an array of subpaths, splitting the path by `M` and `m` statements.
+ * @see [Documentation](https://www.remotion.dev/docs/paths/get-subpaths)
  */
 export const getSubpaths = (path: string): string[] => {
 	const parsed = parsePath(path);
diff --git a/packages/paths/src/get-tangent-at-length.ts b/packages/paths/src/get-tangent-at-length.ts
index 6832a1cbe6d..dedb6ae3325 100644
--- a/packages/paths/src/get-tangent-at-length.ts
+++ b/packages/paths/src/get-tangent-at-length.ts
@@ -1,11 +1,9 @@
 import {getInstructionIndexAtLengthFromConstructed} from './get-instruction-index-at-length';
 import {construct} from './helpers/construct';
 
-/**
- * @description Gets tangent values x and y of a point which is on an SVG path
- * @param {string} path A valid SVG path
- * @param {number} length The length at which the tangent should be sampled
- * @see [Documentation](https://remotion.dev/docs/paths/get-tangent-at-length)
+/*
+ * @description Gets tangent values x and y of a point which is on an SVG path.
+ * @see [Documentation](https://www.remotion.dev/docs/paths/get-tangent-at-length)
  */
 
 export const getTangentAtLength = (path: string, length: number) => {
diff --git a/packages/paths/src/interpolate-path/interpolate-path.ts b/packages/paths/src/interpolate-path/interpolate-path.ts
index 59ffe664a3e..d1152055a23 100644
--- a/packages/paths/src/interpolate-path/interpolate-path.ts
+++ b/packages/paths/src/interpolate-path/interpolate-path.ts
@@ -36,12 +36,9 @@ import {reduceInstructions} from '../reduce-instructions';
 import {serializeInstructions} from '../serialize-instructions';
 import {interpolateInstructions} from './interpolate-instructions';
 
-/**
- * @description Interpolates between two SVG paths.
- * @param {number} value A number - 0 means first path, 1 means second path, any other values will be interpolated
- * @param {string} firstPath The first valid SVG path
- * @param {string} secondPath The second valid SVG path
- * @see [Documentation](https://remotion.dev/docs/paths/interpolate-path)
+/*
+ * @description Interpolates between two SVG paths based on the provided value, transitioning from the first path to the second.
+ * @see [Documentation](https://www.remotion.dev/docs/paths/interpolate-path)
  */
 export const interpolatePath = (
 	value: number,
diff --git a/packages/paths/src/normalize-path.ts b/packages/paths/src/normalize-path.ts
index 7a916678679..cb59ca7660e 100644
--- a/packages/paths/src/normalize-path.ts
+++ b/packages/paths/src/normalize-path.ts
@@ -172,11 +172,9 @@ export const normalizeInstructions = (
 	return normalized;
 };
 
-/**
- * @description Removes all relative coordinates from an SVG path and converts them into absolute coordinates.
- * @see [Documentation](https://remotion.dev/docs/paths/normalize-path)
- * @param {string} path A valid SVG path
- * @returns {string} A string representation of the SVG path with absolute coordinates.
+/*
+ * @description Removes all relative coordinates from a path and converts them into absolute coordinates.
+ * @see [Documentation](https://www.remotion.dev/docs/paths/normalize-path)
  */
 export const normalizePath = (path: string): string => {
 	const instructions = parsePath(path);
diff --git a/packages/paths/src/parse-path.ts b/packages/paths/src/parse-path.ts
index c326daa5056..7459b2f2b7e 100644
--- a/packages/paths/src/parse-path.ts
+++ b/packages/paths/src/parse-path.ts
@@ -87,10 +87,8 @@ const parseValues = (
 	return numbers.map(Number);
 };
 
-/**
+/*
  * @description Parses an SVG string path into an array of Instruction's.
- * @param {string} path
- * @returns an array of objects containing the Instructions
  * @see [Documentation](https://www.remotion.dev/docs/paths/parse-path)
  */
 export const parsePath = (path: string): Instruction[] => {
diff --git a/packages/paths/src/reduce-instructions.ts b/packages/paths/src/reduce-instructions.ts
index 97cb1a0282f..12e209f2522 100644
--- a/packages/paths/src/reduce-instructions.ts
+++ b/packages/paths/src/reduce-instructions.ts
@@ -2,9 +2,8 @@ import {removeATSHVQInstructions} from './helpers/remove-a-s-t-curves';
 import type {Instruction, ReducedInstruction} from './helpers/types';
 import {normalizeInstructions} from './normalize-path';
 
-/**
- * @description Takes an array of Instruction's and reduces the amount of instruction types them so the path only consists of M, L, C, Q and Z instructions.
- * @param {Array} instruction
+/*
+ * @description Takes an array of Instruction's and reduces the amount of instruction types so that the path only consists of M, L, C, and Z instructions.
  * @see [Documentation](https://www.remotion.dev/docs/paths/reduce-instructions)
  */
 export const reduceInstructions = (
diff --git a/packages/paths/src/reset-path.ts b/packages/paths/src/reset-path.ts
index 6d2806d29e9..84740690720 100644
--- a/packages/paths/src/reset-path.ts
+++ b/packages/paths/src/reset-path.ts
@@ -1,9 +1,8 @@
 import {getBoundingBox} from './get-bounding-box';
 import {translatePath} from './translate-path';
 
-/**
+/*
  * @description Translates an SVG path so that the top-left corner of the bounding box is at 0, 0.
- * @param {string} d a valid SVG path
  * @see [Documentation](https://www.remotion.dev/docs/paths/reset-path)
  */
 export const resetPath = (d: string) => {
diff --git a/packages/paths/src/reverse-path.ts b/packages/paths/src/reverse-path.ts
index abb870c63b3..d90de09ad93 100644
--- a/packages/paths/src/reverse-path.ts
+++ b/packages/paths/src/reverse-path.ts
@@ -83,10 +83,9 @@ function reverseNormalizedPath(instructions: Instruction[]) {
 	return revstring;
 }
 
-/**
+/*
  * @description Reverses a path so the end and start are switched.
- * @param {string} path A valid SVG path
- * @see [Documentation](https://remotion.dev/docs/paths/reverse-path)
+ * @see [Documentation](https://www.remotion.dev/docs/paths/reverse-path)
  */
 export const reversePath = (path: string) => {
 	const parsed = parsePath(path);
diff --git a/packages/paths/src/scale-path.ts b/packages/paths/src/scale-path.ts
index 7ff5f2a2401..0b2c3873d24 100644
--- a/packages/paths/src/scale-path.ts
+++ b/packages/paths/src/scale-path.ts
@@ -5,13 +5,8 @@ import {reduceInstructions} from './reduce-instructions';
 import {serializeInstructions} from './serialize-instructions';
 import {translateSegments} from './translate-path';
 
-/**
+/*
  * @description Allows you to grow or shrink the size of a path.
- * @param {string} path A valid SVG path
- * @param {string} d
- * @param {Number} scaleX
- * @param {Number} scaleY
- * @returns a new path with respect to the scale values provided
  * @see [Documentation](https://www.remotion.dev/docs/paths/scale-path)
  */
 export const scalePath = (d: string, scaleX: number, scaleY: number) => {
diff --git a/packages/paths/src/translate-path.ts b/packages/paths/src/translate-path.ts
index 3f5df03a1a3..0c9daf1f2df 100644
--- a/packages/paths/src/translate-path.ts
+++ b/packages/paths/src/translate-path.ts
@@ -119,12 +119,8 @@ export const translateSegments = (
 	});
 };
 
-/**
+/*
  * @description Translates the path by the given x and y coordinates.
- * @param {string} path the originalSVG path
- * @param {Number} x the amount of horizontal translation
- * @param {Number} y the amount of vertical translation
- * @returns a new string containing a path, if it is valid
  * @see [Documentation](https://www.remotion.dev/docs/paths/translate-path)
  */
 export const translatePath = (path: string, x: number, y: number) => {
diff --git a/packages/paths/src/warp-path/index.ts b/packages/paths/src/warp-path/index.ts
index 29810c07458..82d93f3ab33 100644
--- a/packages/paths/src/warp-path/index.ts
+++ b/packages/paths/src/warp-path/index.ts
@@ -21,9 +21,8 @@ const getDefaultInterpolationThreshold = (
 	return longer * 0.01;
 };
 
-/**
- * @description This function works by splitting SVG instructions into many smaller SVG instructions and then remapping the coordinates of each instruction.
- * @param {string} path an SVG path string
+/*
+ * @description Allows you to remap the coordinates of an SVG using a function in order to create a warp effect.
  * @see [Documentation](https://www.remotion.dev/docs/paths/warp-path)
  */
 export const warpPath = (
diff --git a/packages/player/src/Player.tsx b/packages/player/src/Player.tsx
index 4ea17027569..7eeae54d4b8 100644
--- a/packages/player/src/Player.tsx
+++ b/packages/player/src/Player.tsx
@@ -438,11 +438,8 @@ const forward = forwardRef as <T, P = {}>(
 	) => React.ReactElement | null,
 ) => (props: P & React.RefAttributes<T>) => React.ReactElement | null;
 
-/**
- * @description Creates and renders a customizable video player with various interactive controls for a React application.
- * @see [Documentation](https://remotion.dev/docs/player/player)
- * @param {PlayerProps<Schema, Props>} props The properties for configuring the player, including video specifics and UI controls.
- * @param {MutableRefObject<PlayerRef>} ref Reference to the player for controlling playback, volume, and other aspects.
- * @returns {JSX.Element} The rendered video player component.
+/*
+ * @description A component which can be rendered in a regular React App to display a Remotion video.
+ * @see [Documentation](https://www.remotion.dev/docs/player/player)
  */
 export const Player = forward(PlayerFn);
diff --git a/packages/player/src/Thumbnail.tsx b/packages/player/src/Thumbnail.tsx
index 9b80ae30122..cce7c9fb9e7 100644
--- a/packages/player/src/Thumbnail.tsx
+++ b/packages/player/src/Thumbnail.tsx
@@ -143,8 +143,8 @@ const forward = forwardRef as <T, P = {}>(
 	) => React.ReactElement | null,
 ) => (props: P & React.RefAttributes<T>) => React.ReactElement | null;
 
-/**
- * @description A component which can be rendered in a regular React App (for example: Next.js, Vite) to display a single frame of a video.
+/*
+ * @description A component which can be rendered in a regular React App (for example: for example: Next.JS, Vite.js, Create React App) to display a single frame of a video.
  * @see [Documentation](https://www.remotion.dev/docs/player/thumbnail)
  */
 
diff --git a/packages/preload/src/preload-audio.ts b/packages/preload/src/preload-audio.ts
index 2ad090c7b5f..1756b5d1c99 100644
--- a/packages/preload/src/preload-audio.ts
+++ b/packages/preload/src/preload-audio.ts
@@ -1,7 +1,7 @@
 import {preloadAsset} from './preload-asset';
 
-/**
- * @description Preloads audio in the DOM so that when a audio tag is mounted, it can play immediately.
+/*
+ * @description Preloads audio in the DOM so that when an audio tag is mounted, it can play immediately.
  * @see [Documentation](https://www.remotion.dev/docs/preload/preload-audio)
  */
 export const preloadAudio = (src: string): (() => void) => {
diff --git a/packages/preload/src/preload-font.ts b/packages/preload/src/preload-font.ts
index 03bd97be34c..edf299394ff 100644
--- a/packages/preload/src/preload-font.ts
+++ b/packages/preload/src/preload-font.ts
@@ -1,6 +1,6 @@
 import {preloadAsset} from './preload-asset';
 
-/**
+/*
  * @description Preloads a font so that when an <Img> tag is mounted, it can display immediately.
  * @see [Documentation](https://www.remotion.dev/docs/preload/preload-font)
  */
diff --git a/packages/preload/src/preload-image.ts b/packages/preload/src/preload-image.ts
index 79b2c74d0fd..24708fb5902 100644
--- a/packages/preload/src/preload-image.ts
+++ b/packages/preload/src/preload-image.ts
@@ -1,6 +1,6 @@
 import {preloadAsset} from './preload-asset';
 
-/**
+/*
  * @description Preloads an image so that when an <Img> tag is mounted, it can display immediately.
  * @see [Documentation](https://www.remotion.dev/docs/preload/preload-image)
  */
diff --git a/packages/preload/src/preload-video.ts b/packages/preload/src/preload-video.ts
index d439c86feb8..e5b8c0bc231 100644
--- a/packages/preload/src/preload-video.ts
+++ b/packages/preload/src/preload-video.ts
@@ -1,6 +1,6 @@
 import {preloadAsset} from './preload-asset';
 
-/**
+/*
  * @description Preloads a video in the DOM so that when a video tag is mounted, it can play immediately.
  * @see [Documentation](https://www.remotion.dev/docs/preload/preload-video)
  */
diff --git a/packages/renderer/src/ensure-browser.ts b/packages/renderer/src/ensure-browser.ts
index fd808660cca..e0052f04f70 100644
--- a/packages/renderer/src/ensure-browser.ts
+++ b/packages/renderer/src/ensure-browser.ts
@@ -88,11 +88,9 @@ const getBrowserStatus = (
 	return {type: 'no-browser'};
 };
 
-/**
- * Ensures a browser is locally installed so a Remotion render can be executed. This function manages the browser's download or validates existing browser paths.
- * @see [Documentation](https://remotion.dev/docs/renderer/ensure-browser)
- * @param {EnsureBrowserOptions} [options] Configuration options which may include a `browserExecutable` path, `logLevel` settings, and `onBrowserDownload` function to manage download specifics and progression.
- * @returns {Promise<void>} A promise that resolves when the browser is prepared with no explicit return value.
+/*
+ * @description Ensures a browser is locally installed so a Remotion render can be executed.
+ * @see [Documentation](https://www.remotion.dev/docs/renderer/ensure-browser)
  */
 export const ensureBrowser = (options?: EnsureBrowserOptions) => {
 	const indent = false;
diff --git a/packages/renderer/src/extract-audio.ts b/packages/renderer/src/extract-audio.ts
index f1eacd4fb98..9a8de149b9d 100644
--- a/packages/renderer/src/extract-audio.ts
+++ b/packages/renderer/src/extract-audio.ts
@@ -1,14 +1,9 @@
 import {startLongRunningCompositor} from './compositor/compositor';
 import type {LogLevel} from './log-level';
 
-/**
- * @description Extracts the audio from a video source and saves it at the specified output path without changing the audio format.
- * @see [Documentation](https://remotion.dev/docs/renderer/extract-audio)
- * @param options.videoSource The path to the video source from which the audio will be extracted.
- * @param options.audioOutput The path where the extracted audio will be saved. Must use the correct file extension which matches the audio codec.
- * @param options.logLevel The level of logging desired (optional).
- * @param options.binariesDirectory The directory for binary dependencies (optional).
- * @returns {Promise<void>} Resolves once the audio extraction is complete.
+/*
+ * @description Extracts the audio from a video source and saves it to the specified output path. It does not convert the audio to a different format.
+ * @see [Documentation](https://www.remotion.dev/docs/renderer/extract-audio)
  */
 export const extractAudio = async (options: {
 	videoSource: string;
diff --git a/packages/renderer/src/get-compositions.ts b/packages/renderer/src/get-compositions.ts
index bac251f7934..87c595a596d 100644
--- a/packages/renderer/src/get-compositions.ts
+++ b/packages/renderer/src/get-compositions.ts
@@ -245,12 +245,9 @@ export const internalGetCompositions = wrapWithErrorHandling(
 	internalGetCompositionsRaw,
 );
 
-/**
- * @description Gets the compositions defined in a Remotion project based on a Webpack bundle.
- * @see [Documentation](https://remotion.dev/docs/get-compositions)
- * @param serveUrlOrWebpackUrl URL pointing to the Remotion Bundle.
- * @param {GetCompositionsOptions} [config] Optional configurations for getting composition details.
- * @returns {Promise<VideoConfig[]>} Returns a promise that resolves to an array of available compositions.
+/*
+ * @description Gets a list of compositions defined in a Remotion project based on a Remotion Bundle by evaluating the Remotion Root.
+ * @see [Documentation](https://www.remotion.dev/docs/renderer/get-compositions)
  */
 export const getCompositions = (
 	serveUrlOrWebpackUrl: string,
diff --git a/packages/renderer/src/get-silent-parts.ts b/packages/renderer/src/get-silent-parts.ts
index fb70290de2b..8ec1310e01d 100644
--- a/packages/renderer/src/get-silent-parts.ts
+++ b/packages/renderer/src/get-silent-parts.ts
@@ -9,17 +9,9 @@ import type {LogLevel} from './log-level';
 
 export type {SilentPart};
 
-/**
- * Analyzes the silent parts of a video or audio file and returns both the silent and audible segments.
- * @description Uses thresholds defined for noise and duration to identify silent stretches in a media file.
- * @see [Documentation](https://remotion.dev/docs/renderer/get-silent-parts)
- * @param {Object} params Configuration parameters for determining silent parts
- * @param {string} params.src The path to the local video or audio file
- * @param {number} [params.noiseThresholdInDecibels=-20] The decibel level below which sound is considered silent
- * @param {number} [params.minDurationInSeconds=1] The minimum duration (in seconds) to consider a silence as significant
- * @param {string|null} [params.binariesDirectory] Optional directory path for external binaries
- * @param {LogLevel} [params.logLevel] The logging level to be used (debug, verbose, info, warn, error)
- * @returns {Promise<GetSilentPartsResponse>} An object containing arrays of silent and audible parts, along with the overall duration
+/*
+ * @description Gets the silent parts of a video or audio in Node.js. Useful for cutting out silence from a video.
+ * @see [Documentation](https://www.remotion.dev/docs/renderer/get-silent-parts)
  */
 export const getSilentParts = async ({
 	src,
diff --git a/packages/renderer/src/make-cancel-signal.ts b/packages/renderer/src/make-cancel-signal.ts
index 362516ebf51..a5457b1bbe5 100644
--- a/packages/renderer/src/make-cancel-signal.ts
+++ b/packages/renderer/src/make-cancel-signal.ts
@@ -2,7 +2,7 @@ type Callback = () => void;
 
 export type CancelSignal = (callback: Callback) => void;
 
-/**
+/*
  * @description Returns a signal and a cancel function that allows to you cancel a render triggered using renderMedia(), renderStill(), renderFrames() or stitchFramesToVideo().
  * @see [Documentation](https://www.remotion.dev/docs/renderer/make-cancel-signal)
  */
diff --git a/packages/renderer/src/open-browser.ts b/packages/renderer/src/open-browser.ts
index 130a90a9211..086b576735e 100644
--- a/packages/renderer/src/open-browser.ts
+++ b/packages/renderer/src/open-browser.ts
@@ -247,8 +247,8 @@ export const internalOpenBrowser = async ({
 	return browserInstance;
 };
 
-/**
- * @description Opens a Chrome or Chromium browser instance.
+/*
+ * @description Opens a Chrome or Chromium browser instance. By reusing an instance across various rendering and compositional API calls, significant time can be saved by avoiding the repeated opening and closing of browsers.
  * @see [Documentation](https://www.remotion.dev/docs/renderer/open-browser)
  */
 export const openBrowser = (
diff --git a/packages/renderer/src/render-frames.ts b/packages/renderer/src/render-frames.ts
index e3a6c2fb768..6108442826a 100644
--- a/packages/renderer/src/render-frames.ts
+++ b/packages/renderer/src/render-frames.ts
@@ -986,11 +986,9 @@ export const internalRenderFrames = wrapWithErrorHandling(
 	internalRenderFramesRaw,
 );
 
-/**
+/*
  * @description Renders a series of images using Puppeteer and computes information for mixing audio.
  * @see [Documentation](https://www.remotion.dev/docs/renderer/render-frames)
- * @param {RenderFramesOptions} options Configuration options for rendering frames.
- * @returns {Promise<RenderFramesOutput>} Information about the rendered frames and assets.
  */
 export const renderFrames = (
 	options: RenderFramesOptions,
diff --git a/packages/renderer/src/render-media.ts b/packages/renderer/src/render-media.ts
index 51170adc51e..20a29e26826 100644
--- a/packages/renderer/src/render-media.ts
+++ b/packages/renderer/src/render-media.ts
@@ -835,12 +835,9 @@ export const internalRenderMedia = wrapWithErrorHandling(
 	internalRenderMediaRaw,
 );
 
-/**
- * Render a video from a composition. You can specify various options such as the codec, output location, input properties, and more.
- * @see [Documentation](https://remotion.dev/docs/renderer/render-media)
- * @param {RenderMediaOptions} options Configuration options for rendering the media.
- * @returns {Promise<RenderMediaResult>} A promise that resolves to the rendering result, including a buffer and information about the slowest frames.
- *
+/*
+ * @description Render a video or an audio programmatically.
+ * @see [Documentation](https://www.remotion.dev/docs/renderer/render-media)
  */
 export const renderMedia = ({
 	proResProfile,
diff --git a/packages/renderer/src/render-still.ts b/packages/renderer/src/render-still.ts
index 54e5df6a9e1..dd8c70233f0 100644
--- a/packages/renderer/src/render-still.ts
+++ b/packages/renderer/src/render-still.ts
@@ -414,11 +414,9 @@ export const internalRenderStill = wrapWithErrorHandling(
 	internalRenderStillRaw,
 );
 
-/**
+/*
  * @description Renders a single frame to an image and writes it to the specified output location.
- * @see [Documentation](https://remotion.dev/docs/renderer/render-still)
- * @param {RenderStillOptions} options Configuration options for rendering the still image
- * @returns {Promise<RenderStillReturnValue>} A promise that resolves to an object with a buffer key containing the image data if no output path is defined, otherwise null.
+ * @see [Documentation](https://www.remotion.dev/docs/renderer/render-still)
  */
 export const renderStill = (
 	options: RenderStillOptions,
diff --git a/packages/renderer/src/select-composition.ts b/packages/renderer/src/select-composition.ts
index d1b3ff4b928..b8a294171cd 100644
--- a/packages/renderer/src/select-composition.ts
+++ b/packages/renderer/src/select-composition.ts
@@ -290,8 +290,8 @@ export const internalSelectComposition = wrapWithErrorHandling(
 	internalSelectCompositionRaw,
 );
 
-/**
- * @description Gets a composition defined in a Remotion project based on a Webpack bundle.
+/*
+ * @description Evaluates the list of compositions from a Remotion Bundle by evaluating the Remotion Root and evaluating `calculateMetadata()` on the specified composition.
  * @see [Documentation](https://www.remotion.dev/docs/renderer/select-composition)
  */
 export const selectComposition = async (
diff --git a/packages/renderer/src/stitch-frames-to-video.ts b/packages/renderer/src/stitch-frames-to-video.ts
index 9cb42d25601..dda1d53753a 100644
--- a/packages/renderer/src/stitch-frames-to-video.ts
+++ b/packages/renderer/src/stitch-frames-to-video.ts
@@ -494,11 +494,9 @@ export const internalStitchFramesToVideo = (
 	]);
 };
 
-/**
- * Takes a series of images and audio information generated by renderFrames() and encodes it to a video.
+/*
+ * @description Takes a series of images and audio information generated by renderFrames() and encodes it to a video.
  * @see [Documentation](https://www.remotion.dev/docs/renderer/stitch-frames-to-video)
- * @param {StitchFramesToVideoOptions} options The configuration options for stitching frames into a video
- * @returns {Promise<Buffer | null>} A promise that resolves with the video buffer or null if the output was written to a file
  */
 export const stitchFramesToVideo = ({
 	assetsInfo,
diff --git a/packages/studio/src/api/get-static-files.ts b/packages/studio/src/api/get-static-files.ts
index 2a6a296da15..9522d35c8fc 100644
--- a/packages/studio/src/api/get-static-files.ts
+++ b/packages/studio/src/api/get-static-files.ts
@@ -25,9 +25,9 @@ const warnPlayerOnce = () => {
 	);
 };
 
-/**
- * @description The function array containing all files in the public/ folder. You can reference them by using staticFile().
- * @see [Documentation](https://www.remotion.dev/docs/getstaticfiles)
+/*
+ * @description Gets an array containing all files in the `public/` folder. You can reference them by using `staticFile()`.
+ * @see [Documentation](https://www.remotion.dev/docs/studio/get-static-files)
  */
 export const getStaticFiles = (): StaticFile[] => {
 	if (typeof document === 'undefined') {
diff --git a/packages/studio/src/api/save-default-props.ts b/packages/studio/src/api/save-default-props.ts
index b2e12e6b20f..986a7745e85 100644
--- a/packages/studio/src/api/save-default-props.ts
+++ b/packages/studio/src/api/save-default-props.ts
@@ -4,10 +4,9 @@ import {callUpdateDefaultPropsApi} from '../components/RenderQueue/actions';
 import type {UpdateDefaultPropsFunction} from './helpers/calc-new-props';
 import {calcNewProps} from './helpers/calc-new-props';
 
-/**
- * Saves the defaultProps for a composition back to the root file.
- * @param {string} compositionId The ID of the composition to save the defaultProps for.
- * @param {SafeDefaultPropsFunction} defaultProps A function that returns the new defaultProps for the composition.
+/*
+ * @description Saves the defaultProps for a composition back to the root file.
+ * @see [Documentation](https://www.remotion.dev/docs/studio/save-default-props)
  */
 export const saveDefaultProps = async ({
 	compositionId,
diff --git a/packages/studio/src/api/watch-public-folder.ts b/packages/studio/src/api/watch-public-folder.ts
index d4b851eeb1e..d4972725b73 100644
--- a/packages/studio/src/api/watch-public-folder.ts
+++ b/packages/studio/src/api/watch-public-folder.ts
@@ -5,11 +5,9 @@ type WatcherCallback = (newFiles: StaticFile[]) => void;
 
 export const WATCH_REMOTION_STATIC_FILES = 'remotion_staticFilesChanged';
 
-/**
- * @description Watch for changes in the public folder.
- * @param {Function} callback - A callback function to be called when the file changes.
- * @returns {{cancel: () => void}} A function that can be used to cancel the event listener.
- * @see [Documentation](https://remotion.dev/docs/studio/watch-public-folder)
+/*
+ * @description Watches for changes in the public directory and calls a callback function when a file is added, removed, or modified.
+ * @see [Documentation](https://www.remotion.dev/docs/studio/watch-public-folder)
  */
 export const watchPublicFolder = (
 	callback: WatcherCallback,
diff --git a/packages/studio/src/api/watch-static-file.ts b/packages/studio/src/api/watch-static-file.ts
index 60a532e2d02..ba437cfd993 100644
--- a/packages/studio/src/api/watch-static-file.ts
+++ b/packages/studio/src/api/watch-static-file.ts
@@ -8,12 +8,9 @@ export type WatchRemotionStaticFilesPayload = {
 	files: StaticFile[];
 };
 
-/**
- * @description Watch for changes in a specific static file.
- * @param {string} fileName - The name of the static file to watch for changes.
- * @param {WatcherCallback} callback - A callback function to be called when the file changes.
- * @returns {{cancel: () => void}} A function that can be used to cancel the event listener.
- * @see [Documentation](https://remotion.dev/docs/studio/watch-static-file)
+/*
+ * @description Watches for changes in a specific static file and invokes a callback function when the file changes, enabling dynamic updates in your Remotion projects.
+ * @see [Documentation](https://www.remotion.dev/docs/studio/watch-static-file)
  */
 export const watchStaticFile = (
 	fileName: string,
diff --git a/packages/three/src/ThreeCanvas.tsx b/packages/three/src/ThreeCanvas.tsx
index 4d5902618e2..90374424604 100644
--- a/packages/three/src/ThreeCanvas.tsx
+++ b/packages/three/src/ThreeCanvas.tsx
@@ -28,8 +28,8 @@ const Scale = ({
 	return null;
 };
 
-/**
- * @description A wrapper for React Three Fiber's <Canvas /> which synchronizes with Remotions useCurrentFrame().
+/*
+ * @description A wrapper for React Three Fiber's <Canvas /> which synchronizes with Remotion's useCurrentFrame().
  * @see [Documentation](https://www.remotion.dev/docs/three-canvas)
  */
 export const ThreeCanvas = (props: ThreeCanvasProps) => {
diff --git a/packages/three/src/use-offthread-video-texture.ts b/packages/three/src/use-offthread-video-texture.ts
index 7e67bf973db..250824ffc61 100644
--- a/packages/three/src/use-offthread-video-texture.ts
+++ b/packages/three/src/use-offthread-video-texture.ts
@@ -99,11 +99,9 @@ export const useInnerVideoTexture = ({
 	return imageTexture;
 };
 
-/**
+/*
  * @description Allows you to use a video in React Three Fiber that is synchronized with Remotion's `useCurrentFrame()` using the `<OffthreadVideo>`.
- * @see [Documentation](https://remotion.dev/docs/use-offthread-video-texture)
- * @param {UseOffthreadVideoTextureOptions} options Configuration options including the video source (`src`), playback rate (`playbackRate`), transparency (`transparent`), and tone mapping (`toneMapped`).
- * @returns {THREE.Texture | null} A THREE.Texture if available, otherwise null. To be used as a texture in 3D objects in React Three Fiber.
+ * @see [Documentation](https://www.remotion.dev/docs/use-offthread-video-texture)
  */
 export function useOffthreadVideoTexture({
 	src,
diff --git a/packages/three/src/use-video-texture.ts b/packages/three/src/use-video-texture.ts
index a7c7f6efa17..1c0e488d076 100644
--- a/packages/three/src/use-video-texture.ts
+++ b/packages/three/src/use-video-texture.ts
@@ -19,7 +19,7 @@ const warnAboutRequestVideoFrameCallback = () => {
 	);
 };
 
-/**
+/*
  * @description Allows you to use a video in React Three Fiber that is synchronized with Remotion's useCurrentFrame().
  * @see [Documentation](https://www.remotion.dev/docs/use-video-texture)
  */
diff --git a/packages/transitions/src/TransitionSeries.tsx b/packages/transitions/src/TransitionSeries.tsx
index 71af9933c60..475dc3e4379 100644
--- a/packages/transitions/src/TransitionSeries.tsx
+++ b/packages/transitions/src/TransitionSeries.tsx
@@ -358,13 +358,11 @@ const TransitionSeriesChildren: FC<{readonly children: React.ReactNode}> = ({
 	return <>{childrenValue}</>;
 };
 
-/**
- * @description A React component designed to manage a series of transitions and sequences where each transition may have specific timing and presentation components. It extends the capabilities of `<Sequence>` and is specifically structured to handle transitions that involve entering and exiting sequences.
- * @see [Documentation](https://remotion.dev/docs/transitions/transitionseries)
- * @param {SequencePropsWithoutDuration} props The properties for setting the initial rendering behavior like from, name, etc. It additionally accepts children that are specifically `<TransitionSeries.Sequence>` or `<TransitionSeries.Transition>`.
- * @returns React component that renders the transitions and sequences.
+/*
+ * @description Manages a series of transitions and sequences for advanced animation controls in Remotion projects, handling cases with varying timings and presentations.
+ * @see [Documentation](https://www.remotion.dev/docs/transitions/transitionseries)
  */
-const TransitionSeries: FC<SequencePropsWithoutDuration> & {
+export const TransitionSeries: FC<SequencePropsWithoutDuration> & {
 	Sequence: typeof SeriesSequence;
 	Transition: typeof TransitionSeriesTransition;
 } = ({children, name, layout: passedLayout, ...otherProps}) => {
@@ -389,7 +387,5 @@ const TransitionSeries: FC<SequencePropsWithoutDuration> & {
 TransitionSeries.Sequence = SeriesSequence;
 TransitionSeries.Transition = TransitionSeriesTransition;
 
-export {TransitionSeries};
-
 Internals.addSequenceStackTraces(TransitionSeries);
 Internals.addSequenceStackTraces(SeriesSequence);
diff --git a/packages/transitions/src/presentations/clock-wipe.tsx b/packages/transitions/src/presentations/clock-wipe.tsx
index fc800caec68..2049f6fdc05 100644
--- a/packages/transitions/src/presentations/clock-wipe.tsx
+++ b/packages/transitions/src/presentations/clock-wipe.tsx
@@ -79,11 +79,9 @@ const ClockWipePresentation: React.FC<
 	);
 };
 
-/**
- * Creates a clock wipe transition. This transition effect uses a circular wipe to reveal the underlying scene as the current scene exits.
- * @see [Documentation](https://remotion.dev/docs/transitions/presentations/clock-wipe)
- * @param {ClockWipeProps} props - The properties for the clock wipe effect, including dimensions and optional styles for entering and exiting states.
- * @returns {TransitionPresentation<ClockWipeProps>} An object containing the ClockWipe component and its props to be used in transition presentations.
+/*
+ * @description Creates a clock wipe transition that uses a circular wipe to reveal the underlying scene as the current scene exits.
+ * @see [Documentation](https://www.remotion.dev/docs/transitions/presentations/clock-wipe)
  */
 export const clockWipe = (
 	props: ClockWipeProps,
diff --git a/packages/transitions/src/presentations/fade.tsx b/packages/transitions/src/presentations/fade.tsx
index b76afbc6c32..1263d9bf7ad 100644
--- a/packages/transitions/src/presentations/fade.tsx
+++ b/packages/transitions/src/presentations/fade.tsx
@@ -37,11 +37,9 @@ const FadePresentation: React.FC<
 
 	return <AbsoluteFill style={style}>{children}</AbsoluteFill>;
 };
-/**
- * Provides a simple fade transition component for sliding elements in and out.
- * @see [Documentation](https://remotion.dev/docs/transitions/presentations/fade)
- * @param {FadeProps} [props] Optional properties to define 'enterStyle' and 'exitStyle'.
- * @returns {TransitionPresentation<FadeProps>} The transition presentation component setup.
+/*
+ * @description Provides a simple fade transition component for sliding elements in and out.
+ * @see [Documentation](https://www.remotion.dev/docs/transitions/presentations/fade)
  */
 
 export const fade = (props?: FadeProps): TransitionPresentation<FadeProps> => {
diff --git a/packages/transitions/src/presentations/flip.tsx b/packages/transitions/src/presentations/flip.tsx
index 9dc23bade1c..0418f4a8fce 100644
--- a/packages/transitions/src/presentations/flip.tsx
+++ b/packages/transitions/src/presentations/flip.tsx
@@ -84,11 +84,9 @@ const Flip: React.FC<TransitionPresentationComponentProps<FlipProps>> = ({
 		</AbsoluteFill>
 	);
 };
-/**
- * @description A presentation where the exiting slide flips by 180 degrees, revealing the next slide on the back side. This function configures a 3D flip effect for transitions between components in presentations.
- * @see [Documentation](https://remotion.dev/docs/transitions/presentations/flip)
- * @param {FlipProps} [props] Optional properties to configure the flip effect, including direction, perspective, and styles.
- * @returns {TransitionPresentation<FlipProps>} An object with the Flip component and configuration properties.
+/*
+ * @description A presentation where the exiting slide flips by 180 degrees, revealing the next slide on the back side.
+ * @see [Documentation](https://www.remotion.dev/docs/transitions/presentations/flip)
  */
 
 export const flip = (props?: FlipProps): TransitionPresentation<FlipProps> => {
diff --git a/packages/transitions/src/presentations/none.tsx b/packages/transitions/src/presentations/none.tsx
index c6c1e05d51d..6f3e09ed245 100644
--- a/packages/transitions/src/presentations/none.tsx
+++ b/packages/transitions/src/presentations/none.tsx
@@ -24,11 +24,9 @@ const NonePresentation: React.FC<
 	return <AbsoluteFill style={style}>{children}</AbsoluteFill>;
 };
 
-/**
- * Wraps the transition in a context so that the progress can be read from the children using a hook.
- * @see [Documentation](https://remotion.dev/docs/transitions/presentations/context)
- * @param {NoneProps} [props] Optional properties to define 'enterStyle' and 'exitStyle'.
- * @returns {TransitionPresentation<NoneProps>} The transition presentation component setup.
+/*
+ * @description A presentation that has no visual effect on its own. Instead, you control the visual effect by using the useTransitionProgress() hook.
+ * @see [Documentation](https://www.remotion.dev/docs/transitions/presentations/none)
  */
 export const none = (props?: NoneProps): TransitionPresentation<NoneProps> => {
 	return {
diff --git a/packages/transitions/src/presentations/slide.tsx b/packages/transitions/src/presentations/slide.tsx
index def0269ea48..67dccec063c 100644
--- a/packages/transitions/src/presentations/slide.tsx
+++ b/packages/transitions/src/presentations/slide.tsx
@@ -98,11 +98,9 @@ const SlidePresentation: React.FC<
 	return <AbsoluteFill style={style}>{children}</AbsoluteFill>;
 };
 
-/**
- * Implements a sliding transition for presentation components where the entering slide pushes out the exiting slide based on the specified direction.
- * @see [Documentation](https://remotion.dev/docs/transitions/presentations/slide)
- * @param {SlideProps} [props] Configuration options for the slide transition: includes direction, enterStyle, and exitStyle.
- * @returns {TransitionPresentation<SlideProps>} Returns a transition configuration object including the component and its props.
+/*
+ * @description Implements a sliding transition for presentation components where the entering slide pushes the outgoing slide in a specified direction.
+ * @see [Documentation](https://www.remotion.dev/docs/transitions/presentations/slide)
  */
 export const slide = (
 	props?: SlideProps,
diff --git a/packages/transitions/src/presentations/wipe.tsx b/packages/transitions/src/presentations/wipe.tsx
index 3f4477adc73..87a839b5ed5 100644
--- a/packages/transitions/src/presentations/wipe.tsx
+++ b/packages/transitions/src/presentations/wipe.tsx
@@ -226,11 +226,9 @@ const WipePresentation: React.FC<
 	);
 };
 
-/**
+/*
  * @description A presentation where the entering slide slides over the exiting slide.
- * @see [Documentation](https://remotion.dev/docs/transitions/presentations/wipe)
- * @param {WipeProps} [props] - Optional properties to configure the transition.
- * @returns {TransitionPresentation<WipeProps>} Transition presentation object setup for wipe effect.
+ * @see [Documentation](https://www.remotion.dev/docs/transitions/presentations/wipe)
  */
 export const wipe = (props?: WipeProps): TransitionPresentation<WipeProps> => {
 	return {
diff --git a/packages/transitions/src/timings/linear-timing.ts b/packages/transitions/src/timings/linear-timing.ts
index 8a4d2d430d8..9d7128db85b 100644
--- a/packages/transitions/src/timings/linear-timing.ts
+++ b/packages/transitions/src/timings/linear-timing.ts
@@ -1,14 +1,9 @@
 import {interpolate} from 'remotion';
 import type {TransitionTiming} from '../types.js';
 
-/**
- * Creates a linear timing object for managing animations in frame units.
- * @description Provides a mechanism to handle frame-based transitions linearly, optionally incorporating easing functions.
- * @see [Documentation](https://remotion.dev/docs/transitions/timings/lineartiming)
- * @param {Object} fieldsToFetch Configuration options for the linear timing
- * @param {number} fieldsToFetch.durationInFrames Specifies the total duration of the transition in frames
- * @param {((input: number) => number)=} fieldsToFetch.easing Optional easing function to modify the interpolation of values
- * @returns {TransitionTiming} An object representing the timing of the transition, including methods to get duration and progress
+/*
+ * @description A timing function for `<TransitionSeries>` based on `interpolate()`.
+ * @see [Documentation](https://www.remotion.dev/docs/transitions/timings/lineartiming)
  */
 export const linearTiming = (options: {
 	durationInFrames: number;
diff --git a/packages/transitions/src/use-transition-progress.ts b/packages/transitions/src/use-transition-progress.ts
index f22578fe3ff..0e87e6d9ea3 100644
--- a/packages/transitions/src/use-transition-progress.ts
+++ b/packages/transitions/src/use-transition-progress.ts
@@ -7,8 +7,9 @@ export type TransitionState = {
 	isInTransitionSeries: boolean;
 };
 
-/**
- * Gets the progress and direction of a transition with a context() presentation.
+/*
+ * @description A hook that can be used inside a child of a <TransitionSeries.Sequence> to get the progress of the transition to directly manipulate the objects inside the scene.
+ * @see [Documentation](https://www.remotion.dev/docs/transitions/use-transition-progress)
  */
 export const useTransitionProgress = (): TransitionState => {
 	const entering = React.useContext(EnteringContext);
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f944bc9f444..276c337d33d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -39,9 +39,15 @@ importers:
 
   packages/ai-improvements:
     dependencies:
+      '@babel/types':
+        specifier: 7.24.0
+        version: 7.24.0
       openai:
         specifier: 4.67.1
         version: 4.67.1(zod@3.22.3)
+      recast:
+        specifier: 0.23.9
+        version: 0.23.9
 
   packages/animated-emoji:
     dependencies:
@@ -4383,7 +4389,7 @@ packages:
     resolution: {integrity: sha512-o9HBZL1G2129luEUlG1hB4N/nlYNWHnpwlND9eOMclRqqu1YDy2sSYVCFUZwl8I1Gxh+QSRrP2vD7EpUmFVXxg==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.25.6
+      '@babel/types': 7.26.0
       '@jridgewell/gen-mapping': 0.3.5
       '@jridgewell/trace-mapping': 0.3.25
       jsesc: 2.5.2
@@ -4392,7 +4398,7 @@ packages:
     resolution: {integrity: sha512-VPC82gr1seXOpkjAAKoLhP50vx4vGNlF4msF64dSFq1P8RfB+QAuJWGHPXXPc8QyfVWwwB/TNNU4+ayZmHNbZw==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.25.6
+      '@babel/types': 7.26.0
       '@jridgewell/gen-mapping': 0.3.5
       '@jridgewell/trace-mapping': 0.3.25
       jsesc: 2.5.2
@@ -4425,7 +4431,7 @@ packages:
     resolution: {integrity: sha512-BaDeOonYvhdKw+JoMVkAixAAJzG2jVPIwWoKBPdYuY9b452e2rPuI9QPYh3KpofZ3pW2akOmwZLOiOsHMiqRAg==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.25.6
+      '@babel/types': 7.26.0
 
   /@babel/helper-annotate-as-pure@7.25.9:
     resolution: {integrity: sha512-gv7320KBUFJz1RnylIg5WWYPRXKZ884AGkYpgpWW02TH66Dl+HaC1t1CKd0z3R4b6hdYEcmrNZHUmfCP+1u3/g==}
@@ -4439,7 +4445,7 @@ packages:
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/traverse': 7.25.6
-      '@babel/types': 7.25.6
+      '@babel/types': 7.26.0
     transitivePeerDependencies:
       - supports-color
     dev: false
@@ -4628,7 +4634,7 @@ packages:
     resolution: {integrity: sha512-DoiN84+4Gnd0ncbBOM9AZENV4a5ZiL39HYMyZJGZ/AZEykHYdJw0wW3kdcsh9/Kn+BRXHLkkklZ51ecPKmI1CQ==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.25.6
+      '@babel/types': 7.26.0
 
   /@babel/helper-function-name@7.15.4:
     resolution: {integrity: sha512-Z91cOMM4DseLIGOnog+Z8OI6YseR9bua+HpvLAQ2XayUGU+neTtX+97caALaLdyu53I/fjhbeCnWnRH1O3jFOw==}
@@ -4644,7 +4650,7 @@ packages:
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/template': 7.25.0
-      '@babel/types': 7.25.6
+      '@babel/types': 7.26.0
 
   /@babel/helper-get-function-arity@7.15.4:
     resolution: {integrity: sha512-1/AlxSF92CmGZzHnC515hm4SirTxtpDnLEJ0UyEMgTMZN+6bxXKg04dKhiRx5Enel+SUA1G1t5Ed/yQia0efrA==}
@@ -4664,7 +4670,7 @@ packages:
     resolution: {integrity: sha512-MJJwhkoGy5c4ehfoRyrJ/owKeMl19U54h27YYftT0o2teQ3FJ3nQUf/I3LlJsX4l3qlw7WRXUmiyajvHXoTubQ==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.25.6
+      '@babel/types': 7.26.0
 
   /@babel/helper-member-expression-to-functions@7.15.4:
     resolution: {integrity: sha512-cokOMkxC/BTyNP1AlY25HuBWM32iCEsLPI4BHDpJCHHm1FU2E7dKWWIXJgQgSFiu4lp8q3bL1BIKwqkSUviqtA==}
@@ -4704,7 +4710,7 @@ packages:
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/traverse': 7.25.6
-      '@babel/types': 7.25.6
+      '@babel/types': 7.26.0
     transitivePeerDependencies:
       - supports-color
 
@@ -4725,7 +4731,7 @@ packages:
       '@babel/helper-replace-supers': 7.15.4
       '@babel/helper-simple-access': 7.15.4
       '@babel/helper-split-export-declaration': 7.15.4
-      '@babel/helper-validator-identifier': 7.15.7
+      '@babel/helper-validator-identifier': 7.25.9
       '@babel/template': 7.15.4
       '@babel/traverse': 7.15.4
       '@babel/types': 7.24.0
@@ -4742,7 +4748,7 @@ packages:
       '@babel/core': 7.23.2
       '@babel/helper-module-imports': 7.24.7
       '@babel/helper-simple-access': 7.24.7
-      '@babel/helper-validator-identifier': 7.24.7
+      '@babel/helper-validator-identifier': 7.25.9
       '@babel/traverse': 7.25.6
     transitivePeerDependencies:
       - supports-color
@@ -4877,7 +4883,7 @@ packages:
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/traverse': 7.25.6
-      '@babel/types': 7.25.6
+      '@babel/types': 7.26.0
     transitivePeerDependencies:
       - supports-color
 
@@ -4896,7 +4902,7 @@ packages:
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/traverse': 7.25.6
-      '@babel/types': 7.25.6
+      '@babel/types': 7.26.0
     transitivePeerDependencies:
       - supports-color
 
@@ -4921,33 +4927,12 @@ packages:
     resolution: {integrity: sha512-oy5V7pD+UvfkEATUKvIjvIAH/xCzfsFVw7ygW2SI6NClZzquT+mwdTfgfdbUiceh6iQO0CHtCPsyze/MZ2YbAA==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.25.6
-
-  /@babel/helper-string-parser@7.23.4:
-    resolution: {integrity: sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==}
-    engines: {node: '>=6.9.0'}
-
-  /@babel/helper-string-parser@7.24.8:
-    resolution: {integrity: sha512-pO9KhhRcuUyGnJWwyEgnRJTSIZHiT+vMD0kPeD+so0l7mxkMT19g3pjY9GTnHySck/hDzq+dtW/4VgnMkippsQ==}
-    engines: {node: '>=6.9.0'}
+      '@babel/types': 7.26.0
 
   /@babel/helper-string-parser@7.25.9:
     resolution: {integrity: sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==}
     engines: {node: '>=6.9.0'}
 
-  /@babel/helper-validator-identifier@7.15.7:
-    resolution: {integrity: sha512-K4JvCtQqad9OY2+yTU8w+E82ywk/fe+ELNlt1G8z3bVGlZfn/hOcQQsUhGhW/N+tb3fxK800wLtKOE/aM0m72w==}
-    engines: {node: '>=6.9.0'}
-    dev: false
-
-  /@babel/helper-validator-identifier@7.22.20:
-    resolution: {integrity: sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==}
-    engines: {node: '>=6.9.0'}
-
-  /@babel/helper-validator-identifier@7.24.7:
-    resolution: {integrity: sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==}
-    engines: {node: '>=6.9.0'}
-
   /@babel/helper-validator-identifier@7.25.9:
     resolution: {integrity: sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==}
     engines: {node: '>=6.9.0'}
@@ -4993,7 +4978,7 @@ packages:
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/template': 7.25.0
-      '@babel/types': 7.25.6
+      '@babel/types': 7.26.0
 
   /@babel/helpers@7.26.0:
     resolution: {integrity: sha512-tbhNuIxNcVb21pInl3ZSjksLCvgdZy9KwJ8brv993QtIVKJBBkYXz4q4ZbAv31GdnC+R90np23L5FbEBlthAEw==}
@@ -5023,7 +5008,7 @@ packages:
     engines: {node: '>=6.0.0'}
     hasBin: true
     dependencies:
-      '@babel/types': 7.25.6
+      '@babel/types': 7.26.0
 
   /@babel/parser@7.26.2:
     resolution: {integrity: sha512-DWMCZH9WA4Maitz2q21SRKHo9QXZxkDsbNZoVD62gusNtNBBqDg9i7uOhASfTfIGNzW+O+r7+jAlM8dwphcJKQ==}
@@ -6004,7 +5989,7 @@ packages:
       '@babel/helper-hoist-variables': 7.24.7
       '@babel/helper-module-transforms': 7.25.2(@babel/core@7.23.2)
       '@babel/helper-plugin-utils': 7.24.8
-      '@babel/helper-validator-identifier': 7.24.7
+      '@babel/helper-validator-identifier': 7.25.9
     transitivePeerDependencies:
       - supports-color
     dev: false
@@ -7150,7 +7135,7 @@ packages:
     dependencies:
       '@babel/code-frame': 7.24.7
       '@babel/parser': 7.25.6
-      '@babel/types': 7.25.6
+      '@babel/types': 7.26.0
 
   /@babel/template@7.25.9:
     resolution: {integrity: sha512-9DGttpmPvIxBb/2uwpVo3dqJ+O6RooAFOS+lB+xDqoE2PVCE8nfoHMdZLpfCQRLwvohzXISPZcgxt80xLfsuwg==}
@@ -7188,7 +7173,7 @@ packages:
       '@babel/helper-hoist-variables': 7.24.7
       '@babel/helper-split-export-declaration': 7.24.7
       '@babel/parser': 7.25.6
-      '@babel/types': 7.25.6
+      '@babel/types': 7.26.0
       debug: 4.3.7
       globals: 11.12.0
     transitivePeerDependencies:
@@ -7202,7 +7187,7 @@ packages:
       '@babel/generator': 7.25.6
       '@babel/parser': 7.25.6
       '@babel/template': 7.25.0
-      '@babel/types': 7.25.6
+      '@babel/types': 7.26.0
       debug: 4.3.7
       globals: 11.12.0
     transitivePeerDependencies:
@@ -7226,15 +7211,7 @@ packages:
     resolution: {integrity: sha512-+j7a5c253RfKh8iABBhywc8NSfP5LURe7Uh4qpsh6jc+aLJguvmIUBdjSdEMQv2bENrCR5MfRdjGo7vzS/ob7w==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/helper-string-parser': 7.23.4
-      '@babel/helper-validator-identifier': 7.22.20
-      to-fast-properties: 2.0.0
-
-  /@babel/types@7.25.6:
-    resolution: {integrity: sha512-/l42B1qxpG6RdfYf343Uw1vmDjeNhneUXtzhojE7pDgfpEypmRhI6j1kr17XCVv4Cgl9HdAiQY2x0GwKm7rWCw==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/helper-string-parser': 7.24.8
+      '@babel/helper-string-parser': 7.25.9
       '@babel/helper-validator-identifier': 7.25.9
       to-fast-properties: 2.0.0