diff --git a/src/app/v5/core/channel-rewards/page.mdx b/src/app/v5/core/channel-rewards/page.mdx
new file mode 100644
index 0000000..b25c822
--- /dev/null
+++ b/src/app/v5/core/channel-rewards/page.mdx
@@ -0,0 +1,182 @@
+# Channel Rewards
+
+Channel Rewards are Twitch channel point rewards that can trigger Firebot effects when they are redeemed.
+
+Firebot can create and manage custom Channel Rewards. This lets you keep the Twitch reward setup and the Firebot effects in the same place.
+
+Some Twitch-owned details still need to be changed on Twitch, such as reward icons.
+
+You can find your Channel Point Rewards on Twitch here: `https://dashboard.twitch.tv/u/YOUR-CHANNEL/viewer-rewards/channel-points/rewards`
+
+You can access Channel Rewards from **Power-ups & Rewards**, located in the main navigation sidebar under **Triggers**. Select the **Channel Rewards** tab to view them.
+
+<Note type="info">
+    Firebot can create and edit custom Channel Rewards, but reward icons still need to be changed on Twitch.
+</Note>
+
+---
+
+## **Creating a Channel Reward**
+
+To create a new reward, click `New Channel Reward` in the **Channel Rewards** tab. This opens the reward editor.
+
+The reward editor lets you set the Twitch reward details, add restrictions, and attach the effects Firebot should run when the reward is redeemed.
+
+* **Reward Name**
+This is the name shown for the reward on Twitch. Use a clear name so viewers know what they are redeeming.
+* **Description**
+This is the short description shown with the reward. Use this to explain what the reward does or what the viewer should enter.
+* **Require Viewer to Enter Text**
+This requires the viewer to enter text when redeeming the reward. This is useful for rewards that need a message, target, choice, or other input.
+* **Cost**
+This is the channel point cost of the reward.
+* **Background Color**
+This controls the reward color shown on Twitch.
+* **Skip Twitch Reward Requests Queue**
+This automatically approves future redemptions for this reward. These redemptions are approved by Twitch immediately and cannot be refunded from Firebot.
+* **Redemption Cooldown**
+This sets how long viewers must wait before the reward can be redeemed again.
+* **Limit Redemptions Per Stream**
+This limits the total number of redemptions during a stream.
+* **Limit Redemptions Per User Per Stream**
+This limits how many times each viewer can redeem the reward during a stream.
+* **Reward Icon**
+This is the icon shown for the reward. Reward icons can only be changed on Twitch, but Firebot will show the icon you have set there for easy reference.
+
+<Note type="info">
+    Twitch does not show `Seconds` for reward cooldowns in the dashboard, but Firebot lets you set it. Twitch only shows `Minutes`, `Hours`, and `Days`, but the cooldown still works with the `Seconds` set in Firebot.
+</Note>
+
+<Note type="info">
+    You can learn more about restrictions here: [Restrictions](/v5/core/restrictions).
+</Note>
+
+Click `Save` when you are finished.
+
+---
+
+## **Editing a Channel Reward**
+
+Existing rewards are shown in the **Channel Rewards** tab. Each row shows the reward name, cost, pause status, tags, and active status.
+
+You can also drag the handle to the right of the active status to reorganize rewards.
+
+To manage a reward, click the three dot menu on the reward or right-click the reward row.
+
+* **Edit**
+Opens the reward editor so you can change the reward settings, restrictions, and effects.
+* **Enable Channel Reward / Disable Channel Reward**
+Enables or disables the reward on Twitch. Disabling hides the reward from viewers.
+* **Pause Channel Reward / Unpause Channel Reward**
+Pauses or unpauses the reward. Pausing makes the reward temporarily unavailable without completely disabling or hiding it.
+* **Duplicate**
+Creates a copy of the reward.
+* **Delete**
+Deletes the reward.
+* **Effect Queues**
+Assigns the reward to an effect queue.
+* **Move to**
+Moves the reward up or down for organizing.
+
+<Note type="info">
+    You can learn more about effect queues here: [Effect Queues](/v5/core/effect-queues).
+</Note>
+
+---
+
+## **Testing a Channel Reward**
+
+You can click the play button on a reward to test the effects attached to it without waiting for a real redemption.
+
+You can also click `Test Effects` in the reward editor to test the effects before saving.
+
+Use `Simulate` when you need to test a more specific redemption. This is useful when you want to test restrictions, viewer input, or other redemption details that the play button does not cover.
+
+<Note type="info">
+    You can learn more about simulating events here: [Simulate](/v5/core/events#simulating-events).
+</Note>
+
+<Note type="info">
+    You can learn more about restrictions here: [Restrictions](/v5/core/restrictions).
+</Note>
+
+---
+
+## **Effects**
+
+Channel Rewards can run the same kind of effects as other Firebot triggers.
+
+<Note type="info">
+    You can learn more about effects here: [Effects](/v5/core/effects).
+</Note>
+
+---
+
+## **Tags**
+
+Tags help organize rewards.
+
+The filter dropdown at the top of the **Channel Rewards** tab can show all rewards or only rewards with a selected tag.
+
+Use `Edit tags` from the filter dropdown to manage the available tags.
+
+---
+
+## **Reward Limit**
+
+The reward limit is shown under the **Channel Rewards** list.
+
+Twitch limits how many custom Channel Rewards can exist on a channel, so Firebot shows the current count there.
+
+---
+
+## **Request Queue**
+
+The **Request Queue** tab shows pending Channel Reward redemptions that need review.
+
+This works like Twitch's request queue.
+
+From the queue, you can approve or reject pending redemptions. This is useful for rewards that need manual review before they are completed.
+
+<Note type="warning">
+    If **Skip Twitch Reward Requests Queue** is enabled on a reward, future redemptions for that reward are approved immediately and will not wait in the queue.
+</Note>
+
+---
+
+## **Channel Reward Variables**
+
+Channel Rewards have variables that can be used in effects when a Channel Reward is redeemed.
+
+| Variable                          | Description                                                   |
+|-----------------------------------|---------------------------------------------------------------|
+| `$rewardCost`                     | Gets the channel point cost of the current Channel Reward.    |
+| `$rewardDescription`              | Gets the description of the current Channel Reward.           |
+| `$rewardImageUrl`                 | Gets the image URL of the current Channel Reward.             |
+| `$rewardCost[rewardName]`         | Gets the channel point cost of a specific Channel Reward.     |
+| `$rewardDescription[rewardName]`  | Gets the description of a specific Channel Reward.            |
+|                                   |                                                               |
+
+<Note type="info">
+    When using a Channel Reward name inside a variable, the name must match exactly.
+</Note>
+
+<Note type="info">
+    You can learn more about variables here: [Variables](/v5/core/variables).
+</Note>
+
+---
+
+## Channel Reward Example: Sound Reward
+
+You want a Channel Reward that plays a sound on stream.
+
+1. Open **Power-ups & Rewards** in Firebot.
+2. Select the **Channel Rewards** tab.
+3. Click `New Channel Reward`.
+4. Set **Reward Name** to `Play Sound`.
+5. Set **Cost** to `500`.
+6. Add a **Play Sound** effect.
+7. Click `Save`.
+
+When someone redeems the Channel Reward with channel points, Firebot will run the effects attached to it.
\ No newline at end of file
diff --git a/src/app/v5/core/counters/page.mdx b/src/app/v5/core/counters/page.mdx
new file mode 100644
index 0000000..7efd9f8
--- /dev/null
+++ b/src/app/v5/core/counters/page.mdx
@@ -0,0 +1,150 @@
+# Counters
+
+Counters store a number that can be updated and reused in Firebot.
+
+You can access **Counters** in the main navigation sidebar under **Triggers**.
+
+Counters are useful when you want to track something over time. For example, you can track deaths in a game, how many times a command was used, how many wins a viewer has, or any other number you want Firebot to remember.
+
+---
+
+## **Creating a Counter**
+
+To create a new counter, click `New Counter` in the **Counters** tab. This opens the counter editor.
+
+The counter editor lets you name the counter, set its current value, set optional minimum and maximum values, and attach effects that run when the counter is updated.
+
+* **Name**
+This is the name shown for the counter in Firebot. Use a clear name so you know what the counter is tracking.
+* **Minimum**
+This is the lowest value the counter can use. Leave it unset if the counter does not need a minimum.
+* **Current Value**
+This is the current number stored in the counter.
+* **Maximum**
+This is the highest value the counter can use. Leave it unset if the counter does not need a maximum.
+* **Effects On Update**
+These effects run every time the counter is updated by the **Update Counter** effect.
+
+Click `Save` when you are finished.
+
+<Note type="info">
+    Minimum and maximum values are optional. Use them when the counter should not go below or above a certain number.
+</Note>
+
+---
+
+## **Using a Counter**
+
+Counters are usually changed with the **Update Counter** effect.
+
+The **Update Counter** effect lets you choose a counter and either increment it or set it to a new value.
+
+* **Increment**
+Changes the counter by the amount you enter. Use a positive number to increase the counter, or a negative number to decrease it.
+* **Set**
+Sets the counter to a new value.
+
+For example, a command can use **Update Counter** to increase a counter by `1` every time the command is used.
+
+---
+
+## **Counter Variables**
+
+Counters have variables that can be used in chat messages, effects, overlays, and other fields that support variables.
+
+| Variable                | Description                                                                        |
+|-------------------------|------------------------------------------------------------------------------------|
+| `$counter[name]`        | Displays the value of the given counter.                                           |
+| `$counterChange`        | Shows how much the counter increased or decreased.                                 |
+| `$counterMaximum`       | Shows the maximum value of the counter, or an empty string if there is no maximum. |
+| `$counterMinimum`       | Shows the minimum value of the counter, or an empty string if there is no minimum. |
+| `$counterName`          | Shows the name of the counter.                                                     |
+| `$counterNewValue`      | Shows the new value of the counter after it updates.                               |
+| `$counterPreviousValue` | Shows the previous value of the counter before it updated.                         |
+|                         |                                                                                    |
+
+Use `$counter[name]` when you want to get the current value of a specific counter.
+
+For example: `$counter[BlameChat]`
+
+This returns the current value of the `BlameChat` counter.
+
+<Note type="info">
+    Use `$counterNewValue` in **Effects On Update** when you want the value after the counter changes.
+</Note>
+
+---
+
+## **Counter Text File**
+
+Each counter has a text file that stores the current value.
+
+You can use this file in broadcasting software to show the counter value on stream.
+
+Open the counter editor and expand **How do I use this?** to view and copy the text file path for that counter.
+
+---
+
+## **Editing a Counter**
+
+Existing counters are shown in the **Counters** tab. Each row shows the counter name, current value, minimum value, maximum value, and tags.
+
+To manage a counter, click the three dot menu on the counter or right-click the counter row.
+
+* **Edit**
+Opens the counter editor so you can change the name, values, and effects.
+* **Duplicate**
+Creates a copy of the counter.
+* **Delete**
+Deletes the counter.
+* **Move to**
+Moves the counter up or down for organizing.
+
+You can also drag the handle on the right side of a counter row to reorganize counters.
+
+---
+
+## **Effects On Update**
+
+Counters can run effects when their value changes.
+
+These effects only run when the counter is updated by the **Update Counter** effect. This is useful when you want something to happen automatically after the counter changes.
+
+For example, you could send a chat message every time a counter updates, using `$counterNewValue` in the message.
+
+<Note type="info">
+    Effects On Update do not run just because `$counter[name]` is used. They run when the counter is changed by the **Update Counter** effect.
+</Note>
+
+---
+
+## **Tags**
+
+Tags help organize counters.
+
+The filter dropdown at the top of the **Counters** tab can show all counters or only counters with a selected tag.
+
+Use `Edit tags` from the filter dropdown to manage the available tags.
+
+---
+
+## Counter Example: Blame Chat Command
+
+You want a command that increases a counter and posts the new counter value in chat.
+
+1. Open **Counters** in Firebot.
+2. Click `New Counter`.
+3. Set **Name** to `BlameChat`.
+4. Add a `Chat` effect.
+5. Use `$counterNewValue` in the chat message to get the new counter value after the update.
+    * **Example:** `Chat has been blamed $counterNewValue times!`
+6. Click `Save`.
+7. Open **Commands**.
+8. Create or edit the command you want to use, for example `!blamechat`.
+9. Add an **Update Counter** effect.
+10. Select the `BlameChat` counter.
+11. Set **Mode** to `Increment`.
+12. Set **Increment Amount** to `1`.
+13. Click `Save`.
+
+When someone uses the command, Firebot updates the counter and posts the message with the new counter value in chat.
\ No newline at end of file
diff --git a/src/app/v5/core/hotkeys/page.mdx b/src/app/v5/core/hotkeys/page.mdx
new file mode 100644
index 0000000..d73278f
--- /dev/null
+++ b/src/app/v5/core/hotkeys/page.mdx
@@ -0,0 +1,119 @@
+# Hotkeys
+
+Hotkeys let you trigger Firebot effects by pressing a key or key combination on your keyboard.
+
+You can access **Hotkeys** in the main navigation sidebar under **Triggers**.
+
+Hotkeys are useful when you want to manually trigger stream actions without typing a command in chat. For example, you can use a hotkey to play a sound, show an overlay alert, change a scene, run a preset effect list, or trigger any other effects you set up.
+
+---
+
+## **Creating a Hotkey**
+
+To create a new hotkey, click `New Hotkey` in the **Hotkeys** tab. This opens the hotkey editor.
+
+The hotkey editor lets you name the hotkey, record the keybind, and attach the effects Firebot should run when the hotkey is pressed.
+
+* **Name**
+This is the name shown for the hotkey in Firebot. Use a clear name so you know what the hotkey is for.
+* **Keybind**
+This is the key or key combination that will trigger the hotkey.
+* **Effects**
+These are the effects Firebot will run when the hotkey is pressed.
+
+Click `Record Keybind`, then press the key or key combination you want to use.
+
+Click `Stop` when you are finished recording the keybind.
+
+Click `Save` when you are finished.
+
+---
+
+## **Important Hotkey Guidelines**
+
+Firebot shows these guidelines when creating a hotkey:
+
+* Firebot cannot override hotkeys already reserved by other applications.
+* Firebot cannot detect conflicts with hotkeys from other applications.
+* Binding to a single letter will prevent typing that letter in other applications.
+* Hotkeys are temporarily disabled while the hotkey editor is open.
+
+<Note type="warning">
+    For most hotkeys, it is better to use a key combination like `Ctrl + Shift + K` instead of a single letter like `K`.
+</Note>
+
+---
+
+## **Virtual Buttons**
+
+Some keyboards do not have every possible key available.
+
+The **Advanced** section lets you add virtual buttons such as `F13`, `F14`, `F15`, and up to `F24`.
+
+These keys are useful because they are less likely to conflict with normal typing or common application shortcuts.
+
+To add one, expand **Advanced**, choose a virtual button from the dropdown, then add it to the hotkey.
+
+---
+
+## **Editing a Hotkey**
+
+Existing hotkeys are shown in the **Hotkeys** tab. Each row shows the hotkey name, keybind, tags, and active status.
+
+To manage a hotkey, click the three dot menu on the hotkey or right-click the hotkey row.
+
+* **Edit**
+Opens the hotkey editor so you can change the name, keybind, and effects.
+* **Enable Hotkey / Disable Hotkey**
+Enables or disables the hotkey.
+* **Delete**
+Deletes the hotkey.
+* **Effect Queues**
+Assigns the hotkey to an effect queue.
+* **Move to**
+Moves the hotkey up or down for organizing.
+
+You can also drag the handle on the right side of a hotkey row to reorganize hotkeys.
+
+<Note type="info">
+    You can learn more about effect queues here: [Effect Queues](/v5/core/effect-queues).
+</Note>
+
+---
+
+## **Effects**
+
+Hotkeys can run the same kind of effects as other Firebot triggers.
+
+<Note type="info">
+    You can learn more about effects here: [Effects](/v5/core/effects).
+</Note>
+
+---
+
+## **Tags**
+
+Tags help organize hotkeys.
+
+The filter dropdown at the top of the **Hotkeys** tab can show all hotkeys or only hotkeys with a selected tag.
+
+Use `Edit tags` from the filter dropdown to manage the available tags.
+
+---
+
+## Hotkey Example: Post Twitch Message
+
+You want a hotkey that posts a Twitch chat message.
+
+1. Open **Hotkeys** in Firebot.
+2. Click `New Hotkey`.
+3. Set **Name** to `Post Twitch Message`.
+4. Click `Record Keybind`.
+5. Press the key combination you want to use.
+6. Add `Chat` to send a chat message.
+7. Set `Chat as` to `Streamer` or `Bot` if you have a Twitch bot account connected.
+8. Set `Chat message` to the message you want to post in Twitch chat.
+9. Click `Add` to add the chat effect to the hotkey.
+10. Click `Save`.
+
+When you press the hotkey, Firebot will run the effects attached to it.
\ No newline at end of file
diff --git a/src/app/v5/core/overlay-widgets/page.mdx b/src/app/v5/core/overlay-widgets/page.mdx
new file mode 100644
index 0000000..1838f0f
--- /dev/null
+++ b/src/app/v5/core/overlay-widgets/page.mdx
@@ -0,0 +1,910 @@
+# Overlay Widgets
+
+Overlay Widgets are visual elements that can be shown on your Firebot overlay.
+
+You can access **Overlay Widgets** in the main navigation sidebar under **Triggers**.
+
+Overlay Widgets are useful when you want something visible on stream, such as chat, text, images, counters, countdowns, progress bars, or custom widgets.
+
+<Note type="info">
+    Overlay Widgets only appear on stream if your Firebot overlay is added to your broadcasting software as a browser source.
+</Note>
+
+---
+
+## **Creating an Overlay Widget**
+
+To create a new widget, click `New Overlay Widget` in the **Overlay Widgets** tab. This opens the widget editor.
+
+The widget editor lets you choose the widget type, name the widget, choose an overlay instance, configure the widget settings, and set where it should appear on the overlay.
+
+Available widget types include:
+
+* **Chat**
+* **Chat (Advanced)**
+* **Countdown Timer (Dynamic)**
+* **Countdown to Date**
+* **Counter Display**
+* **Current Date / Time**
+* **Custom Widget**
+* **Custom Widget (Advanced)**
+* **Image**
+* **Progress Bar**
+* **Text**
+
+Click `Save` when you are finished.
+
+<Note type="info">
+    Each widget type has different settings. Choose the widget type based on what you want to show on stream.
+</Note>
+
+---
+
+## **Widget Position**
+
+Most widgets share the same position controls.
+
+The position editor lets you place and resize the widget inside the overlay canvas. You can drag the widget, resize it, or enter exact values.
+
+| Option               | What it does                                          |
+|----------------------|-------------------------------------------------------|
+| **Overlay Instance** | Selects which overlay instance the widget belongs to. |
+| **X Position (px)**  | Sets the widget's horizontal position in pixels.      |
+| **Y Position (px)**  | Sets the widget's vertical position in pixels.        |
+| **Width (px)**       | Sets the widget width in pixels.                      |
+| **Height (px)**      | Sets the widget height in pixels.                     |
+| **Z-index**          | Controls the widget's layer order.                    |
+|                      |                                                       |
+
+Use **Z-index** when widgets overlap. A higher value appears above a lower value.
+
+---
+
+## **Chat**
+
+The **Chat** widget shows Twitch chat on your overlay.
+
+Use this when you want a regular chat feed on stream without writing custom HTML or CSS.
+
+### Display Options
+
+| Option                        | What it does                                                                             |
+|-------------------------------|------------------------------------------------------------------------------------------|
+| **Show Timestamps**           | Shows timestamps next to chat messages.                                                  |
+| **Show Viewer Avatars**       | Shows the chatter's profile image next to their message.                                 |
+| **Show Chat Badges**          | Shows Twitch badges such as sub badges, Bits badges, and other chat badges.              |
+| **Show Pronouns**             | Shows chatter pronouns when available from [Twitch Chat Pronouns](https://pr.alejo.io/). |
+| **Show Shared Chat Messages** | Shows messages sent from other channels during a shared chat session.                    |
+| **Show Announcements**        | Shows chat announcements sent by the streamer or moderators.                             |
+|                               |                                                                                          |
+
+### Message Timing
+
+| Option                            | What it does                                                               |
+|-----------------------------------|----------------------------------------------------------------------------|
+| **Add Message Delay**             | Delays messages before they are sent to the widget. Useful for moderation. |
+| **New Message Entry Animation**   | Sets the animation used when new messages appear.                          |
+| **Automatically Remove Messages** | Removes messages from the widget after a set amount of time.               |
+|                                   |                                                                            |
+
+### Message Layout
+
+| Option                | What it does                                      |
+|-----------------------|---------------------------------------------------|
+| **Message Style**     | Controls how usernames and messages are shown.    |
+| **Compact**           | Shows the username and message on the same line.  |
+| **Modern (Expanded)** | Shows the username and message on separate lines. |
+| **Chat Order**        | Controls where new messages appear.               |
+| **Normal**            | New messages appear at the bottom of the feed.    |
+| **Reversed**          | New messages appear at the top of the feed.       |
+|                       |                                                   |
+
+### Message Types
+
+| Option                        | What it does                                                 |
+|-------------------------------|--------------------------------------------------------------|
+| **Action Display Format**     | Controls how `/me` messages are displayed.                   |
+| **Modern**                    | Shows action text like normal chat text, but italicized.     |
+| **Classic**                   | Shows action text in the username color, but not italicized. |
+| **Highlighted Message Style** | Controls how highlighted Twitch messages are displayed.      |
+| **Normal**                    | Highlighted messages look like regular chat messages.        |
+| **Highlighted**               | Highlighted messages use a different background color.       |
+|                               |                                                              |
+
+### Filtering and Emotes
+
+| Option                                  | What it does                                   |
+|-----------------------------------------|------------------------------------------------|
+| **Enabled Third-Party Emote Providers** | Enables supported third-party emote providers. |
+| **BTTV**                                | Enables BetterTTV emotes.                      |
+| **7TV**                                 | Enables 7TV emotes.                            |
+| **FFZ**                                 | Enables FrankerFaceZ emotes.                   |
+| **Hidden Users**                        | Hides messages from selected usernames.        |
+|                                         |                                                |
+
+<Note type="info">
+    Third-party emote providers enabled in the Chat widget must also be enabled in Dashboard settings before emotes from those services will show.
+</Note>
+
+### Alignment and Spacing
+
+| Option                     | What it does                                                      |
+|----------------------------|-------------------------------------------------------------------|
+| **Horizontal Alignment**   | Aligns chat messages left or right inside the widget area.        |
+| **Vertical Alignment**     | Aligns chat messages to the top or bottom inside the widget area. |
+| **Space Between Messages** | Sets the spacing between messages in pixels.                      |
+|                            |                                                                   |
+
+### Font Options
+
+| Option                        | What it does                                                    |
+|-------------------------------|-----------------------------------------------------------------|
+| **Username Font Options**     | Controls username font, size, weight, and italic styling.       |
+| **Chat Message Font Options** | Controls message font, color, size, weight, and italic styling. |
+|                               |                                                                 |
+
+---
+
+## **Chat (Advanced)**
+
+The **Chat (Advanced)** widget shows Twitch chat on your overlay using custom HTML and CSS.
+
+Use this when you want to build your own chat layout instead of using the standard **Chat** widget.
+
+<Note type="warning">
+    Chat (Advanced) expects valid HTML and CSS. Broken templates can stop messages from displaying correctly.
+</Note>
+
+### CSS Template
+
+The **CSS Template** field is where you add CSS styles and custom CSS classes for the widget.
+
+Firebot automatically puts this CSS inside a `<style>` tag.
+
+| Field                       | What it inserts                                                                                       |
+|-----------------------------|-------------------------------------------------------------------------------------------------------|
+| `{{messageContainerClass}}` | The chat message container `<div>` created by the widget. New messages are added inside this element. |
+| `{{messageClass}}`          | The message `<div>` created by the widget for a single chat message.                                  |
+|                             |                                                                                                       |
+
+### Message HTML Templates
+
+The **Default Message HTML Template** controls the HTML used when Firebot creates normal chat messages.
+
+| Field                    | What it inserts                                                    |
+|--------------------------|--------------------------------------------------------------------|
+| `{{avatarUrl}}`          | URL for the chatter's avatar.                                      |
+| `{{badges}}`             | HTML for chat badges. Each badge is converted to an `<img>` tag.   |
+| `{{chatMessage}}`        | Chat message with formatted emotes and cheermotes.                 |
+| `{{chatMessageRawText}}` | Raw chat message text without formatting for emotes or cheermotes. |
+| `{{pronouns}}`           | Chatter's pronouns, if set.                                        |
+| `{{timestamp}}`          | Timestamp of when the message was sent.                            |
+| `{{username}}`           | Chatter's display name.                                            |
+| `{{usernameColor}}`      | Chatter's username color in hex format, such as `#0066FF`.         |
+|                          |                                                                    |
+
+### Action Messages
+
+The **Action HTML Template** controls the HTML used for `/me` messages.
+
+Enable **Use Separate Template for Actions** when you want `/me` messages to look different from normal chat messages.
+
+<Note type="info">
+    The Action HTML Template can use the same fields as the Default Message HTML Template.
+</Note>
+
+### Highlighted Messages
+
+The **Highlighted Message HTML Template** controls the HTML used for messages sent with Twitch's **Highlight My Message** Channel Reward.
+
+Enable **Use Separate Template for Highlighted Messages** when you want highlighted messages to use different HTML from normal chat messages.
+
+<Note type="info">
+    The Highlighted Message HTML Template can use the same fields as the Default Message HTML Template.
+</Note>
+
+### Message Options
+
+| Option                            | What it does                                                               |
+|-----------------------------------|----------------------------------------------------------------------------|
+| **Show Shared Chat Messages**     | Shows messages sent from other channels during a shared chat session.      |
+| **Show Announcements**            | Shows chat announcements sent by the streamer or moderators.               |
+| **Add Message Delay**             | Delays messages before they are sent to the widget. Useful for moderation. |
+| **New Message Entry Animation**   | Sets the animation used when new messages appear.                          |
+| **Automatically Remove Messages** | Removes messages from the widget after a set amount of time.               |
+|                                   |                                                                            |
+
+### Emotes and Filtering
+
+| Option                                  | What it does                                   |
+|-----------------------------------------|------------------------------------------------|
+| **Enabled Third-Party Emote Providers** | Enables supported third-party emote providers. |
+| **BTTV**                                | Enables BetterTTV emotes.                      |
+| **7TV**                                 | Enables 7TV emotes.                            |
+| **FFZ**                                 | Enables FrankerFaceZ emotes.                   |
+| **Hidden Users**                        | Hides messages from selected usernames.        |
+|                                         |                                                |
+
+<Note type="info">
+    Third-party emote providers enabled in the Chat (Advanced) widget must also be enabled in Dashboard settings before emotes from those services will show.
+</Note>
+
+---
+
+## **Countdown Timer (Dynamic)**
+
+The **Countdown Timer (Dynamic)** widget shows a countdown timer on your overlay.
+
+Use this when you want a timer that can be controlled dynamically by Firebot effects instead of only being set once in the widget settings.
+
+### Animation Options
+
+| Option              | What it does                                  |
+|---------------------|-----------------------------------------------|
+| **Entry Animation** | Sets the animation used when the timer shows. |
+| **Exit Animation**  | Sets the animation used when the timer hides. |
+|                     |                                               |
+
+### Timer Display
+
+| Option             | What it does                                                             |
+|--------------------|--------------------------------------------------------------------------|
+| **Font Options**   | Controls the timer font, color, size, weight, and italic styling.        |
+| **Text Alignment** | Aligns the countdown text left, center, or right inside the widget area. |
+|                    |                                                                          |
+
+### Timer Behavior
+
+| Option                  | What it does                                                          |
+|-------------------------|-----------------------------------------------------------------------|
+| **Run When Inactive**   | Keeps the countdown running when the widget is not active or visible. |
+| **On Complete Effects** | Runs effects when the countdown reaches zero.                         |
+|                         |                                                                       |
+
+<Note type="info">
+    Use **On Complete Effects** when you want something to happen automatically after the timer ends, such as sending a chat message, changing scenes, playing a sound, or triggering another effect.
+</Note>
+
+<Note type="info">
+    You can learn more about effects here: [Effects](/v5/core/effects).
+</Note>
+
+---
+
+## **Countdown to Date**
+
+The **Countdown to Date** widget shows a countdown to a specific date and time on your overlay.
+
+Use this when you want a fixed countdown for something like a stream event, launch, birthday, deadline, or scheduled reveal.
+
+### Countdown Settings
+
+| Option               | What it does                                                         |
+|----------------------|----------------------------------------------------------------------|
+| **Target Date/Time** | Sets the date and time the countdown should reach zero.              |
+| **Format**           | Controls how the remaining time is displayed.                        |
+| **Simple**           | Shows the timer in a compact format, such as `8:35:42`.              |
+| **Human-readable**   | Shows the timer in words, such as `8 hours, 35 minutes, 42 seconds`. |
+|                      |                                                                      |
+
+### Animation Options
+
+| Option              | What it does                                  |
+|---------------------|-----------------------------------------------|
+| **Entry Animation** | Sets the animation used when the timer shows. |
+| **Exit Animation**  | Sets the animation used when the timer hides. |
+|                     |                                               |
+
+### Timer Display
+
+| Option                   | What it does                                                    |
+|--------------------------|-----------------------------------------------------------------|
+| **Font Options**         | Controls the timer font, color, size, weight, and italic style. |
+| **Horizontal Alignment** | Aligns the countdown text left, center, or right.               |
+| **Vertical Alignment**   | Aligns the countdown text to the top, center, or bottom.        |
+|                          |                                                                 |
+
+### Completion
+
+| Option                  | What it does                                  |
+|-------------------------|-----------------------------------------------|
+| **On Complete Effects** | Runs effects when the countdown reaches zero. |
+|                         |                                               |
+
+<Note type="info">
+    Use **On Complete Effects** when you want Firebot to do something automatically when the countdown ends, such as posting a chat message, playing a sound, changing scenes, or showing another overlay.
+</Note>
+
+<Note type="info">
+    You can learn more about effects here: [Effects](/v5/core/effects).
+</Note>
+
+---
+
+## **Counter Display**
+
+The **Counter Display** widget shows the value of a Firebot counter on your overlay.
+
+Use this when you want a counter visible on stream, such as deaths, wins, attempts, streaks, or any other number you track with Firebot.
+
+### Counter
+
+| Option      | What it does                                                       |
+|-------------|--------------------------------------------------------------------|
+| **Counter** | Selects which Firebot counter value should be shown in the widget. |
+|             |                                                                    |
+
+<Note type="info">
+    Create the counter from the **Counters** tab before selecting it in the Counter Display widget.
+</Note>
+
+<Note type="info">
+    You can learn more about counters here: [Counters](/v5/core/counters).
+</Note>
+
+### Animation Options
+
+| Option              | What it does                                    |
+|---------------------|-------------------------------------------------|
+| **Entry Animation** | Sets the animation used when the counter shows. |
+| **Exit Animation**  | Sets the animation used when the counter hides. |
+|                     |                                                 |
+
+### Counter Value
+
+| Option                   | What it does                                                            |
+|--------------------------|-------------------------------------------------------------------------|
+| **Counter Font Options** | Controls the counter value font, color, size, weight, and italic style. |
+|                          |                                                                         |
+
+### Counter Name
+
+| Option                        | What it does                                                           |
+|-------------------------------|------------------------------------------------------------------------|
+| **Show Counter Name**         | Shows the counter name above the counter value.                        |
+| **Counter Name Font Options** | Controls the counter name font, color, size, weight, and italic style. |
+|                               |                                                                        |
+
+### Text Alignment
+
+| Option             | What it does                                                       |
+|--------------------|--------------------------------------------------------------------|
+| **Text Alignment** | Aligns the counter text left, center, or right in the widget area. |
+|                    |                                                                    |
+
+---
+
+## **Current Date / Time**
+
+The **Current Date / Time** widget shows the current date, time, or both on your overlay.
+
+Use this when you want a clock, date label, stream timestamp, or any other live time display.
+
+### Format
+
+| Option     | What it does                                                                                                                                         |
+|------------|------------------------------------------------------------------------------------------------------------------------------------------------------|
+| **Format** | Controls how the current date and time are displayed. Uses [Luxon formatting rules](https://moment.github.io/luxon/#/formatting?id=table-of-tokens). |
+|            |                                                                                                                                                      |
+
+Example format: `DD h:mm:ss a`
+
+### Animation Options
+
+| Option              | What it does                                   |
+|---------------------|------------------------------------------------|
+| **Entry Animation** | Sets the animation used when the widget shows. |
+| **Exit Animation**  | Sets the animation used when the widget hides. |
+|                     |                                                |
+
+### Date and Time Display
+
+| Option                   | What it does                                                      |
+|--------------------------|-------------------------------------------------------------------|
+| **Font Options**         | Controls the font, color, size, weight, and italic style.         |
+| **Horizontal Alignment** | Aligns the text left, center, or right in the widget area.        |
+| **Vertical Alignment**   | Aligns the text to the top, center, or bottom of the widget area. |
+|                          |                                                                   |
+
+<Note type="info">
+    Change the Format field when you want to show only the time, only the date, or a custom date and time layout.
+</Note>
+
+---
+
+## **Custom Widget**
+
+The **Custom Widget** lets you build your own overlay widget with HTML and JavaScript.
+
+Use this when the built-in widgets do not cover what you need, or when you want a widget that reacts to Firebot effects.
+
+### Widget Code
+
+| Option               | What it does                                                                                          |
+|----------------------|-------------------------------------------------------------------------------------------------------|
+| **HTML**             | Sets the initial HTML shown inside the widget.                                                        |
+| **onShow JS**        | Runs JavaScript when the widget is shown. Runs inside an async function, so `await` is supported.     |
+| **onStateUpdate JS** | Runs JavaScript when the widget state is updated by the **Set Custom Widget State** effect.           |
+| **onMessage JS**     | Runs JavaScript when the widget receives a message from the **Send Message to Custom Widget** effect. |
+|                      |                                                                                                       |
+
+### Available JS Values
+
+These values are available in **onShow JS** and **onStateUpdate JS**.
+
+| Value                                                                | What it is                               |
+|----------------------------------------------------------------------|------------------------------------------|
+| `containerElement`                                                   | The root HTML element of the widget.     |
+| `widgetId`                                                           | This widget's unique ID.                 |
+| `widgetState`                                                        | The current state of the widget, if any. |
+| `utils.sendMessageToFirebot(messageName: string, messageData?: any)` | Sends a message back to Firebot.         |
+|                                                                      |                                          |
+
+These values are available in **onMessage JS**.
+
+| Value                                                                | What it is                               |
+|----------------------------------------------------------------------|------------------------------------------|
+| `containerElement`                                                   | The root HTML element of the widget.     |
+| `widgetId`                                                           | This widget's unique ID.                 |
+| `widgetState`                                                        | The current state of the widget, if any. |
+| `messageName`                                                        | The name of the received message.        |
+| `messageData`                                                        | The data sent with the message, if any.  |
+| `utils.sendMessageToFirebot(messageName: string, messageData?: any)` | Sends a message back to Firebot.         |
+|                                                                      |                                          |
+
+### Animation Options
+
+| Option              | What it does                                   |
+|---------------------|------------------------------------------------|
+| **Entry Animation** | Sets the animation used when the widget shows. |
+| **Exit Animation**  | Sets the animation used when the widget hides. |
+|                     |                                                |
+
+<Note type="info">
+    Custom Widgets can receive messages from the **Send Message to Custom Widget** effect and state updates from the **Set Custom Widget State** effect.
+</Note>
+
+<Note type="info">
+    You can learn more about effects here: [Effects](/v5/core/effects).
+</Note>
+
+---
+
+## **Custom Widget (Advanced)**
+
+**Custom Widget (Advanced)** gives you one event script instead of separate scripts for showing, state updates, messages, and removal.
+
+Use this when you want full control over how the widget reacts to overlay events.
+
+### Event Script
+
+| Option         | What it does                                                                                                |
+|----------------|-------------------------------------------------------------------------------------------------------------|
+| **onEvent JS** | Runs JavaScript when the widget receives any event. Runs inside an async function, so `await` is supported. |
+|                |                                                                                                             |
+
+### Event Names
+
+The `eventName` value tells you what happened.
+
+| Event name        | When it runs                     |
+|-------------------|----------------------------------|
+| `show`            | The widget is shown.             |
+| `settings-update` | The widget settings are updated. |
+| `state-update`    | The widget state is updated.     |
+| `message`         | The widget receives a message.   |
+| `remove`          | The widget is removed.           |
+|                   |                                  |
+
+### Available JS Values
+
+| Value                                                                | What it is                                                                                                |
+|----------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------|
+| `eventName`                                                          | The name of the received event. Can be `show`, `settings-update`, `state-update`, `message`, or `remove`. |
+| `widgetId`                                                           | This widget's unique ID.                                                                                  |
+| `widgetState`                                                        | The current state of the widget, if any.                                                                  |
+| `messageName`                                                        | The name of the received message. Only available when `eventName` is `message`.                           |
+| `messageData`                                                        | The data sent with the message, if any. Only available when `eventName` is `message`.                     |
+| `overlayWrapperElement`                                              | The official root element of the overlay. Use this for DOM changes.                                       |
+| `utils.stylesToString(styles)`                                       | Converts a styles object to an inline CSS string.                                                         |
+| `utils.sendMessageToFirebot(messageName: string, messageData?: any)` | Sends a message back to Firebot.                                                                          |
+|                                                                      |                                                                                                           |
+
+<Note type="info">
+    Use **Custom Widget** for separate script fields. Use **Custom Widget (Advanced)** when you want one script to handle every widget event.
+</Note>
+
+<Note type="info">
+    Advanced custom widgets can receive messages from the **Send Message to Custom Widget** effect and state updates from the **Set Custom Widget State** effect.
+</Note>
+
+<Note type="info">
+    You can learn more about effects here: [Effects](/v5/core/effects).
+</Note>
+
+---
+
+## **Image**
+
+The **Image** widget shows an image on your overlay.
+
+Use this for static graphics, logos, character art, panels, sponsor images, or any image you want to place on stream.
+
+### Image Source
+
+| Option         | What it does                                                          |
+|----------------|-----------------------------------------------------------------------|
+| **Image Type** | Chooses whether the image comes from a local file or a URL.           |
+| **Local File** | Uses an image file from your computer.                                |
+| **URL**        | Uses an image from an external image URL.                             |
+| **Image File** | Lets you choose the local image file when **Local File** is selected. |
+| **Image URL**  | Sets the image URL when **URL** is selected.                          |
+|                |                                                                       |
+
+### Animation Options
+
+| Option              | What it does                                    |
+|---------------------|-------------------------------------------------|
+| **Entry Animation** | Sets the animation used when the image appears. |
+| **Exit Animation**  | Sets the animation used when the image hides.   |
+|                     |                                                 |
+
+<Note type="info">
+    Use **Local File** for images stored with your setup. Use **URL** when the image is hosted online and should load from a web address.
+</Note>
+
+---
+
+## **Progress Bar**
+
+The **Progress Bar** widget shows a value as a filled bar.
+
+Use this for goals, counters, timers, health bars, donation progress, event progress, or anything else that needs a visual fill amount.
+
+### Display Options
+
+| Option                    | What it does                                                                                               |
+|---------------------------|------------------------------------------------------------------------------------------------------------|
+| **Title**                 | Sets the text shown with the progress bar.                                                                 |
+| **Current Value Display** | Controls how the current value is shown in the center of the bar.                                          |
+| **Hide**                  | Does not show the current value.                                                                           |
+| **Raw Value**             | Shows the current value as a number.                                                                       |
+| **Percentage**            | Shows the current value as a percentage.                                                                   |
+| **Show Max Value**        | Shows the maximum value at the end of the bar.                                                             |
+| **Value Prefix**          | Adds text before values, such as `$`, `#`, or another prefix. This is not shown when using **Percentage**. |
+|                           |                                                                                                            |
+
+### Font Options
+
+| Option           | What it does                                             |
+|------------------|----------------------------------------------------------|
+| **Font Options** | Controls the font used for the text on the progress bar. |
+| **Name**         | Sets the font family.                                    |
+| **Color**        | Sets the text color.                                     |
+| **Size**         | Sets the text size in pixels.                            |
+| **Weight**       | Sets the font weight.                                    |
+| **Italic**       | Makes the text italic.                                   |
+|                  |                                                          |
+
+### Bar Style
+
+| Option              | What it does                                                 |
+|---------------------|--------------------------------------------------------------|
+| **Track Color**     | Sets the background color behind the filled part of the bar. |
+| **Bar Color**       | Sets the fill color of the progress bar.                     |
+| **End Cap Style**   | Sets the shape of the bar ends.                              |
+| **Rounded**         | Uses rounded bar ends.                                       |
+| **Squared**         | Uses square bar ends.                                        |
+| **Bar Orientation** | Sets the overall direction of the bar.                       |
+| **Horizontal**      | Displays the bar sideways.                                   |
+| **Vertical**        | Displays the bar up and down.                                |
+| **Fill Direction**  | Sets which direction the bar fills as progress increases.    |
+| **Left to Right**   | Fills the bar from left to right.                            |
+| **Right to Left**   | Fills the bar from right to left.                            |
+|                     |                                                              |
+
+### Values
+
+| Option            | What it does                          |
+|-------------------|---------------------------------------|
+| **Minimum Value** | Sets the value where the bar starts.  |
+| **Maximum Value** | Sets the value where the bar is full. |
+|                   |                                       |
+
+### Effects
+
+| Option                  | What it does                                                  |
+|-------------------------|---------------------------------------------------------------|
+| **On Update Effects**   | Runs effects when the progress bar value is updated.          |
+| **On Complete Effects** | Runs effects when the progress bar reaches its maximum value. |
+|                         |                                                               |
+
+<Note type="info">
+    A progress bar needs a minimum value and maximum value so Firebot can calculate how much of the bar should be filled.
+</Note>
+
+<Note type="info">
+    You can learn more about effects here: [Effects](/v5/core/effects).
+</Note>
+
+---
+
+## **Text**
+
+The **Text** widget shows a line of custom text on the overlay.
+
+Use this for labels, stream messages, scene text, reminders, social links, or any short text you want to place on screen.
+
+### Text Content
+
+| Option   | What it does                       |
+|----------|------------------------------------|
+| **Text** | Sets the text shown by the widget. |
+|          |                                    |
+
+### Font Options
+
+| Option           | What it does                  |
+|------------------|-------------------------------|
+| **Font Options** | Controls how the text looks.  |
+| **Name**         | Sets the font family.         |
+| **Color**        | Sets the text color.          |
+| **Size**         | Sets the text size in pixels. |
+| **Weight**       | Sets the font weight.         |
+| **Italic**       | Makes the text italic.        |
+|                  |                               |
+
+### Alignment
+
+| Option                   | What it does                                                      |
+|--------------------------|-------------------------------------------------------------------|
+| **Horizontal Alignment** | Sets the text position from left to right inside the widget area. |
+| **Left**                 | Aligns the text to the left.                                      |
+| **Center**               | Centers the text horizontally.                                    |
+| **Right**                | Aligns the text to the right.                                     |
+| **Vertical Alignment**   | Sets the text position from top to bottom inside the widget area. |
+| **Top**                  | Aligns the text to the top.                                       |
+| **Center**               | Centers the text vertically.                                      |
+| **Bottom**               | Aligns the text to the bottom.                                    |
+|                          |                                                                   |
+
+<Note type="info">
+    The text is placed inside the widget area. If the text looks off-center, check the widget position, width, height, and alignment settings.
+</Note>
+
+---
+
+## **Editing an Overlay Widget**
+
+Existing widgets are shown in the **Overlay Widgets** tab. Each row shows the widget name, tags, and active status.
+
+To manage a widget, click the three dot menu on the widget or right-click the widget row.
+
+| Option               | What it does                                          |
+|----------------------|-------------------------------------------------------|
+| **Edit**             | Opens the widget editor so you can change the widget. |
+| **Enable / Disable** | Turns the widget on or off.                           |
+| **Duplicate**        | Creates a copy of the widget.                         |
+| **Delete**           | Deletes the widget.                                   |
+| **Move to**          | Moves the widget up or down for organizing.           |
+|                      |                                                       |
+
+<Note type="info">
+    You can also drag the handle on the right side of a widget row to reorganize widgets.
+</Note>
+
+---
+
+## **Overlay Widget Effects**
+
+Firebot includes effects that can control Overlay Widgets from commands, events, hotkeys, Channel Rewards, Power-Ups, and other triggers.
+
+| Effect                             | What it does                                                              |
+|------------------------------------|---------------------------------------------------------------------------|
+| **Toggle Overlay Widgets**         | Toggles, enables, or disables selected overlay widgets.                   |
+| **Update Overlay Widget Settings** | Updates or resets settings on an existing overlay widget.                 |
+| **Send Message to Custom Widget**  | Sends a named message to a Custom Widget or Custom Widget (Advanced).     |
+| **Set Custom Widget State**        | Updates the stored state for a Custom Widget or Custom Widget (Advanced). |
+|                                    |                                                                           |
+
+Use these effects when a widget should change because something happened in Firebot.
+
+For example, a hotkey can enable an image widget, a Channel Reward can update a progress bar, or a command can send JSON data to a custom widget.
+
+<Note type="info">
+    You can learn more about effects here: [Effects](/v5/core/effects).
+</Note>
+
+---
+
+## **Send Message to Custom Widget**
+
+The **Send Message to Custom Widget** effect sends a named message to a **Custom Widget** or **Custom Widget (Advanced)** overlay widget.
+
+Use this when you want an effect to tell a widget to do something, such as show a new value, play an animation, update text, or react to a command.
+
+| Option            | What it does                                      |
+|-------------------|---------------------------------------------------|
+| **Custom Widget** | Selects which custom widget receives the message. |
+| **Name**          | Sets the message name sent to the widget.         |
+| **Data (JSON)**   | Optional JSON data sent with the message.         |
+|                   |                                                   |
+
+<Note type="info">
+    The message is handled in the widget's message script. The message name is available as `messageName`, and the JSON data is available as `messageData`.
+</Note>
+
+<Note type="info">
+    You can learn more about effects here: [Effects](/v5/core/effects).
+</Note>
+
+---
+
+## **Set Custom Widget State**
+
+The **Set Custom Widget State** effect updates the stored state for a **Custom Widget** or **Custom Widget (Advanced)** overlay widget.
+
+Use this when the widget needs to remember data, such as a score, setting, name, list, timer state, or anything else the widget should keep track of.
+
+| Option                                | What it does                                                          |
+|---------------------------------------|-----------------------------------------------------------------------|
+| **Custom Widget**                     | Selects which custom widget receives the state update.                |
+| **New State JSON**                    | Sets the new widget state. Must be valid JSON.                        |
+| **Merge with existing state, if any** | Merges the new state into the existing state instead of replacing it. |
+|                                       |                                                                       |
+
+<Note type="info">
+    State updates are handled in the widget's state update script. The current state is available as `widgetState`.
+</Note>
+
+<Note type="info">
+    You can learn more about effects here: [Effects](/v5/core/effects).
+</Note>
+
+---
+
+## **Toggle Overlay Widgets**
+
+The **Toggle Overlay Widgets** effect changes the active status of selected overlay widgets.
+
+Use this when you want an event, command, hotkey, or other trigger to toggle, enable, or disable one or more overlay widgets.
+
+| Option              | What it does                                                |
+|---------------------|-------------------------------------------------------------|
+| **Mode**            | Controls how the selected overlay widgets should change.    |
+| **Toggle**          | Switches each selected widget to the opposite active state. |
+| **Enable**          | Makes the selected widgets active.                          |
+| **Disable**         | Makes the selected widgets inactive.                        |
+| **Overlay Widgets** | Selects which overlay widgets the effect should change.     |
+|                     |                                                             |
+
+<Note type="info">
+    Use **Toggle** when the same effect should turn the widget on if it is off, or turn it off if it is already on. Use **Enable** or **Disable** when you want a fixed result.
+</Note>
+
+<Note type="info">
+    You can learn more about effects here: [Effects](/v5/core/effects).
+</Note>
+
+---
+
+## **Update Overlay Widget Settings**
+
+The **Update Overlay Widget Settings** effect changes settings for an existing overlay widget.
+
+Use this when you want an effect to move a widget, change its z-index, switch its overlay instance, update widget-specific settings, or reset the widget's settings.
+
+| Option                       | What it does                                      |
+|------------------------------|---------------------------------------------------|
+| **Overlay Widget to Update** | Selects which overlay widget should be updated.   |
+| **Mode**                     | Controls whether settings are updated or reset.   |
+| **Update**                   | Updates selected widget settings with new values. |
+| **Reset**                    | Resets the widget settings to default values.     |
+|                              |                                                   |
+
+### Update Mode
+
+When **Update** is selected, Firebot shows update options for the selected widget.
+
+| Option           | What it does                                     |
+|------------------|--------------------------------------------------|
+| **Save Changes** | Saves the updated settings so they persist.      |
+| **Customize**    | Selects which parts of the widget should change. |
+|                  |                                                  |
+
+### Customize Options
+
+The available options depend on the selected widget type.
+
+| Option                    | What it does                                                  |
+|---------------------------|---------------------------------------------------------------|
+| **Edit Position**         | Lets the effect change the widget position and size.          |
+| **Edit z-index**          | Lets the effect change the widget's layer order.              |
+| **Edit Overlay Instance** | Lets the effect move the widget to another overlay instance.  |
+| **Edit HTML**             | Lets the effect change the HTML for a Custom Widget.          |
+| **Edit onShow JS**        | Lets the effect change the Custom Widget's onShow JS code.    |
+| **Edit onStateUpdate JS** | Lets the effect change the Custom Widget's state update code. |
+| **Edit onMessage JS**     | Lets the effect change the Custom Widget's message code.      |
+|                           |                                                               |
+
+### Reset Mode
+
+When **Reset** is selected, Firebot resets the selected widget's settings to their default values.
+
+<Note type="info">
+    The available update options depend on the selected widget type. For example, Custom Widgets can expose HTML and JavaScript fields, while simpler widgets expose their own display settings.
+</Note>
+
+<Note type="warning">
+    **Reset** restores the selected widget's settings to default values. Use it only when that is the intended result.
+</Note>
+
+<Note type="info">
+    You can learn more about effects here: [Effects](/v5/core/effects).
+</Note>
+
+---
+
+## **Widget Events**
+
+Widget events are internal overlay events that custom widgets can receive and react to.
+
+The **Custom Widget** type splits these into separate script fields, such as **onShow JS**, **onStateUpdate JS**, and **onMessage JS**.
+
+The **Custom Widget (Advanced)** type uses one **onEvent JS** field and gives you the event name.
+
+| Event name        | When it runs                     |
+|-------------------|----------------------------------|
+| `show`            | The widget is shown.             |
+| `settings-update` | The widget settings are updated. |
+| `state-update`    | The widget state is updated.     |
+| `message`         | The widget receives a message.   |
+| `remove`          | The widget is removed.           |
+|                   |                                  |
+
+<Note type="info">
+    Use widget events when you want custom JavaScript to react to overlay changes, messages, state updates, or removal.
+</Note>
+
+<Note type="info">
+    You can learn more about events here: [Events](/v5/core/events).
+</Note>
+
+---
+
+## **Overlay Widget Variables**
+
+Overlay Widgets can be read from supported variable fields with `$overlayWidgetState[]`.
+
+| Variable                                       | What it does                                      |
+|------------------------------------------------|---------------------------------------------------|
+| `$overlayWidgetState[nameOrId]`                | Gets the state of an overlay widget.              |
+| `$overlayWidgetState[nameOrId, path.to.value]` | Gets a nested value from an overlay widget state. |
+|                                                |                                                   |
+
+Use this when another effect, condition, command, or message needs to read data stored in a widget state.
+
+<Note type="info">
+    This only returns useful data when the widget has state to read. Custom Widgets can store state through the **Set Custom Widget State** effect.
+</Note>
+
+<Note type="info">
+    You can learn more about variables here: [Variables](/v5/core/variables).
+</Note>
+
+---
+
+## Overlay Widget Example: Toggle a Widget with a Hotkey
+
+You want a hotkey that toggles an overlay widget on or off.
+
+1. Open **Overlay Widgets** in Firebot.
+2. Create or edit the widget you want to control.
+3. Open **Hotkeys**.
+4. Create or edit the hotkey you want to use.
+5. Add a **Toggle Overlay Widgets** effect.
+6. Set **Mode** to `Toggle`.
+7. Select the overlay widget you want the hotkey to control.
+8. Click `Save`.
+
+When you press the hotkey, Firebot will run the effect and toggle the selected overlay widget.
\ No newline at end of file
diff --git a/src/app/v5/core/power-ups/page.mdx b/src/app/v5/core/power-ups/page.mdx
new file mode 100644
index 0000000..6c790f5
--- /dev/null
+++ b/src/app/v5/core/power-ups/page.mdx
@@ -0,0 +1,95 @@
+# Power-Ups
+
+Power-Ups are Twitch rewards that are redeemed with Bits in the same module as Channel Rewards.
+
+In Firebot, they work similarly to Channel Rewards because they can trigger Firebot effects when they are redeemed.
+
+The main difference is that Power-Ups are created and managed on Twitch. Firebot cannot create, rename, price, enable, or disable Power-Ups. Firebot can attach effects to them so something happens on stream when a viewer redeems one.
+
+You can also open them directly on Twitch here: `https://dashboard.twitch.tv/u/YOUR-CHANNEL/viewer-rewards/channel-points/rewards`
+
+You can access Power-Ups from **Power-ups & Rewards**, located in the main navigation sidebar under **Triggers**. Select the **Power-ups** tab to view them.
+
+<Note type="info">
+    Power-Ups are managed on Twitch. Firebot can only attach and run effects for them.
+</Note>
+
+---
+
+## **Managing Power-Ups**
+
+Click `Manage Power-ups` to open the Twitch dashboard page where Power-Ups are managed.
+
+The Power-Ups list in Firebot shows the Power-Up name, Bits cost, tags, and active status.
+
+The Power-Up limit is shown under the Power-Ups list.
+
+Use the filter dropdown at the top of the tab to show all Power-Ups or only Power-Ups with a selected tag.
+
+<Note type="info">
+    If you need to change the name, Bits cost, availability, or other Twitch-owned settings for a Power-Up, do that from the Twitch dashboard.
+</Note>
+
+---
+
+## **Editing Effects**
+
+To edit what Firebot does when a Power-Up is redeemed, click the three dot menu on the Power-Up or right-click the Power-Up, then select `Edit Effects`.
+
+Power-Ups can run the same kind of effects as other Firebot triggers.
+
+<Note type="info">
+    You can learn more about effects here: [Effects](/v5/core/effects).
+</Note>
+
+---
+
+## **Moving Power-Ups**
+
+The three dot menu and right-click menu also include `Move to`.
+
+Use this to move the Power-Up entry up or down for organizing.
+
+---
+
+## **Tags**
+
+Tags help organize Power-Ups.
+
+The filter dropdown at the top of the **Power-ups** tab can show all Power-Ups or only Power-Ups with a selected tag.
+
+---
+
+## **Power-Up Variables**
+
+Power-Ups have variables that can be used in effects when a Power-Up is redeemed.
+
+| Variable                          | Description                                      |
+|-----------------------------------|--------------------------------------------------|
+| `$powerUpCost`                    | Gets the Bit cost of the current Power-Up.       |
+| `$powerUpDescription`             | Gets the description of the current Power-Up.    |
+| `$powerUpImageUrl`                | Gets the image URL of the current Power-Up.      |
+| `$powerUpCost[powerUpName]`       | Gets the Bit cost of a specific Power-Up.        |
+| `$powerUpDescription[powerUpName]`| Gets the description of a specific Power-Up.     |
+| `$powerUpImageUrl[powerUpName]`   | Gets the image URL of a specific Power-Up.       |
+|                                   |                                                  |
+
+<Note type="info">
+    When using a Power-Up name inside a variable, the name must match exactly.
+</Note>
+
+---
+
+## Power-Up Example: Alert Effect
+
+You want a Power-Up that shows an alert on stream.
+
+1. Create or manage the Power-Up on Twitch.
+2. Open **Power-ups & Rewards** in Firebot.
+3. Select the **Power-ups** tab.
+4. Click the three dot menu on the Power-Up, or right-click the Power-Up.
+5. Select `Edit Effects`.
+6. Add the alert effects you want to run.
+7. Click `Save`.
+
+When someone redeems the Power-Up with Bits, Firebot will run the effects attached to it.
\ No newline at end of file
diff --git a/src/app/v5/core/restrictions/page.mdx b/src/app/v5/core/restrictions/page.mdx
new file mode 100644
index 0000000..0435a29
--- /dev/null
+++ b/src/app/v5/core/restrictions/page.mdx
@@ -0,0 +1,122 @@
+# Restrictions
+
+Restrictions decide whether Firebot should run effects after something is triggered.
+
+They are used when you want something to only run for certain viewers, during certain streams, or under certain channel conditions.
+
+Restrictions can be used in places such as **Commands** and **Channel Rewards**.
+
+<Note type="info">
+    You can learn more about commands here: [Commands](/v5/core/commands).
+</Note>
+
+<Note type="info">
+    You can learn more about Channel Rewards here: [Channel Rewards](/v5/core/channel-rewards).
+</Note>
+
+---
+
+## **Using Restrictions**
+
+Restrictions are added from the **Restrictions** section by clicking the plus button.
+
+When restrictions are added, Firebot checks them before running the effects.
+
+The effects only run when the selected restrictions pass.
+
+Restrictions are useful when something should only work during certain streams, for certain viewers, or when specific channel conditions are met.
+
+---
+
+## **Available Restrictions**
+
+Available restrictions include:
+
+* **Active Chat Users**
+Restricts effects to active chat users.
+* **Channel Category/Game**
+Restricts effects to a specific Twitch category or game.
+* **Channel Currency**
+Restricts effects based on Firebot channel currency amounts.
+* **Channel Viewer Count**
+Restricts effects based on the current viewer count.
+* **Chat Messages**
+Restricts effects based on how many chat messages a viewer has sent.
+* **Custom Variable**
+Restricts effects based on a custom variable set with the **Custom Variable** effect.
+* **Follow Check**
+Restricts effects based on whether the viewer follows one or more channels.
+* **Only When Live**
+Only allows effects to run while the channel is live.
+* **Permissions**
+Restricts effects based on viewer roles or username.
+* **Time / Day**
+Restricts effects to a specific local time or day.
+* **View Time**
+Restricts effects based on how long the viewer has watched the channel.
+
+<Note type="info">
+    You can learn more about custom variables here: [Custom Variables](/v5/guides/custom-variables).
+</Note>
+
+---
+
+## **Restriction Examples**
+
+### Command Restriction
+
+Use restrictions on a command when only certain viewers should be able to use it.
+
+For example, you can make a command only work for moderators, subscribers, the streamer, a custom role, or viewers who meet another condition.
+
+### Channel Reward Restriction
+
+Use restrictions on a Channel Reward when the reward should only run under certain conditions.
+
+For example, you can make a reward only work while live, during a specific category, or when the viewer has enough view time.
+
+### Stream Category Restriction
+
+Use **Channel Category/Game** when something should only run while you are streaming a specific category.
+
+For example, a game-specific command or reward can be restricted so it only works while that game is selected.
+
+### Live Stream Restriction
+
+Use **Only When Live** when something should only run while the stream is online.
+
+This is useful for rewards, commands, reminders, alerts, and effects that should not run while offline.
+
+### Custom Variable Restriction
+
+Use **Custom Variable** when Firebot should check saved data before running effects.
+
+For example, you can use a custom variable to track whether a game is active, whether a viewer is allowed to join, or whether an event is currently open.
+
+<Note type="info">
+    You can learn more about custom variables here: [Custom Variables](/v5/guides/custom-variables).
+</Note>
+
+---
+
+## **Restrictions and Testing**
+
+When testing a Channel Reward, the play button tests the attached effects.
+
+Use `Simulate` when you need to test restrictions, viewer input, or other redemption details that the play button does not cover.
+
+<Note type="info">
+    You can learn more about simulating events here: [Simulate](/v5/core/events#simulating-events).
+</Note>
+
+---
+
+## **Restrictions and Variables**
+
+Some restrictions depend on viewer data, channel data, custom variables, or other stored Firebot values.
+
+Variables can help you understand what data is available when building effects around restrictions.
+
+<Note type="info">
+    You can learn more about variables here: [Variables](/v5/core/variables).
+</Note>
\ No newline at end of file
diff --git a/src/app/v5/core/setups/page.mdx b/src/app/v5/core/setups/page.mdx
new file mode 100644
index 0000000..99cf5dd
--- /dev/null
+++ b/src/app/v5/core/setups/page.mdx
@@ -0,0 +1,203 @@
+# Setups
+
+Setups are exportable Firebot setup files that can include selected Firebot components.
+
+Use Setups when you want to share, move, back up, or reuse a group of Firebot items without manually recreating them.
+
+You can access Setups from the top menu by opening **File** > **Firebot Setups**.
+
+Available setup actions include:
+
+* **Create Firebot Setup**
+* **Import Firebot Setup**
+* **Remove Firebot Setup**
+
+<Note type="info">
+    Setups are separate from your normal Firebot backup files. A Setup is meant for sharing or installing selected components, while a backup is meant for restoring your full Firebot data.
+</Note>
+
+---
+
+## **Creating a Setup**
+
+To create a Setup, open **File** > **Firebot Setups** > **Create Firebot Setup**.
+
+This opens the **Create New Setup** window.
+
+### Setup Details
+
+| Option          | What it does                                                                 |
+|-----------------|------------------------------------------------------------------------------|
+| **Name**        | Sets the name of the Setup.                                                  |
+| **Description** | Adds a description for the Setup. This field supports Markdown.              |
+| **Version**     | Sets the Setup version number. Use this when updating and sharing revisions. |
+|                 |                                                                              |
+
+Use a clear name and description so users know what the Setup adds before they import it.
+
+---
+
+## **Setup Components**
+
+Components are the Firebot items included in the Setup.
+
+Each component section has a `+ Add` button. Click it to open the selector for that component type, then choose the items you want to include.
+
+Available component types include:
+
+| Component Type             | What it includes                 |
+|----------------------------|----------------------------------|
+| **Commands**               | Selected Firebot commands.       |
+| **Counters**               | Selected counters.               |
+| **Currencies**             | Selected channel currencies.     |
+| **Effect Queues**          | Selected effect queues.          |
+| **Events**                 | Selected events.                 |
+| **Event Sets**             | Selected event sets.             |
+| **Hotkeys**                | Selected hotkeys.                |
+| **Overlay Widgets**        | Selected overlay widgets.        |
+| **Preset Effect Lists**    | Selected preset effect lists.    |
+| **Timers**                 | Selected timers.                 |
+| **Scheduled Effect Lists** | Selected scheduled effect lists. |
+| **Variable Macros**        | Selected variable macros.        |
+| **Viewer Roles**           | Selected viewer roles.           |
+| **Viewer Rank Ladders**    | Selected viewer rank ladders.    |
+| **Quick Actions**          | Selected quick actions.          |
+| **Global Values**          | Selected global values.          |
+|                            |                                  |
+
+<Note type="info">
+    Include every component the Setup needs. For example, if a command uses a counter, currency, effect queue, variable macro, or overlay widget, include those related items too.
+</Note>
+
+---
+
+## **Setup Options**
+
+Setup options control how the Setup behaves when another user imports it.
+
+| Option                                | What it does                                                                                                                                             |
+|---------------------------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------|
+| **Require User To Select A Currency** | Makes the user choose one of their currencies during import. Firebot then replaces currency references in included effects, variables, and restrictions. |
+|                                       |                                                                                                                                                          |
+
+Use **Require User To Select A Currency** when the Setup uses a currency but should work with the importer's own currency instead of the one from your Firebot data.
+
+<Note type="info">
+    This is useful for chat games, shop items, rewards, or anything else that needs to work with the user's own currency.
+</Note>
+
+---
+
+## **Import Questions**
+
+Import Questions let you ask the user for values while they import the Setup.
+
+Use these when part of the Setup should be customized by the person importing it, such as a username, amount, command name, text label, URL, or default value.
+
+Click the `+` button under **Import Questions** to add a question.
+
+### Import Question Fields
+
+| Option             | What it does                                                 |
+|--------------------|--------------------------------------------------------------|
+| **Question**       | The question shown to the user during import.                |
+| **Replace Token**  | The token Firebot replaces with the user's answer.           |
+| **Tooltip Text**   | Optional extra text shown as a tooltip for the question.     |
+| **Answer Type**    | Controls what kind of answer the user can enter.             |
+| **Default Answer** | Sets the default answer shown in the answer field. Optional. |
+|                    |                                                              |
+
+### Answer Types
+
+| Answer Type        | What it does                                      |
+|--------------------|---------------------------------------------------|
+| **Text**           | Lets the user enter text.                         |
+| **Number**         | Lets the user enter a number.                     |
+| **Preset Options** | Lets the user choose from preset options you add. |
+|                    |                                                   |
+
+When using **Preset Options**, add the allowed answers under **Preset Options**, then choose a default answer if needed.
+
+### Replace Tokens
+
+The **Replace Token** is the text Firebot searches for inside the included Setup components.
+
+When the Setup is imported, Firebot replaces each matching token with the user's answer.
+
+Example token: `%WagerAmount%`
+
+Example question: `What should the default bet amount be?`
+
+If the user enters `100`, Firebot replaces `%WagerAmount%` with `100` during import.
+
+<Note type="info">
+    Use uncommon token names so Firebot does not replace normal text by accident.
+</Note>
+
+---
+
+## **Media Files**
+
+Setups do not include media files referenced by effects.
+
+<Note type="warning">
+    Media files such as images, videos, sounds, and custom scripts referenced in effects will not be included with the Setup.
+</Note>
+
+If your Setup uses media files, the user importing the Setup must have those files available separately, and scripts installed before importing the Setup.
+
+---
+
+## **Loading a Previous Setup**
+
+Click `Load Previous` to load a Setup you created before.
+
+Use this when you are updating an existing Setup and do not want to select all components again.
+
+After loading a previous Setup, you can change the name, description, version, components, options, or import questions before creating the new file.
+
+---
+
+## **Importing a Setup**
+
+To import a Setup, open **File** > **Firebot Setups** > **Import Firebot Setup**.
+
+Click `Choose File`, then select the Setup file you want to import.
+
+Firebot will read the Setup file and import the included components.
+
+<Note type="info">
+    If the Setup has import questions, Firebot will ask for those answers during the import process.
+</Note>
+
+---
+
+## **Removing a Setup**
+
+To remove a Setup, open **File** > **Firebot Setups** > **Remove Firebot Setup**.
+
+Click `Choose File`, then select the Setup file you want to remove.
+
+After selecting the Setup file, Firebot finds matching components such as commands, events, and other included items, then removes them.
+
+<Note type="warning">
+    Removing a Setup deletes matching Firebot components from your current Firebot data. Only use this when you want to remove the items installed by that Setup.
+</Note>
+
+---
+
+## Setup Example: Share a Chat Game
+
+You want to create a Setup for a chat game that uses a command, currency, counter, and effects.
+
+1. Open **File** > **Firebot Setups** > **Create Firebot Setup**.
+2. Enter a **Name**.
+3. Enter a **Description**.
+4. Set the **Version**.
+5. Add the command used by the game.
+6. Add any counters, currencies, effect queues, events, or variable macros the command needs.
+7. Enable **Require User To Select A Currency** if the game should use the importer's own currency.
+8. Add import questions for values the user should choose during import.
+9. Click `Create Setup`.
+
+When someone imports the Setup, Firebot adds the selected components and applies any import answers before installing them.
\ No newline at end of file
diff --git a/src/app/v5/core/variables/page.mdx b/src/app/v5/core/variables/page.mdx
new file mode 100644
index 0000000..ed10efa
--- /dev/null
+++ b/src/app/v5/core/variables/page.mdx
@@ -0,0 +1,664 @@
+# Variables
+
+Variables let Firebot insert dynamic values into supported text fields.
+
+You can use variables in chat messages, effect settings, overlay widgets, conditions, commands, events, timers, hotkeys, counters, Channel Rewards, Power-Ups, and any other field that supports variables.
+
+Anywhere you see the `$vars` button or a field that supports variables, you can use values like `$user`, `$counter[name]` or `$date`.
+
+---
+
+## **Using Variables**
+
+Most variables start with `$`.
+
+For example: `Hello $user!`
+
+Some variables use brackets to pass in a value: `$counter[BlameChat]`
+
+Some variables can read nested data from custom variables, effect outputs, objects, or arrays: `$customVariable[profile, stats.wins]`
+
+The `$vars` menu includes **Macros**, **Global Values**, and categories such as **Common**, **Trigger Based**, **User Based**, **Text**, **Numbers**, **Advanced**, **Integrations**, and **OBS**.
+
+<Note type="info">
+    Some variables only return useful data in certain places. For example, Channel Reward variables only make sense when a Channel Reward triggered the effects.
+</Note>
+
+---
+
+## **Macros**
+
+Macros are reusable variable expressions.
+
+Use them when you have a variable expression that you want to reuse in multiple places.
+
+You can manage Macros from the `$vars` menu by selecting **Macros**, then clicking `Add Macro`.
+
+Use `$%name` to run a macro.
+
+For example: `$%shoutoutMessage`
+
+Macros can also use arguments. Add arguments in the macro editor, then use them inside the macro expression.
+
+Use `$^name` inside the macro to read an argument.
+
+| Variable             | Description                           |
+|----------------------|---------------------------------------|
+| `$%name`             | Runs the macro named `name`.          |
+| `$%name[arg1, arg2]` | Runs the macro with arguments.        |
+| `$^name`             | Gets a named argument inside a macro. |
+|                      |                                       |
+
+<Note type="warning">
+    Renaming a macro does not update existing references automatically. Any effects using the old macro name need to be updated manually.
+</Note>
+
+---
+
+## **Global Values**
+
+Global Values are static values that can be reused anywhere variables are supported.
+
+They are useful for links, common text, usernames, API keys, or other values you do not want to type in multiple places.
+
+You can manage Global Values from the `$vars` menu by selecting **Global Values**, then clicking `Manage Global Values`.
+
+Use `$!name` to insert a Global Value.
+
+For example: `$!discordLink`
+
+Global Values can be marked as **Secret**. Secret values are hidden in the UI, but should still be treated like sensitive data.
+
+| Variable | Description                         |
+|----------|-------------------------------------|
+| `$!name` | Gets the global value named `name`. |
+|          |                                     |
+
+---
+
+## **Custom Variable Shortcuts**
+
+Custom variables are created with the **Custom Variable** effect.
+
+These shortcuts let you read custom variables and effect outputs without writing the full variable name.
+
+For example: `$$example`
+
+This is the same as: `$customVariable[example]`
+
+| Variable                  | Description                                         |
+|---------------------------|-----------------------------------------------------|
+| `$$name`                  | Gets the value of the custom variable named `name`. |
+| `$$name[path, to, value]` | Gets a nested value from the custom variable.       |
+| `$&name`                  | Gets the value of the effect output named `name`.   |
+| `$&name[path, to, value]` | Gets a nested value from the effect output.         |
+|                           |                                                     |
+
+<Note type="info">
+    You can learn more about saving and using custom variables here: [Custom Variables](/v5/guides/custom-variables).
+</Note>
+
+---
+
+## **Common Variables**
+
+| Variable              | Description                                |
+|-----------------------|--------------------------------------------|
+| `$user`               | The user connected to the current trigger. |
+| `$target`             | The target user, when one is available.    |
+| `$streamer`           | The streamer account username.             |
+| `$bot`                | The bot account username.                  |
+| `$date`               | The current date.                          |
+| `$time`               | The current time.                          |
+| `$uptime`             | The current stream uptime.                 |
+| `$category`           | The current Twitch category or game.       |
+| `$game`               | Alias for `$category`.                     |
+| `$streamTitle`        | The current stream title.                  |
+| `$currentViewerCount` | The current stream viewer count.           |
+| `$counter[name]`      | The current value of the selected counter. |
+|                       |                                            |
+
+---
+
+## **Trigger Based Variables**
+
+These variables depend on what triggered the effect.
+
+They are commonly used with commands, events, rewards, Power-Ups, counter updates, loops, and effect outputs.
+
+| Variable                | Description                                                                        |
+|-------------------------|------------------------------------------------------------------------------------|
+| `$counterChange`        | Shows how much the counter increased or decreased.                                 |
+| `$counterMaximum`       | Shows the maximum value of the counter, or an empty string if there is no maximum. |
+| `$counterMinimum`       | Shows the minimum value of the counter, or an empty string if there is no minimum. |
+| `$counterName`          | Shows the name of the counter.                                                     |
+| `$counterNewValue`      | Shows the new value of the counter.                                                |
+| `$counterPreviousValue` | Shows the previous value of the counter.                                           |
+| `$effectOutput[name]`   | Gets data output by a prior effect.                                                |
+| `$loopCount`            | Gets the current loop count inside a **Loop Effects** effect.                      |
+| `$loopItem`             | Gets the current loop item inside a **Loop Effects** effect.                       |
+| `$powerUpCost`          | Gets the Bit cost of the current Power-Up.                                         |
+| `$powerUpDescription`   | Gets the description of the current Power-Up.                                      |
+| `$powerUpImageUrl`      | Gets the image URL of the current Power-Up.                                        |
+| `$rewardCost`           | Gets the channel point cost of the current Channel Reward.                         |
+| `$rewardDescription`    | Gets the description of the current Channel Reward.                                |
+| `$rewardImageUrl`       | Gets the image URL of the current Channel Reward.                                  |
+|                         |                                                                                    |
+
+<Note type="info">
+    For counter update effects, `$counterNewValue` is usually the best option because it returns the value after the counter changes.
+</Note>
+
+---
+
+## **User Based Variables**
+
+| Variable                         | Description                                                         |
+|----------------------------------|---------------------------------------------------------------------|
+| `$accountCreationDate`           | Gets the creation date of the streamer's Twitch account.            |
+| `$accountCreationDate[username]` | Gets the creation date for a specific Twitch account.               |
+| `$activeChatUserCount`           | Gets the number of active viewers in chat.                          |
+| `$activeChatUserCount[role]`     | Gets the number of active chat users in a custom role.              |
+| `$chatMessages`                  | Gets the number of chat messages for the current viewer.            |
+| `$chatMessages[username]`        | Gets the number of chat messages for a specific viewer.             |
+| `$chatUserColor`                 | Gets the chat color for the current user.                           |
+| `$chatUserColor[username]`       | Gets the chat color for a specific user.                            |
+| `$chatUserCount`                 | Gets the total number of current users in chat.                     |
+| `$chatUserCount[role]`           | Gets the total number of chat users in a custom role.               |
+| `$customRoleUserCount[role]`     | Gets the number of people in a custom role.                         |
+| `$customRoleUsers[role]`         | Gets display names for users in a custom role.                      |
+| `$isUserInChat[username]`        | Returns true if the user is currently in Twitch chat.               |
+| `$joinDate`                      | Gets the date the current viewer was first seen by Firebot.         |
+| `$joinDate[username]`            | Gets the date a specific viewer was first seen by Firebot.          |
+| `$lastSeen`                      | Gets the date the current viewer was last seen by Firebot.          |
+| `$lastSeen[username]`            | Gets the date a specific viewer was last seen by Firebot.           |
+| `$randomActiveViewer`            | Gets a random active chatter.                                       |
+| `$randomCustomRoleUser[role]`    | Gets a random user from a custom role.                              |
+| `$randomViewer`                  | Gets a random online viewer in chat.                                |
+| `$userAvatarUrl`                 | Gets the avatar URL for the current user.                           |
+| `$userProfileImageUrl`           | Alias for `$userAvatarUrl`.                                         |
+| `$userBio`                       | Gets the bio for the current user.                                  |
+| `$userAbout`                     | Alias for `$userBio`.                                               |
+| `$userDescription`               | Alias for `$userBio`.                                               |
+| `$userDisplayName`               | Gets the formatted display name for the current user.               |
+| `$userDisplayName[username]`     | Gets the formatted display name for a specific user.                |
+| `$userExists[username]`          | Returns true if the user exists in Firebot's database.              |
+| `$userId`                        | Gets the user ID for the current user.                              |
+| `$userId[username]`              | Gets the user ID for a specific user.                               |
+| `$userIsBanned[username]`        | Returns true if the user is currently banned.                       |
+| `$userIsTimedOut[username]`      | Returns true if the user is currently timed out.                    |
+| `$usernameArray`                 | Returns an array of all usernames saved in Firebot's user database. |
+| `$userRoles`                     | Returns all roles for the current user.                             |
+| `$userRoles[username]`           | Returns roles for a specific user.                                  |
+| `$vipArray`                      | Returns an array of all VIPs.                                       |
+| `$viewTime`                      | Gets the view time for the current viewer.                          |
+| `$viewTime[username]`            | Gets the view time for a specific viewer.                           |
+|                                  |                                                                     |
+
+---
+
+## **Twitch Channel Variables**
+
+| Variable                         | Description                                                    |
+|----------------------------------|----------------------------------------------------------------|
+| `$category`                      | Gets the current category or game for your channel.            |
+| `$category[username]`            | Gets the current category or game for a specific channel.      |
+| `$categoryImageUrl`              | Gets the image URL for the last streamed category.             |
+| `$categoryImageUrl[username]`    | Gets the category image URL for a specific channel.            |
+| `$followAge[username]`           | Gets how long a viewer has followed the channel.               |
+| `$followCount`                   | Gets your current follower count.                              |
+| `$followCount[username]`         | Gets the follower count for a specific channel.                |
+| `$isAdBreakRunning`              | Returns whether an ad break is currently running.              |
+| `$isChannelLive`                 | Returns whether your Twitch channel is live.                   |
+| `$isChannelLive[username]`       | Returns whether a specific channel is live.                    |
+| `$isSharedChatEnabled`           | Returns whether the channel is in a shared chat session.       |
+| `$latestClipUrl`                 | Gets the URL for the most recent Twitch clip.                  |
+| `$latestClipUrl[username]`       | Gets the URL for the most recent clip from a specific channel. |
+| `$latestFollower`                | Gets the most recent follower.                                 |
+| `$randomClipUrl`                 | Gets a random Twitch clip URL.                                 |
+| `$randomClipUrl[username]`       | Gets a random clip URL from a specific channel.                |
+| `$secondsUntilNextAdBreak`       | Gets the number of seconds until the next scheduled ad break.  |
+| `$sharedChatParticipants`        | Gets shared chat participant data.                             |
+| `$streamTitle`                   | Gets the current stream title.                                 |
+| `$streamTitle[username]`         | Gets the stream title for a specific channel.                  |
+| `$subCount`                      | Gets the current sub count.                                    |
+| `$subNames`                      | Returns an array of subscribers.                               |
+| `$subPoints`                     | Gets the current sub point count.                              |
+| `$twitchChannelUrl[channelName]` | Gets the Twitch channel URL for a channel name.                |
+| `$twitchVodUrl`                  | Gets the current Twitch VOD URL.                               |
+| `$twitchVodUrl[true]`            | Gets the current Twitch VOD URL with the current timestamp.    |
+|                                  |                                                                |
+
+---
+
+## **Channel Goal Variables**
+
+Goal types include `follow`, `sub`, `subpoint`, `newsub`, and `newsubpoint`.
+
+| Variable                          | Description                                          |
+|-----------------------------------|------------------------------------------------------|
+| `$channelGoalCurrentAmount`       | Gets the current amount for the active channel goal. |
+| `$channelGoalCurrentAmount[type]` | Gets the current amount for a specific goal type.    |
+| `$channelGoalDescription`         | Gets the description for the active channel goal.    |
+| `$channelGoalDescription[type]`   | Gets the description for a specific goal type.       |
+| `$channelGoalTargetAmount`        | Gets the target amount for the active channel goal.  |
+| `$channelGoalTargetAmount[type]`  | Gets the target amount for a specific goal type.     |
+|                                   |                                                      |
+
+---
+
+## **Bits, Rewards, and Power-Ups**
+
+| Variable                          | Description                                                |
+|-----------------------------------|------------------------------------------------------------|
+| `$bitsCheered[username]`          | Gets the all-time Bits cheered by a user.                  |
+| `$bitsCheered[username, period]`  | Gets Bits cheered by a user during a period.               |
+| `$bitsLeaderboard[count]`         | Gets the all-time Bits leaderboard.                        |
+| `$bitsLeaderboard[count, period]` | Gets the Bits leaderboard for a period.                    |
+| `$powerUpCost[name]`              | Gets the Bit cost of a specific Power-Up.                  |
+| `$powerUpDescription[name]`       | Gets the description of a specific Power-Up.               |
+| `$powerUpImageUrl[name]`          | Gets the image URL of a specific Power-Up.                 |
+| `$rewardCost[name]`               | Gets the channel point cost of a specific Channel Reward.  |
+| `$rewardDescription[name]`        | Gets the description of a specific Channel Reward.         |
+| `$topBitsCheerers`                | Gets the top Bits cheerer.                                 |
+| `$topBitsCheerers[count]`         | Gets multiple top Bits cheerers.                           |
+| `$topBitsCheerers[count, period]` | Gets top Bits cheerers for a period.                       |
+|                                   |                                                            |
+
+---
+
+## **Counter Variables**
+
+| Variable                | Description                                                                        |
+|-------------------------|------------------------------------------------------------------------------------|
+| `$counter[name]`        | Displays the value of the given counter.                                           |
+| `$counterChange`        | Shows how much the counter increased or decreased.                                 |
+| `$counterMaximum`       | Shows the maximum value of the counter, or an empty string if there is no maximum. |
+| `$counterMinimum`       | Shows the minimum value of the counter, or an empty string if there is no minimum. |
+| `$counterName`          | Shows the name of the counter.                                                     |
+| `$counterNewValue`      | Shows the new value of the counter.                                                |
+| `$counterPreviousValue` | Shows the previous value of the counter.                                           |
+|                         |                                                                                    |
+
+---
+
+## **Currency Variables**
+
+| Variable                                             | Description                                                                  |
+|------------------------------------------------------|------------------------------------------------------------------------------|
+| `$currency[currencyName, user]`                      | Gets how much currency a user has.                                           |
+| `$currencyRank[currencyName, user]`                  | Gets a user's rank for the selected currency.                                |
+| `$rawTopCurrency[currencyName]`                      | Returns a raw array of users with the most of the selected currency.         |
+| `$topCurrency[currencyName]`                         | Gets a comma-separated list of users with the most of the selected currency. |
+| `$topCurrency[currencyName, count]`                  | Gets a limited list of top currency users.                                   |
+| `$topCurrencyUser[currencyName, position, username]` | Gets the username at a specific position in the currency leaderboard.        |
+| `$topCurrencyUser[currencyName, position, amount]`   | Gets the amount at a specific position in the currency leaderboard.          |
+|                                                      |                                                                              |
+
+---
+
+## **Rank Variables**
+
+| Variable                                             | Description                                      |
+|------------------------------------------------------|--------------------------------------------------|
+| `$rankLadderMode[rankLadderName]`                    | Gets the mode of a rank ladder.                  |
+| `$rankValue[rankLadderName, rankName]`               | Gets the threshold value for a rank.             |
+| `$rankValueDescription[rankLadderName, rankName]`    | Gets the threshold value description for a rank. |
+| `$viewerHasRank[username, rankLadderName, rankName]` | Returns whether a viewer has a specific rank.    |
+| `$viewerNamesInRank[rankLadderName, rankName]`       | Gets viewer names in a rank.                     |
+| `$viewerNextRank[username, rankLadderName]`          | Gets the next rank for a viewer.                 |
+| `$viewerRank[username, rankLadderName]`              | Gets a viewer's current rank.                    |
+| `$viewersInRankArray[rankLadderName, rankName]`      | Gets raw viewer objects in a rank.               |
+|                                                      |                                                  |
+
+---
+
+## **Metadata Variables**
+
+| Variable                                             | Description                                                             |
+|------------------------------------------------------|-------------------------------------------------------------------------|
+| `$rawTopMetadata[metadataKey]`                       | Returns a raw array of users with the most of a metadata value.         |
+| `$topMetadata[metadataKey]`                          | Gets a comma-separated list of users with the most of a metadata value. |
+| `$topMetadata[metadataKey, count]`                   | Gets a limited metadata leaderboard.                                    |
+| `$topMetadataUser[metadataKey, position, username]`  | Gets the username at a specific metadata leaderboard position.          |
+| `$topMetadataUser[metadataKey, position, amount]`    | Gets the amount at a specific metadata leaderboard position.            |
+| `$userMetadata[username, metadataKey]`               | Gets metadata for a user.                                               |
+| `$userMetadata[username, metadataKey, defaultValue]` | Gets metadata for a user with a fallback value.                         |
+|                                                      |                                                                         |
+
+---
+
+## **Quote Variables**
+
+Quote object properties include `id`, `createdAt`, `creator`, `originator`, `text`, and `game`.
+
+| Variable                         | Description                              |
+|----------------------------------|------------------------------------------|
+| `$quote`                         | Gets a random quote.                     |
+| `$quote[#]`                      | Gets a specific quote by ID.             |
+| `$quoteAsObject`                 | Gets a random quote as a JSON object.    |
+| `$quoteAsObject[#]`              | Gets a specific quote as a JSON object.  |
+| `$quoteAsObject[#, property]`    | Gets one property from a specific quote. |
+| `$quoteAsObject[null, property]` | Gets one property from a random quote.   |
+|                                  |                                          |
+
+---
+
+## **Text Variables**
+
+| Variable                                              | Description                                           |
+|-------------------------------------------------------|-------------------------------------------------------|
+| `$capitalize[text]`                                   | Capitalizes the first letter and lowercases the rest. |
+| `$commafy[number]`                                    | Adds commas to a number.                              |
+| `$concat[text, text]`                                 | Joins text together.                                  |
+| `$decodeFromHtml[text]`                               | Decodes HTML-encoded text.                            |
+| `$decodeFromUrl[text]`                                | Decodes URL-encoded text.                             |
+| `$encodeForHtml[text]`                                | Encodes text for safe use in HTML templates.          |
+| `$encodeForUrl[text]`                                 | Encodes text for use in a URL.                        |
+| `$evalVars[text]`                                     | Evaluates variables inside a string of text.          |
+| `$lowercase[text]`                                    | Makes text lowercase.                                 |
+| `$replace[textInput, searchValue, replacement]`       | Replaces text with another value.                     |
+| `$replace[textInput, searchValue, replacement, true]` | Replaces text using a regular expression.             |
+| `$scrambleText[text]`                                 | Scrambles the input text.                             |
+| `$splitText[text, separator]`                         | Splits text into an array.                            |
+| `$sprintf[template, values]`                          | Formats text using a template.                        |
+| `$textContains[text, search]`                         | Returns true if the text contains the search value.   |
+| `$textLength[text]`                                   | Returns the length of the text.                       |
+| `$textPadEnd[input, count, countIsLength, padChar]`   | Pads the end of text.                                 |
+| `$textPadStart[input, count, countIsLength, padChar]` | Pads the start of text.                               |
+| `$textSubstring[text, start, end]`                    | Gets part of a text value.                            |
+| `$trim[text]`                                         | Removes whitespace from the start and end of text.    |
+| `$trimEnd[text]`                                      | Removes whitespace from the end of text.              |
+| `$trimStart[text]`                                    | Removes whitespace from the start of text.            |
+| `$uppercase[text]`                                    | Makes text uppercase.                                 |
+| `$word[text, #]`                                      | Gets a word from a sentence by position.              |
+|                                                       |                                                       |
+
+---
+
+## **Numbers Variables**
+
+| Variable                              | Description                                                                |
+|---------------------------------------|----------------------------------------------------------------------------|
+| `$ceil[num]`                          | Rounds a number up.                                                        |
+| `$ensureNumber[input, defaultNumber]` | Returns the input if it is a number, otherwise returns the default number. |
+| `$floor[num]`                         | Rounds a number down.                                                      |
+| `$math[expression]`                   | Evaluates a math expression.                                               |
+| `$max[num1, num2]`                    | Returns the highest number.                                                |
+| `$min[num1, num2]`                    | Returns the lowest number.                                                 |
+| `$ordinalIndicator[number]`           | Adds an ordinal suffix such as `st`, `nd`, or `rd`.                        |
+| `$padNumber[value, places]`           | Pads a number to a decimal place count.                                    |
+| `$randomNumber[min, max]`             | Gets a random number between the selected range.                           |
+| `$rollDice[diceConfig]`               | Rolls dice, such as `1d6` or `2d10+1d12`.                                  |
+| `$round[num]`                         | Rounds a number to the nearest whole number.                               |
+| `$round[num, places]`                 | Rounds a number to a specific number of decimal places.                    |
+|                                       |                                                                            |
+
+---
+
+## **Date and Time Variables**
+
+| Variable                       | Description                                              |
+|--------------------------------|----------------------------------------------------------|
+| `$date`                        | Gets the current date formatted as `MMM Do YYYY`.        |
+| `$date[format]`                | Gets the current date using a custom Moment.js format.   |
+| `$date[format, amount, unit]`  | Gets a date with time added or subtracted.               |
+| `$formatDuration[seconds]`     | Formats seconds into a readable duration.                |
+| `$time`                        | Gets the current time.                                   |
+| `$time[format]`                | Gets the current time using a custom Moment.js format.   |
+| `$unixTimestamp`               | Gets the current Unix timestamp.                         |
+| `$unixTimestamp[date]`         | Gets the Unix timestamp for a specific date.             |
+| `$unixTimestamp[date, format]` | Gets the Unix timestamp for a date with a custom format. |
+|                                |                                                          |
+
+---
+
+## **Advanced Variables**
+
+Logic variables are mostly used inside `$if[]`.
+
+For example: `$if[$user === Firebot, Hello Firebot!, Hello!]`
+
+| Variable                                | Description                                                            |
+|-----------------------------------------|------------------------------------------------------------------------|
+| `$if[condition, when_true, when_false]` | Returns one value if the condition is true and another if it is false. |
+| `$ALL[condition, condition]`            | Returns true if all conditions are true.                               |
+| `$AND[condition, condition]`            | Alias for `$ALL[]`.                                                    |
+| `$ANY[condition, condition]`            | Returns true if any condition is true.                                 |
+| `$OR[condition, condition]`             | Alias for `$ANY[]`.                                                    |
+| `$NALL[condition, condition]`           | Returns true if any condition is false.                                |
+| `$NAND[condition, condition]`           | Alias for `$NALL[]`.                                                   |
+| `$NANY[condition, condition]`           | Returns true if all conditions are false.                              |
+| `$NOR[condition, condition]`            | Alias for `$NANY[]`.                                                   |
+| `$NOT[condition]`                       | Returns the opposite of the condition.                                 |
+| `$true`                                 | Returns a literal true boolean value.                                  |
+| `$false`                                | Returns a literal false boolean value.                                 |
+| `$null`                                 | Returns a literal null value.                                          |
+|                                         |                                                                        |
+
+---
+
+## **Array Variables**
+
+| Variable                                                    | Description                                          |
+|-------------------------------------------------------------|------------------------------------------------------|
+| `$arrayAdd[array, new-item]`                                | Returns a new array with an item added to the end.   |
+| `$arrayAdd[array, new-item, true]`                          | Returns a new array with an item added to the start. |
+| `$arrayElement[array, index]`                               | Gets an item from an array by index.                 |
+| `$arrayElement[array, first]`                               | Gets the first item from an array.                   |
+| `$arrayElement[array, last]`                                | Gets the last item from an array.                    |
+| `$arrayFilter[array, matcher, propertyPath, removeMatches]` | Returns a filtered array.                            |
+| `$arrayFind[array, matcher]`                                | Finds a matching item or returns the text `null`.    |
+| `$arrayFindIndex[array, matcher]`                           | Finds a matching item and returns its index.         |
+| `$arrayFindWithNull[array, matcher]`                        | Finds a matching item or returns a literal null.     |
+| `$arrayFrom[value, value]`                                  | Creates a raw array from the listed values.          |
+| `$arrayFuzzySearch[array, search]`                          | Finds the closest matching item in an array.         |
+| `$arrayJoin[array, separator]`                              | Joins array items into text.                         |
+| `$arrayLength[array]`                                       | Gets the number of items in an array.                |
+| `$arrayRandomItem[array]`                                   | Gets a random item from an array.                    |
+| `$arrayRemove[array, index]`                                | Removes an item from an array by index.              |
+| `$arrayRemove[array, first]`                                | Removes the first item from an array.                |
+| `$arrayRemove[array, last]`                                 | Removes the last item from an array.                 |
+| `$arrayReverse[array]`                                      | Reverses an array.                                   |
+| `$arrayShuffle[array]`                                      | Shuffles an array.                                   |
+| `$arraySlice[array, start, end]`                            | Gets part of an array.                               |
+|                                                             |                                                      |
+
+---
+
+## **Object and JSON Variables**
+
+| Variable                                          | Description                                                   |
+|---------------------------------------------------|---------------------------------------------------------------|
+| `$convertFromJSON[json text]`                     | Converts JSON text into a raw object.                         |
+| `$convertToJSON[rawValue]`                        | Converts a raw value into JSON text.                          |
+| `$convertToJSON[rawValue, true]`                  | Converts a raw value into pretty-printed JSON text.           |
+| `$customVariable[name]`                           | Gets data saved in a custom variable.                         |
+| `$customVariable[name, property]`                 | Gets a nested property from a custom variable.                |
+| `$customVariable[name, null, defaultValue]`       | Gets a custom variable with a fallback value.                 |
+| `$customVariableKeys[name]`                       | Gets keys from an object saved in a custom variable.          |
+| `$effectOutput[name]`                             | Gets data output by a prior effect.                           |
+| `$effectOutput[name, property]`                   | Gets a nested property from an effect output.                 |
+| `$effectOutput[name, property, defaultValue]`     | Gets effect output data with a fallback value.                |
+| `$objectKeys[object]`                             | Gets the keys for an object.                                  |
+| `$objectWalkPath[object, path.to.value]`          | Gets a nested value from an object.                           |
+| `$quickStore[key]`                                | Gets a temporary stored value.                                |
+| `$quickStore[key, value]`                         | Stores a temporary value for the current variable evaluation. |
+| `$rawCustomVariable[name]`                        | Gets raw data saved in a custom variable.                     |
+| `$rawCustomVariable[name, property]`              | Gets a nested raw value from a custom variable.               |
+| `$rawCustomVariableKeys[name]`                    | Gets keys from a raw custom variable object.                  |
+| `$setObjectProperty[object, propertyPath, value]` | Adds, updates, or removes a property from an object.          |
+|                                                   |                                                               |
+
+<Note type="info">
+    You can learn more about custom variables here: [Custom Variables](/v5/guides/custom-variables).
+</Note>
+
+---
+
+## **File, API, and Media Variables**
+
+| Variable                                 | Description                                              |
+|------------------------------------------|----------------------------------------------------------|
+| `$audioDuration[filePathOrUrl]`          | Gets the duration of an audio file or URL in seconds.    |
+| `$fileExists[path]`                      | Returns true if a file exists.                           |
+| `$fileLineCount[path]`                   | Counts the number of lines in a text file.               |
+| `$fileName[path]`                        | Gets the file name without the extension.                |
+| `$filesInDirectory[path]`                | Gets files in a directory.                               |
+| `$filesInDirectory[path, regexp, flags]` | Gets files in a directory matching a regular expression. |
+| `$overlayResourcesPath`                  | Gets the full path to the overlay resources folder.      |
+| `$overlayResourcesPath[sub, dir, file]`  | Gets a path inside the overlay resources folder.         |
+| `$readApi[url]`                          | Calls a URL and returns the response as text.            |
+| `$readApi[url, object.path.here]`        | Gets a nested value from a JSON API response.            |
+| `$readFile[path]`                        | Reads the contents of a text file.                       |
+| `$readFile[path, line]`                  | Reads a specific line from a text file.                  |
+| `$readFile[path, first]`                 | Reads the first line from a text file.                   |
+| `$readFile[path, last]`                  | Reads the last line from a text file.                    |
+| `$readFile[path, random]`                | Reads a random line from a text file.                    |
+| `$readFile[path, array]`                 | Reads a text file as an array.                           |
+| `$readFile[path, bytes]`                 | Reads a file as a byte array.                            |
+| `$videoDuration[filePathOrUrl]`          | Gets the duration of a video file or URL in seconds.     |
+|                                          |                                                          |
+
+---
+
+## **Encoding Variables**
+
+| Variable                | Description               |
+|-------------------------|---------------------------|
+| `$atob[string]`         | Decodes a base64 string.  |
+| `$base64Decode[string]` | Decodes a base64 string.  |
+| `$base64Encode[string]` | Encodes text into base64. |
+| `$btoa[string]`         | Encodes text into base64. |
+|                         |                           |
+
+---
+
+## **Regular Expression Variables**
+
+| Variable                                   | Description                                                         |
+|--------------------------------------------|---------------------------------------------------------------------|
+| `$regexExec[string, expression]`           | Runs a regular expression and returns the result.                   |
+| `$regexExec[string, expression, flags]`    | Runs a regular expression with flags.                               |
+| `$regexMatches[string, expression]`        | Returns all regular expression matches.                             |
+| `$regexMatches[string, expression, flags]` | Returns all regular expression matches with flags.                  |
+| `$regexTest[string, expression]`           | Returns true if the text matches the regular expression.            |
+| `$regexTest[string, expression, flags]`    | Returns true if the text matches the regular expression with flags. |
+|                                            |                                                                     |
+
+---
+
+## **OBS Variables**
+
+| Variable                    | Description                                   |
+|-----------------------------|-----------------------------------------------|
+| `$obsColorValue`            | Converts a color into an OBS color value.     |
+| `$obsInputActive`           | Returns whether the OBS input is active.      |
+| `$obsInputAudioBalance`     | Gets the audio balance for the OBS input.     |
+| `$obsInputAudioSyncOffset`  | Gets the audio sync offset for the OBS input. |
+| `$obsInputAudioTracks`      | Gets the raw OBS audio tracks object.         |
+| `$obsInputKind`             | Gets the OBS internal input kind.             |
+| `$obsInputMonitorType`      | Gets the OBS audio monitor type.              |
+| `$obsInputMuted`            | Returns whether the OBS input is muted.       |
+| `$obsInputName`             | Gets the OBS input name.                      |
+| `$obsInputSettings`         | Gets the raw OBS input settings object.       |
+| `$obsInputShowing`          | Returns whether the OBS input is showing.     |
+| `$obsInputUuid`             | Gets the OBS input UUID.                      |
+| `$obsInputVolumeDb`         | Gets the OBS input volume in dB.              |
+| `$obsInputVolumeMultiplier` | Gets the OBS input volume multiplier.         |
+| `$obsIsConnected`           | Returns whether OBS is connected.             |
+| `$obsIsRecording`           | Returns whether OBS is recording.             |
+| `$obsIsStreaming`           | Returns whether OBS is streaming.             |
+| `$obsOldInputName`          | Gets the previous OBS input name.             |
+| `$obsSceneCollectionName`   | Gets the OBS scene collection name.           |
+| `$obsSceneName`             | Gets the OBS scene name.                      |
+|                             |                                               |
+
+---
+
+## **Overlay Variables**
+
+| Variable                                       | Description                                       |
+|------------------------------------------------|---------------------------------------------------|
+| `$overlayWidgetState[nameOrId]`                | Gets the state of an overlay widget.              |
+| `$overlayWidgetState[nameOrId, path.to.value]` | Gets a nested value from an overlay widget state. |
+|                                                |                                                   |
+
+---
+
+## **Effect Variables**
+
+Use `$runEffect[]` only when you know what the effect JSON should look like.
+
+| Variable                         | Description                                                   |
+|----------------------------------|---------------------------------------------------------------|
+| `$effectQueueLength[queueName]`  | Gets the number of effects in an effect queue.                |
+| `$evalJs[`` code ``]`            | Evaluates JavaScript in a sandboxed browser instance.         |
+| `$evalJs[`` code ``, parameter]` | Evaluates JavaScript with parameters.                         |
+| `$runEffect[effectJson]`         | Runs an effect from effect JSON.                              |
+|                                  |                                                               |
+
+<Note type="warning">
+    `$runEffect[]` is powerful, but easy to break. Use it only when you know what the effect JSON should look like.
+</Note>
+
+---
+
+## **Integrations Variables**
+
+| Variable                                                    | Description                                  |
+|-------------------------------------------------------------|----------------------------------------------|
+| `$extraLifeDonations`                                       | Gets Extra Life donation data.               |
+| `$extraLifeDonations[amount]`                               | Gets top donation data.                      |
+| `$extraLifeDonations[createdDateUTC, count, participantID]` | Gets recent donations.                       |
+| `$extraLifeIncentives`                                      | Gets Extra Life incentive data.              |
+| `$extraLifeIncentives[description]`                         | Gets an incentive by description.            |
+| `$extraLifeInfo`                                            | Gets Extra Life profile data.                |
+| `$extraLifeInfo[property]`                                  | Gets a specific Extra Life profile property. |
+| `$extraLifeMilestones`                                      | Gets Extra Life milestone data.              |
+| `$extraLifeMilestones[goal]`                                | Gets a milestone by goal amount.             |
+|                                                             |                                              |
+
+---
+
+## **Random Variables**
+
+| Variable                            | Description                           |
+|-------------------------------------|---------------------------------------|
+| `$randomAdvice`                     | Gets random advice.                   |
+| `$randomDadJoke`                    | Gets a random dad joke.               |
+| `$randomRedditImage[subredditName]` | Gets a random image from a subreddit. |
+| `$randomUUID`                       | Gets a random formatted UUID.         |
+|                                     |                                       |
+
+---
+
+## Variable Example: Random Reply
+
+You want a command that gives a random answer from a small list.
+
+1. Open **Commands** in Firebot.
+2. Create or edit the command you want to use, for example `!answer`.
+3. Add a `Chat` effect.
+4. Use `$arrayRandomItem[]` with `$arrayFrom[]` in the chat message.
+
+Example message: 
+
+* `$arrayRandomItem[$arrayFrom[Yes, No, Maybe, Ask again later]]`
+
+When the command runs, Firebot picks one item from the list and posts it in chat.
+
+## Variable Example: Countdown to a Date
+
+You want a command that shows how many days are left until an event.
+
+1. Open **Commands** in Firebot.
+2. Create or edit the command you want to use, for example `!countdown`.
+3. Add a `Chat` effect.
+4. Use `$unixTimestamp[]`, `$math[]`, and `$floor[]` to compare the event date with the current time.
+
+Example message:
+
+* `There are $floor[$math[($unixTimestamp[2026-10-31, YYYY-MM-DD] - $unixTimestamp) / 86400]] days until Halloween!`
+
+When the command runs, Firebot converts the event date and the current date into Unix timestamps, subtracts them, then divides by `86400` to turn the result into days.
\ No newline at end of file
diff --git a/src/navigation.ts b/src/navigation.ts
index e7cf74b..198b465 100644
--- a/src/navigation.ts
+++ b/src/navigation.ts
@@ -16,12 +16,15 @@ export const nav: Array<NavGroup> = [
             { title: 'Events', href: '/v5/core/events' },
             { title: 'Timers And Scheduled Effects', href: '/v5/core/timers' },
             { title: 'Channel Rewards', href: '/v5/core/channel-rewards' },
+            { title: 'Power-Ups', href: '/v5/core/power-ups' },
             { title: 'Preset Effect Lists', href: '/v5/core/preset-effect-lists' },
             { title: 'Hotkeys', href: '/v5/core/hotkeys' },
             { title: 'Counters', href: '/v5/core/counters' },
             { title: 'Variables', href: '/v5/core/variables' },
+            { title: 'Restrictions', href: '/v5/core/restrictions' },
             { title: 'Effect Queues', href: '/v5/core/effect-queues' },
             { title: 'Setups', href: '/v5/core/setups' },
+            { title: 'Overlay Widgets', href: '/v5/core/overlay-widgets' },
         ],
     },
     {