From 302e683b3260bf330099cabfcfba0023627404c1 Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Sun, 15 Mar 2026 11:27:18 +0100
Subject: [PATCH] feat: increase journey depth slider max from 5 to 10

---
 CHANGELOG.md                     | 1 +
 app/sites/[id]/journeys/page.tsx | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 06a25b9..62db945 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,6 +8,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 
 ### Improved
 
+- **Deeper journey exploration.** The depth slider on the Journeys page now goes up to 10 steps (previously capped at 5), so you can follow longer visitor paths through your site and see exactly where people go after many clicks.
 - **More accurate rage click detection.** Rage clicks no longer fire when you triple-click to select text on a page. Previously, selecting a paragraph (a normal 3-click action) was being counted as a rage click, which inflated frustration metrics. Only genuinely frustrated rapid clicking is tracked now.
 - **Fresher CDN data.** BunnyCDN statistics now refresh every 3 hours instead of once a day, so your CDN tab shows much more current bandwidth, request, and cache data.
 - **More accurate dead click detection.** Dead clicks were being reported on elements that actually worked — like close buttons on cart drawers, modal dismiss buttons, and page content areas. Three fixes make dead clicks much more reliable:
diff --git a/app/sites/[id]/journeys/page.tsx b/app/sites/[id]/journeys/page.tsx
index 55dcc29..95a4ee5 100644
--- a/app/sites/[id]/journeys/page.tsx
+++ b/app/sites/[id]/journeys/page.tsx
@@ -122,13 +122,13 @@ export default function JourneysPage() {
           <input
             type="range"
             min={2}
-            max={5}
+            max={10}
             step={1}
             value={depth}
             onChange={(e) => setDepth(Number(e.target.value))}
             className="w-32 accent-brand-orange"
           />
-          <span className="text-sm font-medium text-neutral-900 dark:text-white w-4">{depth}</span>
+          <span className="text-sm font-medium text-neutral-900 dark:text-white w-5">{depth}</span>
         </div>
 
         <Select